/* FRONTEND CSS
*********************************************/
@font-face {
    font-family: 'IRANSansWeb(FaNum)';
    src: url('../fonts/IRANSansWeb(FaNum).eot');
    src: url('../fonts/IRANSansWeb(FaNum).eot?#iefix') format('embedded-opentype'),
         url('../fonts/IRANSansWeb(FaNum).ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "FontAwesome";
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/fontawesome-webfont.eot") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff") format("woff"), url("../fonts/fontawesome-webfont.ttf") format("truetype"), url("../fonts/fontawesome-webfont.svg") format("svg");
}
html {
  overflow-y: scroll;
}
/*delete bac editor*/
#tinymce{background:none!important;}
*{ padding:0; margin:0;}
body{font-family: 'IRANSansWeb(FaNum)' !important; direction:rtl;}
p, a, h1, h2, h3, h4, h5, h6{font-family: 'IRANSansWeb(FaNum)' !important;}
a{text-decoration:none !important; }
a:hover{color: #04dff9;}

.f-nav.bac-header{background: #adf7ee !important;}
.f-nav .logo{margin-top: 0px; margin-bottom: 0px;}
.f-nav .logo img{ max-height: 50px; transition: all 0.5s ease 0s; padding-bottom: 0;}

.home .bac-header{border-bottom: none; margin-bottom: 0px; background: #fff;}
.bac-header{border-bottom: 1px solid #c8cacf; margin-bottom: 50px; position: fixed;  width: 100%; background: #ADF7EE; z-index: 9;}

.logo{margin-top: 5px; margin-bottom: 5px;}
.logo img{max-height: 125px; transition: all 0.5s ease 0s;}

.main-menu ul{padding:0; float: left; margin: 0;}
.main-menu li a{
  padding: 16px 18px;
  font-size: 15px;
  position: relative;
  display: inline-block;
  outline: none;
  color: #000;
  text-decoration: none; 
  border: none;
}
.main-menu li{display:inline-block; background: none;}
.main-menu li:last-child a{padding-left: 0;}
.main-menu li:hover{background: none;}
.main-menu li a:hover{color: #2391e7; background: none;}
.main-menu ul ul{position:absolute; width:250px; padding:10px 0; display:none; z-index:100;}
.main-menu li:hover> ul{
  display:block;
  float:left;
  width:246px;
  margin-right: 0px;
  background: rgba(0, 12, 32, 0.8);
}
.main-menu li li{width:100%; padding-right: 10px; float:left; list-style-type:none; margin-right: 0; margin-left: 0;}
.main-menu li li a{text-align: right; font-size: 14px; text-decoration:none; width: 100%; color: #fff; padding: 5px;}
.main-menu ul ul ul{margin: -44px 225px 0 190px !important;}

.bac-content1{position: relative; top: 130px;}

.bac-content2{/*background: #FFF4F4;*/ background: #eeeeee;}
.content2{text-align: center; padding-top: 175px;}
.content2 h1{font-size: 30px; padding-bottom: 20px;}
.content2 h2{font-size: 20px; padding-bottom: 25px;}
.content2 p{color:#494444; padding-top: 30px; line-height: 2;}
.content2 hr{ margin: 0 auto;  padding: 0;  width: 228px;  height: 2px;  border-top: 1px solid #000000;}

.bac-content3{/*background: #FFF4F4;*/ background: #eeeeee;}
.content3, .content4, .content5{margin-top: 50px; text-align: center;}
.content3 img, .content4 img, .content5 img{/*border: 5px solid #99BF56;*/ border-radius: 12px; box-shadow: 0 0 3px #000;  width: 312px; margin: 0 auto; display: block;}
.content3 a, .content4 a, .content5 a{font-size: 20px; color:#000;}
.content3 a:hover, .content4 a:hover, .content5 a:hover{color:#04dff9;}


.bac-content5{/*background: #FFF4F4;*/ background: #eeeeee; padding-top: 50px; padding-bottom: 30px;}
.bac-content5 .container{border-top: 1px solid #ede4e4;}
.title-services{margin-bottom: 0; font-size: 30px; text-align: center; padding-top: 40px;}
.text-services{font-size: 15px; line-height: 2; text-align: justify;}
.content6 a, .content7 a, .content8 a{font-size: 18px; color:#000; padding-top: 10px;}
.content6:hover a, .content7:hover a, .content8:hover a{color:#04dff9;}
.content6:hover .bac-pic-service, .content7:hover .bac-pic-service, .content8:hover .bac-pic-service{border-color:#008ed4;}
.bac-pic-service{
  position: relative;
  width: 200px;
  height: 200px;
  line-height: 144px;
  border: solid 2px #54aad4;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  margin: 0 auto;
}
.bac-pic-service p{width: 188px; height: 188px; position: absolute; text-align: center; background: #82D0F7; -webkit-border-radius: 50%; -moz-border-radius: 50%; -moz-transition: 0.3s; -o-transition: 0.3s; margin: 4px; }
.content6, .content7, .content8{overflow: hidden;  position: relative; text-align: center;}
.content6:hover .custom, .content7:hover .custom, .content8:hover .custom{background: #fff;  border-color: #1f2531;}
.content6 .custom, .content7 .custom, .content8 .custom{padding: 6px 23px 55px; border: solid 1px transparent; box-sizing: border-box;
-moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s;}
.content6:hover .custom h6:first-child:before, .content6:hover .custom h6:first-child:after, .content6:hover .custom h6:nth-child(2):before, .content6:hover .custom h6:nth-child(2):after,
.content7:hover .custom h6:first-child:before, .content7:hover .custom h6:first-child:after, .content7:hover .custom h6:nth-child(2):before, .content7:hover .custom h6:nth-child(2):after,
.content8:hover .custom h6:first-child:before, .content8:hover .custom h6:first-child:after, .content8:hover .custom h6:nth-child(2):before, .content8:hover .custom h6:nth-child(2):after{border-color: #1f2531;}
.content6 .custom h6:first-child:before, .content6 .custom h6:first-child:after, .content7 .custom h6:first-child:before, .content7 .custom h6:first-child:after, .content8 .custom h6:first-child:before, .content8 .custom h6:first-child:after{top: -31px;}
.content6 .custom h6:first-child:before, .content6 .custom h6:nth-child(2):before, .content7 .custom h6:first-child:before, .content7 .custom h6:nth-child(2):before, .content8 .custom h6:first-child:before, .content8 .custom h6:nth-child(2):before{left: -31px;}
.content6 .custom h6:first-child:before, .content6 .custom h6:first-child:after, .content7 .custom h6:first-child:before, .content7 .custom h6:first-child:after, .content8 .custom h6:first-child:before, .content8 .custom h6:first-child:after{top: -31px;}
.content6 .custom h6:first-child:after, .content6 .custom h6:nth-child(2):after, .content7 .custom h6:first-child:after, .content7 .custom h6:nth-child(2):after, .content8 .custom h6:first-child:after, .content8 .custom h6:nth-child(2):after{right: -31px;}
.content6 .custom h6:first-child:before, .content6 .custom h6:first-child:after, .content6 .custom h6:nth-child(2):before, .content6 .custom h6:nth-child(2):after, .content7 .custom h6:first-child:before, .content7 .custom h6:first-child:after, .content7 .custom h6:nth-child(2):before, .content7 .custom h6:nth-child(2):after, .content8 .custom h6:first-child:before, .content8 .custom h6:first-child:after, .content8 .custom h6:nth-child(2):before, .content8 .custom h6:nth-child(2):after{content: ""; position: absolute; width: 60px; height: 60px; background: #eeeeee; border-radius: 50%;  border: 1px solid transparent; -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s;}
.content6 .custom h6:nth-child(2):before, .content6 .custom h6:nth-child(2):after, .content7 .custom h6:nth-child(2):before, .content7 .custom h6:nth-child(2):after, .content8 .custom h6:nth-child(2):before, .content8 .custom h6:nth-child(2):after{bottom: -31px;}
.content6 .custom h6:first-child:after, .content6 .custom h6:nth-child(2):after, .content7 .custom h6:first-child:after, .content7 .custom h6:nth-child(2):after, .content8 .custom h6:first-child:after, .content8 .custom h6:nth-child(2):after{right: -31px;}
.content6 .custom h6:nth-child(2):before,  .content6 .custom h6:nth-child(2):after, .content7 .custom h6:nth-child(2):before,  .content7 .custom h6:nth-child(2):after, .content8 .custom h6:nth-child(2):before,  .content8 .custom h6:nth-child(2):after{bottom: -31px;}
.content6 .custom h6:first-child:before,  .content6 .custom h6:nth-child(2):before, .content7 .custom h6:first-child:before,  .content7 .custom h6:nth-child(2):before, .content8 .custom h6:first-child:before,  .content8 .custom h6:nth-child(2):before{left: -31px;}


.bac-content4{/*background: #FFF4F4;*/ background: #eeeeee; padding-bottom: 80px;}
.bac-content4 .container{border-top: 1px solid #ede4e4;}
.title2-services{font-size: 26px; text-align: center; padding-top: 40px; margin-bottom: 0; }
.text2-services{font-size: 15px; line-height: 2; text-align: justify;}
.content9 img, .content10 img, .content11 img, .content12 img, .content13 img{width: 100% !important;}
.content9 img, .content10 img, .content11 img{width:370px; height:210px;}
.content12 img{width:370px; height:450px;}
.content13 img{width:770px; height:450px;}


.home .bac-footer1{margin-top: 0px;}
.bac-footer1{background:#1F2531; clear: both; margin-top: 80px; padding: 50px 0;}
.bac-footer1 h3{color:#D1DF29; font-size: 20px; padding-bottom: 20px;}
.bac-footer1 p{color:#fff; font-size: 14px; line-height: 2;}
.bac-footer1 a{color:#fff; font-size: 14px; line-height: 2;}
.bac-footer1 a:hover{color:#04DFF9;}
.bac-footer1 .footer1{text-align: justify;}
.footer2 li {padding-left: 2px; vertical-align: middle; display: inline-block; list-style: none;}
.footer2 li a {font-size: 0 !important; display: inline-block; text-decoration: none;}
.footer2 li a:before{font-family: "FontAwesome"; padding: 7px;}
.footer2 li.item-131 a:before{content: "\f16d"; font-size: 17px;}
.footer2 li.item-131 a{padding-top: 3px;}
.footer2 li.item-110 a:before{content: "\f0e1"; font-size: 19px;}
.footer2 li.item-108 a:before{content: "\f09a"; font-size: 19px;}

.bac-footer2{background:#363B46; clear: both;}
.bac-footer2 p{padding: 25px 0;  color: #fff;  font-size: 14px; margin: 0;}


.namad{position: fixed; z-index: 9; bottom: 5px; left: 5px;}


/************** contact us *************/
.form-contactus .dj-simple-contact-form.style-2 .inputbox{padding: 0 16px 0 1px;}
.form-contactus .dj-simple-contact-form.style-2 textarea{padding: 0 16px 0 1px;}
.form-contactus .dj-simple-contact-form.style-2 .dj-simple-contact-form.button{font-family: 'IRANSansWeb(FaNum)' !important; background: none; border: 1px solid #ff1313; color:#ff1313; width: auto; padding: 0 42px;}
.form-contactus .dj-simple-contact-form.style-2 .dj-simple-contact-form.button:hover{background:#ff1313; color:#fff;}
.form-contactus .dj-simple-contact-form.style-2 .dj-simple-contact-form-introtext{text-align: right;}
.form-contactus .dj-simple-contact-form-required-fields-info{display: none;}
.form-contactus input#dj-easy-contact-send-163{margin-top: 20px; background: #04DFF9; border: 1px solid #04DFF9; color:#fff;}


/******************* page dastgah ab sanati *********************/
.sanati-box1{/*border: 5px solid #99BF56;*/ text-align: center;}
.sanati-box2{/*border: 5px solid #99BF56;*/ text-align: center;}
.sanati-box3{/*border: 5px solid #99BF56;*/ text-align: center;}


.page .content-inner{margin-top: 167px}
/*.page .content-inner a{color:#A7C267 !important;}*/
.content-inner p, .content-inner span{font-size: 16px !important; font-family: 'IRANSansWeb(FaNum)' !important;}


/** tags inner page **/
img{max-width: 100%;}
.tags{margin: 10px 0;}
.tags a{background: #8CC043;color: #fff; padding: 3px; margin: 3px; font-size: 14px;}
.blog_list .content-inner h1, .maghalat .content-inner h1{font-size: 25px; padding-bottom: 10px;}
.blog_list .content-inner h2, .maghalat .content-inner h2{font-size: 23px;}
.blog_list .content-inner p, .blog_list .content-inner span, .maghalat .content-inner p, .maghalat .content-inner span{font-size: 16px;}

.khadamat-pas-az-forosh .content-inner h1{font-size: 25px; padding-bottom: 10px;}
.khadamat-pas-az-forosh .content-inner h2{font-size: 23px;}
.khadamat-pas-az-forosh .items-row{border-bottom: 1px solid #ddd; margin-bottom: 20px;}
.khadamat-pas-az-forosh .items-row a.btn{background: #ccc;}


.ghataat-va-abzar .items-row .span6 {
    width: 50%;
    float: right;
    text-align: center;
}

.maghalat .items-row .span6{width: 50%; float: right; /*position: relative; min-height: 230px; padding-top: 179px;*/ text-align: center;}
.maghalat .items-row{border-bottom: 1px solid #ddd; margin-bottom: 36px; padding-bottom: 30px;}
/*.maghalat .item-image{position: absolute; top: 0;}*/

.article .items-row .span3{width: 25%; float: right;}
.article a.btn{background: #ccc;}

.ghataat-va-abzar .items-row .span3{width: 25%; float: right;}
.ghataat-va-abzar .content-inner h1{font-size: 25px; padding-bottom: 10px;}

.products .content-inner h1{font-size: 25px; padding-bottom: 10px;}
.products .items-row{border-bottom: 1px solid #ddd; margin-bottom: 20px; padding-bottom: 30px;}
.products .span4{width: 30%; float: right; /*position: relative; padding-top: 300px;*/ text-align: center;  margin: 0 18px 20px;}
.products .span4 a{font-size: 18px;}
.products .span4 img{border: 3px solid #ccc;}
/*.products .item-image {position: absolute; top: 0;}*/


.shop .content-inner h1{font-size: 25px; padding-bottom: 10px;}
.shop .items-row{border-bottom: 1px solid #ddd; margin-bottom: 20px; padding-bottom: 30px;}
.shop .span6{border: 3px solid #ccc; width: 46%; float: right; /*position: relative; padding-top: 300px;*/ text-align: center;  margin: 0 18px 20px;}
.shop .span6 a{font-size: 18px;}
.shop .span6 img{/*border: 3px solid #ccc;*/}
.shop .span6 p span strong{font-size: 22px !important;}
.shop .span6 p span strong span{font-size: 22px !important;}

.tasfie-ab-khanegi .items-row .span6{width: 50%; float: right; }
.tasfie-ab-khanegi .content-inner h1{font-size: 25px; padding-bottom: 10px;}


.tasfie-ab-sanati .items-row .span6{width: 50%; float: right; }
.tasfie-ab-sanati .content-inner h1{font-size: 25px; padding-bottom: 10px;}
.tasfie-ab-sanati .content-inner h2{font-size: 20px;}

.khadamat-tsfie-ab .items-row .span6{width: 50%; float: right; }
.khadamat-tsfie-ab .content-inner h1{font-size: 25px; padding-bottom: 10px;}
.khadamat-tsfie-ab .content-inner h2{font-size: 20px;}


.filter-ghataat-sanati .items-row .span6{width: 50%; float: right; }
.filter-ghataat-sanati .content-inner h1{font-size: 25px; padding-bottom: 10px;}
.filter-ghataat-sanati .content-inner h2{font-size: 20px;}


.bac-content4-inner .container{border-top: 1px solid #ede4e4; margin-top: 30px;}

.contactus .contact-form legend{font-size: 14px;}
.contactus input[type="email"], .contactus input[type="text"], .contactus textarea{border: 1px solid #ccc;  width: 100%;}
.contactus input[type="email"], .contactus input[type="text"]{height: 40px;}
.contactus textarea{height:80px;}
.contactus button[type=submit]{margin-top: 20px; background: #04DFF9; border: 1px solid #04DFF9;}
.contactus button[type=submit]:hover{background:#D1DF29;}

.pagination{margin: 0 auto; width: 100%; clear: both; padding-top: 80px;}
.pagination ul{text-align: center; width: 80%;}
.pagination li{display: inline-block !important; padding-right: 15px !important; padding-left: 15px !important;}
.pagination li span.pagenav {color: #ff0000;}
.pagination .pagination-prev a, .pagination .pagination-start a, .pagination .pagination-prev span, .pagination .pagination-start span{font-size: 0px !important;}
.pagination .pagination-next a, .pagination .pagination-end a, .pagination .pagination-next span, .pagination .pagination-end span{font-size: 0px;}
.pagination .pagination-start a:before, .pagination .pagination-start span:before {font-family: "FontAwesome"; content: "\f101"; font-size: 19px; color: #000;}
.pagination li span.pagenav{color: #ff0000;}
.pagination .pagination-prev a:before, .pagination .pagination-prev span:before {font-family: "FontAwesome"; content: "\f105"; font-size: 19px;  color: #000;}
.pagination .pagination-next a:before, .pagination .pagination-next span:before {font-family: "FontAwesome"; content: "\f104"; font-size: 19px;  color: #000;}
.pagination li a:hover {color: #ff1313;}
.pagination .pagination-end a:before, .pagination .pagination-end span:before {font-family: "FontAwesome"; content: "\f100"; font-size: 19px; color: #000;}



.table-of-contents-ck-wrap{
    padding: 50px;
    margin-top: 15px;
    background: #91f1aa40 !important;
    border: 1px solid #b2d9d5 !important;
}
.table-of-contents-ck li a span{color: #000080 !important;}
.table-of-contents-ck li a{color: #000080 !important;}
.table-of-contents-ck p{font-size: 21px !important;  font-weight: bold;}



#toTop {
  display: block;
  position: fixed;
  top: 90%;
  right: 20px;
  padding: 10px;
  width: 45px;
  height: 45px;
  z-index: 100;
  background:#04dff9;
  border-radius:50%;
  font-size: 0px;
}
#toTop:hover{background:#A4CC10;}
#toTop span:before{content: "\f148"; font-family: "FontAwesome"; font-size:25px; color:#fff; padding-right: 5px; line-height: 1;}

/*65%*/
@media (max-width:2200px) {
   
}
/*75%*/
@media (max-width:2000px) {
    
}
/*80%*/
@media (max-width:1800px) {
   
}
/*90%*/
@media (max-width:1600px) {
  
}
/*100%*/
@media (max-width:1366px) {
   
}
/*110%*/
@media (max-width:1300px) {
 
}

@media (max-width:991x) {
  
}
@media (max-width:991px) {
 .main-menu li a {padding: 16px 4px;}
}
@media (max-width:901px) {
  .main-menu .srm_position{position: relative !important; margin-bottom: 20px;}
  .main-menu .srm_position select{padding: 0px 5px !important; font-size: 16px !important; max-width: 100% !important; width: 100% !important; height: 43px !important;}
}
@media (max-width:767px) {
   img{height: auto;}
  .logo{text-align: center;}
  .main-menu .srm_position{position: relative !important; margin-bottom: 20px;}
  .main-menu .srm_position select{padding: 0px 5px !important; font-size: 16px !important; max-width: 100% !important; width: 100% !important; height: 43px !important;}
  .bac-header{position: relative;}
  .bac-content1{top:0;}
  .bac-content1 p{margin-bottom: 0;}
  .content2{padding-top: 0px;}
  .content2 h1{padding-top: 35px;}
  .content9 img, .content10 img, .content11 img, .content12 img, .content13 img{height: auto !important;}
  .page .content-inner {margin-top: 0;}
  .maghalat .items-row{border-bottom:0; margin-bottom: 0px; padding-bottom: 0px;}
  .maghalat .items-row .span6{width: 90%; border-bottom: 1px solid #ddd; margin-bottom: 36px; padding-bottom: 30px;}
  .products .items-row{border-bottom:0; margin-bottom: 0px; padding-bottom: 0px;}
  .products .items-row .span4{width: 90%; border-bottom: 1px solid #ddd; margin-bottom: 36px; padding-bottom: 30px;}
  .article .items-row{border-bottom:0; margin-bottom: 0px; padding-bottom: 0px;}
  .article .items-row .span3{width: 90%; border-bottom: 1px solid #ddd; margin-bottom: 36px; padding-bottom: 30px;}
  .tasfie-ab-khanegi .items-row{border-bottom:0; margin-bottom: 0px; padding-bottom: 0px;}
  .tasfie-ab-khanegi .items-row .span6{width: 90%; border-bottom: 1px solid #ddd; margin-bottom: 36px; padding-bottom: 30px;}
  .tasfie-ab-sanati .items-row .span6{width: 90%;}
  .shop .span6{width: 90%;}
}
@media (max-width:480px) {
   
}
@media (max-width:380px) {
  
}
@media (max-width:350px) {
  
}
@media (max-width:320px) {
  
}