/* ========================
   Theme Name: Anrows
   ======================== */


/** Table of Contents:

* 1.0 - Fonts
* 2.0 - Icon-fonts
* 3.0 - Useful classes
* 4.0 - General
    * 4.1 - Forms
    * 4.2 - Buttons
    * 4.3 - Breadcrumbs
* 5.0 - Mobile menu
* 6.0 - Header
* 7.0 - Footer
* 8.0 - Pages
*9.0 - Anrows micro-site
**/

/* 1.0 - Fonts
============================== */
@font-face {
    font-family: 'AvenirBook';
    src: url('../fonts/AvenirBook.eot');
    src: url('../fonts/AvenirBook.eot') format('embedded-opentype'),
    url('../fonts/AvenirBook.woff2') format('woff2'),
    url('../fonts/AvenirBook.woff') format('woff'),
    url('../fonts/AvenirBook.ttf') format('truetype'),
    url('../fonts/AvenirBook.svg#AvenirBook') format('svg');
}
@font-face {
    font-family: 'AvenirBlack';
    src: url('../fonts/AvenirBlack.eot');
    src: url('../fonts/AvenirBlack.eot') format('embedded-opentype'),
    url('../fonts/AvenirBlack.woff2') format('woff2'),
    url('../fonts/AvenirBlack.woff') format('woff'),
    url('../fonts/AvenirBlack.ttf') format('truetype'),
    url('../fonts/AvenirBlack.svg#AvenirBlack') format('svg');
}
@font-face {
    font-family: 'AvenirLight';
    src: url('../fonts/AvenirLight.eot');
    src: url('../fonts/AvenirLight.eot') format('embedded-opentype'),
    url('../fonts/AvenirLight.woff2') format('woff2'),
    url('../fonts/AvenirLight.woff') format('woff'),
    url('../fonts/AvenirLight.ttf') format('truetype'),
    url('../fonts/AvenirLight.svg#AvenirLight') format('svg');
}

@font-face {
    font-family: 'Butler';
    src: url('../fonts/Butler_Regular.eot');
    src: url('../fonts/Butler_Regular.eot') format('embedded-opentype'),
    url('../fonts/Butler_Regular.woff2') format('woff2'),
    url('../fonts/Butler_Regular.woff') format('woff'),
    url('../fonts/Butler_Regular.ttf') format('truetype'),
    url('../fonts/Butler_Regular.svg#Butler_Regular') format('svg');
}
@font-face {
    font-family: 'MinionPro';
    src: url('../fonts/MinionPro.eot');
    src: url('../fonts/MinionPro.eot') format('embedded-opentype'),
         url('../fonts/MinionPro.woff2') format('woff2'),
         url('../fonts/MinionPro.woff') format('woff'),
         url('../fonts/MinionPro.ttf') format('truetype'),
         url('../fonts/MinionPro.svg#MinionPro') format('svg');
}
/* 2.0 - Icon fonts
============================== */
@font-face {
  font-family: 'icomoon';
  src:  url('../icon-fonts/icomoon.eot?55xvk7');
  src:  url('../icon-fonts/icomoon.eot?55xvk7#iefix') format('embedded-opentype'),
    url('../icon-fonts/icomoon.ttf?55xvk7') format('truetype'),
    url('../icon-fonts/icomoon.woff?55xvk7') format('woff'),
    url('../icon-fonts/icomoon.svg?55xvk7#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-envelope:before {
  content: "\e909";
}
.icon-close:before {
  content: "\e907";
}
.icon-menu:before {
  content: "\e906";
}
.icon-search:before {
  content: "\e900";
}
.icon-arrow-thin-right:before {
  content: "\e902";
}
.icon-share:before {
  content: "\e903";
}
.icon-google:before {
  content: "\e904";
}
.icon-triangle-down:before {
  content: "\e602";
}
.icon-play-button:before {
  content: "\e908";
}
.icon-twitter:before {
  content: "\e901";
}
.icon-feed:before {
  content: "\e905";
}
.icon-rss:before {
  content: "\e905";
}

/* 3.0 - Useful classes
============================== */
.relative-block{
    position: relative;
}
.full-width-slider > .sl:not(:first-child){
    display: none;
}
.info-tooltip{
    display: inline-block;
    width: 11px;
    height: 11px;
    text-transform: none;
    background-color: #7D791C;
    color: #fff;
    border-radius: 50%;
    font-size: 10px;
    text-align: center;
    line-height: 11px;
    margin-top: -6px;
}
.link-underline,
.link-hover-underline{
    position: relative;
    display: inline-block;
    padding-bottom: 3px;
}
.link-hover-underline:before,
.link-underline:before{
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    left: 0;
    bottom: 0px;
    background-color: #7D791C;
    visibility: visible;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    transform-origin: 0;
}
.link-hover-underline:before{
    visibility: hidden;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
}
.link-underline:hover:before{
    visibility: hidden;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
}
.link-hover-underline:hover:before {
    visibility: visible;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}
.anchore{
    font-size: 10px;
    text-transform: uppercase;
    color: #9B9B9B;
    text-align: center;
    display: inline-block;
    width: auto;
    margin-top: 12px;
    margin-bottom: 12px;
}
.anchore > span{
    width: 100%;
    display: inline-block;
}
.anchore:after{
    content: "\e602";
    font-family: icomoon;
}
.anchore-arrow{
	height: 30px;
	width: 30px;
    line-height: 30px;
	background-color: #FFFFFF;
	box-shadow: 0 2px 6px 0 rgba(0,0,0,0.12);
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    text-align: center;
    color: #1F2D3A !important;
    padding-top: 3px;
    z-index: 5;
    font-size: 18px;
}
.anchore-arrow > span{
    color: inherit !important;
}
.link-more{
    line-height: 1;
    text-transform: uppercase;
    font-weight: 900;
    color: #4A4A4A;
    font-size: 0.85em;
}
.section-lg{
    padding-top: 100px;
    padding-bottom: 100px;
}
.grey-section{
    background-color: #fdfcf8;
}
.transparent-bg:before {
    content: "";
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.97) 0%, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 0) 100%);
    height: 100%;
    width: 30%;
    position: absolute;
    top: 0;
    left: 0.9375rem;
}
.v-delim{
    border-left: 1px solid #E5E5E5;
}
.clear-line{
    border-color: #E5E5E5;
    max-width: none;
    margin: 0;
}
.social.menu{
    margin-bottom: 2em;
}
.social.menu li{
    margin-right: 10px;
}
.social.menu li a{
    padding: 0;
    width: 32px;
    height: 32px;
    line-height: 36px;
    background-color: #636363;
    text-align: center;
    vertical-align: middle;
    color: #fff;
    font-size: 20px;
}
.social.menu li a:hover{
    background-color: #7D791C;
}
.breadcrumbs li a:hover{
    text-decoration: none;
}
.breadcrumbs{
    margin-bottom: 0;
    padding-top: 15px;
    padding-bottom: 15px;
}
.breadcrumbs li{
    font-family: 'AvenirLight';
    font-size: 14px;
    line-height: 1;
    text-transform: none;
    color: #141414;
}
.breadcrumbs a:hover,
.breadcrumbs a{
    color: inherit;
    padding-bottom: 2px;
    text-decoration: none;
}
.breadcrumbs li:not(:last-child)::after{
    content: '>';
    color: inherit;
    font-size: 14px;
    margin-left: 6px;
    margin-right: 6px;
    line-height: 1;
}
@media screen and (min-width: 64em) {
    .shrink-for-large{
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        max-width: 100%;
    }
}
@media screen and (max-width: 63.96em) {
    .section-lg{
        padding-top: 50px;
        padding-bottom: 50px;
    }
}
@media screen and (max-width: 39.96em) {
    .anchore{
        display: none;
    }
    .text-gaps{
        padding-left: 10px;
        padding-right: 10px;
    }
    .v-delim{
        border-left: none;
        border-top: 1px solid #E5E5E5;
    }
}
/* 4.0 - General
============================== */
body{
    font-size: 16px;
    font-family: AvenirBook;
    background-color: #fff;
}
h1, .h1, h2, h3, .h3, h4{
    font-family: MinionPro;
    
}
h2{
    font-size: 2.75em; /* 44px */
    margin-bottom: 0.7em;
    line-height: 1;
}
h3{
    font-size: 2.225em; /*36*/
    line-height: 1.26;
    margin-bottom: 0.8em;
}
.h4{
    font-size: 1.375em;
    color: #4F9DB3;
    text-transform: uppercase;
    font-family: AvenirBook;
    font-weight: 900;
    letter-spacing: 1.78px;
}
h5{
    font-size: 1em; /* 16px */
    font-family: inherit;
    color: #7D791C;
    letter-spacing: 1.78px;
    text-transform: uppercase;
    margin-bottom: 1em;
    font-weight: 900;
}
h6{
    font-family: 'AvenirBlack';
    font-size: 0.875em; /* 14px */
}
a{
    transition: all .3s;
}
a:hover{
    
}
small{
    display: inline-block;
    line-height: 1.33;
    font-weight: 300;
}
@media screen and (max-width: 63.96em) {
    body{
        font-size: 14px;
    }
}
@media screen and (max-width: 39.96em) {
    h2{
        font-size: 2.3em;
    }
    h3{
        font-size: 1.8em;
    }
}
/**** 4.1 - Forms ****/
.form-field{
    font-size: 0.875em; /** 14px */
    height: 45px;
    box-shadow: none;
    border-color: #000;
    padding-left: 1em;
    padding-right: 1em;
}
select.form-field{
    background-position: 100% 50%;
}
.form-field:focus{
    
}
input::-webkit-input-placeholder {
  color: #3b3738;
}
input:-ms-input-placeholder {
  color: #3b3738;
}
input::-moz-placeholder {
  color: #3b3738;
}
input:-moz-placeholder {
  color: #3b3738;
}
input[type=checkbox]{
    display: none;
}
input[type=checkbox] + label{
    font-size: 1em;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}
input[type=checkbox] + label:before{
    font-family: icomoon;
    content: "\e906";
    display: inline-block;
    width: 17px;
    height: 17px;
    border: 1px solid #f6f6f6;
    background-color: #ebebeb;
    color: rgba(87, 14, 17, 0);
    font-size: 10px;
    text-align: right;
    line-height: 13px;
    transition: all .4s;
    margin-top: 7px;
    margin-right: 13px;
}
input[type=checkbox]:checked + label:before{
    color: #570e11;
}
@media screen and (max-width: 39.96em) {
    .form-field{
        font-size: 1em;
        height: 32px;
    }
}
/**** 4.2 - Buttons ****/
.button{
    font-size: 1em;
    text-transform: uppercase;
    letter-spacing: 1.8px;
}
.animate-children > .button.complete{
    transition: background-color 0.25s ease-out, color 0.25s ease-out;
}

/**** 4.4 - Animation ****/
.animate-children > *{
    transition: all 1.2s ease;
    opacity: 0;
    transform: translateY(30px);
}
.animate-children > .complete{
    opacity: 1;
    transform: none;
}

/***** 5.0 - Mobile menu *****/
.mobile-menu{
    display: none;
}
@media screen and (max-width: 63.9375em) {
    .menu-open{
        font-size: 30px;
        color: #000;
    }
    .menu-close{
        font-size: 30px;
        color: #fff;
    }
    body.open{
        overflow: hidden;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }
    .mobile-menu {
        display: block;
        position: fixed;
        top: 0;
        width: 290px;
        left: -290px;
        padding: 40px 0;
        background-color: #1F1E1E;
        min-height: 100%;
        height: 100%;
        overflow-y: auto;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        transition: all 0.3s ease;
        z-index: 999;
    }
    .mobile-menu ul > li{
        flex: 1 1 100%;
        margin-bottom: 10px;
    }
    .mobile-menu ul > li a{
        text-transform: uppercase;
        color: #fff;
    }
    .open .mobile-menu {
        left: 0;
    }
    
}
@media screen and (max-width: 39.96em) {
    header .head-middle .search-button,
    .menu-open{
        font-size: 24px;
    }
}

/* 6.0 - Header
============================== */
.head-top{
    background-color: #1F1E1E;
    color: #fff;
    font-family: 'AvenirBlack';
    font-weight: 900;
    font-size: 10px;
    line-height: 1.4;
    text-transform: uppercase;
}
.head-top button,
.head-top a{
    color: inherit;
}
.head-top .top-menu > li{
    -ms-align-items: center;
    align-items: center;
}
.head-top .page-font-size{
    font-family: Butler;
    font-size: 13.5px;
    padding-right: 15px;
    cursor: pointer;
}
.head-top .menu li+li{
    border-left: 1px solid rgba(151,151,151,0.35);
}
.head-top .menu li a{
    padding: 25px 15px;
}
.head-middle .main-nav li{
    padding: 50px 25px;
}
.head-middle .main-nav li a{
    padding: 0 0 3px 0;
    line-height: 1;
}
.head-top .menu li:last-child{
    background-color: #7D791C;
}
.head-top .menu li:last-child a span:before{
    background-color: #fff;
}
.head-middle .search-button,
.head-top .menu li:last-child{
    width: 110px;
}
.head-middle .search-button{
    font-size: 30px;
}
.head-middle .main-nav a{
    font-family: 'AvenirBlack';
    font-size: 14px;
    font-weight: 900;
    line-height: 19px;
    color: #000;
    text-transform: uppercase;
    margin-bottom: -3px;
    display: inline-block;
}
.head-content{
    position: absolute;
    top: 0;
    left: 0.9375rem;
    right: 0.9375rem;
    padding-left: 3.5%;
    height: 100%;
    z-index: 10;
}
.header-search-form{
    border-left: 1px solid rgba(151,151,151,0.35);
}
.header-search-form form .search-button{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    border: none;
    cursor: pointer;
}
.header-search-form form .s{
    width: 100%;
    max-width: none;
    background-color: #fff;
    margin: 0;
    padding-left: 0;
    padding-right: 0;
    transition: padding 2s ease;
}
.header-search-form form{
    right: 0;
    position: absolute;
    width: 0;
    transition: all .5s ease;
    opacity: 0;
}
.form-opened.header-search-form form .s{
    padding-left: 20px;
}
.form-opened.header-search-form form{
    width: 400px;
    opacity: 1;
}
.head-content:before{
    content: "";
    background: linear-gradient(87.75deg, #FDFCF8 0%, rgba(253,252,248,0) 100%);
    height: 100%;
    width: 30%;
    position: absolute;
    top: 0;
    left: 0.9375rem;
}
.head-content > *{
    position: relative;
    z-index: 10;
}
.header-sidebar{
    background-color: #1F1E1E;
    color: #fff;
    width: 345px;
    padding: 42px;
}
.header-sidebar h2{
    font-weight: 900;
}
.header-sidebar h5 .info-tooltip{
    vertical-align: super;
}
.header-sidebar h5{
    vertical-align: baseline;
    margin-bottom: 0;
}
.header-sidebar small{
    margin-bottom: 15px;
}
.white-tooltip.tooltip{
    background-color: #fff;
    padding: 6px;
    color: #000;
}
.white-tooltip.tooltip.top:before{
    border-top-color: #fff;
}
.head-slider .slick-dots{
    position: absolute;
    top: 100%;
    width: auto;
    justify-content: flex-start;
    padding-left: 3.5%;
    padding-top: 15px;
    padding-bottom: 15px;
}
.header-searching-widget{
    max-width: 100%;
}
.mega-menu{
    opacity: 0;
    visibility: hidden;
    transform: translateY(-60px);
    position: absolute;
    top: 100%;
    z-index: 9999;
    background-color: #fff;
    width: 100%;
    transition: all .2s ease .2s;
}
.mega-menu:hover,
.open-megamenu .mega-menu{
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    transition: all .4s ease .5s;
}
@media screen and (max-width: 1199px) {
    .head-middle .main-nav li{
        padding: 35px 12px;
    }
}
@media screen and (max-width: 63.9375em) {
    .head-middle{
        padding-top: 17px;
        padding-bottom: 17px;
    }
    .head-middle .search-button{
        /* border-left: 0; */
    }
    .head-top .menu li:last-child,
    .head-middle .search-button{
        width: auto;
    }
    .head-slider .sl img{
        min-height: 500px;
    }
    .header-sidebar{
        padding-left: 25px;
        padding-right: 25px;
        width: 300px;
    }
    .input-wrap{
        max-width: 100%;
        width: 100%;
    }
    .header-search-form{
        border-left: 0;
    }
}
@media screen and (max-width: 39.9375em) {
    .head-top{
        font-size: 9px;
        font-weight: 500;
    }
    .head-middle{
        padding-top: 3%;
        padding-bottom: 3%;
    }
    .head-top .menu li a{
        padding: 10px;
    }
    .head-logo img{
        max-width: 120px;
    }
    .head-content{
        position: static;
        padding: 0;
        height: auto;
    }
    .head-slider .slick-dots{
        position: static;
        justify-content: center;
    }
    .header-sidebar{
        width: 100vw;
        -ms-align-self: center;
        align-self: center;
        text-align: center;
        padding: 10% 10% 6%;
    }
    .header-sidebar h2{
        font-weight: 400;
    }
    .head-slider .sl img{
        min-height: 0;
    }
    .header-text{
        position: absolute;
        top: 0;
        width: 100%;
        padding: 15px;
        height: 100%;
        z-index: 5;
    }
    .head-content:before{
        display: none;
    }
    .head-slider:before{
        content: "";
        background: linear-gradient(90deg, rgba(255, 255, 255, 1), 
            rgba(255, 255, 255, 0.4) 35%,
            rgba(255, 255, 255, 0) 55%
        );
        position: absolute;
        width: 100%;
        top: 0;
        bottom: 0;
        z-index: 1;
    }
}
@media screen and (max-width: 450px) {
    .head-slider .sl img{
        min-height: 70vw;
    }
    .header-text h3{
        font-size: 1.36em;
    }
}
/* 7.0 - Footer
======================================= */
.foot-logo{
    display: block;
    margin-bottom: 40px;
}
.foot-logo img{
    max-width: 160px;
}
.footer-top{
    padding-bottom: 75px;
}
.footer-bottom{
    padding-top: 47px;
    padding-bottom: 47px;
    background-color: #1E1E1E;
}
.footer address{
    font-style: normal;
    font-size: 13px;
    color: #000;
    margin-bottom: 30px;
}
.footer address a{
    color: inherit;
}
.footer h5{
    font-size: 12px;
    letter-spacing: normal;
    margin-bottom: 40px;
}
.widget-area ul{
    margin-bottom: 0;
}
.widget-area ul li a,
.mega-menu .widget p{
    font-size: 12px;
    color: #4A4A4A;
    letter-spacing: -0.15px;
}
.footer-bottom{
    padding: 47px 0;
    background-color: #1E1E1E;
}
.footer-bottom *{
    font-family: 'AvenirLight';
    font-size: 13px;
    color: rgba(255,255,255,0.44);
}
.footer-bottom .menu a{
    padding: 0 0 3px 0;
}
.footer-bottom .menu a:before{
    background-color: rgba(255,255,255,0.44);
}
.footer-bottom .menu li+li:before{
    content: "|";
    line-height: 1;
    padding-left: 20px;
    margin-right: 20px;
}
@media screen and (max-width: 63.9375em) {
    .footer .accordion{
        margin-left: -0.9375rem;
        margin-right: -0.9375rem;
    }
    .footer .accordion-title{
        font-size: 19px;
        text-transform: uppercase;
        border-left: 0;
        border-right: 0;
    }
    .footer .accordion-title:hover{
        background-color: #7D791C;
        color: #fff;
    }
    .footer .accordion-content{
        border-left: 0;
        border-right: 0;
    }
    .foot-logo{
        margin-top: 50px;
    }
    .widget-area ul li a, .mega-menu .widget p{
        font-size: 16px;
    }
    .footer{
        padding-bottom: 30px;
    }
}
@media screen and (max-width: 39.9375em) {
    .footer-bottom{
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .footer-bottom .menu li:last-child{
        margin-top: 30px;
        width: 100%;
    }
    .footer-bottom .menu li:last-child:before,
    .footer-bottom .menu li:last-child a:before{
        display: none;
    }
}

/* 8.0 - Mega menu
======================================= */
.mega-menu{
    border-top: 1px solid #E5E5E5;
    border-bottom: 1px solid #E5E5E5;
}
.mega-menu .widget{
    padding: 60px 50px;
}
/* 9.0 - Pages
======================================= */
.about-section{
    padding-top: 110px;
    padding-bottom: 130px;
    background-color: #fdfcf8;
    background-image: url("../images/patern-1.png");
    background-repeat: no-repeat;
    background-size: cover;
}
.statement-section{
    padding-top: 70px;
    padding-bottom: 10px;
    border: 1px solid rgba(223, 219, 204, 0.36);
}
.statement-section img{
    position: relative;
    margin-top: -120px;
}
.reviews-section{
    padding-top: 80px;
    padding-bottom: 80px;
    background-image: url(../images/leaf-4.png);
    background-repeat: no-repeat;
    background-position: 100% 100%;
}
.reviews-slider .sl{
    padding-bottom: 30px;
}
.reviews-slider .sl .poster-avatar{
    margin-bottom: 20px;
}
.reviews-slider .sl h5:last-of-type{
    color: #1F1E1E;
    font-size: 13px;
    margin-bottom: 5px;
}
.reviews-slider .sl .h3{
    margin-bottom: 1em;
}
.reviews-slider .sl small{
    text-transform: uppercase;
    color: #979797;
}
.reviews-slider .sl .poster-avatar img{
    display: inline-block;
    border-radius: 50%;
    box-shadow: 0 0 18px -1px rgba(0, 0, 0, 0.15);
}
.post-section{
    border-top: 1px solid rgba(223,219,204,0.36);
    background-image: url("../images/patern-1.png");
    background-repeat: no-repeat;
    background-size: cover;
}
.post-section img{
    position: relative;
    margin-top: -180px;
}
.latest-articles-section{
    background-color: #414141;
    color: #fff;
    padding-top: 150px;
    padding-bottom: 134px;
    background-image: url("../images/patern-2.png");
    background-repeat: no-repeat;
    background-size: cover;
}
.latest-articles-section form{
    margin-bottom: 25px;
}
.latest-articles-section form .button{
    padding: 18px 25px 18px 35px;
}
.latest-articles-section form .form-field{
    height: 54px;
    margin-right: 5px;
}
.latest-articles-section form .button .icon{
    margin-left: 10px;
    font-size: 0.8em;
}
.articles-vertical > li + li{
    margin-top: 25px;
}
.articles-vertical > li{
    background-color: #fff;
    color: #000;
    flex: 1 1 0px;
}
.articles-vertical .small-thumb{
    overflow: hidden;
}
.articles-vertical .small-thumb img{
    width: 130px;
    min-height: 100%;
    object-fit: cover;
}
.articles-vertical h3{
    font-size: 1.625em;
}
.latest-articles-section .articles-row .sharing{
    position: absolute;
    top: 17px;
    right: 25px;
    color: #BFBFBF;
}
.articles-vertical .article-detals a{
    color: inherit;
}
.articles-row h3{
    margin-bottom: 10px;
}
.articles-row .card{
    border: none;
}
.articles-row .card .article-image{
    height: 270px;
    overflow: hidden;
}
.articles-row .card .article-image img{
    width: 100%;
    height: auto;
}
.articles-row small.article-meta{
    color: #BFBFBF;
    margin-bottom: 20px;
}
.articles-row .card-section{
    padding: 40px 40px 25px;
}
.articles-row h5{
    margin-bottom: 0.3em;
}
.articles-vertical .article-detals{
    padding: 24px 25px 13px 0;
}
.articles-vertical .sharing:hover{
    color: #000;
}
.articles-row {
    padding-top: 60px;
}
.subscribe-section-inner{
    background-image: url("../images/subscribe-section-img.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    padding: 40px;
    min-height: 550px;
    position: relative;
    transform: translateY(-50px);
    justify-content: center;
}
.subscribe-section-inner.transparent-bg:before{
    left: 0;
}
.subscribe-section-inner *{
    z-index: 9999;
}
/*internal pages*/
.links-widget li{
    margin-bottom: 6px;
}
.links-widget a{
    color: inherit;
    line-height: 1;
}
.content-area{
    padding: 70px 90px 70px 0;
}
.content-area p{
    font-size: 18px;
}
.sidebar{
    padding: 185px 0 70px 90px;
}
@media screen and (max-width: 1299px) {
    .articles-row small.article-meta{
        font-size: 70%;
    }
    .articles-row{
        font-size: 14px;
    }
    .articles-vertical > li{
        flex: 0 1 auto;
    }
    .latest-articles-section form .button{
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media screen and (max-width: 63.96em) {
    .reviews-section{
        padding-top: 7vw;
        padding-bottom: 7vw;
    }
    .latest-articles-section,
    .about-section{
        padding-top: 10vw;
        padding-bottom: 10vw;
    }
    .articles-row .card{
        margin-left: 5px;
        margin-right: 5px;
    }
    .articles-row .card .article-image{
        height: 160px;
    }
    .articles-row .card-section{
        padding: 25px 30px 25px;
    }
    .articles-slider > .sl:not(:nth-child(-n+2)){
        display: none;
    }
    .articles-row h3{
        font-size: 1.7em;
    }
    .articles-row{
        padding-top: 0;
    }
    .statement-section{
        padding-top: 50px;
    }
    .statement-section img,
    .post-section img{
        margin-top: 0;
    }
    .sidebar{
         padding-left: 30px;
         padding-top: 50px;
    }
    .content-area{
         padding-right: 15px;
         padding-top: 20px;
    }
    .main-content-inner{
         padding-top: 50px;
         padding-bottom: 50px;
    }
}
@media screen and (max-width: 39.96em) {
    .statement-section{
        padding-top: 0;
        padding-bottom: 10%;
    }
    .statement-section .text-gaps{
        padding-top: 30px;
    }
    .reviews-section{
        padding-top: 12vw;
        padding-bottom: 12vw;
    }
    .reviews-slider .sl .poster-avatar img{
        width: 40px;
        height: 40px;
    }
    .post-section{
        padding-top: 0;
        padding-bottom: 30px;
    }
    .post-section .text-gaps{
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .latest-articles-section h2{
        font-size: 2.9em;
    }
    .latest-articles-section h2 br{
        display: none;
    }
    .latest-articles-section form .form-field{
        height: 35px;
    }
    .articles-row .card{
        margin: 0 0 20px;
    }
    .articles-slider > .sl:not(:first-child){
        display: none;
    }
    .articles-row .card-section{
        padding: 18px;
    }
    .articles-row h3{
        font-size: 1.4em;
    }
    .subscribe-section-inner{
        min-height: 0;
        padding: 60vw 20px 20px;
        background-size: auto 55vw;
        margin-left: -15px;
        margin-right: -15px;
        transform: translateY(-10px);
    }
    .subscribe-section-inner.transparent-bg:before{
        display: none;
    }
    .main-content-inner{
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .sidebar{
        padding: 30px 0 0 0;
    }
    .content-area{
        padding: 0 0 20px 0;
    }

}

/* 9.0 - Anrows micro-site
======================================= */

/* Useful classes */
.micro-site .link-hover-underline:before,
.micro-site .link-underline:before{
    background-color: #215A77;
}
/*  General */
.micro-site ul,
.micro-site p{
    font-size: 18px;
}
.elem-shadow{
    box-shadow: 1px 2px 14px 0 rgba(0,0,0,0.21);
}
.micro-site .h1{
    font-size: 4.375em;/*70px*/
}
.micro-site h4{
    font-size: 1.875em;/*30px*/
    line-height: 1.3;
}
.micro-site .h4{
    font-size: 1.375em;
}
.micro-site h5{
    color: #4F9DB3;
}
.micro-site .h3{
    font-size: 2.125em;
    line-height: 1.2;
}
.micro-site h3.blue{
    color: #1C6083;
}

.micro-site .breadcrumbs{
    border-bottom: 1px solid rgba(151,151,151,.13);
}
/* Buttons */
.micro-site .footer .footer-top a.button,
.micro-site .button{
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1.8px;
    padding: 15px 30px;
    font-weight: 600;
}
.micro-site .button.third{
    background-color: #215A77;
    color: #fff;
}
.micro-site .button.third:hover{
    background-color: #0f384d;
}
/* Header */
.micro-site .head-middle .main-nav li{
    padding-top: 40px;
    padding-bottom: 40px;
}
.micro-site .head-middle .main-nav li:last-child{
    padding-right: 0;
}
.micro-site .head-middle .main-nav li:last-child a{
    font-size: 16px;
    padding: 13px 24px;
    color: #fff;
    font-family: AvenirBook;
    font-weight: 400;
}
.micro-site .mega-menu h5{
    color: #215A77;
}
.micro-site .widget-area ul li a,
.micro-site .mega-menu .widget p{
    font-size: 16px;
    color: #4A4A4A;
}
.micro-site .mega-menu .download-widget{
    padding-right: 0;
}
.micro-site .mega-menu .download-widget p{
    font-size: 14px;
}
/* Footer */
.micro-site .footer-top{
    padding: 70px 0 135px;
    background-color: #114057;
}
.micro-site .footer-top *{
    color: #fff;
    font-size: 13px;
}
.micro-site .footer-top .link-hover-underline:before{
    background-color: #fff;
}
.micro-site .footer-top h5{
    margin-top: 15px;
    margin-bottom: 15px;
}
.micro-site .footer-top p{
    line-height: 2;
}
.micro-site .footer-top .menu li:not(:last-child) a{
    padding: 0 0 3px 0;
    text-transform: uppercase;
    font-weight: 600;
}
.micro-site .footer-top .menu li{
    padding: 15px 20px;
}
.micro-site .footer-top .menu li:last-child{
    padding: 0 0 0 20px;
}
.micro-site .footer-top .menu li:last-child a:not(.button){
    font-size: 16px;
}
.micro-site .footer-bottom{
    padding: 60px 0;
    background-color: #042A3D;
}
.micro-site .footer-bottom  .foot-logo{
    margin-bottom: 50px;
    display: inline-block;
}


/*pages*/
.micro-site .banner{
    position: relative;
    min-height: 780px;
    padding: 85px 0;
    background-image: url("../images/9bd1b7f7a06d21a2bc2e206991430de93fdf548e.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.micro-site .banner *{
    color: #fff;
    z-index: 2;
}
.micro-site .banner:after{
    content: '';
    position: absolute;
    background: linear-gradient(4.6deg, #216385 40%, rgba(17,64,87,0) 70%, rgba(17,64,87,0) 71%);
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 40%;
}
.slick-track,
.micro-site .boxes-section .boxes-slider,
.micro-site .boxes-section .boxes-slider .slick-list,
.micro-site .boxes-section .boxes-slider .slick-track{
    display: flex;
}
.micro-site .boxes-section .boxes-slider .slick-dots{
    margin-left: auto;
    margin-right: auto;
    padding-top: 25px;
}
.micro-site .boxes-section{
    padding-left: 28px;
    padding-right: 38px;
}
.micro-site .boxes-section .row .columns{
    padding-left: 7px;
    padding-right: 7px;
}
.micro-site .boxes-section .box{
    padding: 40px 45px;
    height: 100%;
    background-color: #fff;
    box-shadow: 0 2px 8px 0 rgba(0,0,0,0.11);
}
.micro-site .boxes-section .box .h3{
    color: #114057;
    margin-bottom: 60px;
}
.micro-site .boxes-section .box  a{
    font-family: 'AvenirBlack';
    font-size: 14px;
    color: #4A4A4A;
    text-transform: uppercase;
}
.micro-site .boxes-section .box  a:before{
    height: 2px;
}
.micro-site .climate-section{
    padding: 110px 0 15%;
    background-color: #216385;
    background-image: url("../images/patern-3.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.micro-site .bottom-wave{
    padding-bottom: 7vw;
    position: relative;
}
.micro-site .boxes-section{
    background-color: #216385;
    margin-top: -7%;
}
.micro-site .banner .anchore-arrow{
    top: 70%;
}
.micro-site .climate-section:after{
    content: '';
    background-image: url(../images/leaf.png);
    background-repeat: no-repeat;
    position: absolute;
    background-size: cover;
    right: 0;
    bottom: 55px;
    width: 180px;
    height: 300px;
}
.micro-site .bottom-wave #curve-1,
.micro-site .climate-section #curve-1_1,
.micro-site .climate-section #curve-1{
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 100%;
}
.micro-site .climate-section #curve-1_1{
    width: calc(100% + 2px);
}
.micro-site .climate-section #curve-1_1 .cls-1{
    fill: rgba(46, 130, 173, 0.35);
    stroke: rgba(46, 130, 173, 0);
}
.micro-site .climate-section #curve-1_1 path,
.micro-site .bottom-wave #curve-1 path,
.micro-site .climate-section #curve-1 path{
    fill: #fff;
    stroke: #fff;
}
.climate-section *:not(h5){
    color: #fff;
}
.climate-section .info-row{
    padding-top: 40px;
}
.micro-site .page-content .button{
    background-color: #31799E;
}
.micro-site .page-content .button:hover{
    background-color: #275d79;
}
.climate-section .info-row p{
    font-size: 16px;
}
.climate-section .info-row>.columns+.columns{
    border-left: 1px solid rgba(151,151,151,0.38);
}
.climate-section .info-row>.columns{
    padding-left: 23px;
    padding-right: 23px;
}
.micro-site .climate-section .button{
    padding: 15px;
    margin-bottom: 0;
}
.micro-site .intro-section{
    padding-top: 50px;
    padding-bottom: 250px;
}
.micro-site .intro-section .anchore-arrow{
    top: -41px;
}
.micro-site .video-section,
.micro-site .download-section {
    padding-top: 110px;
    padding-bottom: 110px;
    background-image: url(../images/patern-4.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 0 0;
}
.micro-site.inner-page .download-section{
    background-image: url(../images/patern-4.png), url(../images/leaf-4.png), url(../images/leaf-4.png);
    background-repeat: no-repeat;
    background-size: cover, auto, auto;
    background-position: 0 80px, 100% 100%, 0 0;
}
.micro-site.home .download-section{
    background-color: #F4FBFE;
    padding-top: 0;
    padding-bottom: 0;
}
.micro-site.home .download-section:before{
    content: '';
    background-image: url(../images/leaf2.png);
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: -200px;
    width: 192px;
    height: 309px;
    background-size: cover;
    z-index: 222222;
}
.micro-site.home .download-section #curve-2{
    position: absolute;
    top: -167px;
    left: 0;
    width: 100%;
}
.micro-site.home .download-section #curve-2 path{
    fill: #F4FBFE;
    stroke: #F4FBFE;
}
.micro-site.home .download-section>.row{
    transform: translateY(-15%);
}
.micro-site .main-content-section{
    padding-left: 25px;
    padding-right: 25px;
}
.micro-site .main-content-section .anchore-arrow{
    top: -35px;
}
.micro-site .main-content-section .climate-section #curve-1{
    margin-left: -25px;
    margin-right: -25px;
    width: auto;
}
.micro-site .main-content-section .climate-section:after{
    right: -25px;
}
.micro-site .main-content-inner{
    padding-top: 80px;
    padding-bottom: 80px;
}
.micro-site .sidebar{
    padding-top: 210px;
}
.micro-site .links-widget li{
    margin-bottom: 15px;
}
.micro-site .links-widget a.current-page{
    font-weight: 900;
}
.micro-site .links-widget a.current-page:before{
    height: 2px;
}
.micro-site .links-widget a{
    font-size: 18px;
    line-height: 1;
    color: #141414;
    text-transform: uppercase;
}
.micro-site .widget .widget-title{
    margin-bottom: 45px;
}
.micro-site .sidebar .links-widget li span{
    color: #31799E;
}
.micro-site.inner-page.v2{
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    color: #1F1E1E;
}
.micro-site.inner-page.v2 .breadcrumbs li,
.micro-site.inner-page.v2 .head-middle .main-nav li:not(:last-child) a{
    font-family: 'Open Sans', sans-serif;
}
.micro-site.inner-page.v2 .h1,
.micro-site.inner-page.v2 h2,
.micro-site.inner-page.v2 h4,
.micro-site.inner-page.v2 .widget-title{
    font-family: 'Hind', sans-serif;
    font-weight: 700;
    color: #215A77;
}
.micro-site.inner-page.v2 .h1{
    font-weight: 600;
}
.micro-site.inner-page.v2 h2{
    color: #31799E;
}
.micro-site.countdown-page .main-nav p{
    font-family: 'AvenirBlack';
    font-size: 18px;
    line-height: 1;
}
.head-logo{
    display: block;
}
.micro-site.countdown-page .head-logo img{
    max-width: 219px;
}
.micro-site.countdown-page .head-middle .main-nav li,
.micro-site.countdown-page .head-middle .main-nav li:last-child{
   padding: 30px 15px;
}
.micro-site.countdown-page .footer-bottom{
    background-color: #1E1E1E;
}
.micro-site .countdown-section{
    margin-bottom: 55px;
    padding: 85px 0;
    min-height: 100vh;
    background-image: url("../images/9bd1b7f7a06d21a2bc2e206991430de93fdf548e.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.micro-site .countdown-section h4{
    font-family: 'AvenirLight';
    color: #fff;
}
.micro-site .countdown-section .dsCountDown{
    margin-bottom: 23px;
    margin-left: auto;
    margin: auto;
}
.micro-site .finding-section {
    color: #fff;
}
.micro-site .finding-section .breadcrumbs li,
.micro-site .finding-section .breadcrumbs li a{
    color: inherit;
}
.micro-site .finding-section .breadcrumbs li a.link-hover-underline:before, 
.micro-site .finding-section .breadcrumbs li a.link-underline:before{
    background-color: #fff;
}
/***** findings-page *****/
.micro-site .finding-section h2{
    font-size: 46px;
    margin-bottom: 1em;
}
.micro-site .download-cols-section{
    padding-top: 85px;
    padding-bottom: 52px;
    border-bottom: 1px solid rgba(151, 151, 151, 0.42);
}
.micro-site .download-cols-section .h4{
    font-size: 16px;
}
.micro-site .download-cols{
    padding-top: 50px;
}
.micro-site .download-cols .card{
    border: none;
    overflow: visible;
}
.micro-site .download-cols .card .col-img{
    box-shadow: 0 2px 11px 0 rgba(0,0,0,0.18);
    height: 380px;
}
.micro-site .download-cols .card .col-img.c-filling{
    padding: 25px;
    color: #fff;
    display: block;
}
.micro-site .download-cols .card .col-img.c-filling h5{
    color: inherit;
}
.micro-site .download-cols .card .col-img > img.img-fill{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.micro-site .download-cols .card-section{
    padding-top: 30px;
}
.micro-site .download-cols .card-section h3{
    font-size: 1.7em;
    color: #1C6083;
}
.micro-site .download-cols .card-section .button{
    padding: 11px 20px;
}
.micro-site .majority-section {
    padding-top: 55px;
    padding-bottom: 4%;
    font-size: 18px;
}
.micro-site .majority-section .large-up-3{
    padding-top: 45px;
    z-index: 2;
}
.micro-site .majority-section .large-up-3 > .columns{
    padding-left: 5px;
    padding-right: 5px;
}
.micro-site .majority-section .large-up-3 .card .card-section{
    padding-top: 32px;
}
.micro-site .majority-section .large-up-3 .card{
    box-shadow: 0 2px 8px 0 rgba(0,0,0,0.11);
    border-radius: 14px;
    padding: 50px 12% 25px;
}
.micro-site .majority-section .wave-effect{
    position: absolute;
    bottom: 0;
    min-width: 100%;
}
.micro-site .majority-section .wave-effect path {
    fill: #f4fbfe;
    stroke: #f4fbfe;
}
.micro-site .video-section{
    padding-top: 65px;
    padding-bottom: 85px;
    background-color: #f4fbfe;
}
.micro-site video[poster]{
    object-fit: cover;
}
.micro-site .video-wrapper .video-play-button{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 5.5em;
    cursor: pointer;
    text-shadow: 0 0 8px rgba(0,0,0,0.5);
}
.micro-site .video-section video{
    height: 450px;
    width: 100%;
    box-shadow: 0 4px 10px 0 rgba(0,0,0,0.5);
}
.micro-site .callouts-section {
    padding-top: 110px;
    padding-bottom: 75px;
    border-bottom: 1px solid rgba(151, 151, 151, 0.42);
}
.micro-site .callouts-section .callout{
    flex-grow: 1;
    min-height: 280px;
    background-color: #E7F5FA;
    padding: 12%;
    border: none;
    margin-bottom: 25px;
}
.micro-site .callouts-section .callout a.link-hover-underline:before,
.micro-site .callouts-section .callout .link-underline:before,
.micro-site .callouts-section .callout a.link-hover-underline:before,
.micro-site .callouts-section .callout .link-underline:before{
    height: 3px;
}
.micro-site .callouts-section .callout a.link-underline{
    color: inherit;
    text-transform: uppercase;
    font-size: 0.9em;
    font-weight: 900;
}
.micro-site .callouts-section .callout h3{
    font-size: 1.65em;
}
.micro-site .facts-section{
    padding-top: 100px;
    padding-bottom: 70px;
    font-size: 18px;
    line-height: 1.66;
}
.micro-site .facts-section h2{
    font-size: 3.9em;
    line-height: 1.1;
    margin-bottom: 0.85em;
}
.micro-site .facts-section h4{
    margin-bottom: 1em;
}
.micro-site ul.facts-list{
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
    -webkit-column-gap: 65px; /* Chrome, Safari, Opera */
    -moz-column-gap: 65px; /* Firefox */
    column-gap: 65px;
    padding-top: 60px;
}
.micro-site ul.facts-list > li:not(:last-child){
    margin-bottom: 25px;
    padding-left: 20px;
    position: relative;
}
.micro-site ul.facts-list > li:not(:last-child):before{
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #31799E;
    position: absolute;
    left: 0;
    top: 5px;
}
.micro-site ul.facts-list > li a{
    text-decoration: underline;
    color: inherit;
}
.micro-site.inner-page .download-section{
    padding-top: 0;
}
.micro-site.inner-page .download-section > .row{
    margin-top: -6vw;
    position: relative;
    z-index: 2;
}
.micro-site .slick-track > .slick-slide.flex-container{
    height: auto;
    display: flex;
}
@media screen and (max-width: 1199px) {
    .micro-site .head-middle .main-nav li:last-child{
        padding: 35px 12px;
    }
    .micro-site .footer-top .menu li{
        padding-left: 12px;
        padding-right: 12px;
    }
}
@media screen and (max-width: 63.9375em) {
    .micro-site .sidebar{
        padding-top: 50px;
    }
    .micro-site .menu-close:hover,
    .micro-site .menu-open:hover{
        color: #31799E;
    }
    .micro-site .menu-close{
        font-size: 19px;
        margin-bottom: 15px;
        display: inline-block;
    }
    .micro-site .mobile-menu{
        background-color: #114057;
        padding-top: 20px;
        padding-bottom: 20px;
        color: rgba(255, 255, 255, 0.46);
    }
    .micro-site .mobile-menu small{
        font-size: 13px;
    }
    .micro-site .mobile-menu ul > li{
        margin-bottom: 0;
        flex: 1 1 auto;
    }
    .micro-site .mobile-menu .menu-accordion{
        margin-left: -0.9375rem;
        margin-right: -0.9375rem;
        margin-bottom: 60px;
    }
    .micro-site .mobile-menu .menu-accordion .accordion-title{
        border: 0;
        font-family: 'MinionPro';
        font-size: 30px;
        color: #F9F9F0;
        text-transform: none;
        padding-left: 40px;
        padding-right: 40px;
    }
    .micro-site .mobile-menu .menu-accordion .accordion-content{
        padding-left: 45px;
        padding-right: 45px;
        border: none;
    }
    .micro-site .mobile-menu .menu-accordion  :last-child > .accordion-content:last-child{
        border: 0;
    }
    .micro-site .mobile-menu .accordion-title::before{
        font-size: 19px;
        color: rgba(249,249,240,0.31);
        right: 2rem;
    }
    .micro-site .mobile-menu .menu-foot .menu {
        padding-top: 45px;
        margin-bottom: 10px;
    }
    .micro-site .mobile-menu .menu-foot .menu > li{
        padding-left: 10px;
        padding-right: 10px;
        flex-grow: 0;
    }
    .micro-site .mobile-menu .menu-foot .menu > li:first-child{
        padding-left: 0;
    }
    .micro-site .mobile-menu .menu-foot .menu > li + li{
        border-left: 1px solid rgba(255, 255, 255, 0.47);
    }
    .micro-site .mobile-menu .menu-foot .menu a{
        font-size: 13px;
        text-transform: none;
        color: inherit;
        padding: 0;
        border: none;
        text-decoration: none;
    }
    .micro-site .mobile-menu .menu-foot .menu a:before{
        display: none;
    }
    .micro-site .head-middle .main-nav+a{
        font-family: 'AvenirBlack';
        text-transform: uppercase;
        color: #000000;
    }
    .micro-site .banner{
        min-height: 500px;
    }
    .micro-site .boxes-section .box{
        padding: 25px;
    }
    .micro-site.home .download-section #curve-2{
        top: -100px;
    }
    .micro-site .intro-section{
        padding-bottom: 150px;
    }
    .micro-site .footer-bottom .foot-logo{
        margin-top: 0;
    }
    .micro-site .footer-top{
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .micro-site .menu-accordion,
    .micro-site .menu-accordion .accordion-content{
        background-color: #114057;
        color: #fff;
    }
    .micro-site .menu-accordion .accordion-title{
        font-family: 'AvenirLight';
        font-size: 16px;
    }
    .micro-site .menu-accordion .accordion-title:hover,
    .micro-site .menu-accordion .accordion-title:focus{
        background-color: #31799E;
    }
    .micro-site .menu-accordion .accordion-title,
    .micro-site .menu-accordion :last-child:not(.is-active) > .accordion-title,
    .micro-site .accordion-content{
        border-color: rgba(243,242,236,0.13);
    }
    .micro-site .menu-accordion .accordion-item:first-child > :first-child{
        border-top: 0;
    }
    .micro-site.inner-page.v2{
        font-size: 15px;
    }
    .majority-section .large-up-3 .card{
        padding: 35px 7% 20px;
    }
    .micro-site p{
        font-size: 16px;
    }
    .micro-site .video-section, .micro-site .download-section{
        padding-top: 80px;
        padding-bottom: 80px;
    }
    .micro-site .callouts-section .callout{
        padding: 20px 16px 22px;
        font-size: 13px;
        margin-bottom: 10px;
        min-height: 220px;
    }
    .micro-site .callouts-section{
        padding: 40px 25px 40px;
    }
    .micro-site .callouts-section .large-up-3 > .columns{
        padding-left: 4px;
        padding-right: 4px;
    }
    .micro-site .download-cols-section{
        padding-top: 65px;
    }
    .micro-site .download-cols{
        padding-top: 30px;
    }
    .micro-site .facts-section {
        font-size: 14px;
    }
    .micro-site ul.facts-list{
        -webkit-column-gap: 35px;
        -moz-column-gap: 35px;
        column-gap: 35px;
        padding-top: 30px;
    }
}
@media screen and (max-width: 63.9375em) and (min-width: 39.9375em){

    .micro-site .boxes-section .box .h3{
        font-size: 1.5em;
        margin-bottom: 40px;
    }
    .micro-site .boxes-section .box a{
        font-size: 12px;
    }
    .micro-site .climate-section .button{
        letter-spacing: 0;
    }
}
@media screen and (max-width: 39.9375em) {
    .micro-site .countdown-section .dsCountDown{
        font-size: 8px;
    }
    .micro-site .countdown-section{
        padding-left: 4vw;
        padding-right: 4vw;
        padding-top: 10vw;
    }
    .micro-site .countdown-section .dsCountDown{
        font-size: 11px;
        margin-bottom: 25px;
    }
    .micro-site .countdown-section .dsCountDown .ds-element-value{
        padding-top: 1vw;
        padding-bottom: 1vw;
    }
    .ds-white .ds-element{
        margin: 3px;
    }
    .micro-site .head-middle .main-nav li:last-child a{
        font-size: 10px;
    }
    .micro-site.countdown-page .head-middle .main-nav li, .micro-site.countdown-page .head-middle .main-nav li:last-child{
        padding: 10px 0;
    }
    .micro-site.countdown-page .head-logo img{
        max-width: 100px;
    }
    .micro-site p{
        font-size: 14px;
    }
    .micro-site .row{
        padding-left: 10px;
        padding-right: 10px;
    }
    .micro-site .row .row{
        padding-left: 0;
        padding-right: 0;
    }
    .micro-site .button{
        width: 100%;
    }
    .micro-site .reviews-slider .sl .h3{
        font-size: 1.8em;
    }
    .micro-site .head-middle .main-nav+a{
        font-size: 10px;
    }
    .micro-site .banner{
        padding-top: 200px;
        min-height: auto;
        padding-bottom: 40px;
    }
    .micro-site .banner:after{
        height: 80%;
    }
    .micro-site .boxes-section{
        margin-top: 0;
    }
    .micro-site .banner .anchore-arrow{
        top: 90%;
    }
    .micro-site .boxes-section{
        padding-bottom: 18px;
        border-bottom: 1px solid rgba(255,255,255,0.17);
    }
    .micro-site .boxes-slider .slick-dots{
        width: 100%;
        margin-top: 18px;
    }
    .micro-site .boxes-slider .slick-dots > li > button{
        background-color: #E5E5E5;
        width: 12px;
        height: 12px;
    }
    .micro-site .boxes-slider .slick-dots > li.slick-active > button{
        background-color: #B5B5B5;
    }
    .micro-site .climate-section{
        padding-top: 35px;
    }
    .climate-section .info-row{
        padding-top: 0;
    }
    .micro-site .climate-section:after{
        display: none;
    }
    .micro-site .climate-section{
        background-size: auto;
        padding-bottom: 62px;
    }
    .micro-site .climate-section .info-row>.columns+.columns {
        border-left: 0;
    }
    .micro-site .climate-section .info-row>.columns{
        padding-left: 0.9375rem;
        padding-right: 0.9375rem;
    }
    .micro-site .climate-section h5{
        font-size: 13px;
        text-align: left;
    }
    .micro-site .climate-section h3{
        font-size: 22px;
        text-align: left;
    }
    .micro-site .intro-section .anchore-arrow{
        top: -12px;
    }
    .micro-site .download-section .button{
        margin-top: 12px;
    }
    .micro-site.home .download-section{
        padding-top: 35px;
        padding-bottom: 35px;
    }
    .micro-site.home .download-section #curve-2{
        top: -50px;
    }
    .micro-site.home .download-section>.row{
        transform: none;
        padding-top: 5vw;
    }
    .micro-site .intro-section{
        padding-bottom: 50px;
    }
    .micro-site .h1{
        font-size: 3.7em;
    }
    .micro-site .menu-accordion .accordion-item .accordion-title{
        padding-top: 12px;
        padding-bottom: 12px;
    }

    .micro-site.inner-page .download-section{
        padding-top: 70px;
        padding-bottom: 40px;
    }
    .micro-site .widget .widget-title{
        font-size: 14px;
        margin-bottom: 30px;
    }
    .micro-site .links-widget a{
        font-size: 16px;
    }
    .micro-site .main-content-inner{
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .micro-site .bottom-wave{
        margin-left: -25px;
        margin-right: -25px;
    }
    .micro-site .content-area p{
        font-size: 14px;
    }
    .micro-site.inner-page.v2{
        font-size: 11px;
    }
    .micro-site .main-content-section.finding-section{
        margin-left: -25px;
        margin-right: -25px;
    }
    .micro-site .climate-section .info-row p{
        font-size: 14px;
    }
    .micro-site .breadcrumbs{
        padding-left: 25px;
        padding-right: 25px;
        margin-left: -25px;
        margin-right: -25px;
    }
    .micro-site .majority-section{
        padding-bottom: 50px;
    }
    .micro-site  .majority-section .large-up-3{
        padding-top: 8px;
    }
    .micro-site .main-content-section .anchore-arrow{
        top: -1.5vw;
    }
    .micro-site .majority-section .large-up-3 .card{
        padding: 15px 2% 10px;
    }
    .micro-site .majority-section .large-up-3 .card .card-section{
        padding-top: 15px;
    }
    .micro-site .video-section, .micro-site .download-section{
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .micro-site .video-section video{
        height: 50vw;
    }
    .micro-site .video-wrapper .video-play-button{
        font-size: 3.5em;
    }
    .micro-site .callouts-section{
        padding: 20px 5px;
    }
    .micro-site .callouts-section .callout{
        min-height: 50vw;
        font-size: 10px;
    }
    .micro-site .download-cols .card-section .button{
        width: auto;
    }
    .micro-site .download-cols-section{
        padding-top: 50px;
        padding-bottom: 30px;
    }
    .micro-site .download-cols{
        padding-top: 15px;
    }
    .micro-site .download-cols .card-section{
        padding-top: 20px;
    }
    .micro-site .download-cols .card-section h3{
        font-size: 2.2em;
    }
    .micro-site   .download-cols .card{
        margin-bottom: 5px;
    }
    .micro-site ul.facts-list{
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
        padding-top: 5px;
    }
    .micro-site .facts-section{
        padding-top: 50px;
        padding-bottom: 30px;
    }
    .micro-site .facts-section h2{
        font-size: 2.9em;
    }
    .micro-site .facts-section h4{
        font-size: 18px;
    }
}