html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
img{
	width: 100%;
  display: block;
}
a{
	text-decoration: none;
}
svg,
img{
	width: 100%;
  display: block;
}
@font-face{
  src: url(../fonts/Grotesk-Light.otf);
  font-family: 'Grotesk-Light';
}
@font-face{
  src: url(../fonts/Grotesk-Regular.otf);
  font-family: 'Grotesk-Regular';
}
html{
	font-size: 14px;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
  font-family: 'Grotesk-Light';
}

h1,h2,h3,h4,h5,h6{
  font-family: 'Grotesk-Regular';
}
button,
textarea,
input{
    box-sizing: border-box;
    border: none;
    margin: 0;
    padding: 0;
    width: auto;
    box-shadow: none;
    /* inherit font & color from ancestor */
    color: inherit;
    font: inherit;
    /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
    line-height: normal;
    /* Corrects font smoothing for webkit */
    -webkit-font-smoothing: inherit;
    -moz-osx-font-smoothing: inherit;
    /* Corrects inability to style clickable `input` types in iOS */
    -webkit-appearance: none;
    /* Remove excess padding and border in Firefox 4+ */
    border: 0;
    padding: 0;
    background-color: transparent;
}
section,
footer{
  overflow: hidden;
  float: left;
  width: 100%;
}
h2{
  font-size: 1.3rem;
  font-family: 'Grotesk-Light';
}
p {
    font-size: 1.3rem;
    line-height: 1.5;
    margin-bottom: 1.3rem !important;
    max-width: 40rem;
    margin: auto;
    letter-spacing: 2px;
}
.smallTxt {
    font-size: 1.2rem;
    line-height: 1.3;
}
.caImageCover{
  position: relative;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
}
.wrapper{
  width: 90%;
  margin: auto;
}
header{
  background-color: #FCFCF2;
}
#navIcon {
    position: absolute;
    width: 30px;
    height: 30px;
    z-index: 200;
    right: 1.5rem;
    top: 1.2rem;
}
#navIcon div {
    height: 2px;
    width: 100%;
    background-color: #000;
    transition: all 0.5s;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
#navIcon div::after,
#navIcon div::before{
    content:"";
    height: 2px;
    width: 100%;
    background-color: #000;
    position:absolute;
    transition: all 0.5s;

}
#navIcon div::before{
  top:-8px;
}
#navIcon div::after{
  bottom: -8px;
  width: 80%;
}

#navIcon div.bar-on::before {
    animation-name: bam-hamburguer-one-bar-one;
    animation-duration: 0.7s;
    transform: translate(0px, 8px) rotate(45deg);
    
}

#navIcon div.bar-on {
    animation-name: bam-hamburguer-one-bar-two;
    animation-duration: 0.7s;
    background-color: transparent;
}

#navIcon div.bar-on::after {
    animation-name: bam-hamburguer-one-bar-three;
    animation-duration: 0.7s;
    transform: translate(0px, -8px) rotate(-45deg);    
    
    width: 100%;
}
@keyframes bam-hamburguer-one-bar-one {
    0% {
        transform: translate(0px, 0px);
    }

    50% {
        transform: translate(0px, 8px);
    }

    100% {
        transform: translate(0px, 8px) rotate(45deg);
    }
}

@keyframes bam-hamburguer-one-bar-two {
    0% {
        background-color: transparent;
    }

    100% {
        background-color: transparent;
    }
}

@keyframes bam-hamburguer-one-bar-three {
    0% {
        transform: translate(0px, 0px);
    }

    50% {
        transform: translate(0px, -8px);
    }

    100% {
        transform: translate(0px, -8px) rotate(-45deg);
    }
}

header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    background-color: transparent;
    width: 100%;
    padding: .7rem 0;
    background-color: #FCFCF2;
    transition:.3s ease all;
}
.logo {
    display: block;
    float: left;
    text-indent: -99999px;
    width: 7rem;
    height: 2rem;
    background-image: url(../img/logo.svg);
    background-repeat: no-repeat;
    background-size: contain;
    margin: .5rem 0;
    z-index: 999999;
    position: relative;
}
nav {
    position: fixed;
    left: -100%;
    top: 0;
    background-color: #FCFCF2;
    height: 100vh;
    width: 75%;
    z-index: 100;
}
nav ul {
    width: 90%;
    margin-left: 9%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
nav ul li a {
    color: #000;
    font-size: 1.2rem;
    display: block;
    transition: .3s ease all;
    padding: .5rem 0;
    text-transform: uppercase;
}
nav ul li ol a{
    font-size: .8rem;
    padding: .3rem 0;
    letter-spacing: 1px;
}
nav ul li a.active,
nav ul li a:hover{
  text-decoration: underline;
}
nav ul li a small {
    display: block;
    margin-bottom: .1rem;
    font-size: .7rem;
}
nav ul > li:nth-child(5) {
    display: none;
}
.caPlansIntro{
  background-color: #fcfcf2 !important;
}
.caPlansIntro h2 {
    font-family: 'Grotesk-Regular';
    text-decoration: underline;
    font-size: 1.4rem;
    width: 22rem;
    color: #000000;
    text-align: center;
    margin: 5rem auto;
}

.nav{
  display: none;
}
.mainBanner{
  margin-top: 4rem;
}
.caSlide{
  position: relative;
  width: 100%;
  height: 100vh;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
}
.slideInfo {
    position: absolute;
    left: 0;
    right: 0;
    
    top: 50%;
    
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    margin: auto;
    
    letter-spacing: 2px;
    box-sizing:border-box;
}
.slideInfo div{
  background-color: rgba(179, 179, 179, 0.75);
  width: 90%;
    max-width: 26rem;
    padding: 2.5rem;
    margin: auto;
    box-sizing:border-box;
}
.slideInfo h1{
    text-align: center;
    color: #fff;
    font-size: 1.8rem;
    line-height: 1.3;
    position: relative;
}
.slideInfo h1::after{
  content: "";
  position: absolute;
  bottom: 0;
  background-color: #fff;
  width: 100%;
  height: 1px;
  left: 0;
  right: 0;
  margin: auto;
}
.hjp::after {
    bottom: .7rem !important;
    width: 13rem !important;
}
.sectionWhyZent {
    background-color: #8898A8;
    padding-top: 4rem;
}
.sectionWhyZent p,
.sectionWhyZent h2,
.sectionscentMarket p,
.sectionscentMarket h2{
  color: #fff;
}
.sectionWhyZent p,
.sectionWhyZent h2{
  text-align: center;
}
.sectionWhyZent p{
    max-width: 49rem;
}
.sectionWhyZent h2{
    margin-bottom: 4rem;
}
.sectionWhyZent .caSplitCol {
    margin-top: 5rem;
}
.sectionWhyZent .caSplitCol .caImageCover {
    background: url(../img/brandImage.jpg) no-repeat center center;
    width: 100%;
    height: 17rem;
}
.sectionWhyZent .caSplitCol .caInfoSide {
    background-color: #B3B3B3;
    overflow: hidden;
}
.sectionWhyZent .caSplitCol .caInfoSide p{
    width: 90%;
    margin: auto;
    padding: 5rem 0;
    max-width: 27rem;
}
.sectionLearn {
    padding: 4rem 0;
    overflow: hidden;
    background-color: #FCFCF2;
}
.sectionLearn h2{
  color: #808080;
  text-align: center;
  font-family: 'Grotesk-Regular';
}
.sectionLearn h2::after {
    content: "";
    position: absolute;
    background-color: #808080;
    height: 1px;
    width: 22rem;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0.4rem;
}
.sectionLearn ul li {
    width: 44%;
    float: left;
    margin: 3%;
}
.sectionLearn ul li:hover a{
  -ms-transform: scale(1.1); /* IE 9 */
    -webkit-transform: scale(1.1); /* Safari */
    transform: scale(1.1);
}
.sectionLearn ul li a{
  display: block;
  overflow: hidden;
  transition:.3s ease all;
}
.sectionLearn ul {
    margin-top: 3rem;
    overflow: hidden;
    max-width: 35rem;
    margin: auto;
}
.sectionscentMarket{
  background-color:#8898A8;
}
.sectionscentMarket .caSplitCol .caInfoSide{
  padding: 3rem 0;
}
.sectionscentMarket p {
    text-align: center;
    width: 90%;
    margin: auto;
    margin-bottom: 2.5rem;
    max-width: 29rem;
}
.sectionscentMarket p:last-child{
  margin-bottom: 0;
}
.sectionscentMarket .caImageCover{
  background: url(../img/scentMarketing.jpg) no-repeat center center;
  height: 21rem;
}

.caImageCover a {
    background-color: rgba(179, 179, 179, .7);
    color: #fff;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    font-size: 1.3rem;
    font-family: 'Grotesk-Regular';
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    width: 11rem;
    padding: 1.5rem 2rem;
    letter-spacing: 2px;
}
.caImageCover a::after {
    content: "";
    position: absolute;
    bottom: 1.8rem;
    left: 0;
    width: 70%;
    height: 1px;
    background-color: #fff;
    right: 0;
    margin: auto;
}
.sectionMemorable {
    padding: 5rem 0;
}
.sectionMemorable p,
.sectionMemorable h2{
  color: #808080;
  text-align: center;
}
.sectionMemorable h2{
  position: relative;
    font-family: 'Grotesk-Regular';
    margin-bottom: 4rem;
    letter-spacing: 2px;
}
.sectionMemorable h2::after {
    content: "";
    position: absolute;
    bottom: .3rem;
    left: 0;
    width: 22.3rem;
    height: 1px;
    background-color: #808080;
    right: 0;
    margin: auto;
}
.sectionMemorable p {
    width: 90%;
    margin: auto;
    max-width: 54rem;
}
footer{
  background-color: #000;
  padding-top: 3rem;
  overflow: hidden;
}
footer h4,
footer a,
footer p,
footer span{
  color: #fff;
}
footer h4{
  font-weight: 600;
  margin-bottom: 1rem;
}
footer p {
    font-size: 1rem;
    line-height: 1.3;
    max-width: initial !important;
    float: left;
    width: 100%;
    margin-bottom: 4rem !important;
}
footer input,
footer textarea{
  font-size: 1rem;
  padding-bottom: 0rem;
  border-bottom: 1px solid rgba(255,255,255,0.7);
  display: block;
  width: 100%;
  box-sizing:border-box;
  color: #fff;
}
footer textarea{
    height: 5rem;
}
footer ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fff;
}
footer ::-moz-placeholder { /* Firefox 19+ */
  color: #fff;
}
footer :-ms-input-placeholder { /* IE 10+ */
  color: #fff;
}
footer :-moz-placeholder { /* Firefox 18- */
  color: #fff;
}
footer form ul li{
    margin-bottom: 1.2rem;
    width: 100%;
}
footer span {
    font-size: .9rem;
    display: block;
    width: 100%;
    margin-bottom: 1rem;
}
footer form ul{
    margin-bottom: 4rem;
}
.checkbox input[type="checkbox"] {
    opacity: 0;
}
.checkbox label {
  position: relative;
  display: inline-block;
  padding-left: 22px;
  color: #fff;
}
.checkbox label::before,
.checkbox label::after {
  position: absolute;
  content: "";
  display: inline-block;
}

/*Outer box of the fake checkbox*/
.checkbox label::before{
  height: 11px;
  width: 11px;
  border: 1px solid;
  left: 0px;
  top: -2px;
}

/*Checkmark of the fake checkbox*/
.checkbox label::after {
  height: 2px;
  width: 4px;
  border-left: 2px solid;
  border-bottom: 2px solid;
  transform: rotate(-45deg);
  left: 4px;
  top: 2px;
}
/*Hide the checkmark by default*/
.checkbox input[type="checkbox"] + label::after {
  content: none;
}
/*Unhide on the checked state*/
.checkbox input[type="checkbox"]:checked + label::after {
  content: "";
}
/*Adding focus styles on the outer-box of the fake checkbox*/
.checkbox input[type="checkbox"]:focus + label::before {
}
.caSend {
    color: #fff;
    border: 1px solid #fff;
    padding: .6rem 1rem .2rem 1rem;
    float: right;
    margin-top: -.5rem;
    display: block;
    cursor: pointer;
    transition:.3s ease all;
}
.caSend:hover{
  background-color: #fff;
  color: #000;
}
.inTouch {
    width: 100%;
    border-top: 1px solid #CCCCCC;
    overflow: hidden;
    float: left;
    border-bottom: 1px solid #CCCCCC;
    padding: 1.8rem 0;
}
.inTouch a{
  display: block;
  width: 100%;
  opacity: .6;
  text-transform: uppercase;
  letter-spacing: 3px;
  transition:.3s ease all;
}
.inTouch a:hover{
  opacity: 1;
}
.inTouch li{
  width: 100%;
  margin-bottom: .5rem;
}

.inTouch ul,
.inTouch ol{
  width: 50%;
  float: left;
}
.inTouch ol{
  padding-left: 5%;
  box-sizing:border-box;
}
footer small {
    color: #fff;
    text-transform: uppercase;
    font-size: .9rem;
    margin: 1.5rem 0;
    display: block;
    float: left;
}
.slidIntros {
    position: absolute;
    z-index: 10;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    position: absolute;
    width: 80%;
    margin: auto;
    left: 0;
    right: 0;
    color: #fff;
    line-height: 1.5;
    text-align: center;
    font-size: 1.3rem;
    max-width: 29rem;
    letter-spacing: 1.5px;
    font-family: 'Grotesk-Light';
}
.caSplit .caGraySide{
  background-color: #b3b3b3;
  padding: 5rem 0;
}
.caSplit .caGraySide p {
    color: #fff;
    text-align: center;
    max-width: 26.9rem;
}
.caSplit .caWhiteSide p,
.caSplit .caWhiteSide h2{
  color: #808080;
  text-align: center;
}
.caSplit .caWhiteSide p{
  max-width: 28rem;
}
.caSplit .caWhiteSide{
  background-color: #fff;
  padding: 5rem 0;
}
.caSplit p, 
.caSplit h2 {
    width: 90%;
    margin: auto;
    max-width: 22rem;
}
.caSplit .caWhiteSide h2 {
    font-family: 'Grotesk-Regular';
    font-size: 1.4rem;
    width: 10rem;
    margin-bottom: 3.5rem;
    position: relative;
    line-height: 1.3;
}
.caSplit .caWhiteSide h2::after {
    content: "";
    position: absolute;
    background-color: #808080;
    height: 1px;
    width: 10rem;
    left: 0;
    right: 0;
    margin: auto;
    bottom: .55rem;
}
.caSplit .caWhiteSide h2::before {
    content: "";
    position: absolute;
    background-color: #808080;
    height: 1px;
    width: 7.5rem;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 2.3rem;
}
.xNam .caImageCover{
  height: 24rem;
}

.ourStory h3 {
    font-family: 'Grotesk-Regular';
    font-size: 1.4rem;
    width: 10rem;
    color: #fff;
    text-align: center;
    display: block;
    margin: auto;
    margin-bottom: 2.5rem;
    position: relative;
}
.ourStory h3::after {
    content: "";
    position: absolute;
    background-color: #fff;
    height: 1px;
    width: 5.5rem;
    left: 0;
    right: 0;
    margin: auto;
    bottom: .3rem;
}
.ourStory p {
    color: #fff;
    text-align: center;
    width: 90%;
    margin: auto;
    max-width: 33rem;
}
.ourStory {
    padding: 6rem 0;
}
.ourScenting {
    background-color: #8898a8;
}
.ourScenting h3 {
    font-family: 'Grotesk-Regular';
    font-size: 1.4rem;
    width: 13rem;
    color: #fff;
    text-align: center;
    display: block;
    margin: auto;
    margin-bottom: 2.5rem;
    position: relative;
}
.ourScenting h3::after {
    content: "";
    position: absolute;
    background-color: #fff;
    height: 1px;
    width: 96%;
    left: 0;
    right: 0;
    margin: auto;
    bottom: .3rem;
}
.ourScenting ul {
    overflow: hidden;
    margin: auto;
    width: 65%;
    max-width: 20rem;
}
.ourScenting {
    background-color: #8898a8;
    padding: 5rem 0;
}
.howWorks h2 {
    font-family: 'Grotesk-Regular';
    font-size: 1.4rem;
    width: 10rem;
    color: #808080;
    text-align: center;
    display: block;
    margin: auto;
    margin-bottom: 2.5rem;
}
.howWorks h2::after {
    content: "";
    position: absolute;
    background-color: #808080;
    height: 1px;
    width: 7.5rem;
    left: 0;
    right: 0;
    margin: auto;
    bottom: .3rem;
}
.howWorks p {
    color: #808080;
    text-align: center;
    width: 90%;
    max-width: 52rem;
}
.howWorks {
    padding: 6rem 0;
}

.ourApproach h3 {
    font-family: 'Grotesk-Regular';
    font-size: 1.4rem;
    width: 10rem;
    color: #fff;
    text-align: center;
    display: block;
    margin: auto;
    margin-bottom: 2.5rem;
    position: relative;
}
.ourApproach h3::after {
    content: "";
    position: absolute;
    background-color: #fff;
    height: 1px;
    width: 8rem;
    left: 0;
    right: 0;
    margin: auto;
    bottom: .3rem;
}
.ourApproach p{
    color: #fff;
    text-align: center;
    width: 90%;
    margin: auto;
    max-width: 49rem;
}
.ourApproach {
    padding: 6rem 0;
    background-color: #b3b3b3;
}

.timeLine ol small{
    font-size: .8rem;
    display: block;
    text-align: center;
}
.timeLine ol li {
    float: left;
    width: 16%;
    margin: 2%;
}
.timeLine ol {
    overflow: hidden;
    width: 90%;
    margin: 4rem auto;
    position: relative;
}
.timeLine ol::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    width: 80%;
    height: 1px;
    background-color: #808080;
    top: 1.5rem;
    z-index: -1;
    margin: auto;
}
.timeLine ol li img{
    display: block;
    width: 2rem;
    margin: auto;
    margin-bottom: 2rem;
}
.timeLine ul li{
  border-bottom: 1px solid #808080;
}
.timeLine ul li:first-child{
  border-top: 1px solid #808080;
}
.timeLine ul li {
    position: relative;
    height: 15rem;
}
.timeLine ul li div{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
        left: 0;
    right: 0;
}
.timeLine ul h4{
    font-size: 1.4rem;
    color: #808080;
    text-align: center;
    display: block;
    margin: auto;
    margin-bottom: 1.5rem;
    position: relative;
}
.timeLine ul h4::after {
    content: "";
    position: absolute;
    background-color: #808080;
    height: 1px;
    width: 8.5rem;
    left: 0;
    right: 0;
    margin: auto;
    bottom: .3rem;
}
.timeLine ul li:nth-child(1) h4::after {
    width: 10.5rem;
}
.timeLine ul li:nth-child(4) h4::after {
    width: 11.5rem;
}
.timeLine ul p {
    color: #808080;
    font-size: 1rem;
    text-align: center;
    width: 90%;
    max-width: 25rem;
}
.InsMonServ h4{
    font-size: 1.4rem;
    color: #808080;
    text-align: center;
    display: block;
    margin: auto;
    margin-bottom: 1.5rem;
    position: relative;
}
.InsMonServ h4::after {
    content: "";
    position: absolute;
    background-color: #808080;
    height: 1px;
    width: 18.5rem;
    left: 0;
    right: 0;
    margin: auto;
    bottom: .3rem;
}
.InsMonServ p{
    color: #808080;
    font-size: 1rem;
    text-align: center;
    width: 90%;
    margin-bottom: 0 !important;
}

.InsMonServ{
    padding: 4rem 0;
}
.hVacBan .slideInfo > div {
    max-width: 22rem;
    padding: 3.5rem;
    box-sizing: initial;
}
.yust {
    max-width: initial !important;
    padding: 3rem 0 !important;
    box-sizing: border-box;
}
.yustParent{
  padding: initial !important;
}
.blogNpan.slideInfo {
    max-width: 32rem;
    padding: 3.5rem;
}
.hvac h5{
    font-size: 1.2rem;
    color: #808080;
    text-align: center;
    display: block;
    margin: auto;
    margin-bottom: 3rem;
    font-family: 'Grotesk-Light';
}
.hvac h5::after {
    content: "";
    position: absolute;
    background-color: #808080;
    height: 1px;
    width: 7.5rem;
    left: 0;
    right: 0;
    margin: auto;
    bottom: .3rem;
}
.hvac p {
    font-size: 1rem;
    line-height: 1.3;
    text-align: center;
    color: #808080;
    width: 90%;
    margin: auto;
    max-width: 47rem;
}
.hvac  {
    padding: 5rem 0px;
}
.hcare .slideInfo h1::after {
    width: 10.5rem !important;
    bottom: .9rem;
}
#mons::after {
    width: 9.4rem !important;
    bottom: .7rem;
}
.howItWorks {
    background-color: #8898a8;
    padding: 4.5rem 0;
}
.howItWorks h4 {
    font-family: 'Grotesk-Light';
    font-size: 1.4rem;
    width: 10rem;
    margin-bottom: 1.5rem;
    text-align: center;
    color: #fff;
    display: block;
    width: 100%;
}
.howItWorks .imgaContainer{
    width: 75%;
    margin: auto;
}
.faq h3 {
    font-family: 'Grotesk-Regular';
    font-size: 1.4rem;
    color: #fff;
    text-align: center;
    display: block;
    margin: auto;
    margin-bottom: 5rem;
}
.faq h3::after {
    content: "";
    position: absolute;
    background-color: #fff;
    height: 1px;
    width: 15.5rem;
    left: 0;
    right: 0;
    margin: auto;
    bottom: .3rem;
}

.faq {
    background-color: #b3b3b3;
    padding: 5rem 0;
}
.faq h6 {
    color: #fcfcf2;
    font-size: 1.15rem;
    float: left;
    font-weight: 600;
    letter-spacing: 1.5px;
    line-height: 1.4;
    text-decoration: underline;
    width: 90%;
}
.faq p {
    font-family: 'Grotesk-Light';
    font-size: .9rem;
    color: #fcfcf2;
    margin-top: .5rem;
    float: left;
    clear: both;
    max-width: initial !important;
    letter-spacing: 1px;
}
.block01{
  background-color: #b3b3b3;
  position: relative;
      height: 15rem;
}
.block01 h1 {
    font-size: 1.4rem;
    color: #fff;
    text-align: center;
    display: block;
    margin: auto;
    margin-top: 2rem;
}
.block01 h1::after {
    content: "";
    position: absolute;
    background-color: #fff;
    height: 1px;
    width: 15.5rem;
    left: 0;
    right: 0;
    margin: auto;
    bottom: .3rem;
}
.zFts::after {
  width: 9.5rem !important;
}
.block01 img{
    width: 3rem;
    margin: auto;
}
.block02{
  background-color: #8898a8;
  position: relative;
      height: 15rem;
}
.fitnessIntro{ 
    margin-top: 4.3rem;
}
.block02 p {
    font-size: 1rem;
    line-height: 1.3;
    text-align: center;
    color: #ffffff;
    width: 90%;
    margin: auto;
    max-width: 21rem;
}
.block01 > div,
.block02 > div{
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
.fitnessIntro .caImageCover{
  height: 25rem;
}
.fitnessSection {
    background-color: #b3b3b3;
    padding: 5rem 0;
}
.fitnessSection p {
    color: #fff;
    text-align: center;
    width: 90%;
    margin: auto;
    max-width: 52rem;
}
.caInspire {
    background-color: #fcfcf2;
    padding: 3.5rem 0;
}
.caInspire h3{
    font-family: 'Grotesk-Regular';
    font-size: 1.4rem;
    width: 10rem;
    color: #808080;
    text-align: center;
    display: block;
    margin: auto;
    margin-bottom: 2.5rem;
    position: relative;
}
.caInspire h3::after {
    content: "";
    position: absolute;
    background-color: #808080;
    height: 1px;
    width: 8.2rem;
    left: 0;
    right: 0;
    margin: auto;
    bottom: .3rem;
}
.caInspire p{
    color: #808080;
    font-size: 1.1rem;
    text-align: center;
    font-family: 'Grotesk-Regular';
    font-style: italic;
    letter-spacing: initial;
    width: 90%;
    max-width: 30rem;
}
.caInspire img{
    width: 3rem;
    margin: auto;
    margin-bottom: 3rem;
}
.hcare .slideInfo img{
    width: 3rem;
    margin: auto;
    margin-bottom: 2rem;
}
.hcare .slideInfo {
    max-width: 22rem;
    padding: 2rem 3.5rem;
}
.healthIntro p {
    color: #fff;
    text-align: center;
    width: 90%;
    margin: auto;
    max-width: 50rem;
}
.ltp{
  width: 15rem !important;
  position: relative;
}
.ltp::after {
    width: 12rem !important;
}
.ltp::before {
    content: "";
    position: absolute;
    background-color: #808080;
    height: 1px;
    width: 14rem;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 1.7rem;
}
.healthIntro{
  background-color: #8898a8;
  padding: 5rem 0;
}
.infoCol {
    background-color: #b3b3b3;
    padding: 4rem 0;
}
.infoCol p {
    font-size: 1.1rem;
    text-align: center;
    width: 90%;
    color: #fcfcf2;
    max-width: 21rem;
}
.infoCol h3 {
    font-size: 1.4rem;
    text-align: center;
    color: #fff;
    display: block;
    margin: auto;
    letter-spacing: 1px;
    width: 11rem;
    margin-bottom: 4rem;
}
.waz{
  position: relative;
  line-height: 1.4;
}
.waz::before {
    content: "";
    position: absolute;
    background-color: #fff;
    height: 1px;
    width: 11rem;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 2.5rem;
}
.waz::after {
    content: "";
    position: absolute;
    background-color: #fff;
    height: 1px;
    width: 9.5rem;
    left: 0;
    right: 0;
    margin: auto;
    bottom: .6rem;
}
.smk {
    font-size: 1.3rem !important;
    max-width: 26rem !important;
}
#hpz {
    padding: 2rem 0 !important;
}
#hpz > div {
    box-sizing: border-box !important;
}
#hpz > div h1::after {
    width: 9rem !important;
    bottom: .8rem;
}
.caTwoCol{
  position: relative;
  overflow: hidden;
}
.caTwoCol .imgCol {
    height: 27rem;
}
.hospIntro{
  padding: 7rem 0;
}
.hospIntro p {
    max-width: 43rem;
}
.hps h3{
  width: 16rem;
}
.realState{
  height: 22rem;
}
.rts h3 {
    width: 15rem;
}
.rts p {
    color: #808080;
    font-size: 1.1rem;
    text-align: center;
    font-family: 'Grotesk-Regular';
    font-style: italic;
    letter-spacing: initial;
    width: 90%;
    max-width: 32rem;
}
.transP p {
    max-width: 46rem;
}
.pPower p {
    max-width: 49rem;
}
.cPow p{
  max-width: 48rem;
}
.pvs h1{
  font-family: 'Grotesk-Light';
    font-size: 1.4rem !important;
    margin-bottom: 1.5rem;
    text-align: center;
    color: #fff;
    display: block;
    width: 100%;
    text-decoration: none;
}
.pvs h1::after{
  display: none !important;
}
.xxs::after {
    width: 10rem !important;
}
.xxs::before {
    content: "";
    position: absolute;
    background-color: #808080;
    height: 1px;
    width: 13.5rem;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 1.7rem;
}
.qqs::after {
    width: 9.3rem !important;
}
.qqs::before {
    content: "";
    position: absolute;
    background-color: #808080;
    height: 1px;
    width: 14rem;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 1.7rem;
}
.yys::after {
    width: 6.5rem !important;
}
.ssw::before {
    content: "";
    position: absolute;
    background-color: #ffffff;
    height: 1px;
    width: 12.5rem;
    left: 0;
    right: 0;
    margin: auto;
    bottom: .7rem;
}
.ssw::after{
  display: none !important;
}
.drs::after{
  width: 3.5rem !important;
}
.slank::after {
    width: 13.7rem !important;
}
.pkr::after {
    width: 6.3rem !important;
}
.pkr::before {
    content: "";
    position: absolute;
    background-color: #808080;
    height: 1px;
    width: 10rem;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 1.7rem;
}
.mln{
      max-width: 46rem;
}
.pvs p{
    font-size: 1.1rem;
    line-height: 1.2;
    text-align: center;
    color: #fff;
    margin-bottom: 0 !important;
}
.cScenting p{
    color: #808080;
    text-align: center;
    max-width: 29.2rem;
    margin-bottom: 4rem !important;
}
.cScenting p:last-of-type{
  margin-bottom: 0 !important;
}
.cScenting {
    padding: 7rem 0;
    background-color: #fcfcf2 !important;
}
.caPlansIntro p {
    font-size: 1.1rem;
    text-align: center;
    width: 90%;
    color: #000;
    max-width: 47rem;
    margin-bottom: 8rem !important;
}
.plansTable{
  width: 100%;
  margin:auto;
  overflow-x:scroll;
}
table td{
  vertical-align: middle;
}
.caNoobs{
  background-color: #8898a8;
  color: #fff;
}   
.caNoobs b {
    font-size: .9rem;
    text-align: center;
    display: block;
    width: 90%;
    margin: auto;
    margin-bottom: .7rem;
    line-height: 1.2;
}
.caNoobs b i{
  font-style: italic;
  text-decoration: underline;
}
.caNoobs h6{
    padding-left: 1rem;
}
.caNoobs h3 {
    font-size: 1.3rem;
    text-decoration: underline;
    display: block;
    text-align: center;
    width: 77%;
    margin: 1.5rem auto;
}
.caTts {
    background-color: #000000;
    color: #fff;
    padding: 1rem;
}
.caTts small{
    color: #fff;
    font-family: 'Grotesk-Light';
    font-size: 1rem;
    letter-spacing: 1px;
}
.caJess{
  background-color: #b3b3b3;
  color: #fff;
}
.caJess span {
    display: block;
    text-align: center;
    margin: auto;
    text-decoration: underline;
    width: 90%;
}
.nLms {
    vertical-align: top;
    padding-top: 2.5rem;
}
.caJess img{
  width: 1.5rem;
  margin: auto;
}
tr{
  border-bottom: 1px solid #000;
}
.wbsBorder {
    border-right: 5px solid #fcfcf2;
}
.mtyBorder {
    border-right: 3px solid #fcfcf2;
}
.wbsBorder {
    border-right: 5px solid #fcfcf2;
    border-bottom: 1px solid #fcfcf2;
}
.servicePlan {
    padding: 5rem 0;
}
.servicePlan h4{
    font-family: 'Grotesk-Light';
    font-size: 1.4rem;
    width: 22rem;
    color: #000000;
    text-align: center;
    margin: auto;
    margin-bottom: 2rem;
}
.servicePlan ul li {
    padding: 2rem 0;
}
.servicePlan ul li img{
    width: 5rem;
    margin: auto;
}
.servicePlan ul li h5 {
    text-align: center;
    font-size: 1.1rem;
    display: block;
    max-width: 10rem;
    margin: auto;
    line-height: 1.4;
    margin-top: 2rem;
}
.cTouch span {
    font-size: 1rem;
    font-family: 'Grotesk-Light';
    line-height: 1.4;
    padding-bottom: 2rem;
    display: block;
    max-width: 27rem;
    letter-spacing: 1px;
}
.cTouch h5 {
    font-family: 'Grotesk-Regular';
    font-weight: 600;
    font-size: 1.1rem;
    margin-top: 4rem;
    margin-bottom: 1rem;
    letter-spacing: 1px;
}
.clams{
  background-color: #fcfcf2 !important;
}
.contactBlck{
  background-color: #000;
}
.contactGray{
  background-color: #b3b3b3;
}
.contactBlck h4 {
    font-weight: 600;
    margin-bottom: 1rem;
    margin-bottom: .4rem;
    font-size: 1.1rem;
    padding-top: 3rem;
}
.contactBlck h4, 
.contactBlck a, 
.contactBlck p, 
.contactBlck span {
    color: #fff;
}
.contactBlck input, 
.contactBlck textarea {
    font-size: 1rem;
    padding-bottom: 0rem;
    border-bottom: 1px solid rgba(255,255,255,0.7);
    display: block;
    width: 100%;
    box-sizing: border-box;
    color: #fff;
}
.contactBlck form ul li {
    margin-bottom: 1.2rem;
    width: 100%;
}
.contactBlck span {
    font-size: 1rem;
    display: block;
    width: 100%;
    margin-bottom: 1rem;
}
.contactBlck p {
    line-height: initial;
    font-size: .95rem;
    margin-bottom: 3rem !important;
    margin: initial;
    letter-spacing: 1px;
}
.contactBlck textarea{
    height: 5rem;
}
.contactBlck ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fff;
}
.contactBlck ::-moz-placeholder { /* Firefox 19+ */
  color: #fff;
}
.contactBlck :-ms-input-placeholder { /* IE 10+ */
  color: #fff;
}
.contactBlck :-moz-placeholder { /* Firefox 18- */
  color: #fff;
}
.contactBlck .wrapper{
    padding-bottom: 3rem;
}
.contactGray{
  overflow: hidden;
}
.contactGray h4 {
    font-weight: 600;
    margin-bottom: 1rem;
    margin-bottom: .4rem;
    font-size: 1.1rem;
    padding-top: 3rem;
    color: #fff;
}
.contactGray span {
    font-size: 1rem;
    display: block;
    width: 100%;
    margin-bottom: 1rem;
    color: #fff;
    line-height: 1.4;
    max-width: 20rem;
    letter-spacing: 1px;
}
.many h1 {
    font-size: 1.5rem;
    width: 19rem;
    margin: auto;
}
.many h1::after {
    content: "";
    position: absolute;
    bottom: .6rem;
    background-color: #fff;
    width: 15rem;
    height: 1px;
    left: 0;
    right: 0;
    margin: auto;
}
.many .apps{
  padding: 2.5rem 0 !important;
}
.many h1::before {
    content: "";
    position: absolute;
    bottom: 2.55rem;
    background-color: #fff;
    width: 17.7rem;
    height: 1px;
    left: 0;
    right: 0;
    margin: auto;
}
.clearfix::after {
  content: "";
  clear: both;
  display: table;
}
.contactGray ul {
    width: 90%;
    margin: auto;
    padding-bottom: 2rem;
    padding-top: 3rem;
}
.contactGray ul li{
  float: left;
  width: 50%;
}
.contactGray ul li:hover img{
  -ms-transform: scale(1.1); /* IE 9 */
    -webkit-transform: scale(1.1); /* Safari */
    transform: scale(1.1);
}
.contactGray ul li a{
  display: block;
  overflow: hidden;
  transition:.3s ease all;
}
.contactGray ul li a span{
  transition:.3s ease all;
}
.contactGray ol li a:hover span{
    color: #61615c;
}
.contactGray ul li span{
    display: block;
    margin: auto;
    text-align: center;
    margin-top: 1rem;
    font-size: .9rem;
}
.contactGray ul li img{
    width: 8rem;
    margin: auto;
    transition:.3s ease all;
}
.contactGray ol {
    text-align: center;
    overflow: hidden;
    width: 100%;
    border-top: 1px solid #fff;
    padding-top: 2.5rem;
    padding-bottom: 3rem;
}
.contactGray ol li{
  display: block;
  float: left;
  width: 33.33%;
}
.contactGray ol li a{
  color: #fff;
  transition:.3s ease all;
}
.contactGray ol li a:hover {
    color: #61615c;
}
.neutralFooter{
    padding-top: 0;
}
.caBlog ul {
    overflow: hidden;
    box-sizing: border-box;
    margin: 2rem;
}
.caBlog ul li{
  float: left;
  overflow: hidden;
  position: relative;
  width: 100%;
  margin-bottom: 2rem;
}
.introSection {
    background-color: #b3b3b3;
    box-sizing: border-box;
    padding: 2rem;
}
.introSection p{
    font-size: 1.2rem;
    line-height: 1.3;
    color: #fff;
}
.readMore {
    position: relative;
    display: inline-block;
    color: #fff;
    font-size: 1.3rem;
    letter-spacing: 2px;
    padding-right: 3rem;
    margin-top: 1rem;
}
.readMore::after {
    content: "";
    position: absolute;
    right: 0;
    top: -.2rem;
    width: 2.5rem;
    height: 1.5rem;
    background-image: url(../img/arrw.svg);
    background-repeat: no-repeat;
    background-size: contain;
}
.caBlog .caImageCover{
  height: 15rem;
  text-align: center;
}
.caBlog ul li h2{
    background-color: rgba(179, 179, 179, 0.75);
    color: #fff;
    display: inline-block;
    text-align: center;
    font-size: 1.3rem;
    text-decoration: underline;
    padding: 1.5rem 1.7rem 1.2rem;
    margin: auto;
}
.introSection{
  position: relative;
}
.introSection::after {
    content: "";
    right: 1.5rem;
    bottom: 1.5rem;
    width: 2rem;
    height: 2rem;
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
}
.fitnessPost .introSection::after{
  background-image: url(../img/iBottle.svg);
}
.heatlhPost .introSection::after{
  background-image: url(../img/iHealth.svg);
}
.hospitalityPost .introSection::after{
  background-image: url(../img/iFood.svg);
}
.realStatePost .introSection::after{
  background-image: url(../img/iHome.svg);
}
.retailPost .introSection::after{
  background-image: url(../img/iBottle.svg);
}
.transportationPost .introSection::after{
  background-image: url(../img/iTransportation.svg);
}
.titleSection > div{
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    position: absolute;
    width: 100%;
}
.caPost {
    margin-top: 4.2rem;
}
.caPost .caImageCover{
  padding-bottom: 60%;
}
.caPostInfo h3{
    color: #808080;
    text-decoration: underline;
    font-size: 1.7rem;
}
.caDate {
    color: #808080;
    font-size: .9rem;
    display: block;
    margin-top: .8rem;
    width: 100%;
    margin-bottom: 3rem;
}
.caPostInfo h3 {
    color: #808080;
    text-decoration: underline;
    font-size: 1.7rem;
    margin-top: 3rem;
}
.caPostInfo p {
    color: #808080;
    font-size: 1.2rem;
    line-height: 1.2;
    max-width: initial !important;
}
.caShareButton{
    color: #808080;
    text-decoration: underline;
    font-family: 'Grotesk-Regular';
    font-weight: 600;
    letter-spacing: 1px;
    border: 1px solid #808080;
    padding: .8rem 1rem;
    margin-top: 2rem;
    display: inline-block;
}
.recomendedPost > div {
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    position: absolute;
    width: 100%;
}
.recomendedPost ul li{
  background-color: #b3b3b3;
}

.recomendedPost ul li .caImageCover{
  text-align: center;
}
.recomendedPost ul li h2 {
    background-color: rgba(179, 179, 179, 0.75);
    color: #fff;
    display: inline-block;
    text-align: center;
    font-size: 1.3rem;
    text-decoration: underline;
    padding: 1.5rem 1.7rem 1.2rem;
    margin: auto;
}
.recomendedPost ul li h6,
.recomendedPost ul li span {
  color: #fff;
  text-align: center;
}
.recomendedPost ul li h6 {
    font-size: 1.3rem;
    text-decoration: underline;
    margin-bottom: .3rem;
}
.recomendedPost ul li span {
    font-size: 1.2rem;
    font-style: italic;
    display: block;
}
.recomendedPost ul li:first-child div{
    width: 80%;
    margin: auto;
    padding: 5rem 0px;
}
.recomendedPost {
    overflow: hidden;
    margin-top: 4rem;
}
.appear-bottom,
.appear-top,
.appear-left,
.appear-right{
  visibility: hidden;
}
.app-bottom,
.app-top,
.app-left,
.app-right{
  visibility: hidden;
}
.thnks{
  display: none;
}
.thnks h2{
    color: #fff;
    text-decoration: underline;
    font-size: 2.1rem;
    margin-bottom: 1rem;
}
.thnks p{
  font-size: 1.2rem;
}
.hbv{
  box-sizing:border-box !important;
}
.wos > div {
    padding: 3.5rem 0 !important;
}
.wos h1::after {
    bottom: .7rem;
    width: 13rem;
}
@media screen and (min-width: 400px){
.servicePlan ul li {
    float: left;
    width: 50%;
}
.servicePlan ul {
    width: 85%;
    margin: auto;
    max-width: 25rem;
}
}
@media screen and (min-width: 600px){
footer form ul li{
  width: 50%;
  float: left;
}
.ourScenting li {
    float: left;
    width: 33.33%;
}
.ourScenting ul {
    width: 90%;
    max-width: initial;
}
.ourScenting li:nth-child(2) img{
    margin-top: 4rem;
}
.ourScenting li:nth-child(3) img{
    margin-top: 2.2rem;
}
.timeLine ol::after {
    top: 1.8rem;
}
.faq .caSplit > div{
  float: left;
  width: 50%;
}

.contactBlck .wrapper {
    padding-bottom: 3rem;
    width: 80%;
}
.contactBlck form ul li{
  float: left;
  width: 46%;
  margin-bottom: 1.9rem;
}
.contactBlck form ul li:nth-child(even){
  margin-left:7%;
}
.contactBlck form ul li:nth-child(9),
.contactBlck form ul li:nth-child(10){
  margin-left: 0;
  width: 100%;
  margin-top: 1rem;
}
}
@media screen and (min-width: 700px){
  .caSplit{
    overflow: hidden;
  }
  .caSplit > div{
    width: 50%;
    height: 100% !important;
  }
  .fLeft .caGraySide{
    float:left;
  }
  .fLeft .caImageCover{
    right: 0;
    position: absolute;
  }
  .fRight .caWhiteSide{
    float:right;
  }
  .fRight .caImageCover{
    left: 0;
    position: absolute;
  }
  .caSplit{
    position: relative;
  }
  .timeLine ul li div {
    margin: auto;
    left: 0;
    right: 0;
  }
  .timeLine ul li{
    float: left;
    width: 50%;
  }
  .timeLine ul {
    overflow: hidden;
    width: 100%;
  }
  .timeLine ul li {
    position: relative;
    height: 15rem;
    overflow: hidden;
    box-sizing:border-box;
    border-top: 1px solid #808080;
  }
  .timeLine ul li:nth-child(3),
  .timeLine ul li:nth-child(4){
    border-top: none !important;
  }
  .timeLine ul li:nth-child(1),
  .timeLine ul li:nth-child(3){
    border-right: 1px solid #808080;
  }
  .cSplitCol{
    overflow: hidden;
    position: relative;
  }
  .cSplitCol .caInfoSide{
    float: left;
    width: 50%;
  }
  .cSplitCol .caImageCover{
    position: absolute;
    right: 0;
    width: 50%;
    height: 100%;
  }
  .caTwoCol .imgCol {
    position: absolute;
    left: 0;
    width: 50%;
    height: 100%;
  }
  .caTwoCol .infoCol{
    float: right;
    width: 50%;
  }
  .infoCol {
    padding: 5rem 0;
  }
  .realState {
    height: 30rem;
  }
  .realStateIntro .cSplitCol .caInfoSide {
    float: right;
    width: 50%;
  }
  .realStateIntro .cSplitCol .caImageCover {
    left: 0;
    right: initial;
}
.servicePlan ul {
    width: 90%;
    max-width: initial;
}
.servicePlan ul li {
    width: 25%;
}
.servicePlan ul li img {
    width: 6rem;
}
.servicePlan ul li h5 {
    line-height: 1.7;
}
.caBlog ul li > div:last-of-type{
  float: right;
  width: 50%;
}
.caBlog .caImageCover {
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
    height: 100%;
}
.caPostInfo{
  float: left;
  width: calc( 100% -  22rem);
}
.recomendedPost{
  float: right;
  width: 20rem;
    margin-top: 0;
}
.recomendedPost ul li:first-child div {
    padding: 3.5rem 0px;
}
.recomendedPost ul li h6, 
.recomendedPost ul li span {
    text-align: left;
}

}
@media screen and (min-width: 800px){
  html{
    font-size: 15px;
  }

.caSplitCol{
  position: relative;
  overflow: hidden;
}
.caSplitCol .caImageCover{
    height: 100% !important;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 50% !important;
}
.sectionWhyZent .caSplitCol > .caInfoSide {
    float: right;
    width: 50% !important;
    padding: 3rem 0;
}
.sectionscentMarket .caSplitCol > .caInfoSide {
    float: left;
    width: 50% !important;
    padding: 6rem 0;
}
.sectionWhyZent .caSplitCol .caImageCover{
    left: 0;
}
.sectionscentMarket .caSplitCol .caImageCover{
    right: 0;
}
.sectionLearn ul{
  max-width: initial;
}
.sectionLearn ul li {
    width: 27%;
    margin: 3%;
}
footer form ul {
    margin-bottom: 4rem;
    width: 47%;
    overflow: hidden;
    float: left;
}
footer form ul:first-child li{
  width: 47%;
}
footer form ul:first-child li:nth-child(even){
  float: right;
}
footer form ul:last-child{
  float: right;
}
footer form ul:last-child li{
  width: 100%;
}
footer input, footer textarea {
    font-size: .8rem;
    padding-bottom: .5rem;
}
.inTouch li {
    margin-bottom: 1.2rem;
}
.sectionWhyZent {
    padding-top: 6rem;
}
.sectionWhyZent .caSplitCol {
    margin-top: 8rem;
}

.contactGray ul li img {
    width: 10rem;
    margin: auto;
}
.contactGray ul {
    margin-top: 5rem;
    margin-bottom: 3rem;
}
.contactGray ol {
    padding-top: 3.3rem;
}
.contactSection{
  background-color: #000;
}
.contactBlck form ul li:nth-child(10){
  margin-top: 0;
}
.contactBlck span{
  font-size: .8rem;
}
.contactBlck form ul li:nth-child(9){
    margin-bottom: 1rem;
}
.contactBlck .wrapper{
  padding-bottom: 0;
}
.cCols > div{
  float: left;
  width: 50%;
}
}
@media screen and (min-width: 900px){
html{
  font-size: 16px;
}
h2 {
    font-size: 1.6rem;
    line-height: 1.6;
}
p {
    font-size: 1.6rem;
    line-height: 1.6;
    margin-bottom: 1.5rem !important;
}
.howWorks h2::after {
    bottom: .8rem;
}
.hjp::after {
    bottom: .8rem !important;
    width: 15rem !important;
}
.smallTxt {
    font-size: 1.4rem;
}
.slideInfo {
    max-width: 28rem;
}
.pvs .slideInfo {
    max-width: 29rem;
}
.slideInfo h1 {
    font-size: 2.1rem;
}
.caImageCover a {
    font-size: 1.5rem;
    width: 12rem;
}
.timeLine ol::after {
    top: 2rem;
}
.block01,
.block02{
  height: calc(50vh - 41.5px);
}
.realState {
    height: 38rem;
}
.cScenting p {
    max-width: 38rem;
}
.nav{
  display: block;
    float: right;
}
.nav ul > li{
  float: left;
  margin-left: 1.5rem;
  position: relative;
}
.nav ul > li:first-child{
  margin-left: 0;
}
.nav ul > li:nth-child(5){
  display: none;
}
.nav > li:first-child{
  margin-left: 0;
}
.nav a {
    text-transform: uppercase;
    color: #000;
    letter-spacing: 2px;
    font-size: .85rem;
    cursor: pointer !important;
    transition: .3s ease all;
    padding: 1.5rem 0;
    display: block;
}
.nav a:hover,
.nav a.active{
  text-decoration: underline;
}
.nav li ol {
    position: absolute;
    left: -1.5rem;
    top: 2.8rem;
    background-color: #fcfcf2;
    padding: 1.5rem;
}
.subAbout{
  width: 9rem;
}
.subInd{
  width: 10rem;
}
    
.nav li ol li{
  display: block;
  width: 100%;
}
.nav li ol li a{
    display: block;
    box-sizing: border-box;
    padding: 1rem 0;
}
.subMenu{
  display: none;
}
.nav li:hover .subMenu{
  display: block;
}
.logo {
    width: 9rem;
    height: 2.7rem;
}
#navIcon{
  display: none;
}
.sectionMemorable h2::after {
    bottom: .9rem;
    width: 26rem;
}
.ssw::before {
    width: 14rem;
}
.many h1 {
    width: 25rem;
}
.many h1::before {
    bottom: 3.55rem;
    width: 23rem;
}
.many h1::after {
    bottom: .9rem;
    width: 19.5rem;

}
.many {
    max-width: 32rem !important;
}
.many div {
    max-width: 29rem;
}
.sectionLearn h2::after {
    width: 27rem;
    bottom: .9rem;
}
#mons::after {
    width: 10.5rem !important;
    bottom: .7rem;
}
#hpz > div h1::after {
    width: 10.2rem !important;
    bottom: .9rem;
}
.wos h1::after {
    bottom: .7rem;
    width: 14.5rem;
}
}
@media screen and (min-width: 1100px){
html{
  font-size: 17px;
}
.timeLine ol::after {
    top: 2.2rem;
}
.timeLine ul li {
    height: 17rem;
}
.introSection {
    padding: 3rem;
}
}
@media screen and (min-width: 1300px){
html{
}
.timeLine ol::after {
    top: 2.4rem;
}
}