html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, q, small, strong, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
border: 0;
margin: 0;
padding: 0
}
article, aside, figure, figure img, figcaption, hgroup, footer, header, nav, section, video, object {
display: block
}
a img {
border: 0
}
figure {
position: relative
}
figure img {
width: 100%
}
/* ==================================================================================================================== */
/* ! The 1140px Grid V2 by Andy Taylor \ http://cssgrid.net \ http://www.twitter.com/andytlr \ http://www.andytlr.com */
/* ==================================================================================================================== */
.container {
padding-left:0px;
padding-right:0px;
}
.row {
width: 100%;
max-width: 1050px;
min-width: 710px;
margin: 0 auto;
overflow: hidden;
}
.onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol {
margin-right: 3.8%;
float: left;
min-height: 1px;
}
.row .onecol {
width: 4.85%;
}
.row .twocol {
width: 13.45%;
}
.row .threecol {
width: 22.05%;
}
.row .fourcol {
width: 30.75%;
}
.row .fivecol {
width: 39.45%;
}
.row .sixcol {
width: 48%;
}
.row .sevencol {
width: 56.75%;
}
.row .eightcol {
width: 65.4%;
}
.row .ninecol {
width: 74.05%;
}
.row .tencol {
width: 82.7%;
}
.row .elevencol {
width: 91.35%;
}
.row .twelvecol {
width: 100%;
float: left;
}
.last {
margin-right: 0px;
}
img, object, embed {
max-width: 100%;
}
img {
max-width: 100%;
}
/* Smaller screens */
@media only screen and (max-width: 1280px) {
.text02 {
width: 100%;
margin: auto;
padding-bottom: 31px;
}
.text02 li {
background: url(../images/icon1.png) left top no-repeat;
background-position: 2px 6px;
font-size: 16px;
display: block;
text-decoration: none;
font-family: 'Roboto Condensed', sans-serif;
line-height: 28px;
list-style: none;
text-align: justify;
padding-left: 30px;
color: #000000;
}
.section6 {
background: url(../images/bg2.jpg) left top no-repeat;
background-size: cover;
padding: 30px 0px 40px 0px !important;
}
.header_left { width:37%;
float: left;
}
.banner {
width: 100%;
float: left;
height:350px;
}
.banner img {
width: 100%;
height:350px;
}
.text3 {
color: #403d3d;
text-align: justify;
font-size: 12px;
line-height: 18px;
padding-top:0px;
font-family: 'Roboto Condensed', sans-serif;
}
.bg {
width: 91%;
margin: auto;
padding: 10px 10px 55px 10px;
background: url(../images/bg1.png) left top no-repeat; background-size:100% 100%;
}
.text1 {
font-size: 14px;
color: #FFF;
font-family: Open Sans;
line-height: 22px;
padding-top: 20px;
padding-bottom: 10px;
}
.gallery {
width:33.3%;
float: left;
margin: 0px;
}
.gallery img {
width: 100%;
float: left;
}
.left_sec {
width: 50%;
float: left;
padding-top:59px;
padding-bottom: 41px;
background: url(../images/bg.jpg) left top no-repeat;
background-size: 100% 100%;
}
.text7 {
color:#1ca0de;
text-align:center;
font-size:24px;
font-family: 'Roboto Condensed', sans-serif;
line-height:40px;
font-weight:bold;
}
.text7 span{ font-size:16px; font-weight:normal; line-height:18px; color:#bc0023; }
.more3 { width:20px; float:left; margin-top:10px;
}
.more3 a {
color:#FFFFFF !important;
display: inline-block; border-radius:100%;
background:#47a2ff;
font-size:22px; line-height:15px;
padding:3px 4px;
text-decoration: none;
}
.more3 a:hover { background:#020d2d;
color:#FFFFFF !important;
}
.more2 {
margin-top: 30px;
}
.more2 a {
color:#FFFFFF!important;
display: inline-block;
font-size: 14px;
padding-right: 20px;
line-height: 7px;
padding-bottom: 10px;
text-decoration: none;
}
.more2 a:hover {
color:#000000!important;
}
.left_sec {
width:49%;
float: left;
padding-top:34px;
padding-bottom:17px; border-bottom:#00a1ff 1px solid; border-top:#00a1ff 1px solid;
}
.right_sec {
width:45.5%;
float: right;
background:#5ac2f3;
padding: 40px 30px 40px 34px;
}
}
@media only screen and (max-width: 1200px) {
.text02 {
width: 100%;
margin: auto;
padding-bottom: 31px;
}
.text02 li {
background: url(../images/icon1.png) left top no-repeat;
background-position: 2px 6px;
font-size: 16px;
display: block;
text-decoration: none;
font-family: 'Roboto Condensed', sans-serif;
line-height: 28px;
list-style: none;
text-align: justify;
padding-left: 30px;
color: #000000;
}
.section6 {
background: url(../images/bg2.jpg) left top no-repeat;
background-size: cover;
padding: 30px 0px 40px 0px !important;
}
.header_left { width:37%;
float: left;
}
.banner {
width: 100%;
float: left;
height:350px;
}
.banner img {
width: 100%;
height:350px;
}
.text3 {
color: #403d3d;
text-align: justify;
font-size: 12px;
line-height: 18px;
padding-top:0px;
font-family: 'Roboto Condensed', sans-serif;
}
.bg {
width: 91%;
margin: auto;
padding: 10px 10px 55px 10px;
background: url(../images/bg1.png) left top no-repeat; background-size:100% 100%;
}
.text1 {
font-size: 14px;
color: #FFF;
font-family: Open Sans;
line-height: 22px;
padding-top: 20px;
padding-bottom: 10px;
}
.gallery {
width:33.3%;
float: left;
margin: 0px;
}
.gallery img {
width: 100%;
float: left;
}
.left_sec {
width: 50%;
float: left;
padding-top:59px;
padding-bottom: 41px;
background: url(../images/bg.jpg) left top no-repeat;
background-size: 100% 100%;
}
.text7 {
color:#1ca0de;
text-align:center;
font-size:24px;
font-family: 'Roboto Condensed', sans-serif;
line-height:40px;
font-weight:bold;
}
.text7 span{ font-size:16px; font-weight:normal; line-height:18px; color:#bc0023; }
.more3 { width:20px; float:left; margin-top:10px;
}
.more3 a {
color:#FFFFFF !important;
display: inline-block; border-radius:100%;
background:#47a2ff;
font-size:22px; line-height:15px;
padding:3px 4px;
text-decoration: none;
}
.more3 a:hover { background:#020d2d;
color:#FFFFFF !important;
}
.more2 {
margin-top: 30px;
}
.more2 a {
color:#FFFFFF!important;
display: inline-block;
font-size: 14px;
padding-right: 20px;
line-height: 7px;
padding-bottom: 10px;
text-decoration: none;
}
.more2 a:hover {
color:#000000!important;
}
.left_sec {
width:49.5%;
float: left;
padding-top:25px;
padding-bottom:25px; border-bottom:#00a1ff 1px solid; border-top:#00a1ff 1px solid;
}
.right_sec {
width:45.1%;
float: right;
background:#5ac2f3;
padding: 40px 30px 40px 34px;
}
}
@media only screen and (max-width: 1024px) {
.text10 {font-size:17px;
font-family:Calibri; text-align:center; color: #FFFFFF; padding:0px 20px;}
.heding11 {
font-family: Calibri;
font-size:30px;
font-weight:bold;
color:#ff3600;
padding-bottom:5px;
margin-bottom:20px;
text-align:left; padding-left:5px;
}
h1 {
font-size: 30px;
color: #FFFFFF;
font-family: 'Open Sans', sans-serif;
text-align: left;
font-weight: bold;
line-height:30px; padding-top:15px;
}
.text02 {
width: 100%;
margin: auto;
padding-bottom: 31px;
}
.text02 li {
background: url(../images/icon1.png) left top no-repeat;
background-position: 2px 6px;
font-size: 16px;
display: block;
text-decoration: none;
font-family: 'Roboto Condensed', sans-serif;
line-height: 28px;
list-style: none;
text-align: justify;
padding-left: 30px;
color: #000000;
}
.section6 {
background: url(../images/bg2.jpg) left top no-repeat;
background-size: cover;
padding: 30px 0px 40px 0px !important;
}
.header_left { width:37%;
float: left;
}
.banner {
width: 100%;
float: left;
height:350px;
}
.banner img {
width: 100%;
height:350px;
}
.text3 {
color: #403d3d;
text-align: justify;
font-size: 12px;
line-height: 18px;
padding-top:0px;
font-family: 'Roboto Condensed', sans-serif;
}
.bg {
width: 91%;
margin: auto;
padding: 10px 10px 55px 10px;
background: url(../images/bg1.png) left top no-repeat; background-size:100% 100%;
}
.text1 {
font-size: 14px;
color: #FFF;
font-family: Open Sans;
line-height: 22px;
padding-top: 20px;
padding-bottom: 10px;
}
.gallery {
width:33.3%;
float: left;
margin: 0px;
}
.gallery img {
width: 100%;
float: left;
}
.left_sec {
width:47%;
float: left;
padding-top:34px;
padding-bottom:18px; border-bottom:#00a1ff 1px solid; border-top:#00a1ff 1px solid;
}
.right_sec {
width:46.5%;
float: right;
background:#5ac2f3;
padding: 40px 30px 36px 34px;
}
.section12 {
width:98%;
float: left; background: url(../images/bg5.jpg) left top no-repeat; background-size:100% 100%;
padding:20px 10px 60px 10px !important; border-bottom:#333 1px solid;
}
.text7 {
color:#1ca0de;
text-align:center;
font-size:24px;
font-family: 'Roboto Condensed', sans-serif;
line-height:40px;
font-weight:bold;
}
.text7 span{ font-size:16px; font-weight:normal; line-height:18px; color:#bc0023; }
.more3 { width:20px; float:left; margin-top:10px;
}
.more3 a {
color:#FFFFFF !important;
display: inline-block; border-radius:100%;
background:#47a2ff;
font-size:22px; line-height:15px;
padding:3px 4px;
text-decoration: none;
}
.more3 a:hover { background:#020d2d;
color:#FFFFFF !important;
}
.more2 {
margin-top: 30px;
}
.more2 a {
color:#FFFFFF!important;
display: inline-block;
font-size: 14px;
padding-right: 20px;
line-height: 7px;
padding-bottom: 10px;
text-decoration: none;
}
.more2 a:hover {
color:#000000!important;
}
.text02 {
width: 100%;
margin: auto;
padding-bottom: 30px;
}
.text02 li {
background: url(../images/icon1.png) left top no-repeat;
background-position: 2px 6px;
font-size:15px;
display: block;
text-decoration: none;
font-family: 'Roboto Condensed', sans-serif;
line-height:33px;
list-style: none;
text-align: justify;
padding-left: 30px;
color: #000000;
}
}
@media handheld, only screen and (max-width: 980px) {
.heding11 {
font-family: Calibri;
font-size:28px;
font-weight:bold;
color:#ff3600;
padding-bottom:5px;
margin-bottom:20px; height:18px; padding-top:0px;
text-align:left; padding-left:5px;
}
.left_sec {
width:47%;
float: left;
padding-top:34px;
padding-bottom: 41px; border-bottom:#00a1ff 1px solid; border-top:#00a1ff 1px solid;
}
.right_sec {
width:46.4%;
float: right;
background:#5ac2f3;
padding: 40px 30px 36px 34px;
}
.section12 {
width:98%;
float: left; background: url(../images/bg5.jpg) left top no-repeat; background-size:100% 100%;
padding:20px 10px 60px 10px !important; border-bottom:#333 1px solid;
}
.box1 {
width: 19%;
float: left;
margin: 1%;
background: #bc0023;
border-radius: 100%;
text-align: center;
padding:16px 0px;
}
.box1:hover {
background:#1ca0de;
}
.more2 {
margin-top: 30px;
}
.more2 a {
color:#FFFFFF!important;
display: inline-block;
font-size: 14px;
padding-right: 20px;
line-height: 7px;
padding-bottom: 10px;
text-decoration: none;
}
.more2 a:hover {
color:#000000!important;
}
.more3 { width:20px; float:left; margin-top:10px;
}
.more3 a {
color:#FFFFFF !important;
display: inline-block; border-radius:100%;
background:#47a2ff;
font-size:22px; line-height:15px;
padding:3px 4px;
text-decoration: none;
}
.more3 a:hover { background:#020d2d;
color:#FFFFFF !important;
}
.section6 {
background: url(../images/bg2.jpg) left top no-repeat;
background-size: cover;
padding: 30px 10px 40px 10px !important;
}
.text7 {
color:#1ca0de;
text-align:center;
font-size:23px;
font-family: 'Roboto Condensed', sans-serif;
line-height:40px; font-weight:bold;
}
.text7 span{ font-size:12px; font-weight:normal; line-height:18px; color:#bc0023; }
.top_sec {
width: 100%;
float: left;
padding:0px 0px 5px 0px;
}
.phone {
float: left;
background: url(../images/phone.png) left top no-repeat;
background-position: 2px 6px;
padding-left: 20px;
font-family: Calibri;
font-size: 17px;
color:#FFF!important; margin-top:6px;
}
.phone a{ color:#FFF;}
.text4 {
color: #FFFFFF;
text-align: justify;
font-size: 17px;
font-family: Calibri;
line-height:28px;
}
.text02 {
width: 100%;
margin: auto;
padding-bottom: 30px;
}
.text02 li {
background: url(../images/icon1.png) left top no-repeat;
background-position: 2px 6px;
font-size:15px;
display: block;
text-decoration: none;
font-family: 'Roboto Condensed', sans-serif;
line-height:33px;
list-style: none;
text-align: justify;
padding-left: 30px;
color: #000000;
}
h1 {
font-size:28px;
color: #FFFFFF;
font-family: 'Open Sans', sans-serif;
text-align: left;
font-weight: bold;
line-height: 50px;
}
.gallery {
width:33.3%;
float:left;
margin:0px;
}
.gallery img {
width: 100%;
float: left;
}
.text1 {
font-size:15px;
color: #FFF;
font-family: Open Sans;
line-height:20px;
padding-top: 12px;
padding-bottom:10px;
}
.section5 {
padding: 40px 10px 30px 10px;
}
.text3 {
color: #403d3d;
text-align: justify; font-family: 'Roboto Condensed', sans-serif;
font-size: 12px;
line-height:18px;
padding-top: 0px;
}
.banner { width:100%; height:370px;
}
.banner img {
width:100%; height:370px;
}
#nav li {
text-decoration: none;
display: block;
font-size:16px;
color: #3c3c3c;
font-family: 'Open Sans', sans-serif;
font-weight: normal;
line-height:18px;
float: left;
position: static;
margin:0px 0px; border-bottom:#FFF 1px solid;
}
#nav a {
color: #000000;
text-decoration: none;
display: block; padding:5px 5px 5px 5px;
}
#nav .current a, #nav li:hover > a {
background:#47a2ff;
color: #FFFFFF;
}
#nav ul li:hover a, #nav li:hover li a {
color:#FFF;
}
#nav ul li a:hover {
background: #FFFFFF;
color: #000000;
}
#nav li:hover > ul {
visibility: visible;
}
#nav ul {
visibility: hidden; width:200px;
line-height:20px;
padding: 0;
position: absolute;
background:#47a2ff; display:block;
z-index: 9999;
}
#nav ul li {
float: none;
margin: 0;
line-height:18px;
padding-left: 0px;
padding-right: 0px;
}
#nav ul a {
font-weight: normal;
}
#nav ul ul {
top: 0px;
}
.header_left { width:37%;
float: left;
}
.header_right {
float: right;
}
}
@media only screen and (max-width: 960px) {
h1 {
font-size:22px;
color: #FFFFFF;
font-family: 'Open Sans', sans-serif;
text-align: left;
font-weight: bold;
line-height:16px;
}
.text02 {
width: 100%;
margin: auto;
padding-bottom:14px;
}
.text02 li {
background: url(../images/icon1.png) left top no-repeat;
background-position: 2px 6px;
font-size: 16px;
display: block;
text-decoration: none;
font-family: 'Roboto Condensed', sans-serif;
line-height: 28px;
list-style: none;
text-align: justify;
padding-left:25px;
color: #000000;
}
.section6 {
background: url(../images/bg2.jpg) left top no-repeat;
background-size: cover;
padding: 30px 0px 40px 0px !important;
}
.heding11 {
font-family: Calibri;
font-size:28px;
font-weight:bold;
color:#ff3600;
padding-bottom:5px;
margin-bottom:20px; height:18px; padding-top:0px;
text-align:left; padding-left:5px;
}
.heding11 span{ color:#00a1ff;}
.left_sec {
width: 47%;
float: left;
padding-top:35px;
padding-bottom:63px; border-bottom:#00a1ff 1px solid; border-top:#00a1ff 1px solid;
}
.right_sec {
width:45.8%;
float: right;
background:#5ac2f3;
padding: 40px 30px 40px 34px;
}
.header_left { width:37%;
float: left;
}
.banner {
width: 100%;
float: left;
height:350px;
}
.banner img {
width: 100%;
height:350px;
}
.text3 {
color: #403d3d;
text-align: justify;
font-size: 12px;
line-height: 18px;
padding-top:0px;
font-family: 'Roboto Condensed', sans-serif;
}
.bg {
width: 91%;
margin: auto;
padding: 10px 10px 55px 0px;
background: url(../images/bg1.png) left top no-repeat; background-size:100% 100%;
}
.text1 {
font-size: 14px;
color: #FFF;
font-family: Open Sans;
line-height: 22px;
padding-top: 20px;
padding-bottom: 10px;
}
.gallery {
width:33.3%;
float: left;
margin: 0px;
}
.gallery img {
width: 100%;
float: left;
}
.text7 {
color:#1ca0de;
text-align:center;
font-size:24px;
font-family: 'Roboto Condensed', sans-serif;
line-height:40px;
font-weight:bold;
}
.text7 span{ font-size:16px; font-weight:normal; line-height:18px; color:#bc0023; }
.more3 { width:20px; float:left; margin-top:10px;
}
.more3 a {
color:#FFFFFF !important;
display: inline-block; border-radius:100%;
background:#47a2ff;
font-size:22px; line-height:15px;
padding:3px 4px;
text-decoration: none;
}
.more3 a:hover { background:#020d2d;
color:#FFFFFF !important;
}
.more2 {
margin-top: 30px;
}
.more2 a {
color:#FFFFFF!important;
display: inline-block;
font-size: 14px;
padding-right: 20px;
line-height: 7px;
padding-bottom: 10px;
text-decoration: none;
}
.more2 a:hover {
color:#000000!important;
}
}
@media only screen and (max-width: 900px) {
.text02 {
width: 100%;
margin: auto;
padding-bottom: 31px;
}
.text02 li {
background: url(../images/icon1.png) left top no-repeat;
background-position: 2px 6px;
font-size: 16px;
display: block;
text-decoration: none;
font-family: 'Roboto Condensed', sans-serif;
line-height: 28px;
list-style: none;
text-align: justify;
padding-left:25px;
color: #000000;
}
.section6 {
background: url(../images/bg2.jpg) left top no-repeat;
background-size: cover;
padding: 30px 0px 40px 0px !important;
}
.heding11 {
font-family: Calibri;
font-size:28px;
font-weight:bold;
color:#ff3600;
padding-bottom:5px;
margin-bottom:20px; height:18px; padding-top:0px;
text-align:left; padding-left:5px;
}
.heding11 span{ color:#00a1ff;}
.left_sec {
width: 47%;
float: left;
padding-top:35px;
padding-bottom:63px; border-bottom:#00a1ff 1px solid; border-top:#00a1ff 1px solid;
}
.right_sec {
width:45.8%;
float: right;
background:#5ac2f3;
padding: 40px 30px 40px 34px;
}
.header_left { width:37%;
float: left;
}
.banner {
width: 100%;
float: left;
height:350px;
}
.banner img {
width: 100%;
height:350px;
}
.text3 {
color: #403d3d;
text-align: justify;
font-size: 12px;
line-height: 18px;
padding-top:0px;
font-family: 'Roboto Condensed', sans-serif;
}
.bg {
width: 91%;
margin: auto;
padding: 10px 10px 55px 0px;
background: url(../images/bg1.png) left top no-repeat; background-size:100% 100%;
}
.text1 {
font-size: 14px;
color: #FFF;
font-family: Open Sans;
line-height: 22px;
padding-top: 20px;
padding-bottom: 10px;
}
.gallery {
width:33.3%;
float: left;
margin: 0px;
}
.gallery img {
width: 100%;
float: left;
}
.text7 {
color:#1ca0de;
text-align:center;
font-size:24px;
font-family: 'Roboto Condensed', sans-serif;
line-height:40px;
font-weight:bold;
}
.text7 span{ font-size:16px; font-weight:normal; line-height:18px; color:#bc0023; }
.more3 { width:20px; float:left; margin-top:10px;
}
.more3 a {
color:#FFFFFF !important;
display: inline-block; border-radius:100%;
background:#47a2ff;
font-size:22px; line-height:15px;
padding:3px 4px;
text-decoration: none;
}
.more3 a:hover { background:#020d2d;
color:#FFFFFF !important;
}
.more2 {
margin-top: 30px;
}
.more2 a {
color:#FFFFFF!important;
display: inline-block;
font-size: 14px;
padding-right: 20px;
line-height: 7px;
padding-bottom: 10px;
text-decoration: none;
}
.more2 a:hover {
color:#000000!important;
}
}
@media handheld, only screen and (max-width: 800px) {
.gallery {
width: 33.3%;
float: left;
}
.gallery img {
width: 100%;
float: left;
}
.more2 {
margin-top: 30px;
}
.more2 a {
color:#FFFFFF!important;
display: inline-block;
font-size: 14px;
padding-right: 20px;
line-height: 7px;
padding-bottom: 10px;
text-decoration: none;
}
.more2 a:hover {
color:#000000!important;
}
.more3 { width:20px; float:left; margin-top:10px;
}
.more3 a {
color:#FFFFFF !important;
display: inline-block; border-radius:100%;
background:#47a2ff;
font-size:22px; line-height:15px;
padding:3px 4px;
text-decoration: none;
}
.more3 a:hover { background:#020d2d;
color:#FFFFFF !important;
}
.left_sec {
width: 54%;
float: left;
padding-top:34px;
padding-bottom: 41px; border-bottom:#00a1ff 1px solid; border-top:#00a1ff 1px solid;
}
.right_sec {
width:40.5%;
float: right;
background:#5ac2f3;
padding: 40px 20px 10px 20px;
}
.quotes {
position: relative;
margin: 50px auto 0px;
width:100%;
}
.three_box2 {
width:31.3%;
float: left;
margin: 1%;
}
.box2 {
width:82%;
float: left;
margin: 1%;
}
.box1 {
width:14%;
float: left;
margin: 1%;
background: #bc0023;
border-radius: 100%;
text-align: center;
padding:9px 5px;
}
.box1 img:hover {
background:#1ca0de;
}
.text02 {
width: 100%;
margin: auto;
padding-bottom: 30px;
}
.text02 li {
background: url(../images/icon1.png) left top no-repeat;
background-position:0px 9px;
font-size:14px;
display: block;
text-decoration: none;
font-family: 'Roboto Condensed', sans-serif;
line-height:37px;
list-style:none;
text-align:justify;
padding-left:20px;
color: #000000;
}
.heding11 {
font-family: Calibri;
font-size:25px;
font-weight:bold;
color:#ff3600;
padding-bottom:5px;
margin-bottom:20px;
text-align:left; padding-left:5px;
}
.text1 {
font-size:14px;
color: #FFF;
font-family: Open Sans;
line-height:20px;
padding-top: 12px;
padding-bottom:10px;
}
.bg {
width:95%;
margin: auto;
padding: 10px 10px 30px 10px;
background: url(../images/bg1.png) left top no-repeat; background-size:100% 100%;
}
h1 {
font-size:22px;
color: #FFFFFF;
font-family: 'Open Sans', sans-serif;
text-align: left;
font-weight: bold;
line-height:16px;
}
.heding {
font-family: Calibri;
font-size:27px;
color: #FFF;
padding-bottom: 10px;
margin-bottom: 10px;
background: url(../images/line2.png) left bottom no-repeat;
}
#nav li {
text-decoration: none;
display: block;
font-size:15px;
color: #3c3c3c;
font-family: 'Open Sans', sans-serif;
font-weight: normal;
line-height:18px;
float: left;
position: static;
margin:0px 0px; border-bottom:#FFF 1px solid;
}
#nav a {
color: #000000;
text-decoration: none;
display: block; padding:5px 5px 5px 5px;
}
#nav .current a, #nav li:hover > a {
background:#47a2ff;
color: #FFFFFF;
}
#nav ul li:hover a, #nav li:hover li a {
color:#FFF;
}
#nav ul li a:hover {
background: #FFFFFF;
color: #000000;
}
#nav li:hover > ul {
visibility: visible;
}
#nav ul {
visibility: hidden; width:200px;
line-height:20px;
padding: 0;
position: absolute;
background:#47a2ff; display:block;
z-index: 9999;
}
#nav ul li {
float: none;
margin: 0;
line-height:18px;
padding-left: 0px;
padding-right: 0px;
}
#nav ul a {
font-weight: normal;
}
#nav ul ul {
top: 0px;
}
.header_left { width:37%;
float: left;
}
.header_right {
float: right;
}
}
@media handheld, only screen and (max-width: 799px) {
.more2 {
margin-top: 30px;
}
.more2 a {
color:#FFFFFF!important;
display: inline-block;
font-size: 14px;
padding-right: 20px;
line-height: 7px;
padding-bottom: 10px;
text-decoration: none;
}
.more2 a:hover {
color:#000000!important;
}
.more3 { width:20px; float:left; margin-top:10px;
}
.more3 a {
color:#FFFFFF !important;
display: inline-block; border-radius:100%;
background:#47a2ff;
font-size:22px; line-height:15px;
padding:3px 4px;
text-decoration: none;
}
.more3 a:hover { background:#020d2d;
color:#FFFFFF !important;
}
#nav li {
text-decoration: none;
display: block;
font-size:15px;
color: #3c3c3c;
font-family: 'Open Sans', sans-serif;
font-weight: normal;
line-height:18px;
float: left;
position: static;
margin:0px 0px; border-bottom:#FFF 1px solid;
}
#nav a {
color: #000000;
text-decoration: none;
display: block; padding:5px 5px 5px 5px;
}
#nav .current a, #nav li:hover > a {
background:#47a2ff;
color: #FFFFFF;
}
#nav ul li:hover a, #nav li:hover li a {
color:#FFF;
}
#nav ul li a:hover {
background: #FFFFFF;
color: #000000;
}
#nav li:hover > ul {
visibility: visible;
}
#nav ul {
visibility: hidden; width:200px;
line-height:20px;
padding: 0;
position: absolute;
background:#47a2ff; display:block;
z-index: 9999;
}
#nav ul li {
float: none;
margin: 0;
line-height:18px;
padding-left: 0px;
padding-right: 0px;
}
#nav ul a {
font-weight: normal;
}
#nav ul ul {
top: 0px;
}
.section10 {
width: 100%;
float: left;
background: #16171d;
padding:0px 0px 0px 0px;
border-top: #FFF 1px solid;
}
.right_sec {
width: 50%;
float: right;
background: #1ca0de;
padding:25px 30px 18px 30px;
}
.top_sec {
width: 100%;
float: left;
padding: 0px 0px 15px 0px;
}
.text3 {
color: #403d3d;
text-align: justify;
font-size:13px;
line-height: 20px; font-family: 'Roboto Condensed', sans-serif;
padding-top: 10px;
}
.text1 {
font-size:13px;
color: #FFF;
font-family: Open Sans;
line-height:20px;
padding-top: 12px;
padding-bottom:10px;
}
h1 {
font-size:21px;
color: #FFFFFF;
font-family: 'Open Sans', sans-serif;
text-align: left;
font-weight: bold;
line-height: 50px;
}
.text02 {
width: 100%;
margin: auto;
padding-bottom: 30px;
}
.text02 li {
background: url(../images/icon1.png) left top no-repeat;
background-position: 2px 6px;
font-size:14px;
display: block;
text-decoration: none;
font-family: 'Roboto Condensed', sans-serif;
line-height:28px;
list-style:none;
text-align:justify;
padding-left: 30px;
color: #000000;
}
.gallery {
width:31.8%;
float:left;
margin:0px;
}
.gallery img {
width: 100%;
float: left; }
.header_left { width:37%;
float: left;
}
.header_right {
float: right;
}
.coppy {
float: left;
color: #FFFFFF;
margin: 10px 0px 10px 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
.oxford {
float: right;
margin-top:5px;
}
.oxford a {
font-family: Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-size: 12px;
text-decoration: none;
list-style: none;
}
.oxford a:hover {
text-decoration: underline;
}
@media handheld, only screen and (max-width: 767px) {
.more3 { width:20px; float:left; margin-top:10px;
}
.more3 a {
color:#FFFFFF !important;
display: inline-block; border-radius:100%;
background:#47a2ff;
font-size:22px; line-height:15px;
padding:3px 4px;
text-decoration: none;
}
.more3 a:hover { background:#020d2d;
color:#FFFFFF !important;
}
.box1 {
width:11%;
float: left;
margin: 1%;
background: #bc0023;
border-radius: 100%;
text-align: center;
padding:9px 5px;
}
.three_box2 {
width:78%;
float: left;
margin: 1%;
}
.banner { width:100%; height:250px;
}
.banner img {
height:250px;
}
body {
font-size: 16px;
-webkit-text-size-adjust: none;
}
body {
}
.row, body, .container {
width: 100%;
min-width: 0;
margin-left: 0px;
margin-right: 0px;
padding-left: 0px;
padding-right: 0px;
}
.row .onecol, .row .twocol, .row .threecol, .row .fourcol, .row .fivecol, .row .sixcol, .row .sevencol, .row .eightcol, .row .ninecol, .row .tencol, .row .elevencol, .row .twelvecol {
width: auto;
float: none;
margin-left: 0px;
margin-right: 0px;
padding-left: 10px;
padding-right: 10px;
}
.menu {
display: none;
}
.header_left { width:35%;
float: left; padding-top:37px;
}
.header_right {
float:none;
}
.header1 {
display: block;
}
}
@media handheld, only screen and (max-width: 736px) {
.heding5 {
font-family: Calibri;
font-size:26px;
color:#1ca0de;
padding-bottom:0px;
margin-bottom:0px;
background: url(../images/line2.png) left bottom no-repeat;
}
.more3 { width:20px; float:left; margin-top:10px;
}
.more3 a {
color:#FFFFFF !important;
display: inline-block; border-radius:100%;
background:#47a2ff;
font-size:22px; line-height:15px;
padding:3px 4px;
text-decoration: none;
}
.more3 a:hover { background:#020d2d;
color:#FFFFFF !important;
}
.more2 {
margin-top:3px;
}
.more2 a {
color:#FFFFFF!important;
display: inline-block;
font-size: 14px;
padding-right: 20px;
line-height: 7px;
padding-bottom: 10px;
text-decoration: none;
}
.more2 a:hover {
color:#000000!important;
}
.phone {
float: left;
background: url(../images/phone.png) left top no-repeat;
background-position: 2px 6px;
padding-left: 20px;
font-family: Calibri;
font-size: 17px;
color:#FFF!important;
}
.phone a{ color:#FFF;}
.phone2 {
float: left;
background: url(../images/phone2.png) left top no-repeat;
background-position: 0px 8px;
padding-left: 20px;
font-family: Calibri; line-height:30px;
font-size: 17px;
color: #403d3d!important;
}
h3 {
font-size: 18px;
color: #000000!important;
font-family: Roboto;
font-style: normal;
font-weight: normal;
line-height: 25px;
}
h3 span {
font-size: 16px;
font-weight: normal; color: #000000!important;
}
.text7 {
color:#1ca0de;
text-align:center;
font-size:21px;
font-family: 'Roboto Condensed', sans-serif;
line-height:40px; font-weight:bold;
}
.text7 span{ font-size:12px; font-weight:normal; line-height:18px; color:#bc0023; }
#nav li {
text-decoration: none;
display: block;
font-size:15px;
color: #3c3c3c;
font-family: 'Open Sans', sans-serif;
font-weight: normal;
line-height:18px;
float: left;
position: static;
margin:0px 0px; border-bottom:#FFF 1px solid;
}
#nav a {
color: #000000;
text-decoration: none;
display: block; padding:5px 5px 5px 5px;
}
#nav .current a, #nav li:hover > a {
background:#47a2ff;
color: #FFFFFF;
}
#nav ul li:hover a, #nav li:hover li a {
color:#FFF;
}
#nav ul li a:hover {
background: #FFFFFF;
color: #000000;
}
#nav li:hover > ul {
visibility: visible;
}
#nav ul {
visibility: hidden; width:200px;
line-height:20px;
padding: 0;
position: absolute;
background:#47a2ff; display:block;
z-index: 9999;
}
#nav ul li {
float: none;
margin: 0;
line-height:18px;
padding-left: 0px;
padding-right: 0px;
}
#nav ul a {
font-weight: normal;
}
#nav ul ul {
top: 0px;
}
.section10 {
width: 100%;
float: left;
background: #16171d;
padding:0px 0px 0px 0px;
border-top: #FFF 1px solid;
}
.right_sec {
width:94%;
float: right;
background: #1ca0de;
padding:25px 30px 18px 30px;
}
.left_sec {
width:100%;
float: left;
padding-top:23px;
padding-bottom:14px;
background: url(../images/bg.jpg) left top no-repeat;
background-size: 100% 100%;
}
.top_sec {
width: 100%;
float: left;
padding: 52px 0px 15px 0px;
}
.text3 {
color: #403d3d;
text-align: justify;
font-size:13px;
line-height: 20px; font-family: 'Roboto Condensed', sans-serif;
padding-top: 10px;
}
.text1 {
font-size:13px;
color: #FFF;
font-family: Open Sans;
line-height:20px;
padding-top: 12px;
padding-bottom:19px;
}
h1 {
font-size:19px;
color: #FFFFFF;
font-family: 'Open Sans', sans-serif;
text-align: left;
font-weight: bold;
line-height: 10px;
}
.text02 {
width: 100%;
margin: auto;
padding-bottom: 30px;
}
.text02 li {
background: url(../images/icon1.png) left top no-repeat;
background-position: 2px 6px;
font-size:14px;
display: block;
text-decoration: none;
font-family: 'Roboto Condensed', sans-serif;
line-height:28px;
list-style:none;
text-align:justify;
padding-left: 30px;
color: #000000;
}
.gallery {
width:33.3%;
float:left;
margin:0px;
}
.gallery img {
width: 100%;
float: left; }
.box1 {
width:8%;
float: left;
margin: 1%;
background: #bc0023;
border-radius: 100%;
text-align: center;
padding:12px 5px;
}
.header_left { width:37%;
float: left;
}
.header_right {
float: right;
}
.coppy {
float: left;
color: #FFFFFF;
margin: 10px 0px 10px 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
.oxford {
float: right;
margin-top:5px;
}
.oxford a {
font-family: Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-size: 12px;
text-decoration: none;
list-style: none;
}
.oxford a:hover {
text-decoration: underline;
}
@media handheld, only screen and (max-width: 667px) {
.box1:hover {
background:#1ca0de;
}
.section2 {
float: left;
width: 100%;
background:#d8e3e9;
padding: 30px 10px 40px 1px; border-bottom:#FFF 15px solid;
}
.form2 {
width:99%;
float: left;
background: #FFFFFF;
border-radius: 5px; border:#000 1px solid !important;
font-size: 16px;
font-family: Calibri;
padding: 5px 8px 127px 5px;
border: none;
color: #000000;
margin-bottom: 3px;
}
.section5 { width:97%; background:#FFFFFF;
padding: 40px 15px 30px 15px; border-bottom:#999 1px solid;
}
.phone {
float: left;
background: url(../images/phone.png) left top no-repeat;
background-position: 2px 6px;
padding-left: 20px;
font-family: Calibri;
font-size: 17px;
color:#FFF!important;
}
.phone a{ color:#FFF;}
.phone2 {
float: left;
background: url(../images/phone2.png) left top no-repeat;
background-position: 0px 8px;
padding-left: 20px;
font-family: Calibri; line-height:30px;
font-size: 17px;
color: #403d3d!important;
}
h3 {
font-size: 18px;
color: #000000!important;
font-family: Roboto;
font-style: normal;
font-weight: normal;
line-height: 25px;
}
h3 span {
font-size: 16px;
font-weight: normal; color: #000000!important;
}
.four_box {
width:46%;
float: left;
margin: 1% 2%;
text-align:center;
}
.box2 {
width:82%;
float: left;
margin: 1%;
}
.box1 {
width:7%;
float: left;
margin: 1%;
background: #bc0023;
border-radius: 100%;
text-align: center;
padding:16px 5px;
}
.box1 img:hover {
background:#1ca0de;
}
.more3 { width:20px; float:left; margin-top:10px;
}
.more3 a {
color:#FFFFFF;
display: inline-block; border-radius:100%;
background:#47a2ff;
font-size:22px; line-height:15px;
padding:3px 4px;
text-decoration: none;
}
.more3 a:hover { background:#020d2d;
color: #FFFFFF;
}
.text4 {
color:#FFFFFF!important;
text-align: justify;
font-size: 17px;
font-family: Calibri;
line-height:28px;
}
.top_sec {
float: left;
padding: 0px 0px 15px 0px;
}
.top_right {
float: left; padding-left:12px;
padding-right:0px;padding-top:0px;
}
.top_left {
float:left;
padding-top:0px;
padding-right:0px;
padding-left:0px; margin-left:20px;
}
.map{ width:100%; float:left; height:200px;}
.map img{ width:100%; height:200px; }
.titel {
left:1%;
right:1%;
background:#1ca0de;
height:200px; opacity: 0.3;
}
.footer_box{ width:98%; float:left; margin:1% 3%;}
.gallery {
width:33.3%;
float: left;
margin: 0px;
}
.gallery img {
width: 100%;
float: left;
}
h1 {
font-size:26px;
color: #FFFFFF;
font-family: 'Open Sans', sans-serif;
text-align: left;
font-weight: bold;
line-height:10px;
}
.text1 {
font-size:14px;
color: #FFF;
font-family: Open Sans;
line-height:18px;
padding-top: 20px;
padding-bottom: 10px;
}
.bg {
width:94%;
margin: auto;
padding: 20px 10px 15px 10px;
background: url(../images/bg1.png) left top no-repeat; background-size:100% 100%;
}
.text02 {
width: 100%;
margin: auto;
padding-bottom: 30px;
}
.text02 li {
background: url(../images/icon1.png) left top no-repeat;
background-position: 2px 6px;
font-size: 17px;
display: block;
text-decoration: none;
font-family: 'Roboto Condensed', sans-serif;
line-height: 28px;
list-style: none;
text-align: justify;
padding-left: 30px;
color: #000000;
}
.left_sec {
width:100%;
float: left;
padding-top:20px;
padding-bottom:0px;
background: url(../images/bg.jpg) left top no-repeat;
background-size: 100% 100%;
}
.right_sec {
width:93%;
float:left;
background: #1ca0de;
padding: 40px 30px 40px 30px;
}
.three_box2 {
width:98%;
float: left;
margin: 1%;
}
.text3 {
color: #403d3d;
text-align: justify;
font-size: 15px;
line-height:18px;
padding-top: 0px;
font-family: 'Roboto Condensed', sans-serif;
}
h5 {
font-size:21px;
text-align: left;
line-height: 30px;
color: #1ca0de;
font-weight: normal;
}
.banner { width:100%; height:200px;
}
.banner img { width:100%;
height:200px;
}
.banner2 {
width: 100%;
float: left;
height:150px;
}
.banner2 img {
width: 100% !important;
height: 150px;
}
.left_sec2 {
width:98%;
float: left; margin:2% 1%;
}
.right_sec2 {
width:98%;
float: left; margin:10% 1%;
}
.header_right {
float:left;
}
.header_left { width:100%;
float: left; padding-top:37px;
}
p {
margin: 0px;
padding: 0px;
color: #403d3d;
text-align: justify;
font-size:16px;
line-height:18px;
padding-top: 10px; font-weight:normal;
font-family: Calibri;
}
.text7 {
color:#1ca0de;
text-align:center;
font-size:23px;
font-family: 'Roboto Condensed', sans-serif;
line-height:30px; font-weight:bold; margin-bottom:10px;
}
.text7 span{ font-size:14px; font-weight:normal; line-height:18px; color:#bc0023; }
.service{
width:22%; float:left; margin:1%;
}
.service img {
width: 100%; float:left;
}
.heding3 {
font-family: Calibri; font-weight:bold;
font-size: 32px;
color:#333;
border-left:#1ca0de 3px solid;
line-height:20px; padding-left:10px; margin:10px 0px 30px 0px;
background: url(../images/line2.png) left bottom no-repeat;
}
.text9 {
color: #FFFFFF;
text-align:left;
font-size:17px;
font-family:Calibri; text-align:center;
line-height:20px;
}
.text10 {font-size:15px; padding:0px 15px;
font-family:Calibri; text-align:justify; color: #FFFFFF;}
.section10 {
width:97%;
float: left;
background: #16171d;
padding: 10px 10px 10px 10px;
border-top: #FFF 1px solid;
}
}
@media handheld, only screen and (max-width: 640px) {
.more3 { width:20px; float:left; margin-top:10px;
}
.more3 a {
color:#FFFFFF !important;
display: inline-block; border-radius:100%;
background:#47a2ff;
font-size:22px; line-height:15px;
padding:3px 4px;
text-decoration: none;
}
.more3 a:hover { background:#020d2d;
color:#FFFFFF !important;
}
.heding5 {
font-family: Calibri;
font-size:22px;
color:#1ca0de;
padding-bottom:0px;
margin-bottom:0px;
background: url(../images/line2.png) left bottom no-repeat;
}
.four_box {
width:46%;
float: left;
margin: 1% 2%;
text-align:center;
}
.box2 {
width:82%;
float: left;
margin: 1%;
}
.box1 {
width:8%;
float: left;
margin: 1%;
background: #bc0023;
border-radius: 100%;
text-align: center;
padding:14px 5px;
}
.box1 img:hover {
background:#1ca0de;
}
.more3 { width:20px; float:left; margin-top:10px;
}
.more3 a {
color:#FFFFFF;
display: inline-block; border-radius:100%;
background:#47a2ff;
font-size:22px; line-height:15px;
padding:3px 4px;
text-decoration: none;
}
.more3 a:hover { background:#020d2d;
color: #FFFFFF;
}
.text4 {
color: #FFFFFF;
text-align: justify;
font-size: 17px;
font-family: Calibri;
line-height:28px;
}
.top_sec {
float: left;
padding: 0px 0px 15px 0px;
}
.top_right {
float: left; padding-left:12px;
padding-right:0px;padding-top:0px;
}
.top_left {
float:left;
padding-top:0px;
padding-right:0px;
padding-left:0px; margin-left:20px;
}
.map{ width:100%; float:left; height:200px;}
.map img{ width:100%; height:200px; }
.titel {
left:1%;
right:1%;
background:#1ca0de;
height:200px; opacity: 0.3;
}
.footer_box{ width:98%; float:left; margin:1% 3%;}
.gallery {
width:33.3%;
float: left;
margin: 0px;
}
.gallery img {
width: 100%;
float: left;
}
h1 {
font-size:26px;
color: #FFFFFF;
font-family: 'Open Sans', sans-serif;
text-align: left;
font-weight: bold; padding-top:20px;
line-height:10px;
}
.text1 {
font-size:14px;
color: #FFF;
font-family: Open Sans;
line-height:18px;
padding-top: 20px;
padding-bottom: 10px;
}
.bg {
width:94%;
margin: auto;
padding: 20px 10px 5px 10px;
background: url(../images/bg1.png) left top no-repeat; background-size:100% 100%;
}
.text02 {
width: 100%;
margin: auto;
padding-bottom: 30px;
}
.text02 li {
background: url(../images/icon1.png) left top no-repeat;
background-position: 2px 6px;
font-size: 17px;
display: block;
text-decoration: none;
font-family: 'Roboto Condensed', sans-serif;
line-height: 28px;
list-style: none;
text-align: justify;
padding-left: 30px;
color: #000000;
}
.left_sec {
width:100%;
float: left;
padding-top:0px;
padding-bottom:0px;
border-bottom:#00a1ff 1px solid; border-top:#00a1ff 1px solid;
}
.right_sec {
width:92%;
float:left;
background: #1ca0de;
padding: 5px 30px 5px 30px;
}
.heding11 {
font-family: Calibri;
font-size:40px;
font-weight:bold;
color:#ff3600;
padding-bottom:25px;
margin-bottom:0px;
text-align:left; padding-left:5px;
}
.heding11 span{ color:#00a1ff;}
.three_box2 {
width:98%;
float: left;
margin: 1%;
}
.text3 {
color: #403d3d;
text-align: justify;
font-size: 13px;
line-height:18px;
padding-top: 0px;
font-family: 'Roboto Condensed', sans-serif;
}
h5 {
font-size:21px;
text-align: left;
line-height: 30px;
color: #1ca0de;
font-weight: normal;
}
.banner { width:100%; height:200px;
}
.banner img { width:100%;
height:200px;
}
.banner2 {
width: 100%;
float: left;
height:150px;
}
.banner2 img {
width: 100% !important;
height: 150px;
}
.left_sec2 {
width:98%;
float: left; margin:2% 1%;
}
.right_sec2 {
width:98%;
float: left; margin:10% 1%;
}
.header_left { width:100%;
float: left; padding-top:37px;
}
p {
margin: 0px;
padding: 0px;
color: #403d3d;
text-align: justify;
font-size:16px;
line-height:18px;
padding-top: 10px; font-weight:normal;
font-family: Calibri;
}
.text7 {
color:#1ca0de;
text-align:center;
font-size:23px;
font-family: 'Roboto Condensed', sans-serif;
line-height:30px; font-weight:bold; margin-bottom:10px;
}
.text7 span{ font-size:12px; font-weight:normal; line-height:18px; color:#bc0023; }
.service{
width:22%; float:left; margin:1%;
}
.service img {
width: 100%; float:left;
}
.heding3 {
font-family: Calibri; font-weight:bold;
font-size: 32px;
color:#333;
border-left:#1ca0de 3px solid;
line-height:20px; padding-left:10px; margin:10px 0px 30px 0px;
background: url(../images/line2.png) left bottom no-repeat;
}
.text9 {
color: #FFFFFF;
text-align:left;
font-size:17px;
font-family:Calibri; text-align:center;
line-height:20px;
}
.text10 {font-size:16px; padding:0px 20px;
font-family:Calibri; text-align:justify; color: #FFFFFF;}
}
@media handheld, only screen and (max-width:568px) {
.section2 {
float: left;
width: 100%;
background:#d8e3e9;
padding: 30px 10px 40px 10px; border-bottom:#FFF 15px solid;
}
.heding11 {
font-family: Calibri;
font-size:33px;
font-weight:bold;
color:#ff3600;
padding-bottom:5px;
margin-bottom:10px;
text-align:left; padding-left:5px;
}
.heding11 span{ color:#00a1ff;}
.section5 { width:94%; background:#FFFFFF;
padding: 40px 10px 30px 10px; border-bottom:#999 1px solid;
}
h3 {
font-size: 18px;
color: #000000!important;
font-family: Roboto;
font-style: normal;
font-weight: normal;
line-height: 25px;
}
h3 span {
font-size: 16px;
font-weight: normal; color: #000000!important;
}
.heding3 {
font-family: Calibri; font-weight:bold;
font-size: 33px;
color:#333;
border-left:#1ca0de 3px solid;
line-height:20px; padding-left:10px; margin:10px 0px 30px 0px;
background: url(../images/line2.png) left bottom no-repeat;
}
p {
margin: 0px;
padding: 0px;
color: #403d3d;
text-align: justify;
font-size:15px;
line-height:18px;
padding-top: 10px; font-weight:normal;
font-family: Calibri;
}
.service{
width:100%; float:left; margin:2% 1%;
}
.service img {
width: 100%; float:left;
}
.form2 {
width:98%;
float: left;
background: #FFFFFF;
border-radius: 5px; border:#000 1px solid !important;
font-size: 16px;
font-family: Calibri;
padding: 5px 8px 127px 5px;
border: none;
color: #000000;
margin-bottom: 3px;
}
.box2 {
width:78%;
float: left;
margin: 1%;
}
.box1 {
width:13%;
float: left;
margin: 1%;
background: #bc0023;
border-radius: 100%;
text-align: center;
padding: 24px 0px;
}
.header_left { width:100%;
float: left; padding-top:37px;
}
.banner2 {
width: 100%;
float: left;
height:150px;
}
.banner2 img {
width: 100% !important;
height: 150px;
}
.heding2 {
font-family: Calibri;
font-size: 35px; font-weight:bold;
color:#333;
border-left:#1ca0de 3px solid;
line-height:20px;
padding-left:10px;
margin:10px 0px 30px 2px;
background: url(../images/line2.png) left bottom no-repeat;
}
.titel {
left:1%;
right:1%;
background:#1ca0de;
opacity: 0.3;
}
.map_box1 {
width:98%;
float: left;
background:1ca0de;
margin:1%;
}
.map_box2 {
width:98%;
float:left;
margin:1%;
}
.gallery {
width:100%;
float: left;
margin: 0px;
}
.gallery img {
width: 100%;
float: left;
}
.text6 {
color: #FFFFFF;
text-align: center;
font-size: 13px;
font-family: 'Roboto Condensed', sans-serif;
line-height: 22px;
padding: 10px 20px;
}
.four_box {
width:98%;
margin: 1%;
}
.more3 { width:20px; float:right; margin-top:10px;
}
.more3 a {
color:#FFFFFF!important;
display: inline-block; border-radius:100%;
background:#47a2ff;
font-size:22px; line-height:15px;
padding:3px 4px;
text-decoration: none;
}
.more3 a:hover { background:#020d2d;
color:#FFFFFF!important;
}
h1 {
font-size:25px;
color: #FFFFFF;
font-family: 'Open Sans', sans-serif;
text-align: left;
font-weight: bold;
line-height:20px; padding-top:10px;
}
.left_sec {
width:100%;
float: left;
padding-top:0px;
padding-bottom:0px;
border-bottom:#00a1ff 1px solid; border-top:#00a1ff 1px solid;
}
.right_sec {
width:96%;
float:left
background: #1ca0de;
padding: 5px 20px 8px 20px;
}
.text02 {
width: 100%;
margin: auto;
padding-bottom: 30px;
}
.text02 li {
background: url(../images/icon1.png) left top no-repeat;
background-position: 2px 6px;
font-size:13px;
display: block;
text-decoration: none;
font-family: 'Roboto Condensed', sans-serif;
line-height: 28px;
list-style: none;
text-align: justify;
padding-left: 30px;
color: #000000;
}
.bg {
width:93%;
margin: auto;
padding: 20px 10px 5px 15px;
background: url(../images/bg1.png) left top no-repeat; background-size:100% 100%;
}
.three_box2 {
width:98%;
float: left;
margin: 3% 1%;
}
.top_left {
float:left;
padding-top:0px;
padding-right:0px;
padding-left:55px; margin-left:0px;
}
.banner {
width: 100%;
float: left;
height:200px;
}
.banner img {
width: 100%;
height:200px;
}
.coppy {width:100%;
float: left;
color: #FFFFFF;
margin:10px 0px 6px 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
.oxford { width:100%;
float:left;
margin-top: 0px; margin-bottom:10px;
}
.oxford a {
font-family: Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-size: 12px;
text-decoration: none;
list-style: none;
}
.oxford a:hover {
text-decoration: underline;
}
.left_part{ width:98%; float:left; margin:1%; }
.heding5 {
font-family: Calibri;
font-size:25px;
color:#1ca0de;
padding-bottom:0px;
margin-bottom:0px;
background: url(../images/line2.png) left bottom no-repeat;
}
.left_sec2 {
width:98%;
float: left; margin:2% 1%;
}
.right_sec2 {
width:98%;
float: left; margin:10% 1%;
}
.quote-contain{ width:98%; margin: auto; height:370px; text-align:center;}
.box03{ width:23%; float: left; margin:1%; }
.box03 img{ width:100%; float:left; }
.box04{ width:72%; float: left; margin:1%;}
.text9 {
color: #FFFFFF;
text-align:left;
font-size:17px;
font-family:Calibri; text-align:center;
line-height:20px;
}
.text10 {font-size:15px; padding:0px 20px;
font-family:Calibri; text-align:justify; color: #FFFFFF;}
.text7 {
color:#1ca0de;
text-align:center;
font-size:25px;
font-family: 'Roboto Condensed', sans-serif;
line-height:40px; font-weight:bold;
}
.text7 span{ font-size:18px; font-weight:normal; line-height:18px; color:#bc0023; }
}
@media handheld, only screen and (max-width:533px) {
.heding11 {
font-family: Calibri;
font-size:33px;
font-weight:bold;
color:#ff3600;
padding-bottom:5px;
margin-bottom:20px;
text-align:left; padding-left:5px;
}
.heding11 span{ color:#00a1ff;}
.more3 { width:20px; float:right; margin-top:10px;
}
.more3 a {
color:#FFFFFF!important;
display: inline-block; border-radius:100%;
background:#47a2ff;
font-size:22px; line-height:15px;
padding:3px 4px;
text-decoration: none;
}
.more3 a:hover { background:#020d2d;
color:#FFFFFF!important;}
.section5 { width:94%; background:#FFFFFF;
padding: 40px 10px 30px 10px; border-bottom:#999 1px solid;
}
h3 {
font-size: 18px;
color: #000000!important;
font-family: Roboto;
font-style: normal;
font-weight: normal;
line-height: 25px;
}
h3 span {
font-size: 16px;
font-weight: normal; color: #000000!important;
}
.heding3 {
font-family: Calibri; font-weight:bold;
font-size: 33px;
color:#333;
border-left:#1ca0de 3px solid;
line-height:20px; padding-left:10px; margin:10px 0px 30px 0px;
background: url(../images/line2.png) left bottom no-repeat;
}
p {
margin: 0px;
padding: 0px;
color: #403d3d;
text-align: justify;
font-size:15px;
line-height:18px;
padding-top: 10px; font-weight:normal;
font-family: Calibri;
}
.service{
width:100%; float:left; margin:2% 1%;
}
.service img {
width: 100%; float:left;
}
.form2 {
width:98%;
float: left;
background: #FFFFFF;
border-radius: 5px; border:#000 1px solid !important;
font-size: 16px;
font-family: Calibri;
padding: 5px 8px 127px 5px;
border: none;
color: #000000;
margin-bottom: 3px;
}
.box2 {
width:78%;
float: left;
margin: 1%;
}
.box1 {
width:13%;
float: left;
margin: 1%;
background: #bc0023;
border-radius: 100%;
text-align: center;
padding: 20px 0px;
}
.header_left { width:100%;
float: left; padding-top:37px;
}
.banner2 {
width: 100%;
float: left;
height:150px;
}
.banner2 img {
width: 100% !important;
height: 150px;
}
.heding2 {
font-family: Calibri;
font-size: 35px; font-weight:bold;
color:#333;
border-left:#1ca0de 3px solid;
line-height:20px;
padding-left:10px;
margin:10px 0px 30px 2px;
background: url(../images/line2.png) left bottom no-repeat;
}
.titel {
left:1%;
right:1%;
background:#1ca0de;
opacity: 0.3;
}
.map_box1 {
width:98%;
float: left;
background:1ca0de;
margin:1%;
}
.map_box2 {
width:98%;
float:left;
margin:1%;
}
.gallery {
width:100%;
float: left;
margin: 0px;
}
.gallery img {
width: 100%;
float: left;
}
.text6 {
color: #FFFFFF;
text-align: center;
font-size: 13px;
font-family: 'Roboto Condensed', sans-serif;
line-height: 22px;
padding: 10px 20px;
}
.four_box {
width:98%;
margin: 1%;
}
h1 {
font-size:25px;
color: #FFFFFF;
font-family: 'Open Sans', sans-serif;
text-align: left;
font-weight: bold;
line-height:20px;
}
.left_sec {
width:100%;
float: left;
padding-top:0px;
padding-bottom:5px;
background: url(../images/bg.jpg) left top no-repeat;
background-size: 100% 100%;
}
.right_sec {
width:96%;
float:left;
background: #1ca0de;
padding: 40px 15px 40px 20px;
}
.text02 {
width: 100%;
margin: auto;
padding-bottom: 30px;
}
.text02 li {
background: url(../images/icon1.png) left top no-repeat;
background-position: 2px 6px;
font-size:13px;
display: block;
text-decoration: none;
font-family: 'Roboto Condensed', sans-serif;
line-height: 28px;
list-style: none;
text-align: justify;
padding-left: 30px;
color: #000000;
}
.bg {
width:93%;
margin: auto;
padding: 20px 10px 5px 15px;
background: url(../images/bg1.png) left top no-repeat; background-size:100% 100%;
}
.three_box2 {
width:98%;
float: left;
margin: 3% 1%;
}
.top_left {
float:left;
padding-top:0px;
padding-right:0px;
padding-left:55px; margin-left:0px;
}
.banner {
width: 100%;
float: left;
height:200px;
}
.banner img {
width: 100%;
height:200px;
}
.coppy {width:100%;
float: left;
color: #FFFFFF;
margin:10px 0px 6px 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
.oxford { width:100%;
float:left;
margin-top: 0px; margin-bottom:10px;
}
.oxford a {
font-family: Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-size: 12px;
text-decoration: none;
list-style: none;
}
.oxford a:hover {
text-decoration: underline;
}
.left_part{ width:98%; float:left; margin:1%; }
.heding5 {
font-family: Calibri;
font-size:25px;
color:#1ca0de;
padding-bottom:0px;
margin-bottom:0px;
background: url(../images/line2.png) left bottom no-repeat;
}
.left_sec2 {
width:98%;
float: left; margin:2% 1%;
}
.right_sec2 {
width:98%;
float: left; margin:10% 1%;
}
.quote-contain{ width:98%; margin: auto; height:370px; text-align:center;}
.box03{ width:23%; float: left; margin:1%; }
.box03 img{ width:100%; float:left; }
.box04{ width:72%; float: left; margin:1%;}
.text9 {
color: #FFFFFF;
text-align:left;
font-size:17px;
font-family:Calibri; text-align:center;
line-height:20px;
}
.text10 {font-size:15px; padding:0px 15px;
font-family:Calibri; text-align:justify; color: #FFFFFF;}
.text7 {
color:#1ca0de;
text-align:center;
font-size:25px;
font-family: 'Roboto Condensed', sans-serif;
line-height:40px; font-weight:bold;
}
.text7 span{ font-size:18px; font-weight:normal; line-height:18px; color:#bc0023; }
}
@media handheld, only screen and (max-width: 480px) {
.heding6 {
font-family: Calibri;
font-size:27px; font-weight:bold;
color:#FFFFFF;
padding-bottom:5px;
margin-bottom:25px; text-align:center; background: url(../images/line4.png) bottom center no-repeat;
}
.video{ width:100%; float:left; padding:10px 2px; }
.video img{ width:100%; float:left; }
.section2 {
float: left;
width:98%;
background:#d8e3e9;
padding: 30px 0px 40px 0px; border-bottom:#FFF 15px solid;
}
.section4 {
background: url(../images/bg1.jpg) left top no-repeat;
background-size: cover;
padding:50px 0px 15px 0px;
float: left;
width:98%;
}
.section12 {
width:98%;
float: left; background: url(../images/bg5.jpg) left top no-repeat; background-size:100% 100%;
padding:20px 10px 60px 10px !important; border-bottom:#333 1px solid;
}
.section10 {
width:99%;
float: left;
background: #16171d;
padding: 10px 0px 10px 10px;
border-top: #FFF 1px solid;
}
.bg {
width: 81%;
float:left;
padding: 10px 10px 0px 10px;
}
.heding11 {
font-family: Calibri;
font-size:25px;
font-weight:bold;
color:#ff3600;
padding-bottom:5px;
margin-bottom:5px;
text-align:left; padding-left:5px;
}
.section5 { width:94%; background:#FFFFFF;
padding: 40px 10px 30px 10px; border-bottom:#999 1px solid;
}
h3 {
font-size: 18px;
color: #000000!important;
font-family: Roboto;
font-style: normal;
font-weight: normal;
line-height: 25px;
}
h3 span {
font-size: 16px;
font-weight: normal; color: #000000!important;
}
.heding3 {
font-family: Calibri; font-weight:bold;
font-size: 33px;
color:#333;
border-left:#1ca0de 3px solid;
line-height:20px; padding-left:10px; margin:10px 0px 30px 0px;
background: url(../images/line2.png) left bottom no-repeat;
}
p {
margin: 0px;
padding: 0px;
color: #403d3d;
text-align: justify;
font-size:15px;
line-height:18px;
padding-top: 10px; font-weight:normal;
font-family: Calibri;
}
.service{
width:100%; float:left; margin:2% 1%;
}
.service img {
width: 100%; float:left;
}
.box2 {
width:78%;
float: left;
margin: 1%;
}
.box1 {
width:15%;
float: left;
margin: 1%;
background: #bc0023;
border-radius: 100%;
text-align: center;
padding: 20px 0px;
}
.header_left { width:100%;
float: left; padding-top:37px;
}
.banner2 {
width: 100%;
float: left;
height:150px;
}
.banner2 img {
width: 100% !important;
height: 150px;
}
.heding2 {
font-family: Calibri;
font-size: 35px; font-weight:bold;
color:#333;
border-left:#1ca0de 3px solid;
line-height:20px;
padding-left:10px;
margin:10px 0px 30px 2px;
background: url(../images/line2.png) left bottom no-repeat;
}
.titel {
left:1%;
right:1%;
background:#1ca0de;
opacity: 0.3;
}
.map_box1 {
width:98%;
float: left;
background:1ca0de;
margin:1%;
}
.map_box2 {
width:98%;
float:left;
margin:1%;
}
.gallery {
width:100%;
float: left;
margin: 0px;
}
.gallery img {
width: 100%;
float: left;
}
.text6 {
color: #FFFFFF;
text-align: center;
font-size: 13px;
font-family: 'Roboto Condensed', sans-serif;
line-height: 22px;
padding: 10px 20px;
}
.four_box {
width:98%;
margin: 1%;
}
.section6 { width:98%;
background: url(../images/bg2.jpg) left top no-repeat;
background-size: cover;
padding: 30px 0px 40px 0px !important;
}
h1 {
font-size:18px;
color: #FFFFFF;
font-family: 'Open Sans', sans-serif;
text-align: left;
font-weight: bold;
line-height:20px;
}
.left_sec {
width:98%;
float: left;
padding-top:5px;
padding-bottom:6px;
background: url(../images/bg.jpg) left top no-repeat;
background-size: 100% 100%;
}
.right_sec {
width:98%;
float:left;
background: #1ca0de;
padding: 40px 15px 40px 15px !important;
}
.text02 {
width: 100%;
margin: auto;
padding-bottom: 30px;
}
.text02 li {
background: url(../images/icon1.png) left top no-repeat;
background-position: 2px 6px;
font-size:13px;
display: block;
text-decoration: none;
font-family: 'Roboto Condensed', sans-serif;
line-height: 28px;
list-style: none;
text-align: justify;
padding-left: 30px;
color: #000000;
}
.three_box2 {
width:98%;
float: left;
margin: 3% 1%;
}
.top_left {
float:left;
padding-top:0px;
padding-right:0px;
padding-left:55px; margin-left:0px;
}
.banner {
width: 100%;
float: left;
height:200px;
}
.banner img {
width: 100%;
height:200px;
}
.coppy {width:100%;
float: left;
color: #FFFFFF;
margin:10px 0px 6px 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
.oxford { width:100%;
float:left;
margin-top: 0px; margin-bottom:10px;
}
.oxford a {
font-family: Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-size: 12px;
text-decoration: none;
list-style: none;
}
.oxford a:hover {
text-decoration: underline;
}
.left_part{ width:98%; float:left; margin:1%; }
.heding5 {
font-family: Calibri;
font-size:25px;
color:#1ca0de;
padding-bottom:0px;
margin-bottom:0px;
background: url(../images/line2.png) left bottom no-repeat;
}
.left_sec2 {
width:98%;
float: left; margin:2% 1%;
}
.right_sec2 {
width:98%;
float: left; margin:10% 1%;
}
.quote-contain{ width:98%; margin: auto; height:370px; text-align:center;}
.box03{ width:23%; float: left; margin:1%; }
.box03 img{ width:100%; float:left; }
.box04{ width:72%; float: left; margin:1%;}
.text9 {
color: #FFFFFF;
text-align:left;
font-size:17px;
font-family:Calibri; text-align:center;
line-height:20px;
}
.text10 {font-size:15px; padding:0px 5px;
font-family:Calibri; text-align:justify; color: #FFFFFF;}
.text7 {
color:#1ca0de;
text-align:center;
font-size:25px;
font-family: 'Roboto Condensed', sans-serif;
line-height:40px; font-weight:bold;
}
.text7 span{ font-size:18px; font-weight:normal; line-height:18px; color:#bc0023; }
}
@media handheld, only screen and (max-width:414px) {
.heding6 {
font-family: Calibri;
font-size:27px; font-weight:bold;
color:#FFFFFF;
padding-bottom:5px;
margin-bottom:25px; text-align:center; background: url(../images/line4.png) bottom center no-repeat;
}
.section12 {
width:94%;
float: left; background: url(../images/bg5.jpg) left top no-repeat; background-size:100% 100%;
padding:20px 10px 60px 10px !important; border-bottom:#333 1px solid;
}
.section10 {
width: 100%;
float: left;
background: #16171d;
padding: 10px 0px 10px 10px;
border-top: #FFF 1px solid;
}
.right_sec {
width:95%;
float:left;
background: #1ca0de;
padding:20px 10px 10px 10px;
}
.left_sec {
width:95%;
float: left;
padding-top:0px;
padding-bottom: 10px; border-bottom:#00a1ff 1px solid; border-top:#FFFFFF 1px solid;
}
.bg {
width:94%;
float:left;
padding: 20px 1px 0px 5px;
background: url(../images/bg1.png) left top no-repeat; background-size:100% 100%;
}
.more3 { width:20px; float:right; margin-top:10px; margin-left:20px;
}
.more3 a {
color:#FFFFFF;
display: inline-block; border-radius:100%;
background:#47a2ff;
font-size:22px; line-height:15px;
padding:3px 4px;
text-decoration: none;
}
.more3 a:hover { background:#020d2d;
color: #FFFFFF;
}
.text10 {font-size:15px;
font-family:Calibri; text-align:center; color: #FFFFFF; padding:0px 20px; }
.heding11 {
font-family: Calibri;
font-size:24px;
font-weight:bold;
color:#ff3600;
padding-bottom:5px;
margin-bottom:5px;
text-align:left;
padding-left:5px;
}
.heding11 span{ color:#00a1ff;}
h6 {
font-size: 44px;
color: #000000;
font-family: 'Roboto', sans-serif;
line-height: 40px;
font-style: normal;
text-align: center;
font-weight: normal;
padding-bottom:8px !important;
}
.more2 {
margin-top: 30px;
}
.more2 a {
color:#FFFFFF!important;
display: inline-block;
font-size: 14px;
padding-right: 20px;
line-height: 7px;
padding-bottom: 10px;
text-decoration: none;
}
.more2 a:hover {
color:#000000!important;
}
.phone {
float: left;
background: url(../images/phone.png) left top no-repeat;
background-position: 2px 6px;
padding-left: 20px;
font-family: Calibri;
font-size: 17px;
color:#FFF!important;
}
.phone a{ color:#FFF;}
.phone2 {
float: left;
background: url(../images/phone2.png) left top no-repeat;
background-position: 0px 8px;
padding-left: 20px;
font-family: Calibri; line-height:30px;
font-size: 17px;
color:#403d3d!important;
}
h3 {
font-size: 18px;
color: #000000!important;
font-family: 'Roboto Condensed', sans-serif;
font-style: normal;
font-weight: normal;
line-height: 25px;
}
h3 span {
font-size: 16px;
font-weight: normal; color: #000000!important; font-family: 'Roboto Condensed', sans-serif;
}
.text02 {
width: 100%;
margin: auto;
padding-bottom: 30px;
}
.text02 li {
background: url(../images/icon1.png) left top no-repeat;
background-position: 2px 6px;
font-size:13px;
display: block;
text-decoration: none;
font-family: 'Roboto Condensed', sans-serif;
line-height: 27px;
list-style: none;
text-align: justify;
padding-left: 30px;
color: #000000;
}
.more3 { width:20px; float:right; margin-top:10px; margin-left:20px;
}
.more3 a {
color:#FFFFFF!important;
display: inline-block; border-radius:100%;
background:#47a2ff;
font-size:22px; line-height:15px;
padding:3px 4px;
text-decoration: none;
}
.more3 a:hover { background:#bc0023!important;
color:#FFFFFF !important;
}
.text1 {
font-size:13px;
color: #FFF;
font-family: Open Sans;
line-height:16px;
padding-top: 10px;
padding-bottom: 10px;
}
.header_left { width:100%;
float: left; padding-top:37px;
}
.top_left {
float:left;
padding-top:2px;
padding-right:0px;
padding-left:11px; margin-left:0px;
}
.quote-contain{ width:98%; margin: auto; height:370px; text-align:center;}
.banner2 {
width: 100%;
float: left;
height: 200px;
}
.banner2 img {
width: 100% !important;
height: 200px;
}
.banner { width:100%; float:left; height:241px; }
.banner img {
height:241px;
}
.box1 {
width:12%;
float: left;
margin: 1%;
background: #bc0023;
border-radius: 100%;
text-align: center;
padding:12px 0px;
}
.phone {
float: left;
background: url(../images/phone.png) left top no-repeat;
background-position: 2px 6px;
padding-left: 20px;
font-family: Calibri;
font-size: 17px;
color:#FFF!important;
}
.phone a{ color:#FFF;}
.phone2 {
float: left;
background: url(../images/phone2.png) left top no-repeat;
background-position: 0px 8px;
padding-left: 20px;
font-family: Calibri; line-height:30px;
font-size: 17px;
color: #403d3d!important;
}
}
@media handheld, only screen and (max-width:375px) {
.right_sec {
width:94%;
float:left;
background: #1ca0de;
padding:20px 10px 10px 10px;
}
.left_sec {
width:98%;
float: left;
padding-top:0px;
padding-bottom: 10px; border-bottom:#00a1ff 1px solid; border-top:#00a1ff 1px solid;
}
.bg {
width:94%;
float:left;
padding: 20px 1px 0px 5px;
background: url(../images/bg1.png) left top no-repeat; background-size:100% 100%;
}
.more3 { width:20px; float:right; margin-top:10px; margin-left:20px;
}
.more3 a {
color:#FFFFFF;
display: inline-block; border-radius:100%;
background:#47a2ff;
font-size:22px; line-height:15px;
padding:3px 4px;
text-decoration: none;
}
.more3 a:hover { background:#020d2d;
color: #FFFFFF;
}
.heding11 {
font-family: Calibri;
font-size:24px;
font-weight:bold;
color:#ff3600;
padding-bottom:5px;
margin-bottom:5px;
text-align:left;
padding-left:5px;
}
.heding11 span{ color:#00a1ff;}
h6 {
font-size: 44px;
color: #000000;
font-family: 'Roboto', sans-serif;
line-height: 40px;
font-style: normal;
text-align: center;
font-weight: normal;
padding-bottom:8px !important;
}
.phone {
float: left;
background: url(../images/phone.png) left top no-repeat;
background-position: 2px 6px;
padding-left: 20px;
font-family: Calibri;
font-size: 17px;
color:#FFF!important;
}
.phone a{ color:#FFF;}
.phone2 {
float: left;
background: url(../images/phone2.png) left top no-repeat;
background-position: 0px 8px;
padding-left: 20px;
font-family: Calibri; line-height:30px;
font-size: 17px;
color: #403d3d!important;
}
h3 {
font-size: 18px;
color: #000000!important;
font-family: 'Roboto Condensed', sans-serif;
font-style: normal;
font-weight: normal;
line-height: 25px;
}
h3 span {
font-size: 16px;
font-weight: normal; color: #000000!important; font-family: 'Roboto Condensed', sans-serif;
}
.text02 {
width: 100%;
margin: auto;
padding-bottom: 30px;
}
.text02 li {
background: url(../images/icon1.png) left top no-repeat;
background-position: 2px 1px;
font-size:13px;
display: block;
text-decoration: none;
font-family: 'Roboto Condensed', sans-serif;
line-height:23px;
list-style: none;
text-align: justify;
padding-left: 30px;
color: #000000;
}
.text1 {
font-size:13px;
color: #FFF;
font-family: Open Sans;
line-height:16px;
padding-top: 10px;
padding-bottom: 10px;
}
.header_left { width:100%;
float: left; padding-top:37px;
}
.top_left {
float:left;
padding-top:10px;
padding-right:0px;
padding-left:11px; margin-left:0px;
}
.quote-contain{ width:98%; margin: auto; height:370px; text-align:center;}
.banner2 {
width: 100%;
float: left;
height: 200px;
}
.banner2 img {
width: 100% !important;
height: 200px;
}
.banner { width:100%; float:left; height:241px; }
.banner img {
height:241px;dfsdfsd
}
.heding6 {
font-family: Calibri;
font-size:30px; font-weight:bold;
color:#FFFFFF;
padding-bottom:5px;
margin-bottom:25px; text-align:center; background: url(../images/line4.png) bottom center no-repeat;
}
.heding6 {
font-family: Calibri;
font-size:27px; font-weight:bold;
color:#FFFFFF;
padding-bottom:5px;
margin-bottom:25px; text-align:center; background: url(../images/line4.png) bottom center no-repeat;
}
.section12 {
width:94%;
float: left; background: url(../images/bg5.jpg) left top no-repeat; background-size:100% 100%;
padding:20px 10px 60px 10px !important; border-bottom:#333 1px solid;
}
.section10 {
width: 100%;
float: left;
background: #16171d;
padding: 10px 0px 10px 10px;
border-top: #FFF 1px solid;
}
}
@media handheld, only screen and (max-width: 360px) {
.heding6 {
font-family: Calibri;
font-size:27px; font-weight:bold;
color:#FFFFFF;
padding-bottom:5px;
margin-bottom:25px; text-align:center; background: url(../images/line4.png) bottom center no-repeat;
}
.section12 {
width:94%;
float: left; background: url(../images/bg5.jpg) left top no-repeat; background-size:100% 100%;
padding:20px 10px 60px 10px !important; border-bottom:#333 1px solid;
}
.section10 {
width: 100%;
float: left;
background: #16171d;
padding: 10px 0px 10px 10px;
border-top: #FFF 1px solid;
}
.right_sec {
width:94%;
float:left;
background: #1ca0de;
padding:20px 10px 10px 10px;
}
.left_sec {
width:98%;
float: left;
padding-top:0px;
padding-bottom: 10px; border-bottom:#00a1ff 1px solid; border-top:#00a1ff 1px solid;
}
.bg {
width:94%;
float:left;
padding: 20px 1px 0px 5px;
background: url(../images/bg1.png) left top no-repeat; background-size:100% 100%;
}
.more3 { width:20px; float:right; margin-top:10px; margin-left:20px;
}
.more3 a {
color:#FFFFFF;
display: inline-block; border-radius:100%;
background:#47a2ff;
font-size:22px; line-height:15px;
padding:3px 4px;
text-decoration: none;
}
.more3 a:hover { background:#020d2d;
color: #FFFFFF;
}
.heding11 {
font-family: Calibri;
font-size:22px;
font-weight:bold;
color:#ff3600;
padding-bottom:5px;
margin-bottom:5px;
text-align:left;
padding-left:5px;
}
.heding11 span{ color:#00a1ff;}
.phone {
float: left;
background: url(../images/phone.png) left top no-repeat;
background-position: 2px 6px;
padding-left: 20px;
font-family: Calibri;
font-size: 17px;
color:#FFF!important;
}
.phone a{ color:#FFF;}
.phone2 {
float: left;
background: url(../images/phone2.png) left top no-repeat;
background-position: 0px 8px;
padding-left: 20px;
font-family: Calibri; line-height:30px;
font-size: 17px;
color: #403d3d!important;
}
.text02 {
width: 100%;
margin: auto;
padding-bottom: 30px;
}
.text02 li {
background: url(../images/icon1.png) left top no-repeat;
background-position: 2px 2px;
font-size:13px;
display: block;
text-decoration: none;
font-family: 'Roboto Condensed', sans-serif;
line-height: 23px;
list-style: none;
text-align: justify;
padding-left: 30px;
color: #000000;
}
.text1 {
font-size:13px;
color: #FFF;
font-family: Open Sans;
line-height:16px;
padding-top: 10px;
padding-bottom: 10px;
}
.header_left { width:100%;
float: left; padding-top:37px;
}
.top_left {
float:left;
padding-top:10px;
padding-right:0px;
padding-left:11px; margin-left:0px;
}
.quote-contain{ width:98%; margin: auto; height:370px; text-align:center;}
.banner2 {
width: 100%;
float: left;
height: 200px;
}
.banner2 img {
width: 100% !important;
height: 200px;
}
.banner { width:100%; float:left; height:241px; }
.banner img {
height:241px;
}
.left_sec2 {
width:98%;
float: left;
}
}
@media handheld, only screen and (max-width: 320px) {
.heding6 {
font-family: Calibri;
font-size:27px; font-weight:bold;
color:#FFFFFF;
padding-bottom:5px;
margin-bottom:25px; text-align:center; background: url(../images/line4.png) bottom center no-repeat;
}
.section12 {
width:94%;
float: left; background: url(../images/bg5.jpg) left top no-repeat; background-size:100% 100%;
padding:20px 10px 60px 10px !important; border-bottom:#333 1px solid;
}
.box1 {
width:15%;
float: left;
margin: 1%;
background: #bc0023;
border-radius: 100%;
text-align: center;
padding:12px 0px;
}
.box1:hover {
background:#1ca0de;
}
.phone {
float: left;
background: url(../images/phone.png) left top no-repeat;
background-position: 2px 6px;
padding-left: 20px;
font-family: Calibri;
font-size: 17px;
color:#FFF!important;
}
.phone a{ color:#FFF;}
.phone2 {
float: left;
background: url(../images/phone2.png) left top no-repeat;
background-position: 0px 8px;
padding-left: 20px;
font-family: Calibri; line-height:30px;
font-size: 17px;
color: #403d3d!important;
}
.text02 {
width: 100%;
margin: auto;
padding-bottom: 30px;
}
.text02 li {
background: url(../images/icon1.png) left top no-repeat;
background-position: 2px 2px;
font-size:13px;
display: block;
text-decoration: none;
font-family: 'Roboto Condensed', sans-serif;
line-height: 23px;
list-style: none;
text-align: justify;
padding-left:22px;
color: #000000;
}
.more3 { width:20px; float:right; margin-top:10px; margin-left:20px;
}
.more3 a {
color:#FFFFFF;
display: inline-block; border-radius:100%;
background:#47a2ff;
font-size:22px; line-height:15px;
padding:3px 4px;
text-decoration: none;
}
.more3 a:hover { background:#020d2d;
color: #FFFFFF;
}
.text1 {
font-size:13px;
color: #FFF;
font-family: Open Sans;
line-height:16px;
padding-top: 10px;
padding-bottom: 10px;
}
.header_left { width:100%;
float: left; padding-top:37px;
}
.top_left {
float:left;
padding-top:10px;
padding-right:0px;
padding-left:11px; margin-left:0px;
}
.quote-contain{ width:98%; margin: auto; height:370px; text-align:center;}
.banner2 {
width: 100%;
float: left;
height: 200px;
}
.banner2 img {
width: 100% !important;
height: 200px;
}
.banner { width:100%; float:left; height:241px; }
.banner img {
height:241px;
}
.right_sec {
width:92%;
float:left;
background: #1ca0de;
padding:20px 10px 10px 10px;
}
.left_sec {
width:98%;
float: left;
padding-top:0px;
padding-bottom: 10px; border-bottom:#00a1ff 1px solid; border-top:#00a1ff 1px solid;
}
.bg {
width:94%;
float:left;
padding: 20px 1px 0px 5px;
background: url(../images/bg1.png) left top no-repeat; background-size:100% 100%;
}
.left_sec2 {
width:98%;
float: left;
}
.heding11 {
font-family: Calibri;
font-size:20px;
font-weight:bold;
color:#ff3600;
padding-bottom:5px;
margin-bottom:5px;
text-align:left;
padding-left:5px;
}
.heding11 span{ color:#00a1ff;}
}