/***** BEGIN RESET *****/
* {
    background:transparent;
    border:0;
    margin:0;
    padding:0;
    font-family:'source_sans_proregular', Arial, sans-serif;
}
ol, ul {list-style: none;}
.clear {clear: both; height:0px; margin:0;}
/***** END RESET *****/

/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on October 30, 2017 */
@font-face {
    font-family:'source_sans_proregular';
    src: url('../webfonts/sourcesanspro-regular-webfont.eot');
    src: url('../webfonts/sourcesanspro-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/sourcesanspro-regular-webfont.woff2') format('woff2'),
         url('../webfonts/sourcesanspro-regular-webfont.woff') format('woff'),
         url('../webfonts/sourcesanspro-regular-webfont.ttf') format('truetype'),
         url('../webfonts/sourcesanspro-regular-webfont.svg#source_sans_proregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on July 24, 2015 */
@font-face {
    font-family:'source_sans_probold';
    src: url('../webfonts/sourcesanspro-bold-webfont.eot');
    src: url('../webfonts/sourcesanspro-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/sourcesanspro-bold-webfont.woff2') format('woff2'),
         url('../webfonts/sourcesanspro-bold-webfont.woff') format('woff'),
         url('../webfonts/sourcesanspro-bold-webfont.ttf') format('truetype'),
         url('../webfonts/sourcesanspro-bold-webfont.svg#source_sans_probold') format('svg');
    font-weight: normal;
    font-style: normal;
}

header, nav, article, footer, img {display:block;}
.clear-it:after {content:""; clear:both; display:block;}
.show-tablet, .show-480 {display:none;}
.fix-width {box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box;}
.col2 {width:48%; float:left; margin:0 2% 0 0;}
.col4 {width:23%; float:left; margin:0 2% 0 0;}
.full-col {width:98%; margin-right:2%;}

body {font-family:'source_sans_proregular'; background:#000; -webkit-text-size-adjust:none; font-size:18px;}
.wrap {width:95%; margin:0 auto; max-width:1230px;}
.sm-wrap {width:95%; margin:0 auto; max-width:850px;}
.m-5 {margin:5px 0;}

.boxed-in {width:94%; width:calc(94% - 2px); padding:20px 3%; display:block; background:#f6f6f6; border:1px #bbb solid;}

/** typography styles **/
p {margin-bottom:18px;}
.no-margin {margin:0 !important;}
strong, b {font-weight:normal; font-family:'source_sans_probold';}

.center-text {text-align:center;}

.blue {color:#2b328c;}
.black {color:#000;}
.white {color:#fff;}
.red {color:red;}

h1, h2, h3, h4, h5, h6 {font-weight:normal; font-family:'source_sans_probold'; margin-bottom:15px;}
h1 {font-size:32px; border-bottom:2px #000 solid;}
h2 {font-size:50px; text-transform:uppercase;}
h3 {font-size:28px;}
h4 {font-size:26px;}
h5 {font-size:24px;}
h6 {font-size:20px;}

a {text-decoration:none; color:#2b328c;}
a:hover {color:#000;}

a.btn {width:100%; display:block; padding:6px 2%; text-align:center; color:#fff; background:#2b328c; font-family:'source_sans_probold';}
a.btn:hover {background:#000;}


/** nav styles **/
.stick-bar {position:relative; width:100%; display:block; top:0; left:0; z-index:99999;}
.stick-bar.sticky {position:fixed;}

.stick-bar nav {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f1f1f1+0,d7d7d7+100 */
	background:#f1f1f1; /* Old browsers */
	background:-moz-linear-gradient(top, #f1f1f1 0%, #d7d7d7 100%); /* FF3.6-15 */
	background:-webkit-linear-gradient(top, #f1f1f1 0%,#d7d7d7 100%); /* Chrome10-25,Safari5.1-6 */
	background:linear-gradient(to bottom, #f1f1f1 0%,#d7d7d7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f1f1', endColorstr='#d7d7d7',GradientType=0); /* IE6-9 */
	width:100%; border-bottom:1px #b1b1b1 solid;
}
.stick-bar nav ul {width:100%; float:left;}
.stick-bar nav li {float:left; display:inline; position:relative;}
.stick-bar nav li a:link, nav li a:active, nav li a:visited {display:block; color:#000; text-decoration:none; padding:0 14px; line-height:40px; font-family:'source_sans_probold'; font-size:16px;}
.stick-bar nav li a:hover {color:#2b328c;}

.stick-bar nav ul ul {display:none; position:absolute;  z-index:99999; top:40px; left:0; width:170px; background:#d7d7d7;}
.stick-bar nav ul ul ul {position:absolute; left:100%; top:0;}
.stick-bar nav ul li:hover > ul {display:block; z-index:99999;}
.stick-bar nav ul ul li {float:none;  position:relative; display:block;}
.stick-bar nav ul ul li a:link, nav ul ul li a:active, nav ul ul li a:visited {font-size:14px; line-height:16px; padding:6px 0px 6px 10px; color:#000; border-bottom:1px #b1b1b1 solid;}
.stick-bar nav ul ul li a:hover {background:#000; color:#fff;}

.soc-media {width:10%; float:left; text-align:right;}
.soc-media a {color:#000; padding:0 3px; font-size:26px; line-height:40px;}
.soc-media a:hover {color:#2b328c;}


/** header styles **/
header {width:100%; background:#fff; padding:15px 0; border-bottom:2px #000 solid;}

.head-phone {width:35%; float: right; vertical-align: middle; text-align:right; font-size:32px; margin-top:30px; }
.head-phone a:hover {color:#000;}

.logo-container {display: flex; flex-direction: row; align-items: center; width: 60%; float: left;}
.logo {width:50%; display: inline-block; vertical-align: middle;}
.logo img {width:100%; height:auto; display:block;}
.volvo-logo {display: inline-block; width: 20%; vertical-align: middle;}
.volvo-logo img { width: 100%; max-width: 100px; text-align: center; margin: 0 auto;}
.penta-logo {display: inline-block; width: 30%; vertical-align: middle;}
.penta-logo img{ width: 100%; max-width: 150px; text-align: left;}

/** content styles **/
.hero {width:100%; display:block; background:url('../siteart/hero.jpg') no-repeat center; background-size:cover; border-bottom:3px #fff solid;}
.hero h2 {text-align:center; padding:31% 2% 1% 2%; text-shadow:0px 3px 5px rgba(0,0,0,.75); line-height:64px;}

.btns-wrap {width:100%; display:block; background:url('../siteart/layout/dk-pattern.jpg') repeat; padding:35px 0;}
.btns-wrap a {width:23.5%; float:left; margin:0 2% 0 0; text-align:center; border:2px #999 solid; background:url('../siteart/layout/lt-pattern.jpg') repeat; padding:20px 1% 25px 1%; color:#000;}
.btns-wrap a img {width:100%; height:auto; display:block; margin:5px auto 0 auto; max-width:86px;}
.btns-wrap a:last-of-type {margin-right:0;}
.btns-wrap a:hover {background:#fff;}

article {width:100%; background:#fff; padding:35px 0;}
.inv {width:100%; display:block;}
.inv iframe {width:100%; height:2100px; display:block;}

.staff {width:100%; display:block;}
.emp {width:31.3333%; float:left; margin:0 2% 15px 0;}
.emp:nth-of-type(4), .emp:nth-of-type(7), .emp:nth-of-type(10) {clear:left;}

.equip-contain {width:100%; display:block;}
a.equip-box {width:23.5%; float:left; margin:0 2% 15px 0; text-align:center; border:2px #999 solid; background:url('../siteart/layout/lt-pattern.jpg') repeat; padding:20px 1% 25px 1%; color:#000;}
a.equip-box img {width:100%; height:auto; display:block; margin:5px auto 0 auto; max-width:100px;}
a.equip-box:nth-of-type(4), a.equip-box:nth-of-type(8), a.equip-box:nth-of-type(12) {margin-right:0;}
a.equip-box:nth-of-type(5), a.equip-box:nth-of-type(9), a.equip-box:nth-of-type(13) {clear:left;}
a.equip-box:hover {background:#fff;}

.job-line {width:100%; display:block; padding:15px 0; border-bottom:1px #999 dotted;}
.job-line:last-of-type {padding-bottom:0; border-bottom:0;}
.job-line:after {clear:both; content:""; display:block;}
.job-line h5 {width:60%; float:left;}
.job-line .btn {width:30%; margin-left:10%; float:left;}


/** footer styles **/
footer {background:#000; width:100%; padding:20px 0; text-align:center;}
footer p {color:#999; font-size:12px; margin-bottom:0;}
footer a {text-decoration:underline; color:#999;}
footer a:hover {text-decoration:none;}


/** form styles **/
#formpage input {width:calc(100% - 12px); padding:6px 5px; border:1px solid #b1b1b1; color:#333; font-size:14px; margin-bottom:7px; background:#fff;}
#formpage textarea {width:calc(100% - 12px); padding:6px 5px; border:1px solid #b1b1b1; color:#333; font-size:14px; height:120px; margin-bottom:7px; background:#fff;}

/* selects have similar styles to input & textarea fields, but with no padding. Text in a dropdown select is positioned differently */
#formpage select {
	width:calc(100% - 2px);
	border:1px solid #b1b1b1;
	color:#333;
	vertical-align:middle;
	font-size:14px;
	line-height:normal;
	padding:5px;
	margin-bottom:7px;
	background:#fff;
}

#formpage input.checkbox {
    padding:0; 
    border:0;
    margin:0 5px 0 0;
    width:13px;
    height:13px;
    display:inline;
    background-color:#fff;
 }

#formpage input.radio {
    padding:0; 
    border:0;
    margin:0 5px 0 0;
    width:15px;
    height:15px;
    display:inline;
 }

/* focus states of various types of fields */
#formpage input:focus,
#formpage textarea:focus,
#formpage select:focus {
	background:#d7d7d7; 
	color:#000;
	border:1px solid #2b328c;
	outline-style:none;
}
#formpage input.radio:focus,
#formpage input.checkbox:focus {
	background:none; 
	border:0;
	outline-style:none;
}
 
#formpage input.button,
#formpage input.button:focus {width:100%; margin:0; padding:7px 0; background:#2b328c; border:0; font-size:14px; line-height:14px; font-family:'source_sans_probold'; color:#fff;}
#formpage input.button:hover {background:#000; color:#fff;}

/*control the Captcha */
.CaptchaPanel {margin:0 0 0 0 !important; padding:0 0 0 0 !important; text-align: center; line-height:normal !important;}
.CaptchaImagePanel {margin:0 0 0 0; padding:0 0 0 0;}
.CaptchaImagePanel img {width:100%; height:auto; max-width:160px; margin:0 auto;}
.CaptchaMessagePanel {padding:0 0 0 0 !important; margin:0 0 0 0 !important; font-weight:normal !important; font-size:12px; line-height:14px;}
.CaptchaAnswerPanel {margin:0 0 0 0; padding:2px 0px 2px 0px !important;}
.CaptchaWhatsThisPanel {line-height:0; margin:0 0 5px 0; padding:8px 0 8px 0 !important;}
.CaptchaWhatsThisPanel a {color:#000;}
.CaptchaWhatsThisPanel a:hover {text-decoration:none;}


/** responsive styles **/
@media screen and (max-width:1240px) {
	h5 {font-size:20px;}
}
@media screen and (max-width:1024px) {
	.col4 {width:31.33333%;}
	h2 {font-size:44px;}
	h5 {font-size:18px; line-height:20px;}
	nav li a:link, nav li a:active, nav li a:visited {font-size:14px; padding:0 7px;}
	.hero h2 {line-height:48px;}
	.btns-wrap a {padding:15px 1% 20px 1%;}
	.btns-wrap a img {max-width:60px;}
}
@media screen and (max-width:768px) {
	.head-phone a{font-size: 18px;}
	.head-phone {margin-top:25px; width: 30%;}
	.show-tablet {display:block;}
	.hide-tablet {display:none;}
	body {font-size:16px;}
	p {margin-bottom:16px;}
	h1 {font-size:28px;}
	h2 {font-size:36px;}
	.hero h2 {line-height:40px;}
	#simple-menu {float:left; background:url('../siteart/layout/mobile-nav-icon.png') no-repeat left center; height:40px; width:50px; display:block; cursor:pointer; color:#000; padding-left:35px; line-height:40px;
		font-family:'source_sans_probold'; font-size:16px;}
	.soc-media {width:40%; float:right;}
	.head-phone {font-size:24px;}
	
	.emp {width:48%;}
	.emp:nth-of-type(4), .emp:nth-of-type(7), .emp:nth-of-type(10) {clear:none;}
	.emp:nth-of-type(odd) {clear:left;}
	
	a.equip-box {width:31.99999%;}
	a.equip-box:nth-of-type(4), a.equip-box:nth-of-type(8) {margin-right:2%;}
	a.equip-box:nth-of-type(3), a.equip-box:nth-of-type(6), a.equip-box:nth-of-type(9) {margin-right:0;}
	a.equip-box:nth-of-type(5), a.equip-box:nth-of-type(9), a.equip-box:nth-of-type(13) {clear:none;}
	a.equip-box:nth-of-type(4), a.equip-box:nth-of-type(7), a.equip-box:nth-of-type(10) {clear:left;}
	
	footer {padding:15px 0;}
}
@media screen and (max-width:640px) {
	#formpage .col2 {width:100%; margin-right:0;}
	.col4 {width:48%;}
	.logo {width:48%; margin-right:7%;}
	.head-phone {width:auto; font-size:28px; margin-top:5px;}
	.btns-wrap {padding:20px 0 10px 0;}
	.btns-wrap a {width:48%; margin:0 4% 10px 0; padding:10px 1%;}
	.btns-wrap a:nth-of-type(even) {margin-right:0;}
	article {padding:20px 0;}
	.job-line h5 {width:50%;}
	.job-line .btn {width:45%; margin-left:5%;}
	
	a.equip-box {width:49%;}
	a.equip-box:nth-of-type(3), a.equip-box:nth-of-type(6), a.equip-box:nth-of-type(9) {margin-right:2%;}
	a.equip-box:nth-of-type(even) {margin-right:0;}
	a.equip-box:nth-of-type(4), a.equip-box:nth-of-type(7), a.equip-box:nth-of-type(10) {clear:none;}
	a.equip-box:nth-of-type(odd) {clear:left;}
	
	footer p {font-size:10px;}
}
@media screen and (max-width:480px) {
	.show-480 {display:block;}
	.hide-480 {display:none;}
	.col4, .full-col {width:100%; margin-right:0;}
	body {font-size:14px;}
	p {margin-bottom:14px;}
	h1 {font-size:24px; line-height:28px;}
	
	header {padding-bottom:5px;}
	.logo-container {width: 100%;}
	.logo {width:60%; margin:0 1%;}
	.head-phone {width:100%; font-size:24px; text-align:center;}
	.btns-wrap a h5 {margin-bottom:10px;}
	.btns-wrap a img {max-width:45px;}
	
	.emp {width:100%; margin-right:0;}
}
@media screen and (max-width:375px) {
	h2 {font-size:24px;}
	.hero h2 {line-height:28px; padding:31% 7% 1% 7%;}
	.logo {width:80%; margin:0 10%;}
}
@media screen and (max-width:320px) {
	
}