/*
Theme Name: Global Echo
Theme URI: 
Description: 
Author: Ricky Chen
Version: 1.0
License:
License
Tags:
Text Domain: 
*/

a, abbr, acronym, address, applet, article, aside, audio,
b, blockquote, big, body,
center, canvas, caption, cite, code, command,
datalist, dd, del, details, dfn, dl, div, dt, 
em, embed,
fieldset, figcaption, figure, font, footer, form, 
h1, h2, h3, h4, h5, h6, header, hgroup, html,
i, iframe, img, ins,
kbd, 
keygen,
label, legend, li, 
meter,
nav,
object, ol, output,
p, pre, progress,
q, 
s, samp, section, small, span, source, strike, strong, sub, sup,
table, tbody, tfoot, thead, th, tr, tdvideo, tt,
u, ul, 
var{
    background: transparent;
    border: 0 none;
    font-size: 100%;
    margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
    vertical-align: top; }

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
table, table td { 
	padding:0;
	border:none;
	border-collapse:collapse;
}
img {
	vertical-align:top; 
}
embed { 
	vertical-align:top;
}
* {
	/* [disabled]border:none; */
}
input, textarea{ outline:none !important}

/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }

html, body {
	overflow-x:hidden;
}

body{
	background:#292929;
}

#wrapper, header{
	width:100%;
	display:table;
}

.main_content_wrapper{
	background:#303231;
	width:100%;
	display:table;
}

.content_inner{
	width:100%;
	max-width:1200px;
	margin:auto;
	display:table;
}

.content_inner2{
	width:100%;
	max-width:1200px;
	margin:auto;
	display:table;
	padding:60px 0;
}


header{
	padding:25px 0;
}

.logo{
	float:left;
	width:30.333333333333%;
}

.logo img{
	max-width:100%;
}

.top_right{
	float:right;
	display:table;
	
	width:65%;
}

.socialcions{
	width:100%;
	display:table;
}
ul.socialicons{
	float:right;
	display:table;
}
ul.socialicons li{
	float:left;
	margin-left:15px;
}

.topnav{
	margin-top:14px;
	display:table;
	float:right;
	width:100%;
}
.topnav ul li{
	float:left;
	margin-left:6%;
}

.echo{
	width:24px;
	height:25px;
	background:url(images/btn-echo.png) no-repeat;
	position:absolute;
	margin-top:-31px;
}

.topnav ul li a{
	font-family: 'Open Sans', sans-serif;
	color:#FFF;
	font-size:19px;
	line-height:19px;
	text-decoration:none;
	font-weight:300;
	-webkit-transition: all 0.15s linear;-moz-transition: all 0.15s linear;-o-transition: all 0.15s linear;transition: all 0.15s linear;
}


.topnav ul li a:hover, .topnav ul li.current_page_item > a{
	color:#307e83;
}

.topnav ul li ul{
	position:absolute;
	z-index:10000;
	width:200px;
	display:table;
	padding-top:25px;œ
	margin-left:-3%;
	display:none;
}

.topnav ul li:hover ul{
	display:block;
}

.topnav ul li ul li{
	float:none;
	margin-left:0 !important;
	margin-top:1px;
}

.topnav ul li ul li a{
	line-height:32px;
	background:#303231;
	display:table;
	width:100%;
	text-align:center;
	font-size:16px;
}

.entry h1.pagetitle{
	font-family: 'Open Sans', sans-serif;
	color:#FFF;
	line-height:49px;
	width:100%;
	background:url(images/title-right-bg.png) right center no-repeat;
	display:table;
	font-weight:400;
}

span.pagetitlearrow{
	width:34px;
	height:49px;
	background:url(images/title-left-arrow.png) no-repeat;
	float:left;
	display:table;
}

span.pagetitleright{
	margin-left:10px;
	float:left;
	display:table;
}

.entry {
	font-family: 'Open Sans', sans-serif;
	color:#fbf9eb;
	font-size:16px;
	line-height:28px;
	margin-bottom:15px;
}


.entry h1.pagetitlewhite{
	font-family: 'Open Sans', sans-serif;
	color:#317f83;
	line-height:49px;
	width:100%;
	background:url(images/title-right-bg-white.png) right center no-repeat;
	display:table;
	font-weight:400;
}

span.pagetitlearrowwhite{
	width:34px;
	height:49px;
	background:url(images/title-left-arrow-white.png) no-repeat;
	float:left;
	display:table;
}

.entry h1{
	font-family: 'Open Sans', sans-serif;
	color:#fbf9eb;
	font-size:28px;
	line-height:32px;
	margin-bottom:15px;
}

.entry h2{
	font-family: 'Open Sans', sans-serif;
	color:#fbf9eb;
	font-size:24px;
	line-height:283px;
	margin-bottom:15px;
}

.entry h3{
	font-family: 'Open Sans', sans-serif;
	color:#fbf9eb;
	font-size:20px;
	line-height:24px;
	margin-bottom:15px;
}

.entry h4{
	font-family: 'Open Sans', sans-serif;
	color:#fbf9eb;
	font-size:18px;
	line-height:22px;
	margin-bottom:15px;
}

.entry p{
	font-family: 'Open Sans', sans-serif;
	color:#fbf9eb;
	font-size:16px;
	line-height:28px;
	margin-bottom:15px;
}


.entry a{
	font-family: 'Open Sans', sans-serif;
	color:#317f83;
	font-size:16px;
	line-height:28px;
	text-decoration:none
}

.entry a:hover{
	color:#FFF;
}

.entry ul li{
	font-family: 'Open Sans', sans-serif;
	color:#fbf9eb;
	font-size:16px;
	line-height:24px;
	margin-bottom:10px;
	margin-left:20px;
	list-style:disc;
}

footer{
	width:100%;
	background:url(images/pattern.png);
	padding:30px 0;
}

.footer_left{
	display:table;
	margin:auto;
	float:left;
}

footer p{
	font-family: 'Open Sans', sans-serif;
	color:#FFF;
	font-size:12px;
	line-height:18px;
}

footer a{
	font-family: 'Open Sans', sans-serif;
	color:#317f83;
	font-size:12px;
	line-height:18px;
	text-decoration:none;
}

footer a:hover{
	color:#FFF;
}

.footer_right{
	display:table;
	margin:auto;
	float:right;
	text-align:right;
}

.copyright{
	font-family: 'Abel', sans-serif;
	font-size:13px;
	color:#fbf9eb;
	display:table;
	margin:auto;
	margin-top:12px;
}


.content_left{
	width: 65%;
	float: left;
}
.content_right{
	width: 32%;
	float: right;
}

.content_right h1{
	font-family: 'Open Sans', sans-serif;
	color:#FFF;
	font-size: 40px;
	line-height:40px;
	margin-bottom: 15px;
	font-weight:400;
}

.wpcf7 input{
	width:91%;
	padding:0 4%;
	line-height:38px;
	font-family: 'Open Sans', sans-serif;
	font-size:16px;
	color:#FFF;
	border:2px solid #D17C87;
	margin-bottom:10px;
	background:none;
}

.wpcf7 textarea{
	width:91%;
	padding:12px 4%;
	line-height:22px;
	font-family: 'Open Sans', sans-serif;
	font-size:16px;
	color:#FFF;
	border:2px solid #D17C87;
	background:#FFF;
	height:114px;
	margin-bottom:10px;
	background:none;
}

.wpcf7-form-control-wrap{
	width:100%;
	display:table;
}

.wpcf7 input[type=checkbox]{
	width:auto;
	padding:0;
	line-height:none !important;
}

.wpcf7 select{
	width:99.5%;
	padding:0 4%;
	height:42px;
	font-family: 'Open Sans', sans-serif;
	font-size:16px;
	border:2px solid #D17C87;
	margin-bottom:10px;
	background:url(images/arrow.png) 96% 14px #303231 no-repeat !important;
	color:#a9a9a1;
	cursor:pointer;
	-webkit-appearance:none;
	/*
	-webkit-appearance:none;
	background:none;
	-webkit-border-radius:0px;
    -moz-border-radius:0px;
    border-radius:0px;
	-webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
	cursor:pointer;*/
}

span.wpcf7-list-item-label{
	font-family: 'Open Sans', sans-serif;
	font-size:16px;
	color:#FFF;
}

.last{
	float:right !important;
	margin-left:0 !important;
}
	

.wpcf7 input[type=submit]{
	padding:0;
	width:125px;
	height:39px;
	color:#FFF;
	float:right;
	background:url(images/submit-bg.png) 0 0 no-repeat;
	-webkit-transition: all 0.15s linear;-moz-transition: all 0.15s linear;-o-transition: all 0.15s linear;transition: all 0.15s linear;
	border:0;
}

.wpcf7 input[type=submit]:hover{
	cursor:pointer;
	opacity:0.5;
}

span.wpcf7-not-valid-tip{
	font-family: 'Open Sans', sans-serif;
	font-size:12px;
	color:#43d3da;
	margin-top:4px;
	margin-bottom:12px;
}

div.wpcf7-validation-errors{
	border:0;
	padding:0;
	font-family: 'Open Sans', sans-serif;
	font-size:12px;
	color:#43d3da;
	margin-top:10px;
	width:100%;
	display:table;
}




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

img.size-full {
max-width: 100% !important;
height: auto;
}



.responsivemen {
width: 100%;
background: #317f83;
display:none;
}

.responsivemen-title {
font-family: 'Droid Sans', sans-serif;
line-height: 36px;
font-size: 16px;
color: #FFF;
font-weight: 700;
text-indent: 10px;
}

.rmm-button {
display: block;
float: right;
margin-right: 10px;
margin-top: 7px;
}

.rmm-button span {
display: block;
margin: 4px 0px 4px 0px;
height: 2px;
background: #FFF;
width: 25px;
}

.responsive-menu-wrapper{
	display:none;
}

.responsive-menu-wrapper ul li a{
	width:90%;
	display:block;
	text-decoration:none;
	font-family: 'Droid Sans', sans-serif;
	color:#FFF;
	font-size:15px;
	line-height:40px;
	border-top:1px solid #FFF;
	padding:0 5%;
	text-align:center;
	background:#888;
}

.responsive-menu-wrapper ul li ul li a{
	background:#bbb;
}


img.alignright{
	float:right;
	margin-left:20px;
	margin-bottom:20px;
}

img.alignleft{
	float:left;
	margin-right:20px;
	margin-bottom:20px;
}

/* Shortcodes */

.clearboth{
	clear:both;
}

.one_full{
	width:100%;
	display:table;
	 margin-bottom:20px;
}
.one_half, .one_third, .two_third, .three_fourth, .one_fourth { margin-right: 4%; float: left; margin-bottom:20px; position:relative; }
.one_half { 	width: 48%; }
.one_third { width: 30.6666%; }
.two_third { width: 65.3332%; }
.one_fourth { width: 22%; }
.three_fourth { width: 74%; }
.last { margin-right: 0 !important; float:right;}


@media only screen and (max-width: 1250px) {
	.content_inner, .footer_content, .content_inner2{
		width:96%;
	}
	.topnav ul li{
		margin-left:5%;
	}
}


@media only screen and (max-width: 1100px) {
	.topnav ul li{
		margin-left:4%;
	}
	.topnav ul li ul{
		margin-left:-50px;
	}
}

@media only screen and (max-width: 1025px) {
	.topnav ul li{
		margin-left:3.5%;
	}
}

@media only screen and (max-width: 970px) {
	.topnav ul li{
		margin-left:4%;
	}
	
	.topnav ul li a{
		font-size:16px;
	}
}



@media only screen and (max-width: 850px) {
	.topnav ul li{
		float:none;
		width:100%;
	}
	.topnav ul li a{
		margin-right:0;
		width:100%;
		text-align:center;
		display:table;
		margin-bottom:8px;
	}
	.top_header{
		background:none;
	}
	.logo, .top_right, ul.socialicons{
		float:none;
		margin:auto;
		display:table;
	}
	ul.socialicons{
		margin-bottom:20px !important;
	}
	.logo{
		width:90%;
		margin-bottom:20px;
	}
	.logo img{
		width:100%;
	}
	.top_right{
		width:100%;
	}
	.content_left, .content_right, .footer_left, .footer_right{
		float:none;
		margin:auto !important;
		width:96%;
		display:table;
	}
	.footer_left, .footer_right{
		text-align:center;
	}
	.footer_left{
		margin-bottom:20px !important;
	}
	
	.content_left{
		margin-bottom:30px !important;
	}
	.topnav{
		display:none;
	}
	
	.responsivemen{
		display:table;
	}
	.pagetitle{
		width:100% !important;
	}
	
	span.pagetitlearrow, span.pagetitlearrowwhite{
		display:none;
	}
	.entry h1.pagetitle{
		background:#317f83;
		line-height: 35px;
		padding:6px 0;
	}
	.entry h1.pagetitlewhite{
		background:#FFF;
		line-height: 35px;
		padding:6px 0;
	}
	
	.personshot{
		float:none !important;
		margin:auto;
		clear:both;
		display:table;
	}
}