@charset "utf-8";
/* CSS Document */

/* CSS Document © 2015 Digimax.co.uk */
@import url(https://fonts.googleapis.com/css?family=Lato:400,100,100italic,300,300italic,400italic,700,700italic,900,900italic);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,800,700italic,800italic);

::-moz-selection{background:#f39c12; color:#fff; text-shadow:none; }
::selection {background:#f39c12; color:#fff; text-shadow:none; }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, 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, center, dl, dt, dd, ol, ul, 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, textarea{ margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;  outline:none; font-family: 'Open Sans', sans-serif;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body {color:#504f50; -webkit-text-size-adjust: none; -webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased; font-smoothing: antialiased;}
a { text-decoration:none;}
p { font-family: 'Lato', sans-serif;}
img { border:0px;}
ol, ul, li{ list-style: none;}
strong, strong p { font-weight:700;}
blockquote, q { quotes: none;}
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}

.mar0 { margin:0px;} .pad0 { padding:0px;}
.marb0 { margin-bottom:0px;} .marb10 { margin-bottom:10px;} .marb20 { margin-bottom:20px;} .marb30 { margin-bottom:30px;} .marb40 { margin-bottom:40px;}
.padb0 { padding-bottom:0px;} .padb10 { padding-bottom:10px;} .padb20 { padding-bottom:20px;} .padb30 { padding-bottom:30px;}.padb40 { padding-bottom:40px;}
.marr0 { margin-right:0px;} .marr10 { margin-right:10px;} .marr20 { margin-right:20px;} .marr30 { margin-right:30px;}.marr40 { margin-right:40px;}
.mart0 { margin-top:0px;} .mart10 { margin-top:10px;} .mart20 { margin-top:20px;} .mart30 { margin-top:30px;} .mart40 { margin-top:40px;}

.top-wrapp, .main-wrapp, .contact-wrapp{ width:100%; float:left;}

.margin{ width:100%; max-width:731px; margin:auto;}
.top-wrapp{ padding:22px 0; background-color:#0077be;}

.main-wrapp { padding:40px 0 0;} 
.main-wrapp .right-box{ width:78%; float:right;}
.main-wrapp .side-barl{ width:20%; float:left; margin-top:162px;}
.main-wrapp .side-barl .link{ list-style:none;}
.main-wrapp .side-barl .link li{ display:block; margin-bottom:10px;}
.main-wrapp .side-barl .link .active{ color:#007dc3;font-weight:600;}
.main-wrapp .side-barl .link li a{ font-size:15px; color:#353537; font-family: 'Lato', sans-serif;}
.main-wrapp .side-barl .link li a:hover{ color:#007dc3;}

.right-box .left-barl{ width:34%; float:right; text-align:right}
.right-box .left-barl h2{ font-size:27px; color:#000; font-family: 'Lato', sans-serif;}
.right-box .left-barl p{ font-size:17px; color:#000; font-family: 'Lato', sans-serif;}
.right-box .left-barl p a{ color:#000;}
.right-box .logo{ width:100%; float:left; margin:10px 0 10px; max-width:300px;}
.right-box .logo img { width:100%; height:auto}
.right-box .text-inner{ list-style:none; width:100%; float:left}
.right-box .text-inner li{ font-size:25px; color:#000; margin-right:18px; float:left; font-family: 'Lato', sans-serif;}
.right-box .text-inner li:last-child{ margin-right:0;}
.right-box .text-inner2{ width:98.6%; float:left; border:4px #cdcdce solid; margin-top:12px;}
.right-box .text-inner2 img{ width:100%; display:block;}

.right-box .sect-barl1{ width:92.6%; float:left; padding:15px 3%; border:4px #cdcdce solid; margin-top:12px; position:relative;}
.right-box .sect-barl1 p{ font-size:15px; color:#2f2e2e; line-height:24px; float:left; margin-bottom:19px;font-family: 'Lato', sans-serif;}
.right-box .sect-barl1 h3{ font-size:16px; color:#000; font-weight:700; margin-bottom:5px; float:left;font-family: 'Lato', sans-serif;}
.sect-barl2{ width:100%;background: url(../images/bg-img03.jpg) repeat-x  bottom  left; float:left; padding:91px 0; margin-top:-60px; text-align:center; }
.sect-barl2 .sect-barl3{ width:416px; display:inline-block;}
.sect-barl2 .sect-barl3 p{ font-size:12px; color:#090a0a; line-height:15px; text-align:left;font-family: 'Lato', sans-serif;}
.sect-barl2 .sect-barl3 p:last-child{ margin-bottom:0; text-align:left;}

/*contact*/
.contact-wrapp{ padding:40px 0 0;}
.contact-wrapp .cont-row1{ width:100%; float:left; margin-bottom:70px;}
.contact-wrapp .cont-row1 .cont-sect1{ width:40%; float:right;}
.contact-wrapp .cont-row1 .cont-sect1 h3{ font-size:27px; color:#000; font-family: 'Lato', sans-serif;}
.contact-wrapp .cont-row1 .cont-sect1 p{ font-size:17px; color:#000; font-family: 'Lato', sans-serif;}
.contact-wrapp .cont-row1 .cont-sect1 p a{ color:#000;}
.contact-wrapp .cont-row1 .cont-logo{ width:100%; float:left; max-width:300px;} .contact-wrapp .cont-row1 .cont-logo img { width:100%; height:auto}
.contact-wrapp .cont-row2{ width:100%; float:left; position:relative;}
.contact-wrapp .cont-row2 .lt{ width:25%; float:left;}
.contact-wrapp .cont-row2 .lt .cont-barl1{ width:100%; float:left; margin-bottom:20px;}
.contact-wrapp .cont-row2 .lt .cont-barl2{ width:100%; float:left; margin-bottom:20px;}
.contact-wrapp .cont-row2 .lt .cont-barl2 p{ font-size:17px; color:#393938; line-height:21px; font-family: 'Lato', sans-serif;}
.contact-wrapp .cont-row2 .lt .cont-barl2 p strong{ font-weight:700;}
.contact-wrapp .cont-row2 .lt .cont-barl2 p span{ display:block;}
.contact-wrapp .cont-row2 .lt .cont-barl2 p a{ color:#393938;}
.contact-wrapp .cont-row2 .rt{ width:68.5%; float:right;}

@media screen and (max-width: 480px) {
.margin{ width:90%;}
.main-wrapp .side-barl{ margin-top:0;}
.main-wrapp .right-box{ width:100%; float:left;}
.right-box .left-barl{ width:100%; display:inline-block; text-align:center;}
.right-box .logo{ display:inline-block; float:none; text-align:center;}
.right-box .text-inner{ text-align:center;}
.right-box .text-inner li{ float:none; display:inline-block;}
.sect-barl2 .sect-barl3{ width:90%; display:inline-block; text-align:center;}
.sect-barl2 .sect-barl3 p{ text-align:center; margin-bottom:5px;}
.sect-barl2 .sect-barl3 p:last-child{ text-align:center; padding-left:0;}

<!--inner-page-->
.contact-wrapp .margin{ width:90%;}
.contact-wrapp .cont-row1{ float:none; display:inline-block; text-align:center; margin-bottom:40px;}
.contact-wrapp .cont-row1 .cont-sect1{ width:100%; display:inline-block; float:none; margin-bottom:20px; }
.contact-wrapp .cont-row2{ float:none; display:inline-block; text-align:center;}
.contact-wrapp .cont-row2 .lt{ width:100%; float:none; display:inline-block;}
.contact-wrapp .cont-row2 .rt{ width:100%; float:none; display:inline-block;}

.contact-wrapp .cont-row1 .cont-logo { float:none; margin:auto}
}

@media screen and (min-width:481px) and (max-width:600px) {
.margin{ width:90%;}
.main-wrapp .side-barl{ margin-top:0;}
.main-wrapp .right-box{ width:100%; float:left;}
.right-box .left-barl{ width:100%; display:inline-block; text-align:center;}
.right-box .logo{ display:inline-block; float:none; text-align:center;}
.right-box .text-inner{ text-align:center;}
.right-box .text-inner li{ float:none; display:inline-block; font-size:17px;}
.sect-barl2 .sect-barl3{ width:90%; display:inline-block; text-align:center;}
.sect-barl2 .sect-barl3 p{ text-align:center; margin-bottom:5px;}
.sect-barl2 .sect-barl3 p:last-child{ text-align:center; padding-left:0;}

<!--inner-page-->
.contact-wrapp .margin{ width:90%;}
.contact-wrapp .cont-row1{ float:none; display:inline-block; text-align:center; margin-bottom:40px;}
.contact-wrapp .cont-row1 .cont-sect1{ width:100%; display:inline-block; float:none; margin-bottom:20px; }
.contact-wrapp .cont-row2{ float:none; display:inline-block; text-align:center;}
.contact-wrapp .cont-row2 .lt{ width:100%; float:none; display:inline-block;}
.contact-wrapp .cont-row2 .rt{ width:100%; float:none; display:inline-block;}

.contact-wrapp .cont-row1 .cont-logo { float:none; margin:auto}
}

@media screen and (min-width:601px) and (max-width:767px) {
.margin{ width:90%;}
.main-wrapp .side-barl{ margin-top:0;}
.main-wrapp .right-box{ width:100%; float:left;}
.right-box .left-barl{ width:100%; display:inline-block; text-align:center;}
.right-box .logo{ display:inline-block; float:none; text-align:center;}
.right-box .text-inner{ text-align:center;}
.right-box .text-inner li{ float:none; display:inline-block; font-size:20px;}
.sect-barl2 .sect-barl3{ width:84%; display:inline-block; text-align:center;}
.sect-barl2 .sect-barl3 p{ text-align:center; margin-bottom:5px;}
.sect-barl2 .sect-barl3 p:last-child{ text-align:center; padding-left:0;}

<!--inner-page-->
.contact-wrapp .margin{ width:90%;}
.contact-wrapp .cont-row1{ float:none; display:inline-block; text-align:center; margin-bottom:40px;}
.contact-wrapp .cont-row1 .cont-sect1{ width:100%; display:inline-block; float:none; margin-bottom:20px; }
.contact-wrapp .cont-row2{ float:none; display:inline-block; text-align:center;}
.contact-wrapp .cont-row2 .lt{ width:100%; float:none; display:inline-block;}
.contact-wrapp .cont-row2 .rt{ width:100%; float:none; display:inline-block;}
}

@media screen and (min-width:768px) and (max-width:900px) {
.margin{ width:94%;}
.right-box .text-inner li{ font-size:24px;}
}

@media screen and (min-width:901px) and (max-width:1024px) {
.margin{ width:94%;}
}


@media screen and (min-width:1025px) and (max-width:1240px) {
.margin{ width:94%;}
}