/*
Theme Name: Atlas v3 Child
Description: The child theme for Atlas Auto
Author: FreemanContingent.ie
Template: atlas_auto3
*/

@import url("../atlas_auto3/style.css");
/* MAIN */
a.footer-logo{margin:20px auto;display: inline-block;}
a.footer-logo img{height:50px;padding-top:6px;}
div.footer-container {margin-top: 0px;}
.footer-wrapper{text-align: center;}
ul#menu-footer-menu {text-transform: uppercase;}
ul#menu-footer-menu li{list-style: none; display: inline-block;}
ul#menu-footer-menu li:last-child{list-style: none; border-right:0}
div.message-box-wrapper.blue { background-color: #0076C0; border-color: #0076C0; color: #FFFFFF; }
div.message-box-wrapper.blue a{color: #FFDE39}
div.message-box-wrapper.blue a:hover{color: #FFDE39;text-decoration: underline;}
div.message-box-wrapper.blue .message-box-title {color: #fff;font-size: 18px;}
div.custom-sidebar { margin-bottom: 20px; position: relative; }
div.textwidget {padding-top: 0px;}
div.navigation-wrapper {font-size: 15px;}
.navigation-wrapper { margin-top: 46px; }
#manufacturers{background-color: #ECECEC;text-align: center;padding:40px 0;height:160px;overflow: hidden;max-height:160px;}
#manufacturers p{font-family: 'Open Sans', sans-serif; font-size: 20px;margin-bottom: 40px;}
#manufacturers ul{margin:0 auto;}
#manufacturers ul li{display: inline-block;margin-right: 40px}
#manufacturers ul li:last-child{margin-right: 0px}
#manufacturers ul li img{height:80px;-webkit-filter: opacity(50%); filter: opacity(50%);}
div.footer-wrapper .copyright-outer-wrapper{border-top:0;}
/* BUTTONS */
.btn-3e i{position: absolute; height: 100%; right: 0; top: 2px; line-height: 3; font-size: 140%; width: 60px; z-index: 99;color: #4E4E4E;}
.btn-3a i{position: absolute; height: 100%; left: 0; top: 0; line-height: 3; font-size: 140%; width: 60px;background: rgb(255, 222, 57);color: #4E4E4E;z-index: 99;}
.small-btn{padding: 13px 20px; font-weight: bold; font-size: 14px;}
.big-btn{padding: 25px 60px 25px 90px; border-radius: 7px;}
.yellow{background: #fcc71f; color: #624b02; text-shadow: 1px 1px #fee597;}
.blue{background: #0073C1; box-shadow: 0 5px #FFDE39; color: #FFFFFF;}
.textwidget button.btn{padding: 13px 80px;}
.btn-5{background: #0076C0!important;margin-bottom: 0!important}
.btn-5:active{top:0!important;}
.btn-book{padding: 14px 43px!important; min-width: 0!important;height: 50px!important;margin: 0px!important}
.btn-book:before{line-height: 1.8!important;}
/* NAVIGATION */
.top-navigation-left a:hover{color:#ffdd00;}
.top-navigation-left ul{padding: 0; margin: 0 auto;margin-top: 3px;}
.top-navigation-left ul li{list-style: none;display: inline;padding-right:20px; }
.top-navigation-left ul li:last-child{padding-right:0px; }

.logo-wrapper{ position:relative; padding-top:20px; padding-bottom: 20px;  }
#logo-wrapper-home{ position:absolute; top:42px; right: 0px;  border-style: solid; border-color: #000044; padding-top:0px; display:none }
.logo-wrapper a:hover #logo-wrapper-home { display: inline-block }

#find-depot-table{max-width:370px;border: 0;}
.find-depot-hours{margin-left:20px;margin-bottom:20px}

/* override original theme overflow limitation */
div.content-wrapper.container{ overflow: visible; }

.sf-arrows .sf-with-ul::after {
    border-top-color: #686868;
}

ul#menu-top_menu
{
    position:relative;
}

ul#menu-top_menu > li > a {
    padding: 5px 35px 5px 15px;
}

ul#menu-top_menu li{padding:0;}

ul#menu-top_menu a
{
    color:#fff;
    display:block;
}
ul#menu-top_menu a:hover{color:#FFDE39;}
ul#menu-top_menu ul.sub-menu li{padding: 9px 0px;color:#686868; }
ul#menu-top_menu ul.sub-menu li:first-child a::after {
    content: 'new';
    display: inline-block;
    border-radius:45%;
    background-color:#FFDE39;
    color:red;
    display:inline-block;
    padding-left:8px;
    padding-right:8px;
    text-align:center;
    margin-left: 15px;
}
ul#menu-top_menu ul.sub-menu a
{
    color:#686868;
    display:block;
    background: #fff;
    text-align: left;
}

ul#menu-top_menu ul.sub-menu a:hover{ color:#adadad;  display:block; }

ul#menu-top_menu ul.sub-menu
{

    position: absolute;
    top: 19px;
    display:none;

}

#menu-item-5270 a::after {
    content: 'new';
    display: inline-block;
    border-radius:40%;
    background-color:#FFDE39;
    color:red;
    display:inline-block;
    padding-left:6px;
    padding-right:6px;
    text-align:center;
    margin-left: 5px;
    font-size: 0.6rem;
}

body{ color: #0c0c0c; }



ul#menu-top_menu li:first-child
{
    background: white;

    font-weight: 300;

}


ul#menu-top_menu li:first-child a
{

    color: #686868;
}

ul#menu-top_menu li:first-child a:hover
{
    background-color: #FFDD02;
    display:block;
}


ul#menu-top_menu.sub-menu.sf-menu li a.sf-with-ul
{
    color: #686868;
    display:block;
}

#location-icon
{
    position:absolute;
    top: 0px;
    right: -125px;
}

#location-icon-img
{
    width:100px;
}

.social-wrapper
{
    position: relative;
}


div.top-navigation-left { float: left; line-height: 17px; margin-left: 10px; display: inline-block; width: 80%; display: flex; align-items: center;}
ul.top-info { margin: 3px 0 0 10px;float: left;}
.top-navigation-left .responsive-menu-wrapper {display: none;}
#menu-atlas3-main-1{display:none;}
#menu-top_menu-1{display:none;}
#menu-item-3386{display:none;}
#menu1{color:#0076C0;}
#responsive-menu .menu-top_menu-1{display: none;}
#post-422 h1, h2, h3, h4, h5, h6 {font-size: revert; font-weight: revert;}
.top-navigation-wrapper ul.sf-menu li.sfHover ul {top: 27px; }
div.social-icon { margin-top: 4px; }
.small-from{font-size: 12px; top: 117px; left: 61px; margin-bottom: -19px; font-weight: bold;}
/* DEPOT PAGE */
.page-header-phone{font-style: italic;float: right; font-size: 19px;}
.page-header-phone a:hover{text-decoration: underline;cursor: pointer!important;}
.depot-buttons{text-align: right;}
.depot-section1{padding-top: 2px!important;}
.depot-section1 .columns{margin-bottom: 0}
.btn span{white-space: nowrap;}
.btn {white-space: nowrap;}
.depot-gallery{padding-top:15px;}
.depot-gallery iframe{width:100%;height:268px;}
.depot-map iframe{width:100%;height:300px;}
.depot-details .columns{margin-bottom: 20px;}
.depot-section2{margin: 15px 0}
.fancy { line-height: 0.5; text-align: center; text-transform: uppercase; font-size: 24px;}
.fancy span { display: inline-block; position: relative; line-height:30px;}
.fancy span:before, .fancy span:after { content: ""; position: absolute; height: 5px; border-bottom: 1px solid #4E4E4E;top: 0; width: 100%; }
.fancy span:before { right: 100%; margin-right: 15px; }
.fancy span:after { left: 100%; margin-left: 15px; }
ul.facilities {margin: 0;padding: 0;}
ul.facilities li{list-style: none;display: inline-block;padding-right:10px;margin-bottom: 15px;width:35px;position: relative;}
ul.facilities li .small-btn{width: 16px;}
#menu2{display:none;margin-bottom:20px;}
#menu1{display:none;}
#menu1 .slicknav_btn{float:left;}
.virtual-tour{display:none;}
.show-tour{text-align: center;margin:10px 0;}
#depot-map{height:300px;}
ul.facilities [data-tooltip]{text-transform: capitalize;text-align: center;z-index: 9999;}
.depot-special{margin-top: 20px;}
.depot-special p{font-weight: bold;}
.facilities-list{text-align: left;}
.facilities-list h3{font-size: 18px;}
.depot-header{background: url(images/header.jpg) no-repeat center center fixed;  -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;padding: 40px;}
.depot-header .content-wrapper .page-header-wrapper{margin-bottom:0px;}
div.page-header-wrapper{background-color: rgba(27,94,166,0.9);color:#fff;}
div.page-header-wrapper h1{color:#fff;text-transform: uppercase;}
div.page-header-wrapper a{color:#fff;}
div.page-header-wrapper{border-bottom: 0}
div.page-header-wrapper--tyre-quote{ overflow: visible;}
div.page-header-branch-menu .sf-with-ul{ font-size: 0;}
div.page-header-branch-menu .sf-with-ul::before{ content: "Contact A Branch"; color: #000; font-size: 16px;}
div.page-header-branch-menu .sf-with-ul::after{ right: 10px;}
div.page-header-branch-menu .sf-menu{ margin-bottom: 0;}

.btn.btn-3.btn-3a, .btn.btn-3.btn-3e{height: 69px;padding-top: 16px!important;}
.btn.btn-3.btn-3a span, .btn.btn-3.btn-3e span{font-size: 12px;font-weight: 400;display: block; padding-top: 4px;}
.btn-3a {
    padding: 25px 0px 25px 58px!important;
}
.btn-wrap{position:relative}
.btn-wrap .rewards{position: absolute; top: 14px; left: inherit; right: -103px;}
.btn-wrap .burst-12{text-align: center;}
.btn-wrap .rewards span{font-size: 16px; position: absolute; top: 20px; left: 3px; color: red; line-height: 15px; font-weight: bold; text-align: center;}
.upfront-msg{background-color: #0076c0;color:#fff;text-align: center;padding:20px;text-transform: uppercase;}
/* HOMEPAGE */
.home-services{/*background: url("images/toproad.jpg") no-repeat center center;*/-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.home-services .service-item{font-family: 'Open Sans', sans-serif; text-transform: uppercase; text-align: center; background-color: rgba(27,94,166,0.9); margin: 80px auto 0; padding: 20px; font-size: 28px; color: #FFF; width: 254px; position: relative;}
.home-services .name{ text-transform: uppercase;font-weight: bold;}
.home-services .price{position:relative;}
.home-services .euro{position:absolute;top: 9px; font-size: 32px; left: 63px;}
.home-services span.cost{font-size: 70px; font-weight: 900;line-height: 95px;}
.home-services .tagline{font-size: 20px;font-weight: bold;font-style: italic;}
.home-services select.engine-size{appearance:none;-webkit-appearance: none; -moz-appearance: none;display: block; margin: 10px auto;color: #fff;padding:10px 20px 10px 35px;border-radius: 0;border:0px;text-transform: uppercase;background: url(images/arrow.png) no-repeat left #000;background-position: left 10px top 14px;}
.home-services p.service-note {font-size: 16px; padding-top: 10px; text-transform: capitalize; }
.qtip{color: #000; background-color: #FFDE39; width: 24px; border-radius: 50%; font-size: 18px; line-height: 24px; font-weight: bold; position: absolute; display: table; right: 20px; top: 20px; text-align: center;}
.home-services .euro-bubble{background-color: #0076C0; border-radius: 50%; margin: 23px auto; font-size: 42px; width: 69px;}
a.booking-btn{background-color: #f4d43a;color:#2D70A5;font-size:16px;padding: 10px 50px;font-weight: bold;width:100%;transition: background-color 0.5s ease;}
a.booking-btn:hover{background-color: #ffffff;}
a.service-help{color: #fff;text-align: center;display: block;margin-top: 15px;margin-bottom: 16px; text-shadow: 1px 1px 3px #000; }
.home-banner{margin-top:40px;}
.euro-bubble span.text{position: relative; left: -2px;}
#menu1 .slicknav_nav ul{display: block!important;margin:0;}
#menu1 .slicknav_row{display: none;}
p.engine-info{font-size: 11px; text-transform: none;display: none;}
/* NEWSLETTER */
.newsletter{background-color: #0076c0;padding:20px;margin:20px 0;text-align: center;}
.newsletter button{background-color: #FFDE39;color:#0076c0;height: 35px;}
.newsletter input[type="email"]{height: 25px;margin-bottom: 0px;width: 225px;}
.newsletter ul{margin: 0 auto;}
.newsletter ul li{list-style: none;display: inline-block;margin-right: 20px;color: #FFF;}
.newsletter form{margin-bottom: 0px}
.newsletter p{text-transform: uppercase;}
/* CONTACT */

.opening-hours select.find-depot {background: url('images/select-arrow.png') no-repeat right #fff;padding: 6px 12px; color: #555; border: 1px solid #ccc; margin-bottom: 10px; width: 100%; max-width: 500px; box-sizing: border-box; font-size: 16px; -webkit-appearance: none; border-radius: 0px; font-family: inherit; box-shadow: inset 0 1px 1px rgba(0,0,0,.075); outline: none; height: 47px; background-color: #fff;}
.opening-hours select.select-depot {background: url('images/select-arrow.png') no-repeat right #fff;padding: 6px 12px; color: #555; border: 1px solid #ccc; margin-bottom: 10px; width: 100%; max-width: 500px; box-sizing: border-box; font-size: 16px; -webkit-appearance: none; border-radius: 0px; font-family: inherit; box-shadow: inset 0 1px 1px rgba(0,0,0,.075); outline: none; height: 47px; background-color: #fff;}
.captcha label { padding-right: 10px; }
#contact-map{display: none;}
#depot-details .columns{margin-bottom: 0;}
#depot-details .text-center{text-align: center;}
#depot-details .opening-hours{margin-bottom: 20px;}
#depot-details {margin: 20px 0;}
hr.blue-hr {margin-bottom: 20px;background-color: #0076c0;height: 3px;border:0;margin-left: 10px;margin-right: 10px;}
.wpcf7-form input{display:block;padding: 6px 12px; color: #555; border: 1px solid #ccc; margin-bottom: 10px; width: 100%; max-width: 500px; box-sizing: border-box; font-size: 13px; -webkit-appearance: none; border-radius: 0px; font-family: inherit; box-shadow: inset 0 1px 1px rgba(0,0,0,.075); outline: none; height: 34px; background-color: #fff;}
.wpcf7-form select{background: url('images/select-arrow.png') no-repeat right #fff;display:block;padding: 6px 12px; color: #555; border: 1px solid #ccc; margin-bottom: 10px; width: 100%; max-width: 500px; box-sizing: border-box; font-size: 13px; -webkit-appearance: none; border-radius: 0px; font-family: inherit; box-shadow: inset 0 1px 1px rgba(0,0,0,.075); outline: none; height: 34px; background-color: #fff;}
.wpcf7-form input[type="submit"]{background-color: #FFDE39;}
.wpcf7-form textarea{max-width: 490px;width:100%;}
#contact-content .columns{margin-bottom: 0px;}
span.head-depot{font-size: 24px;line-height: 42px;color: #0076C0;}
.depot-link{display: none;}
/* TYRE QUOTE */
ul.tyre-size{margin: 0; padding:0;}
ul.tyre-size li{list-style: none;display: inline-block;margin-right:10px;}
ul.tyre-size select{width:80px;}
ul.branch{margin: 0; padding:0; }
ul.branch li{list-style: none; display: inline-block; margin-right:10px; }
ul.form-ul{margin: 0; padding:0;}
ul.form-ul li{list-style: none;display: inline-grid;margin-right:9px;}
img.tyre-wheel{position: absolute; left: -78px; z-index: -2;}
/* SIDEBAR */
a.side-link{display: block; text-align: center; border-top: 3px solid #0076C0;border-left: 3px solid #0076C0;border-right: 3px solid #0076C0;padding-top: 20px;max-width: 319px; margin: 0 auto;margin-bottom:20px;}
/* FORMS */
input[type=text], input[type=email], input[type=date], textarea {
    padding: 6px 12px;
    color: #555;
    border: 1px solid #ccc;
    margin-bottom: 10px;
    width: 100%;
    max-width: 500px;
    box-sizing: border-box;
    font-size: 13px;
    -webkit-appearance: none;
    border-radius: 0px;
    font-family: inherit;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    outline: none;
    min-height: 34px;
    background-color: #fff;
}
select{background: url('images/select-arrow.png') no-repeat right #fff;display:block;padding: 6px 12px; color: #555; border: 1px solid #ccc; margin-bottom: 10px; max-width: 500px; box-sizing: border-box; font-size: 13px; -webkit-appearance: none; border-radius: 0px; font-family: inherit; box-shadow: inset 0 1px 1px rgba(0,0,0,.075); outline: none; background-color: #fff;}

.form-style-10{
    padding:30px;
    background: rgba(255, 255, 255, 0);
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.13);
    -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.13);
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.13);
}
.form-style-10 .inner-wrap{
    padding: 30px;
    background: #0076C0;
    border-radius: 6px;
    margin-bottom: 15px;
}
.tyre-size span{    color: #fff;}
#varifyNum{color: #FFDE39;}
.form-style-10 h2{
    background: #0076C0;
    padding: 20px 30px 15px 30px;
    margin: -30px -30px 30px -30px;
    color: #fff;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.12);
    font-size: 30px;
    -moz-box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.17);
    -webkit-box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.17);
    box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.17);
    border: 1px solid #0076C0;
}
.form-style-10 h2 > span{
    display: block;
    margin-top: 2px;
    font: 13px Arial, Helvetica, sans-serif;
}
.form-style-10 label{
    display: inline-block;
    font: 13px Arial, Helvetica, sans-serif;
    color: #fff;
    margin-bottom: 15px;
}
.form-style-10 input[type="text"],
.form-style-10 input[type="date"],
.form-style-10 input[type="datetime"],
.form-style-10 input[type="email"],
.form-style-10 input[type="number"],
.form-style-10 input[type="search"],
.form-style-10 input[type="time"],
.form-style-10 input[type="url"],
.form-style-10 input[type="password"],
.form-style-10 textarea,
.form-style-10 select
{
    display: block;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100%;
    padding: 4px;
    border: 2px solid #fff;
    box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.33);
    -moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.33);
    -webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.33);
}




.form-style-10 .section{
    font-size: 20px;
    color: #0076C0;
    margin-bottom: 5px;
}
.form-style-10 .section span {
    background: #0076C0;
    padding: 5px 13px 5px 12px;
    position: absolute;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border: 4px solid #fff;
    font-size: 14px;
    margin-left: -51px;
    color: #fff;
    margin-top: -3px;
}
.form-style-10 input[type="button"],
.form-style-10 input[type="submit"]{
    background: #0076C0;
    padding: 8px 20px 8px 20px;
    color: #fff;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.12);
    font-size: 30px ;
    -moz-box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.17);
    -webkit-box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.17);
    box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.17);
    font-size: 15px;
    width: 100%;
}
.form-style-10 input[type="button"]:hover,
.form-style-10 input[type="submit"]:hover{
    background: #FFDE39;
    -moz-box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.28);
    -webkit-box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.28);
    box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.28);
}
.form-style-10 .privacy-policy{
    float: right;
    width: 250px;
    font: 12px Arial, Helvetica, sans-serif;
    color: #4D4D4D;
    margin-top: 10px;
    text-align: right;
}
.page-template-page-contact h2{font-size:24px;font-weight:bold;}
.page-template-page-contact .tel-link{color: #4A4A4A;}
/**
	CSS ADDONS
**/
/* TOOLTIP */

.tooltip,[data-tooltip]{cursor:pointer}.tooltip:after,.tooltip:before,[data-tooltip]:after,[data-tooltip]:before{position:absolute;visibility:hidden;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .2s ease-in-out,visibility .2s ease-in-out,-webkit-transform .2s cubic-bezier(.71,1.7,.77,1.24);transition:opacity .2s ease-in-out,visibility .2s ease-in-out,transform .2s cubic-bezier(.71,1.7,.77,1.24);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);pointer-events:none}.tooltip:active:after,.tooltip:active:before,.tooltip:focus:after,.tooltip:focus:before,.tooltip:hover:after,.tooltip:hover:before,[data-tooltip]:active:after,[data-tooltip]:active:before,[data-tooltip]:focus:after,[data-tooltip]:focus:before,[data-tooltip]:hover:after,[data-tooltip]:hover:before{visibility:visible;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(Opacity=100);opacity:1}.tooltip:before,[data-tooltip]:before{z-index:1001;border:6px solid transparent;background:0 0;content:""}.tooltip:after,[data-tooltip]:after{z-index:1000;padding:8px;width:160px;background-color:#000;background-color:hsla(0,0%,20%,.9);color:#fff;content:attr(data-tooltip);font-size:14px;line-height:1.2}.tooltip-top:after,.tooltip-top:before,.tooltip:after,.tooltip:before,[data-tooltip]:after,[data-tooltip]:before{bottom:100%;left:50%}.tooltip-top:before,.tooltip:before,[data-tooltip]:before{margin-left:-6px;margin-bottom:-12px;border-top-color:#000;border-top-color:hsla(0,0%,20%,.9)}.tooltip-bottom:before,.tooltip-left:before,.tooltip-right:before{margin-bottom:0;border-top-color:transparent}.tooltip-top:after,.tooltip:after,[data-tooltip]:after{margin-left:-80px}.tooltip-top:focus:after,.tooltip-top:focus:before,.tooltip-top:hover:after,.tooltip-top:hover:before,.tooltip:focus:after,.tooltip:focus:before,.tooltip:hover:after,.tooltip:hover:before,[data-tooltip]:focus:after,[data-tooltip]:focus:before,[data-tooltip]:hover:after,[data-tooltip]:hover:before{-webkit-transform:translateY(-12px);-ms-transform:translateY(-12px);transform:translateY(-12px)}.tooltip-left:after,.tooltip-left:before{right:100%;bottom:50%;left:auto}.tooltip-left:before{margin-left:0;margin-right:-12px;border-left-color:#000;border-left-color:hsla(0,0%,20%,.9)}.tooltip-left:focus:after,.tooltip-left:focus:before,.tooltip-left:hover:after,.tooltip-left:hover:before{-webkit-transform:translateX(-12px);-ms-transform:translateX(-12px);transform:translateX(-12px)}.tooltip-bottom:after,.tooltip-bottom:before{top:100%;bottom:auto;left:50%}.tooltip-bottom:before{margin-top:-12px;border-bottom-color:#000;border-bottom-color:hsla(0,0%,20%,.9)}.tooltip-bottom:focus:after,.tooltip-bottom:focus:before,.tooltip-bottom:hover:after,.tooltip-bottom:hover:before{-webkit-transform:translateY(12px);-ms-transform:translateY(12px);transform:translateY(12px)}.tooltip-right:after,.tooltip-right:before{bottom:50%;left:100%}.tooltip-right:before{margin-left:-12px;border-right-color:#000;border-right-color:hsla(0,0%,20%,.9)}.tooltip-right:focus:after,.tooltip-right:focus:before,.tooltip-right:hover:after,.tooltip-right:hover:before{-webkit-transform:translateX(12px);-ms-transform:translateX(12px);transform:translateX(12px)}.tooltip-left:before,.tooltip-right:before{top:3px}.tooltip-left:after,.tooltip-right:after{margin-left:0;margin-bottom:-16px}
.tip {
    display:none;
    position:absolute;
    border:1px solid #333;
    background-color:#161616;
    padding:5px;
    color:#fff;
    font-size:12px;
}
/* REWARDS */
.burst-12 {
    background: #FFDE3B;
    width: 70px;
    height: 70px;
    position: relative;
    text-align: center;
}
.burst-12:before, .burst-12:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 70px;
    width: 70px;
    background: #FFDE3B;
}
.burst-12:before {
    -webkit-transform: rotate(30deg);
    -moz-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    -o-transform: rotate(30deg);
}
.burst-12:after {
    -webkit-transform: rotate(60deg);
    -moz-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    -o-transform: rotate(60deg);
}
.rewards{position: absolute; top: -20px; left: -20px;}
.rewards span{font-size: 16px; position: absolute; top: 20px; left: 2px; color: red; line-height: 15px; font-weight: bold;}
.rewards span a{ color:red }

/* MANUFACTURE */
#carousel {
    margin-top: -100px;
    display: block;
    position: relative;
    top:100px;
    overflow: hidden;
}
#carousel div {
    text-align: center;
    height: 80px;
    float: left;
    position: relative;
    margin-right: 50px;
}
#carousel div img{
    text-align: center;
    height: 80px;
    float: left;
    position: relative;
    -webkit-filter: opacity(50%); filter: opacity(50%);
}
#carousel div img {
    border: none;
}
#carousel div span {
    display: none;
}
#carousel div:hover span {
    background-color: #333;
    color: #fff;
    font-family: Arial, Geneva, SunSans-Regular, sans-serif;
    font-size: 14px;
    line-height: 22px;
    display: inline-block;
    width: 100px;
    padding: 2px 0;
    margin: 0 0 0 -50px;
    position: absolute;
    bottom: 30px;
    left: 50%;
    border-radius: 3px;
}
.caroufredsel_wrapper{max-height:80px;overflow: hidden!important}
#carousel{max-height:80px;overflow:hidden;}

/* MEDIA OVERRIDES */
@media ( max-width: 1199px  )
{
    #location-icon-img
    {
        display: none;
    }
    .btn-book { padding:14px 13px!important; }
}

@media (max-width: 980px){
    .btn-wrap .rewards{display:none;}
    .home-services .columns{margin: 0 auto;float: none;}
    .home-services .service-item{margin-top: 20px}
    .top-navigation-left .responsive-menu-wrapper {display: block;}
    .top-navigation-left .sf-with-ul{display: none}
    .top-navigation-left ul li{padding-right:0;}
    div.top-navigation-left{margin-left: 0px!important;}
    #menu2{display:block;}
    #menu1{display:block;}
    .menu-top_menu{display: none;}
    img.tyre-wheel{display: none;}
    ul.top-info { margin: 0;float: none;}
    ul.top-info {position: inherit;}
    .top-navigation-left ul li{display: inherit;margin-bottom: 5px;}
    .top-navigation-right{display: none;}
    ul#menu-top_menu a {color: #0076C0;}
    ul.sf-menu li.current-menu-ancestor a{border-left-color: #0076C0;}
    ul.sf-menu li a {border-left-color: #0076C0;}
    #menu-top_menu{display: none!important;}
    .sf-sub-indicator{display: none;}
    wrapper .navigation-wrapper { display: none; }
    body div.navigation-wrapper{display: none;}
    .column:before, .columns:before, .column:after, .columns:after {content: "";display: table;}
    span.page-header-phone{display: block;}
    span.page-header-phone a{background: #0076C0;color: #FFF;padding:10px;margin-top: 10px;}
    .btn.btn-3.btn-3a span, .btn.btn-3.btn-3e span{font-size: 10px;}
    .rewards{left: 12px;}


    div.top-navigation-left{width: 100%}
    h1.page-header-title{margin-right: 0; font-size:24px;}
}
@media (max-width: 767px){
    .newsletter ul li:first-child{margin-bottom: 10px;}
    .newsletter ul li{margin-right: 0px;}
    .newsletter input[type="email"]{margin-bottom: 15px}
    div.copyright-right{float: none;display: inline-block;}
    div.copyright-left{float: none;display: inline-block;}
    div.copyright-left ul{margin-left: 0px;}
    div.page-header-wrapper{text-align: center;}
    h1.page-header-title{margin-right: 0; font-size:18px;}
    span.page-header-phone{display: flex;margin-top: 10px}
    .header-wrapper .logo-wrapper{width: 217px;margin:0 auto;}
    .gdl-page-row-wrapper{overflow:hidden}
    .page-header-phone
    {
        float: none;margin: 0 auto;

    }
    .page-header-phone a
    {
        margin: 0 auto;
        border-radius: 5px;

        padding: 20px;
        width: 200px;
        height: 30px;

        font-size: 18px;

        box-shadow: 5px 5px 2px #313131;
    }
    .depot-address{margin-top: 15px}
    .depot-name{margin-top: 15px}
    ul.tyre-size select{width:40px;}


    .fancy span:before, .fancy span:after { display:none; } /* removes line from either side of title break */
}
@media (max-width: 414px){

    .page-header-phone { float: none; display: block; }
    .page-header-phone a
    {
        margin: 0 auto;
        border-radius: 5px;

        padding: 20px;
        width: 200px;
        height: 30px;

        font-size: 16px;

        box-shadow: 5px 5px 2px #313131;


    }
    .depot-header{ padding: 15px 5px;} /* Allows branch nanme and number to fit mobiles */


}
.btn-5 span{white-space: nowrap;}

.openingTimes label {
    float: left;
}

.openingTimes b {
    float: right;
    font-weight: bold;
}

.redTime {
    color: red;
}

.openingTimes p {
    margin-bottom: 0px;
}

.twelve .columns .stunning-text-wrapper {
    border: none;
    padding: 0;
    margin: 0;
    background-color: transparent;
    background-image: none;
}

.sf-menu li {
    background: #fff;
}

.sf-menu li:hover {
    background: #fff;
}


.sf-menu a {
    padding: 5px 15px;
    border-left: 3px solid #fff;
    background: #fff;
}

.sf-menu a:hover {
    border-left-color: #ffdd00;
}

.sf-arrows .sf-with-ul {
    padding-right: 35px;
}

span.wpcf7-list-item {
    width: 150px;
    margin-bottom: 15px;
    font: 13px Arial, Helvetica, sans-serif;
}

@media (min-width:992px) {
    .desktop-only {
        display: inline-block !important;
    }
}

@media (max-width: 991px) {
    .mobile-only {
        display: inline-block !important;
    }
    .desktop-only {
        display: none !important;
    }
}