@import url("//hello.myfonts.net/count/4cf258");
@font-face {
  font-family: "MacklinDisplay-Medium";
  src: url('../../webFonts/MacklinDisplayMedium/font.woff2') format('woff2'), url('../../webFonts/MacklinDisplayMedium/font.woff') format('woff'); font-display: swap;
}
@font-face {
  font-family: "MacklinSans-Light";
  src: url('../../webFonts/MacklinSansLight/font.woff2') format('woff2'), url('../../webFonts/MacklinSansLight/font.woff') format('woff'); font-display: swap;
}
@font-face {
  font-family: "MacklinSans-Regular";
  src: url('../../webFonts/MacklinSansRegular/font.woff2') format('woff2'), url('../../webFonts/MacklinSansRegular/font.woff') format('woff'); font-display: swap;
}
@font-face {
  font-family: "MacklinDisplay-LightItalic";
  src: url('../../webFonts/MacklinDisplayLightItalic/font.woff2') format('woff2'), url('../../webFonts/MacklinDisplayLightItalic/font.woff') format('woff'); font-display: swap;
}
@font-face {
  font-family: "MacklinDisplay-Regular";
  src: url('../../webFonts/MacklinDisplayRegular/font.woff2') format('woff2'), url('../../webFonts/MacklinDisplayRegular/font.woff') format('woff'); font-display: swap;
}
@font-face {
  font-family: "MacklinSans-Bold";
  src: url('../../webFonts/MacklinSansBold/font.woff2') format('woff2'), url('../../webFonts/MacklinSansBold/font.woff') format('woff'); font-display: swap;
}
/*---------- GENERAL ----------*/
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    padding-right: 13px !important;
    padding-left: 13px !important;
    }
.row {
    margin-right: -13px !important;
    margin-left: -13px !important;
    }
a:hover{
    color: #95a500;
    }
p{
    margin: 0px;
    }
h1{
    font-size: 42px;
    margin-left: -2px;
    }
h2{
    font-size: 36px;
    }
h3{
    font-size: 30px;
    }
h4{
    font-size: 24px;
    }
h5{
    font-size: 21px;
    }
h6{
    font-size: 18px;
    }
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    line-height: 1em;
    font-weight: inherit;
    margin: 0px;
    letter-spacing: -0.01376em;
    }
picture{
    width: 100%;
    }
.regular-1{
    font-family: "MacklinDisplay-Regular";
    }
.regular-2{
    font-family: "MacklinSans-Regular";
    }
.medium-1{
    font-family: "MacklinDisplay-Medium";
    }
.medium-2{
    font-family: "MacklinSans-Medium";
    }
.bold-1{
    font-family: "MacklinDisplay-Medium";
    }
.bold-2{
    font-family: "MacklinSans-Bold";
    }
.italic-1{
    font-family: 'MacklinDisplay-Italic' !important; 
    }
.italic-2{
    font-family: "MacklinDisplay-Italic";
    }
.italic-3{
    font-family: "MacklinDisplay-BoldItalic";
    }
.uppercase{
    text-transform: uppercase;
    }
.text-pull-left-1{
    margin-left: -4px;
    }
.green-1{
    color: #c4d800;
    }
.green-2{
    color: #95a500;
    }
.grey{
    color: #696760;
    }
.black{
    color: #000;
    }
.large-4{
    display: none !important;
    }
.small-4{
    display: block !important;
    }
.large-5{
    display: none !important;
    }
.small-5{
    display: block !important;
    }
.large-6{
    display: none !important;
    }
.small-6{
    display: block !important;
    }
.large-7{
    display: none !important;
    }
.small-8{
    display: block !important;
    }
.large-8{
    display: none !important;
    }
.lead-space{
    margin-bottom: 25px;
    }
.lead-space-2{
    margin-bottom: 25px;
    }
.last-letter{
    letter-spacing: 0px;
    }
.content-block{
    position: relative;
    width: 100%;
    max-width: 1660px;
    margin: 0px auto;
    padding: 26px 13px 26px 13px;
    overflow: hidden;
    }
.content-block.top{
    margin-top: 50px;
    padding-top: 52px;
    padding-bottom: 0px;
    }
.content-block.full-width{
    max-width:  100%;
    margin: 0px auto;
    padding: 26px 0px 26px 0px;
    }
.content-block.top-adjust-1 {
    padding: 52px 13px 26px 13px;
    }
.content-block.top-adjust-2 {
    padding: 52px 13px 26px 13px;
    }
.content-block.top-adjust-3 {
    padding: 52px 13px 26px 13px;
    }
.content-block.top-adjust-4 {
    padding: 78px 13px 26px 13px;
    }
.pad-top-52{
    padding-top: 52px;
    }
.page-head-text{
    position: relative;
    }
.page-title{
    position: relative;
    font-size: 72px;
    font-family: 'MacklinDisplay-Medium';
    }
.header-messsage{
    font-size: 36px;
    line-height: 1.05em;
    letter-spacing: -0.006em;
    margin-left: -1px;
    }
.header-click-text{
    position: absolute;
    font-size: 9px;
    letter-spacing: 0.1em;
    margin-left: 0px;
    margin-top: -2px;
    }
.page-title-size{
    font-size: 48px;
    line-height: 1em;
    }
.image-block{
    position: relative;
    display: block;
    margin-bottom: 13px;
    cursor: pointer;
    }
.image-block.last{
    margin-bottom: 0px;
    }
.click-text{
    position: relative;
    bottom: 5px;
    float: right;
    text-align: right;
    width: 100%;
    margin-right: 0px;
    font-size: 14px;
    letter-spacing: 0.06em;
    color: #41423c;
    font-family: "MacklinSans-Medium";
    text-transform: uppercase;
    display: none;
    }
.click-text.adj-left{
    text-align: left;
    float: none;
    display: none;
    }
.image-click-text{
    position: absolute;
    bottom: 5px;
    right: 30px;
    font-size: 12px;
    letter-spacing: 0.06em;
    color: #FFF;
    font-family: 'MacklinSans-Light';
    text-transform: uppercase;
    display: none;
    }
.underline{
    border-bottom: 2px solid #abbe00;
    padding-bottom: 3px;
    }
.image-padding{
    padding-bottom: 25px;
    }
.everhome-title{
    font-family: 'MacklinSans-Light';
    font-size: 34px;
    color: #95a500;
    letter-spacing: 0em;
    }
.everhome-title .part-1{
    font-family: 'MacklinDisplay-LightItalic';
    font-size: 48px;
    line-height: 0em;
    color: #696760;
    letter-spacing: -0.03em;
    }
/*---------- /GENERAL ----------*/
/*---------- HEADER ----------*/
header.header-shrink{
    height: 92px;
    }
header.header-shrink .header-logo{
    width: 186px;
    }
header.header-shrink .header-menu{
    margin-top: 26px;
    }
header.header-shrink .header-menu-top{
    margin-top: -15px;
    }
header.header-shrink .header-message {
    transition: all ease-in-out 300ms;
    top: 60px;
    }
/*----- MIN NAV -----*/
.min-nav.header-shrink .min-logo {
    width: 106px;
    margin: -6px 0px 0px 0px;
    }
.min-nav.header-shrink{
    height: 42px;
    }
.min-nav.header-shrink .header-message-min-nav {
    top: 6px;
    width: 69px;
    right: 68px;
    }
.min-nav.header-shrink .min-nav-btn {
    top: -6px;
    }
/*----- DROP DOWN -----*/
.drop-down-navigation.on{
    top: 0%;
    }
.drop-down-navigation .menu{
    position: relative;
    display: block;
    }
.drop-down-navigation ul{
    display: block;
    position: relative;
    margin-top: 83px;
    padding: 0px;
    }
.drop-down-navigation ul li{
    position: relative;
    font-family: 'MacklinSans-Light';
    font-size: 24px;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    }
.drop-down-navigation ul li.div-line{
    position: relative;
    display: block;
    width: 100%;
    height: 1px;
    background-color: #cfd2be;
    margin: 15px 0px;
    }
/* ---------- /HEADER ---------- */
/* ---------- /FULL SIZE IMAGES ---------- */
@media only screen and (min-width:400px){
/* ---------- GENERAL ---------- */
.large-4{
    display: block !important;
    }
.small-4{
    display: none !important;
    }
/* ---------- /GENERAL ---------- */
}
@media only screen and (min-width:524px){
/* ---------- GENERAL ---------- */
.large-5{
    display: block !important;
    }
.small-5{
    display: none !important;
    }
/* ---------- /GENERAL ---------- */
}
@media only screen and (min-width:624px){
/* ---------- GENERAL ---------- */
.click-text{
    display: block;
    }
.click-text.adj-left{
    display: block;
    }
.image-click-text{
    display: block;
    }
/* ---------- /GENERAL ---------- */
}
@media only screen and (min-width:768px){
/* ---------- GENERAL ---------- */
.large-7{
    display: block !important;
    }
.small-7{
    display: none !important;
    }
.content-block{
    padding: 26px 26px 26px 26px;
    }
.content-block.top{
    margin-top: 110px;
    padding-bottom: 26px;
    padding-top: 0px;
    }
.content-block.top-adjust-1 {
    padding: 52px 26px 26px 26px;
    }
.content-block.top-adjust-2 {
    padding: 52px 26px 26px 26px;
    }
.content-block.top-adjust-3 {
    padding: 52px 26px 26px 26px;
    }
.content-block.top-adjust-4 {
    padding: 78px 26px 26px 26px;
    }
/* ---------- /GENERAL ---------- */
/* ---------- HEADER ---------- */
.min-nav.header-shrink .header-message-min-nav {
    right: 76px;
    width: 76px;
    }
/* ---------- /HEADER ---------- */
}
@media only screen and (min-width:824px){
/* ---------- GENERAL --------- */
h1{
    font-size: 60px;
    margin-left: -3px;
    }
h2{
    font-size: 48px;
    }
h3{
    font-size: 36px;
    }
h4{
    font-size: 30px;
    }
h5{
    font-size: 24px;
    }
h6{
    font-size: 21px;
    }
.header-messsage{
    font-size: 48px;
    margin-left: -2px;
    }
.large-6{
    display: block !important;
    }
.small-6{
    display: none !important;
    }
.image-padding{
    padding-top: 26px;
    padding-bottom: 26px;
    }
.content-block.top-adjust-1 {
    padding: 52px 26px 26px 26px;
    }
.content-block.top-adjust-4 {
    padding: 104px 26px 26px 26px;
    }
.features-icon-cont.last{
    margin-bottom: 26px;
    }
/* ---------- /GENERAL --------- */
}
@media only screen and (min-width:992px){
/* ---------- GENERAL ---------- */
.col-lg-0{
    display: none;
    width: 0px !important;
    flex: 0 0 0%;
    max-width: 0%;
    }
.small-8{
    display: none !important;
    }
.large-8{
    display: block !important;
    }
/* ---------- /GENERAL ---------- */
/* ---------- HEADER ---------- */
header.header-shrink .header-message {
    opacity: 0;
    }
/* ---------- /HEADER ---------- */
}
@media only screen and (min-width:1100px){
/* ---------- GENERAL ---------- */
.content-block.top{
    margin-top: 220px;
    }
/* ---------- /GENERAL ---------- */
/* ---------- HEADER ---------- */
header.header-shrink .Header{
    padding: 6px 26px 6px 26px;
    }
header.header-shrink .header-message {
    top: 104px;
}
/* ---------- /HEADER ---------- */
}
@media only screen and (min-width:1200px){
 /* ---------- GENERAL ---------- */
.header-message{
    top: 156px;
    }
.content-block {
    padding-left: 52px;
    padding-right: 52px;
    }
.content-block.top{
    margin-top: 173px;
    }
.content-block.top-adjust-1 {
    padding: 78px 52px 26px 52px;
    }
.content-block.top-adjust-2 {
    padding: 78px 52px 26px 52px;
    }
.content-block.top-adjust-3 {
    padding: 104px 52px 26px 52px;
    }
.content-block.top-adjust-4 {
    padding: 156px 52px 26px 52px;
    }
.page-title-size{
    font-size: 72px;
    }
.image-padding{
    padding-top: 52px;
    padding-bottom: 52px;
    }
.everhome-title{
    font-size: 52px;
    }
.everhome-title.adj-1{
    font-size: 63px;
    }
.everhome-title .part-1{
    font-size: 75px;
    }
.everhome-title .part-1.adj-1{
    font-size: 90px;
    color:#41423c;
    }
/* ---------- /GENERAL ---------- */
/* ---------- HEADER ----------- */
header.header-shrink .Header{
    padding: 6px 52px 6px 52px;
    }
header.header-shrink .header-message {
    opacity: 1;
    }
}
@media only screen and (min-width:1400px){
/* ---------- GENERAL ---------- */
h1{
    font-size: 89px;
    margin-left: -4px;
    }
h2{
    font-size: 72px;
    }
h3{
    font-size: 48px;
    }
h4{
    font-size: 36px;
    }
h5{
    font-size: 32px;
    }
h6{
    font-size: 24px;
    }
.content-block.top {
    margin-top: 148px;
    }
.content-block.top-adjust-1 {
    padding: 104px 52px 26px 52px;
    }
.content-block.top-adjust-2 {
    padding: 104px 52px 26px 52px;
    }
.content-block.top-adjust-3 {
    padding: 130px 52px 26px 52px;
    }
.content-block.top-adjust-4 {
    padding: 182px 52px 26px 52px;
    }
/* ---------- /GENERAL ---------- */
/* ---------- HEADER ---------- */
header.header-shrink .header-message {
    left: 52px;
    }
/* ---------- /HEADER ---------- */    
}
@media only screen and (min-width:1500px){
.header-message{
    left: 86px;
    }
.col-xxl-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
    }
.col-xxl-2{
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
    }
.col-xxl-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    }
.col-xxl-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    }
.col-xxl-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
    }
.col-xxl-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
    }
}
@media only screen and (max-width:576px){
    .col-xs-2 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    }
}