/*--------------------------------------------------
version: screen.css - 2.0
created: 15-05-2015
author: Joe Bloggs ~ GlobalGraphics Associates Ltd.
email: webmaster@globalgraphics.co.uk
website: http://www.globalgraphics.co.uk/
--------------------------------------------------*/

/* FONTS */
@font-face {
    font-family: 'bebas_neuebold';
    src: url('../fnt/bebasneue_bold.eot');
    src: url('../fnt/bebasneue_bold.eot?#iefix') format('embedded-opentype'),
         url('../fnt/bebasneue_bold.woff2') format('woff2'),
         url('../fnt/bebasneue_bold.woff') format('woff'),
         url('../fnt/bebasneue_bold.ttf') format('truetype'),
         url('../fnt/bebasneue_bold.svg#bebas_neuebold') format('svg');
    font-weight: 700;
    font-style: normal;
}

img, object, embed, video { max-width: 100%; }
/* IE 6 does not support max-width so default to width 100% */
.ie6 img { width: 100%; }

/* LAYOUT */
body { background-color: #fff; font-family: Lato, Helvetica Neue, Helvetica, Arial, sans-serif; font-weight: 400; }
.container { margin: auto; max-width: 1180px; width: 100%; }

/* GENERIC */
p, ul, ol, dd, dt, label { font-size: 16px; line-height: 1.6em; margin-bottom: 1em; }
ul p, ul ul, ol ol, ul label, dd p, dt p { font-size: 16px; }
h1,h2,h3,h4,h5,h6,strong.heading { color: #000; font-family: 'Roboto Condensed', 'Arial Narrow', Arial, sans-serif; font-weight: 700; line-height: 1.2; margin-bottom: 0.6em; }
h1,strong.heading { background: transparent url('../img/ui/strip.png') no-repeat left bottom; font-size: 3.7em; padding-bottom: 0.6em; }
strong.heading { display: block; }
h2 { font-size: 2.8em; }
h3 { font-size: 2.0em; }
h4 { font-size: 1.8em; }
h5 { font-size: 1.7em; }
h6 { font-size: 1.6em; }

input, select, textarea { font-size: 16px; }
ul input, ul select, ul textarea { font-size: 16px; }

.clearfix:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }

/* FORM BASIC */
/* form basic css goes here
input[type="text], input.text {}
input[type="submit"], input.button {} */

/* BUTTONS / LINKS
a.button {}
span.button {}
input[type="submit"], input.button {}
a.button-alt {}
span.button-alt {}
input.button-alt {} */
a, a:active, a:hover, a:visited { color: #c90; text-decoration: none; }
a:active, a:hover { color: #fc0; text-decoration: none; }
.button { background-color: #fc0 !important; color: #000 !important; display: inline-block; font-family: 'Roboto Condensed', 'Arial Narrow', Arial, sans-serif; font-size: 29px; font-weight: 700; line-height: 1.2em; padding: 0.5em 0.6em; text-align: center; text-transform: uppercase; width: auto; }
.button:hover { background-color: #c90 !important; color: #000 !important; }

/* CLIENT TEXT */
.client-text ul { font-size: 16px; }
.client-text ol { font-size: 16px; }
.client-text ul ul, .client-text ol ol, .client-text ul ol, .client-text ol ul { font-size: 16px !important; }

/* HEADER */

#header { background-color: #131316; padding-bottom: 20px; }
.logo { float: left; }

#nav { float: right; padding-top: 30px; }
#nav ul { margin-bottom: 0; }
#nav li { display: inline-block; list-style-type: none; }
#nav li a { color: #fff; display: block; float: left; font-family: 'Roboto Condensed', 'Arial Narrow', Arial, sans-serif; font-size: 16px; font-weight: 700; padding-right: 25px; text-transform: uppercase; }
#nav li a:hover,#nav li a.active { color: #fdca00; }
#nav li:last-child a { padding-right: 0; }

/* BANNER */

#banner { position: relative; }
.cent-enc { height: 100%; left: 0; position: absolute; top: 0; width: 100%; }
.cent-txt { color: #fff; display: table; font-family: 'bebas_neuebold', 'Arial Narrow', Arial, sans-serif; height: 100%; width: 100%; }
.cent-inner { display: table-cell; height: 100%; text-align: center; vertical-align: middle; }
.cent-txt .line1, .cent-txt .line2 { display: block; font-size: 80px; font-weight: 700; line-height: 1em; }
.cent-txt .line2 { margin-bottom: 0.5em; }
.big-txt { font-size: 180px; }
.banner { margin-bottom: 0; }
.banner img { display: block; height: auto !important;  width: 100% !important; }
#banner .button { text-transform: none; }

/* CONTENT */

#content { min-height: 400px; padding: 40px 0; }
#page-home #content { min-height: inherit; padding: 0; }

.section1 { background-color: #f5f3f3; }
.commn { padding: 110px 25px; }
.commn h1, .commn strong.heading { background-position: center bottom; text-align: center; }
.page-cent { margin: auto; max-width: 820px; text-align: center; width: 100%; }
.page-cent p { color: #707070; font-size: 16px; line-height: 22px; padding-bottom: 40px; }
.tab-sec ul { margin-bottom: 50px; text-align: center; }
.tab-sec ul li { border: 2px solid #000101; border-radius: 2px; color: #000; display: inline-block; font-family: 'Roboto Condensed', 'Arial Narrow', Arial, sans-serif; font-size: 16px; font-weight: 400; list-style-type: none; margin-right: 8px; padding: 3px 17px; text-transform: uppercase; }
.tab-sec li.ui-tabs-active a,.tab-sec li:hover a { border-color: #fdd13e; color: #fdd13e; }
.tab-lt { float: left; width: 49%; }
.tab-lt img { height: auto; width: 100%; }
.tab-rt { color: #707070; float: right; width: 49%; }
.tab-rt strong.heading { background: none; color: #2d2c2c; font-size: 37px; margin-bottom: 15px; padding: 0; padding-top: 12px; text-align: left; }
.tab-rt p { font-size: 16px; line-height: 21px; margin-bottom: 0; }
.tab-rt .button { font-size: 20px; margin-top: 14px; width: 200px; }
.service-lt { float: left; width: 42%; }
.service-rt { float: right; width: 42%; }
.serv-sec strong.heading { background: none; color: #515151; font-size: 25px; margin-bottom: 12px; padding: 0; text-align: left; }
.serv-sec p { color: #4c4b4b; line-height: 21px; margin-bottom: 12px; }
.serv-inner { padding-bottom: 45px; padding-left: 100px; }
.exp { background: url(../img/exp.png) no-repeat left 10px; }
.serv-inner a { color: #000; font-size: 11px; text-decoration: underline; text-transform: uppercase; }
.serv-inner a:hover { color: #fc0; }
.qty { background: url(../img/quality.png) no-repeat left 10px; }
.equip { background: url(../img/equipment.png) no-repeat left 10px; }
.service { background: url(../img/service.png) no-repeat left 10px; }

#breadcrumbs { padding-bottom: 30px; }
#breadcrumbs ul { margin-bottom: 0; }
#breadcrumbs li { color: #707070; display: inline-block; font-size: 12px; margin-right: 3px; }
#breadcrumbs li a { color: #000; }

.cont-left { float: left; max-width: 820px; width: 100%; }

.cont-right { float: right; max-width: 270px; padding-right: 25px; padding-top: 80px; width: 100%; }
.cont-right li a { border: 2px solid #000; border-radius: 2px; color: #000; display: block; font-family: 'Roboto Condensed', 'Arial Narrow', Arial, sans-serif; font-size: 16px; font-weight: 400; margin-bottom: 13px; text-align: center; text-transform: uppercase; }
.cont-right li a.active { border-color: #eec424; color: #eec424; }

.proj-comn { float: left; overflow: hidden; position: relative; width: 16.667%; }
.proj-comn img { display: block; }
.proj-enc { height: 100%; left: 0; position: absolute; top: 100%; transition: all ease .6s; width: 100%; }
.proj-txt { display: table; height: 100%; width: 100%; }
.proj-inner { background: rgba(238,196,36,0.7); display: table-cell; height: 100%; vertical-align: middle; }
.proj-comn:hover .proj-enc { top: 0; }
.proj-inner h3 { color: #000; font-size: 24px; text-align: center; text-transform: uppercase; }

.gmap iframe { max-width: 100%; }
.gmap { padding-bottom: 35px; padding-top: 15px; }

.cont-comn { float: left; width: 100%; }
.box1 { max-width: 340px; }
.box2 { max-width: 300px; }
.box2 form.basic fieldset { background: none; border: none; margin: 0; padding: 0; }
.box2 form.basic input[type=text],.box2 form.basic textarea { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #eee; border: none; color: #666; font-size: 16px; padding: 8px; width: 300px; }
.box2 .button { border: none; font-size: 20px; line-height: inherit; padding: 15px 60px; }

/* FOOTER */

#footer { background-color: #131a1d; padding: 24px 0 40px; }
.foot-lt { float: left; }
.foot-rt { float: right; max-width: 480px; padding-top: 14px; width: 100%; }
.foot-rt p { color: #6d7278; font-size: 11px; margin-bottom: 4px; }
.copy { color: #9d9fa1; font-size: 12px; line-height: 1.6em; }
.copy a { color: #9d9fa1; }
.colr { color: #fbcc05; }

/* MEDIA QUERIES */
/* CSS Syntax
@media not|only mediatype and (media feature) { CSS-Code; }
*/

@media all and (max-width:1179px) { 
	.container { width: 96%; }
	.cent-txt .line1, .cent-txt .line2 { font-size: 60px; }
	.tab-rt strong.heading { padding-top: 0; }
	.cont-left { width: 65%; }
}
@media all and (max-width:1023px) {
	.cent-txt .line1, .cent-txt .line2 { font-size: 40px; }
	.button { font-size: 24px; }
	.tab-rt strong.heading { font-size: 25px; margin-bottom: 10px; }
	.service-lt { width: 50%; }
	.service-rt { width: 48%; }
	.proj-inner h3 { font-size: 12px; }
	.commn { padding: 60px 25px; }
	.cont-left { width: 60%; }
	.cont-right { width: 32%; }
}
@media all and (max-width:767px) { 
	.logo { float: none; text-align: center; }
	.button { font-size: 20px; }
	.cent-txt .line1, .cent-txt .line2 { font-size: 28px; }
	.tab-lt { float: none; width: auto; }
	.tab-rt { float: none; padding-top: 10px; width: auto; }
	.service-lt,.service-rt { float: none; width: auto; }
	.proj-comn { width: 33.33%; }
	.proj-inner h3 { font-size: 16px; }
	.foot-lt { float: none; text-align: center; }
	.foot-rt { float: none; max-width: inherit; text-align: center; }
	.cont-left { float: none; width: auto; }
	.cont-right { float: none; max-width: inherit; padding-right: 0; padding-top: 20px; width: 100%; }
	.cont-comn { float: none; }
	.box1,.box2 { max-width: inherit; }
	.box2 form.basic input[type="text"],.box2 form.basic textarea { width: 100%; }
}
@media all and (max-width:479px) { 
	.cent-txt .line1, .cent-txt .line2 { font-size: 16px; }
	.button { font-size: 15px; }
	.commn h1 { font-size: 28px; }
	.commn { padding: 40px 15px; }
	.serv-sec h2 { font-size: 19px; margin-bottom: 8px; }
	.serv-sec p { font-size: 13px; }
	.copy { line-height: 20px; }
	.proj-comn { width: 50%; }
	.cont-left h2 { font-size: 28px; }
	.box2 .button { padding: 8px 45px; }
}

/* EASY RESPONSE TABS */

.resp-tabs-list li { cursor: pointer; }
.resp-tabs-container { clear: left; padding: 0; }
h2.resp-accordion { border: 1px solid #000101; border-top: 1px solid #000101; cursor: pointer; display: none; font-size: 13px; margin: 0; padding: 10px 15px; }
.resp-tab-content { display: none; padding: 15px; }
.resp-tab-active { border-color: #fdd13e!important; color: #fdd13e!important; }
.resp-content-active,.resp-accordion-active { display: block; }
h2.resp-tab-title:last-child { background: blue; border-bottom: 12px solid #000101; }
.resp-vtabs ul.resp-tabs-list { float: left; width: 30%; }
.resp-vtabs .resp-tabs-list li { cursor: pointer; display: block; float: none; margin: 0 0 4px; padding: 15px!important; }
.resp-vtabs .resp-tabs-container { background-color: #fff; border: 1px solid #c1c1c1; border-radius: 4px; clear: none; float: left; min-height: 250px; padding: 0; width: 68%; }
.resp-vtabs .resp-tab-content { border: none; word-wrap: break-word; }
.resp-vtabs li.resp-tab-active { border: 1px solid #5AB1D0!important; border-left: 4px solid #5AB1D0!important; border-right: 1px #FFF solid!important; border-top: 1px solid; margin-bottom: 4px!important; margin-right: -1px!important; padding: 14px 15px 15px 14px !important; position: relative; z-index: 1; }
.resp-arrow { border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 12px solid #c1c1c1; float: right; height: 0; margin-top: 3px; width: 0; }
h2.resp-tab-active span.resp-arrow { border: none; border-bottom: 12px solid #9B9797; border-left: 6px solid transparent; border-right: 6px solid transparent; }
h2.resp-tab-active { background: #DBDBDB; }
.resp-easy-accordion h2.resp-accordion { display: block; }
.resp-easy-accordion .resp-tab-content { border: 1px solid #c1c1c1; }
.resp-easy-accordion .resp-tab-content:last-child { border-bottom: 1px solid #c1c1c1; }
.resp-jfit { margin: 0; width: 100%; }
.resp-tab-content-active { display: block; }
h2.resp-accordion:first-child { border-top: 1px solid #c1c1c1; }
@media only screen and (max-width:768px) { 
	ul.resp-tabs-list { display: none; }
	h2.resp-accordion { display: block; }
	.resp-vtabs .resp-tab-content { border: 1px solid #C1C1C1; }
	.resp-vtabs .resp-tabs-container { border: none; clear: none; float: none; min-height: 100px; width: 100%; }
	.resp-accordion-closed { display: none!important; }
	.resp-vtabs .resp-tab-content:last-child { border-bottom: 1px solid #c1c1c1!important; }
}

/* MEAN MENU CSS */

a.meanmenu-reveal { display: none; }
.mean-container .mean-bar { background: #131316; float: left; margin-bottom: 20px; min-height: 42px; padding: 4px 0; position: relative; width: 100%; z-index: 999999; }
.mean-container a.meanmenu-reveal { color: #fff; cursor: pointer; display: block; font-family: Arial, Helvetica, sans-serif; font-size: 1px; font-weight: 700; height: 22px; line-height: 22px; padding: 13px 13px 11px; position: absolute; right: 0; text-decoration: none; text-indent: -9999em; top: 0; width: 22px; }
.mean-container a.meanmenu-reveal span { background: #fff; display: block; height: 3px; margin-top: 3px; }
.mean-container .mean-nav { background: #131316; float: left; margin-top: 33px; width: 100%; }
.mean-container .mean-nav ul { list-style-type: none; margin: 0; padding: 0; width: 100%; }
.mean-container .mean-nav ul li { float: left; position: relative; width: 100%; }
.mean-container .mean-nav ul li a { border-bottom: 1px solid rgba(255,255,255,0.5); color: #fff; display: block; float: left; font-size: 14px; margin: 0; padding: 5px 0 5px 23px; text-align: left; text-decoration: none; text-transform: uppercase; width: 95%; }
.mean-container .mean-nav ul li li a { border-bottom: 1px solid rgba(255,255,255,0.25); filter: alpha(opacity=75); opacity: 0.75; padding: 1em 10%; text-shadow: none!important; visibility: visible; width: 80%; }
.mean-container .mean-nav ul li.mean-last a { border-bottom: none; margin-bottom: 0; }
.mean-container .mean-nav ul li li li a { padding: 1em 15%; width: 70%; }
.mean-container .mean-nav ul li li li li a { padding: 1em 20%; width: 60%; }
.mean-container .mean-nav ul li li li li li a { padding: 1em 25%; width: 50%; }
.mean-container .mean-nav ul li a:hover { background: rgba(255,255,255,0.1); }
.mean-container .mean-nav ul li a.mean-expand { border: none!important; font-weight: 700; height: 26px; padding: 12px!important; position: absolute; right: 0; text-align: center; top: 0; width: 26px; z-index: 2; }
.mean-container .mean-nav ul li a.mean-expand:hover { background: none; }
.mean-container .mean-push { clear: both; float: left; margin: 0; padding: 0; width: 100%; }
.mean-nav .wrapper { margin: 0; padding: 0; width: 100%; }