/*---------------------------------------------------------------*/
/*--DEFAULTS--*/
/*---------------------------------------------------------------*/
* {padding: 0; margin: 0; border:0;}
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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

main,section,article{display:block;width:100%;}
a,article,figure,aside,main,section,div,span,h1,h2,h3,h4,h5,header,nav,hr{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	position:relative;
	float:left;
	display:inline-block;width:100%;
}

h1,h2,h3{font-weight:400;font-size:22px;line-height:26px;margin-bottom:8px;color: #99ccff;}
p{float:left;font-size:13px;line-height:20px;color:white;}

a{color: #99ccff;text-decoration:none;width:auto;transition:0.3s;}
a:hover{color: #336699;}
img{ float:left;}

/*---------------------------------------------------------------*/
/*--THEME COLOURS--*/
/*---------------------------------------------------------------*/
.color-red{color:#A41D34;}
.bg-red{background-color:#A41D34;}

/*---------------------------------------------------------------*/
/*--BODY AND MAIN ELEMENTS--*/
/*---------------------------------------------------------------*/
body {
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    font-weight:400;
    line-height:22px;
	color:white;
	background: #0c213f;
}
a.documentLink{padding-left:60px;margin-top:25px;font-size:16px;}
a.documentLink i{color:white;position:absolute;top:-2px;left:30px;font-size:1.8em;}
a.documentLink i.info{font-size:1.5em;top:-1px;}

div.dl a.documentLink{padding-left:54px;}
div.dl a.documentLink i{left:24px;}

section{margin-bottom:10px;}
div.dark-blue{padding:23px;background:#071933;}
div.dark-blue h2{margin-bottom:13px;}


div.dark-blue a.email i{left:-1px;top:-1px;}
div.dark-blue span.phone i{left:-1px;top:-3px;}
div.dark-blue span.phone,
div.dark-blue a.email{
    float: left;
    color:#99ccff;
    font-size: 15px !important;
    font-weight: 400;
	width:auto;
	padding-left:33px;
	margin-top:24px;
}
div.dark-blue a.email{margin-bottom:17px !important;}
div.dark-blue span.email-label{color:white;margin-bottom:0 !important;font-weight:600;}

div.dark-blue div.contact-wrap{padding:0 0 0 24px;}
div.dark-blue span.phone{margin-right:40px;padding-left:20px;}
div.general div.inner{padding:0 22px;}
div.new span{width:auto;display:inline;float:none;}
div.general p a{float:none;}
div.parts p{padding:0 !important;}
div.parts p.para{padding:25px 31px !important;}
div.general h1,
div.general h2,
div.parts h1{
	    background: #153565;
	line-height:24px;
	height:auto;
	    border: 1px #13467b solid;
	color:white;
	margin-bottom:10px;font-size:18px;text-align:left;
	padding:12px 20px;
}
div.general h1.contact{margin-bottom:20px;}
div.jobs h2{color: #99ccff;background:none;border:0;margin-bottom:0;margin-top:5px}
div.jobs p{width:100%;}
div.jobs span.blue{color: #99ccff;}
div.jobs span{width:auto;}

a.social{
	position:absolute;top:8px;right:54px;font-size:26px;color:white;z-index:20;
	text-align: center;
    height: 31px;
    width: 31px;
    padding-top:2px;
    border: 1px #336699 solid;border-radius:4px
    font-size: 26px;
    color:white;
	}
a.social:hover{color:#99ccff}
a.tw{right:12px;color:#cc0000;padding:0;border:0;font-size:33px;}
span.yt{position:absolute;top:18px;right:12px;background:white;width:20px;height:12px;z-index:10}

a.insta{right:94px;font-size:30px;border:none;color:#fff }

div.p-wrap,div.general p{font-size:14px;line-height:24px;padding:10px 22px 0;}
div.general p img{width:40%;float:none;margin:20px 10px 10px 30%;padding:4px;border: 1px #99ccff solid;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;}
div.vintage p img{width:auto;float:none;margin:10px 10px 10px 0;padding:4px;border: 1px #99ccff solid;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;}
div.p-wrap{margin-bottom:30px;}
div.p-wrap h2{color: #99ccff !important;padding:0 !important;background:none !important;margin:0 !important;border:0 !important;}
p.intro{margin-bottom:30px !important;}
div.p-wrap p{padding:0 !important;width:100%;}
div.p-wrap time{font-weight:600;color: #efefef;display:inline-block;float:left;margin:3px 0}
div.p-wrap a.more{font-size:16px;margin-top:5px}
div.newsItem{padding-top:20px;}
div.newsItem h1{margin-top:20px;}
div.newsItem div.breadcrumbs{padding-left:22px;top:initial;right:initial;position:relative;float:left;}
div.para-sm{width:550px}
div.images{width:400px;float:right;padding:20px 22px 0 0;}
div.images img{width:400px;float:left;margin-bottom:20px;border: 1px #13467b solid;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;}

div.general ul {
    font-size: 14px;
    list-style: none !important;
	margin:0 0 5px 0 !important;
	float:left;
	width:90%;
	-webkit-box-sizing: initial !important;-moz-box-sizing: initial !important;-ms-box-sizing: initial !important;-o-box-sizing: initial !important;box-sizing: initial !important;
	padding:0 30px;
}

div.general ul li a{float:none;display:inline}

div.general ul li::before {
     content: "\203A";
       color: #33CCFF;
	font-size:1.4em;
	margin-right:8px;
}

div.general ul li {
    color:white;
    padding-left: 0.7em;
    text-indent: -.9em;
    margin-bottom:8px;
}

   
div.parts-home{margin-top:30px;display:none;}
div.parts a.top:hover{border: 1px #99ccff solid;color:white}
div.parts-sub div,
div.parts a.top{
	background: #13467b;
	line-height:24px;
	border: 1px #153565 solid;
	padding:12px 20px;
	margin:15px 1% 0;
	width:48%;
	font-size:18px;
}

div.parts-main{text-align:center;}
div.parts-main img{-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;border:1px #99ccff solid;
	max-width:100%;
	padding:5px;
	margin-top:20px;
	float:none;
}
		
div.parts-main span.price,div.parts-main p{padding:0 22px;width:100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;}
div.parts-main span.price{color: #99ccff;margin:10px 0;font-size:16px;font-weight:600;}
div.parts-sub div{line-height:20px;height:auto;padding:10px;}
div.projects div a,div.parts-sub div a{width:100%;}
div.projects-child div h2,
div.projects div a h2,
div.parts-sub div a h2{color: #99ccff;margin-bottom:0;font-size:15px;height:auto;padding:0;background:none;}
div.parts-sub div a img{border:1px #071933 solid;}
div.projects div div.right, div.parts-sub div div.right{width:70%;float:right;padding:0;border:none;margin:0;}
div.projects div div.right{width:75%;}
div.projects div a h2{font-size:18px;margin-bottom:5px}
div.projects div div.right p{padding:0;}
div.projects div img{border:1px #99ccff solid;}
div.projects div,div.projects-child div{
	width:100%;
	background: #13467b;
	line-height: 24px;
	border: 1px #153565 solid;
	padding:20px;
	margin: 15px 0;font-size: 18px;
}

div.projects div a:hover h2{color:white;}
div.projects div a:hover img{border:1px #003366 solid;}
div.projects div a:hover p{color: #99ccff;}

div.projects-child div{text-align:center;background: #153565;border: 1px #13467b solid;margin:10px 0;}
div.projects-child div img{float:none;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;border:1px #99ccff solid;}
div.projects-child div h2{text-align:center;font-size: 22px;border:0}
div.projects-child div p{width:100%;padding:0;margin:20px 0 30px;font-size:16px;}
div.projects-child p{margin-bottom:30px;}

div.links p{padding:0;margin:5px 0 20px}
div.link-wrap a i.ion-ios-arrow-forward{ color: #009cda;font-size:1.1em;position:absolute;left:2px;top:1px;}
div.link-wrap a{width:100%;color:white;padding-left:17px;margin-bottom:8px;}
div.link-wrap{width:48%;margin-bottom:25px;}
.ion-ios-email-outline,
.ion-iphone{font-size:1.8em !important;color:white !important;display:inline-block;position:absolute;}

hr.divider8{height:8px;}
hr.bar{height:8px;
background:#1a6ab6;/* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#1a6ab6, #13467b); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#1a6ab6, #13467b); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#1a6ab6, #13467b); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#1a6ab6, #13467b); /* Standard syntax */
}

div.panels{
	background:#153565;
	border:1px #13467b solid;
	border-top:none;
	padding:20px 20px 0;
	border-bottom-right-radius:8px;
	-webkit-border-bottom-right-radius:8px;
	-moz-border-radius-bottomright:8px;
	border-bottom-left-radius:8px;
	-webkit-border-bottom-left-radius:8px;
	-moz-border-radius-bottomleft:8px;
}

div.panels #panelBottom{width:100%;}
div.panels span{width:auto;color:white;transition:0.3s}
div.panels span.wrap{width:100%;padding:0 8px;background:#071933;border-bottom-right-radius:10px;-webkit-border-bottom-right-radius:10px;-moz-border-radius-bottomright:10px;}
div.panels span.name{height:30px;line-height:30px;}
div.panels span.right{height:24px;line-height:24px;font-size:20px;}
div.panels div img{width:174px;border:3px #071933 solid;border-bottom:none;
border-top-left-radius:10px;
-webkit-border-top-left-radius:10px;
-moz-border-radius-topleft:10px;
}
div.panels div a:hover span{color: #99ccff;}
div.panels div{width:180px;margin-right:20px;padding-bottom:0;}
div.panel-last{margin-right:0  !important;}
div.panel-bar{height:44px;background:#081e3b url(images/bar.png) no-repeat;width:100% !important;float:right;
margin:20px 0 !important;}
div.panel-bar span{font-size:12px;color:white;float:right;padding:19px 23.7% 0 0;}
div.panel-bar a{color: #99ccff;display:none;float:right;}
div.container{
	width:1024px;
	margin:auto;
	float:none;
	position:relative;
	display:block;
}
main{
	width: 100%;
	float:left;
	z-index:100;
}

div.frame:hover .inner{background:#173e73;}
div.frame:hover span{color:#99ccff;}
div.frame span{color:white;padding:4px}
div.frame a {width:100%  !important;}
div.frame img{border:1px #1a6ab6 solid;width:100%  !important;}
div.frame{width:18%;text-align:center;margin:0 1%;height:230px;}
div.frame .inner{background:#0a2444;padding:14px  !important;transition:0.3s;}
div.frame-last{margin-right:0;}
hr.frame-divider{height:20px;}
div.frames p{ margin-bottom:20px;font-size:14px;padding:10px 22px 0;}


/*---------------------------------------------------------------*/
/*--HEADER AND NAV--*/
/*---------------------------------------------------------------*/
header div.container{
	background:url(images/header-bg.png);
	height:117px;
	border:1px #164579 solid;
	border-top:none;
}

header div.search{float:right;width:auto;margin:54px 17px 0 0}
header input,header button{float:left;height:26px;}
header button{margin:2px 0 0 6px;background:#153565;font-weight:400;color: #99ccff;font-size:1.4em;}
header input{width:150px;padding:0 8px;border:1px #071933 solid;}

nav{
	background:#174780;/* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#1b66b0, #174780); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#1b66b0, #174780); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#1b66b0, #174780); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#1b66b0, #174780); /* Standard syntax */
}

nav ul#phone-menu-drop{
	position:relative
}

nav ul{
	float:left;
	width:100%;
	height:100%;
	display:inline-block;
	
}

nav ul li{
	float:left;
	display:inline-block;
	border-right:1px #1b65ae solid;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

nav ul li.home{width:8%;}
nav ul li.about{width:9%; }
nav ul li.restoration{width:13.3%; }
nav ul li.servicing{width:10%; }
nav ul li.parts{width:7.9%; }
nav ul li.events{width:13.7%; }
nav ul li.sales{width:7.7%; }
nav ul li.vacancies{width:12.3%; }
nav ul li.contact{width:10.7%; }
nav ul li.links{width:7.4%; }

nav ul li a.active,nav ul li a:hover{color:white}
nav ul li a.active{background:#164579;}
nav ul li a:hover{background:#336699;}

nav ul li a{
	float:left;
	display:inline-block;
	font-size:15px;
	font-weight:400;
	color:white;
	border-right:1px #0c213f solid;
	text-align:center;
	width:100%;
}

nav ul li:last-child,nav ul li:last-child a{border:0;}

nav ul li a{line-height:40px;}
nav ul li a,
nav ul li{height:40px;}
nav li ul.top {
    width: 486px;
    padding: 0;
    background: #0c213f;
	z-index:500;
	position:absolute;
	top:40px;
	left:407px;
	height:auto;
	border:1px #336699 solid;
	border-top:none;
	display:none;
}

nav li ul.top li .ion-chevron-right {
	position:absolute;
	left:20px;
	/* font-size:1.5em; */
	color: #99ccff;
	top:9px;
	z-index:600;
	font-size:10px;
}
nav li ul.top li a {
    color: white;
	height:40px;
    line-height:40px;
	padding:0 20px 0 36px;
	font-size:16px;
}

nav li ul.top li a, nav li ul.top li {
    border: none;
    margin: 0;
    text-align: left;
	float:left;
	height:auto;
}

nav li ul.top li {width:50%;position:relative;}
nav li ul.restoration li,nav li ul.about li, nav li ul.services li, nav li ul.events li {width:100%}
nav li ul.about {width:270px;left:81px;}
nav li ul.services {width:270px;left:304px;}
nav li ul.restoration {width:310px;left:168px;}
nav li ul.events {width:150px;left:487px;}

#searchResults .ion-ios-close{font-size:1.8em;position:absolute;right:5px;top:5px;}
#searchResults a{
	border: none;
    text-align: left;
    line-height:22px;
    width:45% !important;
	color:#0F61AE;
	margin:0 2% 10px 0;
	padding-left:15px;
}

#searchResults i.ion-ios-arrow-forward{    color: #009cda;font-size:1.1em;position:absolute;left:0;top:0;}

#searchResults div.inner{
	background:#efefef;padding:20px;
	border:1px #ccc solid;
	position:relative;
	
}

#searchResults span.search-found{
	margin-bottom:20px;
}

#searchResults{
	position:absolute;
	z-index:10000;
	border:4px #666666 solid;
	width:100%;
	padding:10px;
	display:none;
	top:100px;
	left:0;
	background:white;
	color:#333;
	font-weight:600;
}

@media only screen and (max-width:850px) {
	#searchResults a{float:left;text-align:left !important;width:100% !important;}
	#searchResults {width: 98%;top: 170px;left: 1%;}
	#searchResults i{display:block  !important}
	

}

/*---------------------------------------------------------------*/
/*--BREADCRUMBS--*/
/*---------------------------------------------------------------*/
	div.breadcrumbs a,
	div.breadcrumbs span{
		display:inline-block;
		float:left;
		font-size:12px;
	}
	
	div.breadcrumbs span.chevrons{
		margin:0 5px;
		width:auto;
	}

	div.breadcrumbs span.name{
		color:white;
	}
	
	div.breadcrumbs{
		width:auto;
		right:21px;
		top:7px;
		position:absolute;
		z-index:100
	}
	
	div.breadcrumbs-top div.breadcrumbs{
		right:40px;
		top:37px;
	}
	
    div.breadcrumbs li {
		display: inline-block;
		float: left;
	}

/*---------------------------------------------------------------*/
/*--SLICK CAROUSEL--*/
/*---------------------------------------------------------------*/
	div.slick-items{
		float: left;
		width: 92%;
		margin:10px 0 10px 4%;
	}
	
	div.slick-items div.item{
		float: left;
		border: 1px #cccccc solid;
		margin: 0 4px;
		position: relative;
		height:120px;
		background:white;
		padding:10px;
	}
	
	div.slick-items div.item a{
		width:100%;
		height:100%;
		text-align:center;
	}
	
	div.slick-items div.item a.item-name{
		width:100%;
		height:100%;
		text-align:center;
	}
	
	div.slick-items div.item img{
		height:100%;
		float:none;
		display:inline-block;
		max-width:100%;
	}
	
	.slick-prev:before,
	.slick-next:before {
	  color:#B90002  !important;
	  font-size: 50px  !important;
	  font-weight:700 !important;
	}

	.slick-prev:before {content: "\25C1"  !important;}
	.slick-next:before{content: "\25B7"  !important;}
	.slick-prev {left: -47px !important;}
	.slick-next {right: -28px !important;}
	
	.slick-prev,.slick-next {top:25% !important;}

/*---------------------------------------------------------------*/
/*--BX CAROUSEL--*/
/*---------------------------------------------------------------*/

#carousel {
    float: left;
    width: 100%;
	position:relative;
	height:298px;
	padding-left:250px;
}

div.welcome {
    width: 260px;
	height:100%;
	position:absolute;
	z-index:11000;
	top:0;
	left:0;
	padding:10px 15px;
}

ul.bxslider div.img{
	width:100%;
	background-position:top center;background-size:auto 100%;background-repeat:no-repeat;
	height:298px;
}

#carousel div.inner{
    width: 100%;
	height:100%;
	position:absolute;
	z-index:10000;
	top:0;
	left:0;
	border:10px #071933 solid;
	background-image:url(images/slide-overlay.png);
	background-repeat:no-repeat;
}



#carousel div.message {
    background: url(images/trans.png);
    height: 50px;
    border: 1px white solid;
    padding-right: 25px;
	width:auto;
}

#carousel div.message img {
    float: left;
    height: 100%;
    width: auto;
    margin-right: 25px;
    border-right: 1px white solid;
}

#carousel span.caption {
	color: white;
	position:absolute;
	top:100px;
	left:0;
	background-image:url(images/png/trans.png);
	height:50px;
	line-height:50px;
	font-size:20px;
	padding-right:25px;
	width:auto;
	border:1px white solid;
}

#carousel span.chevron-sq {
	float:left;
	width:53px;
	height:48px;
	margin-right:25px;
	background:url(images/chevron-sq.jpg);
	border-right:1px white solid;
}

#carousel p{
    padding: 10px;
    border: 1px white solid;
    background: url(images/trans.png);
    width: 100%;
    float: left;
    display: inline-block;
    clear: both;
	margin-top:220px;
    line-height: 20px;
    font-size: 1.1em;
    font-weight: 600;
    color: white;
	min-height:40px;
}


.bx-wrapper {
	margin: 0 auto 30px !important;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #C3CF21 !important;;
}

.bx-wrapper .bx-pager.bx-default-pager a {
    background: #5E6971 !important;
 
}

.bx-wrapper .bx-viewport {
    left: 0 !important; 
	box-shadow:none !important; 
    border:none !important; 
}

.bx-wrapper .bx-pager.bx-default-pager{
	display:none !important;
}

.bx-wrapper {
	margin: 0 auto !important;
}

ul.bxslider img{
	width:100%;
	z-index:10
}

/*---------------------------------------------------------------*/
/*--PAGINATION--*/
/*---------------------------------------------------------------*/

div.pagination span,
div.pagination a{
	display:inline-block;
	margin-right:10px;
	float:left;
	width:auto;
}

div.pagination span{
	font-weight:700;
}

div.pagination{
	width:auto;
	float:right;
	margin:12px 0;
}

/*---------------------------------------------------------------*/
/*--FORM ELEMENTS--*/
/*---------------------------------------------------------------*/
	form{
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box;
		float: left;
		display: inline-block;
	}
	
	::-webkit-input-placeholder {color:#01506E;font-weight:400;font-size:14px;}
	:-moz-placeholder {color:#01506E;opacity:1;font-weight:400;font-size:14px;}
	::-moz-placeholder {color:#01506E;opacity:  1;font-weight:400;font-size:14px;}
	:-ms-input-placeholder {color:#01506E;font-weight:400;font-size:14px;}
	input:focus::-webkit-input-placeholder { color:transparent; }
	input:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
	input:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
	input:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */

	textarea:focus::-webkit-input-placeholder { font-weight:400;color:transparent; }
	textarea:focus:-moz-placeholder { font-weight:400;color:transparent; } /* FF 4-18 */
	textarea:focus::-moz-placeholder {font-weight:400; color:transparent; } /* FF 19+ */
	textarea:focus:-ms-input-placeholder { font-weight:400;color:transparent; } /* IE 10+ */
	
	select, textarea, input.field {
		float: left;
		width: 100%;
		font-size: 16px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box;
		padding-left: 16px;
		color: #336699;
		height: 42px;
		line-height: 42px;
		font-weight: 400;
	}
	
	input.check{float:left;width:25px;height:25px;margin:0;padding:0;}
	label{display:inline-block;float:left;font-weight:600;color:#336699;font-size:14px;padding:0 3px 9px 0;width:auto;margin:2px 0 0 8px;}
	
	span.field-msg {
		position: absolute;
		color: #990033;
		right: 4px;
		top: -2px;
		font-size: 13px;
		display: none;
		width:auto !important;
	}
	span.field-msg-check{top:0;right:0;}
	div.field-wrap i{
		text-align: center;
		color: white !important;
		background: #336699;
		height: 42px;
		width: 42px;
		line-height: 42px;
		position:absolute;
		top:0;
		left:0;
		font-size: 1.6em !important;
		margin:0;
		float:none;
	}
	div.field-wrap {margin-bottom: 8px;}
	div.field-wrap-sm{width: 48%;}
	input.field { padding-left: 54px }
	form button:hover { background-color: #336699 }
	form button {
		background-color: #01506f;
		line-height:42px;
		height:42px;
		width:100%;
		float:right;
		text-align:center;
		color:white;
		display:inline-block;
		font-size:15px;
		font-weight:400;
		transition:0.3s;
		cursor:pointer
	}
/*---------------------------------------------------------------*/
/*--CONTACT--*/
/*---------------------------------------------------------------*/
	form#frmContact span.msg{margin-bottom:20px;}
	form#frmContact {
		width: 49%;
		float: left;
		display: inline-block;
	}
	
	form#frmContact input, form#frmContact textarea {
		background-color: #efefef;
		padding-top: 0 !important;
		font-family: 'Open Sans', sans-serif;
		color: #474747;
		font-size: 14px;
		font-weight: 400;
	}
	
	form#frmContact textarea {height:134px;margin-top: 0;}
	form#frmContact button.submit:hover {background-color: #99ccff;}
	form#frmContact button.submit {
		float: left;
		background-color: #336699;
		background-repeat: no-repeat;
		background-position: center left 15px;
		width:100%;
		height: 40px;
		line-height: 40px;
	}

	/* div.contact-col {width:49%;padding:0 50px;float:right;} */

	div.contact-col a, div.contact-col span,div.lower span.location {padding:0 0 0 35px !important;margin:0 0 30px 0  !important;width:100%  !important;}
	div.contact-col a {margin:0 0 10px 0 !important;}
	div.lower span.location {line-height: 24px;}
	div.contact-col span.phone {color:white}
	
	div.lower i.contact-ion,div.contact-col i.contact-ion{position:absolute;color:#99ccff !important;font-size: 2em !important;display: inline-block;}
	div.contact-col i.email-ion{top:-3px !important ;left:-4px !important;}
	div.contact-col i.phone-ion{top:-3px !important;left:2px !important;}
	div.lower i.location-ion{top:0 !important;left:0 !important;}
	div.contact-col i.fax-ion{top:-4px !important;left:0 !important;}
	div.lower{margin-top:20px;}
	div.lower p{padding:0 35px;}
	#map_canvas{
		height:311px;
		width:38%;
		float:right;
		border:1px #ccc solid;
	}
	
	#map_canvas *{width:auto;}
	
	@media only screen and (max-width:780px) {
		form#frmContact,div.contact-col {width:100%;}
		form#frmContact{margin-bottom:30px;}
		div.contact-col {padding:0 10px;}
	} 
	
	@media only screen and (max-width:450px) {
		div.contact-col {padding:0;}
		div.contact-col i {display:none  !important;}
		div.contact-col a,div.contact-col span {font-size:14px !important;padding-left:0 !important}
	} 

/*---------------------------------------------------------------*/
/*--GOOGLE MAP--*/
/*---------------------------------------------------------------*/
	div.map-wrap{
		width:100%;
		border:1px white solid;
	}
	
	#map_canvas{
		height:500px;
		width:100%;
		float:left;
		border:1px #ccc solid;
		margin-top:35px;
	}
	
	#map_canvas *{
		width:auto;
	}
	
/*---------------------------------------------------------------*/
/*--SITE MAP--*/
/*---------------------------------------------------------------*/
div.map-col{
	float:left;
	width:33%;
}

div.map ul li a{
	display:inline-block;
	float:left;
	width:100%;
	padding:0 0 10px 0;
}

div.map ul,div.map li {
	display:inline-block;
	float:left;
	width:100%;
}

footer{
	float:left;
	width: 100%;
	display:block;
	margin-bottom:20px;
}

footer div.inner span,footer div.inner a{font-size:12px;line-height:12px;height:12px;width:auto;}
footer div.inner a{margin-right:12px;padding-right:12px;border-right:1px #efefef solid;}
footer div.inner a.last{margin-right:0;padding-right:0;border-right:0;}
footer div.inner span.right{float:right;}
footer div.inner{
	margin:10px 0;
	padding:0 45px;
}

.eng-social {
    position: absolute;
    float: none;
    right: 36px;
    top: 32px;
    display: flex;
    justify-content: space-between;
    width: 70px;
}
.eng-social a{font-size:30px}
.eng-social a.insta-eng{font-size:32px;color:#fff}

.engineering p{width:100%;float:left}
.engineering .inner{margin-top:20px}
div.engineering ul{padding:0 0 0 10px;margin:10px 0 20px 0!important;box-sizing: border-box;webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;}
.engineering img{margin:0 30px 30px 0;box-sizing: border-box;webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;border:1px #efefef solid}

div.engineering h1 {

    font-size: 22px;
    font-weight:600;
}

img#menu-phone,
div#phone-menu-drop,
img.phone-logo{
	display:none;
}

.rel{position:relative;}
.hide{display:none !important;}
.error{color:#990000;display:none;position:absolute;}
.red{color:red;}
.grey333{color:#333;}
.pointer{cursor:pointer;}
.block{display:inline-block !important;float:left }
.hundred{width:100% !important;}
.br0{border-right:0;}
.bl0{border-left:0;}
.bb0{border-bottom:0;}
.bt0{border-top:0;}
.mt0{margin-top:0;}
.mr0{margin-right:0;}
.mb0{margin-bottom:0;}
.ml0{margin-left:0;}
.pr0{padding-right:0;}
.pl0{padding-left:0;}
.justify{text-align:justify;text-justify:distribute-all-lines;}
.left{float:left !important;}
.right{float:right !important;}

/*---------------------------------------------------------------*/
/*--RESPONSIVE--*/
/*---------------------------------------------------------------*/
@media only screen and (max-width: 1050px) {
	div.container{
		margin:0;
		float:left;
		width:100%;
	}
	
	div.container-np{padding:0;}
	div.general img{width:auto;max-width:100%;}
	div.panel-bar{background: #081e3b;height:auto;padding:16px !important;margin:0 0 20px 0  !important}
	div.panel-bar span {float: left;font-size:14px; padding:0;}
	div.panel-bar a {font-size:14px; display:inline-block}
	
	div.para-sm{width:63%}
	div.images{width:35%;}
	div.images img{width:100%;}
	
	div.p-wrap,div.general p img{width:auto;float:none;margin:20px 0;}
}

@media only screen and (max-width:950px) {
	nav ul li a {font-size:12px;}
	div.parts-home{display:inline-block}
	div.parts-sub div, div.parts a.top {width:100%;margin:15px 0 0 0}
	div.parts-sub div div.right {width: 82%;}
}

a.logo img.sm{float:none;width:100%;max-width:500px;}
@media only screen and (max-width:850px) {
	a.logo {width:100%;text-align:center;}
	a.logo img{width:100%;}
	header div.container{text-align:center;padding-top:10px;height:auto;background:#112d56;}
	img#menu-phone{
		display:inline;
		position:absolute;
		left:12px;
		top:13px;
		z-index:400;
		cursor:pointer
	}	
	header div.search{float:none;margin:0;padding:5px 0 15px 12px;}
	header button{background:#112d56}
	header input {width: 250px;}
	nav ul#phone-menu-drop {height:auto;float:none;z-index:400;display:none;position:absolute;top:0;left:0;}
	nav ul li,
	nav ul li a{
		width:100% !important;
		padding-right:0 !important;
		border-right:none;
		background:#017FBA;
		color:white;
		height:auto;
	}
	nav ul li a{border-bottom:1px white solid;padding:8px 0;font-size:16px;} 
	#carousel {height:auto;padding:10px 15px 0 15px;}
	#carousel img {width:100%;float:left;}
	div.welcome {width:100%;float:left;position:relative;padding:15px;}
	div.frame {width: 23%;}
	div.breadcrumbs-top{background: #071933;}
	div.breadcrumbs-top div.breadcrumbs{padding:8px 23px 0;background: #071933;position:relative;float:right;top:initial;right:initial}
	div.parts{padding-top:10px;}
	
		.eng-social {
		
		top: 39px;
		
	}
	
	div.engineering h1 {

		font-size: 22px;
		font-weight:600;
		margin-top:20px
	}
}

@media only screen and (max-width:800px) {div.parts-sub div div.right {width: 78%;}}
@media only screen and (max-width:650px) {
	div.frame {width: 30.3%;margin:0 1.5%}
	div.parts-sub div div.right {width:74%;}
	main ul {width:80%;}
}
@media only screen and (max-width:600px) {
	div.link-wrap{width:100%;}
	div.panel-bar a,div.panel-bar span {width:100%;text-align:center;font-size:16px;}
	div.panel-bar a{margin-top:10px}
	div.parts-sub div div.right {width:70%;}
	
	footer div.inner span,footer div.inner a {
		margin: 20px 0 0 0;
		padding:0;
		border-right:none;
		display:block;width:100%;text-align:center;
	}
}
@media only screen and (max-width:500px) {
	div.frame {width:46%;margin:0 2%}
	div.parts-sub div div.right {width:66%;}
	
}
@media only screen and (max-width:450px) {
	div.parts-sub div div.right {width:60%;}

	div.dark-blue div.contact-wrap i {display:none;}
	div.dark-blue div.contact-wrap span.phone,div.dark-blue div.contact-wrap a.email{padding:0;}
	div.parts-sub div div.right {width:100%;}
	div.parts-sub div a, div.parts-sub div a h2{text-align:center;}
	div.parts-sub div a img{float:none;}
	div.images,div.para-sm{width:100%;padding-right:0;}
	a.social{font-size: 20px;height:25px;
    width:25px;right:36px;top:5px;}
	a.tw{font-size:27px;right:6px}
	a.fb{top:6px;}
	span.yt{top:15px;right:6px;}
	a.insta{
		right: 66px;
		font-size: 26px;
	}
}
@media only screen and (max-width:385px) {
	div.engineering h1 {
		font-size: 18px;
	
	}
}
@media only screen and (max-width:350px) {
	div.panel-bar a,div.panel-bar span {width:100%;text-align:center;font-size:14px;}
	header input {width: 150px;}
	div.dark-blue div.contact-wrap span.phone,div.dark-blue div.contact-wrap a.email{font-size:14px;}
	div.frame {width: 100%;margin:0;height:auto;margin-bottom:20px;}
	
	
	div.engineering h1 {
		font-size: 15px;
	
	}

}