html {
	width: 100%;	
	margin: 0;
	height: 100%;
}

body {
	width: 100%;
	height: 100%;
	margin: 0;
}

* {
	margin: 0px;
	padding: 0px;	
}

.page_background {
	/* position: absolute; */
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
}

.vertical_align {
	top: 50%;
  	transform: translateY(-50%);
  	position: relative;
}

.divider {
	height: 2px;
	width: 40px;	
	display: inline-block !important;
	padding: 0px !important;
	margin: 15px 0px;
}

.main_gradient {
	background: rgba(240,240,240,1);
	background: -moz-linear-gradient(top, rgba(240,240,240,1) 0%, rgba(255,255,255,0) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(240,240,240,1)), color-stop(100%, rgba(255,255,255,0)));
	background: -webkit-linear-gradient(top, rgba(240,240,240,1) 0%, rgba(255,255,255,0) 100%);
	background: -o-linear-gradient(top, rgba(240,240,240,1) 0%, rgba(255,255,255,0) 100%);
	background: -ms-linear-gradient(top, rgba(240,240,240,1) 0%, rgba(255,255,255,0) 100%);
	background: linear-gradient(to bottom, rgba(240,240,240,1) 0%, rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#ffffff', GradientType=0 );
}

#main_overview {
	height: 100%;
	width: 100%;
	min-height: 850px;
	padding: 2px;
	background: rgba(153,153,153,1);
	background: -moz-linear-gradient(top, rgba(153,153,153,1) 0%, rgba(255,255,255,0) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(153,153,153,0)), color-stop(100%, rgba(255,255,255,1)));
	background: -webkit-linear-gradient(top, rgba(153,153,153,1) 0%, rgba(255,255,255,0) 100%);
	background: -o-linear-gradient(top, rgba(153,153,153,1) 0%, rgba(255,255,255,0) 100%);
	background: -ms-linear-gradient(top, rgba(153,153,153,1) 0%, rgba(255,255,255,0) 100%);
	background: linear-gradient(to bottom, rgba(153,153,153,1) 0%, rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#999999', endColorstr='#ffffff', GradientType=0 );
}

#specific_overview {
	height: 100%;
	min-height: 1000px;
	width: 100%;
	background: rgba(153,153,153,1);
	background: -moz-linear-gradient(top, rgba(153,153,153,1) 0%, rgba(255,255,255,0) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(153,153,153,0)), color-stop(100%, rgba(255,255,255,1)));
	background: -webkit-linear-gradient(top, rgba(153,153,153,1) 0%, rgba(255,255,255,0) 100%);
	background: -o-linear-gradient(top, rgba(153,153,153,1) 0%, rgba(255,255,255,0) 100%);
	background: -ms-linear-gradient(top, rgba(153,153,153,1) 0%, rgba(255,255,255,0) 100%);
	background: linear-gradient(to bottom, rgba(153,153,153,1) 0%, rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#999999', endColorstr='#ffffff', GradientType=0 );
}

.header {
	width: 100%;
	height: 90px;
	z-index: 1;
	position: fixed;
	top: 0;
	text-align: center;
}

#landingheader {
	background: none;	
}

.logo_dark {
	background-image: url('img/headerlogo_dark.png');	
}

.topgradient {
  	height: 300px;
 	z-index: -1;
}

@media only screen and (max-width: 1200px) {
	#header {
		display: none;
	}
}

.headerlogo {
	position: relative;
	float: left;
	display: block;
	margin-left: 12px;
   	top: 50%;
  	transform: translateY(-50%);
	height: 66px;
	width: 303px;
	background-size: contain;
	background-position: left;
	background-repeat: no-repeat; 
}

.logo_light {
	background-image: url("img/header_logo.png");
}

#headerlogo_mobile {
	display: block;
	position: absolute;
	margin-left: 12px;
   	top: 50%;
  	transform: translateY(-50%);
	height: 66px;
	width: 303px;
	background-size: contain;
	background-image: url("img/header_logo.png");
	background-position: left;
	background-repeat: no-repeat; 
}



@media only screen and (min-width: 1200px) {
	#header_logo:hover {
		background-image: url("img/header_logo_hover.png");
	}
}

@media only screen and (max-width: 400px) {
	#headerlogo_mobile {
		background-image: url("img/header_logo_mobile.png");
		width: 66px;
	}
}
		

@media only screen and (min-width: 1200px) {
    #header.main {
      animation: down 0.3s linear 0s forwards;
    }
}    
    
    @keyframes down {
	0% {background-color: rgba(0, 0, 0, 0.1);}
	100% {background-color: rgba(175, 175, 175, 0.97);}
    }
}

@media only screen and (max-width: 1200px) {
	#header{
		background-size: auto 46px;
		background-position: center;
	}
}


/* OTHER HORIZONTAL CENTER
#header_nav {
  	position: absolute;
  	top: 50%; 
  	left: 50%;
  	transform: translate(-50%,-50%);
}
*/

.nav { /*margin specified*/
	display: block;
	display: inline-block;
	text-transform: uppercase;
	float: right;
	margin-right: 100px;
	letter-spacing: 0.250em;
	position: relative;
   	top: 50%;
  	transform: translateY(-50%);
}

@media only screen and (max-width: 1200px) {
	.nav {
		display: none;
	}
}

#mobileheader {
	position: fixed;
	top: 0;
	width: 100%;
	height: 90px;
	background-color: rgba(175, 175, 175, 0.97);
	z-index: 2;
}

#mobilenav {
	position: fixed;
	display: none;
	top: 90px;
	padding: 15px;
	background-color: rgba(175, 175, 175, 0.97);
	width: 100%;
	z-index: 3;	
}

#mobilenav a {
    display: block;
    color: #FFFFFF;
    text-align: left;
    padding: 0px;
    margin: 0px;
    text-decoration: none;
    font-size: 1em;
	font-family: 'Roboto', sans-serif;
	text-transform: uppercase; 	
	letter-spacing: 0.250em;
}

#mobileheader_button {
	background: none;
	border: none;
	width: 100%;
	height: 100%;
	background-image: url("img/menu.png");
	background-position: center right;
	background-repeat: no-repeat;
	background-size: 77px 28px;
}

#mobileheader_button:focus {
	outline: none;
}

@media only screen and (min-width: 1200px) {
	#mobileheader {
		display: none;
	}
}

@media only screen and (min-width: 1200px) {
	#mobilenav {
		display: none;
	}
}

.nav a {
    float: left;
    display: block;
    color: #FFFFFF;
    text-align: center;
    padding: 0px;
    padding-right: 32px;
    text-decoration: none;
    font-size: 0.875em;
	font-family: 'Roboto', sans-serif;
}

.nav a:hover {
	color: #F0F0F0;
}

#marketing_nav {
	margin-right: 32px;
	border-right: 1px solid white;
	color: #555555;
}

#marketing_nav:hover {
	color: #F0F0F0;
}

#overview_image {
	background-image: url("img/overview_bg.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: 924px auto;
	width: 100%;
	height: 100%;
}


.content {
	/* margin: auto; */
	width: 100%;
}
.withoutlanding {
	margin: 150px auto 0px;
}

h1 {
	color: #000000;	
	text-align: left;
	text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    font-size: 1em;
    font-weight: 500;
    letter-spacing: 0.125em;
}

.specific_title {
	margin-bottom: 30px;
	font-weight: 900;	
	display: block;
	text-align: center;
	border-bottom: 1px solid #222222;
	padding: 10px;
}

#specific_overviewcloud {
	width: 100%;
	margin: auto;
	max-width: 700px;
	padding: 0px 40px;
	text-align: center;
}

#specific_overviewcloud h2 {
	margin: 3px;
	text-align: left;
}


#specific_overviewcloud p {
	font-size: 1em;
	font-weight: 500
	display: inline-block;
	text-align: left;
	padding-top: 10px
}

.specific_overviewcloudtext {
	font-size: 1em;
	font-weight: 500
	display: inline-block;
	text-align: left;
	padding-top: 10px
}


#specific_overviewcloud a {
	text-decoration: none;
	color: #000000;	
}

#specific_overviewcloud a:hover {
	color: #C0C0C0;	
}

.specific_overviewlinks {
	display: inline-block;
	text-align: left;
}

.specific_overviewlinks h2 {
	display: inline-block;	
}

.specific_darkheader {
	color: #F0F0F0;
}

.specific_lightheader {
	color: #000000;
}

h2 {
	color: #000000;	
	text-align: center;
	text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    font-size: 0.875em;
    font-weight: 500;
    letter-spacing: 0.125em;
    margin: 0px 0px 25px;
}

h3 {
	color: #000000;
    font-family: 'Open Sans', sans-serif;
    font-weight: lighter;
    font-size: 1.125em;
}

h4 {
	color: #000000;
    font-family: 'Open Sans', sans-serif;
    font-weight: lighter;
    font-size: 1.0em;
    line-height: 1.354;
}

p {
	font-family: 'Roboto', sans-serif;
	text-align: center;
	/*font-style: italic;*/
	color: #000000;
	line-height: 1.354;
	font-size: .813em;
	margin: 0px 15px 30px;
	font-weight: 300;
	letter-spacing: 0px;
}

a {
	outline: 0;	
}

a:hover {
	color: #F0F0F0;
}

li {
	font-family: 'Roboto', sans-serif;
	font-size: .938em;
	font-weight: 400;
	letter-spacing: 0px;
}

textarea {
	margin-top: 10px;	
}

.largerow {
	width: 100%;
	margin-bottom: 50px;
}

.largerow::after {
    content: "";
    clear: both;
    display: table;
}


.mobile_container {
	background: ;
	position: initial;	
	width: 100%;
	margin: 0px auto;
}

@media only screen and (max-width: 1200px) {
    /* For mobile phones: */
    .mobile_container {
		max-width:450px;
	}
}

.social_span {
	display: inline-block;
	z-index: 2;
  	background-size: cover;
	background-position: left;
	background-repeat: no-repeat;
}

.social_span:hover {
	background-position: right;	
}

.social_span:active {
	background-position: left;	
}

.panel_picture {
	background-size: cover;
	height: 100px;
	width: 100%;	
	background-repeat: no-repeat;
 	background-position: top;
	margin-bottom: 15px;
}

.cta {
	background: none;
    width: calc(100% - 30px);
    margin: 0px 15px 10px;
    padding: 12px 10px;
    text-align: center;
   	text-transform: uppercase;
    text-decoration: none;
    display: inline-block;
    font-size: 0.75em;
	line-height: 1.5;
    font-family: 'Roboto';
    font-weight: 500;
    letter-spacing: 0.125em;
}

.cta:hover {
	cursor: pointer;
}

.cta:focus {
	outline: none;	
}

.lightbg_button {
		color: #000000;
		border: 2px solid #000000;
}

.lightbg_button:hover {
		background: #EEEEEE;
		color: #444444;
		border: 2px solid #444444;
}

.darkbg_button {
    border: 2px solid #FFFFFF;
    color: #FFFFFF;
}

.darkbg_button:hover {
		cursor: pointer;
		border: 2px solid #F0F0F0;
		color: #F0F0F0;
		background: #212121;
}

.mediumbg_button {
    border: 2px solid #FFFFFF;
    color: #FFFFFF;
}

.mediumbg_button:hover {
		cursor: pointer;
		border: 2px solid #F0F0F0;
		color: #F0F0F0;
		background: #174373;
}

.specific_button {
	margin-top: 30px !important;
    border: 2px solid #FFFFFF;
    color: #FFFFFF;
}

.specific_button:hover {
		cursor: pointer;
		border: 2px solid #F0F0F0;
		color: #F0F0F0;
}


.specific_overviewtext h2 {
	margin: 0px;
	padding: 0px 15px 10px;
}

.specific_overviewtext a {
	float: left;
    display: inline;
    color: #FFFFFF;
    text-align: center;
    text-transform: uppercase;
    font-weight: 400;
    padding: 10px 16px 0px;
    letter-spacing: 0.125em;
    text-decoration: none;
    font-size: 1.077em;
	font-family: 'Roboto', sans-serif;
}

.specific_header {
	display: inline-block;
	padding: 0px 0px 10px;
	margin: 0px;
	width: initial;
}

.specific_body {
	text-align: left;
	padding: 0px;
	margin: 0px 0px 10px;
	font-weight: 400;
	font-size: 0.938em;
}

.specificbodytop_lightbg {
	border-top: 2px #000000 solid;
}

.specificbodytop_darkbg {
	border-top: 2px #FFFFFF solid;
}

.specific_text_darkbg {
	color: #FFFFFF;	
}

.specific_text_lightbg {
	color: #000000;	
}

.specific_bodylink_lightbg {
	text-decoration: none;
	color: #F0F0F0;
}

li {
	list-style-position: outside;
      padding-left: 1.4em;
      text-indent: -1.4em;
}

.overview_list {
	list-style-position: outside;
    padding-left: 1.4em;
    text-indent: -1.4em;	 
	text-align: left;	 
}

.bodylink_darkbg {
	color: #F0F0F0;
}

.bodylink_darkbg:hover {
	color: #FFFFFF;
}

.bodylink_lightbg {
	color: #191919;
}

.bodylink_lightbg:hover {
	color: #7F7F7F;
}

.body_top {
	padding: 10px 0px 0px;
}

#footer_row {
	width: 100%;
	max-width: initial;
	padding: 0px 15px;
	background: none;
}

#footer_content {
	border-top: 1px solid #AFAFAF;
	padding: 15px 0px;
	width: 100%;
}

#footer_content p {
	margin: 0px;
	padding: 0px;
	color: #AFAFAF;
}
.content_img {
	max-width: 100%;
}

.linebreak {
	display: block;
}

.linebreak_blank {
	display: block;
}

@media only screen and (max-width: 120px) {
    /* For mobile phones: */
    .linebreak_blank {
		display: none;
	}
}

/* RESPONSIVE FRAMEWORK */

* {
    box-sizing: border-box;
}

.responsive_row {
	max-width: 950px;
	margin: 0px auto;
	/*padding: 0px 15px;*/
}

.responsive_row::after {
    content: "";
    clear: both;
    display: table;
}

.specific_responsiverow {
	max-width: 600px;
	margin: 0px auto;
	padding: 100px 15px;
}

.specific_responsiverow::after {
    content: "";
    clear: both;
    display: table;
}


[class*="col-"] {
    float: left;
    /*padding: 15px;*/
}

.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}

@media only screen and (max-width: 1200px) {
    /* For mobile phones: */
    [class*="col-"] {
        width: 100%;
	}
	
	
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	#header {
		background: #AFAFAF !important;
	}
}