/* ---------------------------------------------------------------------------- */
/* ------------------------------------Reset----------------------------------- */
/* ---------------------------------------------------------------------------- */
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;}
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;}
input, textarea {border:0; padding:0; margin:0; outline: 0;}
iframe {border:0; margin:0; padding:0;}
input, textarea, select {margin:0; padding:0px;}

/* ---------------------------------------------------------------------------- */
/* -------------------------------Fix Responsive------------------------------- */
/* ---------------------------------------------------------------------------- */
html { -webkit-text-size-adjust: none;}
.video embed,.video object,.video iframe { width: 100%;  height: auto;}
img{max-width:100%;	height: auto;width: auto\9; /* ie8 */}

/* ---------------------------------------------------------------------------- */
/* -------------------------------------Clear---------------------------------- */
/* ---------------------------------------------------------------------------- */
.clear{content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix:after, .clearfix:before{clear: both; content: '\0020'; display: block; visibility: hidden; width: 0; height: 0;}

/* ---------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------- */
.t-center{text-align: center;}
.t-left{text-align: left;}
.t-right{text-align: right;}
.f-right{float: right;}
.f-left{float: left;}

/* ---------------------------------------------------------------------------- */
/* -------------------------------------Button--------------------------------- */
/* ---------------------------------------------------------------------------- */
.button{
	cursor: pointer;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	border:1px solid #ffffff; 
	display: inline-block;
	text-decoration: none;
	background: #303030;
	margin: 10px;
	padding: 10px 25px;
	text-transform: uppercase;
	color: #fff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
	font-weight: bold;
}
.button:hover{opacity: 0.9;}

.button.bt1 {background: #ffffff;color: #000000;border:1px solid #000000;}
.button.bt2 {background: #0000ff;color: #ffffff;}







/* ------------------Grid System--------------- */ 
.bagrid{ width: 1200px; position: relative; margin: 0 auto; padding: 0px;}
.bagrid:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

.bagrid .f-right{float: right!important;}
.bagrid .f-left{float: left!important;}

.bagrid .row{}
.bagrid .row:before,.row:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.bagrid .row:after{clear: both; }
.bagrid .row{zoom: 1;}

.bagrid .wrap-col{margin:10px;}

.bagrid .col-1-2, .bagrid .col-1-3, .bagrid .col-2-3, .bagrid .col-1-4, .bagrid .col-2-4, .bagrid .col-3-4, .bagrid .col-1-5, .bagrid .col-2-5, .bagrid .col-3-5, .bagrid .col-4-5, .bagrid .col-1-6, .bagrid .col-2-6, .bagrid .col-3-6, .bagrid .col-4-6, .bagrid .col-5-6{float:left; display: inline-block;}

.bagrid .col-full{width:100%;}

.bagrid .col-1-2,.bagrid .col-1-2-fixed{width:50%;}
.bagrid .offset-1-2{margin-left: 50%;}

.bagrid .col-1-3,.bagrid .col-1-3-fixed{width:33.33%;}
.bagrid .col-2-3,.bagrid .col-2-3-fixed{width:66.66%;}
.bagrid .offset-1-3{margin-left: 33.33%;}
.bagrid .offset-2-3{margin-left: 66.66%;}

.bagrid .col-1-4,.bagrid .col-1-4-fixed{width:25%;}
.bagrid .col-2-4,.bagrid .col-2-4-fixed{width:50%;}
.bagrid .col-3-4,.bagrid .col-3-4-fixed{width:75%;}
.bagrid .offset-1-4{margin-left: 25%;}
.bagrid .offset-2-4{margin-left: 50%;}
.bagrid .offset-3-4{margin-left: 75%;}

.bagrid .col-1-5,.bagrid .col-1-5-fixed{width:20%;}
.bagrid .col-2-5,.bagrid .col-2-5-fixed{width:40%;}
.bagrid .col-3-5,.bagrid .col-3-5-fixed{width:60%;}
.bagrid .col-4-5,.bagrid .col-4-5-fixed{width:80%;}
.bagrid .offset-1-5{margin-left: 20%;}
.bagrid .offset-2-5{margin-left: 40%;}
.bagrid .offset-3-5{margin-left: 60%;}
.bagrid .offset-4-5{margin-left: 80%;}

.bagrid .col-1-6,.bagrid .col-1-6-fixed{width:16.66%;}
.bagrid .col-2-6,.bagrid .col-2-6-fixed{width:33.33%;}
.bagrid .col-3-6,.bagrid .col-3-6-fixed{width:50%;}
.bagrid .col-4-6,.bagrid .col-4-6-fixed{width:66.66%;}
.bagrid .col-5-6,.bagrid .col-5-6-fixed{width:83.33%;}
.bagrid .offset-1-6{margin-left: 16.66%;}
.bagrid .offset-2-6{margin-left: 33.33%;}
.bagrid .offset-3-6{margin-left: 50%;}
.bagrid .offset-4-6{margin-left: 66.66%;}
.bagrid .offset-5-6{margin-left: 83.33%;}

@media only screen and (min-width: 960px) and (max-width: 1199px) {
	.bagrid{width:960px;}
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
	.bagrid{width:768px;}
}

@media only screen and (max-width: 767px) {
	.bagrid, .bagrid .col-1-2, .bagrid .col-1-3, .bagrid .col-2-3, .bagrid .col-1-4, .bagrid .col-2-4, .bagrid .col-3-4, .bagrid .col-1-5, .bagrid .col-2-5, .bagrid .col-3-5, .bagrid .col-4-5, .bagrid .col-1-6, .bagrid .col-2-6, .bagrid .col-3-6, .bagrid .col-4-6, .bagrid .col-5-6{width:100%;}
	
	.bagrid .offset-1-2, .bagrid .offset-1-3, .bagrid .offset-2-3, .bagrid .offset-1-4, .bagrid .offset-2-4, .bagrid .offset-3-4, .bagrid .offset-1-5, .bagrid .offset-2-5, .bagrid .offset-3-5, .bagrid .offset-4-5, .bagrid .offset-1-6, .bagrid .offset-2-6, .bagrid .offset-3-6, .bagrid .offset-4-6, .bagrid .offset-5-6{margin-left:0;}
}





#contact_form {
	display: table;
	margin-top: 0;
	margin-bottom: 25px;
	padding-top: 8%;
	padding-right: 8%;
	padding-left: 8%;
	padding-bottom: 8%;
	vertical-align: middle;
	width: 100%;
	background-color: #A2A2A2;
	color: #FFFFFF;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
#contact_form input {
	border: medium none;
	color: #B7B7B7;
	display: block;
	font-family: avenir_lt;
	font-size: 1em;
	height: 26px;
	padding-left: 2%;
	padding-right: 0;
	width: 100%;
	border-radius: 0;
	-webkit-appearance: none;
	margin-bottom: 7px;
	text-align: center;
}
#contact_form span {
	color: #FFFFFF;
}
#contact_form input[type="submit"] {
	background-color: rgba(35,114,217,1.00);
	color: #FFFFFF;
	font-family: 'avenir_lt';
	font-size: 1.5em;
	height: 45px;
	margin-bottom: 0;
	padding: 0;
	text-transform: uppercase;
	width: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	cursor: pointer;
	transition: background 0.3s ease-in-out 0s;
	-webkit-appearance: none;
	border-radius: 0;
}
#contact_form input[type="submit"]:hover {
	background-color: rgba(32, 152, 209, 0.7);
}
textarea {
	font-family: avenir_lt;
	font-size: 1em;
	border-radius: 0;
	-webkit-appearance: none;
}
.select-field {
	border: medium none;
	color: #B7B7B7;
	height: 28px;
	padding: 4px;
	width: 100%;
	border-radius: 0;
	background-color: #ffffff;
	-webkit-appearance: none;
	margin-bottom: 7px;
}
#message {
	border: medium none;
	color: #B7B7B7;
	height: 58px;
	padding-top: 4px;
	padding-bottom: 4px;
	width: 100%;
	border-radius: 0;
	background-color: #ffffff;
	-webkit-appearance: none;
	margin-bottom: 7px;
	margin-top: 7px;
	text-align: center;
}
.form-style-heading {
	padding-bottom: 15px;
	width: auto;
	height: auto;
	text-align: center;
	font-size: 1.5em;
	font-weight: bold;
}

.formbox {
	width: 90%;
	margin-top: 5px;
	margin-top: 0px;
	margin-left: 1em;
	float: right;
	margin-right: 1em;
}