/*
Theme Name: Loadtec
Theme URI: http://mercury-web.co.uk/
Description: Custom theme for Loadtec based on Twenty Eleven
Author: Mercury Web
Author URI: http://mercury-web.co.uk/
Template: twentyeleven
Version: 1.0
*/

/* @import url("../twentyeleven/style.css"); */

.head .fors {
position:absolute;
left:0;
right:0;
width:200px;
margin:auto;
}

html {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
*, *:before, *:after {-webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit;}
body,td,th {color:#4e4743;}
input, textarea {color:#4e4743; font-size:16px; width:100%;}
body,td,th, input, textarea, h1, h2, h3, h4, h5, h6, strong {font-family:'AvenirNextLTW01-Regular',sans-serif; font-style: normal; font-weight:normal;}
h1, h2, h3, h4, h5, h6, .head .tel, .cont strong {font-family:'Avenir Next LT W01 Bold',sans-serif; text-transform:uppercase;}
strong, .stats, .contact {font-family:'Avenir LT W01_45 Book1475508',sans-serif;}f
.cont strong {text-transform: none;}
h1, h2 {font-size:36px;}
h2 {margin:20px 0;}
body {margin-left: 0px;	margin-top: 0; margin-right: 0px;margin-bottom: 0; font-size:16px;background-color:#ffffff; position:relative;overflow-x: hidden;}
img {border:0; max-width:100%; height:auto; display:block;}
a {text-decoration:none; background:transparent; color:inherit;}
a:hover, a:hover img, .current-menu-item a {opacity:0.7; cursor:pointer;}
a:active { opacity: 1 !important; }
a, .head, .left, .right, img, .head .menu {-webkit-transition:all 500ms ease; -moz-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; transition:all 500ms ease;}
.center_h, .head .wrap, .foot_bar .wrap {-webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; position:relative;}
/*.center_i {position: absolute; top: 50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform: translateY(-50%); margin:0;}*/
.left {float:left;}
.right {float:right; position: absolute; bottom: 10px;}
.hold {position:relative; z-index:1; background:url(images/logo-icon.png) no-repeat center fixed #FFFFFF;}
.wrap, .foot_icon {max-width:1155px; width:100%; margin:auto; overflow:hidden;}
.fa-circle, .orange_but, .foot_bar {color:#FFFFFF;}
.fa-stack-1x, hr, strong, .boxes .box.one span, .boxes h3 span, .cont h1, .cont h2, .cont h3 {color:#0069b0;}
hr, .orange_but, .foot_bar, .cont .intro {background-color:#0069b0;}
hr {border:0; width:200px; height:3px; margin:60px auto;}
.orange_but {display:inline-block; padding:10px 15px 12px; text-transform:uppercase; border-radius:5px; margin:40px 0 0;}
.orange_but .fa {font-size:140%; margin-left:10px;}
.head {position:fixed; top:0; width:100%; background-color:#FFFFFF; padding:30px 0 70px; color:#757474; box-shadow:0 0 5px #757474; z-index:10;}
.head .wrap {overflow: visible;}
.head .logo {float:left; position: relative; z-index: 999; padding-top:15px;}
.head .menu {margin:0 auto; bottom:0; left:0; right:0; text-align:center; text-transform:uppercase; position: absolute; background-color: #0069b0;}
.head .menu ul {padding:0; margin:0; list-style:none;}
.head .menu ul li {display:inline-block; padding:15px 20px;}
.head .menu ul li a {border-bottom:solid 3px #FFFFFF; color:#fff;}
.head .menu ul li:hover a, .head .menu ul li.current-menu-item a {border-bottom:solid 3px #fff;}
.head .menu ul li:hover ul a, .head .menu ul ul li:hover a {border-bottom: 0;}
.head .menu ul ul li {margin:0; padding:0; border-left:0; text-align:left; width:100%; display:block;}
.head .menu li {position: relative;}
.head .menu ul ul {display: none; position: absolute; top:52px; left: -6px; float: left; z-index: 99999; text-align:center; min-width: 180px; width: auto; box-shadow:0 0 5px #757474;}
.head .menu ul ul ul {display: none; position: absolute; top: 0; float: left; width: 100%; z-index: 99999; margin-top:0; text-transform:none; left:100%;}
.head .menu a {display: block;}
.head .menu ul ul a {height:60px; border-bottom: 0; background-color: #0069b0;}
.head .menu ul li:hover > ul {display: block;}
.head .menu li:hover > a, .head .menu ul ul :hover > a {opacity:1; filter:alpha(opacity=100); color:#fff;}
.head .menu ul ul a {padding: 10px 20px; height: auto;}
.head .menu ul li.current-menu-item > a, .head .menu ul li.current-menu-parent > a, .head .menu ul ul li.current-menu-item > a, .head .menu ul li.current_page_item ul a {opacity:1; filter:alpha(opacity=100); /*background:rgb(0, 62, 81); background:rgba(0, 62, 81, 1);*/ color:#fff;}
.head .menu ul ul a:hover, .head .menu ul li.current_page_item a:hover, .head .menu ul li.current_page_item > a, .head .menu ul li.current-menu-ancestor > a {opacity:1; filter:alpha(opacity=100);}
.head .menu ul li.current_page_item:hover > a, .head .menu ul li.current-menu-ancestor:hover > a {color:#fff;}
.head .menu ul li.current-menu-item ul a {opacity:1; filter:alpha(opacity=100);}
.head .menu ul ul .current-page-ancestor a {color:#0069b0;}
.head .tel {right:0; background:url(images/tel.gif) left no-repeat; padding:10px 0 10px 50px; position: absolute; top:20px;}
.head.stick {padding:15px 0 40px;}
.head.stick .logo img {width:170px;}
.head.stick .fors {width:140px;}
.head.stick .menu {top:65px; background-color:#fff;}
.head.stick .menu ul ul {top:50px;}
.head.stick .menu a {color:#0069b0;}
.head.stick .menu ul li.current-menu-item > a, .head.stick .menu ul li.current-menu-parent > a, .head.stick .menu ul ul li.current-menu-item > a, .head.stick .menu ul li.current_page_item ul a {color:#0069b0}

.head.stick .menu ul li a {border-bottom:solid 3px #0069b0}
.head.stick .menu ul ul a {background-color: #fff;}
.head.stick .menu li:hover > a, .head.stick .menu ul ul :hover > a {opacity:1; filter:alpha(opacity=100); color:#0069b0;}
.head.stick .menu ul ul li a {border-bottom:solid 3px #fff;}
.head.stick .menu ul li:hover > ul {display: block; border-bottom:#fff; border-top:#fff;}

.slid, .feat_img {margin-top: 160px;}
.page .slid {margin-bottom: -120px; position: relative; z-index: 2;}
.home.page .slid {margin-bottom: 0;}

.slider {overflow:hidden;}
.slider {height:700px; position:relative; overflow:hidden;}
.slider video {position:fixed; z-index:-10; margin:-7% 0 0;}
.slider video.fillWidth {width: 100%; height:auto;}
.slider img {position:fixed; left:0; top:0; z-index:1; margin:0;-webkit-transition:none; -moz-transition:none; -ms-transition:none; -o-transition:none; transition:none;}
.stats {background:#f1f1f1; text-align:center; padding:30px 0 20px;}
.stats .box {width:17%; margin:1%; display:inline-table; vertical-align:top;}
.stats img {display:inline-block; height:60px; margin:0 0 10px;}
.stats strong {font-size:44px; display:block; padding:0 0 10px;}
.stats .itxt {display: block; margin: -13px 0 -26px;}
.stats .ft {font-size:26px;}
.boxes, .contact  {text-align:center;}
.boxes .box {width:372px; height:371px; overflow:hidden; margin:0 5px 10px; font-size:14px;}
.boxes .box.one {width:485px;background:#f1f1f1;}
.boxes .box.two {width:261px;}
.boxes .box.four {width:305px;}
.boxes .box.four img, .boxes .box.six img {width: 100%; height: 100%; object-fit: cover;}
.boxes .box.six {width:440px;}
.boxes .box.txt {background-color:#4e4743; color:#FFFFFF; padding:25px 20px 0;}
.boxes .box.txt img, .contact img {display:inline-block;}
.boxes .box h1, .boxes .box h2, .boxes h3 {font-size:36px;}
.boxes .box h1, .boxes .box:nth-child(1) h2 {padding:0 20px;}
.boxes.serv {background-color: #FFFFFF; position: relative; z-index: 5;}
.boxes.serv .box {background-color: #4e4743; width: 32.45%; height: 400px; margin: 1% 0.9% 0 0;}
.boxes.serv .box h3 {color: #FFFFFF;padding: 0 20px; left: 0; right: 0; z-index: 2; position: relative; pointer-events: none; text-shadow: 2px 2px 2px #000000;}
.boxes.serv .box img {opacity: 0.7; position: relative; z-index: 1; width:100%; height: 285px; object-fit: cover;}
.boxes.serv .box:hover, .boxes.serv .box.on {background-color:#0069b0;}
.contact {margin:0 0 40px;}
.contact strong {text-transform:uppercase; font-size:22px; display:inline-block; padding:0 0 5px;}
.contact p {line-height:26px;}
.cont {padding-top: 150px; position: relative; padding-bottom:50px;}
.single .cont {padding-top:0;}
.cont h1 {text-align: center;}
.cont .intro {color: #FFFFFF; padding: 10px 20px;}
.cont p a {color: #0069b0;}
.p_txt { overflow: hidden;}
.p_txt .info {padding: 100px 40px 100px 110px; width: 50%; text-align:center; float: right; position: relative;}
.p_txt .info .grad {position: absolute; width: 18%; height: 100%; left: 0; top: 0; z-index: 0; background: -webkit-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,1)); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, rgba(255,255,255,0), rgba(255,255,255,1)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, rgba(255,255,255,0), rgba(255,255,255,1)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,1)); /* Standard syntax (must be last) */}
.p_txt .info .solid {position: absolute; width: 82%; top: 0; right: 0; height: 100%; background-color: #FFFFFF; z-index: 0;}
.page-id-22 .p_txt .info, .page-id-26 .p_txt .info, .page-id-30 .p_txt .info {float: left; padding: 100px 110px 100px 40px;}
.page-id-22 .p_txt .info .grad, .page-id-26 .p_txt .info .grad, .page-id-30 .p_txt .info .grad {left: auto; right:0; background: -webkit-linear-gradient(right, rgba(255,255,255,0), rgba(255,255,255,1)); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,1)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,1)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to left, rgba(255,255,255,0), rgba(255,255,255,1)); /* Standard syntax (must be last) */}
.page-id-22 .p_txt .info .solid, .page-id-26 .p_txt .info .solid, .page-id-30 .p_txt .info .solid {right: auto; left: 0;}
.p_txt .info h2, .p_txt .info p {z-index: 2; position: relative;}
.foot_social {position:relative; z-index:9; text-align:center; margin:auto; bottom:-25px; font-size:115%;}
.foot_social .fa-stack {margin:0 5px;}
.foot_img {background:url(images/foot.jpg) bottom center fixed no-repeat; background-size:cover; height:400px; opacity:0.9;}
.foot_bar {font-size:12px; padding:20px 0;}
.foot_bar .wrap .right {right:0;}
.foot_icon {position:absolute; bottom:0; z-index:10; left:0; right:0; pointer-events:none;}
.foot_icon img {width:130px; margin:0 0 -16px -8px;}
#wpcf7-f59-p9-o1 .left, #wpcf7-f59-p9-o1 .right {width:49.5%;}
.wpcf7 input, .wpcf7 textarea, .wpcf7 select, .cont .job_filters .search_jobs div input {width:100%; margin-bottom:10px; padding:5px; border:solid 1px #0069b0;}
.wpcf7 textarea, .wpcf7 select {height:115px;}
.page-id-18.parent-pageid-7 .cont {top: 0 !important; opacity: 1 !important;}
.gal {margin: 20px 0 0;}
.page-id-92 .cont {font-size: 110%;}
.wow {visibility:hidden;}
.ms-info > h1 {  background-color: #0069b0;color: #fff;font-size: 28px;padding: 20px 0;text-align: center; margin:0;}
.ms-info {margin-top:25px;}
.ms-slide-bgcont img {-webkit-transition:none; -moz-transition:none; -ms-transition:none; -o-transition:none; transition:none;}
.brochure {bottom: 25px; position: absolute; right: 29%; font-size:16px;}
.owl-dots {display: none;}
.foo-item a {margin:0 !important;}
.clients table {width:1600px; margin:auto;}
.clients table, .clients a {pointer-events:none;}
.bx-controls.bx-has-controls-direction {display:none;}
.clients {/*background-color: #0069b0;*/ padding: 20px 0; margin-top:50px;}
.gs_logo_single img {border:1px solid #0069b0;}

.foogallery-container.foogallery-owl-carousel.foogallery-lightbox-foobox-free.owl-carousel.hover-effect-zoom.border-style-square-white.hasborder.fbx-instance.owl-loaded.owl-drag {margin:10px 0;}
.center {float: left;text-align: center;width: 33%;}
.left {width:33%; padding:10px 0;}
.alignright {float:right;}
.text.testimonial_rotator_description {border: 1px solid #0069b0;padding: 20px;}
.testimonial_rotator.template-default .testimonial_rotator_author_info {border-left:3px solid #0069b0 !important;}
.page-id-312 .box, .page-id-308 .box {border: 1px solid #0069b0; overflow: auto; padding: 20px; width: 48%; margin-bottom:20px; border-radius:3px;float: left;
margin: 1%;}
.page-id-312 .one_half, .page-id-308 .one_half {width:100%; padding: 0 !important;}
.page-id-312 h3, .page-id-308 h3 {background-color: #0069b0;color: #fff;padding: 10px;width: 100%;}
.fa-stack.fa-lg {visibility:visible !important;}
.fa-lg {font-size:2em !important; margin: 15px 5px;}

#wpcf7-f59-p9-o1 .right {position: relative; padding-top: 19px;}

.embed-container { position: relative; padding-bottom: 56.25%; height: 100%; overflow: hidden; max-width: 100%; pointer-events: none;}
.embed-container iframe, 
.embed-container object, 
.embed-container embed { position: absolute; top: 0; left: -150%; width: 1200px; height: 100%; }

@media (max-width: 1160px) {
	.wrap {padding-left: 20px; padding-right: 20px;}
	.head .tel, .foot_bar .wrap .right {right: 20px;}
	.hold .boxes .wrap {max-width: 810px;}
	.boxes .box.four, .boxes .box.six, .boxes .box.eight {width: 375px;}
	.boxes .box.four img, .boxes .box.six img, .boxes .box.eight img {width: 100%; max-width: none;}
	.boxes .box.six img {width: auto; height: 100%;}
	.boxes .box.nine {width: 93.5%;}
	.hold .boxes.serv .wrap {max-width: 100%; padding-left: 1.4%; padding-right: 1.4%;}
	.boxes.serv .box {width: 31.33% !important; margin:1% 0.5% 0 !important; height: 180px !important;}
	.boxes.serv .box h3 {font-size: 26px;}
	.boxes.serv .box img {width: 100%; height:100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto;}
	.foot_img {background-position: center 120px;}
}
@media (max-width: 1135px) {
	.stats .box {width: auto; margin:10px 20px; }
}
@media (max-width: 1100px) {
.embed-container iframe, .embed-container object, .embed-container embed {
    left: -130%;
}
}
@media (max-width: 1024px) {
 .foot_img {background-attachment: scroll !important; background-size: cover; background-position: center !important;}
.ms-info > h1 {font-size:20px;}
.embed-container {
pointer-events:auto;
}
@media (max-width: 880px) {
	.head, .slider video {position: relative;}
	.head .wrap {height: 100px;}
	.head .menu {top:87%;}
	.slider video {margin: -100px 0 0;}
	.slider img {position: absolute;}
	.slider img, .slider video {top: 0 !important;}
	.cont {padding-top: 0;}
	.page .slid, .feat_img {margin: 0;}
}
@media (max-width: 880px) {
	.head {padding: 20px 0 0;}
}
@media (max-width: 820px) {
	.hold .boxes .wrap {max-width: 100%;}
	.boxes .box {width: 94.5% !important; margin: 0 0 10px !important; height: auto !important;}
	.boxes .box.txt, .boxes .box.one {padding:30px 20px 20px;}
	.boxes .box.one {-webkit-transform-style: none; -moz-transform-style: none; transform-style: none; }
	.boxes .box.one h1 {position: relative; top: auto; -webkit-transform:none; -moz-transform:none; transform: none;}
	.boxes .box.two, .boxes .box.four, .boxes .box.six, .boxes .box.eight {height: 200px !important;}
	.boxes .box.two img, .boxes .box.four img, .boxes .box.six img, .boxes .box.eight img {width: 100%; height:auto; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto;}
	.hold .boxes.serv .wrap {padding-left: 20px; padding-right: 20px;}
	.boxes.serv .box {width: 100% !important; margin:10px 0 0 !important; position: relative !important; left: auto !important; top: auto !important;}
	.p_txt {background-position: bottom center !important;}
	.p_txt .info {float: none; width: 100%; padding:10px 20px 400px !important;}
	.p_txt .info .solid {width: 100%; height: 35%; right: auto; left:0;}
	.p_txt .info .grad {width: 100%; height: 65%; left: auto; right: 0; bottom: 0; top: auto;
	background: -webkit-linear-gradient(bottom, rgba(255,255,255,0), rgba(255,255,255,1)) !important; /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,1)) !important; /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,1)) !important; /* For Firefox 3.6 to 15 */
    background: linear-gradient(to top, rgba(255,255,255,0), rgba(255,255,255,1)) !important; /* Standard syntax (must be last) */}
	.cont {top: 0 !important; opacity: 1 !important;}
	
	.embed-container iframe, 
.embed-container object, 
.embed-container embed { top: -100px; left: 0; width: 100%;}
	.page-id-312 .box, .page-id-308 .box,
	.page-id-312 .box img, .page-id-308 .box img {
		width: 100%;
	}
	.left, .center, .right {
    width: 100%;
		float: none;
		position: relative;
	}
	.foot_bar .wrap .right {
		right: auto;
		margin: 10px;
}
	.foot_bar .left,
	.foot_bar .right {
		text-align: center;
	}
	.foot_bar img {display: inline-block;}
}
@media (max-width: 620px) {
	.slider video {margin: -50px 0 0;}
.embed-container iframe, 
.embed-container object, 
.embed-container embed { top: 0; }
}
@media (max-width: 500px) {
	.boxes .box {position: relative !important; width: 100% !important; left: auto !important; top: auto !important; }
	.boxes .box h1, .boxes .box h2, .boxes h3 {font-size: 26px;}
	.foot_bar .wrap .left, .foot_bar .wrap .right, .head .logo, .head .tel {width: 100%; float: none; text-align: center;}
	.foot_bar .wrap .right, .head .tel {position: relative; top: auto; right: auto; -webkit-transform:none; -moz-transform:none; transform: none; margin-top: 10px;}
	.head {padding: 20px 0;}
	.head .wrap {height: auto; text-align:center;}
.head .fors {
position:relative;
left:auto;
right:auto;
width:200px;
margin:auto;
display: inline-block;
}
	.head .logo {text-align: center;}
	.head .logo img {display: inline-block;}
	.head .tel {width: 170px; margin: auto;}
	.boxes h3 span {display: block;}
}