@font-face {
 font-family:Archia;
 src:url(../fonts/subset-Archia-Regular.woff2) format("woff2"),
 url(../fonts/subset-Archia-Regular.woff) format("woff");
 font-weight:400;
 font-style:normal
}
@font-face {
 font-family:Archia;
 src:url(../fonts/subset-Archia-SemiBold.woff2) format("woff2"),
 url(../fonts/subset-Archia-SemiBold.woff) format("woff");
 font-weight:600;
 font-style:normal
}
html {
  box-sizing: border-box;
}

*, *:before, *:after {
  box-sizing: inherit;
}

html,
body {
  height: 100%;
  font-family: Archia,sans-serif;
  font-size: 100%;
  line-height: 1.5;

}
body{overflow-x: hidden;}
html, body, div, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, ol, ul, li, form, legend, label, table, header, footer, nav, section, figure {
  margin: 0;
  padding: 0;
}

header, footer, nav, section, article, hgroup, figure {
  display: block;
}

a:hover{outline:none;text-decoration: none;}

/*css by vijaysutar on 01-04-2020*/
.logo{float:left;padding:10px 0px;position: relative;margin-left:28px;}
.logo img{width:11em;}
.header-svg{position:absolute;z-index:1;margin:0;padding:0;right:0;width:auto;height:100%;}
.main-navigation{float: right;margin-top:10px;position: relative;z-index: 2}
.main-navigation li{float:left;list-style: none;margin-right:15px;text-transform:uppercase;}
.main-navigation li:last-child{margin-right:0;}
.main-navigation li a{color:#fff;text-decoration: none;background: #008174;border:1px solid #008174;padding:0.5em 1em 0.3em;border-radius:5px;transition: .3s ease;}
.main-navigation li a:hover{background: #fff;border:1px solid #008174;color: #008174 !important;}
#masthead.is-active .hamburger-label {color: #fff ;}
#masthead.is-active .hamburger--boring:focus{background: #fff;border:1px solid #008174;color:#008174 !important;}
#masthead.is-active .hamburger--boring:focus .hamburger-label{color:#008174 !important;}
#masthead.is-active .hamburger--boring:hover .hamburger-label{color:#008174 !important;}
#masthead.is-active .hamburger-label:hover{color:#008174}
.main-navigation li a::after {content: '';display: block;width: 0;height: 2px;background: #008174;transition: width .3s;/*margin-top:10px;*/}
/*.main-navigation li a:hover::after {width: 100%;}*/
.products-wrapper{padding:100px 0 80px 0;background-color:#FAFAFA;}
.heading{margin-bottom:1em;text-transform:uppercase;font-size:1.8em;font-weight:bold;border-left:4px solid #008174;padding-left:6px;}
.product-block{padding:50px 25px;-webkit-box-shadow: 1px 1px 8px -4px rgba(136,136,136,1);-moz-box-shadow: 1px 1px 8px -4px rgba(136,136,136,1);box-shadow: 1px 1px 8px -4px rgba(136,136,136,1);transition: 1s background-color;text-align: center;border-radius:15px;margin-bottom:30px;cursor:pointer;background-color:#FFF;}
.product-block p{font-size:21px;transition: 1s color;}
.product-block i{color:#008174;transition: 1s color;font-size:60px;}
.product-block:hover{background-color:#008174;}
.product-block:hover [class^="flaticon-"], .product-block:hover p{color:#FFF !important;}
.aboutus-wrapper p{margin-bottom:25px;color:#888;font-size:1em;}
.footer-wrapper{background-color:#0f0f0f;padding:25px 25px 40px 25px; color:#FFF;}
.footer-wrapper h4{font-size:20px;margin-bottom:10px;}
.footer-wrapper p{color:#AAA;}
.footer-wrapper a{color:#AAA;}
.footer-wrapper ul li{list-style: none;}
.powered-by a{color:#FFF;}
.video-wrapper{padding:100px 0;}
.video-block{margin-bottom:20px;background:#EFEFEF;padding:6px 6px 1px 6px;border-radius:5px;}
.social-icons a i{font-size:2.5em;}
.header-social-icons{margin:10px 28px 0 0;}
.header-social-icons a i{font-size:1em;color:#008174; transition: color 0.5s;}
.header-social-icons a:hover i{color:#012f2a;}
.happy-nature{letter-spacing:0.1em;text-transform: uppercase;color:#008174;font-weight: 600;margin-right:1em;padding-right:1em;border-right:1px solid #008174;}
/*.happy-nature i{margin:0 1px 0 5px;font-size:22px;}*/
.newsletter .signup{background-color:#008174;color:#FFF;cursor: pointer;border:none; }

/*css for layout 2*/
.layout2-logo{margin-left:28px;}
.layout2-logo img{width:300px;}
.layout2-row{padding:0px 14px;}
.layout2-main-navigation{margin-right:28px;}
.layout2-header-text{border:none;padding-left:0;font-size:5em;font-weight: bold;color:#008174;}
.layout2-header-text2{border:none;padding-left:0;font-size:40px;font-weight: normal;color:#008174;}
.layout2-header-wrapper{margin-top:12em;margin-left:28px;}
.layout2-header-wrapper p{padding:20px 160px 40px 0px;color:#888;}
.layout2-scroll-to, .view-more-videos{margin-top:15px;color:#FFF;padding:10px 15px;background-color:#008174;border:1px solid #008174;border-radius:5px;text-decoration: none;transition: 1s background;}
.layout2-scroll-to:hover, .view-more-videos:hover{color:#FFF;text-decoration: none;background-color:#fff;color:#008174;border:1px solid #008174;}
/*css for layout 2 ends */

/*product page css*/
.header-auto{height:auto;}
.product-header{padding:4.5em 0 4em 0;}
.product-svg{width:100%;height:176px;position: absolute;bottom:0;z-index: 1}
.product-header-row{padding:0px 28px;}
.product-image-header{padding:1.8em;}
.product-header .product-title{color:#008174;font-size:3em;font-weight: 600;}
.product-header .product-description{color:#888;font-size:1em;margin-top:1em;}
.breadcrumbs-wrapper{padding-left: 0px;padding-right: 0px;margin-top:4em;padding-bottom:1em;border-bottom:1px solid rgba(0, 129, 116, 1);}
.breadcrumbs{list-style: none;color:#008174;}
.breadcrumbs li{float:left;margin-right:0.5em;font-size:0.8em;}
.breadcrumbs li a{vertical-align: middle;}
.breadcrumbs li:not(:last-child):after{font-family: Flaticon;content: "\f10b";margin-left:0.5em;font-size: 0.5em;vertical-align: middle;}
.ps-wrapper{padding:4em 0;}
.ps-wrapper .problem-block{background-color:#008174;color:#FFF;padding:3em;}
.ps-wrapper .problem-block:after{position: absolute;font-family: 'Flaticon';bottom: 0;right: 20px;content: "\f156";font-size:10em;opacity:0.3;}
.ps-wrapper h2{font-size:1.8em;padding-left:6px;margin-bottom:1em;text-transform:uppercase;font-weight:bold;}
.ps-wrapper .problem-block h2{border-left:4px solid #FFF;}
.ps-wrapper .problem-block ul, .solution-block ul{list-style: none;}
.ps-wrapper .problem-block ul li, .solution-block ul li{margin-bottom:2em;}
.ps-wrapper .problem-block ul li:last-child, .solution-block ul li:last-child{margin-bottom:0;}
.ps-wrapper .problem-block ul li:before, .solution-block ul li:before{font-family: Flaticon;content: "\f10a";margin-right:0.5em;}
.text-green{color:#008174;}
.text-white{color:#FFF;}
.ps-wrapper .solution-block{padding:3em;background:#EFE;}
.ps-wrapper .solution-block:after{position: absolute;font-family: 'Flaticon';bottom: 0;right: 10px;content: "\f157";font-size:11em;opacity:0.3;}
.ps-wrapper .solution-block h2{border-left:4px solid #008174;}
.plr-0{padding-left:0px;padding-right:0px;}
.product-images-section{background:url('../images/product-images-section-bg.png') repeat;}
.product-images-wrapper{padding:4em 0;}
.product-images-row{background-color: #FFF;text-align: center;}
.glide__arrow--left, .glide__arrow--right {border-color: #008174;color:#008174;}
.additional-information-wrapper{padding:4em 0;}
.additional-information-wrapper ul{list-style-type: none;padding:1em 0 0;}
.additional-information-wrapper ul li{margin-bottom: 1em;}
.additional-information-wrapper ul li:before {font-family: Flaticon;content: "\f10a";margin-right:0.5em;color:#008174;}
.product_scroll_to{margin-top:2em;}
.overlay-row{padding-top:5em;}
.overlay-row h2{color:#FFF;font-weight: bold;border-left:4px solid #FFF;padding-left:6px;}
.tp-caption.FoodCarousel-Button, .FoodCarousel-Button{padding:15px 10px 15px 10px !important;width:100%;word-wrap: break-word !important;font-family: Archia !important;}

.product_box a{color:#222;}
.product_box a:hover{text-decoration: none;}
.product_box a:focus{outline: none;text-decoration: none;}
a:focus{outline: none;}

/* .additional__info {font-size: 20px;font-weight: bold;margin-bottom: 15px;} */
.additional-information-wrapper li{padding-left: 10px;}
.additional-information-wrapper p{padding-bottom: 10px;}
.additional-information-wrapper h5{padding-bottom: 10px;}
.additional-information-wrapper img{border:1px solid #ddd;margin: 10px 0px;width:100%;}
/*product page css ends*/

/*patent page code starts*/
.patent-svg{background:url(../images/patent.svg) no-repeat right;width: auto;height: 100%;}
.patent-registration-wrapper{padding-top:12em;margin-left:28px;}
.patent-heading{margin-left:-4px;border:none;padding-left:0;font-size:3em;font-weight: bold;color:#008174;}
.patent-step1{margin-top:3em;height: auto !important;}
.patent-step{padding:0.8em;height:100%;border:1px solid #E4ECE4;border-radius:5px;}
.patent-step .head{font-size:1.2em;margin-bottom:0.6em;border-bottom:1px dashed #008174;padding-bottom:0.6em;}
.patent-step .main{font-weight: 600;margin-bottom:0.6em;color:#008174;}
.patent-step .sub{color:#888;font-size:0.8em;}
.sub-steps-wrapper{margin:4em 2em;padding-right:5em;}

.patent-registration-wrapper #section03 a span {
  position: absolute;
  bottom: 4%;
  left: 7%;
  width: 46px;
  height: 46px;
  margin-left: -23px;
  border: 1px solid #008174;
  border-radius: 100%;
  box-sizing: border-box;
}
.patent-registration-wrapper #section03 a span::after {
  position: absolute;
  top: 50%;
  left: 50%;
  content: '';
  width: 16px;
  height: 16px;
  margin: -12px 0 0 -8px;
  border-left: 1px solid #008174;
  border-bottom: 1px solid #008174;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  box-sizing: border-box;
}
.patent-registration-wrapper #section03 a span::before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  content: '';
  width: 44px;
  height: 44px;
  box-shadow: 0 0 0 0 rgba(0,0,0,.1);
  border-radius: 100%;
  opacity: 0;
  -webkit-animation: sdb03 3s infinite;
  animation: sdb03 3s infinite;
  box-sizing: border-box;
}
@-webkit-keyframes sdb03 {
  0% {
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  60% {
    box-shadow: 0 0 0 30px rgba(0,0,0,.1);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes sdb03 {
  0% {
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  60% {
    box-shadow: 0 0 0 30px rgba(0,0,0,.1);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
.patent-filing-wrapper a{display: block;background-color: #FFF;padding:0.5em 1em;border:1px solid #008174; margin-bottom:1.5em;color:#008174;border-radius:5px;transition: color 1s;transition:background 1s;}
.patent-filing-wrapper a::before {vertical-align: middle; font-size:2em;font-family: Flaticon;content: "\f113";margin-right:0.5em;color:#008174;}
.patent-filing-wrapper a:hover{color:#FFF;background:#008174;}
.patent-filing-wrapper a:hover::before{color:#FFF;}
.patent-filing-wrapper a:last-child{margin-bottom:0px;}
.patent-wrapper{padding:60px 0;background-color:#FAFAFA;}
.patent-forms-wrapper{padding:60px 0;}
.patent-forms-wrapper .form-block{text-align: center;background:#008174;border:1px solid #008174;color:#FFF;border-radius:5px;padding:1em 0.5em;transition: color 1s;transition:background 1s;}
.patent-forms-wrapper .form-block:hover{background:#FFF;color:#008174;}
.patent-forms-wrapper .form-block i{font-size:3em;}
.patent-forms-wrapper .form-block p{margin-top:1em;font-weight: 600;border-top:1px solid #bebebe;padding-top:1em;}

/*patent page code ends*/

/* code added by ankita 20-04-2020 */
/* contact us */
.contact_head{position: relative !important;}
.contact_site{width: 100%;padding-top:0px !important;flex-wrap: inherit !important;position: absolute !important;background: #fff;z-index: 99 !important;}
.contact_site .col{padding-top:30px !important}
.video_content h1{position: absolute;z-index: 9;top: 30%;left: 0;margin: auto;text-align: center;
right: 0;color: #FFF;font-weight: bold;font-size: 44px;text-transform: uppercase;}
.seprator{width:150px;position: absolute;height: 5px;top:38%;left:0;right:0;margin: auto;text-align: center;background: #fff;}
.contact_info{position: absolute;bottom:0px;background: rgba(0,0,0,.7);padding:30px;color:#fff;width:100%;}
.contact_info h1{font-size: 26px;margin-bottom: 10px;}
.contact_box{border-right:1px dotted #fff;height:130px;}
.enquiry{padding:50px 70px;}
.enquiry h1{margin-bottom: 1em;text-transform: uppercase;font-size: 1.8em;font-weight: bold;
border-left: 4px solid #008174;padding-left: 6px;margin-top:50px;}
.enquiry p{font-size: 15px;}
.min-form{border:1px solid #eee  !important;padding:10px 10px;margin-bottom: 25px;border:none;
  background:#fff;border-radius: 0px !important}
.enquiry .form-control{margin-bottom: 25px;}
.enquiry__form label{color:#008174;font-weight: bold}
.min-form::placeholder{font-size: 13px;color:#008173}
.min-form:focus{box-shadow: none !important;border:1px solid #008174}
.enquiry_btn{background: #008174;border:1px solid #008173;padding:7px 35px;color:#008173;color:#fff;font-size: 20px;font-weight: bold;border-radius: 0px !important}
.contact_email{margin-top:10px;}
.enquiry_back{background-image: linear-gradient(180deg, #E5F6FE 0%, rgba(245,248,250,0) 100%) !important;height:250px;margin-top:-250px;}
.enquiry_img img{width: 500px;text-align: left;margin-top:58px;}
.enquiry_img{text-align: left}
.enquiry__form{box-shadow: 1px 1px 8px -4px rgba(136,136,136,1);border-radius: 10px;padding:50px 50px;margin:50px 0px 50px 150px;background: #fff;border:1px solid #f3f5f6;}
.video__section{position: relative;}
.video__section video{object-fit: cover;}

.patent__svg img{display: none}

@media screen and (min-width: 1501px) {
  .header-overlay-content{margin-top:50em;}
  .layout2-header-wrapper{margin-top:12em !important;}
  .layout2-header-wrapper p{width:62%;color:#888;}
  .layout2-header-text{font-size:7em;}
  .product-header-row{padding:100px 28px;}
  .overlay-row{padding-top:15em;}
  .product-svg{height:250px;}
  .patent-registration-wrapper{padding-top:12em;}
  .patent-heading{font-size: 5em;}
}

@media screen and (min-width: 1399px) and (max-width: 1500px) {
  .layout2-header-text{font-size:5em;}
  .layout2-header-wrapper{margin-top:16em;}
  .layout2-header-wrapper p{width:75%;color:#888;}
  .header-svg{width:auto;}
  .product-header-row{padding:80px 28px;}
  .overlay-row{padding-top:12em;}
  .product-svg{height:186px;}
  .patent-registration-wrapper{padding-top:25em;}
  .patent-heading{font-size: 2.4em;}
}

.mobile_menu{display: none !important}
.desktop_menu{display: block !important; }
.contact_main{position: relative !important;}
#site-nav{padding-top: 0 !important}
.layout2-row{padding:30px 14px !important}
.action--open {color:#222 !important}
.menu{background: #fff !important;background: #fff url(../images/menu-bg.jpg) no-repeat !important;background-size: auto !important;background-position: bottom !important;}
.mobile_logo{display: none}
.action--open span{color: #008173;border:0.08em solid #008173;height:40px;width:40px;line-height: 36px;padding: 4px 5px;border-radius: 5px;}
.menu__link{color:#008173 !important;border-bottom: 1px solid #f3f5f6;background: linear-gradient(rgba(255,255,255,0.4),rgba(255,255,255,0.4));}
.menu__breadcrumbs {border-bottom:1px solid #f3f5f6;color:#fff}
.menu__breadcrumbs a{color:#008173 !important;}
.menu__wrap{background: linear-gradient(rgba(255,255,255,.6),rgba(255,255,255,.6));}
/* .action--open{position: absolute !important;right:1em !important;top:2.8em !important;left:none !important;} */

@media screen and (min-width: 1501px) {
  .header-overlay-content{margin-top:50em;}
  .layout2-header-wrapper{margin-top:26em;}
  .layout2-header-wrapper p{width:62%;color:#888;}
  .layout2-header-text{font-size:7em;}
  .product-header-row{padding:100px 28px;}
  .overlay-row{padding-top:15em;}
  .product-svg{height:250px;}
}

@media screen and (min-width: 1399px) and (max-width: 1500px) {
  .layout2-header-text{font-size:5em;}
  .layout2-header-wrapper{margin-top:16em;}
  .layout2-header-wrapper p{width:75%;color:#888;}
  .header-svg{width:auto;}
  .product-header-row{padding:80px 28px;}
  .overlay-row{padding-top:12em;}
  .product-svg{height:186px;}
}

/* media query added by ankita 22-04-20 */
@media (max-width:640px){
.mobile_menu{display: block !important;background:url(../images/menu-bg.png) no-repeat;background-position: bottom;}
.desktop_menu{display: none !important}
.mobile_logo{display: block !important;box-shadow: 0px 1px 2px #d2d2d2;}
.mobile_logo img{width:8em !important;padding-left: 10px}
.header-social-icons{margin:0px;float: right;padding-right: 15px;}
.mobile_topbar{background: #008174;padding:10px}
.happy-nature{border:none;margin-right: 3px;padding-right: 10px;border-right:2px solid #fff;color:#fff;}
.mobile_social_icon{display: inline-block;padding-left: 10px;}
.mobile_social_icon a i{color:#fff}
.menulogo{width:100%;padding: 15px 25px;border-bottom: 1px solid #008173;box-shadow: 0px 1px #6b8280;}
.menulogo img{width:10em}
.logo{margin-left: 0px;}
}
@media (min-width:641px) and (max-width:767px){
  .main-navigation li a{font-size: 12px;padding-left:7px;padding-right:7px;}
  .header-social-icons{margin-right:0px;}
  .logo{margin-left: 0px;}
  .layout2-main-navigation{margin-right: 0px;}
  .header-svg{width:100%;margin-top:0em;position: absolute;top:5em;padding:0px 15px;}
  .layout2-header-wrapper{margin-top:0em;margin-left: 0px !important;padding-bottom: 70px;position: absolute;bottom: 0px;}
  .hero{height:850px;position: relative;}
  .product-header{padding:7em 0 2em 0;}
  .product-svg{position: absolute;top:51em}
  .product-image-header img{border:1px solid #f3f5f6;}
  .product-header .product-title{font-size: 30px;}
  .product-header .product-title{height:100%;}
  #wrapper{margin-top:2em !important  ;}
  .breadcrumbs-wrapper{margin-top:8em !important}
  .product-page-wrapper{max-width: 90%;}
  .patent-registration-wrapper #section03 a span{bottom:20%;}

}
@media (max-width: 575px) {
.logo img{width:15em;}
.logo{margin-left: 0px;}
.header-svg{width:100%;padding:0px 15px;height:auto;}
.layout2-header-wrapper{margin-top:0em;margin-left: 0px !important;padding-bottom: 50px;position: absolute;bottom: 0px;}
.layout2-header-text{font-size: 2.5em;text-align: center;}
.layout2-header-text2{font-size: 25px;text-align: center;}
.layout2-header-wrapper p{padding: 10px 0px 25px 0px !important;text-align: justify;}
.hero{height:700px;position: relative;}
.heading{font-size: 1.4em;}
.footer_text{text-align: center !important}
.video_content h1{top:14%;font-size: 30px;}
.seprator{width:120px;top:20%;height:3px;}
.enquiry{padding:50px 20px;}
.enquiry__form{margin:0px !important; }
.enquiry h1{margin-top:0px;}
.enquiry_back{height:215px;}
.enquiry__form{padding:50px 40px;}
.enquiry{padding:50px 5px;}

/* product */
.product-header{padding:1em 0 2em 0;overflow: hidden;}
.product-image-header img{border:1px solid #f3f5f6;}
.product-header .product-title{font-size: 28px;}
.product-header .product-title{height:100%;}
.product-svg{position: absolute;top:38em}
#wrapper{margin-top:1em !important  ;}
.product-text-header{padding-left:0px;padding-right: 0px;}
.product-image-header{padding-left:0px;padding-right: 0px;padding:0em}
.breadcrumbs-wrapper{padding-left: 15px;}
.breadcrumbs-wrapper ul li{font-size: 11px;}
.ps-wrapper .problem-block{padding:1.5em;margin:0px 1em;}
.ps-wrapper{padding:3em 0;}
.ps-wrapper .solution-block{padding:1.5em;margin:0 1em;}
.ps-wrapper .problem-block ul li, .solution-block ul li{margin-bottom: 1em;}
.additional-information-wrapper{padding:3em 1em;}
.product_content{padding-left: 0px;}
.overlay ul li a{font-size: 18px !important;}
.overlay-row{padding-top:1em;}
.overlay nav{padding-top: 1em !important;}
.overlay-slidedown.open {overflow-y: scroll !important;height:100% !important}
.tp-caption.FoodCarousel-Button, .FoodCarousel-Button{padding:15px 10px 15px 10px !important;width:100%;word-wrap: break-word !important;}

/* patent */
.patent-rules-heading{margin-top:30px;}
.sub-steps-wrapper{margin:0em 0em 2em;padding-right: 1em;}
.sub-steps-wrapper .col{margin-bottom: 2em;}
.patent-registration-wrapper{margin-left: 0px;padding-top:1em;}
.patent__text{padding-top:30px;padding-bottom: 40px;}
/* .patent-step1{margin-bottom: 1em;} */
.patent-svg{order:1}
.patent__text{order:2}
.patent-svg{background: none !important;height:auto !important;}
.patent-heading{font-size: 2em;}
.patent-step1{margin-bottom: 2em;}
.patent-registration-wrapper #section03 a span{bottom:28%;left:3em}

}
@media screen and (min-width:576px) and (max-width:640px) {
  .header-svg{width:100%;height:100%;height:100%;padding:0px 15px;}
  .layout2-header-wrapper{margin-top:0em;margin-left: 0px !important;padding-bottom: 70px;position: absolute;bottom:0px}
  .hero{height:700px;position: relative;}
  .menu{background: #fff !important}
  .product-header{padding:2em 0 2em 0;}
  .product-svg{position: absolute;top:42em}
  .product-image-header img{border:1px solid #f3f5f6;}
  .product-header .product-title{font-size: 30px;}
  .product-header .product-title{height:100%;}
  #wrapper{margin-top:2em !important  ;}
  .breadcrumbs-wrapper{margin-top:8em !important}
  .patent-registration-wrapper #section03 a span{bottom:23%;}

}
@media screen and (min-width:576px) and (max-width:767px) {
  /* .header-svg{width:100%;height:100%;margin-top:0em !important;position: absolute;bottom:5em;padding:0px 15px;} */
  /* .layout2-header-wrapper{margin-top:0em;margin-left: 0px !important;padding-bottom: 70px;position: absolute;bottom:0px} */
.layout2-header-text{font-size: 3.5em;}
.layout2-header-text2{font-size: 30px;}
.layout2-header-wrapper p{padding: 10px 0px 25px 0px !important;text-align: justify;}
/* .hero{height:900px;position: relative;} */
.heading{font-size: 1.8em;}
.video_content h1{top:20%;font-size: 38px;}
.seprator{width:120px;top:26%;height:3px;}

  .patent-rules-heading{margin-top:30px;}
  .sub-steps-wrapper{margin:0em 0em 2em;padding-right: 1em;}
  .sub-steps-wrapper .col{margin-bottom: 2em;}
  .patent-registration-wrapper{margin-left: 0px;padding-top:1em;}
  .patent__text{padding-top:30px;padding-bottom: 40px;}
  .patent-rules-heading{margin-top:30px;}
  .patent-svg{order:1}
  .patent__text{order:2}
  .patent-svg{background: none !important;height:auto !important;}
  .patent-heading{font-size: 2em;}
  .patent-step1{margin-bottom: 2em;}

}
@media screen and (max-width:767px){
.products-wrapper{padding:60px 0px 50px 0px;}
.products-wrapper .container{max-width:100% !important}
.video-wrapper{padding:60px 0px;}
.subscribe_box{margin-bottom: 15px}
.newsletter_heading{margin-bottom: 20px !important;}
.map_box{margin-top:20px;}
.footer-wrapper{padding:25px 0px}

.take_survey_wrapper{position: fixed;background:#008174;color:#FFF;bottom:0px !important;left:0px !important;right:0px !important;
  padding:0.4em 0.6em;width:75%;margin: auto;text-align: center;z-index: 2;border-bottom-right-radius: 5px;border-bottom-left-radius: 5px;transform: none !important;}
.survey_button{display:block;color:#FFF;font-weight: bold;letter-spacing: 1px;font-size: 17px;}
.survey_button:hover{color:#FFF;}
}
@media screen and (min-width:768px) and (max-width:991px) {
.header-svg{width:100% !important;padding:0px 15px;height:auto !important}
.layout2-header-wrapper{position: absolute;bottom:0px;margin-left: 0px !important;padding-bottom: 70px;}
.layout2-header-text{font-size: 3.5em;display: inline-block;}
.layout2-header-text2{font-size: 30px;display: inline-block;}
.layout2-header-wrapper p{padding: 10px 0px 25px 0px !important;text-align: justify;}
.hero{height:100vh !important;}
.map_box{margin-top:20px;}
.video_content h1{top:25%;font-size: 42px;}
.seprator{width:130px;top:31%;height:4px;}
.main-navigation li a{font-size: 14px;padding-left:9px;padding-right:9px;}

.header-svg{width:100%;height:100%;margin-top:0em !important;position: absolute;top:4em;padding:0px 15px;}
.layout2-header-wrapper{margin-top:0em;margin-left: 0px !important;padding-bottom: 70px;position: absolute;bottom:0px}
.hero{height:750px;position: relative;}
  .product-image-header img{border:1px solid #f3f5f6;}
  .product-header{padding:7em 0 2em 0;}
  .product-svg{position: absolute;top:60em}
  /* #wrapper{margin-top:2em !important  ;} */
  .breadcrumbs-wrapper{margin-top:8em !important}

  .patent-rules-heading{margin-top:30px;}
  .patent-rules-heading{margin-top:30px;}
  .sub-steps-wrapper{margin:0em 0em 2em;padding-right: 1em;}
  .sub-steps-wrapper .col{margin-bottom: 2em;}
  .patent-registration-wrapper{margin-left: 0px;padding-top:1em;}
  .patent__text{padding-top:30px;padding-bottom: 40px;}
  .patent-rules-heading{margin-top:30px;}
  .patent-svg{order:1}
  .patent__text{order:2}
  .patent-svg{background: none !important;height:auto !important;}
  .patent-heading{font-size: 3em;}
  .patent-step1{margin-bottom: 2em;}
  .patent-registration-wrapper #section03 a span{bottom:0;margin-bottom: 12em;}

}
@media screen and (max-width:991px){
.product_box{order:2;}
.video_big iframe{height:315px !important}
.contact_info{position: relative;width:100%;}
.contact_box{border-right: none !important;border-bottom: 1px dotted #fff;padding-bottom: 10px;margin-top:10px;height:auto;}
.contact_info{padding:20px;background: #008173;}
.contact_info h1{font-size: 22px;}
.enquiry__form{margin:50px 0px 0px !important}
.enquiry_back{display: none}

.form-block{margin-bottom: 20px;}
.patent__svg img{display: block !important}

}
@media screen and (min-width:992px) and (max-width:1199px) {
.header-svg{width:65%;position: absolute;top:2em;height:100%;padding-bottom: 70px}
.product-block p {font-size: 20px;}
.heading{font-size: 1.6em;}
.subscribe_box{padding-right: 0px;}
.subscribe_box .signup{font-size: 12px;padding:10px;}
.seprator{top:40%}
.enquiry__form{margin-left:50px !important}
.main-navigation li a{font-size: 15px;}
.product-svg{position: absolute;top:27em}
.patent-svg{height:auto;}
.product-header{padding:7em 0 2em;}

.sub-steps-wrapper{margin:6em 2em 4em;}
.patent-registration-wrapper #section03 a span{bottom:0;margin-bottom: 6em}

}
/* @media only screen and (max-width : 767px) {
  .hero .aos-animate{animation: none !important;transform: none !important;transition-property: none !important;animation-duration: none !important;
  animation-fill-mode: none !important;transition-duration:none !important}
} */
/* media query ends */

@media screen and (min-width: 1600px) and (max-width: 1920px) {
  .layout2-header-wrapper{margin-top:8em !important}
}

@media screen and (min-width:1025px) and (max-width:1199px) {
.header-svg{bottom:0em !important;}
}
@media only screen and (min-width : 550px) and (max-width : 575px){
  .hero{height:720px;}
}
@media screen and (min-width: 1501px) and (max-width: 1536px){
.header-svg{width:70%;height:auto;}
.hero{height:auto;}
}
@media screen and (min-width: 2000px) and (max-width: 2048px){
  .header-svg{width:75%;height:auto}
}
@media screen and (min-width: 1200px) and (max-width: 1366px){
  .header-svg{width:62%;height:100%;}
}


@media screen and (min-width:1000px) and (max-width:1024px) {
.hero{height:auto !important;padding-bottom:40px;}
.header-svg{height:800px;top:0em;}
}
/* media query ends */

/*css for header svg animation*/
@keyframes bulb {
  0% { opacity: 0; }
  10% { opacity: 0.1; }
  20% { opacity: 0.2; }
  30% { opacity: 0.3; }
  40% { opacity: 0.4; }
  50% { opacity: 0.5; }
  60% { opacity: 0.6; }
  70% { opacity: 0.7; }
  80% { opacity: 0.8; }
  90% { opacity: 0.9; }
  100% { opacity: 1; }
}

#bulb {
  animation: bulb 1s ease-in-out;
  animation-delay: 1s;
}

@keyframes icons {
  0% { opacity: 0; }
  10% { opacity: 0.1; }
  20% { opacity: 0.2; }
  30% { opacity: 0.3; }
  40% { opacity: 0.4; }
  50% { opacity: 0.5; }
  60% { opacity: 0.6; }
  70% { opacity: 0.7; }
  80% { opacity: 0.8; }
  90% { opacity: 0.9; }
  100% { opacity: 1; }
}

#bulb, #icon1, #icon2, #icon3, #icon4, #icon5{ opacity: 0; }

#icon1 {
  animation: icons 1s ease-in-out;
  animation-delay: 2s;
}
#icon2 {
  animation: icons 1s ease-in-out;
  animation-delay: 3s;
}
#icon3 {
  animation: icons 1s ease-in-out;
  animation-delay: 4s;
}
#icon4 {
  animation: icons 1s ease-in-out;
  animation-delay: 5s;
}
#icon5 {
  animation: icons 1s ease-in-out;
  animation-delay: 6s;
}

#bulb, #icon1, #icon2, #icon3, #icon4, #icon5 {
  -webkit-animation-fill-mode: forwards; /* Chrome 16+, Safari 4+ */
  -moz-animation-fill-mode: forwards;    /* FF 5+ */
  -o-animation-fill-mode: forwards;      /* Not implemented yet */
  -ms-animation-fill-mode: forwards;     /* IE 10+ */
  animation-fill-mode: forwards;         /* When the spec is finished */
}

/*css for header svg ends*/

/*css for product page svg arrow*/

.arrows {
  width: 60px;
  height: 72px;
  margin-left: 40%;
  bottom: 20px;
  margin-top:2em;
}

.arrows path {
  stroke: #008174;
  fill: transparent;
  stroke-width: 1px;
  animation: arrow 2s infinite;
  -webkit-animation: arrow 2s infinite;
}

@keyframes arrow
{
0% {opacity:0}
40% {opacity:1}
80% {opacity:0}
100% {opacity:0}
}

@-webkit-keyframes arrow /*Safari and Chrome*/
{
0% {opacity:0}
40% {opacity:1}
80% {opacity:0}
100% {opacity:0}
}

.arrows path.a1 {
  animation-delay:-1s;
  -webkit-animation-delay:-1s; /* Safari 和 Chrome */
}

.arrows path.a2 {
  animation-delay:-0.5s;
  -webkit-animation-delay:-0.5s; /* Safari 和 Chrome */
}

.arrows path.a3 {
  animation-delay:0s;
  -webkit-animation-delay:0s; /* Safari 和 Chrome */
}
/*css for product page svg arrow ends*/


.section button {
    position: fixed;
    bottom:2.5em;
    right:1em;
    background: #a9a9a9;
    color: #fff;
    font-weight: 400;
    padding: 10px 20px;
    margin: 5px;
    text-transform: uppercase;
    border-radius: 2px;
    letter-spacing: 1px;
    cursor: pointer;
    z-index: 6;
    box-shadow: 0 0 20px 0 rgba(0,0,0,0.25);
}
.section button {
    border: none;
    padding: 15px 28px;
    outline: none;
    background: #008174;
    color:#FFF;
    width:2em;
    height:3.5em;
    border-radius:50%;
}





.overlay-slidedown {
    visibility: hidden;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: -webkit-transform 0.4s ease-in-out, visibility 0s 0.4s;
    transition: transform 0.4s ease-in-out, visibility 0s 0.4s;
}

.overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 129, 116, .95);
    z-index: 6;
}
.overlay nav {
   padding-top:3em;
}
.overlay ul {
    list-style: none;
    padding: 0;
    margin: 0 auto;
    display: inline-block;
    height: 100%;
    position: relative;
}
.overlay ul li {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    margin-bottom: 1em;
}

.overlay ul li a:before{font-family: Flaticon;content: "\f10a";margin-right:0.5em;color:#FFF;}

.overlay ul li a {
    font-size: 22px;
    font-weight: 300;
    color: #fff;
    display: block;
    /*-webkit-transition: color 0.2s;*/
    /*transition: color 0.2s;*/
    transition: font-weight 0.2s;
}
.overlay ul li a:hover{
  font-weight: bold;
}
.overlay .overlay-close {
    width: 36px;
    height: 36px;
    position: absolute;
    right: 20px;
    top: 20px;
    overflow: hidden;
    border: none;
    background: url(../images/cancel.png) no-repeat center center;
    text-indent: 200%;
    color: #FFF;
    outline: none;
    z-index: 100;
    cursor: pointer;
    background-size: 36px;
}
.overlay-slidedown.open {
    visibility: visible;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    -webkit-transition: -webkit-transform 0.4s ease-in-out;
    transition: transform 0.4s ease-in-out;
}



#wrapper {
  display: table;
  width:100%;
  height:100%;
  margin-top:2em;
}

#wrapper-inner {
  display: table-cell;
  vertical-align:middle;
  width:100%;
  height:100%;
}

#scroll-down {
    display: block;
    position: relative;
    padding-top: 50px;
  text-align:center;
}
.arrow-down {
    display: block;
    margin: 0 auto;
    width: 10px;
    height: 38px;
}
.arrow-down:after {
    content: '';
    display: block;
    margin: 0;
    padding: 0;
    width: 8px;
    height: 8px;
    border-top: 2px solid #008174;
    border-right: 2px solid #008174;
    behavior: url(-ms-transform.htc);
    -moz-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
}
#scroll-title {
    display: block;
    text-transform: uppercase;
    color: #008174;
  font-size:14px;
  font-weight:bold;
  letter-spacing:.1em;
}
#scroll-down::before {
    -webkit-animation: elasticus 1.2s cubic-bezier(1, 0, 0, 1) infinite;
    /* Safari 4+ */

    -moz-animation: elasticus 1.2s cubic-bezier(1, 0, 0, 1) infinite;
    /* Fx 5+ */

    -o-animation: elasticus 1.2s cubic-bezier(1, 0, 0, 1) infinite;
    /* Opera 12+ */

    animation: elasticus 1.2s cubic-bezier(1, 0, 0, 1) infinite;
    /* IE 10+, Fx 29+ */

    position: absolute;
    top: 0px;
    left: 50%;
    margin-left: -2px;
    width: 2px;
    height: 58px;
    background: #008174;
    content: ' ';
}
@-webkit-keyframes elasticus {
    0% {
        -webkit-transform-origin: 0% 0%;
        -ms-transform-origin: 0% 0%;
        -moz-transform-origin: 0% 0%;
        -o-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
        -webkit-transform: scale(1, 0);
        -ms-transform: scale(1, 0);
        -moz-transform: scale(1, 0);
        -o-transform: scale(1, 0);
        transform: scale(1, 0);
    }
    50% {
        -webkit-transform-origin: 0% 0%;
        -ms-transform-origin: 0% 0%;
        -moz-transform-origin: 0% 0%;
        -o-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    50.1% {
        -webkit-transform-origin: 0% 100%;
        -ms-transform-origin: 0% 100%;
        -moz-transform-origin: 0% 100%;
        -o-transform-origin: 0% 100%;
        transform-origin: 0% 100%;
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    100% {
        -webkit-transform-origin: 0% 100%;
        -ms-transform-origin: 0% 100%;
        -moz-transform-origin: 0% 100%;
        -o-transform-origin: 0% 100%;
        transform-origin: 0% 100%;
        -webkit-transform: scale(1, 0);
        -ms-transform: scale(1, 0);
        -moz-transform: scale(1, 0);
        -o-transform: scale(1, 0);
        transform: scale(1, 0);
    }
}
@-moz-keyframes elasticus {
    0% {
        -webkit-transform-origin: 0% 0%;
        -ms-transform-origin: 0% 0%;
        -moz-transform-origin: 0% 0%;
        -o-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
        -webkit-transform: scale(1, 0);
        -ms-transform: scale(1, 0);
        -moz-transform: scale(1, 0);
        -o-transform: scale(1, 0);
        transform: scale(1, 0);
    }
    50% {
        -webkit-transform-origin: 0% 0%;
        -ms-transform-origin: 0% 0%;
        -moz-transform-origin: 0% 0%;
        -o-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    50.1% {
        -webkit-transform-origin: 0% 100%;
        -ms-transform-origin: 0% 100%;
        -moz-transform-origin: 0% 100%;
        -o-transform-origin: 0% 100%;
        transform-origin: 0% 100%;
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    100% {
        -webkit-transform-origin: 0% 100%;
        -ms-transform-origin: 0% 100%;
        -moz-transform-origin: 0% 100%;
        -o-transform-origin: 0% 100%;
        transform-origin: 0% 100%;
        -webkit-transform: scale(1, 0);
        -ms-transform: scale(1, 0);
        -moz-transform: scale(1, 0);
        -o-transform: scale(1, 0);
        transform: scale(1, 0);
    }
}
@-o-keyframes elasticus {
    0% {
        -webkit-transform-origin: 0% 0%;
        -ms-transform-origin: 0% 0%;
        -moz-transform-origin: 0% 0%;
        -o-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
        -webkit-transform: scale(1, 0);
        -ms-transform: scale(1, 0);
        -moz-transform: scale(1, 0);
        -o-transform: scale(1, 0);
        transform: scale(1, 0);
    }
    50% {
        -webkit-transform-origin: 0% 0%;
        -ms-transform-origin: 0% 0%;
        -moz-transform-origin: 0% 0%;
        -o-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    50.1% {
        -webkit-transform-origin: 0% 100%;
        -ms-transform-origin: 0% 100%;
        -moz-transform-origin: 0% 100%;
        -o-transform-origin: 0% 100%;
        transform-origin: 0% 100%;
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    100% {
        -webkit-transform-origin: 0% 100%;
        -ms-transform-origin: 0% 100%;
        -moz-transform-origin: 0% 100%;
        -o-transform-origin: 0% 100%;
        transform-origin: 0% 100%;
        -webkit-transform: scale(1, 0);
        -ms-transform: scale(1, 0);
        -moz-transform: scale(1, 0);
        -o-transform: scale(1, 0);
        transform: scale(1, 0);
    }
}
@keyframes elasticus {
    0% {
        -webkit-transform-origin: 0% 0%;
        -ms-transform-origin: 0% 0%;
        -moz-transform-origin: 0% 0%;
        -o-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
        -webkit-transform: scale(1, 0);
        -ms-transform: scale(1, 0);
        -moz-transform: scale(1, 0);
        -o-transform: scale(1, 0);
        transform: scale(1, 0);
    }
    50% {
        -webkit-transform-origin: 0% 0%;
        -ms-transform-origin: 0% 0%;
        -moz-transform-origin: 0% 0%;
        -o-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    50.1% {
        -webkit-transform-origin: 0% 100%;
        -ms-transform-origin: 0% 100%;
        -moz-transform-origin: 0% 100%;
        -o-transform-origin: 0% 100%;
        transform-origin: 0% 100%;
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    100% {
        -webkit-transform-origin: 0% 100%;
        -ms-transform-origin: 0% 100%;
        -moz-transform-origin: 0% 100%;
        -o-transform-origin: 0% 100%;
        transform-origin: 0% 100%;
        -webkit-transform: scale(1, 0);
        -ms-transform: scale(1, 0);
        -moz-transform: scale(1, 0);
        -o-transform: scale(1, 0);
        transform: scale(1, 0);
    }
}




.section button {
  position: fixed;
  display: -webkit-box;
  /*display: flex;*/
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  height: 60px;
  width: 60px;
  border-radius: 100%;
  background: #008174;
  box-shadow: 0 0 20px 0 rgba(0, 129, 116, 0.25);
}

.section button::after {
  opacity: 0;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0;
  bottom: 0;
  content: '';
  height: 100%;
  width: 100%;
  border: 8px solid rgba(0, 129, 116, 0.2);
  border-radius: 100%;
  -webkit-animation-name: ripple;
          animation-name: ripple;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: cubic-bezier(0.65, 0, 0.34, 1);
          animation-timing-function: cubic-bezier(0.65, 0, 0.34, 1);
  z-index: -1;
}
.section button::before {
  opacity: 0;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0;
  bottom: 0;
  content: '';
  height: 100%;
  width: 100%;
  border: 8px solid rgba(0, 0, 0, 0.2);
  border-radius: 100%;
  -webkit-animation-name: ripple;
          animation-name: ripple;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: cubic-bezier(0.65, 0, 0.34, 1);
          animation-timing-function: cubic-bezier(0.65, 0, 0.34, 1);
  z-index: -1;
}

@-webkit-keyframes ripple {
  from {
    opacity: 1;
    -webkit-transform: scale3d(0.75, 0.75, 1);
            transform: scale3d(0.75, 0.75, 1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(1.5, 1.5, 1);
            transform: scale3d(1.5, 1.5, 1);
  }
}

@keyframes ripple {
  from {
    opacity: 1;
    -webkit-transform: scale3d(0.75, 0.75, 1);
            transform: scale3d(0.75, 0.75, 1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(1.5, 1.5, 1);
            transform: scale3d(1.5, 1.5, 1);
  }
}


/*css ends */


/* typeform */
.take_survey_wrapper{position: fixed;background:#008174;color:#FFF;bottom:45%;left:-113px;transform: rotate(90deg);
  padding:0.4em 0.6em;z-index: 2;border-top-right-radius: 5px;border-top-left-radius: 5px;}
.survey_button{display:block;color:#FFF;font-weight: bold;letter-spacing: 1px;font-size: 17px;}
.survey_button:hover{color:#FFF;}

.typeform_dialog{margin:170px auto !important}
.model-content{background: #008173 !important;border:none !important}
.typemodal .modal-body{padding:28px !important;height:300px !important;margin:auto;border:1px dashed #fff !important}
.typemodal{padding:0px !important}
.modal_close{position: absolute;color: #fff;z-index: 99999;right: 8px;opacity: 1;}
.modal_close{color:#fff !important}
.take_survey_wrapper-button{margin-top:30px !important;text-align: center;margin: auto;z-index: 2;}
.popup_survey_button{color:#008173;}
.popup_survey_button button{background: #fff;border: 0px;padding: 8px 30px;border-radius: 3px;cursor: pointer !important;z-index: 999 !important}
.popup_survey_button:hover{color:#fff !important}
.popup-heading{color:#fff;font-size: 30px;text-align: center;margin-bottom: 15px;letter-spacing: normal;}
.popup_bigtext{text-align: center;font-size: 20px;color:#fff}
.popup_smalltext{text-align: center;font-size: 13px;color:#fff;padding-top: 10px;padding-bottom: 10px;}
.popup_body{padding:30px !important}
.popup_bottomtext{color: #fff;}

@media screen and (max-width:575px){
  .typemodal .modal-body{height: none !important}
  .popup-heading{font-size: 28px !important;}
}
.wrapper {
  background: #50a3a2;
  background: -webkit-gradient(linear, left top, right bottom, from(#50a3a2), to(#53e3a6));
  background: linear-gradient(to bottom right, #50a3a2 0%, #53e3a6 100%);
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 400px;
  margin-top: -200px;
  overflow: hidden;
}
.wrapper.form-success .container h1 {
  -webkit-transform: translateY(85px);
          transform: translateY(85px);
}
.bg-bubbles {
  /*position: absolute;*/
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  overflow: hidden;
}
.bg-bubbles li {
  position: absolute;
  list-style: none;
  display: block;
  width: 40px;
  height: 40px;
  background-color: rgba(255, 255, 255, 0.15);
  bottom: -160px;
  -webkit-animation: square 25s infinite;
  animation: square 25s infinite;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
}
.bg-bubbles li:nth-child(1) {
  left: 10%;
}
.bg-bubbles li:nth-child(2) {
  left: 20%;
  width: 80px;
  height: 80px;
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
  -webkit-animation-duration: 17s;
          animation-duration: 17s;
}
.bg-bubbles li:nth-child(3) {
  left: 25%;
  -webkit-animation-delay: 4s;
          animation-delay: 4s;
}
.bg-bubbles li:nth-child(4) {
  left: 10%;
  width: 60px;
  height: 60px;
  -webkit-animation-duration: 22s;
          animation-duration: 22s;
  background-color: rgba(255, 255, 255, 0.25);
}
.bg-bubbles li:nth-child(5) {
  left: 70%;
}
.bg-bubbles li:nth-child(6) {
  left: 80%;
  width: 120px;
  height: 120px;
  -webkit-animation-delay: 3s;
          animation-delay: 3s;
  background-color: rgba(255, 255, 255, 0.2);
}
.bg-bubbles li:nth-child(7) {
  left: 2%;
  width: 160px;
  height: 160px;
  -webkit-animation-delay: 7s;
          animation-delay: 7s;
}
.bg-bubbles li:nth-child(8) {
  left: 55%;
  width: 20px;
  height: 20px;
  -webkit-animation-delay: 15s;
          animation-delay: 15s;
  -webkit-animation-duration: 40s;
          animation-duration: 40s;
}
.bg-bubbles li:nth-child(9) {
  left: 25%;
  width: 10px;
  height: 10px;
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
  -webkit-animation-duration: 40s;
          animation-duration: 40s;
  background-color: rgba(255, 255, 255, 0.3);
}
.bg-bubbles li:nth-child(10) {
  left: 90%;
  width: 160px;
  height: 160px;
  -webkit-animation-delay: 11s;
          animation-delay: 11s;
}
@-webkit-keyframes square {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-700px) rotate(600deg);
            transform: translateY(-700px) rotate(600deg);
  }
}
@keyframes square {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-700px) rotate(600deg);
            transform: translateY(-700px) rotate(600deg);
  }
}




@media screen and (max-width:575px){
  .typeform_dialog{margin:170px 20px auto !important}
  .popup-heading{font-size: 30px;}
}
/* end typeform */
/* end typeform */

.product__video video{vertical-align: middle;transform: translateY(-45%);position: absolute;top:50%;}
.product__video{height:648px}


/* Thank you page */
.thankyou-container{margin-top: 30px;}
.thankyou-row{text-align: center;padding: 150px 0px 60px 0px !important;}
.thank-you-row{box-shadow: 0px 2px 4px -1px rgba(0,0,0,0.3);background-color: #fff;}
.thankyou-row img{width:90px;}
.tinfo{padding-top: 40px;}
/* .t-title h2{font-size: 36px !important;margin-bottom: 0px;padding: 5px 0px 10px;color: #000;} */
.t-content p{margin-bottom: 0px;color: #000;font-size: 26px;}
.t-content{padding-bottom: 10px;}
.t-contact{display: inline-flex;}
.t-contact p{margin-bottom: 0px;font-size: 30px;color: #5f5f5f;}
/* Thank you page end */



.back-to-top,
.back-to-top::after,
.back-to-top-text {
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

.back-to-top,
.back-to-top::after {
  position: fixed;
  height: 45px;
  width: 45px;
  color: #008174;
  font-weight: bold;
  opacity: 0.75;
  padding: 3px 5px;
  font-size: 12px;
  font-weight: bold;
  border: 1px solid #008174;
}

.back-to-top {
  left: 1.5%;
  bottom: -12%;
  z-index: 3;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  background: #fff;
}

.back-to-top::after {
  display: inline-block;
  content: "";
  right: -1px;
  bottom: 0;
  border-width: 1px;
  background: transparent;
}

.back-to-top-text {
  display: block;
  -webkit-transform: rotate(45deg) translate(25%, 75%);
          transform: rotate(45deg) translate(25%, 75%);
          line-height: 13px;
}

.back-to-top:hover,
.back-to-top:focus,
.back-to-top:hover::after,
.back-to-top:focus::after,
.back-to-top:hover .back-to-top-text,
.back-to-top:focus .back-to-top-text {
  opacity: 1;
  color:#008174 !important
}

.back-to-top:hover::after,
.back-to-top:focus::after {
  -webkit-transform: translate(25%, -25%);
          transform: translate(25%, -25%);
}

.back-to-top:hover .back-to-top-text,
.back-to-top:focus .back-to-top-text {
  -webkit-transform: rotate(45deg) translate(25%, 0);
          transform: rotate(45deg) translate(25%, 0);
}

.show-back-to-top {
  bottom: 4%;
}

/*.typeform_dialog{max-width:60% !important;}*/
/*.typemodal .modal-body{padding:0px !important;height:565px}*/
.typemodal{padding:0px !important}
.typeform-widget{height:565px !important;}
.modal-backdrop{background-color:#FFF;opacity:0.98 !important;}
.modal_close{position: absolute;cursor:pointer;color: #000;z-index: 99999999;right: 20px;font-size: 30px;top:8px;}
.tf-content{height:100%;padding:3px;}
/*@media screen and (min-width: 320px) and (max-width: 768px){*/
/*  .typeform_dialog{max-width:80% !important;margin:40px auto;}*/
/*}*/
@media screen and (max-width: 575px){
  .typemodal .modal-body{height:auto !important;}  
}