﻿*{
	margin:0;
}
html, body{
	height: 100%;
}
body{
	background-color:rgb(51,51,51);
	margin:0px;
	font-family: 'Open Sans', arial;
}
canvas{
	max-width:960px;
}

h1, h3, h4, h5, h6 {
    color: rgb(252, 180, 33);
    font-weight: 400;
}

img {border: 0;}

/* NEW banner */
header {width:100%;}
.banner {
	display:block;
	margin-top:25px;
	position:relative;
	z-index:999;
}
.banner-inner {
	width:960px;
	margin:0 auto;
	text-align:center;
}


@media (max-width: 768px) {
    .banner-inner {
        width: 768px;
        margin: 0 auto;
        text-align: center;
    }
}


.menu {padding-left:0;}
.menu ul {width:100%; margin:0;}
.menu li {list-style:none; float:left; padding:0px; height: 90px; width:12%; display:flex; justify-content: center; align-items: center;}
.menu img {height: auto;}
.m-banner {display:none;}



@media (max-width:414px){
	
	.banner {display:none;}
	.m-banner {display:inline-block; width:100%;}
	.m-banner-inner {margin:24px;}
	.m-menu ul {width:100%; margin:0;padding:0; position:relative; z-index:999; }
	.m-menu li {list-style:none; padding:20px; background-color:#aaa; 
		border-bottom:1px solid #fff; color:#fff; z-index:999;
		font-size:1.2em;}
	.m-menu li a {color:#fff; text-decoration:none;}
}


/* Banner area */
.we-banner{
	height:70px;
	text-align:center;
	margin:0 auto;
	background-color:rgb(45,45,45);
	width:100%;
}
	.we-banner img{
		padding-top:22px;
	}

.we-banner-inner{
	max-width:960px;
	margin: 0 auto;
}

.we-menu{
	width:100%;
}

/* Content area */
.we-content {
	font-family: 'Open Sans';
	margin: 0 auto -500px;
	font-weight:normal;
	min-height:100%;
	text-align:left;
}
.we-content canvas {
	width:100%;
}

.we-body-content{
	max-width:960px;
	margin: 0 auto;
}

.we-link-btn {
	padding-top: 5%;
	text-align:center;
}

.we-company{
	width:100%;
	text-align:center;
	display:inline-block;
}

.we-comp-img {
	margin-top:5%;
	max-width:200px;
}
.we-company .be{
	margin-top:5%;	
}

@media (max-width:414px){
	.we-comp-img, .we-company .be {
		margin-top:2%;
		max-width:120px;
	}	
}

@media  (min-height:900px){
	.we-comp-img, .we-company .be {
		margin-top:15%;
	}	
}

/* Text */
.we-body {
	color: #ffffff;
	width:80%;
	font-size:13pt;
	margin: 0 auto;
	padding-top:2%;
	font-weight:300;
	text-align:justify;
}
.we-heading{
	color: rgb(252,180,33);
	text-align:center;
	font-size:23pt;
	font-weight:300;
	padding-top:3%;
}

@media (max-width:414px){
	.we-body {
		font-size:0.8em;
		text-align:justify;	
	}	
}


/* Contact us */
.we-contact-us{
	font-family: 'Open Sans';
	margin: 0 auto;
	font-weight:normal;
	min-height:100%;
	text-align:left;
	max-width: 900px;
	margin-top: 30px;
}
.we-contact{
	margin-right:12px;
	margin-left: 12px;
}
.we-form {width:48%; float:left; }
.we-form .ctl { border: 1px solid #fff; 
	width:100%; 
	background-color:rgb(51,51,51); 
	padding: 4px 12px 4px 4px; 
	margin-top:6px;
	font-family: 'Open Sans', arial;
	color:#fff;
}

.we-map{ width:48%; float:right;}

.we-address {margin-top: 16px; color:#fff;}
.we-address a {color: #fff; text-decoration: none;}
.we-address img {margin-right:12px; margin-bottom:6px; }
.we-address .info { width:70%; font-size:0.9em;}
.we-address .info-img {width:10%;}

.we-form-result {color:#fff;}
.community, .phone, .address, .linkedin {margin-bottom:18px;}


@media (max-width:414px){
	.we-contact{margin-left:0; margin-right:0;}
	.we-form{width:86%; clear:both;margin-left:12px; margin-right:12px;}
	.we-map{ width:100%; clear:both;}
	.we-address { margin-left:12px; margin-right:12px;}
}


/* Footer area */
/*.we-footer, .push{*/
.push{
	margin: 0 auto;
}


/* Buttons */
.btn{
	background-color:rgb(51,51,51);
	border:1px solid #fff;
	color:#fff;
	padding:3px 10px 3px 10px;
	font-family: 'Open Sans';
	font-size: 10pt;
	text-decoration:none;
	z-index:999;
	position:relative;
	
}
	.btn:hover, .btn-link{
		border-color:rgb(252,180,33);
		color:rgb(252,180,33);
	}
.btn-link{
	padding-top:5px;
	padding-bottom:5px;
}

@media (max-width:414px){
	.btn, .btn:hover {
		border:0;
		font-size:1.1em;
	}
	
}

/* Canvas */
#canvasMenu {
	/*position: absolute;*/
	padding-left: 0;
	padding-right: 0;
	margin-left: auto;
	margin-right: auto;
	/*margin-top: 10px;*/
	display: block;
	width: 800px;
    border-top: 1px solid white;
}




#canvasAnim {
	padding-left: 0;
	padding-right: 0;
	display: block;
	width:80%;
	bottom: 0;
	position:absolute;
	transform: translateX(-50%);
	left: 50%;
}



@media (max-width:414px){
	#canvasAnim {
		width:100%;
	}
}

.globe-title {
    display: none;
}


/* General */
.p-t-lg{
	padding-top:22px;
}
.m-l-lr{
	margin-left:22px;
}
.right{
	float:right;
}
.left{
	float:left;
}
.clear{
	clear:both;
}
.hide{
	display:none;
}
.error{
	color:red;
	font-size:0.8em;
}
.m-t-sm{
	margin-top:6px;
}
.m-t-lg{
	margin-top:22px;
}
.m-t-md{
	margin-top:12px;
}

.img-circle {
    border-radius: 50%;
    min-width: 100px;
    max-width: 120px;
}

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

.text-11pt { font-size: 11pt;}