@import url('https://fonts.googleapis.com/css2?family=Audiowide&display=swap');
@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Poiret+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,500;1,600;1,700&family=Syne:wght@400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Stick+No+Bills:wght@400;500;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
:root{
    --theme-color:#247edb;
    --nav-bg:#265889;
    --nav-bordercolor:#636bdb;
    --button-bg:#ee3d8c;
   --hover-color:#000;     
      
}
a:hover {
    color: #52ade2;
}
.info-box h4 {
    font-size: 20px;
    position: relative;
    font-weight: 700;
    padding: 10px 0;
    color: #373838;
    font-family: 'Sofia Sans Condensed', sans-serif;
    line-height: 1.5;
}

.info-box p {
    font-size: 15px;
}

.bannertopb{
    padding: 100px 0px;
    width: 100%;
    background-image: url(../images/top-banner.png);
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: relative;
    background-position: center;
    min-height: 750px;
}
.navbar{
    padding: 0!important;
}
.header-top{
        padding-top: 14px;
    background: #e1e1e1;
}
.text-wrapper  h2{
    font-size: 1.4rem;
        font-family: 'Rubik', sans-serif;
}
.mobile-nav,.mobil-nav-toggler{
    display: none;
}
.services-c .sec1-shopnow 
{
  z-index: 3;
}

.services-c {
    padding: 10px 0 0;
    margin: 0px 0px;
    position: relative;
    margin-top: 0rem;
}

.service-content{
    position: relative;
}
/*.service-content::after{
    position: absolute;
    content: '';
        right: -57px;
    top: 22px;
    height: 78px;
    width: 8px;
    background: #f5a440;
    left: auto;



}*/
.t-2{
       position: relative;
    margin-top: 10%;
}
.t-2::after{
position: absolute;
    content: '';
    left: -25px;
    top: 8px;
    height: 78px;
    width: 8px;
    background: #f5a440;
    right: auto;



}
.text-2 h2{
    font-family: 'Titillium Web', sans-serif;
}
.services-c .service-icon{
    color: #222;
    font-size: 50px;
    margin: 0 auto 30px;
}


.services-c .title {
    color: #52afe5;
    font-size: 5.8vmax;
    font-weight: 800;
    position: relative;
    margin-top: 1rem;
    z-index: 0;
    font-family: 'Sofia Sans Condensed', sans-serif;
}

.service-content p {
    font-size: 15px;
}

.title span{
position: relative;
}
.services-c h3 {
    position: relative;
    font-family: 'Sofia Sans Condensed', sans-serif;
    font-weight: 100;
}
.theme-title h2 {
    font-size: 43px;
    font-weight: 700;
    font-family: 'Sofia Sans Condensed', sans-serif;
    color: #52afe5;
}
.benfits-block{

    display: block;
    position: relative;
    align-items: center;
    min-height: 111px;

}
.section-bg{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;

}
.benfits-block .nos{
 width: 68px;
    height: 40px;
    text-align: center;
    /* background: var(--theme-color); */
    color: var(--theme-color);
    border-radius: 50px;
    /*border: var(--theme-color) 1px solid;*/
    position: relative;
    transition: all ease-in-out 0.3s;
    -moz-transition: all ease-in-out 0.3s;
    float: left;
}
/*.benfits-block .nos::before{
       position: absolute;
    content: '';
    bottom: -73px;
    width: 1px;
    height: 72px;
    background: var(--button-bg);
}*/
/*.benfits-block:hover .nos{
 
    color: var(--hover-color);
}*/
.no-before::before{
    display: none;
}

.info-1{
    padding-left: 30px;
       /* border-bottom: #3e3e3e 1px solid; */
    position: relative;
    /* float: left; */
    overflow: hidden;

}
.info-1::before{
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    bottom:0;
    width: 10px;
    height: 10px;
    margin: auto;
}
.info-1 p{

}
.info-1 h4 {
        font-size: 14px;
    font-family: 'Archivo', sans-serif;
    font-weight: 700;
    color: var(--hover-color);
}
.index-bg{
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
}
.section-fluid [class^=col-]{
    padding: 0;
}
.benefits-2{
        padding: 30px;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    height: 100%;
}

.theme-title h4 {
    font-weight: 400;
    font-size: 30px;
    letter-spacing: 0px;
    font-family: 'Sofia Sans Condensed', sans-serif;
}
.title-line{
        position: relative;
    display: block;
    padding: 0 7px;
}
.text-box .text-icon{
        transition: all ease-in-out 0.3s;
    -webkit-transition: all ease-in-out 0.3s;
}
.text-box:hover .text-icon{
        -webkit-transform: rotateY(-360deg);
    -o-transform: rotateY(-360deg);
    transform: rotateY(-360deg);
}
.text-box{
    /* display: flex; */
    text-align: center;
    padding: 20px;
    border: #ccc 1px solid;
    min-height: 300px;
    margin-bottom: 40px;
    position: relative;
}
.text-box::before{
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 0;
height: 0;
border-style: solid;
border-width: 80px 100px 0 0;
border-color: #105daa transparent transparent transparent;

}
.infobox{
     display: flex;
    align-items: center;
    background-color: #e7e7e7;
    padding: 40px 20px;
    margin-bottom: 30px;
    background-image:url(../images/bg-11.png);
       background-size:cover;
       background-position:center;
       position: relative;
}
.infobox::before{
    border: 70px solid rgba(255,255,255,0);
}
.infobox::after{
        border: 30px solid #fff;
    transform: scale(0);
}
.infobox::after, .infobox::before{
        content: "";
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    left: 0;

}

.infobox::after, .infobox::before{
    -webkit-transition: all .5s ease-in-out 0s;
    -o-transition: all .5s ease-in-out 0s;
    transition: all .5s ease-in-out 0s;
     transform: scale(0);
     opacity: 1;
}
.infobox:hover::after, .infobox:hover::before{
    transform: scale(1);
    opacity: 0.2;
}
/* banner hover css */
.banner-hover{
  position: relative;
  display: block;
  overflow: hidden;
}
.banner-hover::before,
.banner-hover::after{
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    
    left: 0;
    
}
.banner-hover::before{
    border: 70px solid rgba(255, 255, 255, 0);
}
.banner-hover::after{
    border: 30px solid #fff;
    transform: scale(0);
}
.banner-hover:hover::before{
    border: 0 solid rgba(255, 255, 255, 0.7);
}
.banner-hover:hover::after{
    opacity: 0;
    transform: scale(0.8);
    -webkit-transition-delay: 0.1s;
    -o-transition-delay: 0.1s;
    transition-delay: 0.1s;
}
.banner-hover::before,
.banner-hover:hover::before,
.banner-hover::after,
.banner-hover:hover::after{
    -webkit-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
}
a.banner-hover img{
  width: 100%;
}
.banner1 .banner-block .banner-content.banner-text-right{
        text-align: right;
}
.banner1 .banner-block .banner-content.banner-content-right{
        right: 30px;
}
.banner1 .banner-block .banner-content{
           width: calc(60% - 30px);
    position: absolute;
    bottom: 50%;
    transform: translateY(50%);
    z-index: 99;
}
.banner-block h4 {
            font-family: 'Rubik', sans-serif;
    color: #343434;
    font-size: 19px;
    text-transform: uppercase;
}

.prd-inf{
         max-width: 288px;
    margin-left: 10px;
}
.text-info{
    padding: 20px 0;
}
.text-icon {
    padding-top: 29px;
}

.text-icon img{
max-width: 62px;
}
.text-info h4{
        font-family: 'Rubik', sans-serif;
    color: #343434;
    font-size: 19px;
}
.text-info p{
    color: #343434;
    
}
.line-1{
        display: inline-block;
    width: 100px;
    height: 1px;
    background: #279ca5;
}

.theme-title {
    position: relative;
    padding-bottom: 5px;
}


.product-infos{
    position: relative;
    overflow: hidden;
}
.product-infos img{
    transition: all ease-in-out 0.3s;
     -moz-transition: all ease-in-out 0.3s;
     width: 100%;
}
.product-infos:hover img{
    transform: scale(1.1);
     -webkit-transform: scale(1.1);
}
.inf-2 img{
          object-fit: cover;
    height: 675px;
}
.text-3 h4{
       font-family: 'Rubik', sans-serif;
    font-size: 21px;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 14px;
}
.bg-10{
        display: flex;
    align-items: center;
    background: #e9e9e9;
}
.bg-11{
      display: flex;
    align-items: center;
    background-color: #1b1b1b;
}
.prd-text{
         position: absolute;
    max-width: 541px;
    right: 0;
    left: 0;
    margin: auto;
    text-align: center;
    top: 24%;
}
.prd-text h2{
        background: rgba(0,0,0,0.5);
    padding: 20px 8px;
    font-family: 'Rubik', sans-serif;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
}
.title-wrapper{
       display: flex;
    justify-content: center;
    padding-top: 28px;
}
.title-line::before{
          position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    width: 13px;
    height: 28px;
    background: #279ca5;
    clip-path: polygon(21% 0, 68% 0, 73% 100%, 14% 100%);
    transform: rotate(21deg);
}
.services-c h3 span{
    position: relative;
    z-index: 99;
    letter-spacing: 15px;
    font-weight: 400;
    font-size: 18px;
    color: #fff;
}

.services-c .description{
      color: #fff;
    font-size: 13px;
    line-height: 23px;
    margin: 0;
    padding-top: 1rem;
}
.services-c.darkgreen .service-content{ background-color: #44D1A3; }
.services-c.darkgreen .service-content:before{ background-color: #44D1A3; }
.services-c.blue .service-content{ background-color: #42D6E5; }
.services-c.blue .service-content:before{ background-color: #42D6E5; }
.services-c.darkblue .service-content{ background-color: #4584DF; }
.services-c.darkblue .service-content:before{ background-color: #4584DF; }
@media only screen and (max-width:990px){
    .services-c{ margin: 0 0 30px; }
}















 .text-type-1{
          padding: 30px 0;
    border-top: #e2e2e2 1px solid;
    border-bottom: #e2e2e2 1px solid;
    }
    .section-padding{
        padding: 50px 0;
    }
.footer-widget{
      padding: 40px 0 0 0 ;
}

.footer-widget h4{
    font-size: 16px;
    color: #f7f7f7;
    font-weight: 600;
    margin-bottom: 16px;
    /* font-family: 'Oswald', sans-serif; */
    font-family: 'Rubik', sans-serif;
}
.footer-widget li a{
  color:#fff;
  display:inline-block;
  padding:7px 0;
      transition: all ease-in-out 0.3s;
    -webkit-transition: all ease-in-out 0.3s;
}
.prod-spec li h4{
    font-size: 15px;
    font-weight: 600;
    color: #242424;
font-family: 'Rubik', sans-serif;
}
.prds-right li{
      position: relative;
    padding-left: 24px;
}
.prds-right li::before{
            position: absolute;
    content: '';
    left: 0;
    top: 5px;
    margin: auto;
 width: 0;
height: 0;
border-style: solid;
border-width: 10px 10px 10px 0;
border-color: transparent #105daa transparent transparent;

}
.footer-widget li a:hover{
    color: #105daa!important;
    text-decoration: none;
    padding-left: 0;
    transform: scale(1.02);
  
}

.navbar-light .navbar-nav .nav-link {
    padding: .5rem 1.5rem!important;
}

.left-nav .nav-link:hover{
       color: #a5c2e1!important;
}
.border-box{
        padding-bottom: 16px;
  
}
.s1 span{
        color: #f63131;
}
.s1 h2{
      text-transform: uppercase;
    font-family: 'Oswald', sans-serif;
    font-size: 45px;
    padding-bottom: 12px;

}
.ft-2{
    /*background: #5a4225; */
    padding: 0 59px;
    /* clip-path: polygon(0 0, 100% 0, 88% 46%, 100% 100%, 0 100%, 13% 49%); */
    /* clip-path: polygon(0 0, 100% 0, 96% 48%, 100% 100%, 0 100%, 4% 48%); */
    padding-left: 98px!important;
}
.navbar-brand{
          position: relative;
    padding-right: 30px;

    }
.footer-logo{
max-width: 217px!important;
    /* margin: auto; */
    /* display: flex; */
    /* align-items: center; */
    margin-top: 32%;
    padding: 23px;
    /* background: #1f1e1d; */
    /* clip-path: polygon(89% 0, 100% 50%, 89% 100%, 0% 100%, 0 43%, 0% 0%); */
    /* position: relative; */
    z-index: 99;
    /* right: -16px; */
}
.hover-none i{
  padding: 5px;
    color: #fff!important;
    font-size: 14px!important;
}
  
    .brd-rgt{
         position: relative;
    padding-right: 10px;
    /* background: #ed1d24; */
    transition: all ease-in-out 0.3s;
    -moz-transition: all ease-in-out 0.3s;
    }
    .brd-rgt span{
         transition: all ease-in-out 0.3s;
    -moz-transition: all ease-in-out 0.3s;
    }
    .brd-rgt:hover span{
    color: #a5c2e1!important;
    }
   .navbar-collapse{
           flex-grow: 0!important;
   }

    .navbar-brand{
        padding: 0!important;
    }
    .brd-rgt:hover .nav-link{
        color: #fff!important;
    }
    .hover-none a:before{
      display:none;
    }

 .bg-3 {
          background: #383737;
    }
    .zoom-in-effect{
      overflow:hidden;
    }
    .zoom-in-effect img {
      transition:all ease-in-out 0.6s;
      -webkit-transition:all ease-in-out 0.6s;
      -moz-transition:all ease-in-out 0.6s;
    }
    .zoom-in-effect:hover img{
      transform:scale(1.1);
      -webkit-transform:scale(1.1);
      -moz-transform:scale(1.1);
    }
    .model-img img{
      max-width:100%;
      height:auto;
    }
    .section-bg{
      background-size:cover;
      background-repeat:no-repeat;
      background-position:center;
    }
    .bg-1{
      background:#fec200;
    }
    .bg-2{
        background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;

    }
    .info-text{
        
    padding: 100px 50px;
    }
    .info-text h3{
      font-family: 'Syne', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 25px;
    padding: 10px 0 0 0;
}
    .info-text h4{
     font-family: 'Poiret One', cursive;
text-transform: uppercase;
color: #000;
font-weight: 600;
letter-spacing: 8px;
font-size: 15px;
display: block;
width: 100%;
    }
    .site-logo img{
    display: inline-block;
    padding: 10px 0;
    }
    .site-logo {
        display: inline-block;
    }
    /* .desktop-logo{
            border-right: #636bdb 1px solid;
    } */
    .navbar{
        padding-top: 0!important;
         padding-bottom: 0!important;
    }
    .navbar{
    padding-left: 0!important;
    padding-right: 0!important;
    }
    .navbar-expand-lg .navbar-nav .nav-link{
       padding: 16px 24px!important;
       font-size: 15px;
    }
    
    .site-header{
        padding:  10px 0px;
    }
    .site-header .nav-item .nav-link{
      position:relative;
    }
    

    .h-600{
          min-height: 600px;
    }
.jarallax {
      padding: 100px 0;
   
  z-index:90;
}
.site-header i{
font-size: 19px;
    color: #080808;
    padding: 0 8px 0 0;
    display: inline-block;
    vertical-align: middle;
}
.top-nav{
       display: flex;
    justify-content: end;
}
.cart-icon span{
         position: absolute;
    top: -10px;
    display: inline-block;
    right: 3px;
    padding: 1px 7px;
    background: #363636;
    font-size: 13px;
    color: #fff;
    border-radius: 50%;
}
.top-nav li{
    padding:0 7px;
    list-style: none;
    position: relative;
}

.top-nav a{
      font-size: 14px;
    color: #000;
    transition: all ease-in-out 0.3s;
    -moz-transition: all ease-in-out 0.3s;
}
.top-nav a:hover{
    text-decoration: none;
    color: #958888;
}


.nv-icon i{
    font-size: 14px!important;
}
.top-nav li::before{
    position: absolute;
    content: '';
    right: 0;
    top: 0;
    bottom: 0;
    height: 20px;
    width: 1px;
    background-color: #ccc;
    margin: auto;
}
.top-nav li:last-child::before{
    display: none;
}
.top-nav i{
        color: #141414;
    font-weight: 700;
    font-size: 24px;
     
}
 .info-txt{
      padding: 20px;
    }
    .info-txt h2{
      font-family: 'Poiret One', cursive;
    font-weight: 900;
    }
 
    .mdl{
          border-radius: 50%;
    border: #64c181 10px solid;
    }
 .hd-4{
          font-family: 'Audiowide', cursive;
    color: #fff;
    }
    .section-wrapper{
    position: relative;
    padding: 0px 0px 120px;
    }
    .cont-section p{
      font-family: 'Syne', sans-serif;
    }
    .mid-bg{
          padding: 90px 0;
    }
    .section{
      position:relative;
    } 
    .mid-bg::before{
        position: absolute;
    content: '';
    left: 0;
    top: -56px;
    right: 0;
    bottom: 0;
    background: #47af67;
    }
    .title-1{
      position:relative;
      padding-bottom:10px;
      margin-bottom:30px;
    }
.dark-title::before{
  background:#000!important;
}
   .title-1 h2 {
    position: relative;
    z-index: 0;
}

    .light-title h2{
      color:#fff;
    }
    .light-title::before{
        background:#fff;
    }
   
    .title-1 h2 span{
     font-weight: 600;
    color: #f5a440;
    font-family: 'Titillium Web', sans-serif;
}
.cont-section h4{
         font-family: 'Poiret One', cursive;
    text-transform: uppercase;
    color: #000;
    font-weight: 600;
}
    .cont-section h2{
    font-size: 66px;
    line-height: normal;
    font-weight: 700;
    padding-bottom: 30px;
    margin-bottom: 0;
    color: #fec200;
    }
    .site-header .container{
      padding-bottom: 5px;
    }
    .cont-section span{
      color: #47af67;
    }
    .section-padding{
      padding:90px 0;
    }
.site-header .nav-link{
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 400;
    transition: all ease-in-out 0.3s;
    -moz-transition: all ease-in-out 0.3s;
    font-family: 'Rubik', sans-serif;
}
.site-header .nav-link:hover{
    
    /* margin-bottom: -8px; */
    /* display: block; */
    position: relative;
        color: rgb(243 188 121);
}
.s1{

       padding: 60px 0;
    margin-top: 14px;
    margin-bottom: 60px;
}

.lft-box,.right-box{
    position: relative;
}

.inner-box-model{
  position: relative;
    z-index: 99;
    /* padding: 39px; */
    margin-top: 146px;
    margin-bottom: 139px;
}

.lft-box .inner-box{
      position: relative;
    z-index: 99;
    background: #fff;
    padding: 60px 39px;
  
}
.section-title h2 span{
    color: #f63131;
}
.bg-img{
    padding: 0!important;
}
.bg-img img{
     object-fit: cover;
    height: 329px;
    width: 100%;
}
.bg-text h4{
font-family: 'Oswald', sans-serif;
    color: #fff;
    font-size: 19px;
}
.bg-2{
      background: #272727;
}
.bg-text{
        background: #f63131;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
}
.bg-5{
    background: #215992;
    padding: 77px 50px;
}
.bg-5 h2{
    font-family: 'Oswald', sans-serif;
    color: #fff;
    font-size: 32px;
   
}
/* CSS Document */
/*----------------
RESET CSS
-----------------*/
body {
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	padding: 0;
	color: #333333;
	font-family: 'Gothic A1', sans-serif;
	font-weight:normal;
    overflow-x: hidden; /* Prevent scroll on narrow devices */
    font-size: 14px!important;
}
.offcanvas-collapse {
    position: fixed;
    top: 56px; /* Height of navbar */
    bottom: 0;
    right: 100%;
    left:-300px;
    width: 300px;
    padding-right: 1rem;
    padding-left: 1rem;
    overflow-y: auto;
    visibility: hidden;
    background-color: #343a40;
    transition-timing-function: ease-in-out;
    transition-duration: .3s;
    transition-property: left, visibility;
  }

  .offcanvas-collapse {
      align-items:start;
/*   Adds a subtle drop shadow   */
          -moz-background-clip: padding;     /* Firefox 3.6 */
      -webkit-background-clip: padding;  /* Safari 4? Chrome 6? */
      background-clip: padding-box;      /* Firefox 4, Safari 5, Opera 10, IE 9 */
    border-right:5px solid rgba(0, 0, 0, 0.2);
    
  }




/* Makes the nav visibile with the open class */
  .offcanvas-collapse.open {
    left: 0;
    visibility: visible;
  }


.navbar-expand-lg .navbar-nav {
    -ms-flex-direction: column;
    flex-direction: column;
}


.nav-scroller {
  position: relative;
  z-index: 2;
  height: 2.75rem;
  overflow-y: hidden;
}

.nav-scroller .nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  padding-bottom: 1rem;
  margin-top: -1px;
  overflow-x: auto;
  color: rgba(255, 255, 255, .75);
  text-align: center;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}

.nav-underline .nav-link {
  padding-top: .75rem;
  padding-bottom: .75rem;
  font-size: .875rem;
  color: #6c757d;
}

.nav-underline .nav-link:hover {
  color: #007bff;
}

.nav-underline .active {
  font-weight: 500;
  color: #343a40;
}
div, ul, h1, h2, h3, h4, h5, li, p, img, form, input, textarea {
	margin: 0;
	padding: 0;
}
table, tr, td {
	border: 0;
}
.fixed-bg{
    background-attachment: fixed;
}
.sec1 h2{
      color: #fff;
    font-family: 'Audiowide', cursive;
    font-size: 37px;
    text-transform: uppercase;
}
.mt-m-50{
    margin-top: -50px;
}
.small-title{
      font-family: 'Rubik', sans-serif;
    color: #343434;
    font-size: 20px;
    text-transform: uppercase;
}
.text-box-1{
                   display: flex;
    position: relative;
    min-height: 115px;
    margin: 40px 0;
    }
    .border-none .text-box::before{
        display: none;
    }
    .hd-3{
        background: #357ed8;
    padding: 7px 20px;
    clip-path: polygon(0 0, 97% 0, 100% 100%, 0 100%);
    font-size: 20px;
}
* {
	box-sizing: border-box
}
a {
	outline: none;
	color: #333;
	text-decoration: none;
}
a:hover {
	outline: none;
	color: #000;
	text-decoration: none;
}
.site-header .navbar-brand img{
      max-width: 170px;
    padding-bottom: 7px;
}
img {border: none;max-width:100%; vertical-align:middle;}
li {
	list-style: none;
}
.clearall {
	clear: both;
	font-size: 1px;
	line-height: 1px;
	height: 1px;
}
/*-----------------------
MAIN CSS START
------------------------*/
.container {
	width: 1170px;
	margin: 0 auto;
	padding: 0;
	position: relative;
}

.section{

  
} 
.section-bg{
background-size: cover!important;
    background-repeat: no-repeat!important;
    background-position: center!important;
} 
.parallx{
  background-attachment:fixed;
}
.textinfo h2{
      font-family: 'Audiowide', cursive;

    color: #fff;
}
.nav-bar li a{
    color: #fff;
    font-family: 'Audiowide', cursive;
    font-size: 14px;
    /* padding: 46px 0; */
    display: inline-block;
    padding: 28px 0;
}
.top_strip {
          float: left;
    width: 100%;
    text-align: center;
    min-width: 1170px;
    position: relative;
}
/*.top_strip::before{
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    bottom: 0;
    background: #357ed8;
    right: 0;
    width: 33%;

    clip-path: polygon(0 0, 91% 0, 100% 100%, 0% 100%);
}*/
.top_lft {
    float: left;
    margin-top: 3px;
}
.logo {
    float: left;
    max-width: 180px;
}
.top-rgt{
	float:right;
	text-align:center;
	
	}
ul.nav-bar {
    float: right;
	}
ul.nav-bar li {
    display: inline-block;
   padding: 0 50px;
	text-transform:uppercase;
    vertical-align: middle;
	}
ul.nav-bar li:last-child{
  padding-right:0;
}

.ul.nav-bar li a.active, ul.nav-bar li a:hover {
         color: #a1bada;
    text-decoration: none;
	}
.nav-bar li .icon-shopping-cart1{
      font-size: 26px;
}

/*================== SECTION I================*/

.sec1 {
         float: left;
    width: 100%;
    /* height: 700px; */
    min-width: 1170px;
    background: url(../images/sec1.jpg) no-repeat center top;
    position: relative;
    background-size: cover;
}
.sec1::before{
 position: absolute;
    content: '';
    left: auto;
    right: 0;
    top: 0;
    width: 67%;
    background: rgba(0,0,0,0.5);
    bottom: 0;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 32% 100%);
}

.sec1_p1 {
	float: left;
	width: 100%;
	color: #ffffff;
	font-size: 20px;
	padding-left: 17px;
	/*background: url(../images/p1-txt-img.png) no-repeat left top;*/
	margin: 15px 0 0 0;
	padding: 10px 20px;
}
.sec1_p2{
	float: left;
	width: 100%;
	color: #fff;
	font-size: 72px;
	font-weight: bold;
	padding: 10px 0 4px 0;
}
.sec1_p3{
	float: left;
	width: 90%;
	color: #fff;
	font-size: 18px;
	line-height: 28px;
	font-weight: normal;
	padding: 3px 0;
}
.sec1_p4{
	display: inline-block;
    width: 100%;
    font-size: 20px;
    color: #151515;
    letter-spacing: -0.3px;
    line-height: 28px;
    padding: 18px 0 0 0;
	}
    .site-header .container{
       
    }
.sec1-shopnow, .s3-btm, .add-to-cart {
    position: relative;
    margin: 0px 0 0 0px;
    box-shadow: 0 0 0 rgb(24 24 24 / 30%);
    background-color: var(--button-bg);
    color: #ffffff;
    font-size: 14px;
    font-weight: normal;
    text-transform: uppercase;
    text-align: center;
    display: inline-block;
    transition: all ease-in-out 0.3s;
    -webkit-transition: all ease-in-out 0.3s;
    padding: 15px 40px;
    border-radius: 30px;
    overflow: hidden;
    border: none;
}

/*.sec1-shopnow::before, .s3-btm::before, .add-to-cart::before{
  display: block;
    content: "";
    top: 0;
    bottom: 0;
    position: absolute;
    width: 50px;
    left: -60px;
    -webkit-transform: skewX(-20deg);
    -moz-transform: skewX(-20deg);
    -ms-transform: skewX(-20deg);
    transform: skewX(-20deg);
    -webkit-transition: 350ms ease all;
    -moz-transition: 350ms ease all;
    transition: 350ms ease all;
    background: -moz-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);
    background: -moz-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);
    background: linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);
    -webkit-transition: 0ms ease all;
    -moz-transition: 0ms ease all;
    transition: 0ms ease all;
    opacity: .5;
} */
.sec1-shopnow:hover::before, .s3-btm:hover::before, .add-to-cart:hover::before{
  left: 110%;
    -webkit-transition: 800ms ease all;
    -moz-transition: 800ms ease all;
    transition: 800ms ease all;
    opacity: .2;
}
.sec1-shopnow:hover, .s3-btm:hover, .add-to-cart:hover{
    color: #fff;
    text-decoration: none;
     background-color: var(--hover-color);
	}
/*================== top_strip================*/	
.strip{
	float: left;
    width: 100%;
    padding: 6px 0;
    background: #fff;
	min-width:1170px;
    border-bottom: 2px solid #e1e1e1;
}
.strip-uls{
	float:left;
	width:100%;
	text-align:center;
}
.strip-uls li{
	position: relative;
    padding: 10px 0 10px 70px;
    display: inline-block;
    font-size: 16px;
    font-weight: normal;
    line-height: 20px;
    vertical-align: middle;
    width: 24%;
	text-align:left;
}
.strip-uls li span{
	display: block;
    color: #000;
    font-weight: 500;
    text-transform: uppercase;
}
.strip-uls li img{
	position: absolute;
    left: -22px;
    top: 0;
    padding: 15px;
}
.strip-uls li:last-child{
	margin-right:0;
}
/*==================SECTION II===============*/

/*================== SEC2================*/
.sec2{
	float: left;
	width: 100%;
	text-align: center;
	min-width: 1170px;
	background: #fff;
	padding:45px 0 60px;
}
.s2txt1{
	display: inline-block;
    width: 100%;
    font-size: 20px;
    color: #000;
	}
.s2txt2{
	    display: inline-block;
    width: 100%;
    font-size: 28px;
    font-weight: 500;
    color: #1b1b18;
    line-height: 50px;
    letter-spacing: -2px;
    margin-top: 7px;
    margin-bottom: 20px;
   
	}
.s2-line {
    display: block;
    margin: 15px auto 0;
}
.learn-more1{
	display:inline-block;
	}
.s2txt3	{
	display: inline-block;
    color: #000;
    width: 75%;
    font-size: 18px;
    line-height: 32px;
    font-weight: normal;
    padding: 35px 0 0;
	}

/*==================strip2================*/		
.green_strip{
	float:left;
	width:100%;
	min-width:1170px;
	background:url(../images/strip2.jpg) no-repeat center top;
	height:190px;
	}
.st-rgt{
	float: right;
    width: 69%;
    margin-top: 38px;
	}
.st-rgt_txt1{
	float: left;
	width: 100%;
	color: #fff;
	font-size: 30px;
	font-weight: bold;
	text-transform: uppercase;
	}
.st-rgt_txt2{
	float: left;
    width: 83%;
    color: #fff;
    line-height: 26px;
    font-weight: 300;
    font-size: 18px;
    padding: 9px 0 0 0px;
	}

/*==================SECTION III===============*/

.sec3 {
    width: 100%;
    text-align: center;
    padding: 45px 0 60px;
}
.s3uls{
	float:left;
	width:100%;
	margin-top:50px;
	}
.s3uls li{
	display: inline-block;
    width: 416px;
    margin-right: 10px;
    /* background: url(../images/s3-bx1.png) no-repeat center top; */
    vertical-align: top;
    margin-top: 30px;
    background: #ffffff;
    padding: 28px 30px;
    min-height: 561px;
    border-left: #357ed8 10px solid;
    box-shadow: 0 25px 35px -5px rgb(0 0 0 / 10%);
	}

.pro-img img{
  transition: all ease-in-out 0.3s;
    -webkit-transition: all ease-in-out 0.3s;
}
img.ind-img {
    max-width: 243px;
    margin: auto;
    display: block;
}
.main-heading .section-title{
position: absolute;
    left: -21px;
    right: -28px;
    margin: auto;
    height: 349px;
    background: #f63131;
    padding: 20px;
    z-index: 10;
    top: -20px;
    padding-top: 76px;
}

.inner-hd h2{
        font-family: 'Oswald', sans-serif;
    color: #fff;
    font-size: 41px;
}
.main-heading{
        position: relative;
}

.pro-box{
       text-align: center;
    min-height: 653px;
    background: none;
    margin-bottom: 40px;
    padding-bottom: 0;
    position: relative;
    border: #f3f3f3 9px solid;
}

.pro-img img{
        transition: all ease-in-out 0.3s;
    -webkit-transition: all ease-in-out 0.3s;
}

.bg-5{
    background: #373536;
}
.bg-6{
    background: #215088;
}

/*.pro-box::before{
   content: '';
    border-radius: 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    z-index: 1;
        background: rgb(76 52 23 / 60%);
    height: 0;
    transition: all ease-in-out 0.3s;
}*/


.pro-box .pro-img{
    z-index: 2;
    position: relative;
   
    padding: 20px;
}
.pro-box .pro-info{
    z-index:2;
      position: relative;
}
.product-b{
      padding-bottom: 0;
}
.product-b .text-white {
  font-size: 4rem;
}
.services-v{
     padding: 7rem 0rem;
    width: 100%;
    position: relative;

}
.services-v h2{
      color: #fec200;
      line-height: 1.5;
  
}
.services-v h2 span{
     color: #15265a;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 50px;
    position: relative;
  
}
.services-v h2 span:before {
    position: absolute;
    content: "";
    top: 0;
    left: -20px;
    right: 0;
    bottom: 0;
    width: 260px;
    height: 60px;
    background: #fec200;
    z-index: -1;
}
.services-v p{
      color: #333;
    padding-top: 1rem;
  
}

.about-b{
      position: relative;
    padding: 7rem 0rem;
    background: #fff;
}
.sup-minv{
    font-family: 'Montserrat', sans-serif;
    position: relative;
}
.sup-minv:after{
    content: '';
    display: block;
    clear: both;
}
.sup-minv:before{
    content: '';
    width: 4px;
    height: 100%;
    border-left: 4px dashed #777;
    transform: translateX(-50%);
    position: absolute;
    left: 50%;
    top: 0;
}
.sup-minv .timeline{
    width: 50%;
    padding: 0 0 0 25px;
    margin: 0 0 20px 5px;
    float: right;
    position: relative;
}
.sup-minv .timeline:before{
    content: '';
    background-color:#8fc818;
    height: 16px;
    width: 16px;
    transform: translateY(-50%);
    position: absolute;
    left: -8px;
    top: 50%;
}
.sup-minv .timeline-content{
    color: #fff;
    background: #999;
    padding: 25px 45px 25px 65px;
    display: block;
    position: relative;
    z-index: 1;
    clip-path: polygon(93% 0, 100% 50%, 93% 100%, 0 100%, 0 0);
}
.sup-minv .timeline-content:hover{ text-decoration: none; }
.sup-minv .timeline-content:before,
.sup-minv .timeline-content:after{
    content: '';
    background-color: #fff;
    position: absolute;
    left: 2px;
    top: 2px;
    right: 2px;
    bottom: 2px;
    z-index: -1;
    clip-path: polygon(93% 0, 100% 50%, 93% 100%, 0 100%, 0 0);
}
.sup-minv .timeline-content:after{
    background-color:#8fc818;
    left: 7px;
    top: 7px;
    right: 7px;
    bottom: 7px;
}
.sup-minv .timeline-icon{
    color: #777;
    background-color: #fff;
    font-size: 30px;
    line-height: 65px;
    width: 40px;
    height: 65px;
    padding-left: 3px;
    border-radius: 0 300px 300px 0;
    transform: translateY(-50%);
    position: absolute;
    left: 6px;
    top: 50%;
}
.sup-minv .title{
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin: 0 0 5px;
}
.sup-minv .description{
    font-size: 14px;
    margin: 0;
}
.sup-minv .timeline:nth-child(even){
    padding: 0 25px 0 0;
    margin: 0 5px 20px 0;
    float: left;
}
.sup-minv .timeline:nth-child(even):before{
    left: auto;
    right: -8px;
}
.sup-minv .timeline:nth-child(even) .timeline-content{
    padding: 25px 65px 25px 60px;
    clip-path: polygon(7% 0, 0 50%, 7% 100%, 100% 100%, 100% 0);
}
.sup-minv .timeline:nth-child(even) .timeline-content:before,
.sup-minv .timeline:nth-child(even) .timeline-content:after{
    clip-path: polygon(7% 0, 0 50%, 7% 100%, 100% 100%, 100% 0);
}
.sup-minv .timeline:nth-child(even) .timeline-icon{
    padding-left: 7px;
    border-radius: 300px 0 0 300px;
    left: auto;
    right: 6px;
}

@media screen and (max-width:767px){
    .sup-minv:before{
        transform: translateX(0);
        left: 5px;
    }
    .navbar,.navbar-expand{
        display: none!important;
    }
    .product-page{
        padding: 20px 0px!important;
    }
    a.prod-clearcart, #browse, .cont-shop, .prcd-chk{
            font-size: 12px!important;
    }
    /*.navbar{
            position: absolute!important;
    display: block!important;
 padding:0!important;
   
    z-index: 999!important;
    left: 0!important;
    right: 0!important;
    }*/
    .cont-list{
        display: block!important;
    }
    .cont-list li{
        width: 100%!important;
    }
    .navbar .container-fluid{
        background: transparent!important;
    }
    nav.navbar.navbar-expand-lg.navbar-light {
    background: transparent!important;
}
.navbar-light .navbar-toggler{
        color: rgb(26 25 25 / 50%)!important;
    border-color: rgba(0,0,0,.1)!important;
    border-radius: 0!important;
    position: absolute!important;
    top: -113px!important;
    right: 18px!important;
}
.text-box{
    padding: 15px 0 0 0;
}
.text-box::before{
    display: none;
}
.theme-title h2{
    font-size: 28px;
}
.section-wrapper{
    padding: 0 16px;
}
    .r-100{
        width:100%!important;
    }
    .navbar-collapse{
            background: rgba(0,0,0,0.9)!important;
    }
    .prds-left,.prds-right,.cart-summery,.frm-container.step1,.frm-container step2,.frm-container:last-child{
        width: 100%!important;
    }
    .prd_img, .prd_name, .prd_prc, .prd_qty, .prd_total{
            width: 23%!important;
    }
    .prod_name{
        padding: 20px 0 20px 67px!important;
    }
    .cart_prod_qty, .cart_prc_subtotl, .cart_prod_prc{
            width: 17%!important;
    }
    .prd_name, .prd_img{
            width: 30%!important;
    }
    .prod-txt1, .prod-txt2, .prod-tx1 {
            font-size: 32px!important;
    }
    a.prod-clearcart, #browse, .cont-shop, .prcd-chk{
        padding: 10px 6px!important;
    }
    .cart-links{
        padding: 10px 9px!important;
        width: 100%!important;
    }
    a.prod-clearcart, #browse, .cont-shop, .prcd-chk {
        font-size: 16px;
    }
    .navbar-light .navbar-toggler {
    color: rgb(155 150 150 / 50%);
    border-color: rgb(255 255 255 / 10%);
}
.navbar-light .navbar-toggler {
    background: #5a5a5a;
}
.navbar-toggler {
        padding: .25rem .75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: #ffffff00;
    border: 1px solid transparent;
    border-radius: .25rem;
}
    .ft-2{
        padding-left: 10px!important;
    }
    .title{
            font-size: 47px!important;
    }
    .sup-minv .timeline,
    .sup-minv .timeline:nth-child(even){
        width: 100%;
        padding: 0 0 0 25px;
        margin: 0 0 35px 0;
    }
    .sup-minv .timeline:before,
    .sup-minv .timeline:nth-child(even):before{
        transform: translateY(0);
        right: auto;
        left: 0;
        top: 45px;
    }
    .sup-minv .timeline-content,
    .sup-minv .timeline:nth-child(even) .timeline-content{
        padding: 100px 30px 20px 20px;
        clip-path: polygon(97% 0, 100% 50%, 97% 100%, 0 100%, 0 0);
    }
    .sup-minv .timeline-content:before,
    .sup-minv .timeline-content:after,
    .sup-minv .timeline:nth-child(even) .timeline-content:before,
    .sup-minv .timeline:nth-child(even) .timeline-content:after{
        clip-path: polygon(97% 0, 100% 50%, 97% 100%, 0 100%, 0 0);
    }
    .sup-minv .timeline-icon,
    .sup-minv .timeline:nth-child(even) .timeline-icon{
        padding-left: 2px;
        border-radius: 0 300px 300px 0;
        transform: translateY(0);
        left: 7px;
        right: auto;
        top: 20px;
    }
}
.sup-minv h2{
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 27px;
    color: #fff;
    text-transform: uppercase;
    padding-top: 1rem;
    padding-bottom: 0px;
}










.s3-btm{
	float:left;
	margin-top: 25px;
	}	
.s3txt1{
    
          /*color: #fff; */
    font-size: 16px;
    /* font-weight: 700; */
    padding: 4px;
    line-height: normal;
    /* font-family: 'Titillium Web', sans-serif; */
    position: relative;
    /* max-width: 327px; */
    /* background: #706061; */
    /* margin: -20px auto 40px auto; */
}	

.s3txt1 span{
	color:#abac3b;
	}

.s3txt2{

         width: 100%;
    font-weight: 400;
    font-size: 18px;
    line-height: 6px;
    padding: 0px 0 0 0;
    color: #222;
	}
/*==================Site Footer===============*/

.footer-links{
        display: flex;
    justify-content: start;
    padding-top: 30px;
    padding-bottom: 15px;
}
.site-footer{
        padding: 20px 0 0 0;
    background-color: #0d0e0e;
}
.footer-links li a,.footer-links li{

}
.footer-links li a{
         display: inline-block;
    padding: 0 39px 0 0;
    font-size: 12px;
    color: #fff;
    text-transform: uppercase;
}
.footer-links li a:hover{
        color: #4589cf;
}
.footer-infotext h4{
    font-size: 15px;
   
}
/* .footer-logo-1{
       filter: invert(1) brightness(10);
} */
.footer-infotext h4,.footer-infotext p,.footer-infotext a,.footer-icon i,
.footer-copyright p{
       color: #f9f9f9;
    
}
.site-footer a{
  transition: all ease-in-out 0.3s;
      -moz-transition: all ease-in-out 0.3s;
}
.site-footer a:hover{
    text-decoration: none;
}
.footer-icon{
   margin-right: 12px;
    padding: 9px 12px;
    border: #b3a8a8 1px solid;
    height: 40px;
    width: 40px;
}
.footer-heading h2{
         font-family: 'Oswald', sans-serif;
    font-size: 19px;
    color: var(--theme-color);
    letter-spacing: 5px;
    text-transform: uppercase;
}
.footer-heading{
       position: relative;
    margin-bottom: 22px;
}
.footer-block{
       display: flex;
    justify-content: flex-start;
    margin: 30px 0 0 0;
}
.footer-copyright{
   padding-top: 9px;
    border-top: #9f9f9f 1px solid;
    margin-top: 30px;
}
/*==================SECTION III===============*/

.total{
	display: inline-block;
	width: 100%;
	margin: 40px 0px 0;
}
.total li{
    float: left;
    width: 48.8%;
    background: #fff;
    margin: 0 0 25px 0px;
    padding-bottom: 15px;
    border: 1px solid #2b64a6;
    position: relative;
    min-height: 254px;
}
.total li:after{
	content:"";
	position:absolute;
	left:270px;
	top:0;
	bottom:0;
	border-right: 1px solid #2b64a6;
}
.total li:nth-child(even) {
    float: right;
}
.total li:nth-child(5), .total li:last-child{
	margin-bottom:0;
}
.left1{
	background:#e0fbe8;
}
.image{
	position: absolute;
    top: 0;
    max-width: 190px;
    left: 40px;
}
.right-sec,.right-sec1{
    float: left;
    width: 100%;
    position: relative;
    padding-left: 296px;
    text-align: left;
}

.txt{
	display: inline-block;
    width: 100%;
    font-size: 22px;
    line-height: 32px;
    color: #2d2d2d;
    font-weight: 700;
    margin: 25px 0 12px;
    min-height: 66px;
    letter-spacing: 0.5px;
}
.txt1{
    float: left;
    width: 100%;
    font-size: 16px;
    line-height: 21px;
    color: #000;
    font-weight: 300;
    margin-top: 18px;
}
.txt2{
	float: left;
	width: 100%;
	font-size: 25px;
	line-height: 30px;
	color: #2d2d2d;
	font-weight: 300;
	margin: 0px 0 50px 0;
}
.txt2 span{
	color:#050505;
	font-weight:600;
}
.right{
}
/********************************/
.black-strip {
	float: left;
    width: 100%;
    padding: 41px 0 35px;
    background: #eff6ff;
}
.black-strip ul{
	float: left;
    width: 100%;
}
.black-strip ul li{
	float: left;
    width: 25%;
    font-size: 18px;
    line-height: 24px;
    color: #7a7a7a;
    font-weight: 300;
    position: relative;
    padding-left: 90px;
    margin-right: 0px;
}
.black-strip ul li:nth-child(2){margin-right: 34px;}
.black-strip ul li:nth-child(3){width: 22%;}
.black-strip ul li img{
	position: absolute;
    left: 3px;
    top: -8px;
}
.black-strip ul li span{
	display: block;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    margin-top: 11px;
    color: #2d2d2d;
}
.black-strip ul li:last-child{margin-right: 0;}

/**************/
.s4uls{
	display:inline-block;
	margin-top:56px;
	width:100%;
	}
.s4uls li{
	display: inline-block;
    width: 21%;
    padding: 0 0 17px 0;
    margin: 0px 13px 40px;
    border: 1px solid #dddddd;
}
.s4-pro1 {
	display: block;
    max-width: 175px;
    margin: 22px auto
}
.s4-box1-txt2 {
	display:inline-block;
    font-size: 28px;
    line-height: 34px;
    font-weight: 700;
	width:93%;
    color: #2d2d2d;
    border-top: 1px solid #dddddd;
    padding: 10px;
}
	
.s4-left, .s4-right {
	float: left;
	width: 475px;
	margin: 59px 0 0 0px;
}
.s4-box1 {
	background: url(../images/s3-box1.jpg) center top no-repeat;
	width: 473px;
	height: 814px;
	margin: 0 0 0 0;
}
.s4-right {
	width: 684px;
	float: right;
}
.s4-box1-txt1 {
	font-weight: 700;
	font-size: 34px;
	line-height: 30px;
	text-align: center;
	color: #333333;
	margin: 0 auto;
	padding: 39px 0 0 0;
}
.s4-box1-txt3 {
	display: inline-block;
	font-size: 18px;
	line-height: 22px;
	color: #363636;
	margin: 36px 0px 0;
	width: 85%;
}
.stars {
	display: block;
	margin: 10px auto 0 auto;
}
.s4-list {
	margin: 22px 0 0 43px;
}
.box2-stars {
	float: left;
	margin: 14px 0 0 0px;
}
.s4-btn1 {
	margin: 32px auto 0 auto;
	display: inline-block;
}
.s4-box2 {
	background: url(../images/s3-box2.jpg) center top no-repeat;
	width: 672px;
	height: 265px;
	margin-bottom: 10px;
	padding: 15px 20px 3px;
	margin-right: 0;
	float: left;
}
.s4-pro2 {
	float: left;
	max-width: 145px;
}
.s4-box2-right {
	width: 70%;
	float: right;
}
.s4-box2-txt1 {
	float: left;
	width: 100%;
	color: #333333;
	font-size: 34px;
	font-weight: bold;
	text-align: left;
}
.s4-box2-txt2 {
	font-weight: 700;
	font-size: 24px;
	line-height: 24px;
	text-align: left;
	color: #006aaa;
	margin: 0 auto;
	padding: 0px 0 0 0;
}
.s4-box2-txt3 {
	float: left;
	width: 100%;
	text-align: left;
	font-weight: 300;
	font-size: 18px;
	line-height: 22px;
	margin: 10px 0 0 0;
}
.s4-btn2 {
	float: left;
	margin: 15px 0 0 0;
}
/*==================FOOTER================*/
.footer-list li a{
        font-family: 'Syne', sans-serif;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 600;
    color: #ccc;
  transition:all ease-in-out 0.3s;
  -moz-transition:all ease-in-out 0.3s;
  -webkit-transition:all ease-in-out 0.3s;
}
.footer-list li a:hover{
  text-decoration:none;
  color: #47af67;
}

div#footer {
       width: 100%;
    font-size: 16px;
    position: relative;
    text-align: center;
    background: #111;
    /* padding: 100px 0 40px; */
    overflow: hidden;
    padding: 15px 0 0 0;

}
div#footer::before{
position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 80px 100px 0 0;
    border-color: #105daa transparent transparent transparent;
}
 
.section-wave {
    position: absolute;
    top: 0;
    transform: translateY(-100%);
    width: 100vw;
    line-height: 0;
    will-change: transform;
    z-index: 1;
    overflow: hidden;
}

.foter-sec1, .foter-sec2 {
    float: left;
    width: 100%;
    margin: 15px 0 0 0;
}
.logo-f {
    display: inline-block;
    max-width: 200px;
}
.footer-widget li{
    color: #fff;
}
ul.footer-list, .foter-sec2 ul {
	float: left;
	width: 100%;
	text-align:center;
}
.footer-list li, ul.crop-info{
	text-align: left;
	font-weight: 500;
	font-size: 16px;
	padding: 8px 10px;
	display:inline-block;
	position:relative;
}
.footer-list li:after{
	position: absolute;
    height: 20px;
    right: -4px;
    top: 8px;
    content: '';
    border-right: 1px solid #333;
	}
.footer-list li:last-child:after{
	display:none;
	}
ul.crop-info li{
	width:100%;
	padding:5px 0;
	text-align:center;
	}
.ft-bd li {
	border-bottom: none;
}
.fttxt {
	font-size: 14px;
	line-height: 24px;
	clear: both;
	margin-top: 10px;
	float: left;
}

.ff-txt2 {
    font-size: 17px;
    line-height: 22px;
    color: #e8e3e3;
    font-weight: 600;
    margin-bottom: 10px;
    display: block;
}
.foter-sec2 li{
  color: #fff;
}
.ft-lg-txt {
	    font-size: 20px;
    line-height: 36px;
    padding: 7px 0 0 0;
    font-weight: 700;
    color: #fff;
}
.f-txt4 {
	font-size: 20px;
	line-height: 28px;
	color: #000;
	padding: 20px 0 0;
	float: left;
}
/*------------------------------
CSS FOR PRODUCTS PAGE
--------------------------------*/
.product{
    width: 100%;
    font-size: 16px;
    padding: 0 0 30px 0;
    text-align: center;
    background-image: url(../images/footer-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 284px;
}
.con-top{
	background:url(../images/contact.jpg) no-repeat center top;
	float: left;
	width: 100%;
	padding: 60px 0;
}
.prod_left {
	float: left;
	width: 100%;
	margin-top: 0px;
	text-align: left;
}
.prod_mid_txt {
    float: left;
    width: 100%;
    margin-top: 0px;
	font-size:23px;
	line-height:48px;
	color:#212020;
}
.prod-txt1, .prod-txt2, .prod-tx1 {
    width: 100%;
    font-size: 40px;
    line-height: 68px;
    font-weight: 600;
    color: #5a5a5a;
    padding: 125px 0 0 0;
    font-family: 'Sofia Sans Condensed', sans-serif;
}
.prod-tx1 {
	background: none;
	color: #000;}
.prod-txt2 {
    width: 100%;
    color: #fff;
    font-size: 18px;
    line-height: 24px;
    font-weight: normal;
    margin-top: 20px;
	background:none;}
/******************************************/
.brdcmb {
display: flex;
    justify-content: center;
    padding: 37px 0;
    /* background: #272728; */
    /* max-width: 503px; */
    /* margin: -35px auto 0 auto; */
    /* clip-path: polygon(96% 0, 100% 50%, 96% 100%, 0% 100%, 0 43%, 0% 0%); */
    /* max-width: 583px; */
    margin: -21px auto 0 auto;
    clip-path: polygon(2% 0, 100% 0%, 97% 100%, 0% 100%);
    /* color: #000!important; */
	
}
.brdcmb ul {
  float: none;
    margin: auto;
    display: flex;
    justify-content: center;
}
.brdcmb ul li {
      float: left;
    font-size: 16px;
    line-height: 20px;
    color: #000;
    position: relative;
    margin-right: 28px;
}
.brdcmb ul li:after{
    content: "/";
    position: absolute;
    right: -23px;
    top: 0;
}
.brdcmb ul li a {
    font-size: 16px;
    line-height: 20px;
    color: #4a9587;
    font-weight: 300;
}
.brdcmb ul li a:hover{
    text-decoration: none;
    color: #ccc;
}
.brdcmb ul li:last-child{margin-right:0;}
.brdcmb ul li:last-child:after{content:"";}

/******************************************/
.prod-mid-sec,.con-mid-sec,.prod-top {
	clear: both;
    width: 100%;
    text-align: center;
    padding: 7px 0 10px 0;
    margin-bottom: 30px;
}
.prod_rgt {
	float: right;
	width: 27.6%;
	margin-top: 0px;
}
.product-total{
	float:left;
	width:100%;
	margin-top:50px;
}
.bottle-box{
	float:left;
	width: 373px;
	height:386px;
	text-align:center;
}
.prd-box1 {
	margin: 15px 0px 0 0;
	float: right;
	width: 60%;
}
.prd-box1:nth-child(5), .prd-box1:nth-child(9) {
}
.prd-box-txt {
	display: inline-block;
	width: 100%;
	font-size: 28px;
	line-height:21px;
	color: #030303;
	margin: 10px 0 10px 0;
	font-weight:800;
}
.prd-box-txt2 {
	display: inline-block;
	width: 77%;
	font-weight: 400;
	color: #000000;
	font-size: 16px;
	line-height: 26px;
	padding: 20px 4px 30px;
}
.prd-bdr-mid {
	float: left;
	width: 100%;
	border-top: 1px solid #e6e9e1;
	margin: 61px 0 0px 0;
	padding: 71px 0 0;
}
.prd_price {
	width: 45%;
	font-size: 37px;
	color: #000000;
	font-weight: 600;
	margin: 15px 0 25px;
	line-height: 24px;
	float: left;
}
.layer{
	max-width:100%;
	margin:0 0 0 20px;
}
.pro-p1 {
	max-width: 100%;
	display: inline-block;
	vertical-align: top;
	margin-top: 25px;
}
.pro-txt1 {
	font-weight: 500;
    font-size: 28px;
    line-height: 30px;
    color: #2d2d2d;
    margin: 0 auto 0 auto;
    padding: 0px 0 0 0;
}
.pro-txt2 {
	font-weight: 300;
	font-size: 17px;
	line-height: 22px;
	text-align: center;
	color: #444444;
	margin: 0 auto;
	padding: 0 0 0 0;
}
.pro-btn {
	margin: 14px auto 0 auto;
}
/**********************************/

/*------------------------------
CSS FOR prod-deatails PAGE
--------------------------------*/
.prd-details {
    float: left;
    width: 100%;
    padding: 30px 0 50px;
}
.prod-spec {
	float: left;
	width: 100%;
}
.prds-left {
    float: left;
    width: 50%;
    text-align: center;
    min-height: 488px;
    position: relative;
    padding: 30px;
}
.prds-left img {
	display: inline-block;
    width: 60%;
    position: relative;
    z-index: 9
}
.prds-right {
    float: left;
    width: 50%;
    text-align: left;
    padding-top: 50px;
}
.prd-dtl1 {
     font-size: 18px;
    line-height: normal;
    color: #2d2d2d;
    font-weight: 700;
    float: left;
    width: 100%;
    font-family: 'Sofia Sans Condensed', sans-serif;
}
.star-image1 {
    display: block;
    margin-top: 21px;
}
.shop-txt{
	font-size: 18px;
	line-height: 30px;
	color: #2d2d2d;
	margin: 22px 0px 0;
	font-weight: normal;
	text-align: left;
	width: 100%;
	float: left;
}
.options_box {
	float: left;
	width: 50%;
	text-align: left;
}
.terms {
    float: left;
    width: 100%;
}
p.trms_trial {
    float: left;
    width: 90%;
    text-align: left;
    margin-top: 10px;
    font-size: 14px;
    line-height: 24px;
}
.opcityz{
	position:absolute;
	opacity:0;
	}
.pack-opt {
    float: left;
    width: 100%;
    font-size: 18px;
    margin: 5px 0;
}
.opt-hed {
    font-size: 20px;
    float: left;
    width: 100%;
    text-align: left;
    margin: 10px 0;
    font-weight: 700;
}
.star2 {
	margin-top: 10px;
	float: left;
}
.prd-dtl3 {
	font-size: 18px;
	line-height: 26px;
	color: #737373;
	padding: 15px 0;
	float: left;
	width: 100%;
	font-weight: 300;
}
ul.prg-bar {
	float: left;
	width: 100%;
	margin-top:10px;
	text-align:left;
}
ul.prg-bar li {
	font-size: 18px;
	line-height: 25px;
	color: #2b3240;
	font-weight: 600;
	float: left;
	width: 100%;
	padding: 6px 21px;
	background: url(../images/circle.png) no-repeat left 13px;
}
ul.prg-bar li img {
	margin-left: 10px;
	float:right;
	margin-top:10px;
}
.pric-box {
	float: left;
	width: 90%;
	margin-top: 22px;
	padding-bottom: 25px;
}
.pro-dtil-rgt-p2 {
	font-size: 31px;
    float: left;
    line-height: 22px;
    color: #000000;
    display: inline-block;
    width: 100%;
}
.add-to-cart {
    margin-top: 20px;
}

.price {
     color: #c3c1c1;
    font-size: 40px;
    font-weight: 700;
    line-height: 45px;
    font-family: 'Rubik', sans-serif;
}
		
.prod-btn{
    float: left;
    margin: 0 0 0 25px;}
.prd_quantity {
	float: left;
	font-size: 20px;
	line-height: 28px;
	color: #000;
	width: 40%;
	margin-top: 27px;
}
.prd_quantity p {
	float: left;
	margin-top: 6px;
	margin-right: 20px;
}

/*-------other------- */
.other-prds{
	float:left;
	width:100%;
	padding:50px 0;
	background:#fff;
	text-align:center;
}
.other-prds ul li{
	margin: 0 7px 0;
}
/*-------Accordion------- */

/*------------------------------
CSS FOR CONTACT PAGE
--------------------------------*/
.cont-mid {
	float: left;
	width: 100%;
	padding:0px 0px;
}
.con-mid-sec{padding: 47px 0;}
.cont-txt2 {
	font-size: 18px;
	line-height: 26px;
	color: #212020;
	font-weight: 500;
	margin: 0 auto;
	padding: 40px 0 0 36px;
	text-align: center;
	float: left;
	width: 100%;
}
.cont-list {
	    display: flex;
  flex-wrap:wrap;

}
.cont-list li {
   line-height: 25px;
    font-size: 18px;
    font-weight: 300;
    color: #4b4d4a;
    float: left;
    margin-bottom: 30px;
    position: relative;
    text-align: left;
    width: 50%;
    margin: 20px 0;
}
.cont-list li:nth-child(even) {
    float: right;
    margin-right: 0;
}
.cont-list li span {
   font-weight: 600;
  font-size: 16px;
    color: #2d2d2d;
    display: block;
    margin: 13px 0 6px 0;
    line-height: 25px;
}
.cont-list li:last-child {
    margin: 0;

}
.cinfo {
  overflow: hidden;
    padding-left: 20px;
}
.cont-list li i{
    display: block;
    font-size: 33px;
    float: left;
    width: 70px;
    height: 70px;
    line-height: 70px;
    /* background: #ffffff; */
    text-align: center;
    color: #3f5d3a;
    /* border: #ccc 5px solid; */
    /* background: #efefef; */
    /* clip-path: polygon(90% 0, 100% 50%, 90% 100%, 0% 100%, 0 43%, 0% 0%); */
    /* border-right: #eaeaea 4px solid; */
    border: #e9e9e9 3px solid;
}
.cont-icon1 {
	position: absolute;
	left: 0;
	top: 0;
}
.cont-img{
	margin-top:60px;
}
.cont-bg {
	background: url(../images/cont-bg.png) center top no-repeat;
	height: 517px;
	width: 1007px;
	margin: 40px auto 0 auto;
	position: relative;
}
.cont-bg-left {
	width: 705px;
	margin: 0 0 0 0;
}
.cont-bg-txt1 {
	font-weight: 700;
	font-size: 45px;
	line-height: 50px;
	text-align: center;
	color: #fff;
	text-transform: uppercase;
	margin: 0 auto;
	padding: 50px 0 0 0;
}
.cont-bg-txt2 {
	font-weight: 300;
	font-size: 23px;
	line-height: 36px;
	text-align: center;
	color: #2d2d2d;
	margin: 10px auto 0 auto;
	width: 560px;
	display: block;
	border-bottom: 1px solid #6aabce;
	border-top: 1px solid #6aabce;
	padding: 0 0 0 0;
}
.cont-frn {
	width: 668px;
	margin: 20px 0 0 30px;
}
.cont-frn2, .cont-frn3, .cont-frn4 {
	display: inline-block;
	float: left;
	width: 313px;
	margin: 4px 0 4px 0;
}
.cont-frn4 {
	margin: 6px 0 0 0;
	width: 655px;
}
.cont-frn3 {
	margin: 4px 0 4px 25px;
}
.cont-frn2 input, .cont-frn3 input, .cont-frn4 textarea {
	border: none;
	width: 100%;
	height: 51px;
	background: #fff;
	text-align: left;
	color: #6e6e6e;
	font-size: 16px;
	line-height: 30px;
	margin: 0 0 0 0;
	padding: 0 0 0 10px;
	border-radius: 6px;
}
.cont-frn4 textarea {
	height: 104px;
	font-size: 18px;
	line-height: 50px;
}
.sub-btn {
	width: 210px;
	height: 53px;
	display: block;
	margin: 35px auto 0 auto;
	padding: 0 0 0 0;
}
.sub-btn a, .sub-btn a:hover {
	text-decoration: none;
}
.cont-pro {
	position: absolute;
	bottom: -25px;
	right: -24px;
}
.thanks-box {
	float: left;
	width: 100%;
	text-align: center;
	padding: 0px 0 30px;
	line-height: 26px;
}
#section2{
	text-align: center;
    width: 100%;
	float:left;
	padding:40px 0;
	}
p.topbnrtxt2-pr {
	    text-align: center;
    color: #404346;
    font-size: 40px;
    /* margin-top: 40px; */
    float: left;
    width: 100%;
}
.billing-info {
    float: left;
    width: 100%;
}
.benefit-section {
      background: url(../images/benefit-bg.jpg) no-repeat left center;
    background-size: cover;
    padding: 100px 0;
    min-height: 1150px;
       
}
.benefit-head h2 {
     color: #f63131;
    line-height: 1.5;
    font-family: 'Lora', serif;
    font-weight: 700;
    font-size: 38px;

}
.benefit-head h2 span {
    color: #000;
    font-family: 'Lora', serif;
    font-weight: 700;
    

}
.benefit-head h2 span {
    color: #000;
    font-family: 'Lora', serif;
    font-weight: 700;
    position: relative;
    z-index: 0;
    display: inline-block;
    padding-left: 7px;
}


.benefit-body h2 {
   position: relative;
    z-index: 0;
    font-size: 21px;
}

.benefit-body h2:before {
position: absolute;
    content: "";
    top: -7px;
    left: -5px;
    right: 0;
    bottom: -5px;
    width: 155px;
    height: 37px;
    background: #f5a440;
    z-index: -1;
    clip-path: polygon(0 0, 100% 0%, 92% 100%, 0% 100%);

}
.benefit-head{
    position: relative;
}
/*.benefit-head::before{
   position: absolute;
    content: '';
    left: -17px;
    top: 13px;
    height: 100px;
    width: 9px;
    background: #f5a440;
    right: auto;
}*/
.clear{
        clear:both;
    }
    ul li i{
            color: #fff;
    }

    section#content {
    padding: 100px 0px;
    position: relative;
    z-index: 9;
}

.model-box {
    padding: 50px 60px !important;
    border-radius: 50px 100px 50px 100px !important;
    box-shadow: 0px 8px 30px 0px rgb(109 115 162 / 25%) !important;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s !important;
    position: relative !important;
    z-index: 9 !important;
    background: #f63131 !important;
    overflow: visible !important;
}

.model-box:after {
    content: '';
    width: 157px;
    max-width: 157px;
    height: 200px;
    background: url(../images/aset02.png) rgb(0 0 255 / 0%) center no-repeat;
    position: absolute;
    z-index: -1;
    top: -41px;
    left: -56px;
    background-size: contain;
}

.model-box h2{
  font-family: 'Bebas Neue', cursive;
  color:#ffffff;
}

.model-box p{
  color:#ffffff;
}
.ben-model {
    position: relative;
    padding: 50px 40px;
}
.ben-icon img {
    width: 50%;
    position: relative;
    padding: 12px 0px;
}
.ben-model p {
    color: #000000;
}
.ben-model h2 {
    font-family: 'Bebas Neue', cursive;
    color: #163858;
}
.sec-benefits{
    
}
.ben-heading {
    text-align: center;
    margin: 0px 0px 50px 0px;
}

.feature-div{
  	padding:0;       
}
.feature-div h4{
  	color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-size: 22px;
    font-weight: 500;
    margin: 54px 0 24px 0;
    text-transform: capitalize;
}
.feature-div p{
 	color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    line-height: 28px;
    margin: 0 0 0 0;
    padding: 0;
}
.benefits-block {
    padding: 100px 0;
    position: relative;
    overflow: hidden;
    z-index: 1;
}
.block-head {
    margin-bottom: 30px;
}
.block-head h4 {
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    letter-spacing: 2px;
    font-weight: 300;
    text-transform: uppercase;
    position: relative;
    padding-left: 40px;
    padding-right: 40px;
    display: inline-block;
    color: #f63131;
}

.block-head h4:before {
    content: "";
    position: absolute;
    width: 30px;
    height: 1px;
    left: 0;
    top: 8px;
    background: #f63131;
}

.block-head h4:after {
    content: "";
    position: absolute;
    width: 30px;
    height: 1px;
    right: 0;
    top: 8px;
    background: #f63131;
}

.block-head h2 {
    font-family: 'Lora', serif;
    font-weight: 700;
    font-size: 38px;
    margin: 15px 0;
}
.benefits-block-txt h4 {
    font-family: 'Lora', serif;
    margin: 0;
    font-weight: 600;
    text-transform: capitalize;
    /* color: #1f0e9c; */
    margin-bottom: 20px;
}

.benefits-block-txt {
    text-align: right;
    padding: 15px 15px 0px;
        min-height: 180px;
}


 @media all and (max-width:975px){
     /* Mobile Nav css start */
     .navbar{
         display: none!important;
     }
     .mobil-nav-toggler{
              display: block;
    position: absolute;
    top: 62px;
    right: 9px;
    z-index: 99;
    border: none;
    background: none;
}
.mobil-nav-toggler:focus{
    outline: none;
}
.mobil-nav-toggler .hamburger-line{
           display: block;
    width: 30px;
    height: 3px;
    background: #b3aeae;
    position: relative;
    top: 0;
    margin: 2px 0;
}
.mobile-nav{
        display: block;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #1c1c1c;
    height: 100vh;
    z-index: 999;
    transform: translateX(-1000px);
    transition: all 0.6s cubic-bezier(0.945, 0.020, 0.270, 0.665);
    transform-origin: bottom left;
}
.collapse-nav{
  transform: translateX(-1000px);
  -webkit-transform: rotateY(100deg);
  width: 70%;
}
.exapand-nav{
      transform: translateX(0);
          width: 70%;
}
.collapse-nav-button{
             position: absolute;
    right: 16px;
    top: 10px;
    background: none;
    border: none;
    color: #fff;
    font-size: 23px;
    outline: none;
    transition: all ease-in-out 0.3s;
     -webkit-transition: all ease-in-out 0.3s;
}
.collapse-nav-button:hover{
    

    transform: rotate(180deg) scale(1.4);
}
.collapse-nav-button:focus{
     outline: none;
}

.mob-nav{
    margin-top: 43px;
}
.mob-nav li a{
    color: #fff;
    transition: all ease-in-out 0.3s;
    -moz-transition: all ease-in-out 0.3s;
    display: inline-block;
    padding: 0;
}
.mob-nav li a:hover{
    opacity: 0.5;
    text-decoration: none;
}
.mob-nav li{
    padding: 15px;
    border-bottom: #2e2929 1px dotted;
}

 }
/* Mobile Nav css end */
  @media all and (max-width:767px){
.mobil-nav-toggler{
    top: 13px;
}
.top-nav li:first-child{
display: none;
}
.footer-links{
    display:block;
}
.footer-links li{
    padding-bottom: 14px;
}
  }

.info-box {
    background: #e8f8fa;
    border-radius: 7px;
    min-height: 250px;
    padding: 30px;
    text-align: center;
}

.info-back{
    background: #f9dede !important;
}

.about-sec{
    position: relative;
    padding: 100px 0px;
    background: url(../images/about-model.png) no-repeat center;
    background-size: cover;
}

.single-text {
    padding: 0px 20px;
}

.Product-sec{
    position: relative;
    padding: 100px 0px;
}