/* CSS Document */


/*
@viewport {
    zoom: 1.0;
    width: device-width;
}

@viewport {
    zoom: 1.0;
    width: extend-to-zoom;
	 
}


@-ms-viewport {
    width: extend-to-zoom;
    zoom: 1.0;
	
}*/



/*------------------- RESET --------------------*/

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;
}
/* 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;
}

a {
text-decoration:none;	
}

.left {
text-align:left;	
}

.center {
text-align:center;	
}
div {
    
     vertical-align: top;
    
}

/*------------------- MAIN --------------------*/

.hide {
	display:none;
}

body {
background-color: #C8C8C8;	
background-color: #D1D1D1 ;
font-family: 'Roboto Condensed', sans-serif;
font-family: 'Roboto', sans-serif;
font-weight:400;
width:100%;
}

.outer {
	background-color: #F0F4F4;
	width: 100%;
	max-width: 1440px;
	margin: auto;
	-webkit-box-shadow: 0px 0px 20px hsla(0,0%,0%,0.20);
	box-shadow: 0px 0px 20px hsla(0,0%,0%,0.20);
	position:relative;
	overflow:hidden;
	margin-bottom:120px;
}

.middle {
	/*background-color: #F0F4F4;*/
	width: 100%;
	max-width: 1200px;
	min-width: 980px;
	margin: auto;
	position: relative;
	
	
	
}

.middle.white {
	background-color: #FFFFFF;


}

.middle_width {
width:100%;	
max-width: 1200px;
min-width:980px;
margin:auto;
position:relative;
}

.navZone {
	height:120px;
	width:100%;
	position:absolute;
	z-index:10;
	top:0;
	float:left;
	left:0;

	
}

.navZone .logozone {
	height:120px;
	width:260px;
	position:absolute;
	top:20px;
	left:30px;
background-image:url(../images/layout/logo.png);
	background-repeat:no-repeat;
	background-position:left top;
	float:left;
    transition: background-image 0.6s ease-out;
}

.navZone .logozone:hover {

background-image:url(../images/layout/logo_hover.png);

		
}


@-webkit-keyframes rot {
    0% {-webkit-transform: rotate(0deg) }

  100% {-webkit-transform: rotate(120deg);}
}

@keyframes rot {
    0% {transform: rotate(0deg) }

  100% {transform: rotate(120deg);}
}

.navZone .logozone:hover .allGreen  {
	
	fill: #D549B2;
}

.navZone .logozone:hover {
	cursor:pointer;
	
}

.navZone .logozone:hover .allGreen  {
	cursor:pointer;
	/*fill: #44D533;*/
}

.navZone .logozone:hover #TAGLINE_1_  {
	display:none;
}

.navZone .logozone:hover #HOME_1_ {
	display:block;
}



.navZone .logozone #SPINNER {
webkit-transform-origin: 50% 50%; /* Chrome, Safari, Opera */
transform-origin: 50% 50%;
/*rotate(0);*/
}

.navZone .logozone:hover #SPINNER___ {
	fill: #E7292C;
	-webkit-animation: rot 2s cubic-bezier(0.175, 0.885, 0.320, 1.275);
	 animation: rot 2s cubic-bezier(0.175, 0.885, 0.320, 1.275);
	transition: all ease-in-out 3s;
	transition-delay: .2s;

    

    
}

.navZone .logozone:hover #STRIPS_1__ {
	fill: #0DB770;
	animation: rot 8s ease infinite;
	 -webkit-animation: rot 8s ease infinite;
	transition: all ease-in-out 3s;
	transition-delay: .1s;
}


.navZone #HOME_1_ {
display:none;

}

.navZone .logozone #SHADOW {
fill-opacity: 0.1;	
display:none;
}

.navZone .logozone #EDGE {
display:none;	
}

.navZone .logozone #allGreen   {

}








/*------------------- NAVIGATION --------------------*/


.navZone > .nav {
	postion:absolute ;
	float:right;
	height:100%;
	width:auto;
	top:0;
	right:0;

	
}

.navZone .nav .topItem {
	height:auto;
	max-height:120px;
	display:inline-block;
	float:left;
	padding-left:15px;
	padding-right:15px;
	margin-left:30px;
	text-align:center;
	width: auto;
	
	text-transform:uppercase;
	/*transition: all ease-in-out .4s;*/
	position:relative;

}

.navZone ul.nav li:hover {
	
/*	padding-bottom: 15px;
	background-color: #F0F4F4;
	-webkit-box-shadow: inset 0px 4px 5px 0px hsla(0,0%,0%,0.14);
	box-shadow: inset 0px 4px 5px 0px hsla(0,0%,0%,0.14);
	transition: all ease-in-out .8s;*/
	
}

.navZone .nav  .center {
position:absolute;
float:left;
top:0;
left:50%;
margin:auto;
height:10px;
width:0;
	
}




.navZone .nav .navLabel {

	height:120px;
	line-height:120px;
	color:#444444;
	font-size:14px;
	font-family: 'Roboto Condensed', sans-serif;
	font-size:14px;	

}

.navZone .nav .navLabel:hover  {
cursor:pointer;
}

.navZone .nav .topItem:hover .navLabel {
color: #000000;
text-decoration:underline;
}


.navZone .nav .navItems {
	color: #fbfbfb;
	
	position:relative;
	

	position: absolute;
	
	right: 0;
	float: right;
	
	text-align: center;
	
	overflow: hidden;
	height: auto;
	padding-top: 0;
	padding-bottom: 20px;
	text-transform: capitalize;
	transition: opacity .2s ease-in-out;
	height: 0;

	letter-spacing: .01em;
	
	background-color: #656661;
	top: -40px;
	width: 300px;
	right: -155px;
	opacity: 1;
	z-index: 4;
	

}



.navZone .nav .topItem:hover .navItems {
	height: auto;
	display: block;

	position:relative;
	max-height: 900px;
	z-index: 5;
	background-color: #656661;


	padding-top:15px;
	padding-bottom: 60px;
	top: -15px;
	opacity: 1;
	

	-webkit-box-shadow: 0px 0px 12px hsla(0,0%,4%,0.62);
	box-shadow: 0px 0px 12px hsla(0,0%,4%,0.62);
	
	transition: all .6s ease-in-out;

}


.navZone a.innerNavLabel, .navZone .innerNavLabel_portal  {
	padding-top:40px;
	padding-bottom:20px;
	height: 40px;
	line-height:40px;
	color: #17201D;
	font-size:14px;
	letter-spacing: .02em;
	text-transform:uppercase;
	display:block;
	
}

.navZone a.innerNavLabel:hover {
	color:#8B972E;
}

.navZone .nav  a:not(.innerNavLabel) {
	margin:auto;
	line-height:50px;
	height:50px;
	width:280px;
	display:block;
	text-decoration:none;
	font-family: 'Roboto', sans-serif;
	color: #DCDFDF;
	font-size:16px;
	letter-spacing: .01em;
	
}

.navZone .nav  a:not(.innerNavLabel):hover {

	color: #171F1D;
	background-color:#8B972E;

	
}

.navZone .nav .navItems .portalLabel  {
width:274px;
text-align:right;
color:#DCE0E0;
height:26px;
line-height:26px;
	font-size:12px;
	text-transform:uppercase;
	letter-spacing: .01em;
	cursor:default;
}

.navZone .nav input {
	width:250px;
	background-color:#DCE0E0;
	margin:auto;
	padding:0;
	height: 50px;
	line-height:50px;
	border-radius: 4px;
	 outline-width: 0;
	 border:none;
	 border-width:0;
	 margin-bottom:20px;
	 padding-left: 10px;
	 padding-right:10px;
}

.navZone .nav   input.submit_btn {
margin-bottom:0;
background-color: #8B972E;
color:#656660;
width:270px;
}
.navZone .nav   input.submit_btn:hover {

background-color:#9CBF1A;
cursor:pointer;
}

/*------------------- MOBILE NAV --------------------*/

.mobileNav {
display:none;	
}

@media screen and (max-width: 980px) {
.mobileNav {
display:block	
}

.nav {
display:none;	
}

.outer {
	width: 96%;
	max-width: 1440px;
	margin: auto;
	-webkit-box-shadow: 0px 0px 20px hsla(0,0%,0%,0.20);
	box-shadow: 0px 0px 20px hsla(0,0%,0%,0.20);
}

.middle {
	background-color: #F0F4F4;
	width:96%;
	max-width: 1200px;
	min-width: 340px;
	
	
	
	
}

.middle_width {
width:96%;
max-width: 1200px;
min-width:340px;
margin:auto;
position:relative;
}


.middle_width, .middle {
	min-width:100px;
}


	
}


.mobileNav {
position: absolute;
width:500px;
height:auto;
float:right;
right:0;	
	z-index:500;
	
	
	
}

.mobileNav .dl-menuwrapper {
width: 100%;
max-width: 500px;
float: right;
position: relative;
-webkit-perspective: 1000px;
perspective: 1000px;
-webkit-perspective-origin: 50% 200%;
perspective-origin: 50% 200%;
text-align:left;

}


.mobileNav .dl-menuwrapper button {
background: #ccc;
border: none;
width: 200px;
width: 10%;
margin-left:90%;
height: 45px;
text-indent: -900em;
overflow: hidden;
position: relative;
cursor: pointer;
outline: none;
/*position: absolute;
right:-48px;
top:0;
float:right;*/
}

.mobileNav  .dl-menu {
	text-align:left;
}

.mobileNav .dl-menuwrapper_ button:after {
	content: '';
	position: absolute;
	width: 5%;
	height: 5px;
	background: #fff;
	top: 10px;
	right:200px;
	float:right;
	box-shadow: 
		0 10px 0 #fff, 
		0 20px 0 #fff;
		display:none;
}


.dl-menuwrapper:first-child {
	margin-right: 0;
}
/*------------------- HOME PAGE --------------------*/

.homeZone {
	position: relative;
	height: 740px;
	width: 100%;
	
	background-color:#444444;
	overflow: hidden;
	border-bottom: 15px solid  #F0F4F4;
	background-image:url(../images/home/texture.png);
	
}

.homeZone .media {
width:100%;
height:100%;
background-image: url(../images/home/homeImage.jpg);
background-size:cover;
position:absolute;
top:0;
left:0;
float:left;

}


.homeZone .cover {
	position: absolute;
	width: 100%;
	float: left;
	height: auto;
	top:0;
	overflow:hidden;
	height: 740px;
	
	
}

.homeZone .cover .centerBar15 {
	position: absolute;
	width: 100%;
	height: 15px;
	background-color: #F0F4F4;
	float: left;
	top: 360px;
	height: 15px;
	background-color: #F0F4F4;


}

.homeZone .cover .taglineZone {
position:absolute;
width:360px;
height:360px;

background-color: #F0F4F4;
float:left;
left:-15px;
bottom:0;


}

.homeZone .cover .taglineZone .tagline {
position:absolute;
width:282px;
height:100px;
float:left;
left: 30px;
bottom:20px;
background-image:url(../images/layout/tagline.png);
background-repeat:no-repeat;
}

.homeZone .cover .taglineZone .colorBox {
position:absolute;
width:330px;
height:100%;
background-color: #444444;
float:left;
bottom:0;
left:15px;

}


.homeZone .cover .goboxZone {
position:absolute;
width:590px;
height:380px;
background-color:#F0F4F4;
float:right;
right:0;
top:15px;
font-size:50px;
}

.homeZone .cover .goboxZone > div {
position: absolute;
float:right;
right:0;
width:320px;
top:0;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
	
	transition:all .4s ease-in;	
	 
}



.homeZone .cover .goboxZone .text1 {
font-stize:40px !important; 
line-height:60px;	
font-family: 'Roboto', sans-serif;
}

.homeZone .goboxZone .textStyle2 {
font-stize:36px !important; 
line-height:42px;	
font-family: 'Roboto Condensed', sans-serif;
font-weight:300;
}

.homeZone .cover .goboxZone .consumer {
	
/* NEW VERSION consumer2 moved to map_2019.scss */	
right:335px;
width:240px;
background-color: #568C11;
height:100%;
color:#AAD11D;
background-image: url(../images/home/pad_consumer.png);
background-position:top left;
background-repeat:no-repeat;
position: relative;
}

.homeZone .cover .goboxZone .consumer:hover {
cursor:pointer;
background-color: #69A917  !important;

}

.homeZone .cover .goboxZone .manu {
height:230px;
background-color: #08505B;
color:#78D8DA;
background-image: url(../images/home/pad_manu.png);
background-position:top left;
background-repeat:no-repeat
}

.homeZone .cover .goboxZone .manu:hover {
cursor:pointer;
background-color: #166B78  !important;
}

.homeZone .cover .goboxZone .liveTally {
height:120px;
top: 245px;
background-color: #444444;
color:#B1B5B5;
background-image: url(../images/home/icon_cloud.png);
background-position:30px center;
background-repeat:no-repeat;
position:relative;
}

.homeZone .cover .goboxZone .liveTally .t1,
.homeZone .cover .goboxZone .liveTally .t2
{
position: absolute;
    height: 20px;
    line-height: 20px;
    font-weight: 400;
    color: #B1B4B4;
    right: 20px;
    top: 20px;
    width: auto;
    font-size: 13px;
}

.homeZone .cover .goboxZone .liveTally .t1.lower {
    bottom: 20px;
    top:auto;

}

.homeZone .cover .goboxZone .liveTally .t2 {

height: 40px;
top:40px;
    color: #C3F2F3;
}

.homeZone .cover .goboxZone .liveTally .t2 span {
font-size: 30px;

    padding-right: 4px;
    display: inline-block;
    height: 40px;
    font-weight: 500;
    line-height: 40px;
}


.homeZone .cover .goboxZone .liveTally:hover {
cursor:pointer;	
background-color: #555555 !important;
}

.homeZone .cover .blueBlack {
position:absolute;
width:auto;
min-width: 300px;
height:380px;
background-color: #F0F4F4;
float:right;
right:0;
top:15px;
}


.colorBox {

}
@media screen and (max-width: 960px) { 

.homeZone .cover .taglineZone {
display:none;	
}

.homeZone .cover .goboxZone {
position:absolute;
width:100%;
height:380px;
}

.homeZone .cover .goboxZone > div {
position: absolute;
float:right;
right:0;
width:50%;
	 
}

.homeZone .cover .goboxZone .consumer {
right:50%;
width:50%;
background-color: #568C11;
background-position:top center;
border-right: 15px solid #F0F4F4;
}

.homeZone .media {
height: 380px;	
}


.navZone #allGreen  path,  .navZone #allGreen  polygon {
fill: #000000 	
}



}




/*------------------- MAIN MIDDLE CONTENT  --------------------*/

.middle.content { 

background-color:hsla(0,0%,100%,1.00);
text-align:center;

}


.inner {

width:96%;
max-width: 960px;
margin:auto;
height:auto;
overflow:hidden;
}

.inner.showInnerHidden {
overflow:visible;	
}

.content.plus180 { 

padding-top:180px;

}


.content .pageTitle {
	position:relative;
	width: 50%;
	height:80px;
	line-height:80px;
	background-color: #449BB7;
	color: #F0F4F4;
	font-size:60px;
	font-weight:900;
	margin-bottom:30px;
}

.content .pageTitle .t1 {
	float:right;
	width: 480px;
	text-align:left;

}

.content .pageTitle .t1.font-size30 {
	font-size: 30px;

}



.middle.content .colorZone {
border-top: 15px #FFFFFF solid;	
}

.limeGreen {
background-color:#AAD11D;
padding-top: 60px;


}

.limeGreen .inner {
	background-color: #ffffff;
padding-top:40px;	
padding-bottom:40px;	
}

.limeGreen .middle {
	-webkit-box-shadow: 6px -8px 8px 0 hsla(0,0%,2%,0.33);
	box-shadow: 6px -8px 8px 0 hsla(0,0%,2%,0.33);
}

.limeGreen h2 {

color:#69A917;
}

.midGreen {
background-color:#78AF16;
margin-top: 15px;
padding-bottom: 60px;

}

.midGreen .inner {
	background-color: #ffffff;
padding-bottom:40px;
overflow:hidden;	
}

.midGreen .middle {
	-webkit-box-shadow: 6px 4px 4px 0 hsla(0,0%,2%,0.2);
	box-shadow: 6px 4px 4px 0 hsla(0,0%,2%,0.2);
}

.midGreen h2 {

color:#69A917;
}


@media screen and (max-width: 960px) { 

.content.plus180 {
padding-top: 120px;
}


.content .pageTitle {
	position:relative;
	width: auto;
	padding-left:2%;
	height:auto;
	line-height:60px;
	background-color: #449BB7;

	color: #F0F4F4;
	font-size:30px;
	font-weight:300;
	margin-bottom:20px;
	
}

.content .pageTitle .t1 {
	float:none;
	width: auto;
	text-align:left;
	margin:auto;
	

}


}



/*------------------- FOOTER  --------------------*/



.footer {

background-color:#444444;
width:100%;
height:auto;
	
border-top: solid 15px #F0F4F4;
position:relative;
padding-bottom: 60px;
font-family: 'Roboto', sans-serif;	
}


.footer .inner {
	position:relative;
}



.footer .inner > a {
	color:#79AECD;
	display:block;
	line-height:20px;
	height:20px;
	
	
	font-size:14px;
	text-transform:uppercase;
	letter-spacing:.1em;
	position:absolute;
	top:100px;
	right:0;
}


.footer .logo {
	
	height:auto;
	width:auto;
	min-width:320px;
	background-image:url(../images/layout/logo_footer_alt.png);
	background-position:left 80px;
	background-repeat:no-repeat;
	line-height:40px;
	padding-left: 50px;
	color:#80CCE4;
	float:left;
    padding-top: 120px;
}

.footer .logo span { font-size: 40px; font-weight: 800; display: block; margin-bottom: 1px; }

.footer .logo .low_number {
	
	color: #78af16;
	margin-bottom: 30px; 
}




@media screen and (max-width: 960px) { 

.footer .inner > a {
top:30px;
height:30px;
line-height:30px;
width:100%;
text-align:center;	
padding-right:0;
}
.footer .logo {
	font-size: 80%;
	background-position:center top;
	padding-left:0;
	padding-right:0;
	margin-left:0;
	
	margin-top:80px;
	height:auto;
	width:100%;
	text-align:center;
	line-height:40px;
    padding-top: 60px;

	
}

}

/*------------------- PORTAL LOG IN  --------------------*/

.portalPlate {
	width:100%;
	height:100%;
	position:absolute;
	float:left;
	left:0;
	top:0;
	z-index: 500;
	
	display:none;
}

.portalPlate .film {
	width:100%;
	height:100%;
	position:absolute;
	float:left;
	left:0;
	top:0;
	background-color:#000000;
	opacity:.5;
	
}

.poralModal {
	
	width:40%;
	min-width:330px;
	height:auto;
	position:absolute;
	float:left;
	left:30%;
	top:20%;
	text-align:center;
	padding-top:30px;
	padding-bottom:30px;
	color: #fbfbfb;
	background-color: #656661;
	-webkit-box-shadow: 0px 0px 12px hsla(0,0%,4%,0.62);
	box-shadow: 0px 0px 12px hsla(0,0%,4%,0.62);
	overflow:hidden;	
	transition: all .6s ease-in-out;
	
	color:#cccccc;
}



.poralModal .title {
transition: opacity .2s ease-in-out;	
font-size: 30px;
padding-bottom:30px;
font-weight:100;
color:#8B972E;
}

.poralModal .close {
	width: 50px;
	height: 50px;
	position: absolute;
	float: right;
	right: 10px;
	top: 10px;
	color: #F18920;
	background-color: #444444;
	line-height: 50px;
	font-weight: 100;
	font-size: 20px;
}
.poralModal .close:hover {
	background-color: #F18920;
	color: #444444;
}



.poralModal .portalLabel  {
	margin:auto;
width:270px;
text-align:right;
color:#DCE0E0;
height:auto;
line-height:12px;
padding-top:10px;
margin-bottom:5px;
	font-size:12px;
	text-transform:uppercase;
	letter-spacing: .01em;
	cursor:default;
	display:block;
}

.poralModal input {
	width:250px;
	background-color:#DCE0E0;
	margin:auto;
	padding:0;
	height: 50px;
	line-height:50px;
	border-radius: 4px;
	 outline-width: 0;
	 border:none;
	 border-width:0;
	 margin-bottom:15px;
	 padding-left: 10px;
	 padding-right:10px;
	 display:block;
}

.poralModal  input.submit_btn {

background-color: #8B972E;
color:#656660;
width:270px;
}

.poralModal  input.submit_btn:hover {

background-color:#9CBF1A;
cursor:pointer;
}