@charset "utf-8";
/* CSS Document */

html{
	text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: antialiased !important;
}

body, html {
	margin: 0;
	padding: 0;
	color: #000;
	background: #FFF;
	font-family: 'Roboto Condensed', Arial, sans-serif;
	font-size: 18px;
	text-rendering: optimizelegibility;
	text-align: left;
	color:#00868b;
}

.nodesktop{
	display: none;
}

h1 {
	color: #000000;
	font-size: 2.0em;
	font-weight: 400;
	text-transform: uppercase;
}

#canvas {
	float: none;
	max-width: 1080px;
	margin: 0 auto 100px auto;
	background: #FFF;
	font-size:1.4em;
}

.row{
	width: 100%;
	overflow: hidden;
	margin-left:-15px;
	margin-right:-15px;
	box-sizing:border-box;
}

.row .col-8, .row .col-4{
	padding-left:15px;
	padding-right:15px;
	box-sizing:border-box;
}

.col-8{
	width:70%;
	float:left;
}

.col-4{
	width:30%;
	float:left;
	text-align: right;
	padding-top:40px;
}

.black{
	color:#000;
}

#headContainer {
	background-color: #00868b;
	max-width: 100%;
	height: 90px;
	margin: 0 auto;
}

#logo {
	height: 90px;
	position: relative;
	width: 250px;
	text-align: center;
	background-color: #FFF;
	padding: 8px;
	margin-left: auto;
	margin-right: auto;
}

#footerCentered {
	clear: both;
	margin-top: 25px;
	padding-top: 15px;
	text-align: center;
}

#headermenu {
	background: #00868b none repeat scroll 0 0;
	width: 100%;
	z-index: 99;
	margin-bottom:100px;
}

#footer {
	background: #F5F4F0 none repeat scroll 0 0;
	width: 100%;
	z-index: 99;
}

#all{
	min-height: 100%;
}

.img-responsive{
	max-width: 100%;
	height: auto;
}

.white{color: #FFF}
.black{color: #000}
.dark-grey{color: #333}
.medium-grey{color: #b3b2a0}
.light-grey{color: #f5f4f0}
.green{color: #00868b}
.bright-green{color:#40c56f}
.yellow{color:#f9d501;}

.white-bg{background-color: #FFF}
.black-bg{background-color: #000}
.dark-grey-bg{background-color: #333}
.medium-grey-bg{background-color: #b3b2a0}
.light-grey-bg{background-color: #f5f4f0}
.green-bg{background-color: #00868b; color:#FFF;}
.light-green-bg{background-color: #7ea0a8; color:#FFF;}
.yellow-bg{background-color: #f9d501; color:#000;}
.bright-green-bg{background-color:#40c56f}


#footer{padding:40px 0; font-weight: 500;}

#footer .container{}

#footer .sidepadding{padding:0 20px;}


#footer h5{text-transform: uppercase; font-weight: 700; font-size:15px; margin-bottom:20px;}
#footer .footermenu{
	font-size:13px; color:#6d6c61;
}
#footer .footermenu a{
	display: block; color:#6d6c61;
}

#footer .footermenu a:hover{
	display: block; color:#000;
}

#footer #footerrightcolumn .wrapper{
	border-left:solid 1px #cccab5; padding-left:30px;
}

#footer #footerrightcolumn .wrapper img{
	margin-right:5px;
}

#footer #footerrightcolumn .wrapper img.icon{
	margin-right:15px;
}

#footer #footerrightcolumn .wrapper a{
	display: inline;
}


@media (max-width: 1024px) {
	body{font-size:16px;}
}



@media (max-width: 767px) {
	.nomobile{
		display: none!important;
	}

	.maintenanceicon{
		max-width: 20vh!important;
		margin:0 auto 2rem auto;
	}
	.nodesktop{
		display: block!important;
	}
	.textcentermobile .row > div{
		text-align: center!important;
	}

	.navbar-right .flagStyle > a{
		margin:0px;
	}

	body{font-size:14px;}

	#headermenu {
	    margin-bottom: 20px;
	}

	#prodislogomobile{
		display: inline-block;
		max-width: 105px;
	}



	#footer .sidepadding {
	    padding: 0 0px;
	}

	#footer #footerrightcolumn .wrapper {
	    border-left: transparent;
	    padding-left: 0px;
	    padding-top:30px;
	}

	
}

@media (max-width:360px){
	.btn-default {
	    font-size: 16px;
	}

	h3 {
	    font-size: 30px;
	}

	h4{
		font-size: 25px;
	}
}