html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}


body{
    font-family: 'HelveticaNeueCyr';
    
}
.nav-noor{
    
}
.noor-menu{
    background-color: #7BA1C6;
    position: absolute;
    top: 72px;
    width: 100%;
    display: none;
    z-index: 1;
}

.noor-menu.active{
    display: block
}
.menu-button img{
    width: 20px;
}

a.menu-button {
    position: absolute;
    top: 30px;
    right: 10px;
}
a.menu-button:hover{
    opacity: .7
}
.noor-menu a{
    width: 100%;
    float: left;
    padding: 10px;
    text-align: center;
    border-bottom: 1px solid #5b89b5;
    color: #fff;
    text-decoration: none;
}.noor-menu a:hover{
    background-color: #5b81a5;
    
}



.bg-nav{
    position: relative;
}
.bg-nav img{
    width: 100%;
}
.nav-logo{
    position: absolute;
    top: 0px;
    z-index: 1000
}

.ctn-main{    
    padding: 0 15px;
}
#head h1,h1{
    font-family: 'Dancing Script', cursive;
    font-size: 32px;
    text-align: center;
    color: #69925D
}
#head .ctn-welcome{
    border-radius: 20px;
    overflow: hidden;
}
#head .ctn-welcome img{
    width: 100%;
}
.ctn-txt{
    background-color: #7BA1C6;
    padding: 5px 20px;
    margin-top: -5px;
    color: #fff;
    font-family: 'Helvetica';
    font-size: 14px;
    line-height: 22px;
    font-weight: 400
}
b.ul{
    
}
#our-product{
    margin-top: 50px;
}
.rw{
    width: 100%;
    position: relative;
    overflow-y: hidden;
    
}
.rw .lt{
    width: calc(50% - 21px);
    min-height: 200px;
    float: left;
    padding-right: 20px;
}
.rw .rt{
    width: calc(50% - 21px);
    padding-left: 20px;
    float: left;
    position: relative;

}
.rw .rctn{
    width: 130px;
    text-align: center;
    color: #769A69;
    font-size: 12px;
    border:2px solid #769A69;
    border-radius: 20px;
    line-height: 18px;
    padding: 10px;
    margin-top: 50px;
}
.rw .rctn.frs{
    margin-top: 10px;
}
.rctn.left{
    float: right;
    
}
.rw .lt.line{
    border-right:2px solid #769A69;    
    
}
.rw .rt.fr{
    border-left:0px solid #769A69;    
}

.rw .rt.fr:after {
  content : "";
  position: absolute;
  left    : 0;
  z-index: 100;
  bottom  : 0;
  width  : 2px;
  height   : 50%;  /* or 100px */
  background: #769A69;
}

.rw .rt.last:after {
  content : "";
  position: absolute;
  left    : 0;
  z-index: 100;
  top  : 0;
  width  : 2px;
  height   : 50%;  /* or 100px */
  background: #769A69;
}

.rw .rt.fr:before,.rw .rt.last:before {
  content : "";
  position: absolute;
  left    : 0;
  z-index: 100;
  top  : 50%;
  width  : 20px;
  height   : 2px;  /* or 100px */
  background: #769A69;
}
.rw .lt.line{
    position: relative;
}
.rw .lt.line:before{
  content : "";
  position: absolute;
  right    : 0;
  z-index: 100;
  top  : 52%;
  width  : 20px;
  height   : 2px;  /* or 100px */
  background: #769A69;
}

.pr-txt-ctn{
    position: relative;
    z-index: 5;
    color: #69925D;
    text-align: center
}

.pr-txt-ctn .circle{
    position: absolute;
    z-index: -1;
}
.pr-ctn h3,.pr-ctn span{
    text-align: center;   
    
}
.pr-ctn h3{
    margin-bottom: 10px;
    max-width: 200px;
}
.pr-ctn.one{
    margin-left: 20px;
}
.pr-ctn.two{
    margin-right: 20px;
    text-align: right;
    padding-top: 100px;
}
.pr-ctn.three{
    padding-top: 100px;
    margin-left: 20px;
}
.pr-txt-ctn .circle.one{
    top: -24px;
    left: 29px;
}
.pr-txt-ctn .circle.two{
    top: -26px;
    left: 38px;
}
.pr-txt-ctn .circle.three{
    top: -40px;
    left: 26px;
}
.pr-ctn .pr-img{
    position: relative;
    z-index: 9;
}
.timeline-ctn{
    max-width: 500px;
    margin: auto
}

h3.lasth3 {
    margin-top: 5px;
}
.primg2{
/*    float: right*/
}
.image-our-gar{
    width: 50%;
    margin: auto;
    margin-left: 25%;
    margin-top: 70px;
    
}
.ctn-stati{
    width: calc(100% - 130px);
    margin: auto;
    margin-top: 20px;
    background-color: #CBDF9A;
    border : 2px solid #5A8499;
    padding: 25px;
    color: #557B49
}
.ctn-stati h4 {
    text-align: center
}
.ctn-stati p {
    text-align: center;
    max-width: 198px;
    margin: auto;
    font-size: 16px;
    line-height: 22px
}
.footer{
    
}
.f-info{
/*    float: left;*/
    width: calc(100% - 80px);
    margin: 20px;
    border : 2px solid #769A69;
    padding: 2px 20px;
    color: #769A69;
    line-height: 14px;
    font-weight: bold;
    font-size: 10px;
    text-align: center;
}
.main-foot{
    text-align: center;
    margin-top: 60px;
    background-color: #A1C4DC;
}
.f-menu{
    list-style: none;
    text-align: center;
    margin: auto;
    margin-top: -15px;
}
.f-menu li{
    display: inline;
    text-align: left;
    margin: 8px;
    
}
.f-menu li:first-child{
    margin-left: -30px
 }
.f-menu li a{
    text-decoration: none;
    color: #fff;
    font-size:11px;
    font-weight: bold;
}
.con-info{
    margin-top: 15px;
    font-size: 11px;
    color: #fff;
    line-height: 18px;
}

#head .ctn-joywood{
    border-radius: 0px;
    overflow: hidden;
    text-align: right;
    
}
#head .ctn-joywood img{
    width: 240px;
    margin: 50px ;
    
}
.ctn-txt.joywood{
    text-align: left;
    line-height: 22px;
    font-size: 14px;
        
}
.ctn-txt.joywood ul{
    padding-left: 20px;
}
.ctn-txt.joywood ul li{
    margin-bottom: 8px;
}
.ctn-txt.joywood ul li span{
    color: #CBDF9A
}
#ctn-product-info,.ctn-product-info{
    padding: 20px;
}
#ctn-product-info .heading,.ctn-product-info .heading{
    display: flex;
    flex-direction: row;
    
}
#ctn-product-info .heading .leaf,.ctn-product-info .heading .leaf{
    width: 32px;
    height: 32px;
    margin-top: 30px;
    margin-right: 15px;
}
#ctn-product-info .heading h2,.ctn-product-info .heading h2{
    font-family: 'Dancing Script', cursive;
    font-size: 24px;
    text-align: left;
    line-height: 32px;
    color: #69925D
}
#ctn-product-info p b,.ctn-product-info p b{
    color: #00669A
}
#ctn-product-info p,.ctn-product-info p{
    
    font-size: 16px;
    text-align: left;
    line-height: 22px;
    color: #557B49
}

.btn-ordernow{
    width: 88px;
    height: 88px;
    border-radius: 45px;
    display: flex;
    flex-direction: column;
    text-align: center;
    overflow: hidden;
    text-decoration: none;
    border: 2px solid #69925D;
    padding: 0;
    color: #fff;
    
}
.btn-ordernow span:last-child{
    background-color: #CBDF9A;
    padding: 10px;
    font-size: 24px;
    height: 40px;
    color: #3F6853;
    font-weight: bold;
}
.btn-ordernow span:first-child{
    font-size: 10px;
    height: 22px;    
    padding-top: 16px;
    background: #69925D;
    color: #fff;
}
.ctn-oredrnow{
    width: 88px;
    height: 88px;
    margin: auto
}
.note{
    padding: 20px;
    color: #557B49;
    font-size: 16px;
    line-height: 22px;
}
.quote{
    margin: 20px;
    border-radius: 20px;
    padding: 20px;
    color: #fff !important;
    background-color: #A1C4DC;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    margin-bottom: 50px;
}
.ctn-product-info .quote{
    margin-bottom: 20px;
}
.order-prod-ctn{
    padding: 10px 20px;
}

.pro-ctn{
    width: 100%;
    border: 2px solid #69925D;
    border-radius: 20px;
    display: flex;
    color: #69925D
}
.pro-ctn.invert{
    
}
.img-ctn1{
    padding: 20px 0;
    width: 50%;
}
.img-ctn1 img{
    width: 180px;
    float: right;
    position: relative;
    margin-right: -15px;
    z-index: -1
}
.pro-ctn.invert .img-ctn1 img{
        float: left;
    margin-right: 0;
    margin-left: -15px;
    
}
.pro-ctn.invert .ctn-oredrnow {
    float: right
}
.pro-ctn.invert .desc-ctn1{
    width: 49%;
}
.pro-ctn.invert h2 ,.pro-ctn.invert span.ss {
    text-align: right;
    float: right;
}
.pro-ctn .ctn-oredrnow {
        margin: 0;
    margin-top: 35px;
}
.pro-ctn h2{
    font-size: 20px;
    margin-bottom: 5px;
    margin-top: 25px
}
.pro-ctn span{
    font-size: 16px;
}
.lin-ctne{
    text-align: center;
    height: 62px;
    margin-top: -1px;
}
.lin-11{
    margin: 0 auto;
    width: 267px;
}
.bread-crum{
    margin-top: 20px;
    color: #769A69;
    font-weight: bold;
    font-size: 14px;
}
.bread-crum a{
    text-decoration: none;
    margin-right: 12px;
    text-decoration: none;
    color: #769A69;
    font-weight: normal;
}.bread-crum a:hover{
    text-decoration: underline;
}
.bread-crum a:after{
   content: "";
    width: 6px;
    height: 9px;
    background-image: url(../img/arrow.svg);
    margin-top: 4px;
    position: absolute;
    margin-left: 5px;
}
.nav-logo img {
    width: 105%;
}
.header-bg.ds{
    display: none;
}
.ds-show{
    display: none;
    
}
.ds-hide{
    display: block;
}
.img-welcomeee{
    width: 100%;
}
@media screen and (min-width: 999px) {
    .ds-show{
    display: block;
    
}
.ds-hide{
    display: none;
}
    .header-bg.mb{
        display: none;
    }
    .header-bg.ds{
    display: block;
}
    .bg-nav{
        position: relative;
        height: 160px;
/*        overflow: hidden;*/
    }
    .header-bg{
/*        position: absolute;*/
        width: 100%;
        height: 160px;
        object-fit: cover;
        bottom: 0;
    }
    .ctn-welcome{
        display: flex;
    }   
    .ctn-welcome img{
        margin-left: 100px;
        border-radius: 0px;
    }
    #head .ctn-welcome{
        border-radius: 0px;
    }
    .ctn-joywood{
        display: flex;
    }   
    #head .ctn-joywood img {
        width: auto; 
        margin: auto; 
        margin-right: 30px;
        margin-left: 100px;
        border-radius: 15px;
    }
    #head .ctn-joywood{
        border-radius: 0px;
    }
    .ctn-main{
        padding: 0;
/*
        max-width: calc(100% - 200px);
        margin: auto;
*/
    }
    #head h1{
        font-size: 56px;
        margin-bottom: 50px;
    }
    h1{
        font-size: 48px;
        margin-bottom: 50px;
    }
    .ctn-txt, .ctn-txt.joywood{
        margin-left: 20px;
        margin-top: 0;
        font-size: 16px;
        line-height: 24px;
        border-radius: 15px 0 0 15px;
        padding-right: 100px;
        width: calc(100% - 600px)
    }
/*
    .ctn-txt.joywood {
        text-align: left;
        line-height: 22px;
        font-size: 14px;
    }
*/
    #head .ctn-welcome{
        border-radius: 0px;
    }
    .timeline-ctn {
        max-width: 70%;
        margin: auto;
    }
    .rw .rctn {
        width: 99%;
        background: #69925D;
        color: #fff;
        font-size: 16px;
        line-height: 24px;
        border-radius: 0;
        padding: 0;
        z-index: 1;
        position: relative;
        margin-top: 200px;
        border-radius: 15px; 
    }
    .rw{
        display: flex;
        padding-bottom: 00px;
    }
    .rw .rctn p{
        margin: 20px;
    }
    .rw .lt {
        width: calc(36% - 21px);
    }
    
    .rw .rt,.rw .lt.lftt {
        width: calc(63% - 21px);
    }
    .rw .rt.lftt {
        width: calc(36% - 21px);
    }
    .rw .rt.fr {
        padding-top: 12%;
    }
    .rw .lt.lftt:before {
        content: "";
        position: absolute;
        right: -70px;
        z-index: 100;
        top: calc(50% + 10px);
        width: 150px;
        height: 10px;
        background: url(../img/lineright.svg) 100%;
        background-position: left;
        background-repeat: no-repeat;
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
    }
    .rw .rt.fr:after {
        height: 100%;
        left: 50%;
        z-index: 0;
        width: 1px;
    }
    .rw .rt.last:after {
        height: 50%;
        left: 50%;
        z-index: 0;
    }
    .rw .lt.lftt:after {
        height: 100%;
        left: 50%;
        z-index: 0;
         content : "";
      position: absolute;
      bottom  : 0;
      width  : 1px;
      background: #769A69;
    }
    .pr-ctn.two {
        margin-left: 28px;
        margin-right: 0;
    }
    .rw .rt.last:after{
        width: 1px;
    }
    .rw .rctn:before {
        content: "";
        position: absolute;
        left: -90px;
        z-index: 100;
        top: calc(50% - 2px);
        width: 300px;
        height: 10px;
        background: url(../img/lineright.svg) 100%;
        background-position: left;
        background-repeat: no-repeat;
    }
     .rw .rt.last:before,.rw .rt.fr:before,.rw .rctn.left:before {
        display: none;
    }
    .pr-txt-ctn{
        display: none;
    }
    .rw:last-child:before {
        display: none;
    }
    .rw:before {
        content: "";
        position: absolute;
        width: 36%;
        height: 1px;
        background-color: #769A69;
        bottom: 0;
        left: 31.5%;
    }
    #ctn-product-info,.ctn-product-info{
        width: 90%;
        margin: auto;
        margin-top: 50px;
    }
    #ctn-product-info .heading h2, .ctn-product-info .heading h2 {
        font-size: 48px;
        line-height: 40px;
    }
    #ctn-product-info p, .ctn-product-info p{
        line-height: 24px
    }
    .ctn-stati {
        max-width: 782px;      
        padding-top: 10px;
        border-radius: 15px;
        border: 0;
    }
    
    .ctn-stati p {
        text-align: center;
         max-width: 100%; 
        margin: auto;
        font-size: 16px;
        line-height: 22px;
    }
    #satisfaction{
        width: 90%;
        margin: auto;
    }
    .f-info {
        max-width: 600px;
        margin: auto;
        margin-top: 50px;
    }
    #head h1.joy-h1{
        font-size: 48px;
        margin: auto;
        margin-top: 70px;
        margin-bottom: 80px;
        max-width: 690px;
    }
    .bread-crum {
        color: #769A69;
        font-weight: bold;
        font-size: 14px;
        width: 90%;
        margin: auto;
        margin-top: 50px;
    }
    .f-menu  {
        margin-top: 0;
    }
    .f-menu li {
        margin: 15px;
    }
    .f-menu li a {
        text-decoration: none;
        color: #fff;
        font-size: 16px;
        font-weight: bold;
    }
    .con-info{
        font-size: 12px;   
        margin-top: 20px;
    }
    .btn-ordernow span:first-child {
        font-size: 12px;
        height: 30px;
        padding-top: 22px;
        background: #69925D;
        color: #fff;
    }
    .btn-ordernow span:last-child {
        background-color: #CBDF9A;
        padding: 10px;
        font-size: 28px;
        height: 40px;
        color: #3F6853;
        font-weight: bold;
    }
    .ctn-oredrnow {
        width: 110px;
        height: 110px;
        margin: auto;
        margin-bottom: 50px;
    }
    .btn-ordernow {
        width: 110px;
        height: 110px;
        border-radius: 55px;
    }
    .noor-menu {
        background-color: transparent;
        position: absolute;
        top: 35px;
        width: auto;
        display: block;
        left: calc(50% - 350px);
        width: 700px;
    }
    .noor-menu a {
        width: 139px;
        border: 0;
        padding: 0;
    }
    .noor-menu a:hover {
        text-decoration: underline;
        background-color: transparent;
    }
    #menu-button{
        display: none;
    }
    .fl-right{
        width: 49%;
/*        float: right;*/
    }
    .fl-left{
        width: 49%;
/*        float: left;*/
    }
    
    .rrooo{
        display: flex;
    }
    .lin-ctne{
        display: none;
    }
    .pro-ctn{
        width: 50%;
        border:0; 
        
        position: relative
    }
    .pro-ctn:after{
        content: "";
        position: absolute;
        width: 2px;
        height: 50%;
        background: #69925D;
        right: 0;
        bottom: 0;
    }
    .pro-ctn.lsst:after{
        
        top: 0;
    }
    .pro-ctn:before{
        content: "";
        position: absolute;
        width: 9px;
        height: 9px;
        background: #69925D;
        right: -3px;
        border-radius: 10px;
        bottom: 50%;
    }
    .pro-ctn.invert:after{
        content: "";
        position: absolute;
        width: 2px;
        height: 100%;
        background: #69925D;
        left: -2px;
        bottom: 0;
    }.pro-ctn.invert:before{
        content: "";
        position: absolute;
        width: 9px;
        height: 9px;
        background: #69925D;
        left: -5.6px;
        border-radius: 10px;
        bottom: 50%;
    }
    .pro-ctn.invert{
        margin-left: 50%;
    }
    .pro-ctn .img-ctn1{
/*        margin-left: 80px;*/
/*        float: left;*/
        width: 50%;
/*        text-align: center;*/
    }
    .pro-ctn .img-ctn1 img{
        float: none;
        margin: auto;
    }
    .pro-ctn .desc-ctn1{
        padding: 0;
        text-align: center;
        width: 49%;
    }
    .pro-ctn .ctn-oredrnow {
        margin: auto;
        transform: scale(0.8);
/*        margin-top: 20px;*/
        margin-top: 30px; 
    }
    .row-pro{
        width: 90%;
        margin: auto;
    }
    .pro-ctn.invert .img-ctn1 img{
        float: none;
        margin-right: 0;
        margin-left: -15px;
    }
    .pro-ctn.invert .ctn-oredrnow {
        float: none
    }

    .pro-ctn.invert h2 ,.pro-ctn.invert span.ss {
        text-align: center;
        float: none;
    }
    .image-our-gar{
        width: auto;
        margin: auto;
    }
    .ctn-stati.hm{
        max-width: 778px;
        margin-top: 0;
        border-radius : 0 0 15px 15px;
    }
    #satisfaction.hmm{
        margin-top: 50px;
    }
    .rw .lt.line{
        border: 0;
    }
    .h10ctnn{
        width: 100%;
        position: relative;
        margin-top: 100px;
/*        margin-bottom: 100px;*/
    }
    .h10ctnn h1{
        width: 300px;
        margin: auto;
        padding-bottom: 30px;
    }
    
    .h10ctnn:before {
        content: "";
        position: absolute;
        width: 30%;
        height: 1px;
        background-color: #769A69;
        bottom: 0;
        left: 32.3%;
    }
    .h10ctnn:after{
        content: "";
        position: absolute;
        left: 32.2%;
        z-index: 100;
        bottom: 0;
        width: 100px;
        height: 54px;
        background: url(../img/rdot.svg) 100%;
        background-position: left;
        background-repeat: no-repeat;
    }
    .img-welcomeee{
        width: 500px;
        margin-right: 100px;
    }
    .img-welcomeee .bb{
        display: none;
    }
    .img-welcomeee:hover  .aa{
        display: none;
    }
    .img-welcomeee:hover .bb{
        display: block;
    }
    .footer img {
    margin: auto;
    }
    
    .ctbox {
      display: flex;
      align-items: center;
      justify-content: center;
    }    
    body{
        position: relative;
    }
    body:after{
        content: "";
        position: absolute;
        right: 0;
        z-index: -1;
        top: 0;
        top: 0;
        width: 100px;
        height: 100%;
        background: url(../img/bdbgleft.svg) 100%;
        background-position: left;
        background-repeat: no-repeat;
    }
    body:before{
        content: "";
        position: absolute;
        left: -30px;
        z-index: -1;
        top: 0;
        width: 100px;
        height: 100%;
        background: url(../img/bdbgrrr.svg) 100%;
        background-position: left;
        background-repeat: no-repeat;
    }
    .img-ctn1 img {
        width: auto;
    }
    .order-prod-ctn {
        max-width: 1325px;
        margin: auto;
    }
    .pro-ctn.lsst {
        margin-top: -100px;
    }
    .pro-ctn.invert {
        margin-top: -100px;
    }
}


 .main-foot img{
     margin: auto;
}