@charset "UTF-8";
ul, li { margin: 0; padding: 0; list-style: none;}
body { font-family: "Lexend", "Helvetica Neue", Arial, "Nimbus Sans L", FreeSans;    }
#fullWrp { margin: 0 auto; min-height: 100%;  position: relative;  }
.genC1 { color: #94e748; }
.genC2 { color: #4e8131; }
.genPad1 { padding-top: 60px; padding-bottom: 60px;}
.genTitle1 { font-size: 15px; line-height: 1.1em; display: block; color: #000; text-transform: uppercase; padding: 0; font-weight: 500; letter-spacing: 0.1em; }
.genTitle2 { font-size: 40px; line-height :1.1em; display: block; color: #4e8131; padding: 0.25em 0; font-weight: 600; letter-spacing: -0.04em; }
@media all and (max-width: 576px) {
.genPad1 { padding-top: 7.812vw; padding-bottom:  7.812vw;}
}
@media all and (max-width: 400px) {
.genTitle1 { font-size: 3.5vw; }
.genTitle2 { font-size: 9vw; }
}
/* logo 
-----------------------------*/
#mainLogo { float: left; }
#mainLogo a { display: block; background: url("../images/main_logo.svg") no-repeat left center; background-size: contain!important; width: 220px; height: 53px; white-space: nowrap; text-indent: -8000px; margin-left: -4px; }
@media all and (max-width: 767px) {
#mainLogo  {   width: 178.5px; }
#mainLogo  a { width: 100%; }
}
@media all and (max-width: 576px) {
#mainLogo a { height: 37px;  }
}
/* Main Header
--------------------------------------------------------------*/
#mainHdr { z-index: 2; background: #fff; padding: 25px 0;  font-family: "Lexend", "Helvetica Neue", Arial, "Nimbus Sans L", FreeSans; box-shadow: 0 -10px 20px 10px rgba(0,0,0,0.1); position: relative; z-index: 10 }
#mainHdr .nav-hamburger { display: none; }
#mainHdr  .ctr { padding: 0 2rem; margin: 0 auto; position: relative; display: flex; justify-content: space-between; align-items: center; }
@media all and (max-width: 767px) {
#mainHdr {padding: 15px  0; }
}
@media all and (max-width: 576px) {
#mainHdr {padding: 5px  0; }
}
/* Main  Menu
--------------------------------------------------------------*/
#mainHdr ul { list-style: none; margin: 0 auto; padding: 0;  }
@media all and (min-width: 1271px) {
#mainHdr #mainNav { display: flex; justify-content: space-between; align-items: center; font-weight: 700; font-size: 20px; line-height: 1.2em;  padding: 0 30px;  }
#mainHdr #mainNav .site-nav { width: 100%; }
#mainHdr .mainHdrOpt {   display: flex;  justify-content: space-between; align-items: center; list-style: none;  width: 400px;  }
#mainNav .site-nav  li a { color: #18191c; }
#mainNav .site-nav  li a.cur  { color: #4e8131; }
#mainNav .site-nav .dropDown { position: absolute; top: 5px; left: -15px; z-index: 1000; display: none; float: left; min-width: 148px; padding-top: 57px; cursor:  pointer; }
#mainNav .site-nav .dropDown ul { padding: 0; margin: 0.125rem 0 0; font-size: 16px; color: #212529; text-align: left; list-style: none; background-color: #151f1e; background-clip: padding-box; border: 1px solid rgba(0,0,0,.05); border-top: 0; box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.1), 6px 10px 20px -10px rgba(0,0,0,0.2);  }
#mainNav .site-nav .dropDown li a { padding: 5px 15px; font-size: 14.8px; line-height: 1.9em; display: block; white-space: nowrap; color :#fff;  border-top:  solid 1px rgba(255,255,255,0.15);   }
#mainNav .site-nav .dropDown li:first-child a { border-top: 0; }
#mainNav .site-nav .dropDown li a:hover { background: #22312f; }
#mainNav .site-nav  li.dropElm { position: relative; }
#mainNav .site-nav  li.dropElm > a:after { content: ' '; border: solid #18191c; border-width: 0 3px 3px 0; display: inline-block; padding: 3px; vertical-align: top; position: relative;  -webkit-transform: rotate(45deg); transform: rotate(45deg); margin-left: 8px; position: relative; top: 0.2em; }
#mainNav .site-nav  li.dropElm:hover .dropDown { display: block; }
#mainNav .site-nav  li.hideLg { display: none!important; }
}
@media all and (max-width: 1270px) {
/*burger icon + animation*/
#mainHdr .nav-hamburger { background: transparent none repeat scroll 0 0; border: 0 none; cursor: pointer; display: block; height: 35px; margin-bottom: auto; margin-top: auto; outline: medium none; padding: 0; position: relative; transition: all 0.3s ease-in-out 0s; width: 30px; position: absolute; left: 2rem; top: 9px;  }
.nav-hamburger::before, .nav-hamburger::after, .nav-hamburger span { background-color: #000; transition: all 0.3s ease-in-out 0s; }
.nav-hamburger::before, .nav-hamburger::after, .nav-hamburger span { background-color: #000; }
.nav-hamburger::before, .nav-hamburger::after { content: ""; height: 2px; left: 0; position: absolute; top: 50%; transform-origin: 50% 50% 0; width: 100%; }
.nav-hamburger span { height: 2px; left: 0; overflow: hidden; position: absolute; text-indent: 200%; top: 50%; width: 100%; cursor: pointer; }
.nav-hamburger::before { transform: translate3d(0px, -10px, 0px); }
.nav-hamburger::after { transform: translate3d(0px,  10px, 0px); }
.menuOpen .nav-hamburger span { background-color: #fff; opacity: 0; }
.menuOpen .nav-hamburger::before { background-color: #fff; transform: rotate3d(0, 0, 1, 45deg); }
.menuOpen .nav-hamburger::after { background-color: #fff; transform: rotate3d(0, 0, 1, -45deg); }
.nav-hamburger { position: absolute; left: 0; top: 14px; z-index: 1001; cursor: pointer;  }
.nav-hamburger + #mainLogo { margin: 0 auto;  } 
#mainNav .site-nav  { display: block; top: 0; bottom: -100vh ; left: 0; right: 0; overflow-y: auto; position: absolute; padding: 0;  box-shadow: 0 -30px 0 0 #151f1e;   }
#mainNav .site-nav  ul, #site-menu .site-nav   li { margin: 0; padding: 0; }
#mainNav .site-nav  li { padding: 0; display: block; text-align: left;   }
#mainNav .site-nav  li:first-child { margin-top: 68px; }
#mainNav .site-nav  li a {  background: #151f1e; display: block; padding: 16px 20px 16px 20px!important; color: #fff; font-size: 15px; line-height: 16px; -webkit-transition:0ms ease-out all; transition: 0ms ease-out all; text-align: center;  border-bottom: solid 1px rgba(255,255,255,0.15); text-align:left; font-weight: 700;  letter-spacing: 0.145em; text-transform: uppercase; position: relative; }
#mainNav .site-nav  li a span.bonus { position: static; display: inline; vertical-align:  top; margin-left: 0.4em;   }
#mainNav .site-nav  li:first-child  a  { border-top: solid 1px rgba(255,255,255,0.2); }
#mainNav .site-nav  li a.cur, #mainNav .site-nav  li a.cur:active   { outline: none; color:  #fff;  background: #22312f }
#mainNav .site-nav  li a:active  { background: #22312f; }
#mainNav .site-nav  li li a { border-top: 0!important; padding-left: 32px!important;}
#mainNav .site-nav  li.dropElm> a:after { content: ' '; border: solid #fff; border-width: 0 2px 2px 0; display: block; padding: 2px; width: 0.25em; height: 0.25em;  vertical-align: middle; position: relative;  -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; right: 20px; top: 17px; }
#mainNav .site-nav  li li:first-child { margin: 0;}
#mainNav .site-nav  li .dropDown { display: none; }
#mainNav .site-nav  li.dropOpen > a:after {  -webkit-transform: rotate(-135deg); transform: rotate(-135deg); top: 22px;}
#mainNav .site-nav  li.dropOpen .dropDown { display: block; }
@media all and (max-width: 576px) {
#mainHdr .nav-hamburger { top: -1px;  }
}
/* open menu 
-----------------------------*/
#mainNav { background:#151f1e; color: #fff; display: block!important; max-width: 300px; top: 0;  box-shadow: -1000vh 900vh  0 1000vh #151f1e, -1000vh  900vh 20px 1000vh  rgba(0,0,0, 0.4); position: absolute; left: 0; width: 100%;  -webkit-transition: 300ms ease-out all; transition: 300ms ease-out all; z-index: 900;    -webkit-transform: translateX(-500px); transform: translateX(-500px); transform: translate3d(-500px, 0, 0);  -webkit-transform: translate3d(-500px, 0, 0); pointer-events: none; -webkit-perspective: 1000; -webkit-backface-visibility: hidden; -webkit-transform-style: preserve-3d;   will-change: transform; }
.menuOpen #mainNav  { -webkit-transform: translateX(0); transform: translateX(0); transform: translate3d(0, 0, 0);  -webkit-transform: translate3d(0, 0, 0); pointer-events: auto;  }
}
/* 
////
////  Mainpage
////
--------------------------------------------------------------*/
/* Main  Intro
--------------------------------------------------------------*/
#mainIntro { background: #1a3526 url(../images/main_intro_bg_xl.jpg) no-repeat right center; background-size: cover; color: #fff; text-align: center; display: flex; justify-content: center; align-items: center; min-height: 705px; }
#mainIntro .FrmCtr { padding-top: 4rem; padding-bottom: 4rem; }
@media all and (min-width: 1894px) {
#mainIntro  { min-height: 37.22vw; }
}
#mainIntro .ln1 { font-size: 30px; font-weight: 500;  letter-spacing: -0.04em; }
#mainIntro .ln2 { font-size: 75px; font-weight: 600;  letter-spacing: -0.04em; padding-bottom: 0; }
#mainIntro .ln2B { font-size: 146px; font-weight: 600;  letter-spacing: -0.04em; padding-bottom: 0.14em; }
#mainIntro .ln3 { font-size: 40px; font-weight: 500;  letter-spacing: -0.04em; padding: 1rem 0 5rem 0;   }
#mainIntro .ln4 { font-size: 22px; font-weight: 300;  letter-spacing: -0.025em; padding-top: 5rem; }
@media all and (max-width: 1224px) {
#mainIntro .ln2B { font-size: 100px; }
}
@media all and (max-width: 1124px) {
#mainIntro  { min-height:  586px; }
#mainIntro .ln1 { font-size: 21px; }
#mainIntro .ln2 { font-size: 52px; }
#mainIntro .ln2B { font-size: 70px; }
#mainIntro .ln3 { font-size: 28px; }
#mainIntro .ln4 { font-size: 15.5px; }
}
@media all and (max-width: 800px) {
#mainIntro .ln2 { font-size: 6.45vw; }
#mainIntro .ln2B { font-size: 8.6vw; }
}
@media all and (max-width: 660px) {
#mainIntro  { min-height: 78.78vw; }
#mainIntro .ln1 { font-size: 3.1vw; }
#mainIntro .ln3 { font-size: 4.24vw; padding: 1rem 0 3rem 0;  }
#mainIntro .btn { font-size: 3.63vw!important;}
#mainIntro .ln4 { font-size: 2.34vw; padding-top: 3rem; }
}
/* Main  Explore
--------------------------------------------------------------*/
#mainExplore { background:#023113; color: #fff; }
#mainExplore .top { padding: 8rem 0; text-align: center;  }
#mainExplore .top .hd1 { font-size: 50px; padding-bottom: 0.25em; font-weight: 600;   }
#mainExplore .top .txt { font-size: 18px; line-height: 1.6em; }
#mainExplore .top .txt span, #mainExplore .top .txt a { text-decoration: underline; color: #fff; }
#mainExplore .top .txt a:hover { text-decoration: none; }
#mainExplore .btm { position: relative; padding-bottom: 14rem;  }
#mainExplore .btm:after { content: ' '; display: block; position: absolute; left: 0; bottom: 0; width :100%; background: #dedede; height: 324px;  }
#mainExplore .btm .FrmCtr { max-width: 1225px; display: flex; justify-content: space-between; position: relative; z-index: 10;  }
#mainExplore .btm .FrmCtr .itm { width: calc(25% - 25px); position: relative;}
#mainExplore .btm .FrmCtr .itm .tmb { display: block; background: #000; }
#mainExplore .btm .FrmCtr .itm .title { position: absolute; left: 0; right: 2rem; bottom: -2.1em; line-height: 1.2em; padding: 0.9em 1.2em;  background: #fff; font-size: 20px; color: #000; font-weight: 700;  box-shadow:  3px 5px 15px -10px rgba(0,0,0,0.2);    } 
#mainExplore .btm .FrmCtr .itm .title .ico { position: absolute; display: block; right: 0; top: -3.3em; height: 3.3em; width: 3.3em; background: #94e748; }
#mainExplore .btm .FrmCtr .itm .title .ico img { height: 3.3em!important; width: 70%; margin: 0 auto; display: block;  }
#mainExplore .btm .FrmCtr .itm:hover .tmb img { opacity: 0.85; }
#mainExplore .btm .FrmCtr .itm:hover .title  { background: #f1f1f1; color: #18191c;}
#mainExplore .btm .FrmCtr .itm:hover .title .ico {  background: #9fff48; }
@media all and (max-width: 1124px) {
#mainExplore .top { padding: 6rem 0;  }
#mainExplore .top .hd1 { font-size: 38px; }
#mainExplore .top .txt { font-size: 16px; }
#mainExplore .btm {  padding-bottom: 12rem;  }
#mainExplore .btm .FrmCtr .itm .title {  font-size: 16px; }
}
@media all and (max-width: 970px) {
#mainExplore .btm .FrmCtr { flex-wrap: wrap; max-width: 596px; }
#mainExplore .btm .FrmCtr .itm { width: calc(50% - 15px); margin-bottom: 8rem;}
#mainExplore .btm .FrmCtr .itm .title {  font-size: 20px; }
#mainExplore .btm:after { height: calc(18.96vw + 14rem);  } 

}
@media all and (max-width: 800px) {
#mainExplore .top .hd1 {  line-height: 1.1em; margin: 0 auto;  max-width: 11em;  }
#mainExplore .top .txt { font-size: 16px; max-width: 34em!important; }
#mainExplore .btm {  padding-bottom: 12rem;  }
}
@media all and (max-width: 576px) {
#mainExplore .top .hd1 { font-size: 6.5vw; }
#mainExplore .top .txt { font-size: 2.7vw; }
#mainExplore .btm { padding-bottom: 6rem;  }
#mainExplore .btm .FrmCtr { max-width: 270px; flex-direction: column;}
#mainExplore .btm .FrmCtr .itm { width: 100%;  margin-bottom: 8rem;}
#mainExplore .btm .FrmCtr .itm .title {  font-size: 13.5px; }
#mainExplore .btm:after { height: auto; top: 50%;  }
}
/* Main  Footer
--------------------------------------------------------------*/
#mainFtr { background: #023113; background: linear-gradient(90deg, #023113 0%, #4e8131 100%); color: #fff; font-size: 15px; line-height: 2em; padding: 12rem 0;  }
#mainFtr .FrmCtr { display: flex; justify-content: space-between; }
#mainFtr .copy { max-width: 418px;}
#mainFtr .ftrLogo { width: 170px; margin-bottom: 0.75em;  }
#mainFtr .copy p { padding-bottom: 0; }
#mainFtr .title { font-size: 20px; padding-bottom: 0.75em; padding-top: 0.35em;}
#mainFtr .nav { display: flex;  justify-content: space-between; }
#mainFtr .nav ul:first-child { padding-right: 0;  }
#mainFtr .nav li { display: block; }
#mainFtr .nav a { color: #fff; }
#mainFtr .nav a:hover { text-decoration: underline; }
#mainFtr .ftrNews input { min-width: 270px; border:0!important; height: 54px; text-align: center; background: #fff; }
#mainFtr .ftrNews .error { display: block; color: #ffff00; }
#mainFtr .ftrNews .btnWrp { padding-top: 10px; }
#mainFtr .ftrNews .btn { width: 100%; display: block; }
@media all and (max-width: 992px) {
#mainFtr { padding: 8rem 0;  }
#mainFtr .FrmCtr { flex-wrap: wrap; justify-content: center; flex-direction: column; max-width: 422px;  text-align: center;   }
#mainFtr .copy { min-width: 100%; order: 3; padding-top: 4rem; }
#mainFtr .ftrLogo { margin: 0 auto 0.75em auto; }
#mainFtr .ftrNavCol {  margin-bottom: 4rem; }
#mainFtr .nav { justify-content: center; text-align: center;  }
#mainFtr .ftrNewsCol  { padding: 4rem 0; position:relative;  } 
#mainFtr .ftrNewsCol:before { content: ' '; border-top: solid 1px rgba(255,255,255,0.2); position: absolute; left: 50%; top: 0; height: 0; display: block; width: 16rem; margin-left: -8rem; }
#mainFtr .ftrNewsCol:after { content: ' '; border-top: solid 1px rgba(255,255,255,0.2); position: absolute; left: 50%; bottom: 0; height: 0; display: block; width: 16rem; margin-left: -8rem; }
#mainFtr .ftrNews input { width: 100%;}
}
@media all and (max-width: 576px) {
#mainFtr { font-size: 13px; }
#mainFtr .FrmCtr { max-width: 360px; }
#mainFtr .ftrNews input {  height: 42px; }
}
@media all and (max-width: 364px) {
#mainFtr { font-size: 3.2vw; }
}
/* 
////
////  Contact & about
////
--------------------------------------------------------------*/
/* Small intro
--------------------------------------------------------------*/
#mainSmIntro { background: #023113; background: linear-gradient(90deg, #023113 0%, #4e8131 100%); color: #fff; padding: 10rem 0; text-align: center; box-shadow:  inset 0 140px 140px -140px #011a0a }
#mainSmIntro .title { font-size: 10rem; letter-spacing: -0.04em; font-weight: 500;  }
@media all and (max-width: 1124px) {
#mainSmIntro { padding: 6rem 0; }
#mainSmIntro .title { font-size: 6rem;  }
}
/* Contact
--------------------------------------------------------------*/
#mainContact { padding: 10rem 0;  }
#mainContact .FrmCtr { display: flex; justify-content: space-between; }
#mainContact .lftFrm { padding-right: 32px; max-width: 643px; }
#mainContact .lftFrm .formWrp { padding-top: 5rem; }
#mainContact .rgt { min-width: 420px; max-width: 470px; flex-grow: 1; color: #717070; }
#mainContact .txt { font-size: 15px; line-height: 2em;  padding: 1em 0;  }
#mainContact .info { display: flex; align-items: center; margin-top: 20px; }
#mainContact .ico { width: 8rem; height: 8rem; display: block; background: #18191c; margin-right: 3rem; }
#mainContact .ico svg { height: 8rem; display: block; width: 25px; fill:#fff; margin: 0 auto;  }
#mainContact .info p { padding: 0; }
#mainContact .info p .title { font-size: 16px; display: block; font-weight: 500;}
#mainContact .info p .reach { font-size: 20px; display: block; color:#18191c; font-weight: 600;  }
#mainContact .info p .reach a { color:#18191c; }
@media all and (max-width: 1124px) {
#mainContact .FrmCtr { flex-direction: column-reverse;  }
#mainContact .lftFrm, #mainContact .rgt { min-width: 100%; max-width: 100%; padding-right: 0;  }
#mainContact .rgt .infoWrp { display: flex; flex-wrap: wrap; padding-bottom: 8rem; }
#mainContact .rgt .infoWrp .info { padding-right: 3rem;}
}
@media all and (max-width: 400px) {
#mainContact .ico { width: 10rem; height: 10rem;  }
#mainContact .ico svg { height: 10rem; width: 20px;  }
#mainContact .txt { font-size: 14px; }
#mainContact .info p .title { font-size: 14px; }
#mainContact .info p .reach { font-size: 18px; }
}
/* About
--------------------------------------------------------------*/
#mainAbout {  padding: 10rem 0; }
#mainAbout .FrmCtr { display: flex; justify-content: space-between; }
#mainAbout .aboutTmbs { max-width: 542px; margin: 6rem 4rem 6rem 0;   }
#mainAbout .aboutTmbs .tmb1 {  padding-right: 13.28%; padding-bottom: 15.12%; position: relative; background: url("../images/about_tmb_bg.png") no-repeat  right bottom; background-size: contain;  }
#mainAbout .aboutTmbs .tmb2 { display: block; position: absolute; z-index: 2;  width: 69.55%; bottom: -6.64%; right: -10.7%; border: solid 10px #fff; box-shadow: 0 2px 16px -6px rgba(0,0,0,0.25) }
#mainAbout .FrmCtr .sideCol   { max-width: 500px; padding-left: 32px; font-size: 17px; line-height: 1.7em; color: #6f7174;  }
#mainAbout .FrmCtr .sideCol .title {  font-size: 50px; line-height: 1.1em; font-weight: 600; margin-bottom: 0.5em;  letter-spacing: -0.04em;  }
@media all and (max-width: 1124px) {
#mainAbout .FrmCtr .sideCol   { font-size: 16px;}
#mainAbout .FrmCtr .sideCol .title {  font-size:  38px;}
}
@media all and (max-width: 970px) {
#mainAbout .FrmCtr { flex-direction: column-reverse;  justify-content: center; align-items: center; }
#mainAbout .FrmCtr .sideCol  { max-width: 700px; padding-left: 0;  }
#mainAbout .aboutTmbs {  margin-right: 10.7%; }
}
@media all and (max-width: 400px) {
#mainAbout .FrmCtr .sideCol   { font-size: 14px;}
#mainAbout .FrmCtr .sideCol .title { font-size: 9vw; }
}
/* 
////
////  Product pages
////
--------------------------------------------------------------*/
/* Product Top 
--------------------------------------------------------------*/
#mainCont .prodPdfIntro { background-image: url("../images/prod_pdf_intro_bg_xl.jpg"); background-position: center center;    }
#prodCont .prodTitle1 {  font-size: 50px; line-height: 1.1em; letter-spacing: -0.04em; text-align: center; padding: 10rem 0;  display: block;  }
#prodCont .btm { padding-bottom: 10rem; }
#prodCont .btm .FrmCtr { max-width: 1400px; display: flex; justify-content: space-between;  color: #6f7174;  }
#prodCont .lftTxt {  max-width: 800px; padding-right: 35px; font-size: 17px; line-height: 1.7em;  }
#prodCont .lftTxt a { text-decoration: underline; color: #4e8131; font-weight: bold; }
#prodCont .lftTxt a:hover { text-decoration: none; }
#prodCont .prodFeats {  max-width: 476px; min-width: 476px; }
#prodCont .prodFeats .itm { display: flex; padding-bottom: 35px; align-items: center;  }
#prodCont .prodFeats .ico { position: relative;   min-width: 56px; width: 56px; height: 56px; margin-right: 24px; }
#prodCont .prodFeats .ico:after { content: ' '; display: block; position: absolute; left: 8px; bottom: -8px; width: 56px; height: 56px; background: #94e748;}
#prodCont .prodFeats .ico img { width: 100%; height: 100%!important; position: relative; z-index: 2;  }
#prodCont .prodFeats .itm p { padding-bottom: 0; }
#prodCont .prodFeats .itm .title { display: block; font-size: 20px; color: #4e8131; font-weight: 600; letter-spacing: -0.04em;  }
#prodCont .prodFeats .itm .txt { font-size: 14px; line-height: 1.7em;  }
@media all and (max-width: 1124px) {
#prodCont .btm { padding-bottom: 6rem; }
#prodCont .btm .FrmCtr {display: flex; flex-direction: column; align-items: center;  }
#prodCont .prodTitle1 { font-size: 38px; padding: 6rem 0; }
#prodCont .lftTxt { font-size: 16px; padding-right: 0; max-width:  none; padding-bottom: 6rem;   }
#prodCont .prodFeats { min-width: auto; max-width: 100%;  }
}
@media all and (max-width: 970px) {
#prodCont .prodTitle1 { font-size: 24px;}
}
@media all and (max-width: 400px) {
#prodCont .prodTitle1 { font-size: 6vw;}
#prodCont .lftTxt { font-size: 14px;}
#prodCont .prodFeats .ico { min-width: 48px; width: 48px; height: 48px; margin-right: 20px; }
#prodCont .prodFeats .ico:after { width: 48px; height: 48px; }
#prodCont .prodFeats .itm .title { font-size: 17px;   }
#prodCont .prodFeats .itm .txt { font-size: 12px;  }
}
/* Product Start 
--------------------------------------------------------------*/
#prodStart { background: #18191c; padding: 12rem 0;  text-align: center; color: #fff;  }
#prodStart .title { font-size: 50px; font-weight: 600; letter-spacing: -0.04em; padding-bottom: 0.65em;  }
@media all and (max-width: 1124px) {
#prodStart {  padding: 8rem 0;  }
#prodStart .title { font-size: 38px; }
}
@media all and (max-width: 970px) {
#prodStart .title { font-size: 24px;}
}
@media all and (max-width: 400px) {
#prodStart .title { font-size: 6vw;}
}
/* 
////
////  Terms
////
--------------------------------------------------------------*/
#innerCont { padding: 10rem 0; }
@media all and (max-width: 1124px) {
#innerCont {  padding: 8rem 0;  }
}