/***** BEGIN RESET *****/
* {
    background:transparent;
    border:0;
    margin:0;
    padding:0;
    font-family:'Work Sans', Arial, sans-serif;
}
ol, ul {list-style: none;}
.clear {clear:both; height:0px; margin:0;}
/***** END RESET *****/

header, nav, article, footer, img {display:block;}

body {background:#000 url('../siteart/bg.jpg') repeat top center; color:#000; font-size:18px; font-weight:500; line-height:normal; font-family:'Work Sans', sans-serif; -webkit-text-size-adjust:none;}
.clear-it:after {content:""; clear:both; display:block;}

.wrap {width:92%; margin:0 auto; max-width:1230px;}
.sm-wrap {width:92%; margin:0 auto; max-width:950px;}

.show-1024, .show-tablet, .show-480 {display:none;}

.column1, .column2, .column3, .column4, .column5, .column6, .column7, .column8, .column9, .column10, .column11, .column12 {box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; float:left;}
.column1 {width:8.33333%;}
.column2 {width:16.66666%;}
.column3 {width:25%;}
.column4 {width:33.33333%;}
.column5 {width:41.66666%;}
.column6 {width:50%;}
.column7 {width:58.33333%;}
.column8 {width:66.66666%;}
.column9 {width:75%;}
.column10 {width:83.33333%;}
.column11 {width:91.66666%;}
.column12 {width:100%;}

.col-pad-lt {padding:0 0 0 2%;}
.col-pad-rt {padding:0 2% 0 0;}
.col-pad-center {padding:0 1%;}

.black-divide {width:100%; height:1px; background:#000; display:block; margin:5px 0 20px 0;}
.full-img img {width:100%; height:auto; margin:0 auto 10px auto; max-width:300px;}


/**** typography styles **/
/* font-family:'Work Sans', sans-serif; */
p {margin-bottom:18px; line-height:135%;}
.no-margin {margin:0!important;}

h1, h2, h3, h4, h5, h6 {font-family:'Work Sans', sans-serif; font-weight:700;}
h1 {font-size:36px; margin-bottom:17px;}
h2 {font-size:32px; margin-bottom:12px;}
h3 {font-size:30px; margin-bottom:10px;}
h4 {font-size:28px; margin-bottom:7px;}
h5 {font-size:24px; margin-bottom:5px;}
h6 {font-size:20px; margin-bottom:3px;}

.blue {color:#0148b0;}
.black {color:#000;}
.white {color:#fff;}

.caps {text-transform:uppercase;}

a {color:inherit; text-decoration:none;}
a:hover {color:inherit; text-decoration:underline;}

.blue-btn {background:#0148b0; color:#fff; text-align:center; margin-bottom:10px; display:block; padding:10px; font-weight:700; font-size:16px; text-transform:uppercase;}
.blue-btn:hover {color:#fff; background:#000; text-decoration:none;}

.text-center {text-align:center;}
.text-right {text-align:right;}

ul.list {list-style:disc; margin:0 0 14px 14px;}
ul.list li {list-style:disc; margin-left:14px;}


/**** header/nav styles **/
header {width:100%; padding:18px 0;}
.logo {width:35%; margin-right:3%; float:left;}
.logo img {width:100%; height:auto; max-width:355px;}
.head-phone {width:62%; float:left; text-align:right; margin-top:35px; color:#000; font-size:32px; font-weight:700;}
.head-phone i {vertical-align:middle;}

nav {width:100%; background:#0148b0;}
nav ul {width:100%; margin:0 auto; text-align:center;}
nav li {position:relative; display:inline-block;}
nav a:link, nav a:active, nav a:visited {    text-decoration: none;
    display: block;
    padding: 0 25px;
    line-height: 50px;
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;}
nav a:hover, nav li.active a {background:#fff; color:#0148b0;}

nav ul ul {display:none; position:absolute; z-index:99999; top:50px; left:0; width:200px; background:#0148b0; margin:0;}
nav ul ul ul {position:absolute; left:100%; top:0; margin:0;}
nav ul li:hover > ul {display:block; z-index:99999;}
nav ul ul li {float:none; position:relative; display:block;}
nav ul ul li a:link, nav ul ul li a:active, nav ul ul li a:visited, nav li.active li a {font-size:14px; background:#0148b0; line-height:16px; padding:10px 0px 10px 10px; border-bottom:1px solid #012E70; color:#fff;}
nav ul ul li a:hover, nav li.active li a:hover {background:#fff; color:#0148b0;}

/* mobile nav styles */
#mobile-nav .close-nav {width:100%; display:block; height:30px; line-height:30px; text-align:right; border-bottom:1px #012E70 solid;}
#mobile-nav .close-nav i {font-size:20px; color:#fff; margin-right:15px; cursor:pointer;}

#mobile-nav {display:none; position:fixed; top:0; height:100%; z-index:9999; width:260px; overflow-x:none; overflow-y:auto; font-size:15px; background:#0148b0; color:#fff; margin:0!important; -moz-box-shadow:2px 0px 3px rgba(0,0,0,.4); -webkit-box-shadow:2px 0px 3px rgba(0,0,0,.4); box-shadow:2px 0px 3px rgba(0,0,0,.4);}
#mobile-nav ul {clear:both; display:block; padding:0;}
#mobile-nav ul li {display:block; margin:0; line-height:40px; position:relative; border-bottom:1px solid #012E70;}
#mobile-nav ul li a, #mobile-nav ul li span {padding:0 15px; display:block; font-weight:600; text-decoration:none; color:#fff; border-left:5px #0148b0 solid; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
#mobile-nav ul li a:hover {background:#0148b0; color:#fff; border-left-color:#fff;}
#mobile-nav ul li.current a {border-left-color:#fff;}

#mobile-nav ul li.expandable .end {position:absolute; top:0px; right:0px; width:40px; height:40px; display:block; line-height:40px; text-align:center;}
#mobile-nav ul li.expandable .end i {font-size:20px; text-align:center; line-height:40px; color:#fff;}
#mobile-nav ul li.expandable .end.rotate {-ms-transform:rotate(90deg); -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg); transform:rotate(90deg);}

#mobile-nav ul ul.collapsed {display:none;}
#mobile-nav ul ul.expanded {display:block;}

#mobile-nav ul li ul {border-bottom:none; margin:0; background:#000;}
#mobile-nav ul li ul li {line-height:40px; font-size:13px;}
#mobile-nav ul li ul li:last-child {border-bottom:none;}
#mobile-nav ul li ul li a, #mobile-nav ul li ul li span, #mobile-nav ul li.current li a {color:#fff; padding-left:25px; border-left-color:#000;}
#mobile-nav ul li ul li a:hover {background:#000; color:#fff;}



/**** content styles **/
.cycle-slideshow {width:100%; display:block; overflow:hidden; z-index:1; position:relative;}
.slide {width:100%; top:0; left:0; z-index:1; background-repeat:no-repeat; background-position:center; background-size:cover;}
.caption {width:92%; padding:35% 0 4% 0;}
.caption h2 {font-size:54px; text-shadow:2px 2px 2px rgba(0,0,0,0.75);}
.caption p {font-size:24px; text-shadow:2px 2px 2px rgba(0,0,0,0.75);}

/* pager */
.cycle-pager {text-align:center; width:20px; z-index:500; position:absolute; top:10px; right:2%; overflow:hidden;}
.cycle-pager span {font-family:arial; font-size:50px; width:16px; height:20px; line-height:20px; margin:2px 0; display:block; color:#999; cursor:pointer;}
.cycle-pager span.cycle-pager-active {color:#0148b0;}
.cycle-pager > * {cursor:pointer;}


article {width:100%; background:#fff; padding:50px 0;}

.link-box-contain {background:#fff; width:100%; display:block;}
.link-boxes {width:100%; display:block; position:relative; z-index:3; margin-bottom:-40px;}
.link-boxes a {width:100%; display:block; height:215px; background-repeat:no-repeat; background-position:center; background-size:cover; position:relative;}
.link-boxes a:hover {text-decoration:none;}
.link-boxes span {color:#fff; text-transform:uppercase; font-size:32px; font-weight:700; z-index:2; position:absolute; bottom:25px; left:25px; padding-right:25px; display:block;}
.link-boxes .shaded {position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(1,72,176,0.8); z-index:1;}
.link-boxes a:hover .shaded {background:rgba(1,72,176,0.5);}

.staff {width:100%; display:block;}
.emp {width:31.33333%; float:left; margin:0 2% 25px 0;}
.emp:nth-of-type(3n + 1) {clear:left;}


/**** footer styles **/
.foot {width:100%; padding:75px 0 35px 0; background:url('../siteart/gray-pattern.jpg') repeat; color:#fff; font-size:14px; line-height:150%; position:relative; z-index:1;}

ul.foot-nav {width:100%; margin-bottom:20px;}
ul.foot-nav li {float:left; display:inline-block;}
ul.foot-nav li:first-child a {padding-left:0;}
ul.foot-nav a:link, ul.foot-nav a:active, ul.foot-nav a:visited {display:block; color:#fff; text-transform:uppercase; font-size:14px; padding:0 9px;}
ul.foot-nav a:hover {text-decoration:none; color:#999;}

.foot-logo {width:100%;}
.foot-logo img {width:100%; height:auto; max-width:200px; float:right;}

footer {width:100%; padding:17px 0;}
.copyright {width:100%; text-align:center; color:#000; font-size:12px;}


/**** form styles **/


/**** responsive styles **/
@media screen and (max-width:1310px) {
	nav a:link, nav a:active, nav a:visited {
    padding: 0 20px;
	}
}

@media screen and (max-width:1240px) {
	nav a:link, nav a:active, nav a:visited {padding:0 15px; font-size:16px;}
	/*.caption {width:50%;}*/
	.link-boxes span {font-size:26px;}
}
@media screen and (max-width:1200px) {
nav a:link, nav a:active, nav a:visited {padding:0 10px;}
}
@media screen and (min-width:1025px) {
	#mobile-nav {display:none!important;}
}
@media screen and (max-width:1024px) {
	.hide-1024 {display:none!important;}
	.show-1024 {display:block;}
	
	.column1-ht {width:8.33333%;}
	.column2-ht {width:16.66666%;}
	.column3-ht {width:25%;}
	.column4-ht {width:33.33333%;}
	.column5-ht {width:41.66666%;}
	.column6-ht {width:50%;}
	.column7-ht {width:58.33333%;}
	.column8-ht {width:66.66666%;}
	.column9-ht {width:75%;}
	.column10-ht {width:83.33333%;}
	.column11-ht {width:91.66666%;}
	.column12-ht {width:100%;}
	
	.col-pad-lt-ht {padding:0 0 0 2%;}
	.col-pad-rt-ht {padding:0 2% 0 0;}
	.col-pad-center-ht {padding:0 1%;}
	.col-pad-clear-ht {padding:0;}
	
	body {font-size:16px;}
	p {margin-bottom:16px;}
	
	h1 {font-size:34px;}
	h2 {font-size:30px;}
	h3 {font-size:28px;}
	h4 {font-size:26px;}
	h5 {font-size:22px;}
	h6 {font-size:18px;}
	
	.head-phone {font-size:28px; margin-top:30px;}
	#simple-menu {fheight:36px; width:80px; line-height:36px; text-align:center; display:block; cursor:pointer; color:#fff; font-size:18px; font-weight:600; text-transform:uppercase; margin:0 auto;}
	
	/*.caption {width:68%;}*/
	article {padding:30px 0;}
	
	.link-boxes a {height:200px;}
	.link-boxes span {font-size:22px; left:15px; padding-right:15px;}
	
	.foot-logo img {float:none; margin:25px auto 0 auto;}
}
@media screen and (max-width:768px) {
	.hide-tablet {display:none!important;}
	.show-tablet {display:block;}
	
	.column1-vt {width:8.33333%;}
	.column2-vt {width:16.66666%;}
	.column3-vt {width:25%;}
	.column4-vt {width:33.33333%;}
	.column5-vt {width:41.66666%;}
	.column6-vt {width:50%;}
	.column7-vt {width:58.33333%;}
	.column8-vt {width:66.66666%;}
	.column9-vt {width:75%;}
	.column10-vt {width:83.33333%;}
	.column11-vt {width:91.66666%;}
	.column12-vt {width:100%;}
	
	.col-pad-lt-vt {padding:0 0 0 2%;}
	.col-pad-rt-vt {padding:0 2% 0 0;}
	.col-pad-center-vt {padding:0 1%;}
	.col-pad-clear-vt {padding:0;}
	
	.head-phone {font-size:24px; margin-top:20px;}
	
	.caption h2 {font-size:36px;}
	.caption p {font-size:18px;}
	
	article {padding:25px 0;}
	
	.emp {width:48%;}
    .emp:nth-of-type(3n + 1) {clear:none;}
    .emp:nth-of-type(odd) {clear:left;}
	
	.link-box-contain {padding-bottom:25px;}
	.link-boxes {width:92%; margin:0 auto;}
	.link-boxes a {margin-bottom:15px;}
	
	.foot {padding:25px 0;}
	ul.foot-nav {text-align:center; margin-bottom:10px;}
	ul.foot-nav li {float:none; margin-bottom:10px;}
}
@media screen and (max-width:640px) {
	.column1-hp {width:8.33333%;}
	.column2-hp {width:16.66666%;}
	.column3-hp {width:25%;}
	.column4-hp {width:33.33333%;}
	.column5-hp {width:41.66666%;}
	.column6-hp {width:50%;}
	.column7-hp {width:58.33333%;}
	.column8-hp {width:66.66666%;}
	.column9-hp {width:75%;}
	.column10-hp {width:83.33333%;}
	.column11-hp {width:91.66666%;}
	.column12-hp {width:100%;}
	
	.col-pad-lt-hp {padding:0 0 0 2%;}
	.col-pad-rt-hp {padding:0 2% 0 0;}
	.col-pad-center-hp {padding:0 1%;}
	.col-pad-clear-hp {padding:0;}
	
	body {font-size:14px;}
	p {margin-bottom:14px;}
	
	h1 {font-size:32px;}
	h2 {font-size:28px;}
	h3 {font-size:26px;}
	h4 {font-size:24px;}
	h5 {font-size:20px;}
	h6 {font-size:16px;}
	
	header {padding:14px 0;}
	.head-phone {font-size:20px; margin-top:15px;}
	
	.caption {/*width:82%;*/ padding:15% 0 3% 0;}
	
	.foot, ul.foot-nav a:link, ul.foot-nav a:active, ul.foot-nav a:visited {font-size:12px;}
	ul.foot-nav a:link, ul.foot-nav a:active, ul.foot-nav a:visited {padding:0 5px;}
	.foot-logo img {max-width:150px;}
}
@media screen and (max-width:480px) {
	.hide-480 {display:none!important;}
	.show-480 {display:block;}
	
	.column1-vp {width:8.33333%;}
	.column2-vp {width:16.66666%;}
	.column3-vp {width:25%;}
	.column4-vp {width:33.33333%;}
	.column5-vp {width:41.66666%;}
	.column6-vp {width:50%;}
	.column7-vp {width:58.33333%;}
	.column8-vp {width:66.66666%;}
	.column9-vp {width:75%;}
	.column10-vp {width:83.33333%;}
	.column11-vp {width:91.66666%;}
	.column12-vp {width:100%;}
	
	.col-pad-lt-vp {padding:0 0 0 2%;}
	.col-pad-rt-vp {padding:0 2% 0 0;}
	.col-pad-center-vp {padding:0 1%;}
	.col-pad-clear-vp {padding:0;}
	
	.logo {width:100%; margin-right:0;}
	.logo img {max-width:150px; margin:0 auto;}
	.head-phone {margin-top:7px; width:100%; text-align:center;}
	
	.caption h2 {font-size:24px;}
	.caption p {font-size:14px;}
	
	.emp {width:100%; margin:0 0 25px 0;}
	
	.link-boxes a {margin-bottom:10px;}
	
	.foot {padding:20px 0;}
	.copyright {font-size:10px;}
}
@media screen and (max-width:375px) {
	/*.caption {width:100%;}*/
}
@media screen and (max-width:320px) {
	
}