





html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

table,
th,
td {
	border: none
}

table { 
 	border-collapse: separate;  
	border-spacing: 0;  	
	border-width: 1px 0 0 1px;  	
	margin: 0 0 1.6em;  	
	table-layout: fixed;   	
	width: 100%;  }

caption,  th,  td {
 	font-weight: normal;
 	text-align: left;
 }

th {  	border-width: 0 1px 1px 0;
 	font-weight: 700;
 }

td {  	border-width: 0 1px 1px 0;  }

th, td {  	padding: 0.4em;  }

th {
   font-size: 24px;
   letter-spacing: 1px;
   line-height: 28px;
 }



* {margin:0; padding:0;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: none; }

input { border: 0; outline: none }

img { border: none; outline: none; max-width: 100%; height: auto }

ul, ul li { list-style: none;}

ol, ol li { list-style: decimal;}

input[type="submit"], input[type="button"] { cursor: pointer }

.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0 }

.clearfix { display: inline-block }

* html .clearfix { height:1%;}

.clearfix { display: block }

p, span, a, small, blockquote, ul, li {line-height: normal;}

figure { max-width: 100% }

blockquote, q {quotes:"" ""; font-size:26px; font-style:italic; line-height:1; color:#000; font-family:Arial, Helvetica, sans-serif; padding:20px 0;}

a { text-decoration: none; color:inherit; outline: none; }

h1, h2, h3, h4, h5, h6 { margin: 0; line-height: normal; padding-bottom:5px; }

h1 { font-size:34px; line-height:36px;}

h2 { font-size:30px;line-height:32px;}

h3 { font-size:24px;line-height:28px;}

h4 { font-size:20px;line-height:24px;}

h5 { font-size:18px;line-height:20px;}

h6 { font-size:16px;line-height:18px;}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.625em;
}



p {	margin-bottom: 0; font-size:22px; line-height:35px; font-weight:300; }

dl {	margin: 0 1.625em; }

dt { 	font-weight: bold; }

dd {	margin-bottom: 1.625em; }

strong {	font-weight: bold; }

cite, em, i {	font-style: italic; }

blockquote { 	font-style: italic;	font-weight: normal; margin: 0 1em; }

blockquote em, blockquote i, blockquote cite { 	font-style: normal; }

blockquote cite {
	color: #666;
	font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 300;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

a img {
	border: 0;
}

pre {
	background: #f4f4f4;
	font: 13px "Courier 10 Pitch", Courier, monospace;
	line-height: 1.5;
	margin-bottom: 1.625em;
	overflow: auto;
	padding: 0.75em 1.625em;
}

sup,
sub {
	font-size: 10px;
	height: 0;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
}

sup {	bottom: 1ex; }

sub {	top: .5ex; }



a {
	color: #f195bf;
	text-decoration: none;
	
}a:focus,a:active{
	text-decoration: none;
}
@media (hover:hover) and (pointer:fine){a:hover{
	text-decoration: none;
}}


:focus {
	outline: 0;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {font-weight: normal;text-align: left;vertical-align:top;}

th,td{color: #000;
font-size: 16px;
line-height: 19px;
text-align: left;}

table img{ margin:0 !important; width:100%;}



html { -webkit-font-smoothing: antialiased; height:100%;}

body { font-size:14px; color:#000; font-family:"Barlow", sans-serif; font-weight:500; background:#fff;-webkit-font-smoothing: antialiased;height:100%; overflow-x: hidden; }

body.popup_view{ overflow:hidden;}

.wrapper { max-width:2150px; margin:0 auto; }

.video_wrapper{ max-width:960px; margin:0 auto; }

div#siteloader { position: fixed; left: 0; top: 0; z-index: 99999; width: 100%; height: 100%; overflow: visible; background: #000 url(../images/ajax-loader.gif) no-repeat center center; display:none }



#layout { float:left; width: 100%; height:100%; position:relative; }





header{ float:left; width:100%; background:#151515; text-align:center;  position:fixed;  left:0; top:0;   }
header .header_inner{float:left; width:100%; padding:0 20px; border-top:5px solid #bce2f1; position:relative; min-height:60px;}
header.animatedParent{z-index:999999;}
header a.logo{ display:inline-block;margin:0; padding:0; width:83px; float:left; margin:15px 0 0;}
header a.logo img{ vertical-align:top;}

header a.paid_logo{ display:inline-block;width:auto;  margin:0 auto;vertical-align:top; color:#000; text-transform:uppercase; font-family: 'Source Sans 3', sans-serif; font-size:13px; font-weight:600; background:#bce2f1; padding:0 5px 3px 5px; position:absolute; top:0; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%);}
a.paid_logo i{ padding:0 0 0 5px; font-size:13px; }

header .show_text{ float:left; width:100%; font-family: 'Source Sans 3', sans-serif; font-size:11px; font-weight:600; color:#151515; text-transform:uppercase; text-align:center; background:#fff; padding:8px 20px; margin:0; position:relative; display:none; line-height:14px}
header .show_text a{color:#666}
@media (hover:hover) and (pointer:fine){header .show_text a:hover{color:#999}}

header .show_text span.close{ position:absolute; right:2px; top:10px; width:20px; height:20px; cursor:pointer;}
header .show_text span.close:before, header .show_text span.close:after { position:absolute; left:10px; content:""; height:13px; width:1px; background-color:#151515; }
header .show_text span.close:before { transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); }
header .show_text span.close:after { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); }


header ul.social_icon{ list-style:none; float:right; width:auto; margin-top:10px;}
header ul.social_icon li{ list-style:none; display:inline-block; float:left; margin-left:10px;  }
header ul.social_icon li:first-child{ margin-left:0; }
header ul.social_icon li a{ display:block; width:35px; height:35px; border-radius:50%; border:3px solid #fff; opacity:1; transition:opacity 160ms ease,transform 160ms var(--ease-out,cubic-bezier(0.23,1,0.32,1));  }
header ul.social_icon li a i{ font-size:17px; line-height:30px; color:#fff; display:inline-block; }
@media (hover:hover) and (pointer:fine){header ul.social_icon li a:hover{opacity:0.7;}}





.banner { float: left; height: 100vh; min-height: 570px; position: relative; width: 100%;  }
.banner.pillar1{ background-color: #00CEE1; background: -webkit-linear-gradient(top, #16d5a2,#25a8ec); background: linear-gradient(top,#16d5a2,#25a8ec); background: -o-linear-gradient(top, #16d5a2,#25a8ec);  background: -moz-linear-gradient(top, #16d5a2,#25a8ec);}
.banner.pillar2{ background-color: #BD074A; background: -webkit-linear-gradient(top, #8f1ea0,#c80136); background: linear-gradient(top,#8f1ea0,#c80136); background: -o-linear-gradient(top, #8f1ea0,#c80136);  background: -moz-linear-gradient(top, #8f1ea0,#c80136);}
.banner.pillar3{ background-color: #29a2e9; background: -webkit-linear-gradient(top, #29a2e9,#543da7); background: linear-gradient(top,#29a2e9,#543da7); background: -o-linear-gradient(top, #29a2e9,#543da7);  background: -moz-linear-gradient(top, #29a2e9,#543da7);}



.banner .waves{ position:absolute; left:0; top:0;  width: 100%; z-index:99; background-color:hidden; height:100%; display:block; overflow: hidden; transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); text-align: center; opacity: 0.3; }


.banner_caption{ float:left; width:100%; position:absolute; z-index:9999; text-align:center; padding:100px 0 0; left:0; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); text-align:center;  }

.banner_caption .small_map{ display:none;}
.banner_caption .small_map img{ display:inline-block; vertical-align:top; width:171px; margin:0 0 15px;}
.banner_caption h1{ font-family:"Barlow", sans-serif; font-weight:900;  font-size:140px; line-height:145px;color:#fff;letter-spacing:2px; text-shadow:0 0 10px rgba(0,0,0,0.20); padding:0; }
.banner_caption h1 span{ display:block;  font-size: 97px; line-height: 101px;letter-spacing:0; padding:0 0 15px;}
.banner_caption p{color:#fff;  font-size: 28px; line-height: 40px; max-width: 1000px; padding: 0 0 35px;font-family:"Barlow", sans-serif; font-weight:500; margin:0 auto; clear:both; text-shadow:0 0 10px rgba(0,0,0,0.20);}
.banner_caption .logo_sec{ display:block; width:100%; text-align:center;}
.banner_caption .logo_sec a{ display:inline-block; vertical-align:top;}
.logo_sec a img{ vertical-align:top; max-width:240px; width:240px; height:81px;}


@-moz-keyframes scrollMore {
0%{bottom:-4px; opacity:1;}
20%{bottom:3px;}
40%{bottom:-4px;}
60%{bottom:0;}
100%{bottom:0;opacity:1;}
}

@-webkit-keyframes scrollMore{
0%{bottom:-4px;opacity:1;}
20%{bottom:3px;}
40%{bottom:-4px;}
60%{bottom:0;}
100%{bottom:0;opacity:1;}
}

@keyframes scrollMore{
0%{bottom:-4px;opacity:1;}
20%{bottom:3px;}
40%{bottom:-4px;}
60%{bottom:0;}
100%{bottom:0;opacity:1;}
}


.banner_caption .scroll_bottom{ display:block; padding:65px 0 0; clear:both; position:relative;}
.banner_caption .scroll_bottom a{ position:absolute; opacity:0; left:0; right:0; bottom:0; z-index:99999; text-align:center; display:inline-block; margin:0 auto 0;  padding:0;   -webkit-animation: scrollMore 1.5s linear infinite; animation: scrollMore 1.5s linear infinite; -moz-animation: scrollMore 1.5s linear infinite; -webkit-animation-delay:1.5s;-moz-animation-delay:1.5s;-o-animation-delay:1.5s;animation-delay:1.5s;}
.banner_caption .scroll_bottom img{ vertical-align:top; width:34px;}


.banner_caption ul.pillars{ list-style:none; text-align:center; padding:0 0 25px;}
ul.pillars li{ list-style:none; display:inline-block; text-align:center; margin:0 5px; vertical-align:top; text-transform:uppercase;}
ul.pillars li a{ font-family:"Barlow", sans-serif; font-weight:900; font-size:16px; line-height:17px; letter-spacing:1.5px; display:block; min-width:235px; border:2px solid #fff; padding:24px 5px 22px; color:#fff; opacity:0.5; transition:opacity 160ms ease,transform 160ms var(--ease-out,cubic-bezier(0.23,1,0.32,1));   }ul.pillars li.visit a{ opacity:1;}
@media (hover:hover) and (pointer:fine){ul.pillars li:hover a{ opacity:1;}}








.bodycontent{float:left; width:100%; position:relative; }

.body_wrapper{ float:left; width:100%; padding: 0 60px 0;  }
.body_wrapper.pillar1{ background: -webkit-linear-gradient(top, #25a8ec, #0198a9 );  background: -o-linear-gradient(top, #25a8ec, #0198a9);  background: -moz-linear-gradient(top, #25a8ec, #0198a9); background: linear-gradient(top, #25a8ec, #0198a9 );}
.body_wrapper.pillar2{ background: -webkit-linear-gradient(top, #c80136, #a8094c, #b20c60 );  background: -o-linear-gradient(top, #c80136, #a8094c, #b20c60);  background: -moz-linear-gradient(top, #c80136, #a8094c, #b20c60); background: linear-gradient(top, #c80136, #a8094c, #b20c60 );}
.body_wrapper.pillar3{ background: -webkit-linear-gradient(top, #543da7, #4045a9, #4079d0 );  background: -o-linear-gradient(top, #543da7, #4045a9, #4079d0);  background: -moz-linear-gradient(top, #543da7, #4045a9, #4079d0); background: linear-gradient(top, #543da7, #4045a9, #4079d0 );}




.top_map{ position:fixed; top:130px; left:0; right:0; margin:0 auto; z-index:999; width:171px; min-width:171px !important; max-width:845px !important;  }
.top_map img{ vertical-align:top; width:100%; transition: opacity 0.5s;  }
.top_map img.blue_map{ opacity:0;}
.top_map.faded{ top:150px;}
.top_map.faded1{ top:170px;}
.top_map.faded2{ top:190px;}
.top_map.faded3{ top:200px;}

.top_map.faded img.white_map{opacity:0.60;}
.top_map.faded img.blue_map{ opacity:0.20;}

.map_container{ float:left; width:100%;  text-align:center; padding:0 0 40px;}
.map_container .map_box{ float:left; width:100%; background:#323232; position:relative; padding:20vh 0 40px; height:100vh; min-height:850px;}

.map_box a.economy_btn{ display:inline-block; position:absolute;font-family:"Barlow Condensed", sans-serif; text-transform:uppercase; font-weight:500; color:#fff; background:#ca004e; min-width:190px; font-size:20px; line-height:40px; letter-spacing:1px; right:-60px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); padding:12px 0 12px 38px; text-align:left; z-index:999;}
.map_box a.economy_btn:after{ content:""; position:absolute; top:24px; right:34px; width:13px; height:16px; background:url(../images/path_next.webp) no-repeat center center; background-size:cover !important;}

.map_box a.economy_btn.left{  right:auto; left:-60px; padding:12px 0 12px 45px;}
.map_box a.economy_btn.left:after{ right:auto; left:20px; background:url(../images/path_prev.webp) no-repeat center center; background-size:cover !important;}


.map_box a.environment_btn{ display:inline-block; position:absolute; font-family:"Barlow Condensed", sans-serif; font-weight:500; color:#fff; background:#01b9cd; min-width:190px; font-size:20px; line-height:40px; letter-spacing:1px; left:-60px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); padding:12px 0 12px 45px; text-align:left; z-index:999; text-transform:uppercase;}
.map_box a.environment_btn:after{ content:""; position:absolute; top:24px; left:20px; width:13px; height:16px; background:url(../images/path_prev.webp) no-repeat center center; background-size:cover !important;}

.map_box a.environment_btn.right{  left:auto; right:-60px; padding:12px 60px 12px 15px; text-align:right;}
.map_box a.environment_btn.right:after{ left:auto; right:34px; background:url(../images/path_next.webp) no-repeat center center; background-size:cover !important;}


.map_box a.efficiency_btn{ display:inline-block; position:absolute; font-family:"Barlow Condensed", sans-serif; font-weight:500; color:#fff; background:#3490dd; min-width:190px; font-size:20px; line-height:40px; letter-spacing:1px; left:-60px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); padding:12px 0 12px 45px; text-align:left; z-index:999; text-transform:uppercase;}
.map_box a.efficiency_btn:after{ content:""; position:absolute; top:24px; left:20px; width:13px; height:16px; background:url(../images/path_prev.webp) no-repeat center center; background-size:cover !important;}

.map_box a.efficiency_btn.right{  left:auto; right:-60px; padding:12px 60px 12px 15px; text-align:right;}
.map_box a.efficiency_btn.right:after{ left:auto; right:34px; background:url(../images/path_next.webp) no-repeat center center; background-size:cover !important;}





.map_box h3{font-family:"Barlow", sans-serif; font-weight:900; font-size:60px; line-height:64px; color:#fff;text-shadow:0 0 10px rgba(0,0,0,0.20); color:#fff; position:relative; z-index:9999; padding:0 0 40px;}
.map_box p{color:#fff; font-size:28px; line-height:40px; font-family:"Barlow Condensed", sans-serif; font-weight:300; color:#fff; text-shadow:0 0 10px rgba(0,0,0,0.20); max-width:975px; margin:0 auto; clear:both;  padding:0 0 40px; position:relative; z-index:9999;  }
.map_box p span{ font-size:20px; line-height:30px; letter-spacing:1px; border-bottom: 1px solid #ffffff;}

.map_box .big_map{ margin:-100px auto 0; max-width:845px; clear:both; display:block; position:relative;}
.map_box .big_map img{ vertical-align:top; }
.map_box .big_map img.base_img{ opacity:0;}

.big_map a > span{ position:absolute; color:#fff; text-transform:uppercase; min-width:110px; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); font-family:"Barlow Condensed", sans-serif; font-weight:300; font-size:13px; line-height:16px; letter-spacing:0.72px;}

.big_map.pillar1 a.spotlight2{left:4%; top:28%; position:absolute; display:inline-block; z-index:9999;}
.big_map.pillar1 a.spotlight2 span{ bottom:45px; }
.big_map.pillar1 a.spotlight1{left:6%; top:38%; position:absolute; display:inline-block; z-index:9999;}
.big_map.pillar1 a.spotlight1 span{ top:45px;}


.big_map.pillar2 a.spotlight1{left:21%; bottom:33%; position:absolute; display:inline-block; z-index:9999;}
.big_map.pillar2 a.spotlight1 span{ top:45px;}
.big_map.pillar2 a.spotlight2{left:48%; bottom:17%; position:absolute; display:inline-block; z-index:9999;}
.big_map.pillar2 a.spotlight2 span{top:45px;}
.big_map.pillar2 a.video1{right:8%; top:23.5%; position:absolute; display:inline-block; z-index:999;}

.big_map.pillar3 a.spotlight1{right:6%; top:13%; position:absolute; display:inline-block; z-index:9999;}
.big_map.pillar3 a.spotlight1 span{bottom:45px;}
.big_map.pillar3 a.spotlight2{right:5.5%; top:18.5%; position:absolute; display:inline-block; z-index:9999;}
.big_map.pillar3 a.spotlight2 span{ top:45px;}


.big_map ul.nav{ display:block; width:100%; z-index:9999;}
.big_map ul.nav li{ position:absolute; display:inline-block; z-index:9999;}
.big_map ul.nav li:nth-of-type(2){ top:50%; }
.big_map ul.nav li a{ position:relative;}

.big_map.pillar1 ul.nav li:nth-of-type(3){ right:7.5%; top:20.5%; }
.big_map.pillar1 ul.nav li:nth-of-type(3) a span{ top:45px;}
.big_map.pillar1 ul.nav li:nth-of-type(4){ right:12%; top:68.5%; }
.big_map.pillar1 ul.nav li:nth-of-type(4) a span{ top:45px;}

.big_map.pillar2 ul.nav li:nth-of-type(3){ right:8%; top:23.5%; }
.big_map.pillar2 ul.nav li:nth-of-type(3) a span{ top:45px;}
.big_map.pillar2 ul.nav li:nth-of-type(4){ right:46%; top:21.5%; }
.big_map.pillar2 ul.nav li:nth-of-type(4) a span{ top:45px;}

.big_map.pillar3 ul.nav li:nth-of-type(3){ right:29.5%; top:27%; }
.big_map.pillar3 ul.nav li:nth-of-type(3) a span{ top:45px;}
.big_map.pillar3 ul.nav li:nth-of-type(4){ left:11%; top:55.5%; }
.big_map.pillar3 ul.nav li:nth-of-type(4) a span{ top:45px;}


.big_map ul.nav li a{ display:block;}


@-webkit-keyframes fadeIn{0%{opacity:0;}
100%{opacity:1;display:block;}
}
@keyframes fadeIn{0%{opacity:0;}
100%{opacity:1;display:block;}
}
.fadenew{opacity:0; -webkit-animation-duration:0.5s;animation-duration:0.5s; -webkit-animation-fill-mode:both;animation-fill-mode:both;}
body.fixed .fadenew{-webkit-animation-name:fadeIn;animation-name:fadeIn;}


body.fixed .top_map{ position:absolute; top:0 !important; }
body.fixed .top_map img.white_map{ opacity:0 !important; }
body.fixed .top_map img.blue_map{ opacity:1;}


.nav_bar{ float:left; width:100%; min-height:47px;}
ul.pillars_nav{ list-style:none; text-align:center; float:left; width:100%; position:relative; background:#f00; border-bottom:1px solid #323232; }
ul.pillars_nav:before{ content:""; display:block; width:100%; height:100%; position:absolute; top:0; left:-60px; background:#fff; border-bottom:1px solid #323232; z-index:9;}
ul.pillars_nav:after{ content:""; display:block; width:100%; height:100%; position:absolute; top:0; right:-60px; background:#fff; border-bottom:1px solid #323232; z-index:9;}
ul.pillars_nav li{ list-style:none; display:inline-block; text-align:center; vertical-align:top; text-transform:uppercase; position:relative; z-index:99;
 border-right:2px solid rgba(0,0,0,0.6); vertical-align:top; margin-left:-4px; }
ul.pillars_nav li:first-child{border-left:2px solid rgba(0,0,0,0.6); margin-left:0;}
ul.pillars_nav li a{ font-family:"Barlow", sans-serif; font-weight:900; font-size:13px; line-height:17px; letter-spacing:1.5px; display:block; min-width:206px; padding:15px 5px;  transition:opacity 160ms ease,transform 160ms var(--ease-out,cubic-bezier(0.23,1,0.32,1));   }


ul.pillars_nav.pillar1 li a{color:#00cee1; background:#fff;}ul.pillars_nav.pillar1 li.active a{color:#fff; background:#00cee1;}
@media (hover:hover) and (pointer:fine){ul.pillars_nav.pillar1 li:hover a{color:#fff; background:#00cee1;}}

ul.pillars_nav.pillar2 li a{color:#b80a55; background:#fff;}ul.pillars_nav.pillar2 li.active a{color:#fff; background:#b80a55;}
@media (hover:hover) and (pointer:fine){ul.pillars_nav.pillar2 li:hover a{color:#fff; background:#b80a55;}}

ul.pillars_nav.pillar3 li a{color:#4838a1; background:#fff;}ul.pillars_nav.pillar3 li.active a{color:#fff; background:#3490dd;}
@media (hover:hover) and (pointer:fine){ul.pillars_nav.pillar3 li:hover a{color:#fff; background:#3490dd;}}



body.stick ul.pillars_nav{ position:fixed; top:60px; left:0; z-index:99999;}



.center_content{width:900px; margin:0 auto 0;}
.common_col{float:right; width:100%;}

.video_sec{ float:left; width:100%;  position:relative;   padding-top:150px;}
.video_sec:after{content:""; position:absolute; left:0; top:150px; width:100%; height:calc(100% - 150px); background:#fff; z-index:1;} 
.video_sec .common_col{padding:100px 0 100px; position:relative; margin-top:-150px; z-index:9;}
.video_sec .common_col:after{ content:""; position:absolute; left:320px; top:0; height:100%; width:calc(100% - 320px); background:#fff; z-index:-1;}

.video_sec .video_icon{ height:150px; width:320px; background:none; position:absolute; left:0; top:0;}
.video_sec .video_icon.mobile{ display:none;}
.video_sec .video_icon img{ width:46px; vertical-align:top; float:right; margin:50px 140px 0 0;}
.video_sec .center_content h3{ font-family:"Barlow", sans-serif; font-weight:900; font-size:54px; line-height:58px; color:#323232; padding:0 0 28px; text-align:center; }


.energy_sec{ float:left; width:100%;  position:relative;   padding-top:150px;}
.energy_sec:after{content:""; position:absolute; left:0; top:150px; width:100%; height:calc(100% - 150px); background:#fff; z-index:1;} 
.energy_sec .common_col{padding:100px 0 100px; position:relative; margin-top:-150px; z-index:9;}
.energy_sec .common_col:after{ content:""; position:absolute; left:320px; top:0; height:100%; width:calc(100% - 320px); background:#fff; z-index:-1;}

.energy_sec .energy_icon{ height:150px; width:320px; background:none; position:absolute; left:0; top:0;}
.energy_sec .energy_icon.mobile{ display:none;}
.energy_sec .energy_icon img{ width:46px; vertical-align:top; float:right; margin:50px 140px 0 0;}
.energy_sec .center_content h3{ font-family:"Barlow", sans-serif; font-weight:900; font-size:54px; line-height:58px; color:#323232; padding:0 0 30px; }
.energy_sec .center_content p{ font-family:"Barlow Condensed", sans-serif; font-weight:500; font-size:22px; line-height:36px; color:#323232; padding: 0 0 16px 0;}
.energy_sec .text-tout.center_content { margin-bottom: 40px; }
.energy_sec .text-tout.center_content a { font-style: normal; color: #c1103c;}
.energy_sec .text-tout.center_content p {font-family:"Barlow", sans-serif; font-weight:300; font-style:italic; font-size:17px; line-height: 28px; color:#777777;}

.energy_sec .farm_container{ display:block; clear:both; width:100%;  max-width:1280px;  margin:50px auto 0;}

.farm_container .farm_view{ float:left; width:100%; padding:0 0; margin-bottom: 50px;  }
.farm_view figure{ float:left; width:66.66%; min-height:560px; background-size:cover !important;}
.farm_view.right figure{ float:right;}
.farm_view .info_box{ float:right; width:33.33%; min-height:560px; text-align:center; position:relative;}
.farm_view.right .info_box{ float:left; }

.info_box .inner_box{ display:block; width:100%; position:absolute; left:0; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%);}
.info_box .heading_sec{ float:left; width:100%; position:relative; padding:0 15px 20px;}
.info_box .heading_sec img{ margin-bottom:14px; vertical-align:top;}
.info_box .heading_sec h3{font-family:"Barlow", sans-serif; font-weight:900; font-size:19px; line-height:21px; color:#323232; text-transform:uppercase; letter-spacing:1.58px;}
.info_box .content_sec{ float:left; width:100%; padding:0 15px;}
.info_box .content_sec p{font-family:"Barlow Condensed", sans-serif; font-weight:500; font-size:16px; line-height:21px; color:#323232; padding:0 21.5% 10px; letter-spacing:1.33px; clear:both;}
.info_box .value{ float:left; width:100%; padding:0 0 15px;}

.info_box1 .value strong{font-family:"Barlow Condensed", sans-serif; font-weight:900; font-size:148px; line-height:152px; color:#c1103c; letter-spacing:1.5px;}
.info_box1 .value span{font-family:"Barlow Condensed", sans-serif; font-weight:900; display:block; font-size:22px; line-height:26px; letter-spacing:2.06px; color:#a7094d; margin-top:-10px;}

.info_box2 .value strong{font-family:"Barlow Condensed", sans-serif; font-weight:900; font-size:135px; line-height:140px; color:#c1103c; letter-spacing:-1.63px;}
.info_box2 .value small{font-family:"Barlow Condensed", sans-serif; font-weight:900; font-size:60px; line-height:64px; color:#c1103c;}
.info_box2 .value span{font-family:"Barlow Condensed", sans-serif; font-weight:900; display:block; font-size:24px; line-height:45px; letter-spacing:1.2px; color:#a7094d; margin-top:-10px;}



.info_col_container{ float:left; width:100%; padding:70px 0;}
.info_col_container .info_col{ float:left; width:33.33%; text-align:center; border-left:1px solid #a80a50;}
.info_col_container .info_col:first-child{ border-left:none;}
.info_col .heading_sec{ float:left; width:100%; min-height:120px;  position:relative;}
.info_col .heading_sec img{ margin-bottom:10px; vertical-align:top;}
.info_col .heading_sec .heading_cont{ position:absolute; width:100%; left:0; bottom:0; padding:0 25px 20px;}
.info_col .heading_sec h3{ font-family:"Barlow", sans-serif; font-weight:900; font-size:19px; line-height:21px; color:#323232; text-transform:uppercase; letter-spacing:1.58px; padding:0 0 0;}
.info_col .content_sec{ float:left; width:100%; min-height:275px;  padding:0 25px;}
.info_col .content_sec p{font-family:"Barlow Condensed", sans-serif; font-weight:500; font-size:16px; line-height:21px; color:#323232; padding:0 17% 10px; letter-spacing:1.33px; clear:both;}
.info_col .value{ float:left; width:100%;}

.info_col1 .value strong{font-family:"Barlow Condensed", sans-serif; font-weight:900; font-size:130px; line-height:134px; color:#323232; letter-spacing:-2px;}
.info_col1 .value small{font-family:"Barlow Condensed", sans-serif; font-weight:900; font-size:76px; line-height:80px; color:#323232; letter-spacing:0;}

.info_col2 .value strong{font-family:"Barlow Condensed", sans-serif; font-weight:900; font-size:100px; line-height:104px; color:#323232; letter-spacing:-1.54px;}
.info_col2 .value small{font-family:"Barlow Condensed", sans-serif; padding-left: 10px; font-weight:900; font-size:60px; line-height:64px; color:#323232; letter-spacing:0;}
.info_col2 .value span{ display:block; font-family:"Barlow Condensed", sans-serif; font-weight:900; font-size:28px; line-height:32px; color:#323232; letter-spacing:2.62px; margin-top:-10px;}

.info_col3 .value strong{font-family:"Barlow Condensed", sans-serif; font-weight:900; font-size:114px; line-height:118px; color:#323232; letter-spacing:-1.75px;}
.info_col3 .value small{font-family:"Barlow Condensed", sans-serif; font-weight:900; font-size:54px; line-height:58px; color:#323232; letter-spacing:0;}









.slider_box{ float:left; width:100%; padding:120px 0 50px;}
.fixed_box{ float:left;width:550px; min-height:630px; color:#f2f2f2; background:#323232; background-size:100%; text-align:center; position:relative; z-index:9999; }
.fixed_anim{ position:absolute; width:100%; min-height:150px; left:0; bottom:30%; }
#fixed_anim_mob{background:url(../images/box_wave1.png) repeat-x;}

.fixed_box img{ vertical-align:top; display:inline-block;}
.fixed_box .heading_sec{ float:left; width:100%; position:relative; min-height:132px;}
.fixed_box .heading_sec img{margin-bottom:10px;}
.fixed_box .heading_sec .heading_cont{ position:absolute; width:100%; left:0; bottom:0; padding:20px 25px;}

.fixed_box .heading_sec h3{font-family:"Barlow", sans-serif; font-weight:900; font-size:24px; line-height:28px; color:#fff; text-transform:uppercase; position:relative; padding:0 0 15px; letter-spacing:1.7px; }
.fixed_box .heading_sec h3:after{ content:""; position:absolute; display:block; min-height:1px; width:115px; background:#fff; left:0; right:0; bottom:0; margin:0 auto;}
.fixed_box .content_sec{ float:left; width:100%; padding:25px 25px; position:relative; z-index:999;}
.fixed_box .content_sec p{ font-family:"Barlow Condensed", sans-serif; font-weight:300; font-size:20px; line-height:26px;color:#fff; padding:10px 16% 0;  letter-spacing:1px;}
.fixed_box .content_sec .value{ display:block; width:100%; position:relative;}
.fixed_box .content_sec .value{font-family:"Barlow Condensed", sans-serif; font-weight:900; color:#4ae1e0; }
.fixed_box .content_sec .value strong{font-size:132px; line-height:136px; display:block; font-weight: 900;}
.fixed_box .content_sec .value small{font-size:66px; line-height:70px;}
.fixed_box .content_sec .value span{ display:block;font-size:28px; line-height:34px;}



.slider_container{float:left; width:100%; margin:0 0 0 -550px; padding:43px 0 0 550px; z-index:1;}
#mobile_slider{ display:none; max-width:767px;}

.card_slider{ float:left; width:100%;}
.card_slider .card{ float:left; width:400px;  padding-left:20px; text-align:center; display:none; }

.card_slider .card:first-child{ display:block;}
.card_slider.slick-initialized .card{ display:block;}


.card_slider .card.slick-slide img{ display:inline-block;}
.card .heading_sec{ float:left; width:100%; min-height:118px; background:#323232; position:relative;}
.card .heading_sec img{ margin-bottom:10px;}
.card .heading_sec .heading_cont{ position:absolute; width:100%; left:0; bottom:0; padding:20px 25px;}
.card .heading_sec h3{font-family:"Barlow", sans-serif; font-weight:900; font-size:21px; line-height:24px; color:#fff; text-transform:uppercase; letter-spacing:1.7px;}
.card .content_sec{ float:left; width:100%; min-height:425px; background: -webkit-linear-gradient(top, #8dfeeb, #8bf4ff ); background: linear-gradient(top, #8dfeeb, #8bf4ff ); background: -o-linear-gradient(top, #8dfeeb,#8bf4ff);  background: -moz-linear-gradient(top, #8dfeeb,#8bf4ff); padding:20px 25px;}
.card .content_sec p{font-family:"Barlow Condensed", sans-serif; font-weight:500; font-size:18px; line-height:23px; color:#323232; padding:10px 9% 10px; letter-spacing:1px;}
.card img{ vertical-align:top;}
.card .value{ float:left; width:100%;}

.card1 .value{ padding:0 0 10px;}
.card1 .value strong{font-family:"Barlow Condensed", sans-serif; font-weight:900; font-size:143px; line-height:147px; color:#2b2b2b;}
.card1 .value small{font-size:84px; line-height:99px;}

.card2 .value strong{font-family:"Barlow Condensed", sans-serif; font-weight:900; font-size:66px; line-height:70px; color:#2b2b2b;}
.card2 .value small{font-size:40px; line-height:46px;}


.card3 .value{ padding:0 0 15px;}
.card3 .value strong{font-family:"Barlow Condensed", sans-serif; font-weight:900; font-size:44px; line-height:52px; color:#2b2b2b;}
.card3 .value img{ margin-right:10px;}

.card4 .content_sec img{ margin-top:10px;}

#slider_btns1{ display:none;}





.ads_sec{ float:left; width:100%; text-align:center; padding:60px 0 60px;}
.ads_sec a{ display:inline-block; vertical-align:top;}
.ads_sec a img{ vertical-align:top;}
.ads_sec a img.mobile_img{ display:none;}



.student_sec{ float:left; width:100%;  position:relative; background:#0198a9; padding-top:150px;}
.student_sec.pillar3{ background:#4079d0;}
.student_sec:after{content:""; position:absolute; left:0; top:150px; width:100%; height:calc(100% - 150px); background:#fff; z-index:1;} 
.student_sec .common_col{padding:100px 0 100px; position:relative; margin-top:-150px; z-index:9;}
.student_sec .common_col:after{ content:""; position:absolute; left:380px; top:0; height:100%; width:calc(100% - 380px); background:#fff; z-index:-1;}

.student_sec .grid_icon{ height:150px; width:380px; background:none; position:absolute; left:0; top:0;}
.student_sec .grid_icon.mobile{ display:none;}
.student_sec .grid_icon img{ width:46px; vertical-align:top; float:right; margin:50px 125px 0 0;}
.student_sec .center_content h3{ font-family:"Barlow", sans-serif; font-weight:900; font-size:54px; line-height:58px; color:#323232; padding:0 0 50px; }
.student_sec .center_content h2 {font-family:"Barlow Condensed", sans-serif;font-size: 26px; line-height: 37px; font-weight:  300; padding: 6px 0 40px 0;}
.student_sec .center_content p{ font-family:"Barlow", sans-serif; font-weight:300; font-size:18px; line-height:34px; color:#2b2b2b; padding:0 0 20px;}

.student_sec .center_content p.text-tout {color:#777777; font-style:italic; font-size: 16px; line-height: 28px; margin-top: 40px;}
p.text-tout a {color:#03BBCA; font-style:normal;}



.mid_block{ float:left; width:100%; padding: 110px 0 75px;}
.mid_block .img_sec{ float:left; width:1415px; min-height:838px; background-size:cover !important; margin:0 0 0 70px;}
.mid_block .quote_sec{ float:left; width:645px; min-height:838px; margin:83px 0 0 -70px; background:#323232; padding: 100px 60px 50px 100px; position:relative;}
.quote_sec img{ vertical-align:top; margin-bottom:40px;}
.quote_sec p{font-family:"Barlow", sans-serif; font-weight:900; font-size:42px; line-height:60px; color:#fff; position:relative; z-index:99;}
.quote_sec span{font-family:"Barlow", sans-serif; font-weight:300; font-size:22px; line-height:26px; color:#ffffff; display:block; padding:36px 0 0; position:relative; z-index:99;}
.quote_anim{ position:absolute; width:100%; min-height:210px; left:0; bottom:5%; background:url(../images/pq_wave1.png) repeat-x;}
.quote_anim.pillar3{background:url(../images/pq_wave2.png) repeat-x;}

.bottom_img{ float:left; width:100%; min-height:100vh; background-size:cover !important; background-attachment:fixed !important;}



.wave_mid{ float:left; width:100%; overflow:hidden; text-align: center; margin-bottom:15px; }
.wave_bottom{ float:left; width:100%; overflow:hidden; text-align: center; }



.genius_container{ float:left; width:100%; text-align:center; padding:180px 0 50px;}
.genius_container .genius_sec{ float:left; width:100%; clear:both;} 
.genius_sec .intro_sec{ float:left; width:100%;}
.genius_sec .intro_sec h3{font-family:"Barlow", sans-serif; font-weight:900; font-size:32px; line-height:36px; color:#373737; padding: 0 0 15px;}
.genius_sec .intro_sec p{font-family:"Barlow", sans-serif; font-weight:300; font-size:22px; line-height:36px; color:#373737; padding: 0 0 55px;}
.genius_slider_box{float:left; width:100%;}
.genius_block{ list-style:none; float:left; width:100%; }
.genius_block .genius_slide{ float:left; width:100%;  position:relative; overflow:hidden; vertical-align:top; display:none; }
.genius_block .genius_slide:first-child{ display:block;}
.genius_block.slick-initialized .genius_slide{ display:block;}

.genius_block .genius_slide figure{ display:block; width:100%; min-height:480px; background-size:cover !important; transition:opacity 160ms ease,transform 160ms var(--ease-out,cubic-bezier(0.23,1,0.32,1));   transform:scale(1,1); -webkit-transform:scale(1,1); -moz-transform:scale(1,1);}
@media (hover:hover) and (pointer:fine){.genius_block .genius_slide:hover figure{transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1);}}


.genius_block .genius_slide:after{ content:""; width:100%; height:50px; position:absolute; left:0; bottom:-50px; box-shadow:0 -100px 200px #000; -webkit-box-shadow:0 -100px 200px #000; -moz-box-shadow:0 -100px 200px #000;}
.genius_block .genius_slide .overlay{ position:absolute; left:0; width:100%; height:100%; bottom:0; z-index:9; transition:opacity 160ms ease,transform 160ms var(--ease-out,cubic-bezier(0.23,1,0.32,1));   opacity:0.4; }
@media (hover:hover) and (pointer:fine){.genius_block .genius_slide:hover .overlay{  opacity:0.65;}}


.genius_block .genius_slide .overlay_cont{ position:absolute; left:0; width:100%; bottom:-50px; z-index:99; padding:0 17%; transition:opacity 160ms ease,transform 160ms var(--ease-out,cubic-bezier(0.23,1,0.32,1));   transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); }
@media (hover:hover) and (pointer:fine){.genius_block .genius_slide:hover .overlay_cont{bottom:50%; transform:translateY(50%); -webkit-transform:translateY(50%); -moz-transform:translateY(50%);}}



.genius_block .genius_slide span{font-family:"Barlow", sans-serif; font-weight:500; font-size:20px; line-height:30px; color:#fff; transition:opacity 0.5s ease;   opacity:0}
@media (hover:hover) and (pointer:fine){.genius_block .genius_slide:hover span{ opacity:1;}}

.genius_block .genius_slide p{font-family:"Barlow", sans-serif; font-weight:900; font-size:25px; line-height:39px; color:#fff; padding:30px 0 0;}
.genius_block .genius_slide a{font-family:"Barlow Condensed", sans-serif; font-weight:700; font-size:23px; line-height:29px;  background:#fff; border-radius:50px; text-transform:uppercase; min-width:200px; display:inline-block; padding:10px 5px; margin:40px 0 0; transition:opacity 160ms ease,transform 160ms var(--ease-out,cubic-bezier(0.23,1,0.32,1));   opacity:0;}
.genius_block .genius_slide:nth-of-type(1) a{ color:#1c9495;}
.genius_block .genius_slide:nth-of-type(2) a{color:#9A0036;}
.genius_block .genius_slide:nth-of-type(3) a{ color:#4d60c1;}
.genius_block .genius_slide:nth-of-type(4) a{color:#00adc1;}
.genius_block .genius_slide:nth-of-type(5) a{ color:#b90952;}
.genius_block .genius_slide:nth-of-type(6) a{color:#4d60c1;}

.genius_block .genius_slide:nth-of-type(7) a{ color:#1c9495;}
.genius_block .genius_slide:nth-of-type(8) a{color:#9A0036;}
.genius_block .genius_slide:nth-of-type(9) a{ color:#4d60c1;}
.genius_block .genius_slide:nth-of-type(10) a{color:#00adc1;}
.genius_block .genius_slide:nth-of-type(11) a{ color:#b90952;}
.genius_block .genius_slide:nth-of-type(12) a{color:#4d60c1;}
@media (hover:hover) and (pointer:fine){.genius_block .genius_slide:hover a{ opacity:1}}

@media (hover:hover) and (pointer:fine){.genius_block .genius_slide a:hover{ color:#fff !important; box-shadow:0 0 5px #fff; -webkit-box-shadow:0 0 5px #fff; -moz-box-shadow:0 0 5px #fff;}}

@media (hover:hover) and (pointer:fine){.genius_block .genius_slide:nth-of-type(1) a:hover{ background:#1c9495;}}

@media (hover:hover) and (pointer:fine){.genius_block .genius_slide:nth-of-type(2) a:hover{ background:#9A0036;}}

@media (hover:hover) and (pointer:fine){.genius_block .genius_slide:nth-of-type(3) a:hover{ background:#4d60c1;}}

@media (hover:hover) and (pointer:fine){.genius_block .genius_slide:nth-of-type(4) a:hover{ background:#00adc1;}}

@media (hover:hover) and (pointer:fine){.genius_block .genius_slide:nth-of-type(5) a:hover{ background:#b90952;}}

@media (hover:hover) and (pointer:fine){.genius_block .genius_slide:nth-of-type(6) a:hover{ background:#4d60c1;}}






#genius_slider_btns {
    clear: both;
    display: block;
    float: left;
    left: 50%;
    margin-left: -110px;
    padding: 25px 0 10px;
    position: relative;
    width: 220px;
}
.genius_slider_box .genius_slider_btns .slick-prev { position:absolute; height: 14px; left: 0; top:23px; right:auto; bottom:auto; width: 29px; z-index: 999; font-size:0; background:#323232 url(../images/prev_arr.webp) no-repeat 0 0; cursor:pointer; }
.genius_slider_box .genius_slider_btns .slick-prev:before { display:none;  }
.genius_slider_box .genius_slider_btns .slick-next { position:absolute; height: 14px; right: 0; top:23px; left:auto; bottom:auto; width: 29px; z-index: 999; font-size:0; background:#323232 url(../images/next_arr.webp) no-repeat 0 0; cursor:pointer;}
.genius_slider_box .genius_slider_btns .slick-next:before { display:none;  }

.genius_slider_box .genius_slider_btns .slick-dots { padding:0; text-align:center;}
.genius_slider_box .genius_slider_btns .slick-dots li { display:inline-block;  height: 10px; margin: 0; padding: 0 6px; vertical-align: top; width: auto; }
.genius_slider_box .genius_slider_btns .slick-dots li button {  background: #cccccc; border: medium none; border-radius: 50%; display: block; height: 9px; padding: 0; text-indent: -9999px; width: 9px;  cursor:pointer;}
.genius_slider_box .genius_slider_btns .slick-dots li.slick-active button { background: #323232; }
.genius_slider_box .genius_slider_btns .slick-dots li button::before { display: none; }






.genius_sec a.genius_btn{ display:inline-block; vertical-align:top; margin:90px 0 0; background:#00adc1; border-radius:50px; padding:10px 20px; color:#fff; text-transform:uppercase; min-width:334px; font-family:"Barlow Condensed", sans-serif; font-weight:700; font-size:22px; line-height:29px; transition:opacity 160ms ease,transform 160ms var(--ease-out,cubic-bezier(0.23,1,0.32,1));  }
@media (hover:hover) and (pointer:fine){.genius_sec a.genius_btn:hover{box-shadow: inset 0 -60px rgba(5,96,107,0.9); -webkit-box-shadow: inset 0 -60px rgba(5,96,107,0.9); -moz-box-shadow: inset 0 -60px rgba(5,96,107,0.9);}}





footer{ float:left; width:100%; background:#151515; padding:20px 0; text-align:center;}
footer a.footer_logo{ display:inline-block;}
a.footer_logo img{ vertical-align:top; width:149px;}
footer ul{ list-style:none; padding:12px 0 0; }
footer ul li{ display:inline-block; font-family: 'Source Sans 3', sans-serif; font-size:11px; line-height:16px; font-weight:400; color:#fff; padding:0 5px 0 8px; background:url(../images/link_sep.webp) no-repeat left center; }
footer ul li:first-child{ background:none; }
footer ul li a{ display:block; color:#fff;}footer ul li a:focus{ color:#888888;}
@media (hover:hover) and (pointer:fine){footer ul li a:hover{ color:#888888;}}




.v_box {width: 100%;
      padding-bottom: 56.25%;
      position: relative;
      height: 0;
      overflow: hidden;
      background: #000; }
.video-js {width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;}


.modal_box{position: fixed;
top: -100%; 
background: rgba(0,0,0,0.75);
opacity: 0;



transition: opacity .5s ease-in-out;
overflow: hidden;
z-index:999999;
width: 100%; 
max-width: 100%;
padding:0 0 0; visibility:hidden;}

.modal_box.vid_box {
padding:50px 15% 0;
}


.modal_box video {
margin: auto;
position: absolute;
top: 0;
left:0;
right:0;
bottom: 0;
max-height: 100%;
max-width: 100%;
border: none;
box-shadow: 0px 0px 8px rgba(0,0,0,.3);
box-sizing: border-box;



transition: .5s ease-in-out;
}





.modal_box figure{ position:absolute; left:0; top:0; width:100%; height:100%; background-size:cover !important; z-index:9;}


a.modal-close{position:absolute; right:0; top:0; width:200px; height:60px; background:rgba(0,0,0,0.5); color:#fff; text-transform:uppercase; z-index:9999; font-family: "Barlow", sans-serif; font-weight: 400; font-size:14px; line-height:20px; letter-spacing: 1px; padding:21px 0 0 25px;}
a.modal-close:after{ content:""; position:absolute; width:37px; height:26px; background:url(../images/map_icon.svg) no-repeat 0 0; right:22px; top:17px; }

.model_box_content{ position:absolute; z-index:999; max-width:660px; margin:0 auto; display:block; background:rgba(255,255,255,.95); left:50%; top:50%; 
transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); padding:35px 40px 20px 40px; text-align:center; }
.model_box_content span{ display:block; text-align:center;}
.model_box_content span img{ vertical-align:top; margin-bottom:10px; }
.model_box_content span img.solar_plate{ width:50px; }
.model_box_content span img.solar_energy{ width:86px; }
.model_box_content h3{ font-family:"Barlow", sans-serif; font-weight:900; font-size:28px; line-height:36px; padding:0 0 10px;}
.model_box_content.pillar1 h3{color:#02BACB;}
.model_box_content.pillar2 h3{color:#B80A55;}
.model_box_content.pillar3 h3{color:#2F99E3;}

.model_box_content p{ font-family:"Barlow Condensed", sans-serif; font-weight:300; font-size:19px; line-height:28px; color:2b2b2b; padding:0 0 20px;}
.modal_box.active { opacity: 1; top: 0; bottom: 0; visibility:visible; }

.modal_box.active .v_box { padding-bottom: 56.25%; }
.modal_box.active video { max-height: 100%; max-width: 100%; }






a#back_to_top{ padding: 16px 0 12px; position: fixed; bottom: -1px; display: none; right: 15px; z-index: 9999; cursor: pointer; background: rgba(0,0,0,.75); }
a#back_to_top .map { width: 70px; text-align: center; padding-bottom: 2px; }
a#back_to_top .map img { width: 46px; display: inline-block; }
a#back_to_top .arrow {width: 70px; text-align: center;}
a#back_to_top .arrow img {width: 14px; display: inline-block; }

html { -webkit-text-size-adjust: 100%;  }