@charset "utf-8";
/*!
plusxnergy
Description: PlusXnergy Theme
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
Text Domain: plusxnergy
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, img, ins, kbd, q, s, samp,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

* { 
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */
}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.clearfix {
    display: inline-block;
}
html[xmlns] .clearfix {
    display: block;
}
* html .clearfix {
    height: 1%;
}
.wrap {text-align:left;}

input[type="submit"] {-webkit-appearance: none;cursor:pointer;}


.wrap>*:not(*:root) {margin-left:-4px;}/*--- FIx for safari flexibleg grid--*/
*:focus {outline:0;}
html, body {width:100%; height:100%;overflow-x: hidden;}
body {font-size:12px; line-height:1.25em; background-color:#FFFFFF;overflow-x:hidden;}


[class*="_maxcontainer"]{width: 100%;margin:0px auto;}
[class*="_maxcontainer"] > div {padding:0px;}

[class*="_fullcontainer"]{width: calc(100% - 90px);margin:0px auto;}
[class*="_midlargecontainer"]{width:100%; margin:0px auto; max-width:1300px;}
[class*="_largecontainer"]{width:100%; margin:0px auto; max-width:1400px;}
[class*="_container"]{width:100%; margin:0px auto; max-width:1180px;}
[class*="_medsmallcontainer"]{width:100%; margin:0px auto; max-width:1080px;}
[class*="_smallcontainer"]{width:100%; margin:0px auto; max-width:960px;}
[class*="_narrowcontainer"]{width:100%; margin:0px auto; max-width:740px;}
[class*="col-"]{transition:0.2s;}

a {transition:0.5s linear; -ms-transition:0.5s linear; -moz-transition:0.5s linear; -webkit-transition:0.5s linear; text-decoration:none;}
body {font-size:100%;}


:root {
    --color-white: #ffffff;
    --color-darkblue: #0c0b30;
    --color-lightred: #FF2813;
    --color-red: #e30a14;
    --color-darkred: #8F1003;
    --color-gradientred: linear-gradient(227deg, rgba(227,10,20,1) 0%, rgba(114,5,10,1) 100%);
    --color-gradientredbeforehover: linear-gradient(227deg, rgba(227,10,20,0) 0%, rgba(114,5,10,0) 100%);
    
    --color-gradientgreen: linear-gradient(90deg, rgba(0,59,63,1) 0%, rgba(0,169,166,1) 100%);
    --color-gradientorange: linear-gradient(90deg, rgba(227,47,38,1) 0%, rgba(246,140,33,1) 100%);
    --color-gradientpink: linear-gradient(90deg, rgba(206,29,96,1) 0%, rgba(239,86,92,1) 100%);

    --color-gradientblue: linear-gradient(90deg, rgba(0,109,170,1) 0%, rgba(33,184,213,1) 100%);


    --color-medgrey: #666666;
    --color-lightgrey: #CCCCCC;

    --color-lightgreen: #56C2BB;
    --color-neongreen: #25DCC9;
    
    --color-lightblue: #21B8D5;
    --color-neonpink: #ED0D6C;
    
}



@font-face {
    font-family: "TT Norm Bold";
    src: url("fonts/TT-Norms-Pro-Bold.otf") format("opentype");
}

@font-face {
    font-family: "TT Norm Regular";
    src: url("fonts/TT-Norms-Pro-Regular.otf") format("opentype");
}

@font-face {
    font-family: "TT Norm Light";
    src: url("fonts/TT%20Norms%20Pro%20Light.otf") format("opentype");
}

@font-face {
    font-family: "TT Norm Thin";
    src: url("fonts/TT%20Norms%20Pro%20Thin.otf") format("opentype");
}


body, h1, h4, h5, h6, p, ul, li, ol, .post-box-excerpt, .post-box-date, .gform_body input, .gform_body textarea, .gform_button, .gfield_checkbox label, .gfield_radio label {font-family: 'Source Sans Pro', sans-serif;}

h2, h3, .belief-header h5, .post-box-title, .number-box h1, .icon-circle-box p, ul.mega-menu-ul li a, b, .menu-image-box-title, .our-people-title-box .people-name, .solutions-general-cta, .history-title-box, li.wrap-store-details:before, .indicator h6, .guides-content h4, .gform_wrapper .gform_footer input[type=submit], .cta-full-darkblue-big, .select2-container--default {font-family: 'TT Norm Bold', sans-serif;font-weight:700;}

.solutions-text-box h4 {font-family: 'Source Sans Pro', sans-serif;font-weight:700;}

h2, h3 {color:#011c0b;}

a {font-family: 'TT Norm Regular', sans-serif;}
h4, .fullheight-box h2, .type-roof-box-content h3, ul.mega-menu-ul > li.has-children > ul li a {font-family: 'TT Norm Regular', sans-serif;}


.font-thin {font-family: 'TT Norm Thin', sans-serif !important;}
.font-light {font-family: 'TT Norm Light', sans-serif !important;}
.font-regular {font-family: 'TT Norm Regular', sans-serif !important;}
.font-bold {font-family: 'TT Norm Bold', sans-serif !important;}
.font-italic {font-style: italic;}

.gform_body input, .gform_body label, .gform_body textarea, .gform_button {font-weight:400 !important;}

/*---Fix for wow---*/
.wow {visibility:hidden;}

/*---General---*/
#pageContent {min-height:85vh;padding-top: 80px;}

html { height: 100%;}
body {min-height: 100%; height: auto;background-color:#FAFAFA;}
/*html {scroll-behavior: smooth;}*/

.visible-hide {opacity:0;}





/*---Typography---*/
a {color:var(--color-red);display:inline-block;}
h1 {font-size:3.2em;line-height: 1.1em;margin-bottom: 20px;}
h1.huge {font-size: 7em;line-height: 0.9em;}
h2 {font-size:2.3em;line-height: 1.1em;margin-bottom: 20px;}
h2.small {font-size:2em;line-height: 1em;margin-bottom: 20px;}
h3 {font-size:1.6em;line-height: 1.5em;margin-bottom: 10px;}
h4 {font-size:1.5em;line-height: 1.2em;margin-bottom: 10px;}
h5 {font-size:22px;line-height: 30px;margin-bottom: 20px;}
h5.small {font-size:20px;}
h6 {font-size:16px;line-height: 34px;margin-bottom: 20px;}
p.big {font-size:18px;line-height: 30px;margin-bottom: 20px;}
p {font-size:14px;line-height: 24px;margin-bottom: 10px;}
body {font-size:16px;position:relative;}

p, body {color:#666666;}


#postContent *:not(i.fab) {font-family: 'Source Sans Pro', sans-serif;}
#postContent, #postContent p {font-size: 1rem;line-height: 1.75;margin-bottom: 20px;}
#postContent h1 {font-size: 1.802rem;line-height: 1.75;margin-bottom: 20px;}
#postContent h2 {font-size: 1.602rem;line-height: 1.75;margin-bottom: 20px;}
#postContent h3 {font-size: 1.424rem;line-height: 1.75;margin-bottom: 20px;}
#postContent h4 {font-size: 1.266rem;line-height: 1.75;margin-bottom: 20px;}
#postContent h5 {font-size: 1.125rem;line-height: 1.75;margin-bottom: 20px;}
#postContent h6 {font-size: 1rem;line-height: 1.75;margin-bottom: 20px;font-weight:700;}
#postContent ul, #postContent ol {margin-left: 20px;margin-bottom:20px;margin-top: 20px;}
#postContent ul li, #postContent ol li {margin-bottom: 5px;}
#postContent hr {margin-top:30px;margin-bottom:30px;}


ul.ul-style-with-tick {list-style: none;margin-left: 30px;margin-bottom:20px;}
ul.ul-style-with-tick li {position:relative;font-size:26px;line-height:32px;margin-bottom:10px;}
ul.ul-style-with-tick li:before {content:'✓';font-size:30px;position:absolute;left:-30px;top:0;}

/*---General Page Content---*/
.general-page-content ul li, .general-page-content ol li {font-size: 16px;line-height: 24px;margin-left: 10px;margin-bottom: 15px;}
.general-page-content ul, .general-page-content ol {margin-left:15px;margin-bottom:25px;}
.general-page-content ul li > ul, .general-page-content ul li > ol, .general-page-content ol li > ol, .general-page-content ol li > ul {margin-top:25px;margin-bottom:25px;}
.general-page-content ol {list-style:numeric;}

.general-page-content h1, .general-page-content h2, .general-page-content h3, .general-page-content h4, .general-page-content h5, .general-page-content h6,
.general-page-content p , .general-page-content img {margin-bottom:25px;}
.general-page-content hr {margin-top:50px;margin-bottom:50px;display:block;}
.general-page-content h1, .general-page-content h2, .general-page-content h3, .general-page-content h4 {color:#011c0b;}
.general-page-content p {font-size: 16px;line-height: 24px;}
.general-page-content tr td {padding:10px;border:1px solid #c9c9c9;}

.general-page-content table tr td ul, .general-page-content table tr td ol {margin-bottom:0px;}


/*--Color---*/
.darkblue {color:#011c0b;}
.white, .white > * {color:var(--color-white);}
.lightred {color:var(--color-lightred);}
.red {color:var(--color-red);}
.lighgrey {color:var(--color-lightgrey);}
.lightgreen {color:var(--color-lightgreen);}
.neongreen {color:var(--color-neongreen);}
.neonpink {color:var(--color-neonpink);}
.lightblue {color:var(--color-lightblue);}

.bck_white {background-color:var(--color-white);}
.bck_darkblue {background-color:#011c0b;}
.bck_lightred {background-color:var(--color-lightred);}
.bck_neonpink {background-color:var(--color-neonpink);}


/*---Width---*/
.max180 {max-width:180px;}
.max200 {max-width:200px;}
.max250 {max-width:250px;}
.max300 {max-width:300px;}
.max350 {max-width:350px;}
.max400 {max-width:400px;}
.max450 {max-width:450px;}
.max500 {max-width:500px;}
.max600 {max-width:600px;}
.max700 {max-width:700px;}
.max800 {max-width:800px;}
.max900 {max-width:900px;}

.maxcenter {margin:auto;display:block;}

/*---Text style---*/
.uppertext {text-transform:uppercase;}
.textleft {text-align:left;}
.textright {text-align:right;}
.textcenter {text-align:center;}
.lightf {font-weight:400;}
.mediumf {font-weight:500;}
.heavyf {font-weight:700;}

/*---Padding---*/
.padt5 {padding-top:5%;}
.padb5 {padding-bottom:5%;}

.padbo35 {padding-bottom:35px;}

.tbpad5 {padding-top:5%;padding-bottom:5%;}
.tbpad10 {padding-top:10%;padding-bottom:10%;}
.padtb35 {padding-top:35px;padding-bottom:35px;}
.padtb45 {padding-top:45px;padding-bottom:45px;}
.padtb60 {padding-top:60px;padding-bottom:60px;}
.padtb80 {padding-top:80px;padding-bottom:80px;}

.lfpad0 {padding-left:0px;padding-right:0px;}
.lfpad10px {padding-left:10px;padding-right:10px;}
.lfpad3 {padding-left:3%;padding-right:3%;}
.lfpad5 {padding-left:5%;padding-right:5%;}
.padlf45 {padding-left:45px;padding-right:45px;} 

.padall5 {padding:5%;}
.padall10 {padding:10%;}
.pad35{padding:35px;}

/*--- Margin---*/
.martb35 {margin-top:35px;margin-bottom:35px;}
.marb0 {margin-bottom:0px;}
.marb20 {margin-bottom:20px;}
.marb30 {margin-bottom:30px;}
.marb40 {margin-bottom:40px;}
.marb60 {margin-bottom:60px;}

.mart0 {margin-top:0px;}
.mart30 {margin-top:30px;}
.mart40 {margin-top:40px;}
.mart60 {margin-top:60px;}

.bheight20 {height:20px;}
.bheight30 {height:30px;}
.bheight40 {height:40px;}
.bheight60 {height:60px;}



.height_50 {min-height:50vh;}
.height_60 {min-height:60vh;}
.height_70 {min-height:70vh;}
.height_75 {min-height:75vh;}
.height_80 {min-height:80vh;}
.height_85 {min-height:85vh;}
.height_90 {min-height:90vh;}
.height_100 {min-height:100vh;}
.height_105 {min-height:105vh;}
.height_110 {min-height:110vh;}
.height_200 {min-height:200vh;}

.min_height_400 {min-height:400px;}

.bck_cover {background-size:cover;background-repeat:no-repeat;background-position:center;}
.bck_center {background-position:center;}
.bck_atth {overflow:hidden;background-attachment:fixed;}

.bck_botshadow {position:relative;}

ol, ul {list-style: initial;}




/* Main Logo */
#wholePage {position:relative;}
#header {position: fixed;margin-top:0px;width:100%;z-index: 1000;background-color:var(--color-white);}
div#header.sticky {background-color: var(--color-white);transition: 0.5s;}
div#header.sticky a{color: #011c0b;transition: 0.5s;}


.main-logo {max-width:170px;}


ul.main-nav {display: flex;align-items: center;justify-content: center;list-style:none;margin-left:0px;}
ul.main-nav li {position:relative;margin-left:0px;margin-right:0px;}


ul.main-nav li:after {content: ' ';position: absolute;width: 0px;height: 4px;background-color: red;left: 0;bottom: 0;transition:0.5s;}

ul.main-nav li.active:after, ul.main-nav li:hover:after, ul.main-nav li.current_page_item:after {width: 100%;transition:0.5s;}

ul.main-nav li a {color:#011c0b;padding:30px;position:relative;font-size:16px;}
ul.main-nav li a i {position: absolute;right: 15px;top: 50%;transform: translate(0%,-50%);font-size: 12px;color: #CCCCCC;}
ul.main-nav li.active a, ul.main-nav li.current_page_item a {color:var(--color-red);}
ul.main-nav li a:hover {color:var(--color-red);}

ul.main-nav li.parent {margin-right: 20px;}
ul.main-nav li.parent i {color:#011c0b;}
ul.main-nav li.parent:after {display:none;}

div#header.sticky .main-logo {max-width: 159px;}
div#header.sticky #firstHeader ul.main-nav li a {padding: 20px 30px;}
.mega-menu-dropdown.sticky {margin-top: 65px;}


/* Style the list */
ul.post-breadcrumb {padding: 10px 16px;list-style: none;}

/* Display list items side by side */
ul.post-breadcrumb li {display: inline;vertical-align: middle;}
ul.post-breadcrumb li a {color:#011c0b;font-size:14px;line-height:20px;}
ul.post-breadcrumb li a:hover {color:var(--color-red);}

/* Add a slash symbol (/) before/behind each list item */
ul.post-breadcrumb li+li:before {padding: 8px;color: #011c0b;content: "/\00a0";}

.main-cta-top-right {display: flex;flex-wrap: wrap;justify-content: flex-end;align-items: baseline;}
.main-cta-top-right .main-cta:not(:last-child) {margin-right: 15px;}


.main-cta {color:#011c0b;}
.main-cta:hover {color:var(--color-red);}

.main-cta-small-menu, a.main-cta-small-menu-toggle {cursor:pointer;}
.main-cta-small-menu:hover a.main-cta-small-menu-toggle {color:var(--color-red);}

.main-cta-small-menu {position:relative;padding-top: 10px;padding-bottom: 10px;}
.main-cta-small-menu-dropdown {position: absolute;right: 0;top: 40px;background-color: #ffffff;width: 165px;padding: 10px 15px 10px 15px;text-align: left;border-radius: 15px;display:none;border: 1px solid #e6e6e6;}
.main-cta-small-menu:hover .main-cta-small-menu-dropdown {display:block;}
.main-cta-small-menu-dropdown .main-cta {color:#011c0b !important;}
.main-cta-small-menu-dropdown .main-cta:hover {color:var(--color-red) !important;}

.main-cta-small-menu-dropdown a {margin-top: 10px;margin-bottom: 10px;margin-right: 0px !important;}


#firstHeader {border-bottom: 1px solid #DBDBDB;}
#secondHeader ul.main-nav li a {padding:14px 20px;font-size:14px;}

.mobile-menu-title {padding-left: 10px;border-left: 1px solid #e0e0e0;}
.mobile-menu-title .small-title {font-size: 12px;color: var(--color-red);}
.mobile-menu-title .large-title {font-size: 16px;line-height: 18px;margin-bottom: 5px;color: #011c0b;}
.mm-menu a {color: #011c0b !important;}

.mburger {
    color: #011c0b;
    width: 36px;
    height: 36px;
    --mb-bar-height: 2px;
    --mb-bar-spacing: 9px;
    --mb-bar-width: 0.5;
}

.mm-menu_position-right {
    z-index: 10000;
}


/*---Hover Header Mega Menu---*/
.mega-menu-dropdown {position: fixed;margin-top: 80px;left: 0px;width: 100%;background-color: var(--color-white);z-index: 2000;min-height: 0px;height:0px;transition:0.4s;display:block;}
.mega-menu-dropdown.active {min-height: 450px;height:450px;transition:0.3s;}
.mega-menu-dropdown-small.active {min-height: 320px;height:320px;transition:0.3s;}


.menu-initial-hide {display:none;}

ul.mega-menu-ul {padding-top:30px;padding-bottom:30px;}
ul.mega-menu-ul a {color:#011c0b;display:block;}
ul.mega-menu-ul a:hover, ul.mega-menu-ul a.active {color:var(--color-red);}
ul.mega-menu-ul > li {padding-bottom: 10px;}
ul.mega-menu-ul li {font-size: 22px;line-height: 30px;list-style:none;margin-bottom: 10px;}
ul.mega-menu-ul li.has-children > ul li {font-size: 16px;line-height: 26px;margin-bottom: 3px;}

.mega-menu-image-box {cursor: pointer;display: flex;position: relative;opacity: 0;width:0;height:0;transition:0.1s;}
.mega-menu-image-box.active {opacity:1;width:100%;height:450px;transition:1s;}


.mega-menu-image-box.image-box-4-col a {flex-basis: 25%;min-height:450px;position:relative;background-size:cover;background-position:center;background-repeat:no-repeat;}
.mega-menu-image-box.image-box-4-col a:hover, .mega-menu-image-box.image-box-4-col a.active {flex-basis: 100%;}
.mega-menu-image-box.image-box-4-col a:before {content: ' ';opacity: 0.7;width:100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 4;background-color: #011c0b;transition:0.5s;}

.mega-menu-image-box.image-box-4-col a:hover:before, .mega-menu-image-box.image-box-4-col a.active:before {opacity:0;z-index:1;transition:0.5s;}

.mega-menu-image-box.image-box-4-col a:after {content: ' ';opacity: 1;width:100%;height: 85%;position: absolute;left: 0;bottom: 0;z-index: 2;background: linear-gradient(0deg, rgba(12,11,48,1) 0%, rgba(12,11,48,0) 80%);}
.mega-menu-image-box.image-box-4-col a.gradient-green:after {background: linear-gradient(0deg, rgba(0,59,63,1) 0%, rgba(0,59,63,0) 96%);}
.mega-menu-image-box.image-box-4-col a.gradient-red:after {background: linear-gradient(0deg, rgba(138,11,3,1) 0%, rgba(138,11,3,0) 96%);}
.mega-menu-image-box.image-box-4-col a.gradient-pink:after {background: linear-gradient(0deg, rgba(206,29,96,0.8) 0%, rgba(206,29,96,0) 96%);}
.mega-menu-image-box.image-box-4-col a.gradient-blue:after {background: linear-gradient(0deg, rgba(0,88,125,1) 0%, rgba(0,88,125,0) 96%);}


.menu-image-box-desc {position:absolute;left:25px;bottom:60px;min-width:200px;z-index: 3;opacity: 0;transition:0.5s;}
.mega-menu-image-box.image-box-4-col a:hover .menu-image-box-desc, .mega-menu-image-box.image-box-4-col a.active .menu-image-box-desc{opacity:1;transition:0.5s;}



span.menu-image-box-small-title, span.menu-image-box-title {display:block;}
span.menu-image-box-small-title {font-size: 14px;line-height: 24px;color:var(--color-white);}
span.menu-image-box-title {font-size: 26px;line-height: 30px;color:var(--color-white);}
span.menu-image-box-cta {position: absolute;right: 0;bottom: 0;background-color:var(--color-red);width: 60px;height: 60px;color: #ffffff;z-index:3;}
span.menu-image-box-cta i {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);font-size: 24px;}





/*---Cta---*/
.cta-outline {position:relative;z-index:10;font-size:14px;line-height: 18px;font-weight: 600;cursor:pointer;letter-spacing:1px;padding:10px 40px;border-radius:30px;width: fit-content;width: -moz-fit-content;display:block;border:1px solid #011c0b;text-transform:uppercase;color:#011c0b;text-align:center;transition:0.5s;position:relative;overflow:hidden;}
.cta-outline span {transition:0.5s;}
.cta-outline:hover {border:1px solid transparent;color:var(--color-white);transition:0.5s;}
.cta-outline:hover span {color:var(--color-white);transition:0.5s;}
.cta-outline:before {animation-name: cta-arrow-move;animation-duration: 2s;animation-iteration-count: infinite;content: '\f054';font-weight: 900;font-family: "Font Awesome 5 Free";display: inline-block;position: absolute;top: 50%;right: 15px;transform: translate(0%,-50%);}
.cta-outline-white {border:1px solid var(--color-white);color:var(--color-white);}

.cta-outline::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 200px;
    border-radius: 50%;
    background:var(--color-gradientred);
    transform-origin: center;
    transform: translate(-50%, -50%) scale(0);
    transition: transform 0.7s ease-in-out;
    z-index:-1;
}

.cta-outline:hover::after, .design-box-type:hover .cta-outline::after {
    transform: translate(-50%, -50%) scale(1);
}

.cta-outline-gradientgreen::after {background:var(--color-gradientgreen);}
.cta-outline-gradientorange::after {background:var(--color-gradientorange);}
.cta-outline-gradientpink::after {background:var(--color-gradientpink);}
.cta-outline-gradientblue::after {background:var(--color-gradientblue);}


.cta-noarrow:before {display:none !important;}


input#gform_submit_button_1 {border: 1px solid #ffffff;background: transparent;position:relative;transition:0.5s;}
input#gform_submit_button_1:hover {background: var(--color-gradientred);border:0px;transition:0.5s;}
div#gform_wrapper_1 input::placeholder {color: #666666;}


.cta-full-red {font-size:14px;font-weight: 600;letter-spacing:1px;padding:10px 40px;border-radius:30px;width: fit-content;width: -moz-fit-content;display:block;text-transform:uppercase;color:var(--color-white);background:var(--color-gradientred);text-align:center;transition:0.5s;position:relative;}
.cta-form {position:relative;}
.cta-form:before, .cta-full-red:before {z-index:3;color:var(--color-white);transition:0.5s;animation-name: cta-arrow-move;animation-duration: 2s;animation-iteration-count: infinite;content: '\f054';font-weight: 900;font-family: "Font Awesome 5 Free";display: inline-block;position: absolute;top: 50%;right: 15px;transform: translate(0%,-50%);opacity:0;}
.cta-form:hover:before, .cta-full-red:hover:before {opacity:1;transition:0.5s;}

.cta-big {font-size: 24px;padding: 20px 60px;}

.cta-full-darkblue-big {font-size:24px;font-weight: 600;letter-spacing:1px;padding:15px 60px;border-radius:30px;border:2px solid var(--color-white);width: fit-content;width: -moz-fit-content;display:block;text-transform:uppercase;color:var(--color-white);background-color:#011c0b;text-align:center;transition:0.5s;margin: auto;}


.gform_wrapper .gform_footer input[type=submit] {font-size:14px;font-weight: 700;letter-spacing:1px;padding:10px 20px;border-radius:30px;max-width:100%;width: 100% !important;display:block;border:1px solid var(--color-red);text-transform:uppercase;color:var(--color-white);background:var(--color-gradientred);text-align:center;transition:0.5s;}
input#gform_submit_button_5 {background: var(--color-gradientgreen);border:1px solid #000000;transition:0.5s;}


.cta-center {margin-left: auto;margin-right: auto;}
.cta-right {margin-left: auto;}
.cta-inline {
    display: inline-block;
    margin-left: 5px !important;
    margin-right: 5px !important;
    margin-bottom: 10px !important;
}

@keyframes cta-arrow-move {
  0% {right: 15px;}
  50% {right: 20px;}
  100% {right: 15px;}
}



/*---Homepage---*/



.video-container {max-width:600px;margin:auto;}
.video-box {width:100%;display:block;}

.solutions-icon-circle-list {display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;}
a.icon-circle-box {flex-basis:200px;padding-top:35px;min-height:200px;text-align:center;color:var(--color-white);}

.number-box-border {border-left: 1px solid #3E3B5B;border-right: 1px solid #3E3B5B;}
.number-box img {max-width: 180px;}
.number-box p {min-height: 48px;}
.icon-scroll-box {position: absolute;bottom: 5%;left: 50%;transform:translate(-50%,0%);}
.icon-scroll {width: 26px;height: 44px;border:1px solid var(--color-white);border-radius: 25px;margin: auto;}
.icon-scroll i {color: var(--color-white);position: absolute;left: 50%;transform:translate(-50%,0%);animation-duration: 1.5s;animation-iteration-count: infinite;animation-name: scrollingDown }
.icon-scroll-box span {font-size:10px;color:var(--color-white);}

a.icon-circle-box {position:relative;}
a.icon-circle-box img {max-width:160px;}

.icon-circle-box-float-image {position:absolute;z-index:2;left:0px;top:0px;width:120px;height:120px;border-radius:100%;background-size:cover;}
.icon-circle-box-icon-image {pointer-events: none;position:relative;z-index:3;}
.icon-circle-box h2 {font-size: 14px;line-height: 24px;margin-bottom: 10px;pointer-events: none;position:relative;z-index:3;color:var(--color-white);text-transform:uppercase;}

.numbering-size {font-size:2.7em;font-family: 'TT Norm Bold', sans-serif;font-weight:700;}
.odometer-digit, .odometer-digit * {min-width:30px;}


@keyframes scrollingDown {
    0% {opacity: 1}
  100% {opacity: 0; transform: translate(-50%,150%);}
}

.trilogy-container {transition:0.5s;width: 500px;height: 500px;background-color: var(--color-white);border:1px dashed var(--color-white);display: block;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);border-radius:100%;}
.trilogy-center-content-box {width:100%;max-width:340px;text-align:center;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.trilogy-center-content-box h2 {font-size: 2em;}
.trilogy-center-content-box h4 {font-size:1.3em;color:#011c0b;}

.trilogy-solutions-cta.floating-top {position: absolute;left: 50%;top: -40px;transform: translate(-50%,0px);}
.trilogy-solutions-cta.floating-left {position: absolute;left: -20px;top: 80%;transform: translate(0px,-50%);}
.trilogy-solutions-cta.floating-right {position: absolute;right: -20px;top: 80%;transform: translate(0px,-50%);}
a.float-cta {background-color: var(--color-red);color: var(--color-white);width: 100px;height: 100px;border-radius: 100%;position: relative;z-index:5;}
a.float-cta span {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);text-align: center;font-size: 16px;}
a.float-cta:after {position: absolute;content: ' ';width: 120px;height: 120px;background-color: var(--color-red);opacity:0.5;z-index: -1;left: 50%;top: 50%;border-radius: 100%;}
a.float-cta:after {transition:0.5s;animation-name: glowing;animation-duration: 2s;animation-iteration-count: infinite;}
a.float-cta span.float-cta-close {display:none;}
a.float-cta span.float-cta-close i {font-size: 50px;}

a.float-cta.active {background-color:var(--color-white);}
a.float-cta.active span.float-cta-title {display:none;}
a.float-cta.active span.float-cta-close {display:block;}
a.float-cta.active span.float-cta-close i {color:var(--color-red);}
a.float-cta span.float-cta-close img {max-width: 36px;}
a.float-cta.active:after {display:none;}


.trilogy-container.active {transition:0.5s;background-color: #011c0b;}

.trilogy-generalactive-style .solutions-icon-list a, .trilogy-generalactive-style h4 {color:var(--color-white);}
.trilogy-container .solutions-icon-list {margin-bottom:20px;}
.trilogy-container .solutions-icon-list a {flex-basis: 110px;}
.trilogy-container .solutions-general-cta {margin:0px auto 0px auto;}

.trilogy-background-interactive {width: 100%;height: 100%;display: none;position: absolute;left: 0;top: 0;z-index: 1;background-size:100%;animation-name: panzoom;animation-duration: 40s;animation-iteration-count: infinite;background-position:center;}
#egBackground {z-index:1;}
#esBackground {z-index:2;}
#eeBackground {z-index:3;}

@keyframes glowing {
  0% {transform:translate(-50%,-50%) scale(1);}
  50% {transform:translate(-50%,-50%) scale(0.8);}
  100% {transform:translate(-50%,-50%) scale(1);}
}

@keyframes panzoom {
  0% {background-size:100%;}
  50% {background-size:110%;}
  100% {background-size:100%;}
}



/*---Page General---*/
.gradient-banner {height:60vh;min-height:480px;position:relative;}
.gradient-banner-text-container {position: absolute;left: 50%;bottom: 20px;transform: translate(-50%,0%);z-index:10;}
.gradient-banner-text-container > div {max-width: 480px;}
.gradient-banner-bottom-text-container {position: absolute;bottom: 35px;z-index:10;}

.gradient-banner:before {content:' ';width:65%;height:100%;position:absolute;left:0;top:0;background: rgb(12,11,48);background: linear-gradient(83deg, rgba(12,11,48,1) 0%, rgba(12,11,48,0) 85%);}
.gradient-banner:after {content: ' ';width: 30%;height: 100%;position: absolute;right: 0;top: 0;background: rgb(12,11,48);background: linear-gradient(258deg, rgba(12,11,48,1) 0%, rgba(12,11,48,0) 35%);}

.gradient-banner-thin {min-height:280px;height:30vh;background-position:center;}
.gradient-banner-thin h2 {font-size:2em;}

.gradient-banner-cta-outer {min-height:320px;height:35vh;background-position: left;background-size: cover;position:relative;border-radius:20px;overflow:hidden;}
.gradient-banner-cta-outer:before {content: ' ';width: 100%;height: 100%;position: absolute;right: 0;top: 0;background: linear-gradient(270deg, rgba(12,11,48,1) 35%, rgba(12,11,48,0) 95%);}

.gradient-banner-cta-inner {position:absolute;top:50%;right:10px;transform:translate(0%,-50%);background-position:center;text-align:right;z-index:10;}
.gradient-banner-cta-inner h4 {font-size: 1.3em;margin-bottom: 5px;}
.gradient-banner-cta-outer-red:before {background: linear-gradient(270deg, rgba(227,10,20,1) 35%, rgba(227,10,20,0) 95%);}


.gradient-green-banner {position:relative;}
.gradient-green-banner:before {content:' ';width:65%;height:100%;position:absolute;left:0;top:0;background: linear-gradient(83deg, rgba(0,59,63,1) 0%, rgba(0,59,63,0) 85%);}
.gradient-green-banner:after {content: ' ';width: 30%;height: 100%;position: absolute;right: 0;top: 0;background: linear-gradient(258deg, rgba(0,59,63,1) 0%, rgba(0,59,63,0) 35%);}

.gradient-red-banner {position:relative;}
.gradient-red-banner:before {content:' ';width:65%;height:100%;position:absolute;left:0;top:0;background: linear-gradient(83deg, rgba(138,11,3,1) 0%, rgba(138,11,3,0) 85%);}
.gradient-red-banner:after {content: ' ';width: 30%;height: 100%;position: absolute;right: 0;top: 0;background: linear-gradient(258deg, rgba(138,11,3,1) 0%, rgba(138,11,3,0) 35%);}

.gradient-pink-banner {position:relative;}
.gradient-pink-banner:before {content:' ';width:65%;height:100%;position:absolute;left:0;top:0;background: linear-gradient(83deg, rgba(206,29,96,0.8) 0%, rgba(206,29,96,0) 85%);}
.gradient-pink-banner:after {content: ' ';width: 30%;height: 100%;position: absolute;right: 0;top: 0;background: linear-gradient(258deg, rgba(206,29,96,0.8) 0%, rgba(206,29,96,0) 35%);}

.gradient-blue-banner {position:relative;}
.gradient-blue-banner:before {content:' ';width:65%;height:100%;position:absolute;left:0;top:0;background: linear-gradient(83deg, rgba(0,88,125,1) 0%, rgba(0,88,125,0) 85%);}
.gradient-blue-banner:after {content: ' ';width: 30%;height: 100%;position: absolute;right: 0;top: 0;background: linear-gradient(258deg, rgba(0,88,125,1) 0%, rgba(0,88,125,0) 35%);}


.gradient-green-banner-small:before {width:100%;height:100%;background: linear-gradient(83deg, rgba(0,59,63,1) 15%, rgba(0,59,63,0) 85%);}
.gradient-green-banner-small:after {display:none;}

.gradient-red-banner-small:before {width:100%;height:100%;background: linear-gradient(83deg, rgba(138,11,3,1) 0%, rgba(138,11,3,0) 85%);}
.gradient-red-banner-small:after {display:none;}

.gradient-pink-banner-small:before {width:100%;height:100%;background: linear-gradient(83deg, rgba(206,29,96,0.8) 0%, rgba(206,29,96,0) 85%);}
.gradient-pink-banner-small:after {display:none;}

.gradient-blue-banner-small:before {width:100%;height:100%;background: linear-gradient(83deg, rgba(0,88,125,1) 0%, rgba(0,88,125,0) 85%);}
.gradient-blue-banner-small:after {display:none;}




.gradient-textbox {position:relative;z-index:2;}


#ctaSection .gradient-banner:after {display:none;}




/*---About Us---*/
.about-animation-container {position:relative;}



.our-people-slider-container .swiper-button-next, .our-people-slider-container .swiper-button-prev {top: 220px;}


.our-people-title {background-color: #011c0b;padding: 40px 20px;min-height: 480px;}


.our-people-wrapper {display:flex;flex-wrap:wrap;justify-content: center;}
.our-people-container {cursor:pointer;position:relative;}
.our-people-container.our-people-col-4 {flex-basis:25%;}
.our-people-container.our-people-col-5 {flex-basis:20%;}
.our-people-wrapper .our-people-container:first-child .our-people-box:before {content: ' ';position: absolute;left: -1000px;top: 0;background-color: #e8e8e8;width: 1000px;height: 100%;}
.our-people-wrapper .our-people-container:last-child .our-people-box:after {content: ' ';position: absolute;right: -1000px;top: 0;background-color: #e8e8e8;width: 1000px;height: 100%;}
.our-people-box {position:relative;background-color:#e8e8e8;}
.our-people-box img {display:block;}
.our-people-box:hover:before {height: 100%;transition: 0.5s;}
.our-people-box:hover .our-people-title-box .people-desc {height:200px;opacity:1;transition: height .5s .25s,opacity .25s;}


.our-people-title-box {padding: 20px 35px;width: 100%;margin: auto;text-align:center;position:relative;min-height:160px;}
.our-people-title-box .people-name {font-size: 22px;line-height: 30px;margin-bottom:0px;color:#011c0b;}
.our-people-title-box .people-title {font-style:italic;margin-bottom:25px;line-height:24px;color:#011c0b;}
.our-people-title-box .people-awards, .our-people-title-box .people-desc {display:none;}
.our-people-title-box .people-awards {font-style:italic;margin-bottom:25px;border-left:2px solid var(--color-red);color:#011c0b;padding: 10px 15px;}
.our-people-title-box .people-awards * {color:#011c0b;font-size: 14px;line-height: 18px;}
.our-people-title-box:after {content: ' ';position: absolute;width: 0px;height: 4px;background-color: var(--color-red);left: 0;bottom: 0;transition: 0.5s;}
.our-people-container:hover .our-people-title-box:after {width:100%;transition:0.5s;}


.popup-box.our-people-title-box {padding:20px 35px;text-align: left;}
.popup-box.our-people-title-box .people-awards, .popup-box.our-people-title-box .people-desc {display:block;}

.fancybox__backdrop {background-color: #000000;opacity: 0.6 !important;}


@media only screen and (max-width:900px) {
    .our-people-container.our-people-col-4, .our-people-container.our-people-col-5 {flex-basis:50%;}
    .our-people-wrapper .our-people-container:first-child .our-people-box:before, .our-people-wrapper .our-people-container:last-child .our-people-box:after {display:none;}
    .our-people-title-box {padding: 15px;}
    .our-people-title-box .people-name {font-size: 16px;line-height: 24px;}
}



.swiper-button-next, .swiper-button-prev {color: var(--color-white);text-shadow: 0 0 12px #00000080;}






.history-timeline {display:flex;min-height:500px;flex-wrap:wrap;}

.history-title {min-height: 500px;flex-basis:190px;min-width:190px;margin-bottom: 10px;}
.history-title-box {border-left:5px solid transparent;padding-left:10px;opacity:0.2;transition:0.5s;}
.history-title-box span {font-size: 13px;}
.history-title-box h3 {line-height:1em;}

.history-title.history-title-active .history-title-box {border-left:5px solid var(--color-red);opacity:1;transition:0.5s;}
.history-title.history-title-active .history-title-box span {color:var(--color-red);}


.history-bullet {min-width:64px;flex-basis:64px;}
.history-bullet .bullet-circle {border:6px solid #cccccc;border-radius:100%;width:34px;height:34px;margin: auto;opacity:0.2;transition:0.5s;}

.history-bullet.bullet-circle-active .bullet-circle {border:6px solid var(--color-red);opacity:1;transition:0.5s;}


.history-timeline:not(:last-child) .history-bullet:after {content: ' ';display: block;width: 1px;height: calc(100% - 70px);background-color: #cccccc;margin-left: auto;margin-right: auto;margin-top: 15px;transition:2s;}
.history-timeline:not(:last-child) .history-bullet.bullet-circle-active:after {background-color: #0C0B30;transition:2s;}


.history-content {flex-basis: calc(100% - 300px);max-width: calc(100% - 300px);margin-bottom: 35px;}
.history-content-box {background-color:var(--color-white);}
.history-content-description {padding: 25px;background-color:var(--color-white);}

.history-content .swiper-button-prev, .history-content .swiper-button-next {color: var(--color-white);}
.history-content .swiper-pagination-bullet {background-color: var(--color-white);opacity: 1;}

.swiper-pagination.swiper-pagination-indent {bottom: 0px;position: absolute;}
.swiper-pagination-white .swiper-pagination-bullet {background-color: var(--color-white);opacity: 1;}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {opacity: 0;}



.awards-row {background-color:var(--color-white);margin-bottom: -5px;}
.awards-row > div {border: 2px solid #fafafa;}
.awards-box {padding: 20px 0px 30px 0px;}
.awards-box * {color:#011c0b;}
.awards-box-image {min-height: 250px;position: relative;}
.awards-box-image img {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.awards-box ul {margin-left:20px;}
.awards-box ul li {color:#011c0b;}
.awards-box h4 {font-size: 1.2em;font-family: 'TT Norm Bold', sans-serif;font-weight:700;min-height: 50px;}



/*---Post Template---*/
/*---Post Box---*/
/*---General Style---*/
.post-grid {display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;column-gap: 10px;row-gap: 10px;}
.post-grid .post-box:first-child {grid-column: 1 / 3;grid-row: 1 / 3;}
.post-grid .post-box:first-child .post-box-title {font-size: 2em;}

.post-box {display:block;}
.post-box {padding:20px;transition:0.5s;}
.post-box .post-box-title {display:block;color:#011c0b;font-size:1em;line-height:1.2em;margin-bottom:10px;}
.post-box .post-box-excerpt {display:block;margin-bottom:20px;}
.post-box:hover {background-color: #ffffff;box-shadow: 0px 0px 8px #d6d6d6;transition:0.5s;}


.post-box-image {display:block;padding-bottom:56.25%;background-size:105%;background-position:center;margin-bottom:10px;transition:1s;position:relative;}
.post-box:hover .post-box-image, .post-box-image:hover {background-size:102%;transition:1s;}


.post-box-image img.post-audio {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);max-width: 60px;}


.post-box-category {font-size:12px;color:#011c0b;margin-bottom: 5px;}
.post-box-date {font-size: 12px;color:#011c0b;}


/*---Post Style 1, Carousel Box---*/
.post-box-style-1 .post-box {padding: 0px;background-color:var(--color-white);}
.post-box-style-1 .post-box:hover {box-shadow: 0px 0px 8px #d6d6d6;}
.post-box-style-1 .post-box-category, .post-box-style-1 .post-box-title, .post-box-style-1 .post-box-date {padding: 10px;display: block;}
.post-box-style-1 .post-box .post-box-title {margin-bottom: 0px;min-height: 115px;}

.post-display-carousel .swiper-slide {padding-top: 15px;padding-bottom: 15px;}
.post-display-carousel .swiper-button-prev, .post-display-carousel .swiper-button-next {display: none;}

.swiper-pagination {position: relative;padding-top: 15px;padding-bottom: 15px;}


/*---Post Style 2, Featured Style ---*/
.post-box-style-2 *, .post-box-style-2 .post-box-title {color:var(--color-white);}
.post-box-style-2:hover {background-color: #011c0b;box-shadow: none;}
.post-box-style-2 .post-box-title {font-size:1.8em;line-height:1.4em;margin-bottom: 30px;}
.post-box-style-2 .post-box-category {font-size: 14px;margin-bottom:20px;}
.post-box-style-2 .post-box-date {margin-bottom:25px;display:block;}
.post-box-style-2 .cta-outline {border:1px solid var(--color-white);color:var(--color-white);background:var(--color-gradientredbeforehover);transition:0.5s;}
.post-box-style-2 .cta-outline:hover {background: var(--color-gradientred);transition:0.5s;}



/*---Post Style 3, Blue Box---*/
.post-box-style-3 > *, .post-box-style-3 .post-box-title, .post-box-style-3 .post-box-category {color:var(--color-white);}
.post-box-style-3 .post-box {padding: 0px;background-color: #011c0b;}
.post-box-style-3 .post-box-content {padding: 10px 20px 20px 20px;}
.post-box-style-3 .post-box-date {color:var(--color-white);}


.category-header-style {display: flex;justify-content:center;align-items:center;}
.category-header-style span {padding: 10px 30px;background-color: #011c0b;color: var(--color-white);display: inline-block;margin-right: 20px;font-size: 24px;line-height: 30px;max-width: 600px;min-width: fit-content;min-width: -moz-fit-content;}

.category-header-style:after {content:' ';display:inline-block;width:100%;height:1px;background-color:#011c0b;}


/*---Top Stories Slider---*/
div#topStories .swiper-pagination-bullet {background-color: var(--color-white) !important;}
div#topStories .swiper-pagination-bullet-active, .swiper-pagination-bullet-active {background: var(--color-red) !important;}




/*---Single Post Structure---*/
#postSubCurrentCategory .current-post-category {padding:10px;color:var(--color-white);padding:20px 10px;}
#postSubCurrentCategory .current-post-category * {margin-bottom:0px;}

.current-post-title-section {position:relative;}
.current-post-title-section:before {content: ' ';display: block;width: 0;height: 0;position: absolute;left: 10px;top: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 18px solid var(--color-red);}

div#previousArticle, div#nextArticle {position: fixed;top: 55%;z-index:10;width:100px;min-height: 250px;cursor:pointer;transition:0.5s;}

div#nextArticle {right: 0;}
div#previousArticle {left:0;}

div#previousArticle a.post-sticky-cta, div#nextArticle a.post-sticky-cta {font-size:12px;line-height:16px;color:#011c0b;}


div#nextArticle a.post-sticky-cta {position: absolute;right: 20px;top: 20px;}
div#previousArticle a.post-sticky-cta {position: absolute;left: 20px;top: 20px;}

div#nextArticle .post-sticky {margin-left: 250px;width: 250px;transition:0.5s;}
div#previousArticle .post-sticky {margin-left: -250px;width: 250px;transition:0.5s;}
.post-sticky .post-box * {color:var(--color-white);}

div#nextArticle.active, div#previousArticle.active {width:250px;transition:0.5s;}
div#nextArticle.active .post-sticky, div#previousArticle.active .post-sticky {margin-left: 0px;transition:0.5s;}

.post-tag-list a {color:#011c0b;margin-right:15px;font-size: 13px;}
.post-tag-list a:hover {color:var(--color-red);}

figure {width: 100% !important;}
figcaption {font-style: italic;font-size: 14px;}


.sticky-share-list {margin:0px !important;}
.sticky-share-list a {width: 44px;height: 44px;display: block;margin: 0px auto 15px auto;background-color: var(--color-white);border-radius:100%;}
a.socialshare-icon {position:relative;}
a.socialshare-icon i {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);font-size: 19px;}
a.socialshare-icon.fb {color: #4267b2;transition:0.5s;}
a.socialshare-icon.fb:hover {background-color: #4267b2 !important;color:var(--color-white);transition:0.5s;}
a.socialshare-icon.wa {color: #0cc243;transition:0.5s;}
a.socialshare-icon.wa:hover {background-color: #0cc243;color:var(--color-white);transition:0.5s;}
a.socialshare-icon.twi {color: #1da1f2;transition:0.5s;}
a.socialshare-icon.twi:hover {background-color: #1da1f2;color:var(--color-white);transition:0.5s;}
.sticky-share-text {font-size: 11px !important;text-align: center;letter-spacing: 1px;margin-bottom: 10px !important;}


/*---Our People Post---*/
.belief-box {background-color: var(--color-white);border-radius: 20px;overflow: hidden;margin-bottom: 25px;transition:0.5s;}
.belief-box:hover {box-shadow: 0px 0px 12px #dedede;transition:0.5s;}
.belief-header {padding:20px;}
.belief-header h5 {font-weight: 700;color: #011c0b;margin-bottom:5px;}
.belief-header p {min-height: 48px;}
.belief-header img {max-width: 175px;margin: auto;display: block;}
.belief-content {background-color:#011c0b;color:var(--color-white);padding:20px;min-height:145px;}
.belief-content h6 {margin-bottom:0px;}

.people-with-profile {display:flex;align-items: center;}
.people-profile-image {background-color: #C9C9C9;width: 90px;height: 90px;border-radius: 100%;margin-right:15px;background-size:cover;background-position:center;}
.people-profile-details h3 {font-size: 24px;line-height: 26px;margin-bottom:0px;}
.people-profile-details h6 {margin-bottom:0px;}


/*---CSR Post---*/
.csr-icon-box {margin-bottom: 15px;border-radius: 20px;overflow: hidden;display: flex;}
.csr-icon-box-image {flex-basis:180px;width:180px;position:relative;}
.csr-icon-box-image img {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);max-width: 100px;}
.csr-icon-box-image-red {background-color:var(--color-darkred);}
.csr-icon-box-image-blue {background-color:#011c0b;}
.csr-icon-box-desc {flex-basis:calc(100% - 180px);background-color: var(--color-white);padding: 20px;}
.csr-icon-box-desc * {color:#011c0b;}
.csr-icon-box-desc h6 {margin-bottom:0px;}

.csr-image-carousel .swiper-wrapper {margin-top:0px;}
.csr-image-carousel .swiper-slide {backface-visibility: hidden;background-position: center;background-size: cover;max-width: 500px;border-radius: 0px;overflow: hidden;transform: scale(0.8)!important;-webkit-transform: scale(0.8)!important}
.csr-image-carousel .swiper-slide img {backface-visibility: hidden;display: block;width: 100%;}
.csr-image-carousel .swiper-slide.swiper-slide-prev {backface-visibility: hidden;transform: translate3d(-5%, 0px, 0px) rotateX(0deg) rotateY(0deg) scale(0.9) !important;}
.csr-image-carousel .swiper-slide.swiper-slide-next {backface-visibility: hidden;transform: translate3d(5%, 0px, 0px) rotateX(0deg) rotateY(0deg) scale(0.9) !important;}
.csr-image-carousel .swiper-slide.swiper-slide-active {backface-visibility: hidden;transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) scale(1) !important;-webkit-transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) scale(1.1);z-index: 10;}



/*---Press Room---*/
.media-logo-container {position:relative;}
.media-logo-container .media-logo-slider {padding-left: 40px;padding-right: 40px;}
.media-logo-container .swiper-button-next, .media-logo-container .swiper-button-prev {color: #011c0b;text-shadow: none;}
.media-logo-container .swiper-button-next:after, .media-logo-container .swiper-button-prev:after {font-size: 30px;}

.media-logo-slider .swiper-slide img, .media-logo-box img {transition: 0.5s;}




/*---Newsletter---*/
#newsletter {background-image:url('img/newsletter-banner.jpg');background-size:cover;background-attachment:fixed;}


/*---Career Image Carousel--*/

.career-image-carousel .swiper-wrapper {margin-top:0px;}
.career-image-carousel .swiper-slide {backface-visibility: hidden;background-position: center;background-size: cover;max-width: 450px;border-radius: 20px;overflow: hidden;transform: scale(0.8)!important;-webkit-transform: scale(0.8)!important}
.career-image-carousel .swiper-slide img {backface-visibility: hidden;display: block;width: 100%;}
.career-image-carousel .swiper-slide.swiper-slide-prev {backface-visibility: hidden;transform: translate3d(-5%, 0px, 0px) rotateX(0deg) rotateY(0deg) scale(0.9) !important;}
.career-image-carousel .swiper-slide.swiper-slide-next {backface-visibility: hidden;transform: translate3d(5%, 0px, 0px) rotateX(0deg) rotateY(0deg) scale(0.9) !important;}
.career-image-carousel .swiper-slide.swiper-slide-active {backface-visibility: hidden;transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) scale(1) !important;-webkit-transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) scale(1.1);z-index: 10;}


.filter-container {display: flex;flex-wrap: wrap;}
.filter-box {flex-basis:20%;margin-bottom:10px;padding-left: 5px;padding-right: 5px;}
.filter-box.filter-search {flex-basis:40%;}
.filter-box input, .filter-box select {padding: 15px;width: 100%;border-radius: 30px;border: 1px solid #c7c7c7;}
.filter-search {position:relative;}
.filter-search button {position:absolute;top:50%;right:10px;transform:translate(0%,-50%);-webkit-appearance: none;border:0px;background-color:transparent;}

.filter-box .select2-container--default .select2-selection--single {padding: 8px;height: 48px;border-radius: 24px;}
.select2-container--default .select2-selection--single .select2-selection__arrow {top: 50% !important;right: 10px !important;transform: translate(0%, -50%) !important;}
.select2-container--default .select2-selection--single .select2-selection__arrow b {border-width: 8px 6px 0 6px !important;}




.accordion-filter-header {display:flex;padding: 10px 20px;}
.accordion-filter-title {flex-basis: 35%;}
.accordion-filter-location {flex-basis: 20%;}
.accordion-filter-department {flex-basis: 20%;}
.accordion-filter-company {flex-basis: 20%;}


.accordion-listing-header {padding: 20px;background-color: #F4F4F4;display: flex;color: #011c0b;cursor:pointer;transition:0.5s;position:relative;flex-wrap:wrap;}
.accordion-listing-header::before {content: '\f078';font-weight: 900;font-family: "Font Awesome 5 Free";position: absolute;right: 20px;top: 50%;transform: translate(0%, -50%);}
.accordion-listing-header.active {background-color: #011c0b;color: var(--color-white);transition:0.5s;}
.accordion-listing-header.active::before {transform: translate(0%, -50%) rotate(-180deg);transition:0.5s;}

.accordion-item {margin-bottom:2px;}
.accordion-title {flex-basis: 35%;}
.accordion-location {flex-basis: 20%;}
.accordion-department {flex-basis: 20%;}
.accordion-company {flex-basis: 20%;}


.accordion-listing-content {display: flex;padding:20px;align-items: flex-end;flex-wrap:wrap;}
.accordion-description {flex-basis: 75%;}
.accordion-cta {flex-basis: 25%;}

.accordion-description ul {margin-left: 20px;}
.accordion-description ul li {font-size: 14px;line-height: 18px;margin-bottom: 10px;}


/*--- LEAP Page ---*/
.leap-icon-box {margin-bottom: 15px;border-radius: 20px;overflow: hidden;display: flex;flex-wrap:wrap;}
.leap-icon-box-title {padding:20px;flex-basis:180px;width:180px;position:relative;}
.leap-icon-box-title * {color:var(--color-white);}
.leap-icon-box-title h6 {font-size: 18px;line-height: 24px;margin-bottom: 0;}
.leap-icon-box-title-red-light {background-color: #E31114;}
.leap-icon-box-title-red-dark {background-color: #8F1003;}
.leap-icon-box-desc {flex-basis:calc(100% - 180px);background-color: #011c0b;padding: 20px;}
.leap-icon-box-desc * {color:var(--color-white);}
.leap-icon-box-desc h6 {margin-bottom:0px;}
.leap-icon-box-desc ul {margin-left:20px;}
.leap-icon-box-desc p, .leap-icon-box-desc li {font-size: 18px;line-height: 24px;margin-bottom: 0px;}
.leap-icon-box-desc li {margin-bottom:10px;}

.leap-icon-grid-box {text-align:center;margin-bottom:30px;}
.leap-icon-grid-box img {max-width: 150px;margin: auto;display: block;}
.leap-icon-grid-box h6 {text-align: center;font-weight: 700;font-size: 16px;line-height: 20px;margin-top: 10px;color: #333333;}





.leap-application-box {margin-bottom: 15px;border-radius: 20px;overflow: hidden;display: flex;background-color: #011c0b;}
.leap-application-box * {color:var(--color-white);}
.leap-application-box-number {padding:23px 0px 20px 25px;flex-basis:40px;width:180px;position:relative;font-size:44px;font-weight:700;text-align:center;}
.leap-application-box-desc {flex-basis:calc(100% - 40px);padding: 20px;}
.leap-application-box-desc h5 {font-weight:700;margin-bottom:0px;}
.leap-application-box-desc ol, .leap-application-box-desc ul {margin-left:16px;list-style:numeric;margin-top:10px;}
.leap-application-box-desc ol li:not(:last-child), .leap-application-box-desc ul li:not(:last-child) {margin-bottom:10px;}

.remark-box {background-color:#FDD4D8;border:2px solid #8F1003;}
.remark-box * {color:#8F1003;}
.remark-box .notice-box-icon {width:26px;height:26px;border:2px solid #8F1003;border-radius:100%;position:relative;}
.remark-box .notice-box-icon span {font-size:16px;font-weight:700;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}

/*---Solution page---*/
.solutions-box {background-size:cover;background-repeat:no-repeat;padding:20px;min-height:40vh;border-radius:20px;margin-bottom:20px;position:relative;overflow: hidden;display:block;}
.solutions-box::before {content: ' ';display: block;width: 100%;height: 100%;background-color: #000000;position: absolute;left: 0;top: 0;z-index: 1;opacity:0.44;}
.solutions-box .solutions-text-box {position:absolute;bottom:20px;left:20px;z-index: 2;max-width: 480px;}
.solutions-box .solutions-text-box * {color:#ffffff;}

.solutions-box-style2:before {content: ' ';width: 100%;height: 80%;position: absolute;top:initial;left: 0;bottom: 0;opacity:1;background: rgb(12,11,48);background: linear-gradient(0deg, rgba(12,11,48,1) 0%, rgba(12,11,48,0) 85%);}



.main-solutions-box {background-size:cover;background-repeat:no-repeat;padding:20px;height:60vh;min-height:480px;border-radius:20px;position:relative;}
.main-solutions-box::before {content: ' ';display: block;width: 100%;height: 90%;background: linear-gradient(0deg, rgba(12,11,48,1) 0%, rgba(12,11,48,0) 100%);position: absolute;left: 0;bottom: 0;z-index: 1;opacity:1;}
.main-solutions-box .main-solutions-text-box {position: absolute;bottom: 40px;left: 50%;transform: translate(-50%,0%);width: 100%;padding-left: 20px;padding-right: 20px;z-index:2;max-width: 600px;}
.main-solutions-box .main-solutions-text-box * {color:#ffffff;}


/*---Solutions SEE*/
.solutions-see-container {position:relative;}
.solutions-see-tower {width:600px;margin:auto;position:relative;}
.solutions-see-tower:before {content:' ';display:block;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(0deg);animation:dottedrotate;animation-duration: 40s;animation-iteration-count: infinite;width:550px;height:550px;border-radius:100%;overflow:hidden;}
.solutions-see-tower:before {background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='100%' ry='100%' stroke='black' stroke-width='4' stroke-dasharray='2%2c 8' stroke-dashoffset='0' stroke-linecap='butt'/%3e%3c/svg%3e");}

.solutions-see-tower-arrow-top:after {content: ' ';display: block;width: 0;height: 0;position: absolute;left: 50%;top: 10px;transform: translate(-50%,0%);border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 18px solid var( --color-red);}
.solutions-see-tower-arrow-left:after {content: ' ';display: block;width: 0;height: 0;position: absolute;left: 7px;top: 50%;transform: translate(0%,-50%);border-top: 10px solid transparent;border-right: 18px solid var( --color-red);border-bottom: 10px solid transparent;}
.solutions-see-tower-arrow-right:after {content: ' ';display: block;width: 0;height: 0;position: absolute;right: 7px;top: 50%;transform: translate(0%,50%);border-top: 10px solid transparent;border-left: 18px solid var( --color-red);border-bottom: 10px solid transparent;}


.solutions-cta {position: absolute;bottom: 10%;left: 50%;transform: translate(-50%, 0%);width:100%;}


.solutions-energy-generation {position: absolute;top: -180px;left: 50%;transform: translate(-50%,0%);max-width:410px;width:100%;}
.solutions-energy-storage {position: absolute;top: 50%;left: 10%;transform: translate(-50%,-50%);}
.solutions-energy-efficiency {position: absolute;top: 50%;right: 10%;transform: translate(50%,-50%);}

.solutions-general-cta {margin: 0px auto 20px auto;}



.solutions-icon-list {display: flex;width: 100%;align-items: flex-start;justify-content: center;flex-wrap:wrap;max-width:410px;}
.solutions-icon-list a {flex-basis: 135px;text-align:center;color:#011c0b;font-size: 14px;line-height: 18px;}
.solutions-icon-list a:hover {color:var(--color-red);}
.solutions-icon-source {flex-basis:100%;}
.solutions-icon-source img {max-width: 160px;margin: 0px auto 15px auto;display: block;}


/*---Solar Home---*/
.indicator {background-color:#011c0b;padding:10px 20px;border-radius:30px;text-align:left;transition:0.5s;width:100%;cursor:pointer;z-index:1;max-width:300px;}
.indicator.active {max-width:300px !important;width:100%;transition:0.3s;}
.indicator * {color:var(--color-white);}
.indicator h6 {margin-bottom:0px;letter-spacing:0px;}
.indicator .indicator-desc {margin-bottom:0px;min-width:260px;max-width:300px;display:none;}
.indicator-dot {position: absolute;background-color: #011c0b;width: 10px;height: 10px;border-radius: 100%;}
.indicator-dot:after {content: ' ';position: relative;top: 4px;left: 4px;width: 34vw;height: 2px;background-color: #011c0b;display: block;}


.indicator-dot-box {position: absolute;background-color: #011c0b;width: 10px;height: 10px;border-radius: 100%;}
.indicator-dot-line {position: relative;top: 4px;left: 4px;width: 34vw;height: 2px;background-color: #011c0b;display: block;}
.indicator-dot-line-dot-right {position:absolute;right: 0;left: initial;}

.indicator-dot-2 {left: -23vw;}
.indicator-dot-2:after {width:23vw;}

.indicator-dot-3 {left:initial;right:-10vw;}
.indicator-dot-3:after {width:10vw;left:-10vw;}

.thermometer-animation {display:flex;}
.thermometer-bar {width: 20px;height: 320px;background-color: var(--color-white);border-radius: 30px;margin-right: 15px;overflow: hidden;position:relative;}
.thermometer-bar-inner {width:100%;height:0px;background-color:#00ce17;position:absolute;left:0;bottom:0;transition:0.5s;}
.thermometer-desc {text-align:left;color:#011c0b;padding-top: 30px;}
.thermometer-bar.active .thermometer-bar-inner {height:80%;transition:5s;}

.thermometer-container {padding-top:20%;margin-top:-18%;}

.solar-for-home-sofa {position:relative;}
.solar-for-home-sofa:before {content: ' ';width: 100%;height: 30%;position: absolute;left: 0;bottom: 0;background: rgb(12,11,48);background: linear-gradient(0deg, rgba(12,11,48,1) 0%, rgba(12,11,48,0) 85%);}


/*---Solar farm---*/
.top-icon-list-style {text-align:left;}
.top-icon-list-style h4 {font-size: 1.35em;color:#011c0b;margin-bottom:20px;min-height:60px;}
.top-icon-list-style img {max-width: 140px;margin-bottom: 15px;}

ul.biggertext {margin-left:30px;color:#011c0b;}
ul.biggertext li {font-size:20px;line-height:26px;margin-bottom:10px;}


/*---Solar for Business---*/
.solution-type-hover-container {background-size:cover;min-height: 60vh;position:relative;}
.solution-type-hover-container:after {content:' ';position:absolute;left:0;top:0;width:100%;height:100%;background-color:#011c0b;opacity:0;transition:0.5s;}
.solution-type-hover-box {position:relative;z-index:1;display: flex;flex-wrap: wrap;align-items: center;height: 60vh;justify-content: center;text-align: center;}
.solution-type-hover-content {max-width:480px;}
.solution-type-hover-container.active:after {opacity:0.6;transition:0.5s;}
.solution-type-hover-box-title, .solution-type-hover-box-desc {flex-basis:100%;}
.solution-type-hover-box-desc {padding-left: 20px;padding-right: 20px;}

.type-roof-box-content {padding:10% 0px;}
.type-roof-container {border-bottom:2px solid var(--color-white);}


.services-slider {min-height:600px;}

.services-slide-box {position:relative;background-size: cover;background-position: center;min-height: 400px;border-radius:30px;margin-bottom:20px;overflow:hidden;}
.services-slide-box:before {content: ' ';width: 100%;height: 40%;position: absolute;left: 0;bottom: 0;background: rgb(12,11,48);background: linear-gradient(0deg, rgba(12,11,48,1) 0%, rgba(12,11,48,0) 85%);}
.services-slide-content {position:absolute;left:25px;bottom:20px;z-index:2;color:var(--color-white);}
.services-slide-content * {color:var(--color-white);}
.services-slide-content h2 {font-size: 1.9em;}
.services-slide-desc {text-align:center;opacity:0;width: 150%;margin-left: -25%;max-height:0px;}


.services-slide-container.swiper-slide {transform: scale(0.8);opacity:0.2;}
.services-slide-container.swiper-slide-active {transform: scale(1);opacity:1;z-index: 10;transition:0.5s;}
.services-slide-container.swiper-slide-active p.services-slide-desc {opacity:1;transition:0.5s;max-height:100%;}
.services-slider .swiper-wrapper {padding-bottom: 20px;padding-top: 20px;}
.services-slider .swiper-button-next, .services-slider .swiper-button-prev {top: 240px;}




.testimonials-slide .testimonials-message {font-size:1.5em;line-height:1.5em;margin-bottom:30px;}
.testimonials-profile {margin-bottom:15px;display: flex;flex-wrap: wrap;align-items: flex-end;}
.testimonials-profile .profile-image {width:90px;height:90px;background-size:cover;background-position:center;border-radius:100%;}
.testimonials-profile .profile-logo {max-width:230px;}
.testimonials-details h3 {font-size:1.5em;line-height:1em;margin-bottom: 0px;}

.testimonials-slider .swiper-button-next, .testimonials-slider .swiper-button-prev {position:initial;}
.testimonials-slider .swiper-button-next.swiper-button-disabled, .testimonials-slider .swiper-button-prev.swiper-button-disabled {opacity:1 !important;}
.testimonials-slider .swiper-button-next, .testimonials-slider .swiper-button-prev {position:relative;color: #011c0b;background-color: #F4F4F4;border-radius: 100%;width: 44px;height: 44px;display: inline-block;margin-top: 15px;left: initial;right: initial;}
.testimonials-slider .swiper-button-next:after, .testimonials-slider .swiper-button-prev:after {font-size:20px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-shadow:none;}
.testimonials-slider .swiper-button-wrapper {text-align: center;}

.testimonials-video {position:relative;}
.testimonials-video:before {content:' ';display:block;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100px;height:100px;background-image:url('img/icon-video-play.png');background-size:cover;background-position:center;}


/*---Energy Storage---*/
.applications-point-container {padding:7% 10% !important;}
.applications-point-box {margin-bottom:35px;}
.applications-point-box h4 {color:#011c0b;}

ul.red-bck-ul {list-style:none;margin-bottom: 20px;}
ul.red-bck-ul li {background-color:var(--color-red);color:var(--color-white);margin-bottom: 5px;font-size: 22px;line-height: 30px;padding-left: 20px;padding-right: 15px;width: fit-content;width: -moz-fit-content;}
ul.red-bck-ul li:before {content: '• ';margin-left: -10px;}

@keyframes dottedrotate {
  from {
    transform:translate(-50%,-50%) rotate(0deg);
  }
  to {
    transform:translate(-50%,-50%) rotate(360deg);
  }
}


/*---Policy---*/
.policy-tab-content {display:none;}
.policy-tab-content.active {display:block;}
.policy-tab-container {display: flex;flex-wrap: wrap;background-color: var(--color-white);width: fit-content;width: -moz-fit-content;border-radius: 30px;}
.policy-tab-link {position:relative;z-index:1;padding: 15px 35px;border-radius: 30px;background-color: var(--color-white);}
.policy-tab-link.active {position:relative;z-index:10;color:var(--color-white);background-color:var(--color-red);}
.policy-tab-link:not(:first-child) {margin-left: -15px;}


/*---Gravity form---*/
.gform_wrapper li.hidden_label input {margin-top: 0px !important;} 
.gform_wrapper input, .gform_wrapper select {min-height: 50px;}
.gform_wrapper input, .gform_wrapper select, .gform_wrapper textarea {font-size:14px !important;border-radius:35px;border:1px solid #CCCCCC;padding: 15px !important;box-shadow:none !important;}
.gform_wrapper input::placeholder, .gform_wrapper select::placeholder, .gform_wrapper textarea::placeholder {letter-spacing: 0px;color: #cccccc;}
.gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {background-color: transparent !important;border: 0px !important;padding: 0px !important;}
div#gform_wrapper_1 ul.gform_fields li.gfield {padding-right: 0px !important;}

.gform_wrapper input::focus {border: 1px solid #011c0b !important;}

.ginput_container_select select {-webkit-appearance: none !important;position: relative;  background: url("svg/chevron-down-solid.svg") no-repeat;background-size: 10px;background-position: calc(100% - 15px) center;background-repeat: no-repeat;background-color:var(--color-white);}
.gform_fileupload_rules {display: block;font-size: 12px;margin-top: 10px;}
.gform_ajax_spinner {display: none !important;}
.gform_legacy_markup_wrapper .field_description_below .gfield_description {padding-left: 10px;padding-top: 5px !important;font-size:11px;}
.gform_legacy_markup_wrapper .validation_message {color: var(--color-red) !important;}
.gform_legacy_markup_wrapper div.validation_error {color: var(--color-red) !important;border-top: 1px solid var(--color-red) !important;border-bottom: 1px solid var(--color-red) !important;}
.gform_legacy_markup_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .gform_legacy_markup_wrapper li.gfield_error textarea {border: 1px solid var(--color-red) !important;}
.gform_validation_errors>h2 {color:var(--color-red) !important;}
.gform_validation_errors {border:1px solid var(--color-red) !important;}
.gform_validation_errors>h2:before {display:none !important;}

.gform_wrapper .top_label li.gfield.gf_left_half, .gform_wrapper .top_label li.gfield.gf_right_half {max-width: 50% !important;width: 100% !important;margin-right: 0px !important;padding-right:5px !important;}
.gform_legacy_markup_wrapper ul.gform_fields li.gfield {padding-right:0px !important;}

div#gfield_instruction_3_21 {display: none;}

/*---Contact us---*/
button#yith-sl-search-button {display: none;}
div#yith-sl-results h4 {display: none !important;}
li.wrap-store-details {margin-bottom: 0px !important;}
#yith-sl-results .store-info {width: 100%;padding: 10px !important;}
h4.title-search-bar {font-weight: 400 !important;color: #011c0b;}
.wrapper-filter.type-dropdown {width: 100%;}
#yith-sl-main-filters-container.layout-dropdown .wrapper-filter .open-dropdown {padding: 12px;border-radius: 0px;}
#yith-sl-main-filters-container.layout-dropdown .wrapper-options, .wrapper-filter.type-dropdown .wrapper-options {width: 100%;min-width: 100%;padding-top: 0;}
#yith-sl-main-filters-container.layout-dropdown .wrapper-filter.type-checkbox ul, #yith-sl-main-filters-container.layout-dropdown .wrapper-filter.type-dropdown ul {box-shadow: none;border: 1px solid #e8e8e8;}
.wrapper-filter.type-dropdown ul li.active, .wrapper-filter.type-dropdown ul li:hover {color:#011c0b;}
#yith-sl-results .stores-list>ul {display: flex;flex-wrap: wrap;}
/*---Central---*/
li.wrap-store-details[data-id="31"] {order: 1;}
li.wrap-store-details[data-id="31"]:before {content:'CENTRAL REGION';color:#011c0b;}
li.wrap-store-details[data-id="785"] {order: 2;}
/*---Northern---*/
li.wrap-store-details[data-id="786"] {order: 3;}
li.wrap-store-details[data-id="786"]:before {content:'NORTHERN REGION';color:#011c0b;}
li.wrap-store-details[data-id="787"] {order: 4;}
/*---Southern---*/
li.wrap-store-details[data-id="788"]:before {content:'SOUTHERN REGION';color:#011c0b;}
li.wrap-store-details[data-id="788"] {order: 5;}

#yith-sl-results .store-info .store-name, .yith-sl-pin-modal .store-name {color:#011c0b;}
address.store-info .store-description {display: none;}
address.store-info b, address.store-info strong {color: #011c0b;}
address.store-info a, address.store-info p {color: var(--color-medgrey);font-size: 14px;}
address.store-info a:hover {color:var(--color-red);}
address.store-info * {font-family: 'Source Sans Pro', sans-serif !important;}


/*---Footer---*/
#particles-js canvas{
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    top:0;
}


/*---Footer Copyright---*/
div#footer-copyright {border-top: 1px solid var(--color-white);padding-top: 15px;}

ul.footer-nav {display: flex;align-items: center;justify-content: flex-end;flex-wrap: wrap;list-style:none;margin-right:-20px;}
ul.footer-nav li {padding: 10px 20px;}
ul.footer-nav li a {color:var(--color-white);}
ul.footer-nav li a:hover {color:var(--color-red);}

.footer-icon-list {display: flex;justify-content: flex-start;padding: 0px;}
.footer-icon {padding: 15px 0px 15px 15px;font-size: 24px;}
.footer-icon:first-child {padding-left: 0px;}
.footer-icon a {color:var(--color-white);}
.footer-icon a:hover {color:var(--color-red);}

.footer-widget-right {margin-left:auto;max-width: 495px;margin-bottom: 30px;}
.footer-company-details p {margin-bottom:3px;color:var(--color-white);}
.footer-company-details a:hover {color:var(--color-red);}
.footer-company-details h5 {font-size: 20px;}

.footer-newsletter {max-width:420px;}


/*---Effect to put below to overwrite some effect above---*/
/*---Scroll Zoom in Background---*/
.interactive-background {background-size:110%;background-position:center;height:60vh;min-height:480px;transition:3.5s;background-repeat:no-repeat;max-height: 550px;}
.interactive-background.active {background-size:100%;transition:3.5s;}

.solutions-interactive-section {min-height:450px;height:90vh;}

.fullheight-background {background-size:110%;background-position:center;transition:3.5s;background-repeat:no-repeat;}
.fullheight-background.active {background-size:100%;transition:3.5s;}

.fullheight-box {position:relative;height:80vh;min-height:700px;}
.fullheight-box h2 {font-size: 2em;line-height: 1.4em;}

.fullheight-box-short {position:relative;height:60vh;min-height:600px;}
.fullheight-box-position-right {position:absolute;right:0;top:50%;max-width: 500px;z-index:10;transform: translate(0%,-50%);text-align:right;}
.fullheight-box-position-right-bottom {right:0;bottom:20%;transform:initial;top: initial;}
.fullheight-box-position-left {position:absolute;left:0;top:50%;max-width: 500px;z-index:10;transform: translate(0%,-50%);text-align:left;}
.fullheight-box-position-left-top {left:0;top:10%;transform:initial;}


/*---Portfolio---*/
.fullheight-portfolio {text-align: left;}
.fullheight-portfolio h2 {margin-bottom:0px;}
.fullheight-portfolio .portfolio-address {font-size:22px;line-height:30px;}
.fullheight-portfolio .portfolio-year {font-size:22px;line-height:30px;}

.portfolio-list-long {position:relative;}
.portfolio-container-long {position:relative;}

.portfolio-container-long:before {content: ' ';width: 70%;height: 100%;position: absolute;left: 0;bottom: 0;background: rgb(12,11,48);background: linear-gradient(90deg, rgba(12,11,48,1) 0%, rgba(12,11,48,0) 85%);}
.portfolio-container-long:nth-child(odd):before {left:initial;right:0;background: rgb(12,11,48);background: linear-gradient(-90deg, rgba(12,11,48,1) 0%, rgba(12,11,48,0) 85%);}

.portfolio-container-long.overlay-right:before {left: initial;bottom: 0;right:0;background: rgb(12,11,48);background: linear-gradient(-90deg, rgba(12,11,48,1) 0%, rgba(12,11,48,0) 85%);}


/*---Plus TRack Login---*/
#loginFields {width: 100%;max-width: 360px;margin: auto;}
.plus-track-field-wrapper {display:block;margin-bottom:15px;text-align:left;}
.plus-track-field-wrapper input {width:100%;padding:15px;border:1px solid #E6E6E6;border-radius: 35px;}
input.plus-track-submit {background-color: var(--color-red) !important;color: var(--color-white) !important;padding: 15px 25px;text-transform: uppercase;width: 100%;border: 0px;}
.login-popup-center {background-color: var(--color-white);max-width: 400px;margin: auto;border-radius: 20px;padding: 40px 30px 60px 30px;margin-top: 30px;margin-bottom: 30px;}


/*---Guides-faqs---*/
.guides-timeline {display:flex;min-height:120px;flex-wrap:wrap;}
.guides-bullet {min-width:40px;flex-basis:40px;text-align:center;position:relative;}
.guides-bullet span {border:1px solid #011c0b;color:#011c0b;width:24px;height:24px;border-radius:100%;display:block;margin:auto;}
.guides-timeline:not(:last-child) .guides-bullet:after {content: ' ';display: block;width: 1px;height: calc(100% - 55px);border-left:1px dashed #011c0b;margin-left: auto;margin-right: auto;margin-top: 15px;transition:2s;}

.guides-icon {min-height: 120px;flex-basis:120px;min-width:120px;margin-bottom: 10px;}
.guides-content {flex-basis: calc(100% - 160px);max-width: 500px;margin-bottom: 35px;padding:15px;}
.guides-content h4 {margin-bottom:5px;}


/*---Plus Design---*/
.design-box-type-list {display:flex;flex-wrap:wrap;}
a.design-box-type {flex-basis:50%;display: flex;margin: auto;text-align: center;min-height: 75vh;justify-content: center;align-items: center;position:relative;}
a.design-box-type:after {content:' ';z-index:1;position:absolute;left:0;top:0;width:100%;height:100%;background-color:#011c0b;opacity:0.5;transition:0.5s;}
a.design-box-type:hover:after {opacity:0.75;transition:0.5s;}

.design-box-type-desc {position:relative;z-index:2;}
.design-box-type-desc * {color:var(--color-white);}



/*---Portfolio---*/
/*---Policy---*/
.tab-content {display:none;}
.tab-content.active {display:block;}
.tab-container {display: flex;flex-wrap: wrap;border-radius: 30px;align-items: center;justify-content: center;position:relative;background-color: #ffffff;width: fit-content;width: -moz-fit-content;margin: auto;}
.tab-link {position:relative;z-index:1;padding: 15px 20px;border-radius: 30px;cursor:pointer;background-color: transparent;color:#011c0b;border:0px !important;overflow: hidden;}
.tab-link.active {position:relative;z-index:10;color:var(--color-white);transition:0.5s;}
.tab-circle {content: ' ';position:absolute;left:0;top:0;width:0px;height:100%;background-color:#011c0b;transition:0.5s;border-radius: 30px;}

.tab-container-left {justify-content:flex-start;margin: initial;}
.tab-container-red .tab-circle{background-color:var(--color-red);}


.portfolio-details-bigtitle {font-family: 'TT Norm Regular', sans-serif;}

.portfolio-image-zoom {position:relative;}
.portfolio-image-zoom-icon {position:absolute;right:15px;top:15px;width:36px;height:36px;}

.portfolio-big-image-container {max-width:100%;width:100%;margin-bottom:10px;}
.portfolio-big-image-container img {display: block;}

.portfolio-thumb-list {display:flex;flex-wrap:wrap;}
.portfolio-thumb-list a {flex-basis:60px;width:60px;height:60px;background-size:cover;width:60px;height:60px;border:5px solid #FAFAFA;opacity:0.3;}
.portfolio-thumb-list a.active, .portfolio-thumb-list a:hover {opacity:1;border:5px solid #011c0b;}


.select2-container--default .select2-selection--single .select2-selection__rendered {color: #011c0b !important;}
.select2-container--default .select2-results__option--selected, .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {background-color:#011c0b !important;color:#ffffff !important;}

/*
.portfolio-tab-link:after {
    background-color:#011c0b;
    content: ' ';
    position: absolute;
    left: 0%;
    transform: translate(-50%,0%);
    top: 0;
    width: 0%;
    height: 100%;
    z-index: -1;
    transition: 0.5s;
}

.portfolio-tab-link:hover.active:after, .portfolio-tab-link.active:after {
    width: 100%;
    transition: 0.5s;
    left: 50%;
    transform: translate(-50%,0%);
}
*/



.portfolio-grid-container {display: flex;flex-wrap: wrap;justify-content: flex-start;align-items: center;}
.portfolio-grid-container .portfolio-box {flex-basis: 33%;max-width:33%;width: 100%;}

.portfolio-grid-container .portfolio-box a {position:relative;min-height: 300px;width:100%;display:block;color:var(--color-white);background-size:600px;background-position:center;}
.portfolio-grid-container .portfolio-box a > h4 {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;max-width:calc(100% - 40px);z-index:2;}
.portfolio-grid-container .portfolio-box a:hover {background-size:650px;}
.portfolio-grid-container .portfolio-box a:after {content: ' ';position: absolute;left: 0;top: 0;background-color: #011c0b;opacity: 0.25;transition:0.5s;width: 100%;height: 100%;display: block;z-index:1;}
.portfolio-grid-container .portfolio-box a:hover:after {opacity:0.5;transition:0.5s;}



.portfolio-info-box {margin-bottom:15px;}
.portfolio-info-box .small-title {font-size:16px;text-transform:uppercase;font-weight:700;}
.portfolio-info-box .box-desc {font-size:16px;margin-bottom: 20px;}

.portfolio-thumb-image .swiper-slide.swiper-slide-thumb-active {opacity: 1;}
.portfolio-thumb-image .swiper-slide {opacity: 0.2;}


/*---Floating icon---*/
.floating-solar-icon {position: fixed;right: 20px;top: 45%;z-index: 1000;display: block;}
.floating-solar-icon-link {position:relative;display:block;width: 80px;height: 80px;box-shadow:5px 5px 15px #00000033;border-radius: 100%;background-color: #ffffff;transition:0.5s;}
.floating-solar-hover-before {opacity:1;z-index:2;transition:0.5s;}
.floating-solar-hover-after {opacity:0;z-index:1;transition:0.5s;}
.floating-text {position: absolute;width: 200px;right: 90px;top: 50%;transform: translate(0%, -50%);background-color: #ffffff;padding: 15px;border-radius: 15px;box-shadow:5px 5px 15px #00000033;opacity:0;transition:0.5s;display:none;}
.floating-text p {margin-bottom:0px;color:#011c0b;}

.floating-solar-icon:hover .floating-solar-icon-link {background-color:#011c0b;transition:0.5s;}
.floating-solar-icon:hover .floating-solar-hover-before {opacity:0;transition:0.5s;}
.floating-solar-icon:hover .floating-solar-hover-after {opacity:1;transition:0.5s;}
.floating-solar-icon:hover .floating-text {opacity:1;transition:0.5s;display:block;}


@media only screen and (min-width:1100px) and (max-width:1366px) {
    .interactive-background {background-size: 110%;height: 55vh;min-height: 430px;max-height: 430px;}
    .fullheight-box {height: 70vh;min-height: 600px;}
}


@media only screen and (min-width:960px) and (max-width:1099px) {
    .interactive-background {background-size: 110%;height: 45vh;min-height: 380px;max-height: 380px;}
}


@media only screen and (max-width:1079px) {
    ul.main-nav li a {color: #011c0b;padding: 30px 25px;}
    div#header.sticky #firstHeader ul.main-nav li a {padding: 20px 25px;}
    .solutions-see-tower, .solutions-see-tower:before {width:320px;height:320px;}
    .cta-full-darkblue-big {font-size: 16px;padding: 10px 30px;}
    .solutions-icon-list a {flex-basis:105px;font-size: 12px;line-height: 16px;padding-left:3px;padding-right:3px;}
    .solutions-see-tower-arrow-top:after {top:-15px;}
    .solutions-energy-storage {position: absolute;top: 340px;left: 0px;width: 50%;transform: initial;}
    .solutions-see-container {margin-bottom:280px;}
    .solutions-energy-efficiency {position: absolute;top: 340px;right: 0px;width: 50%;transform: initial;}
    .solutions-general-cta {padding:10px 15px;max-width: 160px;}
    .solutions-energy-efficiency .solutions-icon-list a {flex-basis: 100%;margin-bottom: 10px;}
    .solutions-energy-efficiency .solutions-icon-list a img {max-width: 105px;display: block;margin: auto;width: 100%;}
    .solutions-see-tower-arrow-left:after {left: 80px;top: 308px;transform: translate(0%,-50%) rotate(53deg);}
    .solutions-see-tower-arrow-right:after {right: 80px;top: 285px;transform: translate(0%,50%) rotate(305deg);}
    .solutions-energy-generation .solutions-general-cta {padding: 10px 35px;max-width: 100%;}
    .solutions-box {min-height: 35vh;}
}


@media only screen and (orientation:portrait) and (max-width:1024px) {
    ul.main-nav li a {color: #011c0b;padding: 30px 25px;}
    div#header.sticky #firstHeader ul.main-nav li a {padding: 20px 25px;}
    .fullheight-box {height: 45vh;min-height: 480px;}
}


@media only screen and (min-width:992px) {
    .hidefollowgridindesktop {display:none;}
    .hidefollowgridinmobile {display:block;}
    .col-xs, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {padding-right: 30px;padding-left: 30px;}
    .lfpad-normal {padding-right: 1rem;padding-left: 1rem;}
    .lfpad-nospace {padding-left:0px;padding-right:0px;}
    .padall8 {padding: 8%;}
    li#menu-item-1075, li#menu-item-1076, li#menu-item-1077, li#menu-item-1078, li#menu-item-795 {display: none;}
}

@media only screen and (max-width:991px) {
    .hidefollowgridindesktop {display:block;}
    .hidefollowgridinmobile {display:none;}
    div#firstHeader.transparent-header .mburger {color: #ffffff;}
    div#particles-js {padding-top: 100px;padding-bottom: 100px;}
    .padall8 {padding: 35px !important;}
    .solutions-general-cta:before {margin-right:-5px;}
    .mheight50 {max-height:500px;min-height:500px;height:50vh;}
    .mheight40 {max-height:400px;min-height:400px;height:40vh;}
    div#footer-copyright * {text-align: left;}
}



@media only screen and (min-width:960px) {
    .hideindesktop {display:none;}
    .hideinmobile {display:block;}
}

@media screen and (orientation:landscape) and (min-device-width: 300px) and (max-device-width: 959px) {
    .height_100 {min-height: 700px;}
}


@media only screen and (max-width:959px) {
    #pageContent {padding-top:50px;}
    div#secondHeader {display: none;}
    
    .home-mobile-background-pos-left {background-position: center left 28% !important;}
    .home-mobile-background-pos-right {background-position: center right 28% !important;}
    .solutions-icon-circle-list {justify-content:center;}
    a.icon-circle-box {min-height:initial;}
    .number-box-border {border:0px;}
    .odometer-digit, .odometer-digit * {min-width: 28px;}

    
    .interactive-background {background-size: 110%;height: 50vh;min-height: 400px;max-height: 400px;}
    .history-title {min-height: initial;flex-basis: 100%;min-width: 190px;}
    .history-bullet {min-width: 24px;flex-basis: 24px;margin-right: 10px;}
    .history-content {flex-basis: calc(100% - 34px);max-width: calc(100% - 34px);}
    .history-bullet .bullet-circle {border: 5px solid var(--color-red);width: 24px;height: 24px;}
    div#previousArticle, div#nextArticle {display:none !important;}
    .csr-icon-box-image {flex-basis: 100px;width: 100px;}
    .csr-icon-box-desc {flex-basis: calc(100% - 100px);}
    .fullheight-background, .fullheight-background.active {background-size: cover;}
    .fullheight-box {position: relative;height: 50vh;min-height: 400px;}
    
    .trilogy-container {width:340px;height:340px;}
    a.float-cta {width:70px;height:70px;}
    a.float-cta span {font-size: 13px;line-height: 15px;}
    a.float-cta:after {width: 90px;height: 90px;}
    .cta-big {font-size: 20px;padding: 15px 45px;}
    .trilogy-center-content-box {max-width:280px;}
    .trilogy-container .solutions-icon-list {max-width: 300px;margin:0px auto 10px auto;}
    .trilogy-center-content-box h4 {font-size: 16px;line-height: 20px;}
    .trilogy-container .solutions-icon-list a {font-size: 10px;line-height: 12px;}
    .solutions-interactive-section {min-height:500px;height:48vh;}
    .awards-box {padding: 0px 0px 20px 0px;}
    .awards-box-image {max-width: 150px !important;}

    
    .thermometer-container {padding-top: 200px;margin-top:initial;}
    .thermometer-bar {height:200px;}
    
    /*---Career Responsive---*/
    .accordion-listing-header > div:not(:first-child) {display: none;}
    .accordion-title, .accordion-location, .accordion-department, .accordion-company {flex-basis:100%;margin-bottom: 15px;}
    .accordion-company {margin-bottom:30px;}
    .accordion-description {margin-bottom:15px;}
    .accordion-listing-header .accordion-title {margin-bottom: 0px;}
    .accordion-listing-content > div {flex-basis: 100%;}
    .accordion-filter-header {display: none;} 
    .accordion-location:before {content:'Location';display:block;font-size:12px;}
    .accordion-department:before {content:'Department';display:block;font-size:12px;}
    .accordion-company:before {content:'Company';display:block;font-size:12px;}
    .filter-box {flex-basis:100% !important;}
    .accordion-listing-header::before {right: 10px;}

    .services-slide-desc {width: 120%;margin-left: -10%;}



    h1 {font-size: 38px;line-height: 44px;}
    h2, .fullheight-box h2 {font-size: 24px;line-height: 34px;}
    h3 {font-size: 20px;line-height: 32px;}
    h4 {font-size:18px;line-height:24px;}
    h5 {font-size: 16px;line-height: 22px;margin-bottom: 20px;}
    h6 {font-size: 14px;line-height: 26px;}
    
    .testimonials-slide .testimonials-message {font-size: 18px;line-height: 28px;}
    
    .hideindesktop {display:block;}
    .hideinmobile {display:none;}
    .morder1 {order:1;}
    .morder2 {order:2;}
    
    .gradient-banner {background-size:cover !important;min-height:400px;height: initial;}
    .gradient-banner:before {content: ' ';width: 100%;height: 100%;left: 0;top: initial;bottom: 0;background: linear-gradient(2deg, rgba(12,11,48,1) 0%, rgba(12,11,48,0) 90%);}
    .gradient-banner:after {display:none;}
    
    .gradient-banner-thin {min-height:300px;}
    .gradient-banner-thin h2 {font-size: 26px;}

    .gradient-green-banner-small:before {background: linear-gradient(2deg, rgba(0,59,63,1) 15%, rgba(0,59,63,0) 85%);}
    .gradient-red-banner-small:before {background: linear-gradient(2deg, rgba(138,11,3,1) 0%, rgba(138,11,3,0) 85%);}
    .gradient-pink-banner-small:before {background: linear-gradient(2deg, rgba(206,29,96,0.8) 0%, rgba(206,29,96,0) 85%);}
    .gradient-blue-banner-small:before {background: linear-gradient(2deg, rgba(0,88,125,1) 0%, rgba(0,88,125,0) 85%);}

    
    .main-solutions-box {background-size: cover !important;height: 320px !important;min-height: 320px !important;}
    
    .our-people-title {min-height:initial;}
    .post-grid {grid-template-columns: 1fr 1fr;column-gap: 0px;row-gap: 0px;}
    .post-box {padding: 15px;}
    .gform_wrapper .top_label li.gfield.gf_left_half, .gform_wrapper .top_label li.gfield.gf_right_half {max-width: 100% !important;width: 100% !important;}

}


@media only screen and (min-width:768px) {
    #sphere-box-desktop {display:block !important;opacity:1 !important;}
    #sphere-box-mobile {display:none !important;}
}

@media only screen and (max-width:767px) {
    h1.huge {font-size:3em;}
    .m-left-initial {left:0px !important;}
    .m-right-initial {right:0px !important;}
    
    .m-m250 {max-width:250px;}
    .m-m300 {max-width:300px;}
    
    #sphere-box-desktop {display:none !important;}
    #sphere-box-mobile {display:block !important;opacity:1 !important;}
    
    .indicator {padding:10px 15px;}
    .mobile-indicator-plus {right:12px;}

    
    .career-image-carousel .swiper-slide.swiper-slide-active {transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) scale(1.2) !important;}
    .career-image-carousel .swiper-slide.swiper-slide-prev, .career-image-carousel .swiper-slide.swiper-slide-next {transform: scale(1) !important;}
    .career-image-carousel .swiper-slide {transform: scale(1)!important;}
    .career-image-carousel .swiper-wrapper {margin-top: 50px;}
    .padb5 {padding-bottom: 45px;}
    .tbpad5 {padding-top:45px;padding-bottom:45px;}
    .belief-content {min-height: initial;}
    .services-slide-content h2 {font-size: 1.5em;line-height: 1em;}
    .bck_atth {background-attachment:initial;}
    .top-icon-list-style h4 {font-size:1.1em;min-height: initial;}
    .testimonials-slide .testimonials-message {font-size: 1.1em;line-height: 1.3em;margin-bottom: 20px;margin-top:20px;}
    .testimonials-details h3 {font-size:1.1em;}
    .career-image-carousel .swiper-slide {max-width:300px;}
    
    .leap-icon-box-title, .leap-icon-box-desc {flex-basis:100%;width:100%;}
    
    .post-box {padding: 10px;}
    
    
    @keyframes panzoom {
      0% {background-size:220%;}
      50% {background-size:230%;}
      100% {background-size:220%;}
    }

    .login-popup-center {padding: 40px 10px 60px 10px;}

    
    .plus-design-header-logo {max-width: 200px !important;}

    .portfolio-grid-container .portfolio-box {flex-basis: 50%;max-width: 50%;}
    .portfolio-grid-container .portfolio-box a {position: relative;min-height: 200px;}
    
    
    ul.footer-nav {justify-content: center;margin-right: 0px;}
    ul.footer-nav li {padding: 10px 15px;}
    .footer-newsletter .footer-center {text-align:center;}
    .footer-newsletter {max-width:100%;}
    
    .mheight_initial {min-height:initial;}
    .trans-feature--device {position:initial !important;}
    
    .cta-mobile-block {display:block !important;text-align:center !important;margin:5px auto 10px auto !important;}
    
    .icon-circle-box-float-image {display: block !important;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 100px;height: 100px;}
    a.icon-circle-box img {max-width: 110px;}
    a.icon-circle-box {min-height: 130px;margin-bottom: 35px;}
    .icon-circle-box h2 {position: absolute;top: 125px;text-align:center;display: block;width: 100%;}
    a.icon-circle-box:after {content: ' ';position: absolute;left: 50%;top: 0;transform: translate(-50%,0%);width: 120px;height: 120px;background-color: rgb(12 11 48 / 20%);display: block;z-index: 2;}
    
}



.mm-wrapper_opened #firstHeader .mburger b{
    opacity: 0 !important;
}