@font-face {font-family: 'IRANSansWeb(FaNum)';  src: url('../font/IRANSansWeb(FaNum).ttf') format('truetype'); }
@font-face {font-family: 'Khandevane';  src: url('../font/Khandevane.woff') format('woff'), url('../font/Khandevane.ttf') format('truetype'); }
/*-*-*-*------------commen-style */
*,ul,p,label,.row{padding: 0;margin: 0;} 
li{list-style: none;} 
a{text-decoration: none !important;}
button:focus , input:focus {outline: 0; box-shadow:none;}
img{max-width: 100%;max-height: 100%;}
html,body{overflow-x:hidden;direction: rtl;font-family: 'IRANSansWeb(FaNum)';background:#e9edee;font-size: 13px;}
/*--------------------------------------------------------------------------------------*/
::selection {color: white;background: var(--main-color);} *,ul,p,label,.row{padding: 0;margin: 0;}
li{list-style: none;}  a{text-decoration: none !important;}a:hover {color: var(--main-color);}  button:focus , input:focus {outline: 0; box-shadow:none;}  img{max-width: 100%;max-height: 100%;}
.rounded {border-radius: .5rem!important;}.dir-ltr{direction: ltr;}.position-initial {position: initial;}  .rounded-all{border-radius: 40px;}
html,body{overflow-x:hidden;direction: rtl;;background:#f8f8f8;font-size: 13px;}body::-webkit-scrollbar {width: 8px;background-color: #008f8b;}  body::-webkit-scrollbar-thumb {background: var(--main-color);border-radius: 9px;}
:root{--main-color:#008f8b;}
.sub-titls {font-size: 17px;color: #313131;}  .sub-titls::before {content: "";background: var(--main-color);position: absolute;right: 0;bottom: -1px;width: 10%;height: 3px;left: 0;margin: auto;border-radius: 8px;}  .sub-titls span {font-size: 13px;margin: 9px 0 0;color: #9c9c9c;}
/*=*=*=*=*=*= * --- header--  * ======================== */
.new-style .btm-header {transition: all 0.7s;margin: -65px 0 0;}  .new-style .top-header {transition: all 0.7s;padding: 8px 0 !important;}  .new-style1 .btm-header {transition: all 0.7s;background: #3c3c3c;}  .new-style1 .Meg-itm1 {transition: all 0.7s;padding-top: 2px !important;padding-bottom: 2px !important;}
/*=*=*=*=*=*= * --- header--  * ======================== */
.top-header {background: #252525;z-index: 1;transition: all 0.3s;}  .btm-header {transition: all 0.3s;margin: 0 0;}  .S-earch {width: 58%;}
.Cz-1 i {font-size: 28px;}  .Cz-2 {border: 1px solid #ffffff45;}  .each-itm .numbr {width: 16px;height: 16px;}  .Cz-3 .numbr {top: -5px;right: -5px;}  .Cz-1 .numbr {top: 12px;right: -10px;}
img.head-logo {margin-right: 26px;}
/*-----------------------------------------------------------------header*/



.art54cle {
    border: 1px solid #62c063;
    display: inline-block;
    padding: 17px;
    border-radius: 17px;
    background: #62c3633b;
}






.LognRgstr i {
    font-size: 18px;
    background: #ebebeb;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #c7c7c7;
    color: #3a3a3a;
}
.LognRgstr .dropdown-toggle::after{display:none;}
ul.resche {
    font-size: 13px;
    margin-top: 11px;
    line-height: 28px;
}

h5.develo {
    color: #008f8b;
    margin-top: 25px;
    font-size: 18px;
    display: inline-block;
    padding: 12px;
    box-shadow: 0 3px 3px #62c163;
}


section.P-Header { height:134px;}

.prroct{margin-top:145px;}

.recive{font-size: 16px;}

.lo-gn{margin-top: 128px;}

.btn-forwrd {
    background: #62b363;
    padding: 16px 52px;
    color: white;
    font-size: 17px;
}
img.w-100.bllue-phot {
    height: 167px;
}
.pro-photo{
    height: 450px;
}

h1.Record {
    border: 1px solid #63ae62;
    width: 35%;
    margin: auto;
    padding: 14px;
    margin-top: 16px;
    margin-bottom: 23px;
    background: #66af62;
    color: white;
    font-size:22px;
}




img.l-o1{margin-top:-19px;}
h2.bazrgn {
    font-size: 11px;
    color: black;
    text-align: center;
    border: 1px solid #63b464;
    padding: 6px;
    box-shadow: 0 0 10px #252625;
}
.corona{
    font-size:11px;
}
.part-header {
    z-index: 111;}
.top-header {background: white;}

.btm-header {background-image: url(../image/h1.png); position: relative;}
.btm-header::before {
    content: "";
    background: #60c65f87;
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
}
::-webkit-input-placeholder { color: #b7b5b5;}
/*=*=*=*=*=*= * --- MEGA-MENU--  * ======================== */
.InBx-Mega {z-index: 3;}.ic-menu {width: 16px;} .Meg-itm1 {transition: all 0.3s;}   .Meg-itm:hover:after {width: 100%;}
.Mega-Menu .fadeIn-bx {right: 0;left: 0;top: 80%;display: none;opacity:0;overflow: hidden;transition: all 0.3s;box-shadow: 0px 2px 10px -5px #a2a2a2; height:92px; padding:25px;}  .Mega-Menu .Drop-Down:hover .fadeIn-bx {display: block;opacity:1;transition: all 0.3s;}  .InBx-Mega .Itm-Menu a:hover {color: var(--main-color) ;}
.masonry {column-count: 2;column-gap: 5px;}.masonry .masonry-item {box-sizing: border-box;-webkit-column-break-inside: avoid;page-break-inside: avoid;break-inside: avoid;counter-increment: brick-counter;}  .masonry img {width: 100%;height: 100%;object-fit: cover;}  @media (min-width: 768px) {  .masonry {column-count: 3;}  }  @media (min-width: 1199px) {  .masonry {column-count: 4;}  }
/*=*=*=*=*=*= * --- TAB-HOVER-MENU--  * ======================== */
a.Meg-itm{color:white;}
a.Meg-itm:hover{color:#008f8b;}
.Meg-itm1{color:white;}
.Hvr-Tb-Menu .nav-tabs {border-bottom: 0;}  .Hvr-Tb-Menu .tab-pane.A-ctive{display: block !important;opacity: 1;}  .Hvr-Tb-Menu .Tb-Lnk {padding: 13px 8px;font-size: 16px;}  .Hvr-Tb-Menu .Tb-Lnk i {font-size: 11px;margin: 0 0 0 4px;}  .Hvr-Tb-Menu .Tb-Lnk.A-ctive {border-right: 3px solid var(--main-color);z-index: 11;color: var(--main-color) !important;}
/*=*=*=*=*=*= * --- RESPANSIVE-MENU--  * ======================== */
.Side-mob {top: 0;right: 0;bottom: 0;overflow-y: auto;width: 79%;z-index: 1212;box-shadow: 0 0 10px;transform: translateX(150%);transition: all 0.3s;}
.right-open.Side-mob {transform: translateX(0);transition: all 0.3s;}  .Drp-Dwn {height: 35px;overflow: hidden;}  .icn-mob {width: 42px;}  .drop-categories {background: #f0f0f1;}  .Drp-Dwn .mb-item i {transition: all 0.3s;}  .open-sub.Drp-Dwn {height: auto;}  .open-sub.Drp-Dwn .drop {color:var(--main-color) !important;border-bottom: 1px solid #dfdfe2;}  .open-sub.Drp-Dwn .drop i {transform: rotate(180deg);transition: all 0.3s;}  .over-page {position: fixed;top: 0;bottom: 0;right: 0;left: 0;background: #0000007a;z-index: 11;opacity: 0;transition: all 0.3s;display: none;}  .open-menu .over-page{opacity: 1;transition: all 0.3s;display: block;}
.home{color: blueviolet;} .fire{color: orangered;} .information{color: deeppink;}
/* -----------------------------------header-------------------   */
body{background:  #f3f3e4;}
.Fix-Headr {background: white;}
a.Meg-itm {font-size: 16px;} a.Meg-itm1 {font-size: 16px;}
.foorm{margin: auto;}

.S-earch{
    overflow: hidden;
    text-align: center;
    background: #ebebeb;
    width: 81%;
    color: black;
    border-radius:30px;
}  
.zarebin{font-size: 20px;} 
.fadeIn-bx.position-absolute.w-100.dat {
    background: radial-gradient(white, #a0d99e, #ffffff);
}
i.mr-1.fas.fa-map-marker-alt.text-white {font-size: 19px;}
/*________________________________________________________________________slider1*/
.owl-theme .owl-dots .owl-dot span {
    width: 12px;
    height: 12px;
    margin: 5px 7px;
    background: transparent;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px;
    border:1px solid #957d7d;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {background: #90c641;}
button.btn.bt-sl.btn-lg {
    position: absolute;
    top: 77%;
    right: 11%;
    background: #97d058;
    color: white;
    border: 1px solid #97d058;
    box-shadow: 0 0 3px #97d058;
    border-radius: 30px;
    font-size: 13px;
    padding:7px;
}

.sl-pr2 .owl-nav span {
    background: #f3eded;
    display: block;
    width: 35px;
    height: 35px;
    border-radius: 4px;
    line-height: 35px;
    font-size: 39px;
    color: #737477;
    position: absolute;
    top: 37%;
    border: 1px solid #d9caca;
    border-radius: 35px;
}
.sl-pr2 .owl-nav .owl-prev span {
    right: 6px;
}
.sl-pr2 .owl-nav .owl-next span {
    left: 6px;
}


.sl-pr1 .owl-nav span {
    background: #f3eded;
    display: block;
    width: 35px;
    height: 35px;
    border-radius: 4px;
    line-height: 35px;
    font-size: 39px;
    color: #737477;
    position: absolute;
    top: 37%;
    border: 1px solid #d9caca;
    border-radius: 35px;
}
.sl-pr1 .owl-nav .owl-prev span {
    right: 6px;
}
.sl-pr1 .owl-nav .owl-next span {
    left: 6px;
}

.sl-pr1 .owl-dots {
    text-align: center;
    position: absolute;
    bottom: 21%;
    display: inline-block;
    align-items: center;
    width: 100%;
}


h2.mb-4.articll {
    width: 62%;
    height: 54px;
    margin: auto;
    padding: 12px;
    background: #62c3633b;
    border: 1px solid #63ae62;
    border-top-left-radius: 17px;
    border-top-right-radius: 17px;
    font-size: 20px;
}


.function{
    background:#62b463;
}


p.text-center.u-se {
    font-size: 17px; 
    margin-top: 8px;
}

.social-item{
    display: inline-flex;
    justify-content: center;
    align-items: center;
   }

.nav-social {
    position: fixed;
    bottom:60px;
    z-index: 111111;
    left: 1px;
}
.media-li{
    width: 48px;
    display: inline-flex;
    justify-content: center;
    align-items: center;}
    .cv-v{ margin-right:-66px; }
.d-sbz{ background:#63ad62; color:white; }
.c-bd{box-shadow: 0 0 10px #62cb63; margin-top:38px;}
.p-about{background: #f3f3e4;} h3.about-we{font-size: 27px;} p.heco {font-size: 22px; color: #a7a7a2;}
p.w-tbsh {line-height: 24px; margin-top:21px;  text-align: justify;} img.a-pik { margin-top: -190px;} img.l-o {margin-top: 21px;}
a.fd-1 {
    border: 1px solid #008f8b;
    padding: 3px;
    font-size: 11px;
    color:white;
    background:#008f8b;
}
        



img.w-100.two-photo {
    height: 183px;
}

.energy{
    color:#66af62;
}

.chemical ,.little{
    color:#008f8b;
}

.chemical {
    font-size: 12px;
    vertical-align: sub;
}

.writin{
    font-size:18px;
    line-height:35px;
}

p.explan {
    position: absolute;
    top: 40%;
    right: 0;
    left: 0;
    text-align: center;
    font-size: 17px;
    color: white;
}

p.alman {
    font-size: 15px;
    line-height: 28px;
}



button.btn.btn-fliee.btn-lg {
    padding: 10px 31px;
    margin-top: 11px;
    background: #66af62;
    color: white;
}

.form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #f3f3e4;
    background-color: #008f8b;
    background-clip: padding-box;
    border:none;
}


h3.spical.mt-5.text-center {
    font-size: 25px;
    color: #008f8b;
}

.table-bordered td, .table-bordered th {
    border: 1px solid #dee2e6;
    font-size: 16px;
}
/*-------------------------foter-----*/
.footer-one{background: #343434;} .news-s{color: #b3adad;}
form.letter-p.letter-p {background:#444444; border: 1px solid #efe7e7;}
.ozv {background: #8fc63f; width: 146px; height: 42px; margin-left: -22px; box-shadow: 0 0 8px;}
i.fas.fa-phone.mr-3.ml-3 {font-size: 14px; color: darkgray;}
.bu-ut {margin-top: -17px; height: 29px;}
.footer-two{background-image: url(../image/h17.png);}
span.deta-fte.kdr-r.d-inline-block.text-dark.font-weight-bold {
    border: 1px solid #252525;
    background: #898989;
    padding: 3px;
    border-radius: 29px;
    font-size: 13px;
    width: 133px;
    height: 31px;
    text-align: center;
}
.deta-fte{direction: ltr; font-size: 11px;  line-height: 27px;} 
span.deta-fte.kdr-p.d-inline-block.text-white.font-weight-bold {
    border: 1px solid #898989;
    border-radius: 29px;
    padding: 3px;
    font-size: 12px;
    background: #898989;
    width: 133px;
    height: 31px;
    text-align: center;
}
img.map {width: 26px;}
span.deta-fte.g-rec.d-inline-block.text-white.font-weight-bold {
    border: 1px solid #252525;
    background: #55cd6c;
    padding: 3px;
    border-radius: 17px;
    text-align: center;
     width: 133px;
    height: 31px;
}
.compny , .nonegr{color: #8fc541}
.devlop{font-size: 11px;}
.li-main{padding: 3px 30px; border-right:1px solid #e9e9e9;}
.li-main4{padding: 3px 30px; border-left:1px solid #e9e9e9;}
 li.Drop-Down {padding: 3px 30px;}
 li.Drop-Down:hover{color:red;}
.fd-f {color: #9da3a9;} 
.fd-f:hover{color:#589b57; transform: translateY(-2px);transition: all 0.3s;}

section.p-bnrr {margin-top: -31px;}
a.h-axx {width: 34%;}
img.head-logo.ac {margin-right: 48px;}
header {height: 119px;}

/*-----------------------------------------------------products*/
span.off-label { border: 1px solid #62cb63; border-radius: 50%; padding: 4px; background: #62b463;}
.Box-s1 .name-e1 {font-size: 14px; color: #545454; height: 60px; line-height: 21px;}
.Box-e1 .new-prc {font-size: 15px;}
.unt-prc { color: #aba7a7;}
.Box-s1 .old-prc { text-decoration: line-through; color: #aba7a7;}
.Box-s1:hover {box-shadow: 0 2px 18px -5px #528352;transform: translateY(-5px);transition: all 0.3s;}
.Box-s1 {border: 1px solid #c1e3bf;}
.Box-s1 .each-lnk {color:#066604; font-size: 15px;}
/*----------*********---------************----------- R E S P O N S I V E ---------------------------****----*/
@media only screen and (max-width:1024px){
 a.Meg-itm {font-size: 10px;} 
.deta-fte {font-size: 9px; line-height: 24px;} .bv-v {margin: -2px;} a.Meg-itm1 {font-size: 11px;}
.li-main, .li-main4, li.Drop-Down {padding: 13px 30px; margin-bottom: 0px;}
}
@media only screen and (max-width:768px){
.ozv {font-size: 11px;}
.S-earch {width: 60%; margin-right: 14px;margin-left: 164px;margin-bottom: 9px;}  
p.w-tbsh {line-height: 20px; margin-top: 0;}
}


@media only screen and (max-width:540px){
.S-earch {margin-left: 34px; width:70%;}
section.p-bnrr {margin-top: -18px;} button.btn.bt-sl.btn-lg {font-size: 6px; padding: 4px;}
.sl-pr1 .owl-nav span {width: 28px; height: 28px; line-height: 27px; font-size: 27px;}  img.arta {width: 82%;}
    
}