@font-face {
    font-family: 'Yekan';
    src: url('../fonts/Yekan.eot');
    src: url('../fonts/Yekan.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Yekan.woff') format('woff'),
         url('../fonts/Yekan.ttf') format('truetype'),
         url('../fonts/Yekan.svg#Yekan') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "IRANSansWeb";
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/IRANSansWeb.eot?#iefix") format("embedded-opentype"), url("../fonts/IRANSansWeb.woff") format("woff"), url("../fonts/IRANSansWeb.ttf") format("truetype"), url("../fonts/IRANSansWeb.svg#IRANSansWeb") format("svg");
}
a{
    color:#48c5b5;
}
a:hover {
    color:#304d5b;
}
body {
  font-family:IRANSansWeb,yekan,tahoma,Open Sans,sans-serif !important;
  margin:0;
  padding:0;
   }
   
   
#sp-top {
    background: #48c5b5;
	color: #fff;
	padding:6px 0;
}
#sp-top .fa {
    color: #fff;
}
#sp-top a{
	color:#fff;
}


#sp-header {
    background-color: #fff;
    box-shadow: none;
    height: 65px;
}
.sp-default-logo {
    width: 160px;
	transition:all 0.3s;
	float:left;
}
#sp-header .logo {
    float: left;
    height: 65px;
  	width:70%;
}
#sp-header-sticky-wrapper.is-sticky .logo {
    float: left;
    height: 60px;
  	width:70%;
}
#sp-header-sticky-wrapper.is-sticky .sp-default-logo{
    width: 105px;
	float:left;
}
#offcanvas-toggler {
    height: 65px;
    line-height: 65px;
}
#offcanvas-toggler > i, #offcanvas-toggler > i:hover {
    color: #48C5B5;
}
.sp-megamenu-parent > li > a {
color: #000;
line-height: 65px;
vertical-align: middle;
font-weight: 600;
font-size: 13px;
padding: 0 5px;
letter-spacing: 0;
}
.sp-megamenu-parent > li:hover > a {
    color: #48c5b5;
    line-height: 65px;
}
.sp-megamenu-parent > li.active > a {
    color: #48c5b5;
}

body.rtl .sp-megamenu-parent {
    float: right;
}
body.rtl .sp-megamenu-parent > li.sp-has-child > a::before {
    margin-left: 5px;
    margin-right: 0;
}
#sp-header.transparent {
    background: #fff;
    box-shadow: none;
    height: 65px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 99;
	border-bottom:1px solid #ddd;
	
	box-shadow:0 1px 3px rgba(0,0,0,0.4);
}
#sp-header-sticky-wrapper.sticky-wrapper.is-sticky #sp-header.transparent {
    background: #fff;
    box-shadow: 0 1px 3px rgba(0,0,0,0.4);
    height: 60px;
}
.sticky-wrapper.is-sticky #sp-header.transparent {
    padding: 0;
    transition: all 0.1s linear 0s;
}
.sticky-wrapper.is-sticky #sp-menu {
  height: 60px;
}
.sticky-wrapper.is-sticky .sp-megamenu-parent {
  height: 60px;
}
.sticky-wrapper.is-sticky .sp-menu-item {
  height: 60px;
}
.sticky-wrapper.is-sticky .sp-megamenu-parent>li>a {
  height: 60px;
  line-height: 60px;
}
.sticky-wrapper.is-sticky .sp-megamenu-parent > li.active > a {
    color: #48c5b5;
	border-bottom: 5px solid #48c5b5;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li.active a {
    color:#48c5b5 !important;
}
body.rtl #offcanvas-toggler {
    float: right;
}
.offcanvas-menu {
    background:#f5f5f5 !important;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li a {
    border-bottom: 1px dotted #bbb;
}


#sp-main-body{
	padding:20px 0 !important;
  	font-size: 14px !important;
}
.entry-header h2 {
    margin: 8px 0 0;
    font-size: 18px;
    line-height: 1;
    letter-spacing: 0;
	text-align: right;
    border-bottom: 1px solid #e5e5e5;
	padding-bottom: 12px;
	box-shadow: 0 1px 0 #fff;
}
.entry-header h2 a {
    color:#304D5B;
    font-size: 21px;
}
article.item {
    margin-bottom: 50px;
    background: 
    rgba(255,255,255,0.5);
    padding: 20px;
    border-radius: 5px;
}
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input{
  height:auto;
}
.tags span {
    display: none;
}


#sp-section1 {
    background: 
    #ededed;
    padding: 40px 0 0;
}
#sp-section2{
	background-color:#304d5b;
	padding:80px 0;
	color:#ededed;
	
}
#sp-section3{
	background-color:#fff;
	padding:40px 0;
	
}
#sp-section3 .sp-module {
    margin-top: 25px;
}
#sp-section4 {
    padding: 40px 0;
	background-color:#49c5b6;
	background-image:url("../images/bg.png");
	background-repeat:no-repeat;
	background-size:cover;
}
#sp-position7, #sp-position6, #sp-position5 {
    padding: 0 25px ;
}
#sp-section8 {
    padding: 40px 0 0;
}
#sp-breadsection {
    background: #f5f5f5;
  	padding:25px 0;
}
.breadcrumb {
    margin-bottom: 0;
}




#sp-bottom{
	background-color:#304d5b;
	color:#fff;
	padding:60px 0 !important;
}
#sp-bottom a{
	color:#fff;
}
#sp-bottom .sp-module ul > li {
    border-bottom: none;
}
#sp-bottom .sp-module-title {
    color:#49c5b6;
}
body.rtl #sp-bottom .sp-module ul > li > a::before{
  color:#49c5b6;
  font-size:20px;
}
#sp-bottom1 li:hover {
    padding-right: 7px;
}
#sp-footer{
	padding:0;
	background-color:#203d4b;
	
}
#sp-footer1,#sp-footer2 {
    color: #fff;
	
}
article.item {
    margin-bottom: 30px;
    background: 
    rgba(255,255,255,0.5);
    padding: 0 20px;
    border-radius: 5px;
    width: 100%;
    float: right;
}
.entry-header {
    position: relative;
    margin-bottom: 10px;
}
.blog.projectspage .entry-header h2 {
    text-align: center;
    border-bottom: none;
}
.entry-image.intro-image img {
    width: 100%;
    height: 250px;
}




.btn-default {
    color:#fff;
	background-color:#48c5b5;
	border-radius: 40px;
	border:none;
    padding: 8px 25px;
  	border-bottom:3px solid #304d5b;
  	transition:all 0.1s;
}
.btn-default:hover {
    color:#fff;
	background-color:#304D5B;
	border-radius: 40px;
  	margin-top:3px;
  	border-bottom:none;
	
    padding: 8px 25px;
}
.btn-primary, .sppb-btn-primary,.btn-success {
    border-color:#ca970b;
	background-color:#ca970b;
	border-radius:2px;
}
.btn-primary:hover, .sppb-btn-primary:hover ,.btn-success:hover{
    border-color:#304d5b;
	background-color:#304d5b;
}
.btn.btn-success .icon-arrow-right {
    display: none;
}








.sp-portfolio-introtext p {
  height: 30px !important;
  text-overflow: ellipsis;
  /*! white-space: nowrap; */
  max-height: 30px !important;
  color:#999;
  font-size:12px;
}
.sp-portfolio-thumb {
  height: 270px !important;
}

div.default .sp-portfolio-thumb .sp-portfolio-overlay {
    background:rgba(0,0,0,.3) !important;
}
.sp-portfolio-preview {
    display: none !important;
}
div.default .sp-portfolio-thumb .sp-portfolio-overlay > div {
    top: 0 !important;
    margin-top: 0 !important;
    width: 100% !important;
    height: 100% !important;
}
div.default .sp-portfolio-thumb .sp-portfolio-overlay > div > a {
    margin: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: none !important;
    color:rgba(0,0,0,0) !important;
}
.sp-portfolio-loadmore div.default .btn.btn-primary {
    background-color: #069 !important;
    border-radius: 7px !important;
    line-height: 40px !important;
    height: 42px !important;
}
li.sp-portfolio-item {
    border-bottom: none !important;
}
.sp-portfolio-item-inner {
    border: 1px solid #ddd;
}
div.default .sp-portfolio-thumb img {
    width: 100%;
    height: 270px !important;
}
div.default .btn.btn-primary {
    background-color: #069 !important;
    border-radius: 7px;
    line-height: 40px !important;
    height: 45px !important;
}
.sp-portfolio-item-details .item-title {

    margin: 0 -10px;
    padding: 5px 10px;
    border-bottom: 1px solid #ddd;
    font-size: 16px !important;
}
div.default ul.sp-portfolio-filter{
	text-align:center;
}
.sp-portfolio-filter a.btn.active {
    background: #fff !important;
	border-radius: 40px !important;
	border: 2px solid #49c5b6 !important;
	color:#49c5b6 !important;
}
.sp-portfolio-filter a.btn {
    background: #49c5b6 !important;
	border-radius: 40px !important;
	border: 2px solid #49c5b6 !important;
	color:#fff !important;
	padding: 5px 25px 4px !important;
}
.sp-portfolio-filter a::before{
	content:none !important;
}
#sp-position3 .sp-module ul > li{
	border-bottom:none !important;
}

.khadamat {
  width: 100%;
  float: right;
}
.khadamatdiv {
  float: right;
  width: 31.33%;
  margin: 0 1% 30px;
}
img {
}
.khadamatdiv img {
  width: 100%;
  border-radius: 4px;
  box-shadow: 0 0 2px #444;
}
.khadamatdiv p {
  text-align: center;
  font-size: 18px;
}
.khadamatdiv img:hover {
  box-shadow: 0 0 10px #bbb;
  opacity:0.8;
  
}
.khadamat .category.table.table-striped.table-bordered.table-hover.table-noheader {
    display: none;
}
.cat-children {
    display: none;
}


/*mediaqueries*/

@media (min-width: 768px) and (max-width: 991px) {
.hidden-xs {
    display: none !important;
}
      projectsmobile{
    display:none;
  }
  .sp-default-logo.hidden-xs{
    display:block !important;
  }
}


@media (min-width: 992px) {
#sp-header .fa-bars {
    display: none;
}
    .projectsmobile{
    display:none;
  }
}


@media (max-width: 767px) {
.hidden-xs {
    display: none !important;
}
  .khadamatdiv {
  float: right;
  width: 98%;
  margin: 0 1% 30px;
}
  #sp-user2, #sp-user3 {
    margin-top: 70px;
}
  #sp-position5, #sp-position6,#sp-bottom1 {
    margin-bottom: 30px;
}
  .sp-default-logo {
    width: 90px;
    }
  .projectsdesktop{
    display:none;
  }
  .sp-portfolio-filter li {
    margin-bottom: 10px;
}
article.item img {
    width: 100%;
    float: none !important;
    margin: 10px auto !important;
}
}