h1{
	background-color: rgb(42,82,107);
	background-color: rgba(42,82,107, 0.9);
	font-size: 3em;
	margin-top: 1.8%;
	margin-bottom: 1.1%;
	padding-top: 1.6%;
	padding-bottom: 1.8%;
	width: 65%;
	text-transform: none;
}

h1:after{
	background-color: rgb(141, 198, 33);
	background-color: rgba(156, 218, 36, 0.9);

	width: 3.1%;
	right: -3.1%;
}

section#main.view_office{
	background-color: rgba(0,0,0, 0.8);
	max-width: 1000px;
	padding-bottom: 2.4%;
}

section#main.view_office>*{
	margin: 0 auto;
	max-width: 95.2%;
}

section#main.view_office .flex-container{
	padding: 2.4%;
	padding-top: 2.2%;
	position: relative;
}

.flexslider{
	border: none;
	margin-bottom: 0;
}

.flexslider .slides img{
	height: 519px;
}

.flex-control-nav{
	display: none;
}

section#main.view_office h2{
	color: #95d31b;
	font-family: "Gotham-Medium";
	font-size: 1em;
	margin-left: 3.3%;
	margin-top: 0.8%;
	margin-bottom: 0;
	text-transform: uppercase;
}

section#main.view_office h6{
	color: #fff;
	display: inline-block;
	font-size: 1em;
	font-family: "Gotham-Medium";
	font-weight: normal;
	margin-top: 12px;
	margin-bottom: 20px;
	margin-right: 1.9%;
	margin-left: 3.4%;
	text-align: justify;
	width: 58.2%;
}

section#main.view_office>nav>ul>li{
	border-radius: 4px;
	display: inline-block;
	font-family: "Gotham-Medium";
	font-size: 0.8em;
	line-height: 20px;
	margin-right: 1%;
	vertical-align: middle;
}

section#main.view_office>nav>ul>li a{
	color: #fff;
	padding: 10px 0;
}

section#main.view_office>nav>ul>li:first-child{
	background-color: #00aef0;
	padding: 1% 2.7% 1% 2%;
}

section#main.view_office>nav>ul>li:first-child:hover{
	background-color: #008ed0;	
}

section#main.view_office>nav>ul>li:first-child a:before{
	border-top: 7px solid transparent;
	border-bottom: 7px solid transparent; 
	border-right: 7px solid #fff; 
	content: " ";
	float: left;
	height: 0; 
	margin-right: 15px;
	margin-top: 2px;
	width: 0; 
}

section#main.view_office>nav>ul>li:last-child{
	background-color: #77b10c;
	padding: 1% 2% 1% 2.7%;
}

section#main.view_office>nav>ul>li:last-child:hover{
	background-color: #579100;
}

section#main.view_office>nav>ul>li:last-child a:after{
	border-top: 7px solid transparent;
	border-bottom: 7px solid transparent; 
	border-left: 7px solid #fff; 
	content: " ";
	float: right;
	height: 0; 
	margin-left: 15px;
	margin-top: 2px;
	width: 0; 
}

section#other_spots{
	background-color: rgb(0,0,0);
	background-color: rgba(0,0,0, 0.9);
	margin: 0 auto;
	margin-bottom: 5%;
	max-width: 1000px;
	padding: 1% 0;
	text-align: center;
}

section#other_spots li{
	background-color: #1c5a86;
	border-radius: 7px;
	display: inline-block;
	font-family: "Gotham-Medium";
	font-size: 0.8em;
	padding: 1% 1.9% 1% 2%;
}

section#other_spots li:hover{
	background-color: #003a66;
}

section#other_spots li+li{
	margin-left: 1%;
}

section#other_spots li a{
	color: #fff;
	padding: 10px 0;
}

section#other_spots li a:after{
	border-top: 7px solid transparent;
	border-bottom: 7px solid transparent; 
	border-left: 7px solid #77b10c; 
	content: " ";
	float: right;
	height: 0; 
	margin-top: 2px;
	margin-left: 20px;
	width: 0;
}

section#other_spots li:hover a:after{
	border-left-color: #fff;
}

section#main.view_office>#map-canvas{
	display: inline-block;
	height: 325px;
	margin-top: -22px;
	vertical-align: top;
	width: 32.5%;
}

.flex-direction-nav>li>a.flex-next{
    background-image: url("../images/general/arrow-right.png");
    background-size: 100% 100%;
    /* color: transparent; */
}

.flex-direction-nav>li>a.flex-prev{
    background-image: url("../images/general/arrow-left.png");
    background-size: 100% 100%;
    color: transparent;
}

h6>div{
	margin-top: 20px;
}

h6 article{
	display: inline-block;
	margin: 1% 2%;
	min-width: 100px;
	text-align: center;
	vertical-align: top;
	width: 20%;
}

h6 article img{
	background-color: rgba(6,54,88, 0.8);
	border-radius: 50%; 
	padding: 8%;
	width: 62%;
}

h6 article p{
	background-color: #0B202F;
	border-radius: 4px;
	color: #fff;
	font-family: "Arial";
	font-size: 0.9em;
	font-weight: normal;
	margin: 2% 3%;
	padding: 5.2% 0;
}

@media all and (max-width: 1439px){
	h1{
		font-size: 2em;
	}
}

@media all and (max-width: 1280px){
	h1{
		font-size: 2em;
	}

}

@media all and (max-width: 1024px){
	h1{
		font-size: 2em;
	
		padding-left: 1%;
		width: 93%;
	}

	.flexslider .slides img{
		height: auto;
	}
}

@media all and (max-width: 800px){
	h1{
		font-size: 1.7em;
	}

	section#other_spots li{
		border-radius: 0;
		display: block;
	}

	section#other_spots li+li{
		margin-left: 0;
	}
}

@media all and (max-width: 640px){
	h1{
		font-size: 1.3em;
	}

	section#main.view_office>*{
		max-width: 91%;
	}

	section#main.view_office h6{
		display: block;
		width: 100%;
	}

	section#main.view_office>#map-canvas{
		display: block;
		width: 100%;
	}
}

@media all and (max-width: 480px){
	h1{
		font-size: 1em;
	}

	section#main.view_office>nav>ul>li{
		border-radius: 0;
		display: block;
		width: 100%;
	}
}

@media all and (max-width: 320px){
	h1{
		font-size: 1em;
	}
}

@media all and (max-width: 240px){
	h1{
		font-size: 0.8em;
	}
}