/* reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, dl, dt, dd, ol, nav ul, nav li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; margin: 0px; padding: 0px; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
a { text-decoration: none; }
.clear { clear: both; }/* clear float */
img { max-width: 100%; }
/*end reset*/
/*---start-wrap-----*/
.wrap, .main #header { width: 65%; margin: 0 auto 30px auto; }
.content { background: #252A2F; }
.main { background: url(../images/heroBG.jpg) bottom left repeat #1f1f1f; }
.main_left { float: left; margin-top: 10em; }
.main_right { float: right; margin-right: -6em; margin-top: 1em; }
.main_right img { display: block; }
.button { float: left; width: 100%; }
.button a { color: #FFF; font-size: 22px; text-align: center; background: #3293d4; padding: 15px 30px; border: none; font-family: 'Open Sans', sans-serif; font-weight: bold; display: block; }
.button a:hover { background: #54aeeb; }
/*******/
.bottom { background: #fff; padding: 0em; }
.bottom .wrap { margin: 20px auto; }
/*****footer*****/
.footer { background: url(../images/bg.jpg) #1f1f1f; }
.footer .wrap { margin: 20px auto 0 auto; }
.footer-left { text-align: left; padding: 30px 0; }
.footer-left h3 { color: #fff; font-size: 26px; ; font-family: 'Open Sans', sans-serif; text-transform: uppercase; }
/*****content rows******/
.row-fluid { padding: 0em; }
.row_side-left { width: 63%; float: left; font-family: 'Open Sans', sans-serif; border-right: 1px solid #868686; padding-right: 30px; }
.row_side-right { width: 25%; float: left; font-family: 'Open Sans', sans-serif; margin-left: 30px; }
.row_side-right .contactSet { margin-bottom: 60px; }
.row_side-right .contactSet a { color: #1895d3; }
.row_side-right .contactSet .phone-num { font-size: 15px;}
.row_side-left img { border-radius: 5px; float: left; margin: 20px 20px 15px 0; }
.row_side-right h2 { color: #252A2F; font-size: 18px; font-weight: bold; font-family: 'Open Sans', sans-serif; }
.row_side-left p, .row_side-right p { color: #000000; font-size: 16px; line-height: 20px; }
.row_side-left p { margin-top: 10px; }
/*******content page**********/
#page { width: 100%; background: url(../images/bg.jpg) bottom left repeat #1f1f1f }
.main #header { display: block; width: 65%; margin: 0 auto; height: auto; }
.header-right h3 { font-family: 'Open Sans', sans-serif; font-weight: bold; font-size: 30px; color: #ffffff; padding-top: 10px; }
.header-left { float: left; }
.header-right { float: right; }
.main #header { padding: 15px 0; }
.main.contentPage { background: none #ffffff; }
.team { text-align: center; }
.middle-grids h2 { padding: 5px 15px; font-family: 'Open Sans', sans-serif; font-weight: bold; font-size: 21px; background: url(../images/bg.jpg); color: #fff; margin: 20px auto; }
.images_1_of_5 { float: left; position: relative; width: 20%; padding-bottom: 20%; }
.images_1_of_5 .inner { position: absolute; left: 10px; right: 10px; top: 10px; bottom: 10px; overflow: hidden; }
.images_1_of_5:first-child { margin-left: 0; }
.images_1_of_5 img { max-width: 100%; }
.images_1_of_5 h3 { color: #1895d3; font-size: 14px; font-family: 'Open Sans', sans-serif; font-weight: bold; text-align: center; }
.images_1_of_5 h3:hover { text-decoration: underline; }
.contentButtons { text-align: center; margin: 0 auto; width: 50%; }
.contentButtons h2 { float: left; font-family: 'Open Sans', sans-serif; font-weight: bold; padding: 7px 20px; font-size: 21px; }
.button-left { border: 1px solid #ccc; float: left;}
.button-right { border: 1px solid #ccc; float: right; width: 49%; }
.contentButtons .button { width: auto; position: relative; float: right; display: block; }
.contentButtons .button a { padding: 10px 20px; font-size: 17px; }
/******legal content ******/
.foot-link { border-top: #e5e5e5 1px solid;
	font-family: 'Open Sans', sans-serif;
	text-align: center;
	margin: 0 auto;
	padding: 8px 0px 0px;
	}
.foot-link a { color: #1895d3; font-size: 14px; float: left;}
.footerLinks-left {font-size: 14px; float: right;}
#legal-modal { font-family: 'Open Sans', sans-serif;}
.legal-content {padding: 10px 30px; line-height: 18px; font-size: 14px;}
.legal-content p { margin: 15px 0px; }
h4.modal-title { font-weight: 600;}
.address-1 {font-weight: 600;}
strong {font-weight: 600;}
/******responsive*******/
@media only screen and (max-width:1440px) {
.wrap, .main #header { width: 70%; }
}

@media only screen and (max-width:1366px) {
.span_1_of_3 { width: 28%; }
.rsidebar { margin: 0 0 0 4%; }
.main_right { width: 50%; }
.main_left { width: 50%; }
.contentButtons h2 { padding: 7px 10px; }
}

@media only screen and (max-width:1280px) {
.main { background: url(../images/bg.jpg) bottom left repeat #1f1f1f; }
.wrap, .main #header { width: 75%; }
.footer-left h3 { font-size: 2vw; }
.button a { padding: 15px 30px; }
.contentButtons h2 { padding: 7px 0px; text-align: center; width: 100%; }
.contentButtons .button { width: 100%; }
}

@media only screen and (max-width:1024px) {
.wrap, .main #header { width: 80%; }
.footer-left { padding: 36px 0; }
.footer-left h3 { font-size: 2.2vw; }
.footer-right .button a { padding: 15px 20px; }
.main_left { margin-top: 7em; }
.contentButtons h2 { font-size: 3vw; }
.main #header { width: 80% }
.header-right h3 { font-size: 26px; }
}

@media only screen and (max-width:768px) {
.main_left { float: right; width: 100%; text-align: center; margin-top: 0px; }
.main_right { float: right; width: 100%; text-align: center; margin-right: -10px; }
.main_right img { margin: 0 auto; margin-right: -10px; }
.footer .wrap { width: 100%; }
.footer-left { width: 100%; padding: 0px; float: none; }
.footer-left h3 { padding: 20px; font-size: 29px; text-align: center; }
.footer-right { padding: 0px; width: 100%; }
.button { float: none; }
.learn { float: none; margin: 2em 0em; }
.row_side-left { width: 100%; float: none; border-right: none; border-bottom: 1px solid #868686; padding: 0 0 20px 0; }
.row_side-right { width: 100%; float: none; padding-top: 30px; text-align: center; margin-left: 0px; }
.row_side-right h2 { font-size: 28px; }
.row_side-right .contactSet { margin-bottom: 20px; }
.row_side-right .contactSet a { line-height: 30px; font-size: 20px; }
.row_side-left p, .row_side-right p { font-size: 18px; line-height: 24px; }
.header-left, .header-right { width: 100%; }
.header-left img { display: block; margin: 0 auto; }
.header-right { text-align: center; }
.images_1_of_5 { width: 33.3%; padding-bottom: 33.3%; }
}
@media only screen and (max-width:674px) { .foot-link {font-size: 12px;}}
@media only screen and (max-width: 745px) {  .foot-link a {text-align: center; float: none; display: block;}  .footerLinks-left {text-align: center; float: none; display: block;}
	}
@media only screen and (max-width:640px) {
.wrap { overflow: hidden; }
.wrap, .main #header { width: 90%; }
.main_left img { width: 80%; }
.main_right { margin-right: -40px; }
.navicon { left: 40px; }
.main_left h2 { font-size: 2em; }
.arrow_btn { background: url(../images/arrow_btnh1.png) no-repeat 340px 6px; }
.arrow_btn:hover { background: url(../images/arrow_btn1.png) no-repeat 340px 6px; }
.section-title h3 { font-size: 2.3em; padding: 0.6em 0em; }
.about-title { font-size: 1.7em; }
.row_side-left h3, .row_side-right h3, .heading_h h3 a { font-size: 1.5em; }
.contentButtons h2 { font-size: 20px; }
.buttons { margin-top: 0em; }
.button-right, .button-left { width: 100%; float: left; }
.button-right { margin-top: 15px; }
.middle-grids h2 { text-align: center; }
}

@media only screen and (max-width:480px) {
.main_left p { font-size: 0.8em; }
.main_left h2 { font-size: 1.5em; }
.learn { float: none; margin: 1em 0em; }
.main_right span { width: 230px; height: 352px; margin: 0 auto; }
.buttons { margin-top: 0em; }
.top-grid { width: 100%; float: none; margin-right: 0%; text-align: center; padding-bottom: 2em; }
.bottom { background: #ffffff; }
.footer-left { float: none; text-align: center; }
.images_1_of_5 { width: 50%; padding-bottom: 48%; }
}

@media only screen and (max-width:320px) {
.wrap, .main #header { width: 90%; }
.row-fluid { padding: 1em 0em; }
.row_side-left h3, .row_side-right h3, .heading_h h3 a { font-size: 1.3em; }
}