@charset "utf-8";
/* CSS Document */
body { margin: 0px; margin: 0px; font-family: Arial, Helvetica, sans-serif; background: #e5471a url(../images/page_bg.jpg) top center repeat; background-size: 100% 100%; }
* { margin: 0px; padding: 0px; }
* { box-sizing: border-box; }
/*#headerTop { background: #fff none repeat scroll 0 0; border-radius: 10px 10px 0 0; border-top: 5px solid #fff; height: 15px; padding:0 10px; margin: 0 auto; position: relative; width: 986px; }*/
/*=========================Header Section Classes====================================*/
h1 { color: #12193b; font-size: 22px; padding: 10px 0 10px 0; }
h2 { color: #12193b; font-size: 17px; padding: 10px 0 10px 0; font-weight: normal; }
h3 { color: #12193b; font-size: 17px; padding: 10px 0 0px 0; font-weight: normal; }
h4 { color: #12193b; font-size: 20px; padding: 10px 0 10px 0; font-weight: normal; }
h5 { color: #12193b; font-size: 20px; padding: 10px 0 10px 0; font-weight: normal; }
p { color: #858585; font-size: 15px; padding: 10px 0 10px 0; font-weight: normal; }
span { color: #12193b; }
a { color: #12193b; text-decoration: none; }
#main_page { float: left; width: 100%; }
nav { display: none; }
.wrapper { background: #fff none repeat scroll 0 0; box-shadow: 0 4px 4px rgba(0, 0, 0, 0.6); height: 100%; margin: 0 auto; overflow: hidden; padding: 0 20px; width: 1000px; }

.header { width: 100%; float: left; padding: 25px 0 10px 0; text-align: center; }
.logo { width: 54%; float: left; padding: 0; }
.top_img { width: 22%; margin-left: 35px; float: left; padding: 0; }
.top_img ul { margin: 0px; padding: 0px; }
.top_img li { list-style: none; display: inline-block; }
.top_img li h2 { font-size: 27px; color: #12193b; font-weight: normal; margin: 0px; padding: 0px; font-family: 'PT Sans Narrow', sans-serif; }
.top_img li h2 span { font-weight: 700; color: #12193b; margin: 0px; padding: 0px; }
.header_right { float: right; width: 20%; padding: 0px 0 0 0; }
.header_right span { float: left; width: 100%; margin-bottom: 10px; }
.header_right span ul { padding: 0px; float: right; margin-right: 20px; }
.header_right span li { display: inline; list-style: none; }
.header_right p { padding: 0; color: #12193b; font-size: 20px; line-height: 22px; font-family: 'Lato', sans-serif; text-align: left; margin-left: 40px; }



.maincontent { float: left; padding: 0px; width: 100%; }
.row { float: left; width: 100%; margin-top: 10px; margin-bottom: 10px; }

.content_left { float: left; width: 18%; }
.menu { float: left; width: 100%; margin-bottom: 10px; }
.main-nav { float: left; width: 100%; padding: 0; }
.main-nav ul { margin: 0px; padding: 0px; }
.main-nav ul li { list-style: none; display: inline-block; width: 100%; float: left; background: #d9dadc; margin-bottom: 5px; border-radius: 5px; font-size: 13px; }
.main-nav li a { text-decoration: none; color: #479a52; padding: 4px 4px; margin: 0; display: inline-block; width: 100%; font-weight: bold; float: left; border-radius: 5px; font-size: 13px; }
.main-nav li a.active, .main-nav li a:hover { background: #479a52; color: #fff; }
.main-nav .menu_expand { text-decoration: none; display: none; padding: 15px 0 15px 20px; color: #333; font-size: 15px; text-transform: uppercase }
.main-nav .menu_expand span { float: right; height: 17px; width: 30px; display: block; background: url(../images/icon_plus.png) no-repeat; padding: 0 }
.main-nav .menu_expand.active span { background: url(../images/icon_minus.png) no-repeat }
.main-nav ul.nav-main { margin: 0; padding: 0 }
.main-nav ul li ul { list-style: none; display: inline-block; width: 100%; float: left; background: #d9dadc; margin-bottom: 5px; border-radius: 5px; font-size: 13px; }
.header_bottom { float: left; margin: 0; padding: 0; width: 100%; }

.topmenu { float: left; width: 100%; margin-bottom: 6px; }
.topmenu ul { margin: 0px; padding: 0px; }
.first_menu { width: 483px; background: #12193b; padding: 4px 4px; }
.topmenu li { list-style: none; float: left; margin-right: 6px; }
.topmenu li a { text-decoration: none; background: #12193b; color: #fff; padding:6px 22px; margin: 0; display: inline-block; width: 100%; font-weight: bold; float: left; font-size: 13px; }
.topmenu li a.active, .topmenu li a:hover { background: #e5461a; color: #fff; }

/*.topmenu li:last-child {
    float: right; margin:0px;
    padding: 0;
}*/

.left_menu { float: left; width: 19%; }
.left_menu ul { margin: 0px; padding: 0px; }
.left_menu li { list-style: none; float: left; width: 100%; margin-bottom: 4px; }
.left_menu li a { text-decoration: none; background: #12193b; color: #fff; padding: 5px 15px; margin: 0; display: inline-block; width: 100%; float: left; font-size: 12px; }
.left_menu li a.active, .left_menu li a:hover { background: #e5461a; color: #fff; }

.content_right { float: right; width: 81%; }
.content_row { float: left; width: 100%; }

.banner { float: right; width: 100%; }
.banner img { width:100%;}

.box_pen { float: left; width: 100%; margin-top: 10px; text-align: center; }
.box_pen ul { margin: 0px; padding: 0px; }
.box_pen li { width: 24%; float: left; margin-right: 12px; list-style: none; }
.box_pen li:last-child { float: right; margin: 0px; }

.main_content_left { float: left; width: 60%; padding-right: 15px; }
.main_content_left h1 { padding-top: 0px; }
ul.services { margin: 0px; padding: 0px; }
ul.services li { list-style: none; font-size: 16px; color: #464749; line-height: 22px; background: url(../images/dots.jpg) 0px 9px no-repeat; padding: 0 15px; }
.client_logo { float: left; width: 60%; margin-top: 15px; }
.client_logo ul { margin: 0px; padding: 0px; }
.client_logo li { list-style: none; display: inline-block; margin: 0px; width: 135px; }
.client_logo li a { text-decoration: none; }

.main_content_right { float: right; width: 38%; text-align: center; }
.pick_img { float: left; width: 100%; }
.pick_img ul { margin: 0px; padding: 0px; }
.pick_img li { list-style: none; display: inline-block; margin-bottom: 15px; width: 100%; }
.pick_img li img { width: 100%; }
.pick_img li iframe { width: 100%; }

.blank_div { float: left; width: 100%; height: 400px; }
.footer { float: left; width: 100%; border-top: 8px solid #12193b; padding: 10px 0; margin: 0px; }
.footer_left { float: left; width: 35%; }
.footer_left h2 { font-size: 14px; border-bottom: 1px solid #000; padding: 5px 5px; }
.footer_left h3 { font-size: 14px; }
.footer_left p { font-size: 13px; }
.footer_right { float: right; width: 60%; }
.footer_right p { font-size: 13px; }
.contact_info { float: left; width: 100%; text-align: left; }
.contact_info p { color: #12193b; font-size: 16px; line-height: 22px; text-align: justify; font-family: 'Lato', sans-serif; }
.contact_info h2 { font-size: 30px; color: #12193b; font-weight: normal; margin: 0px; padding: 0px; font-family: 'PT Sans Narrow', sans-serif; }
.contact_info h2 span { font-weight: 700; color: #12193b; margin: 0px; padding: 0px; }

.contact-form { float: left; width: 100%; }
.contact-form p { color: #999; }
.formrow { float: left; width: 100%; margin-right: 20px; text-align: left; }
.label, .field, .input { float: left; width: 100%; line-height: 30px; color: #999; }
.field .input, textarea .input { padding: 0 10px; font-size: 16px; }
.textarea_full { float: left; width: 100%; }
.textarea_full textarea { float: left; width: 100%; line-height: 20px; height: 100px; }
.field input, textarea { float: left; width: 100%; border: 0px; background: #fff; border: 1px solid #999; }
.formrow.buttion { float: left; margin-top: 15px; margin-bottom: 15px; }
.formrow.captcha_img, .captcha_no { float: left; width: 100%; }
.formrow.captcha_img a { color: #fe4d53; text-decoration: none; }
.captcha_no .field input { width: 30%; }
.formrow.captcha_img img { margin-top: 15px; }

.video { float: left; width: 100%; }
.video .row p { color: #56585b; font-size: 15px; line-height: 22px; padding-bottom: 5px; padding-top: 5px; }
.video .redtxt { color: #c61f2d !important; }

@media only screen and (max-width:1020px) {
.wrapper { width: 96%; padding: 0 10px; }
.logo { width: 38%; }
.top_img { width: 30%; margin:0px;}
.header_right { width:30%;}

.header_right span { display: inline-block; float: none; width: auto;}
.logo img, .top_img img { width: 100%; }
.header_right h2 { font-size: 22px; }
.maincontent_inn { padding: 0px; }
.box_pen li, .box_pen li:last-child { width: 24%; margin-right: 6px; }
.box_pen li img { width: 100%; }

.banner { float: none; display: inline-block; width: 100%; }
.banner img { width: 100%; }
.first_menu { display:none;}
}
@media only screen and (max-width:768px) {
nav { display: block; }
.topmenu, .left_menu { display: none; }
.main-nav .menu_expand { display: block; color: #fff; padding: 12px; background: #e5461a; }
.main-nav ul.nav-main { display: none }
.main-nav ul.nav-main li { margin: 0px; }
.main-nav ul.nav-main li a { border-radius: 0px; background: #e5461a; text-decoration: none; color: #fff; padding: 10px; float: left; width: 100%; border-bottom: 1px solid #fff; border-right: 0px; border-left: 0px; border-top: 0px; }
.main-nav ul.nav-main li a.active, .main-nav ul.nav-main li a:hover { background: #c52600; width: 100%; border: 0px; }


.content_left, .content_right, .banner, .box_pen, .row, .main_content_left, .main_content_right, .footer_left, .footer_right, .logo, .top_img, .header_right, .header_right span ul { margin: 10px 0 10px 0; padding: 0px; float: none; display: inline-block; width: 100%; }
.pick_img li img { width: auto; }
.row .inline_img,.header_right p { text-align: center; }
.logo img, .top_img img { width: auto; }
.header_right h2 { color: #000; }
.left_icon li { border: 1px solid #999; padding: 10px; margin: 10px; border-radius: 5px; }
.box_pen li, .box_pen li:last-child { float: none; display: inline-block; width: auto; margin: 0px; }
}
@media only screen and (max-width:580px) {
.logo img { width: 100%; }
}
@media only screen and (max-width:540px) {
.logo img, .top_img img, .pick_img li img { width: 100%; }
}