/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */
   
button,html,input,select,textarea{color:#222}html{font-size:1em;line-height:1.4}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}audio,canvas,img,video{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.browsehappy{margin:.2em 0;background:#ccc;color:#000;padding:.2em 0}

/*********************************************************************************/
/********************************* CUSTOM STYLES *********************************/
/*********************************************************************************/

/*************** UNIVERSAL ***************/

body {font-family: 'Roboto', sans-serif; font-size: 15px; font-weight: 300; color: #37474F;}

.desk-hide {display: none;}

.no-gutter {padding-right:0 !important; padding-left:0 !important;}
.no-gutter-left {padding-left: 0 !important;}
.no-gutter-right {padding-right: 0 !important;}
.no-gutter-bot {padding-bottom: 0 !important;}
.no-gutter-top {padding-top: 0 !important;}

.no-margin {margin: 0 !important;}
.no-border {border: 0 !important;}

.padded {padding: 25px;}
.pad-right {padding-right: 40px;}
.pad-left {padding-left: 40px;}
.pad-top {padding-top: 40px;}
.pad-bot {padding-bottom: 50px;}
.pad-tb {padding-top: 40px; padding-bottom: 40px;}
.pad-content {padding: 40px;}

.full-img {width: 100%;}
.center {text-align: center;}
.relative {position: relative;}
.round {border-radius: 50%;}
.line {font-size: 40px; text-align: center; margin: 0 !important;}

.bg-grey {background-color: #f2f5f7;}
.bg-dgrey {background-color: #404c5a;}
.bg-white {background-color: #fff;}
.bg-aqua {background-color: #23a9f6;;}

.aqua {color: #23a9f6;}
.green {color: #59FFD2;}
.blue {color: #0F80FF;}
.yellow {color: #FEDF80;}
.brown {color: #988F87;}

.border-top {border-top: 1px solid #ccc;}


h1 {font-weight: 700; font-size: 46px; margin: 20px 0; color: #fff; text-shadow: -1px -1px 0px rgba(255,255,255,0.3), 1px 1px 2px rgba(0,0,0,0.6);}
h2 {font-weight: 600; font-size: 32px; margin: 40px 0 20px; color: #252048;}
h3 {font-weight: 500; font-size: 22px; color: #237abd;}

.clearul {list-style-type: none; padding: 0 !important; margin-bottom: 0 !important;}

a {color: #1DE9B6; text-decoration: none; font-weight: 500;}
a:hover {color: #1DE9B6; text-decoration: underline;}

.box {padding: 15px 20px; border: 1px solid #ccc; border-radius: 3px;}

.sub {font-size: 10px;}

/*************** HEADER ***************/

header {background: url('../img/banner/banner-freeway.jpg') center top; background-size: cover; height: 570px; padding-top: 220px;}

#logo {float: left;}
#logo img {width: 220px; height: auto; padding: 20px 0;}

.navbar {background: #fff; border: 0 none; height: auto;}
.navbar .navbar-nav {display: inline-block; float: right; vertical-align: top;}
.navbar .navbar-collapse {text-align: center;}

.navbar-nav > li > a {color: #252048; font-weight: 300; font-family: 'abel', sans-serif; margin: 0 20px; transition: all 0.2s ease 0s; padding: 25px 15px 17px; font-size: 16px;}
.nav > li > a:hover, .nav > li > a:focus {background: transparent; border-bottom: 5px solid #252048; transition: none;}

.navbar-nav > li > p {padding: 25px 15px 17px; margin-left: 30px;}

.bg-aqua p {font-size: 22px; font-weight: 700; color: #fff; margin: 10px 0;}
.bg-aqua p i {margin-right: 20px;}

/*************** FOOTER ***************/

footer {background-color: #F7F3EA;}
footer p {color: #988F87; font-size: 13px; margin: 0; padding: 10px;}

/*************** HOME ***************/

#bannerWorks {height: 350px; background: url('../img/banner/banner-roadworks.jpg') center center; background-size: cover;}

#services .icon {height: 120px;}

#bannerTraining {height: 550px; background: url('../img/banner/banner-training.jpg') center center; background-size: cover;}

#prices {}
#prices .package {margin: 0 10px; min-height: 330px;}
#prices .package h3 {font-size: 36px; margin: 15px 0 25px;}
#prices .package .hour {border-top: 1px solid #50d3e7; border-bottom: 1px solid #50d3e7; width: 100%; padding: 15px 0;}
#prices .package p {padding: 15px 0; margin: 0;}
#prices .package p span {color: #50d3e7; font-size: 28px; font-weight: 500;}

/*************** CONTACT ***************/

#contact {background-color: #00E4BC; color: #fff;}
#contact p {font-size: 22px;}
#contact p.number {font-size: 60px; font-weight: 900;}

/*************** BUTTONS ***************/

.btn {transition: all 0.2s ease 0s; padding: 10px 25px; border-radius: 3px; font-size: 13px; font-weight: 400; margin: 20px 0 0;}
.btn i.fa {margin-right: 12px; font-size: 14px;}

.btn-clear {color: #546E7A; background-color: transparent; border: 1px solid #546E7A;}
.btn-clear:hover, .btn-clear:focus {color: #fff; background-color: #546E7A; border: 1px solid #546E7A;}

.btn-green {color: #000; background-color: #59FFD2; border: 1px solid #59FFD2;}
.btn-green:hover, .btn-green:focus {color: #000; background-color: #1DE9B6; border: 1px solid #1DE9B6;}

.btn-red {color: #fff; background-color: #c7242c; border: 1px solid #c7242c;}
.btn-red:hover, .btn-red:focus {color: #fff; background-color: #ab171e; border: 1px solid #ab171e;}

.btn-overlay {color: #fff; background: url('../img/bg/bg-overlay2.png') 0 0 repeat; border-bottom: 1px solid #9abe8f;}
.btn-overlay:hover, .btn-overlay:focus {color: #444; background: #f2f4f3;}

.btn-dgrey {color: #fff; background-color: #404c5a;}
.btn-dgrey:hover, .btn-dgrey:focus {color: #fff; background-color: #353838;}

/*********************************************************************************/
/********************************* MEDIA QUERIES *********************************/
/*********************************************************************************/

@media only screen and (max-width : 1200px) {

}/* end 1200px */


@media only screen and (max-width : 992px) {

}/* end 992px */


@media only screen and (max-width : 768px) {
  
  header {height: 350px; padding-top: 90px; padding-top: 190px;}
  header .col-md-5.pull-right {float: left !important;}
    
  h1 {font-size: 34px;}
  h2 {margin-top: 20px;}
  
  .pad-tb {padding-top: 20px; padding-bottom: 20px;}

  .navbar-toggle {margin-right: 15px;}
  .navbar-toggle .icon-bar {background-color: #000;}

  .navbar .navbar-nav {float: none;}
  
  .navbar-nav > li > p {margin: 0;}
  
  .nav > li > a:hover {border-bottom: 0;}
  
  .navbar .navbar-collapse {border-bottom: 1px solid #bbb;}

  .mobile-no-gutter {padding-left: 0; padding-right: 0;}

  #prices .package {min-height: 250px; margin-bottom: 10px;}
   
  #contact p {font-size: 16px;}
  #contact p.number {font-size: 40px; font-weight: 900;}
   
  #logo img {width: 185px; padding: 13px 0 0 15px;}
  
  #services .icon {float: left; height: auto;}
  #services .icon img {width: 20px; margin: 20px 10px 0 0;}
  #services .icon.car img {width: 23px; margin: 26px 7px 0 0;}
  
  #bannerTraining {height: 230px;}
   
}/* end 640px; */


/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir{background-color:transparent;border:0;overflow:hidden}.ir:before{content:"";display:block;width:0;height:150%}.hidden{display:none!important;visibility:hidden}.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.invisible{visibility:hidden}.clearfix:after,.clearfix:before{content:" ";display:table}.clearfix:after{clear:both}@media print{*{background:0 0!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:""}blockquote,pre{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}img{max-width:100%!important}@page{margin:.5cm}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}}

/** Core Owl Carousel CSS File *  v2 Beta **/
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel .animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{-webkit-transition:height .5s ease-in-out;-moz-transition:height .5s ease-in-out;-ms-transition:height .5s ease-in-out;-o-transition:height .5s ease-in-out;transition:height .5s ease-in-out}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-controls .owl-dot,.owl-carousel .owl-controls .owl-nav .owl-next,.owl-carousel .owl-controls .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loaded{display:block}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel .owl-refresh .owl-item{display:none}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-item img{display:block;width:100%;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.owl-carousel.owl-text-select-on .owl-item{-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto}.owl-carousel .owl-grab{cursor:move;cursor:-webkit-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.no-js .owl-carousel{display:block}.owl-carousel .owl-item .owl-lazy{opacity:0;-webkit-transition:opacity .4s ease;-moz-transition:opacity .4s ease;-ms-transition:opacity .4s ease;-o-transition:opacity .4s ease;transition:opacity .4s ease}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;-webkit-transition:scale .1s ease;-moz-transition:scale .1s ease;-ms-transition:scale .1s ease;-o-transition:scale .1s ease;transition:scale .1s ease}.owl-carousel .owl-video-play-icon:hover{-webkit-transition:scale(1.3,1.3);-moz-transition:scale(1.3,1.3);-ms-transition:scale(1.3,1.3);-o-transition:scale(1.3,1.3);transition:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;-webkit-transition:opacity .4s ease;-moz-transition:opacity .4s ease;-ms-transition:opacity .4s ease;-o-transition:opacity .4s ease;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1}

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,.fancybox-skin,.fancybox-outer,.fancybox-inner,.fancybox-image,.fancybox-wrap iframe,.fancybox-wrap object,.fancybox-nav,.fancybox-nav span,.fancybox-tmp{padding:0;margin:0;border:0;outline:none;vertical-align:top;}.fancybox-wrap{position:absolute;top:0;left:0;z-index:8020;}.fancybox-skin{position:relative;background:#f9f9f9;color:#444;text-shadow:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:0px;}.fancybox-opened{z-index:8030;}.fancybox-opened .fancybox-skin{-webkit-box-shadow:0 10px 25px rgba(0,0,0,0.5);-moz-box-shadow:0 10px 25px rgba(0,0,0,0.5);box-shadow:0 10px 25px rgba(0,0,0,0.5);}.fancybox-outer,.fancybox-inner{position:relative;}.fancybox-inner{overflow:hidden;}.fancybox-type-iframe .fancybox-inner{-webkit-overflow-scrolling:touch;}.fancybox-error{color:#444;font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;margin:0;padding:15px;white-space:nowrap;}.fancybox-image,.fancybox-iframe{display:block;width:100%;height:100%;}.fancybox-image{max-width:100%;max-height:100%;}#fancybox-loading,.fancybox-close,.fancybox-prev span,.fancybox-next span{background-image:url('../img/fancybox_sprite.png');}#fancybox-loading{position:fixed;top:50%;left:50%;margin-top:-22px;margin-left:-22px;background-position:0 -108px;opacity:.8;cursor:pointer;z-index:8060;}#fancybox-loading div{width:44px;height:44px;background:url('../img/fancybox_loading.gif') center center no-repeat;}.fancybox-close{position:absolute;top:-18px;right:-18px;width:36px;height:36px;cursor:pointer;z-index:8040;}.fancybox-nav{position:absolute;top:0;width:40%;height:100%;cursor:pointer;text-decoration:none;background:transparent url('../img/blank.gif');-webkit-tap-highlight-color:rgba(0,0,0,0);z-index:8040;}.fancybox-prev{left:0;}.fancybox-next{right:0;}.fancybox-nav span{position:absolute;top:50%;width:36px;height:34px;margin-top:-18px;cursor:pointer;z-index:8040;visibility:hidden;}.fancybox-prev span{left:10px;background-position:0 -36px;}.fancybox-next span{right:10px;background-position:0 -72px;}.fancybox-nav:hover span{visibility:visible;}.fancybox-tmp{position:absolute;top:-99999px;left:-99999px;visibility:hidden;max-width:99999px;max-height:99999px;overflow:visible!important;}.fancybox-lock{overflow:hidden!important;width:auto;}.fancybox-lock body{overflow:hidden!important;}.fancybox-lock-test{overflow-y:hidden!important;}.fancybox-overlay{position:absolute;top:0;left:0;overflow:hidden;display:none;z-index:8010;background:url('../img/fancybox_overlay.png');}.fancybox-overlay-fixed{position:fixed;bottom:0;right:0;}.fancybox-lock .fancybox-overlay{overflow:auto;overflow-y:scroll;}.fancybox-title{visibility:hidden;font:normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;position:relative;text-shadow:none;z-index:8050;}.fancybox-opened .fancybox-title{visibility:visible;}.fancybox-title-float-wrap{position:absolute;bottom:0;right:50%;margin-bottom:-35px;z-index:8050;text-align:center;}.fancybox-title-float-wrap .child{display:inline-block;margin-right:-100%;padding:2px 20px;background:transparent;background:rgba(0,0,0,0.8);-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;text-shadow:0 1px 2px #222;color:#FFF;font-weight:bold;line-height:24px;white-space:nowrap;}.fancybox-title-outside-wrap{position:relative;margin-top:10px;color:#fff;}.fancybox-title-inside-wrap{padding-top:10px;}.fancybox-title-over-wrap{position:absolute;bottom:0;left:0;color:#fff;padding:10px;background:#000;background:rgba(0,0,0,.8);}@media only screen and(-webkit-min-device-pixel-ratio:1.5),only screen and(min--moz-device-pixel-ratio:1.5),only screen and(min-device-pixel-ratio:1.5){#fancybox-loading,.fancybox-close,.fancybox-prev span,.fancybox-next span{background-image:url('../img/fancybox_sprite@2x.png');background-size:44px 152px;}#fancybox-loading div{background-image:url('../img/fancybox_loading@2x.gif');background-size:24px 24px;}}

.fancybox-close {top: -45px !important; right: -5px !important;}
/*----------------------------------------------------------------------------*\
    Headhesive Specific Styles
/*----------------------------------------------------------------------------*/

.banner--clone {

    /* Required styles */
    position: fixed;
    top: 0;
    left: 0;

    /* Additional styles */
    background: #fff;
    /* background: rgba(255, 255, 255, 0.9); */
    z-index: 1000;

    /* Translate -100% to move off screen */
    -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
            transform: translateY(-100%);

    /* Animations */
    -webkit-transition: all 300ms ease-in-out;
       -moz-transition: all 300ms ease-in-out;
            transition: all 300ms ease-in-out;

}

.banner--stick {

    /* Translate back to 0%; */
    -webkit-transform: translateY(0%);
        -ms-transform: translateY(0%);
            transform: translateY(0%);
}

.banner--unstick {
    /* Not required to use, but could be useful to have */
}

/*!
 * Lightbox for Bootstrap 3 by @ashleydw
 * https://github.com/ashleydw/lightbox
 *
 * License: https://github.com/ashleydw/lightbox/blob/master/LICENSE
 */.ekko-lightbox-container{position:relative}.ekko-lightbox-nav-overlay{position:absolute;top:0;left:0;z-index:100;width:100%;height:100%}.ekko-lightbox-nav-overlay a{z-index:100;display:block;width:49%;height:100%;font-size:30px;color:#fff;text-shadow:2px 2px 4px #000;opacity:0;filter:dropshadow(color=#000000,offx=2,offy=2);-webkit-transition:opacity .5s;-moz-transition:opacity .5s;-o-transition:opacity .5s;transition:opacity .5s}.ekko-lightbox-nav-overlay a:empty{width:49%}.ekko-lightbox a:hover{text-decoration:none;opacity:1}.ekko-lightbox .glyphicon-chevron-left{left:0;float:left;padding-left:15px;text-align:left}.ekko-lightbox .glyphicon-chevron-right{right:0;float:right;padding-right:15px;text-align:right}.ekko-lightbox .modal-footer{text-align:left}