/*
Theme Name: NFT
Theme URI: -
Description: NFT Wordpress Theme
Version: 1.0
Author: NFT
Text Domain: NFT
*/

/*Basic Style*/
@import url(//fonts.googleapis.com/css?family=Open+Sans:300,400,600,700);

/*Avenir Next*/
/*@font-face { font-family: 'Avenir Next'; src: url('AvenirNextCyr-Bold.eot'); src: local('Avenir Next Cyr Bold'), local('AvenirNextCyr-Bold'), url('fonts/AvenirNextCyr-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/AvenirNextCyr-Bold.woff2') format('woff2'), url('fonts/AvenirNextCyr-Bold.woff') format('woff'), url('fonts/AvenirNextCyr-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; }
@font-face { font-family: 'Avenir Next'; src: url('AvenirNextCyr-ThinItalic.eot'); src: local('Avenir Next Cyr Thin Italic'), local('AvenirNextCyr-ThinItalic'), url('fonts/AvenirNextCyr-ThinItalic.eot?#iefix') format('embedded-opentype'), url('fonts/AvenirNextCyr-ThinItalic.woff2') format('woff2'), url('fonts/AvenirNextCyr-ThinItalic.woff') format('woff'), url('fonts/AvenirNextCyr-ThinItalic.ttf') format('truetype'); font-weight: 100; font-style: italic; }
@font-face { font-family: 'Avenir Next'; src: url('AvenirNextCyr-MediumItalic.eot'); src: local('Avenir Next Cyr Medium Italic'), local('AvenirNextCyr-MediumItalic'), url('fonts/AvenirNextCyr-MediumItalic.eot?#iefix') format('embedded-opentype'), url('fonts/AvenirNextCyr-MediumItalic.woff2') format('woff2'), url('fonts/AvenirNextCyr-MediumItalic.woff') format('woff'), url('fonts/AvenirNextCyr-MediumItalic.ttf') format('truetype'); font-weight: 500; font-style: italic; }
@font-face { font-family: 'Avenir Next Cyr Ultra'; src: url('AvenirNextCyr-UltraLightIt.eot'); src: local('Avenir Next Cyr Ultra Light Italic'), local('AvenirNextCyr-UltraLightIt'), url('fonts/AvenirNextCyr-UltraLightIt.eot?#iefix') format('embedded-opentype'), url('fonts/AvenirNextCyr-UltraLightIt.woff2') format('woff2'), url('fonts/AvenirNextCyr-UltraLightIt.woff') format('woff'), url('fonts/AvenirNextCyr-UltraLightIt.ttf') format('truetype'); font-weight: 200; font-style: italic; }
@font-face { font-family: 'Avenir Next'; src: url('AvenirNextCyr-Light.eot'); src: local('Avenir Next Cyr Light'), local('AvenirNextCyr-Light'), url('fonts/AvenirNextCyr-Light.eot?#iefix') format('embedded-opentype'), url('fonts/AvenirNextCyr-Light.woff2') format('woff2'), url('fonts/AvenirNextCyr-Light.woff') format('woff'), url('fonts/AvenirNextCyr-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; }
@font-face { font-family: 'Avenir Next'; src: url('AvenirNextCyr-Italic.eot'); src: local('Avenir Next Cyr Italic'), local('AvenirNextCyr-Italic'), url('fonts/AvenirNextCyr-Italic.eot?#iefix') format('embedded-opentype'), url('fonts/AvenirNextCyr-Italic.woff2') format('woff2'), url('fonts/AvenirNextCyr-Italic.woff') format('woff'), url('fonts/AvenirNextCyr-Italic.ttf') format('truetype'); font-weight: normal; font-style: italic; }
@font-face { font-family: 'Avenir Next'; src: url('AvenirNextCyr-BoldItalic.eot'); src: local('Avenir Next Cyr Bold Italic'), local('AvenirNextCyr-BoldItalic'), url('fonts/AvenirNextCyr-BoldItalic.eot?#iefix') format('embedded-opentype'), url('fonts/AvenirNextCyr-BoldItalic.woff2') format('woff2'), url('fonts/AvenirNextCyr-BoldItalic.woff') format('woff'), url('fonts/AvenirNextCyr-BoldItalic.ttf') format('truetype'); font-weight: bold; font-style: italic; }
@font-face { font-family: 'Avenir Next'; src: url('AvenirNextCyr-Heavy.eot'); src: local('Avenir Next Cyr Heavy'), local('AvenirNextCyr-Heavy'), url('fonts/AvenirNextCyr-Heavy.eot?#iefix') format('embedded-opentype'), url('fonts/AvenirNextCyr-Heavy.woff2') format('woff2'), url('fonts/AvenirNextCyr-Heavy.woff') format('woff'), url('fonts/AvenirNextCyr-Heavy.ttf') format('truetype'); font-weight: 900; font-style: normal; }
@font-face { font-family: 'Avenir Next'; src: url('AvenirNextCyr-HeavyItalic.eot'); src: local('Avenir Next Cyr Heavy Italic'), local('AvenirNextCyr-HeavyItalic'), url('fonts/AvenirNextCyr-HeavyItalic.eot?#iefix') format('embedded-opentype'), url('fonts/AvenirNextCyr-HeavyItalic.woff2') format('woff2'), url('fonts/AvenirNextCyr-HeavyItalic.woff') format('woff'), url('fonts/AvenirNextCyr-HeavyItalic.ttf') format('truetype'); font-weight: 900; font-style: italic; }
@font-face { font-family: 'Avenir Next'; src: url('AvenirNextCyr-Thin.eot'); src: local('Avenir Next Cyr Thin'), local('AvenirNextCyr-Thin'), url('fonts/AvenirNextCyr-Thin.eot?#iefix') format('embedded-opentype'), url('fonts/AvenirNextCyr-Thin.woff2') format('woff2'), url('fonts/AvenirNextCyr-Thin.woff') format('woff'), url('fonts/AvenirNextCyr-Thin.ttf') format('truetype'); font-weight: 100; font-style: normal; }
@font-face { font-family: 'Avenir Next'; src: url('AvenirNextCyr-Medium.eot'); src: local('Avenir Next Cyr Medium'), local('AvenirNextCyr-Medium'), url('fonts/AvenirNextCyr-Medium.eot?#iefix') format('embedded-opentype'), url('fonts/AvenirNextCyr-Medium.woff2') format('woff2'), url('fonts/AvenirNextCyr-Medium.woff') format('woff'), url('fonts/AvenirNextCyr-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; }
@font-face { font-family: 'Avenir Next'; src: url('AvenirNextCyr-DemiItalic.eot'); src: local('Avenir Next Cyr Demi Italic'), local('AvenirNextCyr-DemiItalic'), url('fonts/AvenirNextCyr-DemiItalic.eot?#iefix') format('embedded-opentype'), url('fonts/AvenirNextCyr-DemiItalic.woff2') format('woff2'), url('fonts/AvenirNextCyr-DemiItalic.woff') format('woff'), url('fonts/AvenirNextCyr-DemiItalic.ttf') format('truetype'); font-weight: bold; font-style: italic; }
@font-face { font-family: 'Avenir Next'; src: url('AvenirNextCyr-Demi.eot'); src: local('Avenir Next Cyr Demi'), local('AvenirNextCyr-Demi'), url('fonts/AvenirNextCyr-Demi.eot?#iefix') format('embedded-opentype'), url('fonts/AvenirNextCyr-Demi.woff2') format('woff2'), url('fonts/AvenirNextCyr-Demi.woff') format('woff'), url('fonts/AvenirNextCyr-Demi.ttf') format('truetype'); font-weight: bold; font-style: normal; }
@font-face { font-family: 'Avenir Next'; src: url('AvenirNextCyr-Regular.eot'); src: local('Avenir Next Cyr Regular'), local('AvenirNextCyr-Regular'), url('fonts/AvenirNextCyr-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/AvenirNextCyr-Regular.woff2') format('woff2'), url('fonts/AvenirNextCyr-Regular.woff') format('woff'), url('fonts/AvenirNextCyr-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Avenir Next'; src: url('AvenirNextCyr-LightItalic.eot'); src: local('Avenir Next Cyr Light Italic'), local('AvenirNextCyr-LightItalic'), url('fonts/AvenirNextCyr-LightItalic.eot?#iefix') format('embedded-opentype'), url('fonts/AvenirNextCyr-LightItalic.woff2') format('woff2'), url('fonts/AvenirNextCyr-LightItalic.woff') format('woff'), url('fonts/AvenirNextCyr-LightItalic.ttf') format('truetype'); font-weight: 300; font-style: italic; }
@font-face { font-family: 'Avenir Next'; src: url('AvenirNextCyr-UltraLight.eot'); src: local('Avenir Next Cyr Ultra Light'), local('AvenirNextCyr-UltraLight'), url('fonts/AvenirNextCyr-UltraLight.eot?#iefix') format('embedded-opentype'), url('fonts/AvenirNextCyr-UltraLight.woff2') format('woff2'), url('fonts/AvenirNextCyr-UltraLight.woff') format('woff'), url('fonts/AvenirNextCyr-UltraLight.ttf') format('truetype'); font-weight: 200; font-style: normal; }
*/
@font-face { font-family: 'Nexa'; src: url('fonts/Nexa-Bold.eot'); src: url('fonts/Nexa-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/Nexa-Bold.woff2') format('woff2'), url('fonts/Nexa-Bold.woff') format('woff'), url('fonts/Nexa-Bold.ttf') format('truetype'), url('fonts/Nexa-Bold.svg#Nexa-Bold') format('svg'); font-weight: bold; font-style: normal; font-display: swap; }
@font-face { font-family: 'Nexa'; src: url('fonts/Nexa-Light.eot'); src: url('fonts/Nexa-Light.eot?#iefix') format('embedded-opentype'), url('fonts/Nexa-Light.woff2') format('woff2'), url('fonts/Nexa-Light.woff') format('woff'), url('fonts/Nexa-Light.ttf') format('truetype'), url('fonts/Nexa-Light.svg#Nexa-Light') format('svg'); font-weight: 300; font-style: normal; font-display: swap; }

/*Color Variable*/
:root {
  --Clr53bfe5: #53bfe5;
  --Clrae7d3e: #ae7d3e;
  --Clr84a32f: #84a32f;
  --Clr61704f: #61704f;
  --Clr28791d: #28791d;
  --Clr7b7f6e: #7b7f6e;
  --Clrffffff: #ffffff;
  --Clrb3b3b3: #b3b3b3;
  --Clrf2f2f0: #f2f2f0;
}


body { margin: 0; font-family: "Nexa", Arial, sans-serif; font-weight: 300; line-height: 1.42857; font-size: 18px; color: #333; width: 100%; display: block; float: left; }
/*body:before { position: absolute; content: ''; width: 100%; height: 50%; z-index: 0; background: linear-gradient(180deg, rgba(83, 191, 229, 0.5) 0%, rgba(255, 255, 255, 0.5) 100%); }*/
* {box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
h1, h2, h3, h4, h5, h6 {font-family: "Archivo Bold", Arial, sans-serif; font-weight: bold; line-height: normal; margin: 0 0 15px; color: #000;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {font-weight: inherit; color: inherit;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, h1 a:focus, h2 a:focus, h3 a:focus, h4 a:focus, h5 a:focus, h6 a:focus {color: inherit; opacity: 0.85;}
h1{font-size: 56px;}
h2{font-size: 44px;}
h3{font-size: 30px;}
h4{font-size: 24px;}
h5{font-size: 18px;}
h6{font-size: 14px;}
p{margin: 0 0 10px;}


a {color: #53bfe5; text-decoration: none; outline: 0; transition: 0.5s all;}
a:hover, a:focus {color: #28791d;}

ul, ol {margin-bottom: 10px; margin-top: 0;}
img {max-width: 100%; height: auto; display: block;}

.alignleft {float: left; margin: 5px 20px 20px 0;}
.aligncenter {display: block; margin: 5px auto;}
.alignright {float: right; margin: 5px 0 20px 20px;}

input, button, select, textarea {font-family: inherit; font-size: inherit; line-height: inherit; padding: 6px 30px;}
button, html input[type="button"], input[type="reset"], input[type="submit"] {background: #000; border: 0 none; color: #fff; cursor: pointer; padding: 8px 20px; transition: all 0.5s ease 0s; line-height: 1.3; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
input:focus, button:focus, textarea:focus {outline: none;}
button, select {text-transform: none;}
label {display: inline-block; font-weight: bold; margin-bottom: 5px; max-width: 100%;}

input, select{-webkit-appearance:none;}

table {border-collapse: collapse; border-spacing: 0; max-width: 100%; width: 100%;}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td, table > thead > tr > th, table > tbody > tr > th, table > tfoot > tr > th, table > thead > tr > td, table > tbody > tr > td, table > tfoot > tr > td {border-top: 1px solid #ddd; line-height: 1.42857; padding: 8px; vertical-align: top;}

.btn { background-color: #53bfe5; border-radius: 40px; color: #fff; display: inline-block; font-size: 18px; line-height: 28px; padding: 10px 40px 5px 40px; }
.btn:hover, .btn:focus {background: #28791d; color: #fff;}

.full-section {width: 100%; float: left;}
.container {max-width: 1280px; padding: 0 15px; width: 100%; margin: 0 auto; position:relative;}
li.widget {display: block;}
section.full-section {margin: 0;}


/*404 page*/
body.error404 .gdl-page-404 { margin: 50px 0; }
body.error404 .gdl-page-404 .message-box-wrapper { text-align: center; }
body.error404 .gdl-page-404 .message-box-wrapper .message-box-title { margin-bottom: 50px; }
body.error404 .gdl-page-404 .message-box-wrapper .message-box-title span { background-color: #000; color: #ffffff; display: inline-block; font-family: arial; font-size: 200px; font-weight: bold; height: 225px; line-height: 185px; padding: 20px; vertical-align: middle; }
body.error404 .gdl-page-404 .message-box-wrapper .message-box-title span:nth-child(2) { background-color: #727171; color: #ffffff; }
body.error404 .gdl-page-404 .message-box-wrapper .message-box-content p { font-size: 25px; margin: 0; }

/**/
ul.slick-dots{margin: 40px 0 0 0;padding: 0;list-style-type:none;display:flex;flex-wrap:wrap;justify-content:center;}
ul.slick-dots li{width: 13px;height: 13px;display:block;margin:0 10px 0 0;background:var(--Clrb3b3b3);border-radius: 13px;cursor: pointer;}
ul.slick-dots li button,
ul.slick-dots li button:before{display:none;}
ul.slick-dots li.slick-active{ background:var(--Clr28791d); }

/* Default Popup */
.default-popup { position: fixed; left: 0; top: 0; background: rgba(0, 0, 0, 80%); width: 100%; height: 100vh; z-index: 999; }
.default-popup .inner-popup { overflow: hidden; max-width: 50%; width: 100%; margin: 0 auto; top: 50%; transform: translateY(-50%); position: relative; padding: 90px 50px; border-radius: 20px; background: #fff url('images/grassImg.png') no-repeat center bottom; background-size: 1200px; height: 90vh; overflow-y: visible; }
.default-popup .inner-popup:before { position: absolute; content: ''; width: 100%; height: 280px; z-index: -1; background: linear-gradient(180deg, rgba(83, 191, 229, 0.5) 0%, rgba(255, 255, 255, 0.5) 100%); top: 0; left: 0; }
/*.default-popup .inner-popup:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100px;
    z-index: -1;
    background: url('images/grassImg.png') no-repeat;
    top: auto;
    left: 0;
    bottom: 0;
        background-size: cover;
}*/
.default-popup a.close-btn { position: absolute; right: 30px; top: 20px; color: #000; font-size: 22px; line-height: 35px; text-align: center; cursor: pointer; font-weight: bold; }
.default-popup .inner-popup h2 { text-transform: uppercase; color: #000; position: relative; font-size: 28px; line-height: 28px; }
.default-popup .inner-popup h2:after { position: absolute; }
.default-popup .inner-popup .popcontent p { font-size: 18px; line-height: 28px; color: #000; margin-bottom: 20px; }

/**/
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 10px 38px 10px 12px;
    border: 1px solid #000;
    background-color: #fff;
    cursor: pointer;
    background-image: linear-gradient(45deg, transparent 50%, #000 50%), linear-gradient(135deg, #000 50%, transparent 50%);
    background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 13px) calc(1em + 2px);
    background-size: 7px 6px;
    background-repeat: no-repeat;
}

select.open {
    background-image: linear-gradient(135deg, transparent 50%, #000 50%), linear-gradient(-135deg, transparent 50%, #000 50%);
    background-position: calc(100% - 18px) center, calc(100% - 12px) center;
    background-size: 6px 6px;
    background-repeat: no-repeat;
}

/*Footer*/
footer.main-footer { padding: 30px 0; width: 100%; display: block; }
footer.main-footer .container { max-width: 95%; width: 100%; }
footer.main-footer .columnWrapper { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; }
footer.main-footer .columnWrapper .column { width: 16%; }
/* footer.main-footer .columnWrapper .column { width: 13%; } */
footer.main-footer .columnWrapper .column.One { width: 35%; }
footer.main-footer .columnWrapper .column .widget h3.widgettitle { font-size: 18px; font-weight: bold; text-transform: capitalize; }
footer.main-footer .columnWrapper .column .widget ul.menu { padding: 0; margin: 0; list-style-type: none; }
footer.main-footer .columnWrapper .column .widget ul.menu li { width: 100%; display: block; margin-bottom: 5px; }
/*footer.main-footer .columnWrapper .column .widget ul.menu li a { color: #000; font-size: 18px; line-height: 28px; }*/
footer.main-footer .columnWrapper .column .widget ul.menu li a { display: inline-block; color: #000; font-size: 14px; line-height: 16px; }
footer.main-footer .columnWrapper .column .widget ul.menu li a:hover { color: #28791d; }
footer.main-footer .CopyWrapper { width: 100%; display: flex; flex-wrap: wrap; align-items: center; margin: 100px 0 0 0; }
footer.main-footer .CopyWrapper .CopyWrap { width: 50%; }
footer.main-footer .CopyWrapper .CopyWrap p { margin: 0; font-size: 16px; font-weight: 600; }
footer.main-footer .CopyWrapper .socialWrap { width: 50%; text-align: right; }
footer.main-footer .CopyWrapper .socialWrap ul { margin: 0; padding: 0; list-style-type: none; display: flex; flex-wrap: wrap; align-items: center; justify-content: right; }
footer.main-footer .CopyWrapper .socialWrap ul li { display: block; margin-right: 2%; }
footer.main-footer .CopyWrapper .socialWrap ul li a { width: 30px; height: 30px; display: block; text-align: center; border: 1px solid var(--Clrb3b3b3); color: var(--Clrb3b3b3); border-radius: 30px; line-height: 30px; }
footer.main-footer .CopyWrapper .socialWrap ul li a:hover { color: var(--Clr28791d); border-color: var(--Clr28791d); }

footer.main-footer .columnWrapper .column.Three { margin-right: 1%; }

/*Header*/
header.main-header.scrollActive { position: sticky !important; top: 0; left: 0; z-index: 999; background-color: rgba(255, 255, 255, 0.95); box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); backdrop-filter: blur(6px); }
header.main-header.scrollActive:before { display: none; }

header.main-header { width: 100%; display: block; padding: 10px 0; position:relative;transition: 0.5s all ease-in; }
header.main-header:before { position: absolute; content: ''; width: 100%; height: 280px; z-index: 0; background: linear-gradient(180deg, rgba(83, 191, 229, 0.5) 0%, rgba(255, 255, 255, 0.5) 100%); top: 0; }
header.main-header .container { max-width: 95%; width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; }
header.main-header .logoWrap { width: 20%; }
header.main-header .MenuWrap { width: 75%; display: flex; flex-wrap: wrap; align-items: center; }
header.main-header .MenuWrap ul.menu {     width: 100%; padding: 0; margin: 0; list-style-type: none; display: flex; flex-wrap: wrap; align-items: center; justify-content: right; }
header.main-header .MenuWrap ul.menu li.menu-item { margin-right: 2%; display: block; position:relative; }
header.main-header .MenuWrap ul.menu li.menu-item a {     background-color: transparent !important; color: #000; font-weight: 500; padding: 7px 10px 3px 10px; border-radius: 30px;font-size: 16px;}

header.main-header .MenuWrap ul.menu li.menu-item.btn a:hover { color: #000; }
header.main-header .MenuWrap ul.menu li.menu-item.btn a { color: #fff !important; }

header.main-header .menu-button { display: none; }
header.main-header .mobile-menu { display: none; }

header.main-header .MenuWrap ul.menu li.menu-item.menu-item-has-children > a:after { position: absolute; content: '\f107'; font-family: 'Fontawesome'; font-size: 12px; right: 4px; top: 50%; transform: translateY(-50%); }
header.main-header .MenuWrap ul.menu li.menu-item.menu-item-has-children a { padding-right: 18px; }
header.main-header .MenuWrap ul.menu li.menu-item ul.sub-menu { position: absolute; width: 224px; padding: 5px 0; margin: 0;  list-style-type: none; z-index: 999; display: none; right: 0; left: 0; background: #fff; }
header.main-header .MenuWrap ul.menu li.menu-item ul.sub-menu li.menu-item {margin-bottom: 5px; margin-right: 0; padding: 5px 10px; }
header.main-header .MenuWrap ul.menu li.menu-item ul.sub-menu li.menu-item a {font-size: 14px; padding: 0; font-weight: 400; display: block;line-height: 1.2;}
header.main-header .MenuWrap ul.menu li.menu-item ul.sub-menu li.menu-item a:hover { text-decoration: underline;}
header.main-header .MenuWrap ul.menu li.menu-item.current-menu-parent > a,
header.main-header .MenuWrap ul.menu li.menu-item.current-menu-item > a,
header.main-header .MenuWrap ul.menu li.menu-item a:hover,
header.main-header .MenuWrap ul.menu li.menu-item a
header.main-header .MenuWrap ul.menu li.menu-item a:hover:after {     background-color: #fff; }

header.main-header .MenuWrap ul.menu li.menu-item.btn { padding: 10px 20px 8px 20px; }

header.main-header.transparentHeader { position: absolute; left: 0; width: 100%; }
.content-wrapper.transparentHeader section:first-of-type { padding-top: 170px; }
header.main-header .MenuWrap ul.menu li.menu-item.btn:hover a { background-color: transparent; }

/*mobile-menu*/
/*header.main-header .mobile-menu ul.menu { padding: 0; margin: 0; list-style-type: none; }
header.main-header .mobile-menu ul.menu li.menu-item { width: 100%; display: block; margin-bottom: 10px; }
header.main-header .mobile-menu ul.menu li.menu-item:last-child { margin-bottom: 0; }
header.main-header .mobile-menu ul.menu li.menu-item a { display: block; color: #000; }
header.main-header .container { max-width: 100%; }
header.main-header .mobile-menu ul.menu li.menu-item.btn { display: inline-block; width: auto; }*/

/* Mobile Menu */
.mobile-header { padding: 10px 0; display: none; background: #fff; position: sticky; top: 0; left: 0; z-index: 999; }
.mobile-header .container { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;}
.mobile-header .menu-button { width: 10%; text-align: center; }
.mobile-header .menu-button i { font-size: 30px; }
.mobile-header .logo-wrapper { width: 80%; }
.mobile-header .logo-wrapper img { width: 70%; display: block; }
.mobile-menu { width: 100%; margin-top: 10px; padding: 10px; border-top: 2px solid #000; position: fixed; background: #FBFBFB; height: 100%; z-index: 999; top: 55px; visibility: hidden; opacity: 0; left: -1000%; transition: 0.2s all ease-in; }
.mobile-menu.active { visibility: visible; opacity: 1; left: 0; }
.mobile-menu ul { padding: 0; margin: 0; list-style-type: none; }
.mobile-menu ul li.menu-item { width: 100%; display: block; position: relative; }
.mobile-menu ul li.menu-item a { display: block; width: 100%; padding: 10px 0; color: #000; font-size: 16px; line-height: 18px; font-weight: 500; position: relative; }
.mobile-menu ul li.menu-item a:hover,
.mobile-menu ul li.menu-item.current-menu-item > a { color: var(--Clr28791d); }
.mobile-menu ul li.menu-item.menu-item-has-children ul.sub-menu { display: none;  padding: 10px; width: 100%; margin: 0 0 0 auto; }
.mobile-menu ul li.menu-item.menu-item-has-children span.opener { width: 25px; height: 25px; display: block; position: absolute; top: 0; right: 0; }
.mobile-menu ul li.menu-item.menu-item-has-children span.opener:after { position: absolute; content: '\2b'; font-family: 'Fontawesome'; font-size: 12px; right: 0; top: 50%; transform: translateY(-50%); width: 20px; padding-right: 0px; padding-left: 50px; padding-bottom: 0px; }
.mobile-menu ul li.menu-item.menu-item-has-children span.opener.active:after { content: '\f068'; }
.mobile-menu ul li.menu-item.menu-item-has-children ul.sub-menu li.menu-item a { padding: 5px 0; }
.mobile-menu ul li.menu-item.menu-item-has-children ul.sub-menu li.menu-item a:hover { color: var(--Clr28791d); }
.mobile-menu ul li.menu-item.btn a { padding: 5px 0 4px 0; color: #fff; }
.mobile-menu ul li.menu-item.btn { margin-top: 10px; display: inline-block; width: auto; }

/**/
.page-banner { width: 100%; display: block; }
.page-banner .featured-image { width: 100%; padding: 50px 0 150px 0; min-height: 350px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; }
.page-banner .featured-image .container { max-width: 50%; }
.page-banner .featured-image h1 { text-align: center; font-weight: bold; text-transform: uppercase; font-size: 44px; }
.page-banner .featured-image  p { text-align: center; font-weight: 600;}

/**/
section.banner-block { padding: 100px 0 160px 0; width: 100%; background-position: bottom !important; }
section.banner-block .container { max-width: 72%; text-align: center; }
section.banner-block h2 { max-width: 70%; width: 100%; margin: 0 auto 30px auto; }
section.banner-block .formWrap { width: 100%; margin: 50px 0; }
section.banner-block h1.topheading {text-transform:uppercase; font-size: 42px;}
section.banner-block .headingWrap { width: 100%; }
section.banner-block .headingWrap { position: relative; height: 126px; overflow: hidden; margin-bottom: 30px;}
section.banner-block .headingWrap h2{ color: #1f87bd; font-size: 70px;}
section.banner-block .headingWrap h2 span{ color: #6c9e40;}
section.banner-block .headingWrap h2.fade-Up { text-transform: uppercase; max-width: 100%; width: 100%; position: absolute; top: 0; left: 0; right: 0; opacity: 0; text-align: center; transition: opacity 0.6s ease, transform 0.6s ease; }
section.banner-block .headingWrap h2.fade-Up.visible { opacity: 1; transform: translateY(0); z-index: 1; }

/*section.banner-block h2 span[style] { margin-left: 10px; }*/
section.banner-block h2 span.Img { display: inline-block; position: relative; left: -20px; width: 10%; bottom: -15px;}
section.banner-block .headingWrap h2.fade-Up.heading-0 span.Img { left: -22px; bottom: -26px;}
section.banner-block .headingWrap h2.fade-Up.heading-1 span.Img { bottom: -36px;}
section.banner-block .headingWrap h2.fade-Up.heading-2 span.Img { left: 0px; bottom: -32px; }
section.banner-block .headingWrap h2.fade-Up.heading-3 span.Img { left: 0px; bottom: -32px; }
/**/
section.color-box-with-content-block { width: 100%; margin-top: 0; padding: 0 0 30px 0; }
section.color-box-with-content-block .colorBox { display: flex; flex-wrap: wrap; justify-content: space-between; max-width: 90%; width: 100%; margin: 0 auto; position: relative; top: -40px; }
section.color-box-with-content-block .colorBox .Box { width: 24%; border-radius: 10px;    box-shadow: 2px 2px 9px #babbb8; }
section.color-box-with-content-block .colorBox .Box:hover { filter: brightness(80%); }
section.color-box-with-content-block .colorBox .Box a { padding: 15px 25px; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; text-align: center; color: #fff; }
section.color-box-with-content-block .descWrap { width: 100%; text-align: center; }

/**/
section.content-with-slider-block { width: 100%; padding: 50px 0; }
section.content-with-slider-block .container { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }
section.content-with-slider-block .leftSide { width: 50%; }
section.content-with-slider-block .rightSide { width: 46%; }
section.content-with-slider-block .leftSide h2 { margin-bottom: 30px; text-transform: uppercase; }
/*section.content-with-slider-block .leftSide p { margin-bottom: 70px; }*/
section.content-with-slider-block .leftSide ul { padding-left: 15px; margin: 30px 0 0 0; display: flex; flex-wrap: wrap; justify-content: space-between; }
section.content-with-slider-block .leftSide ul li { width: 48%; margin-bottom: 10px; font-weight: 500; }
section.content-with-slider-block .leftSide a.btn { margin-top: 70px; }
section.content-with-slider-block .rightSide .sliderWrap { width: 100%; }
section.content-with-slider-block .rightSide .sliderWrap .item { width: 100%; height: 500px; border-radius: 40px; overflow: hidden; }
section.content-with-slider-block .rightSide .sliderWrap .item img { width: 100%; height: 100%; object-fit: cover; object-position: top; }

/**/
section.icon-with-content-block { padding: 50px 0; width: 100%;     }
section.icon-with-content-block h2 { text-align: center; margin-bottom: 20px; text-transform: uppercase; }
section.icon-with-content-block p { font-size: 24px; text-align: center; }
section.icon-with-content-block .ContWrap { width: 100%; display: flex; flex-wrap: wrap; margin: 30px 0 0 0; }
section.icon-with-content-block .ContWrap .Box { width: 30%; margin-right: 5%; }
section.icon-with-content-block .ContWrap .Box:nth-child(3n) { margin-right: 0; }
section.icon-with-content-block .ContWrap .Box .Img { width: 100%; margin-bottom: 20px; }
section.icon-with-content-block .ContWrap .Box .Img img { max-width: 30%; width: 100%; margin: 0 auto; }
section.icon-with-content-block .ContWrap .Box .title { width: 100%; margin-bottom: 10px; text-align: center; }
section.icon-with-content-block .ContWrap .Box .Cont { width: 100%; text-align: center; }

/**/
section.content-with-background-block { position: relative; min-height: 650px; width: 100%; padding: 70px 0 100px 0; display: flex ; align-items: center; background-attachment: fixed !important;}
section.content-with-background-block:after { content: ''; position: absolute; width: 100%; height: 100%; background-color: #0000006b; z-index: 0; top: 0px; left: 0px; }
section.content-with-background-block .halfWidth { max-width: 40%; z-index: 1;position: relative; }
section.content-with-background-block .halfWidth h2 { margin-bottom: 30px; text-transform: uppercase;color: #fff; }
section.content-with-background-block .halfWidth p { margin-bottom: 50px; color: #fff;}

/**/
@media screen and (min-width: 600px) {
.bafg-twentytwenty-container.twentytwenty-container { height: 80vh !important; }
}
/**/
.hide{
  display: none;
}
/**/
/**/
section.faqs-block { width: 100%; display: block; padding: 70px 0; }
section.faqs-block h2 { text-align: center; margin-bottom: 20px; text-transform: uppercase; }
section.faqs-block p { text-align: center; font-size: 24px; margin-bottom: 30px; }
section.faqs-block .faqsWrap { margin: 50px 0 0 0; width: 100%; display: block; border-top: 2px solid var(--Clrb3b3b3); border-bottom: 2px solid var(--Clrb3b3b3); }
section.faqs-block .faqsWrap .accordions { width: 100%; padding: 30px 0; border-top: 2px solid var(--Clrb3b3b3); }
section.faqs-block .faqsWrap .accordions .accordionsTitle { width: 100%; cursor: pointer;}
section.faqs-block .faqsWrap .accordions .accordionsTitle h4 { margin: 0; }
section.faqs-block .faqsWrap .accordions .accordionsCont { width: 100%;  margin-top: 10px; display: none;}
section.faqs-block .faqsWrap .accordions:first-child { border-top: 0; }

section.faqs-block select#faqDropdown { width: 20%; padding: 6px 30px 6px 10px; border: 2px solid #000;     line-height: 30px;}
section.faqs-block div#faqsResult { width: 100%; display: block; margin: 50px 0 0 0 ; }

/**/
section.get-support-block { width: 100%; padding: 50px 0; }
section.get-support-block h2 { color: #fff; text-align: center; margin-bottom: 30px; text-transform: uppercase;}
section.get-support-block p { color: #fff; text-align: center; font-size: 24px; margin-bottom: 30px; }
section.get-support-block  .blockWrap { width: 100%; margin: 50px 0; display: flex; flex-wrap: wrap; }
section.get-support-block .blockWrap .box { width: 22%; margin-right: 4%; background: var(--Clr53bfe5); border-radius: 20px; }
section.get-support-block .blockWrap .box:nth-child(4n) { margin-right: 0; }
section.get-support-block .blockWrap .box:hover { background: #12b4ed; }
section.get-support-block .blockWrap .box a { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; padding: 30px 40px; text-align: center; }
section.get-support-block .blockWrap .box a h4 { margin: 0; color: #fff; text-transform: capitalize;  line-height: 34px;}
section.get-support-block .formWrap { margin: 70px 0; }

/**/
section.stay-informed-block { width: 100%; display: block; padding: 100px 0; }
section.stay-informed-block h2 { text-align: center; margin-bottom: 30px;text-transform: uppercase; }
section.stay-informed-block p { font-size: 24px; text-align: center; margin-bottom: 30px; }

section.stay-informed-block .PostGrid { margin: 70px 0 0 0; width: 100%; display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(4, 1fr); grid-column-gap: 30px; grid-row-gap: 30px; }

section.stay-informed-block .PostGrid .PostBox.Box-0 { grid-area: 1 / 1 / 5 / 3; }
section.stay-informed-block .PostGrid .PostBox.Box-1 { grid-area: 1 / 3 / 3 / 5; }
section.stay-informed-block .PostGrid .PostBox.Box-2 { grid-area: 3 / 3 / 5 / 5; }

section.stay-informed-block .PostGrid .PostBox.Box-0 .PostImg { width: 100%; height: 100%; border-radius: 20px; overflow: hidden; position: relative; }
section.stay-informed-block .PostGrid .PostBox.Box-0 .PostImg img { width: 100%; height: 100%; object-fit: cover; object-position: top; }
section.stay-informed-block .PostGrid .PostBox.Box-0 .PostCont { width: 90%; position: absolute; left: 0; right: 0; margin: 0 auto; bottom: 20px; }
section.stay-informed-block .PostGrid .PostBox.Box-0 .PostImg:after { position: absolute; content: ''; width: 100%; height: 100%; background: #181717; background: linear-gradient(180deg, rgba(255, 255, 255, 0) 30%, rgba(0, 0, 0, 1) 100%); top: 0; }
section.stay-informed-block .PostGrid .PostBox.Box-0 .PostCont h3 { color: #fff; }
section.stay-informed-block .PostGrid .PostBox.Box-0 .PostCont  p { color: #fff; }
section.stay-informed-block .PostGrid .PostBox { position: relative; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }
section.stay-informed-block .PostGrid .PostBox a.fullAnchor { width: 100%; height: 100%; position: absolute; z-index: 1; }
section.stay-informed-block .PostGrid .PostBox .PostImg { width: 48%; border-radius: 20px; overflow: hidden; }
section.stay-informed-block .PostGrid .PostBox .PostCont { width: 48%; }
section.stay-informed-block .PostGrid .PostBox .PostCont h3 { font-size: 22px; color: #000; }
section.stay-informed-block .PostGrid .PostBox .PostCont  p { text-align: left; color: #000; font-size: 16px; line-height: 24px; }
section.stay-informed-block .PostGrid .PostBox .PostCont p.date { margin-bottom: 5px; }
section.stay-informed-block .stay-informed-button { text-align: center; margin-top: 30px; }
section.stay-informed-block .PostGrid .PostBox .PostCont p.cont { display: none; }



/**/
section.video-block { width: 100%; display: block; padding: 50px 0; }
section.video-block .media-box { max-width: 80%; width: 100%; height: 500px; margin: 0 auto; }
section.video-block .media-box iframe { width: 100%; height: 100%; }
section.video-block .media-box video { width: 100%; height: 100%; }

/**/
section.newsletter-block { padding: 80px 0 130px; background-size: 100% !important; background-position: bottom !important; position: relative; }
section.newsletter-block:before { position: absolute; content: ''; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(83, 191, 229, 1) 0%, rgba(255, 255, 255, 0.5) 100%); top: 0; z-index: -1; }
section.newsletter-block .container { display: flex; flex-wrap: wrap; align-items: center; }
section.newsletter-block .leftSide { width: 48%; }
section.newsletter-block h2 { margin: 0; color: #fff; text-transform: uppercase;}
section.newsletter-block .rightSide { width: 50%;     text-align: right;}
section.newsletter-block .rightSide .waterFormWrap p { color: #fff; }
section.newsletter-block .rightSide .waterFormWrap input[type="text"] { width: 70%; }

/**/
section.get-started-block { width: 100%; padding: 100px 0; }
section.get-started-block h2 { text-align: center; margin-bottom: 30px; text-transform: uppercase;}
section.get-started-block p { font-size: 24px; text-align: center; }
section.get-started-block .multiBoxWrap { margin: 50px 0 0 0; width: 100%; display: flex; flex-wrap: wrap; }
section.get-started-block .multiBoxWrap .BoxWrap { width: 49%; margin-right: 2%; margin-bottom: 25px; border-radius: 30px; padding: 30px 30px 50px 30px; position: relative; }
section.get-started-block .multiBoxWrap .BoxWrap:nth-child(2n) { margin-right: 0; }
section.get-started-block .multiBoxWrap .BoxWrap h4 { color: #fff; margin-bottom: 10px; }
section.get-started-block .multiBoxWrap .BoxWrap p { text-align: left; color: #fff; font-size: 18px; margin-bottom: 20px; }

section.get-started-block .multiBoxWrap .BoxWrap .listingWrap { width: 100%; }
section.get-started-block .multiBoxWrap .BoxWrap ul { display: flex; flex-wrap: wrap; padding-left: 20px; justify-content: space-between; }
section.get-started-block .multiBoxWrap .BoxWrap ul li { width: 48%;     line-height: 34px; color: #fff; }
section.get-started-block .multiBoxWrap .BoxWrap .anchorWrap { text-align: right; width: 90%; position: absolute; left: 0; right: 0; bottom: 30px; margin: 0 auto; }
section.get-started-block .multiBoxWrap .BoxWrap a.icon { display: inline-block; color: #fff; position: relative; padding-right: 60px; }
section.get-started-block .multiBoxWrap .BoxWrap a.icon:after { position: absolute; content: '\f061'; font-family: 'Fontawesome'; width: 40px; height: 40px; border-radius: 40px; border: 1px solid #fff; text-align: center; line-height: 40px; font-size: 27px; right: 0; top: -6px; }

/**/
section.get-started-block-v2 { width: 100%; margin-top: 0; padding: 0 0 30px 0; }
section.get-started-block-v2 .descWrap-v2 { width: 100%; text-align: center;    padding-top: 150px; }
section.get-started-block-v2 .multiBoxWrap-v2 { display: flex ; flex-wrap: wrap; justify-content: space-between; max-width: 90%; width: 100%; margin: 0 auto; position: relative; top: -40px; }
section.get-started-block-v2 .multiBoxWrap-v2 a.topbox {
  width:24%;
}
section.get-started-block-v2 .multiBoxWrap-v2 .BoxWrap-v2 { width: 24%; border-radius: 10px; box-shadow: 2px 2px 9px #babbb8; height: 120px; overflow: hidden; transition: all 0.5s ease; position: absolute; z-index: 99;}
section.get-started-block-v2 .multiBoxWrap-v2 .BoxWrap-v2:hover { /*height: 644px;*/ height: auto; transition: all 0.5s ease; }
section.get-started-block-v2 .contentWrap-heading h4 { padding: 15px 25px; display: flex ; align-items: center; justify-content: center; width: 100%; min-height: 120px; text-align: center; color: #fff; font-family: "Nexa Bold", Arial, sans-serif; line-height: 24px; font-size: 18px; }
section.get-started-block-v2 .contentWrap-v2 { padding: 0px 20px 50px 20px; position: relative; }
section.get-started-block-v2 .contentWrap-v2 p { text-align: left; color: #fff; font-size: 18px; margin-bottom: 20px; }
section.get-started-block-v2 .contentWrap-v2 p b{ font-weight: bold; }
section.get-started-block-v2 .contentWrap-v2 .listingWrap-v2 { width: 100%; }
section.get-started-block-v2 .contentWrap-v2 ul { padding-left: 20px; } 
section.get-started-block-v2 .contentWrap-v2 ul li { width: 100%; line-height: 34px; color: #fff; }
section.get-started-block-v2 .contentWrap-v2 .anchorWrap-v2 a.icon { display: inline-block; color: #fff; position: relative; padding-right: 45px;    line-height: 1; }
section.get-started-block-v2 .contentWrap-v2 .anchorWrap-v2 a.icon:after { position: absolute; content: '\f061'; font-family: 'Fontawesome'; width: 26px; height: 26px; border-radius: 26px; border: 1px solid #fff; text-align: center; line-height: 26px; font-size: 14px; right: 0; top: 3px; }
section.get-started-block-v2 .multiBoxWrap-v2 .BoxWrap-v2:nth-child(2) { left: 25.5%; }
section.get-started-block-v2 .multiBoxWrap-v2 .BoxWrap-v2:nth-child(3) { left: 50.7%;  }
/*section.get-started-block-v2 .multiBoxWrap-v2 .BoxWrap-v2:hover:nth-child(3) { height: 463px; }*/
/*section.get-started-block-v2 .multiBoxWrap-v2 .topbox:nth-child(3) .BoxWrap-v2:hover { height: 480px; }*/
section.get-started-block-v2 .multiBoxWrap-v2 .BoxWrap-v2:nth-child(4) { left: 76%; }
.anchorWrap-href-v2 .icon:after { /* position: absolute; */ content: '\f061'; font-family: 'Fontawesome'; width: 40px; height: 40px; border-radius: 40px; border: 1px solid #fff; text-align: center; line-height: 40px; font-size: 27px; right: 0; top: -6px; position: relative; display: block; color: #fff; }
.anchorWrap-href-v2 .icon { text-align: right; float: right; }
/**/
section.all-blog-block { width: 100%; display: block; padding: 70px 0; }
section.all-blog-block h2 { text-align: center; margin-bottom: 30px;text-transform: uppercase; }
section.all-blog-block p { font-size: 24px; text-align: center; margin-bottom: 50px; }
section.all-blog-block .blogsWrap { width: 100%; display: flex; flex-wrap: wrap; }
section.all-blog-block .blogsWrap .postBox { width: 31%; margin-right: 3.5%; margin-bottom: 40px; padding: 30px; background: #fff; position: relative;}
section.all-blog-block .blogsWrap .postBox a.fulAnchor { position: absolute; width: 100%; height: 100%; left: 0; top: 0;}
section.all-blog-block .blogsWrap .postBox:nth-child(3n) { margin-right: 0; }
section.all-blog-block .blogsWrap .postBox .postImg { width: 100%; border-radius: 20px; overflow: hidden; margin-bottom: 30px; height: 220px; }
section.all-blog-block .blogsWrap .postBox .postImg img { width: 100%; height: 100%; object-fit: cover; }
section.all-blog-block .blogsWrap .postBox  .postCont { width: 100%; display: block; }
section.all-blog-block .blogsWrap .postBox .postCont h4 { font-weight: 600; }
section.all-blog-block .blogsWrap .postBox .postCont p { font-size: 18px; text-align: left; margin-bottom: 10px; }
section.all-blog-block .blogsWrap .postBox .postCont p.date { font-size: 16px; }

section.all-blog-block .blogsWrap .postBox .postCont p.cont { display: none; }

/**/
section.inspiring-alternatives-block { width: 100%; padding: 70px 0; display: block; }
section.inspiring-alternatives-block .container { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }
section.inspiring-alternatives-block .leftSide { width: 38%; }
section.inspiring-alternatives-block .leftSide h2 { margin-bottom: 30px; text-transform: uppercase;}
section.inspiring-alternatives-block .leftSide p { margin-bottom: 70px; }
section.inspiring-alternatives-block .rightSide { width: 58%; }
section.inspiring-alternatives-block .rightSide .gridWrap { width: 100%; display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(6, 1fr); grid-column-gap: 30px; grid-row-gap: 30px; }
section.inspiring-alternatives-block .rightSide .gridWrap .item { width: 100%; height: 100%; border-radius: 20px; overflow: hidden; }
section.inspiring-alternatives-block .rightSide .gridWrap .item img { width: 100%; height: 100%; object-fit: cover; }
section.inspiring-alternatives-block .rightSide .gridWrap .item-0 { grid-area: 1 / 1 / 5 / 3; }
section.inspiring-alternatives-block .rightSide .gridWrap .item-1 { grid-area: 5 / 1 / 10 / 3; }
section.inspiring-alternatives-block .rightSide .gridWrap .item-2  { grid-area: 2 / 3 / 7 / 5; }
section.inspiring-alternatives-block .rightSide .gridWrap .item-3 { grid-area: 7 / 3 / 11 / 5; }

/**/
section.project-spotlight-block { width: 100%; display: block; padding: 50px 0; }
section.project-spotlight-block .bgWrap { width: 100%; background: var(--Clrf2f2f0); border-radius: 30px; padding: 50px; display: flex; flex-wrap: wrap; }
section.project-spotlight-block .bgWrap .leftSide { width: 35%; margin-right: 5%; border-radius: 30px; overflow: hidden; }
section.project-spotlight-block .bgWrap .rightSide.halfWidth { width: 60%; }
section.project-spotlight-block .bgWrap .leftSide img { width: 100%; height: 100%; object-fit: cover; }
section.project-spotlight-block .bgWrap .rightSide h4 { color: var(--Clr84a32f); }
section.project-spotlight-block .bgWrap .rightSide h2 { font-weight: 700; margin: 50px 0 10px 0; text-transform: uppercase;}
section.project-spotlight-block .bgWrap .rightSide .Cont { width: 100%; margin-bottom: 50px; }
section.project-spotlight-block .bgWrap .rightSide .imagesWrap { width: 100%; display: flex; flex-wrap: wrap; gap: 10px;}
section.project-spotlight-block .bgWrap .rightSide .imagesWrap .item { flex:0 0 32%; height: 140px; border-radius: 20px; overflow: hidden; }
section.project-spotlight-block .bgWrap .rightSide .imagesWrap .item img { width: 100%; height: 100%; object-fit: cover; object-position: center; }

section.project-spotlight-block .bgWrap .rightSide .imagesWrap .item .media-box { width: 100%; height: 100%; position: relative; }
section.project-spotlight-block .bgWrap .rightSide .imagesWrap .item .media-box a { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 2; display: block; }
section.project-spotlight-block .bgWrap .rightSide .imagesWrap .item .media-box iframe { z-index: 0; position: relative; }
section.project-spotlight-block .bgWrap .rightSide .imagesWrap .item .media-box video { width: 100%; height: 100%; object-fit: cover; }

section.project-spotlight-block .bgWrap .rightSide.fulWidth .imagesWrap .item { flex: 0 0 19.1%; }

section.project-spotlight-block .bgWrap .leftSide .media-box { width: 100%; height: 100%; }
section.project-spotlight-block .bgWrap .leftSide .media-box iframe { width: 100%; height: 100%; }

/**/
section.landscaper-resources-block { width: 100%; padding: 50px 0; }
section.landscaper-resources-block h2 { text-align: center; margin-bottom: 30px; }
section.landscaper-resources-block p { font-size: 24px; text-align: center; margin-bottom: 30px; }
section.landscaper-resources-block .videoWrap { width: 100%; display: flex; flex-wrap: wrap; margin: 50px 0 0 0; }
section.landscaper-resources-block .videoWrap .videoBox { width: 22%; margin-right: 3%; margin-bottom: 50px; }
section.landscaper-resources-block .videoWrap .videoBox:nth-child(4n) { margin-right: 0; }
section.landscaper-resources-block .videoWrap .videoBox .media-box { width: 100%; height: 200px; overflow: hidden; margin-bottom: 30px;    border-radius: 30px; }
section.landscaper-resources-block .videoWrap .videoBox .media-box iframe { height: 200px; }
section.landscaper-resources-block .videoWrap .videoBox .nameWrap { width: 100%; text-align: center; }
section.landscaper-resources-block .videoWrap .videoBox .nameWrap a { font-size: 24px; font-weight: 500; }

/**/
section.image-with-content-block { width: 100%; display: block; padding: 70px 0; }
section.image-with-content-block a.fulAnchor { position: absolute; width: 100%; height: 100%; display: block; left: 0; top: 0; }
section.image-with-content-block .container { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }
section.image-with-content-block .container.right { flex-direction: row-reverse; }
section.image-with-content-block .leftSide { width: 55%;     height: 400px; border-radius: 20px; overflow: hidden; }
section.image-with-content-block .leftSide img { width: 100%; height: 100%; object-fit: cover; }
section.image-with-content-block .rightSide { width: 40%; }
section.image-with-content-block .rightSide h2 { margin-bottom: 20px; }
section.image-with-content-block .rightSide p.date {font-size: 16px;}

/**/
section.featured-resources-block { width: 100%; display: block; padding: 50px 0;     background: #f2f2f0;}
section.featured-resources-block .topWrap { width: 100%; margin-bottom: 50px; display: flex; flex-wrap: wrap; justify-content: space-between; }
section.featured-resources-block .topWrap .leftSide { width: 80%; }
section.featured-resources-block .topWrap .leftSide h2 { margin: 0; }
section.featured-resources-block .topWrap .rightSide { width: 20%; text-align: right; }
section.featured-resources-block .featuredWrap { width: 100%; display: flex; flex-wrap: wrap; }
/*section.featured-resources-block .featuredWrap .featuredBox { width: 22%; margin-right: 2%; margin-bottom: 30px; padding: 20px; background: #fff; border-radius: 20px; position:relative;}*/
section.featured-resources-block .featuredWrap .featuredBox { width: 22%; margin-right: 2%; margin-bottom: 30px; padding: 20px; background: #fff; border-radius: 20px; position: relative; display: flex; flex-wrap: wrap;     align-content: space-between; }
section.featured-resources-block .featuredWrap .featuredBox:nth-child(4n) { margin-right: 0; }
/*section.featured-resources-block .featuredWrap .featuredBox .featuredImg { width: 100%; border-radius: 0; overflow: hidden; height: 250px; margin-bottom: 20px; }
section.featured-resources-block .featuredWrap .featuredBox .featuredImg img { width: 100%; height: 100%; object-fit: cover;    object-position: top; }
*/

section.featured-resources-block .featuredWrap .featuredBox .featuredImg { width: 100%; display: flex; overflow: hidden; background: #f9f9f9; border-radius: 0;     border: 1px solid #cccccc;}
section.featured-resources-block .featuredWrap .featuredBox .featuredImg.thumb-pdf { aspect-ratio: 8.5 / 11; width: 100%; }
section.featured-resources-block .featuredWrap .featuredBox .featuredImg.thumb-square { aspect-ratio: 1 / 1; width: 100%; }
section.featured-resources-block .featuredWrap .featuredBox .featuredImg.thumb-video {aspect-ratio: 16 / 9;width: 100%;}

section.featured-resources-block .featuredWrap .featuredBox .featuredImg img { width: 100%; height: 100%; object-fit: cover;    }
section.featured-resources-block .featuredWrap .featuredBox .featuredImg img.default { width: auto; height: auto; object-fit: contain; }


section.featured-resources-block .featuredWrap .featuredBox .featuredCont { width: 100%; margin-top: 10px;}
section.featured-resources-block .featuredWrap .featuredBox .featuredCont ul.resource-topics { padding: 0; margin: 0; list-style-type: none; display: flex; flex-wrap: wrap; }
section.featured-resources-block .featuredWrap .featuredBox .featuredCont ul.resource-topics li { display: block; margin-right: 6px; padding-right: 6px; position: relative; }
section.featured-resources-block .featuredWrap .featuredBox .featuredCont ul.resource-topics li:after { position: absolute; content: ','; right: 0; }
section.featured-resources-block .featuredWrap .featuredBox .featuredCont ul.resource-topics li a { color: #b3b3b3; text-transform: uppercase; font-size: 14px; }
section.featured-resources-block .featuredWrap .featuredBox .featuredCont ul.resource-topics li:last-child:after { display: none; }
section.featured-resources-block .featuredWrap .featuredBox .featuredCont h4 { margin: 10px 0 0 0;    font-size: 20px; }
section.featured-resources-block .featuredWrap .featuredBox a.fullAnchor { position: absolute; width: 100%; height: 100%; left:0; top:0; }
section.featured-resources-block .featuredWrap .featuredBox:hover { filter: drop-shadow(5px 5px 5px #ddd) drop-shadow(-6px -5px 5px #ddd); }

/**/
section.wysiwyg-editor-block{ width: 100%; display: block; padding: 70px 0;  }
section.wysiwyg-editor-block h2 { text-align: center; margin-bottom: 30px;text-transform: uppercase; }
section.wysiwyg-editor-block p { font-size: 24px; text-align: center; margin-bottom: 30px; }
section.wysiwyg-editor-block .contWrap { width: 100%; display: block; }
section.wysiwyg-editor-block .contWrap p { text-align: left; font-size: 18px; margin-bottom: 15px; }

/**/
section.content-with-logo { width: 100%; display: block; padding: 70px 0; }
section.content-with-logo .container { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }
section.content-with-logo .leftSide { width: 55%; }
section.content-with-logo .leftSide h2 { margin-bottom: 30px; }
section.content-with-logo .leftSide .socialWrap { margin: 50px 0 0 0; }
section.content-with-logo .leftSide .socialWrap ul { padding: 0; margin: 0; list-style-type: none; display: flex; flex-wrap: wrap; }
section.content-with-logo .leftSide .socialWrap ul li { display: block; margin-right: 5%; }
section.content-with-logo .leftSide .socialWrap ul li:last-child { margin-right: 0; }
section.content-with-logo .leftSide .socialWrap ul li a { color: #000; }
section.content-with-logo .leftSide .socialWrap ul li a i { margin-right: 10px; color: var(--Clr84a32f); font-size: 22px; position: relative; top: 2px; }
section.content-with-logo .rightSide { width: 40%; text-align: center; }
section.content-with-logo .rightSide .logoWrap { width: 100%; display: block; margin-bottom: 30px; }
section.content-with-logo .rightSide .logoWrap img { margin: 0 auto; }
section.content-with-logo .rightSide .logoCapWrap { width: 100%; display: block; }

/**/
section.tabs-content-block { padding: 50px 0; display: block; }
section.tabs-content-block .tabs { max-width: 80%; width: 100%; margin: 0 auto; }
section.tabs-content-block .tabs .tabs-nav { max-width: 90%; width: 100%; margin: 0 auto 30px auto; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }
section.tabs-content-block .tabs .tabs-nav .tabBtn { width: 30%; text-align: center; }
section.tabs-content-block .tabs .tabs-nav .tabBtn a {  display: block; padding: 20px; border-radius: 20px; color: #000; font-size: 20px; font-weight: 700; }
section.tabs-content-block .tabs .tabs-nav .tabBtn.active a { background: var(--Clr53bfe5); color: #fff;}
section.tabs-content-block .tabs .tab-cont { width: 100%; border-top: 1px solid #000; padding: 30px 0 0 0; }
section.tabs-content-block .tabs .tab-cont .contWrap { padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #000; }
section.tabs-content-block .tabs .tab-cont .contWrap p { font-weight: 500; }

/**/
.single .innerWrap { max-width: 60%; width: 100%; margin: 0 auto; padding: 100px 0;}
.single .innerWrap .Image { width: 100%; border-radius: 20px; overflow: hidden; margin-bottom: 40px; }
.single .innerWrap .titleWrap { margin-bottom: 50px; padding: 0 50px; }
.single .innerWrap .titleWrap h2 { font-size: 30px; font-weight: 700; color: #606060; }
.single .innerWrap .titleWrap p { font-size: 24px; line-height: 34px; }
.single .innerWrap .ContentWrap { width: 100%; }
.single .innerWrap .ContentWrap p { margin-bottom: 20px; }
.single .innerWrap .ContentWrap .media-box { width: 100%; height: 400px; margin-bottom: 30px; }
.single .innerWrap .ContentWrap .media-box iframe { width: 100%; height: 100%; }
.single .innerWrap .ContentWrap .media-box video { width: 100%; height: 100%; object-fit: cover; }

.relatedWrap { background: #f2f2f0; padding: 70px 0; }
.relatedWrap h2 { font-weight: 400; }
.relatedWrap .relatedBoxes { width: 100%; margin: 50px 0 0 0; display: flex; flex-wrap: wrap; }
.relatedWrap .relatedBoxes .box { width: 30%; margin-right: 5%; padding: 30px; background: #fff; }
.relatedWrap .relatedBoxes .box:last-child { margin-right: 0; }
.relatedWrap .relatedBoxes .box .relatedImg { width: 100%; height: 230px; overflow: hidden; border-radius: 20px; margin-bottom: 30px; }
.relatedWrap .relatedBoxes .box .relatedCont { width: 100%; }
.relatedWrap .relatedBoxes .box .relatedCont h4 { font-weight: 700; }

/**/
.resourcesFilterWrapper { width: 100%; background: #f2f2f0; display: flex; flex-wrap: wrap; justify-content: space-between; }
.resourcesFilterWrapper .filters { width: 25%; background: #fff; padding: 30px; border-radius: 30px; }
.resourcesFilterWrapper .filterContent { width: 70%; }
.resourcesFilterWrapper .filters a.resetFilter { width: 100%; display: block; margin-bottom: 20px; }
.resourcesFilterWrapper .filters form#filterForm { width: 100%; }
.resourcesFilterWrapper .filters form#filterForm .filterGroup { width: 100%; display: block; margin-bottom: 30px; }
.resourcesFilterWrapper .filters form#filterForm .filterGroup > p { font-size: 16px; font-weight: 700; text-align:left; }
.resourcesFilterWrapper .filters form#filterForm .filterGroup ul { padding: 0; margin: 0; list-style-type: none; }
.resourcesFilterWrapper .filters form#filterForm .filterGroup ul li { width: 100%; margin-bottom: 5px; }
.resourcesFilterWrapper .filters form#filterForm .filterGroup ul li label { width: 100%; display: block; font-weight: 400; font-size: 16px; position: relative; padding-left: 30px; cursor: pointer; }
.resourcesFilterWrapper .filters form#filterForm .filterGroup ul li label input[type="checkbox"] { -webkit-appearance: none; display: none; }
.resourcesFilterWrapper .filters form#filterForm .filterGroup ul li label:before { position: absolute; content: ''; width: 15px; height: 15px; border: 1px solid #808080; left: 0; top: 2px; }
.resourcesFilterWrapper .filters form#filterForm .filterGroup ul li label.checked::before { position: absolute; content: ''; background: #808080; }

.resourcesFilterWrapper .filters form#filterForm .filterGroup input#keywordInput { padding: 7px 10px; width: 100%; font-size: 18px; border: 2px solid #808080; }

.resourcesList { width: 100%; display: flex; flex-wrap: wrap; }
/*.resourcesList .featuredBox { width: 31%; margin-right: 3.5%; margin-bottom: 30px; padding: 20px; background: #fff; border-radius: 20px; position:relative; }*/
.resourcesList .featuredBox { width: 31%; margin-right: 3.5%; margin-bottom: 30px; padding: 20px; background: #fff; border-radius: 20px; position: relative; display: flex;  flex-wrap: wrap;    align-content: space-between; }
.resourcesList .featuredBox:nth-child(3n) { margin-right: 0; }
/*.resourcesList .featuredBox .featuredImg { width: 100%; border-radius: 0; overflow: hidden; height: 250px; margin-bottom: 20px; }*/

.featuredImg { width: 100%; display: flex; overflow: hidden; background: #f9f9f9; border-radius: 0;     border: 1px solid #cccccc;}
.resourcesList .featuredBox .featuredImg.thumb-pdf { aspect-ratio: 8.5 / 11; width: 100%; }
.resourcesList .featuredBox .featuredImg.thumb-square { aspect-ratio: 1 / 1; width: 100%; }
.resourcesList .featuredBox .featuredImg.thumb-video {aspect-ratio: 16 / 9;width: 100%;}

.resourcesList .featuredBox .featuredImg img { width: 100%; height: 100%; object-fit: cover;    }
.resourcesList .featuredBox .featuredImg img.default { width: auto; height: auto; object-fit: contain; }
.resourcesList .featuredBox .featuredCont { width: 100%; margin-top: 10px;}
.resourcesList .featuredBox .featuredCont ul.resource-topics { padding: 0; margin: 0; list-style-type: none; display: flex; flex-wrap: wrap; }
.resourcesList .featuredBox .featuredCont ul.resource-topics li { display: block; margin-right: 6px; padding-right: 6px; position: relative; }
.resourcesList .featuredBox .featuredCont ul.resource-topics li:after { position: absolute; content: ','; right: 0; }
.resourcesList .featuredBox .featuredCont ul.resource-topics li a { color: #b3b3b3; font-size: 14px; }
.resourcesList .featuredBox .featuredCont ul.resource-topics li:last-child:after { display: none; }
.resourcesList .featuredBox .featuredCont h4 { margin: 10px 0 0 0;    font-size: 20px; }
.resourcesList .featuredBox a.fullAnchor { position: absolute; width: 100%; height: 100%; left:0; top: 0; }
.resourcesList .featuredBox:hover { filter: drop-shadow(5px 5px 5px #ddd) drop-shadow(-6px -5px 5px #ddd); }

/**/
.resource-single .innerWrap .ImageWrap { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin-bottom: 70px; }
.resource-single .innerWrap .ImageWrap .resImage { width: 35%;     box-shadow: 1px 1px 10px #ddd;}
.resource-single .innerWrap .ImageWrap .restitle { width: 60%; }
.resource-single .innerWrap .ImageWrap .restitle ul.resource-topics { padding: 0; margin: 0; list-style-type: none; display: flex; flex-wrap: wrap; }
.resource-single .innerWrap .ImageWrap .restitle ul.resource-topics li { display: block; margin-right: 6px; padding-right: 6px; position: relative; }
.resource-single .innerWrap .ImageWrap .restitle ul.resource-topics li:after { position: absolute; content: ','; right: 0; }
.resource-single .innerWrap .ImageWrap .restitle ul.resource-topics li a { color: #b3b3b3; font-size: 16px; }
.resource-single .innerWrap .ImageWrap .restitle ul.resource-topics li:last-child:after { display: none; }
.resource-single .innerWrap .ImageWrap .restitle h2 { margin: 10px 0 0 0; font-size: 34px; }
.resource-single .innerWrap .ImageWrap .restitle a.btn { margin: 40px 0 0 0; }

.resource-single .resourcesList { margin: 50px 0 0 0; width: 100%; display: flex; flex-wrap: wrap; }
.resource-single .resourcesList .featuredBox { width: 23%; margin-right: 2.6%; margin-bottom: 30px; padding: 20px; background: #fff; border-radius: 20px; position: relative;    align-content: space-between; }
.resource-single .resourcesList .featuredBox:nth-child(4n) { margin-right: 0; }


/**/
.waterFormWrap { width: 100%; text-align: center; }
.formWrap .waterFormWrap p { font-size: 18px; margin-bottom: 10px; }
.waterFormWrap input[type="text"] { border-radius: 10px; border: 1px solid #B3B3B3; width: 40%; color: #000; padding: 5px 15px; }

/**/
section.banner-block.bgBottom { background-position: bottom center !important; background-size: auto !important; }

/*  */
.responsive-iframe { position: relative; width: 100%; padding-top: 100%; /* 16:9 ratio = 9/16 = 56.25% */ overflow: hidden; border-radius: 6px;   }
.responsive-iframe iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; }

/**/
section.wysiwyg-editor-block.contactSec .contWrap { max-width: 50%; width: 100%; margin: 0 auto; }
form .frm_submit { justify-content: center; }

/**/
body.page-id-463 header.main-header:before { height: 100px;    z-index: -1; }
section.wysiwyg-editor-block.agencySec { padding: 0; }

/**/
form.quizForm .frm_form_fields .frm_submit {
    display: none;
}

form.quizForm .frm_form_field h4 {
    margin-bottom: 30px;
}

form.quizForm .frm_form_field p { color: #000; }
form.quizForm .frm_form_field ul {
    color: #000;
    font-size: 18px;
    line-height: 28px;
    padding-left: 22px;
}
form.quizForm .frm_form_field a {
    font-weight: bold;
    text-decoration: underline;
}

form.quizForm .frm_form_field a:hover {
    text-decoration: none;
}
form.quizForm .frm_form_field.vertical_radio .frm_primary_label { display: none; }
form.quizForm .frm_form_field.vertical_radio .frm_opt_container { display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; }
form.quizForm .frm_form_field.vertical_radio .frm_opt_container .frm_radio { margin: 0; }
form.quizForm .frm_form_field.vertical_radio .frm_opt_container .frm_radio label { margin: 0; background-color: #53bfe5; border-radius: 40px; color: #fff; display: inline-block; font-size: 18px; line-height: 28px; padding: 10px 40px 5px 40px; }
form.quizForm .frm_form_field.vertical_radio .frm_opt_container .frm_radio label input[type="radio"] { display: none !important; }
form.quizForm .frm_form_field.vertical_radio .frm_opt_container .frm_radio label:hover { background: #28791d; }

form.quizForm .frm_form_field.vertical_radio .frm_primary_label { display: none; }
form.quizForm .frm_form_field.vertical_radio .frm_opt_container { display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; }
form.quizForm .frm_form_field.vertical_radio .frm_opt_container .frm_checkbox { margin: 0; }
form.quizForm .frm_form_field.vertical_radio .frm_opt_container .frm_checkbox label { margin: 0; background-color: #53bfe5; border-radius: 40px; color: #fff; display: inline-block; font-size: 18px; line-height: 28px; padding: 10px 40px 5px 40px; }
form.quizForm .frm_form_field.vertical_radio .frm_opt_container .frm_checkbox label input[type="checkbox"] { display: none !important; }
form.quizForm .frm_form_field.vertical_radio .frm_opt_container .frm_checkbox label:hover { background: #28791d; }

form.quizForm .frm_form_field.backBtn .frm_opt_container { justify-content: left; }
form.quizForm .frm_form_field.backBtn  .frm_opt_container .frm_radio label,
form.quizForm .frm_form_field.backBtn  .frm_opt_container .frm_radio label:hover { background-color: transparent; color: #000; padding: 0; font-size: 20px; line-height: 22px; font-weight: 600; }