@import url(//fonts.googleapis.com/css?family=Open+Sans:400,600,800);
@import url(//fonts.googleapis.com/css?family=Merriweather:400,700,900);
@charset "utf-8";

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, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, input, textarea { margin : 0; padding : 0; border : 0; outline : 0; font-weight : inherit; font-style : inherit; font-size : 100%; font-family : inherit; vertical-align: top; background:transparent; box-sizing:border-box; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }
:focus { outline : 0; }
ol, ul { list-style : none; }
strong { font-weight:bold; }
html, body { width:100%; height: 100%; font-family: 'Open Sans', sans-serif;font-weight:400; color:#6d6d6d;}
* {margin: 0;}
::selection { color:#fff; background:#1b325f; }
::-moz-selection { color:#fff; background:#1b325f; }

header, footer, section { width:100%; float:left; position:relative;}
.inner { display:block; margin:0 auto; width:80%}
i, em { font-style:normal;}
h1, h2, h3, h4, h5 { font-family: 'Merriweather', serif; font-weight:700}
h1 { font-size:28px}
h2 { font-size:24px}
h3 { font-size:20px}
h4 { font-size:16px}
h5 { font-size:35px; color:#000}
a { text-decoration:none; font-family: 'Open Sans', sans-serif; transition:all 0.2s ease; color:#6d6d6d;}
.btn { color:#fff; padding:5px 60px; text-align:center; text-decoration:none; transition:all 0.2s ease; background:#6ba1cc; display:inline-block; margin:0 10px; border:1px solid #426fa6; cursor:pointer;}
.btn:hover { background:#426fa6;}

header .top { display:inline-block; width:100%; padding:10px 0; }
header .top .logo { float:left; }
header .top .logo a { display:inline-block; }
header .top .logo a img { max-width:100%;}
header .top .phone { float:right;  width:20%;text-align:right;}
header .top .slogan { display:block; width:50%; margin:0 auto; text-align:center;font-size:22px}
topnavh1 {font-size:22px;}
header nav { background:#6ba1cc; border-bottom:2px solid #fff;}
header nav ul { width:100%; display:inline-block;}
header nav ul li { float:left;}
header nav ul li a { color:#fff; padding:10px 20px; text-align:center; display:block; text-decoration:none; transition:all 0.2s ease;}
header nav ul li a:hover { background:#426fa6}

section.hero { border-bottom:3px solid #426fa6;}
section.hero .slider img { width:100%;}
.bx-controls { position:absolute; bottom:0px; left:0; width:100%;}
section.hero .bx-wrapper .bx-pager.bx-default-pager a:hover,section.hero .bx-wrapper .bx-pager.bx-default-pager a.active { background:#6ba1cc;}
.bx-caption { position:absolute; top:40px; left:0; width:100%;}
.bx-caption h2 { color: #000; width:75%; float:left; font-weight:700; font-size:30px;}
section.hero .call-to-action { position:absolute; bottom:80px; left:0; width:100%;  text-align:right;}
section.hero .call-to-action .btn {z-index:9999;}
.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {z-index:9999;}

section.home-block { border-bottom:1px solid #ebebeb}
section.home-block ul { width:100%; display:inline-block;}
section.home-block ul li { width:33%; float:left; text-align:left; }


section.home-block1 { border-bottom:1px solid #ebebeb}
section.home-block1 ul { width:100%; display:inline-block;}
section.home-block1 ul li { width:25%; float:left; text-align:left;}
section.home-block1 ul li a {padding:20px 0; cursor:pointer; min-height:350px; width:100%; float:left}
section.home-block1 ul li a:hover { background:#426fa6; color:#fff;}
section.home-block1 ul li h3 { padding:10px 30px 30px 30px;}
section.home-block1 ul li i { font-size:40px; display:inline-block; padding:0 20px;}
section.home-block1 ul li em { padding:10px; display:inline-block;}
section.home-block1 ul li a p { border-right: 1px solid #ebebeb; padding:0 30px; transition:all 0.2s ease;}
section.home-block1 ul li:last-child a p { border:none;}
section.home-block1 ul li a:hover p { border-color:#426fa6;}


section.home-block ul li a {padding:20px 0 0 0; cursor:pointer; min-height:280px; width:100%; float:left}

section.home-block ul li h3 { padding:10px 30px 30px 30px;}
section.home-block ul li i { font-size:40px; display:inline-block; padding:0 20px;}
section.home-block ul li em { padding:10px; display:inline-block;}
section.home-block ul li a p { padding:0 30px; min-height:160px; transition:all 0.2s ease;}
section.home-block ul li a span { width:60%; display:block; margin:20px auto 0 auto; height:1px; background:#ebebeb; transition:all 0.2s ease;}
section.home-block ul li:nth-child(3n+2) a p { border-left: 1px solid #ebebeb; border-right:1px solid #ebebeb;}
section.home-block ul li a:hover { background:#426fa6; color:#fff;}
section.home-block ul li a:hover span { background:#426fa6; }
section.home-block ul li:nth-child(3n+2) a:hover p { border-color:#426fa6;}


section.home-block .main-content { float:left; width:80%; padding:60px 60px 60px 0;}
section.home-block .main-content h1 { padding:0 0 40px 0;}
section.home-block .main-content h2 { padding:20px 0 30px 0;}
section.home-block .main-content p { padding:0 0 20px 0;}
section.home-block .main-content ul.text-list { padding:0 0 20px 0; width:100%;}
section.home-block .main-content ul.text-list li { width:100%; display:inline-block; padding:0 0 10px 0;}
section.home-block .main-content ul.text-list li i { font-size:10px; vertical-align:middle;}
section.home-block .side-content { float:right; width:20%;  padding:60px 0;}
section.home-block .side-content h3 { text-align:center; padding:0 0 20px 0;}
section.home-block .side-content form { width:100%;}
section.home-block .side-content form input, section.home-block .side-content textarea { width:100%; display:inline-block; border:1px solid #ebebeb; padding:10px; margin:0 0 20px 0;}
section.home-block .side-content form input.btn { width:100%; text-transform:uppercase;}
section.home-block .side-content textarea { height:200px}

footer .top { display:inline-block; width:100%;} 
footer .top ul { width:100%; display:inline-block; text-align:center}
footer .top ul li { display:inline-block; width:23%; padding:20px 0;}
footer .bottom { background:#426fa6; color:#fff; float:left; width:100%;}
footer .bottom ul li { float:left; padding:10px 10px;}
footer .bottom ul li a { color:#fff;}
footer .bottom ul li.pull-right { float:right;}

section.page-hero { border-bottom:3px solid #426fa6; padding:30px 0; background:url(../img/hero_bg.jpg) top center no-repeat; background-size:cover; }

section.page-hero .call-to-action { float:right;}
section.page-hero h1 { padding:0 0 0 20px}


section.service-block .main-content { width:60%; padding:60px;}
section.service-block .main-content h2 { padding:0 0 40px 0 }
section.service-block .side-menu { float:left; width:20%;  padding:60px 0;}
section.service-block .side-menu h3 { padding:0 0 50px 0}
section.service-block .side-menu  ul { width:100%; display:inline-block; border:1px solid #ebebeb; }
section.service-block .side-menu  ul li { width:100%; }
section.service-block .side-menu  ul li:last-child { float:left;}
section.service-block .side-menu  ul li:nth-child(4n+3), section.home-block ul li:nth-child(4n+4) { text-align:left;}
section.service-block .side-menu  ul li a {padding:10px 20px 10px 0; cursor:pointer; float:left; min-height:0;list-style-type: circle; }
section.service-block .side-menu  ul li a i { font-size:16px;}








.tablet-show { display:none}