/*
Theme Name: Automotive Standard Child 2025
Theme URI: http://example.com/twenty-sixteen-child/
Description: Automotive Standard Child Theme
Author: John Doe
Author URI: http://example.com
Template: automotive-standard
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
Text Domain: automotive-standard-child
*/

body{font-family: 'Opel Next';}
li {font-family: 'Opel Next';}
p {font-family: 'Opel Next';}
.comment.more {font-family: 'Opel Next';}
body.custom-background{background-color: #fff !important; }
.hold{background-color: #fff !important; padding-left: 0px; padding-right:0;}
.hold2{background-color: #000 !important; }
.container-fluid.hello{ border: 1px solid #d3d3d3;  background:#fff;}
.container-fluid.hello.bottom{padding: 0px;}
.container-fluid{background:transparent;}
.menuhold{border: 1px solid #d3d3d3; border-bottom:0px; border-top:0px}

.iconhold img{text-align:center; width:100%; height:auto;background:#000;padding:5px;border-radius:10px;}
.iconhold h5{ padding-top:10px; font-weight:bold; font-size:1.5em;}
.iconhold:after {
  content: "";
  display: table;
  clear: both;
}

.warranty{background:#000; padding:10px; color:#fff; text-align:center; font-family: 'Opel Next'}
.warranty p{font-weight:normal; font-size:18px; line-height:150%; padding-right:0px!important;}
.warranty h3{margin-bottom:40px;}
.warranty img{max-width:400px; text-align:center; margin:0 auto;}

.logoHeader{margin-right:30px;}

.image-responsive{width:100%; height:auto;}
.padmore{padding:10px}
.feature{ background:#fff; padding:10px; }
.blog-post img{margin:0;}

.blog-post ul{line-height:150%; list-style-type: none;}
.blog-post ul li:before {
  content: "\f054"; /* FontAwesome Unicode */
  font-family: FontAwesome;
  display: inline-block;
  margin-left: 1.3em; /* same as padding-left set on li */
  width: 1.3em; /* same as padding-left set on li */
  color:#000;
    font-size:.9em;
}

.headimage{position:relative;}
.title_overlay{background:rgba(255,255,255,0.8); display:inline-block; padding:20px 40px 20px 20px; margin:0; position:absolute; top:20px; left:20px; z-index: 10;}
.title_overlay h1{font-family: 'Opel','Roboto Condensed', sans-serif; font-weight:bold; text-transform: uppercase; margin:0; padding:0; font-size: 4rem; }
.title_overlay h3{font-weight:normal; text-transform: uppercase; margin:10px 0 0 0; padding:0; font-size: 2rem; }
.blog-post h3{background:red; border-bottom:5px solid #000; text-transform: capitalize;}


 /* Service club */
.title_overlay2{background:rgba(255,255,255,0.8); display:inline-block; padding:20px 40px 20px 20px; margin:0; position:absolute; width: 35%; right: 4%; top: 5%; z-index: 10; text-align:left;}
.title_overlay2 h1 {font-family: 'Opel Next','Roboto Condensed', sans-serif; font-weight:bold;  margin:0 0 10px 0; padding:0;  }
.bigger{font-size:6em; display:block; font-weight:bold;margin:30px 0 30px 0; }

.title_overlay2 strong{text-transform:uppercase; font-size:1.5em; font-weight:normal }
.lowercase{text-transform: lowercase;}
.featbut{display:inline-block; padding:10px; background:#f7d900; color:#000; font-weight:bold; margin-top:10px;}
.featbut:hover{  background:#000; color:#f7d900; }
.tooltip{font-size:2em; color:red;}


.icon{	-webkit-filter: grayscale(0);
	filter: grayscale(0);
    transition: .3s ease-in-out;
    -webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
    
}
.icon:hover{  -webkit-filter: grayscale(40%);
	filter: grayscale(40%);

-webkit-transform: scale(.9);
	transform: scale(.9);
}
/*********************
Form Details
**********************/
.reset { text-align:right;}
.reset a{display:inline-block; padding:5px 10px; background:#666; color:#fff;}
.reset a:hover{background:#f7d900; color:#000;}
.search{background:#000; padding:10px; text-align:center; margin-top:10px; color:#fff}
.search button{background:#f7d900; color:#000; border-radius:0; font-weight:bold; padding:5px 10px 5px 10px;}

.searchtitle{margin-top:10px; }
.searchtitle h3{ display:inline-block}
.searchtitle a{ display:inline-block; text-decoration:none; width:auto;}
.searchtitle a:hover{ color:#000;}
.form-group .form-control{border-radius:0 !important;  width:100%;}
.form_nor .form-control{border-radius:0 !important; }
.form-group label{display:inline-block; margin-right:10px;  }
.pagination2 ul{margin:-10px 0 0 0 ; padding:0; }
.pagination2 li a{display: inline-block; text-decoration:none;float:left; background:rgba(247,217,0, 1); padding:2px 10px 2px 10px; margin-top:-5px; margin-right:5px; border-radius:0; color:#000; list-style-type: none; text-decoration:none;}
.pagination2 li a:hover{ border-radius:0; background:rgba(247,217,0, .7); color:#000;}
/*.pagination2 li a:active{ border-radius:0; background:rgba(0,0,0, .7); color:#fff;}*/
/*.pagination2 li a:active {border-bottom-color: transparent; background-color:#fff; color:#201f1f; text-transform:uppercase; font-weight:bold;}
.pagination2 li a:active a:hover {border-bottom-color: transparent; background-color:#fff; color:#201f1f;}
.pagination2 li a:active a:focus {border-bottom-color: transparent; background-color:#fff; color:#201f1f; }*/
/*.pagination2 li a:active{background-color: green;}*/

#content{background:#fff;padding:25px;}
input.field100{width:100%;}
.homeform{margin-bottom:0px; margin-top:-60px}
.formbut{background-color:#f7d900; margin: 15px 0; width: 100%}

input, input[type="text"], input[type="email"], input[type="phone"], input[type="number"]{width:100%!important;}

.form-group input,textarea{background:#ccc; color:#000;}

.form-group input.formbut{background-color:#f7d900; margin: 15px 0;}

.searchtop .form-control{border-radius: 0px;}
.searchtop strong{text-transform: uppercase; font-size:1.2em; padding-top:8px; display:inline-block; color:#fff; text-align:right}
.searchtop button{background:rgba(247,217,0, 1); font-weight:bold; padding:5px 10px 5px 10px; margin-top:4px;}
.searchtop button:hover{background:rgba(247,217,0, .8); color:#000; }

.homeform .searchtop, .carlist1 .searchtop, .carlist2 .searchtop{background:black; padding:10px 0 10px 0; margin-left:0; margin-right:0;}

.home-content{padding: 0px 20px 0px 20px; font-size:110%; line-height:150%;}
/*.home-content strong{font-size:120%;   line-height:120%; margin-top:10px;}*/
.home-content p{padding-right:100px;}
.home-content h1{margin-top:10px;}
.home-content strong{font-size:100%; text-align: center;}
.home-content p.mapfre-asist{padding: 20px 0px 0px 0px; font-size: 12px; line-height: 15px; text-align: left;}
.home-content .col-sm-12.title{text-align: center;}

.point img{float:left;}
.point p{margin:0 0 0 100px; padding:0; }
.featOne a.benefict-icons,.featOne a.benefict-icons:hover{background: transparent; padding: 0px;}

.white-space.clear{padding-top: 20px;}

.search_sort{padding:5px 0 5px 0; }
.icobig{font-size:2.4em; margin-left:10px;}
.viewSelect {text-align:right;}
.viewSelect a{ color:#666;}
.viewSelect a:hover{ color:#f7d900;}

.img-list-view-border-mar img{ }

.logo2 {position: relative;height:130px}

.logo2img { width: 10em; margin-top: -2px;}


.month_price{font-weight:bold; padding:10px; background:#fff; margin:0 0 10px 18px; border:2px solid #f7d900; }

a.but {
    display: inline-block;
    color: #000;
    background:rgba(247,217,0, 1);
    padding: 10px 20px 10px 20px;
    font-weight: bold;
    text-transform: uppercase;
}

a.but:hover {
       background:rgba(247,217,0, .7);
  
}


#content ul.feature {
  
  margin-left: 1.4em; /* same as padding-left set on li */

}
#content ul.feature li:before {
  content: "\f00c"; /* FontAwesome Unicode */
  font-family: FontAwesome;
  display: inline-block;
  margin-left: -1.3em; /* same as padding-left set on li */
  width: 1.2em; /* same as padding-left set on li */
  color:#000;
}

.lSSlideOuter ul li:before { content: "";}

.find-wrapper a.but, .find-wrapper a.but:visited{color:#000;}

.find-wrapper a.but, .find-wrapper a.but:hover{color:#000;}

.contact-subtitle{ background-color: #f7d900; text-align: center; padding: 10px;}

h2.contact{
    font-size: 20px;
    font-weight: bold;
    border-bottom: 3px solid #f7d900;
    padding: 4px;
    margin-top: 15px;
}

p.contact-conditions{font-size: 12px;}

a.btn, .contactdetails a{background:rgba(247,217,0, 1); color:#000; display:block; text-align:center; border-radius:5px; margin-bottom:10px; text-decoration:none;font-weight:bold; padding:10px}
a.btn:hover, .contactdetails a:hover{background:rgba(247,217,0, .7); color:#000; display:block; text-align:center; border-radius:5px;}

.btnpad{margin-right:5px;}


/*********************
Opel font
**********************/

@font-face {
    font-family: "Opel Next Bold";
    src: url("assets/font/opelNext/OpelNextW01-Bold.woff2") format("woff2"), url("assets/font/opel/OpelNextW01-Bold.woff") format("woff");
}

@font-face {
    font-family: "Opel Next";
    src: url("assets/font/opelNext/OpelNextW01-Regular.woff2") format("woff2"), url("assets/font/opel/OpelNextW01-Regular.woff") format("woff");
}

@font-face {
    font-family: "Opel Next Light";
    src: url("assets/font/opelNext/OpelNextW01-Light.woff2") format("woff2"), url("assets/font/opel/OpelNextW01-Light.woff") format("woff");
}



@font-face {
    font-family: "Opel";
    src: url("assets/font/opel/Opel-Sans-Condensed-Bold.woff2") format("woff2"), url("assets/font/opel/Opel-Sans-Condensed-Bold.woff") format("woff"), url("assets/font/opel/Opel-Sans-Condensed-Bold.ttf") format("truetype");
    font-weight: 300;
}

@font-face {
    font-family: "Opel Next";
    src: url("assets/font/opel/Opel-Sans-Condensed.woff2") format("woff2"), url("assets/font/opel/Opel-Sans-Condensed.woff") format("woff"), url("assets/font/opel/Opel-Sans-Condensed.ttf") format("truetype");
    font-weight: 200;
}


/* icon fonts =========== */
@font-face {
    font-family: 'all-car-icons';
    src:url('assets/font/all-car-icons.eot?udh09');
    src:url('assets/font/all-car-icons.eot?udh09#iefix') format('embedded-opentype'),
        url('assets/font/all-car-icons.ttf?udh09') format('truetype'),
        url('assets/font/all-car-icons.woff?udh09') format('woff'),
        url('assets/font/all-car-icons.svg?udh09#all-car-icons') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
    font-family: 'all-car-icons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}



.icon-car_pointer_icon:before {
    content: "\e90b";
}
.icon-body_icon:before {
    content: "\e900";
}
.icon-colour_icon:before {
    content: "\e901";
}
.icon-door_icon:before {
    content: "\e902";
}
.icon-engine_icon:before {
    content: "\e903";
}
.icon-fuel_icon:before {
    content: "\e904";
}
.icon-gear_icon:before {
    content: "\e905";
}
.icon-make_icon:before {
    content: "\e906";
}
.icon-mileage_icon:before {
    content: "\e907";
}
.icon-model_icon:before {
    content: "\e908";
}
.icon-variant_icon:before {
    content: "\e909";
}
.icon-year_icon:before {
    content: "\e90a";
}
.arrow_left:before{
    content: "\e914";
}

.arrow_right:before{
    content: "\e915";
}

/* ==========================================================================
  end icons
   ========================================================================== */


.pad3 h1.home {
    font-size: 30px;
    margin-top: 0px;
    position: relative;
    border: none;
    font-weight: 300;
    font-family: 'Opel Next';
    background:none; display:inline-block; padding:0; color:#000;
    text-transform:uppercase;
    text-align: center;
}


img.img-responsive.warranty-mapfre{width: 100%; padding-top: 30px;}

.blog-post h2,h3,h4,h5,h6 {
    font-weight: 300;
    font-family: 'Opel Next';
    text-decoration: none;

}

h2,h3,h4,h5,h6 {
    font-weight: 300;
    font-family: 'Opel Next';
}


.blog-post h1 {
    font-size: 30px;
    margin-top: 0px;
    position: relative;
    border: none;
    font-weight: 300;
    font-family: 'Opel Next';
    background:#f7d900; display:inline-block; padding:10px; color:#000;
    text-transform:uppercase;
}




.pad3 h1 {
    font-size: 30px;
    margin-top: 0px;
    position: relative;
    border: none;
    font-weight: 300;
    font-family: 'Opel Next';
    background:#f7d900; display:inline-block; padding:10px; color:#000;
    text-transform:uppercase;
}

.pad3 .home-content h1 {
    margin-top: 10px; margin-bottom:20px;
  
}

#content h1 a, a:hover, a:visited {color:#000;

}
#content h1 {
    font-size: 30px;
    margin-top: 0px;
    position: relative;
    border: none;
    font-weight: 300;
    font-family: 'Opel Next';
    background:#f7d900; display:inline-block; padding:10px; color:#000;
    text-transform:uppercase;
}

.modal-title {display:block; }
#content h2 { font-size: 30px; font-weight: 700; }

#content h3 { font-weight: 800; text-transform: capitalize; background: none; padding: 10px 0; }

.side-widget { background: #fff;}
.find-wrapper { background: #fff;}
.side-widget h3{font-family: 'Opel Next'; font-weight: 300; color:#000; text-align:left; font-size:1.5em; line-height:150%; padding-left:10px; }

.selectBox-dropdown .selectBox-label{color:#000;font-family: 'Opel Next';}

.allcenter{text-align:center;  }

.middlealign{min-height: 200px;
             display: table-cell;
             vertical-align: middle}



.blog-post h1 a:hover {
    color:#000;
}


/********************************************************************/
/*** Header ***/

.tophead{background:#fff;}

#menu-menu-1 li{ margin-top: 0.600em; }
ul.navbar-right li{ margin-top: 0.600em; }

#logo{
    padding: 10px;
}
#logo img{max-width:130px;
          width: 100%; height:auto;
}

.topmenu,.sm {margin:20px 0 20px 0}
.topmenu{font-family: "Opel Next";  text-align: right;}
.topmenu a{color:#fff; padding:0;display:inline-block; margin-right:20px;border-bottom:4px solid #000;}
.topmenu a:hover{border-bottom:4px solid #f7d900; color:#fff; }
.sm{color:#fff; text-align:right;}
.sm a{display: inline-block; padding:0 10px 0 10px; color:#fff; /*border-right:1px solid #fff*/}
.sm a:first-child {/*border-left:1px solid #fff*/}
.sm a:hover{display: inline-block;  color:#f7d900}

.frame {max-height:130px; 
        display: flex;
        align-items: center;
}
.home-icon{    height: 15px; width:auto;margin-bottom: 5px}
.opellogo{    margin: 5px 10px 0 10px; float:left}
.opellogo2{   margin: 5px 10px 0 10px; }

.nq{font-size: 16px;font-family: "Opel Next Bold"; text-transform: uppercase; margin:4px 0 0px 10px; padding:2px 0 0 0; 
display:inline-block; color:#000; }
.nq2{font-size: 16px; font-family: "Opel Next"; text-transform: uppercase; margin:2px 0 0px 10px; padding:0; 
    display:inline-block; color:#000; position:absolute; right:100px; top:12px;}
/*******************************************************************/
/*** Nav ***/
.nav{}
.nav.navbar-nav li a:visited{color:#000;}
.navbar-default .container {
    margin: 0;
    padding: 0;
}

/*** over ride bootstrap ***/
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.active>a{background:#fff; box-shadow: inset 0 3px 9px rgba(0,0,0,0)!important; background:none!important;}

.navbar-header {
    float: left;
    padding: 15px;
    text-align: center;
    width: 100%;
}
.navbar-brand {float:none;}

a.opel-ie, a.opel-ie:link, a.opel-ie:visited, a.opel-ie:focus, a.opel-ie:active{color:#fff; font-weight: bold;}
a.opel-ie:hover{background-color:#f7d900; padding: 10px 5px; color: #000;}

.navbar-default {
}
nav#menu {
    margin: 0px 10px 0px 10px!important;
    background-color: #fff !important;
     box-shadow: none;
}
nav#menu .active a {
    background: #fff;
    color: #000;
}
.navbar-nav .inventory .active a  {
    background: #fff;
    color: #000;
    box-shadow: none;
}
a.dropdown-toggle:focus  {
    background:#fff!important;
    color: #000;
    box-shadow: none;
    padding: 0px;
    border-right:none;
}


.navbar-nav ul.dropdown-menu   {
    background: #fff;
    color: #000;
    box-shadow: none;
    padding: 0px 10px 0 0;
}
.navbar-nav ul li  {
    color: #000;
    box-shadow: none;
    border-bottom: 0px solid #333;
    padding: 0px;
    margin: 0px;
}

nav#menu ul.dropdown-menu li a::before {
    color: #f7d900;
    content: '';
    display: inline-block;
    font-size: 16px;
    padding: 10px 0 0 10px;
    font-weight:700;
}

.navbar-nav ul li  a{
    color: #000;
    box-shadow: none;
    border-right:none;
    padding: 0px;
    margin: 0px;
}
.navbar-nav ul li:last-child  {
    color: #000;
    box-shadow: none;
    border-bottom: none;

}
.navbar-nav ul li:hover  {
    background: #fff;
    color: #000;
    box-shadow: none;
}
.navbar-nav .current-menu-ancestor  {
    background: #fff;
    color: #000;
    box-shadow: none;
}

nav#menu a {
    color: #000;
    text-transform: uppercase;
    font-size: 16px; 
    font-weight:700;
   
}

nav#menu a::before {
    color: #f7d900;
    content: '/';
    display: inline-block;
    font-size: 16px;
    padding: 0 10px;
    font-weight:700;
    -webkit-transform: rotate(18deg);
    transform: rotate(18deg);}

nav#menu a::before {
    color: #f7d900;
    content: '/';
    display: inline-block;
    font-size: 16px;
    padding: 0 10px;
    font-weight:700;
    -webkit-transform: rotate(18deg);
    transform: rotate(18deg);}

li#menu-item-766 a::before{content: ''; padding:0;}

li#menu-item-766 a{ border-left: none; }
/*
li#menu-item-766{ 
    border-left: none; 
    background-image: url('assets/images/home.png') !important;
    
}*/

nav#menu a:hover {
    background: transparent;
    color: #606060;
    
}

nav#menu a span:hover {
    background: transparent;
    color: #606060;
    border-bottom:4px solid #f7d900;
}

nav#menu a span.home {float:left;
   
    border-bottom:4px solid #f7d900;
}
nav#menu a:visted {
    background: transparent;
    color: #000;
}
.navbar {
    border: none!important;
    border-radius: 0px!important;
    margin: 0px!important;
}

.glyphicon-fullscreen {
    font-size: 12px;
}
.glyphicon-search {
    border: none!important;
    color: #fff;
}
.navbar-toggle {
    border: none!important;
}
.icon-bar {
    background-color: #000!important;
}
.navbar-search .navbar-brand {
    color: #fff;
}
.navbar-search {
    padding: 20px 10px;
}
.navbar-collapse {
    padding: 0px!important;
}

.nav a {
    font-size: 16px;
    font-family: "Opel Next Bold";
    font-weight: 400;
    text-transform: capitalize;
    padding: 5px 0!important;
    border-right: 0px solid #333;
}
.glyphicon-fullscreen {
    font-size: 15px;
}
.glyphicon-search {
    border: none!important;
    color: #fff;
}
.navbar-toggle {
    border: none!important;
}
.icon-bar {
    background-color: #fff!important;
}
.navbar-search .navbar-brand {
    color: #fff;
}
.navbar-search {
    padding: 20px 10px;
}
.navbar-collapse {
    padding: 0px!important;
}

ul .nav .navbar-nav li a {
    color: #fff;
}
.nav.navbar-nav li a {
    color: #fff;
}

.nav.navbar-nav li a:visited{background:#fff;}
ul.side-nav h3 {
    border: none;
    margin: 0;
}


/********************************************************************/
/*** #myCarousel ***/

.testleft{background:#fff; color:red; display:inline-block; position:absolute; top:45%; left:0; z-index:100; display:inline-block; padding:30px 15px; font-size;100px; }

.testright{background:#fff; color:#000; display:inline-block; position:absolute; top:45%; right:0; z-index:5; display:inline-block; padding:30px 15px;}

#carousel-example-generic .carousel-control.right{width:1%!important;}
.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev{margin-left:-65px!important;}

.carousel-control {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 15%;
    opacity: 1!important;
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,0)!important;
}

.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next{
   width:50px!important;
    height: auto!important;
    margin-top: -10px;
    font-size: 30px;
    background: #fff;
    color: #000;
    padding:30px 10px 30px 10px;
display:inline-block;
}


.carousel-control.right {
    
    right: 0;
    width:4%;
background:none!important;
}

.carousel-control.left {
    left: 0;
    width:4%;
    background:none!important;
}

#carousel-example-generic .carousel-control.left{  width:10%;}

#carousel-example-generic .carousel-control.right {width:10%; 
    }

.carousel-control .icon-next, .carousel-control .glyphicon-chevron-right {color:#000;
    right: 0;
    margin-right: 0px;
   
}

.carousel-control .icon-next, .carousel-control .glyphicon-chevron-left {color:#000;
    right: 0%;
    margin-right: 0px;
}




#myCarousel{  background: #fff; /*border:25px solid #fff;*/ margin:0 0 10px 0; padding:0; }

#myCarousel img{width:100%; height:auto; }

.carousel{/*border:25px solid #fff;*/}

.title_overlay_Home{background:rgba(255,255,255,0.8); display:inline-block; padding:20px 40px 20px 20px; margin:0; position:absolute; top:20px; left:20px; z-index: 10; color: #000;}
.title_overlay_Home a h1{font-family: 'Opel Next Bold'; text-transform: uppercase; margin:0; padding:0; font-size: 3rem; color: #000;}
.title_overlay_Home a h3{font-weight:normal; text-transform: uppercase; margin:10px 0 0 0; padding:0; font-size: 1.3rem; color: #000;}

/********************************************************************/
/*** featOne ***/
.pad2{padding:10px;}
.pad3{padding:0px 0px 25px 1px;}

.homeform .pad3{padding:0px 0px 25px 0px; margin-top:60px;}
.pad4{padding:25px 15px 25px 15px;}

.icon{clear:right;}
.featOne h5{line-height:150%; color:#fff; font-family: 'Opel Next';}
.featOne{background:#b4bbbf; padding:0 0 20px 0; text-align:center;}
.featOne img{text-align:center; width:100%; height:auto;background:#000;padding:5px;border-radius:10px;}
.featOne h2{color:#fff; margin-bottom:30px; font-family: "Opel Next";}
.featOne a{color:#000; background:#f7d900; padding:10px 20px 10px 20px; font-weight:bold}
.featOne a:hover{color:#000; background:rgba(247, 217, 0, 0.8); }

.featOne > div{justify-content: space-between; display: flex; margin-bottom: 20px;}
.featOne > div > div{flex: 1;}
.featOne > div > div > a img{width: 100px; height: 100px;}

.featicon{text-align:center; }
/********************************************************************/
/*** featureboxes ***/
.featureboxes{margin:20px 0 20px 0;  }

.featureboxes img{ width:100%; height:auto; margin-bottom:10px;}

.featureimage{position:relative; margin:0px;}

.featureimage img{width:100%; height:auto;}
.overlay_content{position:absolute; top:20%; left:40px;}
.featureimage h3{ background:#f7d900; color:#000; font-family: 'Opel Next'; padding:10px; text-transform: uppercase; font-weight:400;}

.featureimage button{ background:#f7d900; color:#000; font-family: "Opel Next"; padding:10px; text-transform: uppercase; font-weight:400;}

.featureimage button:hover{background:rgba(247,217,0, .7);}

.featureimage .close2{position:absolute; top:0px; left:0px; background:#f7d900; color:#000; font-family: 'Opel Next'; padding:10px; text-transform: uppercase; font-weight:400; font-size:2em;}


.find-wrapper a, .find-wrapper a:visited {color:#000;  font-family: 'Opel Next';}
.find-wrapper a, .find-wrapper a:hover {color:#fff;}



/********************************************************************/
/*** modal window ***/


/***** Custom Pages *****/
.service-club a,.custom-page-roadside a,.custom-page-warranty a{font-weight: bold; text-decoration: none !important; margin-top: 10px; padding-top: 50px;}
.service-club a:hover,.custom-page-roadside a:hover, .custom-page-warranty a:hover {font-weight: bold; color:#000; text-decoration: underline !important;}
.service-club p{padding-top: 10px;}

.warranty-link{font-size: 23px;}

.terms-cond ol ul{ padding: 10px 40px;  } 
.terms-cond li{padding-top: 15px;}

.service-icons{ margin-top: 30px;}
.img-service{text-align: center; padding: 15px 0;}

p.title-img-service{font-weight: bold;}

a.morelink {    
    text-decoration:none;
    outline: none;
}
.morecontent span {
    display: none;
}

.custom-page-content p.mapfre-asist{line-height: 20px;}

.modal-content {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}
.modal-content iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.alignleft { float: left; margin: 5px 20px 10px 0; }

.sub-title-element{color: #f7d900; background-color: #000; display: inline; padding: 5px;}

.morelink{display: block; text-decoration: underline; font-weight: 600; }
a.morelink:hover{text-decoration: underline; }
a.morelink{text-decoration: underline; }

p.mapfre-asist{padding-top: 20px; font-size: 12px;}
/********************************************************************/
/*** carlist1 ***/

.carlist1 img,.carlist2 img{
    margin: 0 auto!important; 
    display: block;
    padding: 10px 0px!important;
    width:100%; height:auto;
}

.carlist1 img{width: 100%; height:auto;}
.carlist1 h3{font-family: 'Opel Next'; font-size:1.4em; padding: 0; margin:0;}
.c_overview{font-size:.9em;}
.gridview .c_overview{  margin-left:3px;}
.listview .c_overview{padding:0; margin:0 10px 0 0;}
.listview .carlist_detail .locationdetails2 h5{background:red;   color:#000; margin-left:0px;}
.listview .hold {margin-top:20px; padding-top:10px; background:red; border-radius:0; }

.carlist1 ul li,.carlist2 ul li{list-style-type: none;}
.carlist_detail{background:rgba(224, 220, 221, 0.5) ; padding:0px 10px 10px 10px; 
border: 1px solid #CACACA; border-radius: 0px; margin-top: 5px; margin-bottom: 2px;}
.gridview.carlist_detail{background:rgba(224, 220, 221, 0.5) ; padding:10px 10px 10px 10px; 
border: 1px solid #CACACA; border-radius: 0px; margin-top: 5px; margin-bottom: 2px;}

.carlist2 .carlist_detail{background: rgba(224, 220, 221, 0.5); padding:0 10px 10px 10px; }
.carlist_detail img{margin:0; padding:0; width:100%; height:auto; }
.tel{display:block; text-align:center; padding:10px;}
a.tel-grid-sk{ display:block; text-align:center; padding:10px; }
.carlist1 .locationdetails a{background:#000; color:000; display:block; text-align:center; border-radius:0px; margin-bottom:0px; margin-top:10px; padding:10px;}
.carlist1 .locationdetails a:hover{background:#000; color:000; display:block; text-align:center; border-radius:0px; margin-bottom:0px; text-decoration:underline;}
.carlist1 .location a{color:#fff;}
.carlist1 .location a:hover{color:#fff;}
.locationdetails{ background-color: black;}
.carlist2 .location a{background:none;}
.carlist2 .location a:hover{background:none;}

.carlist_detail h3{font-size:1.6em; font-weight:bold; }
.carlist_detail h4{font-size:1.2em; }
.carlist_detail h5{font-size:1em;}

.carlist_detail .locationdetails2 h5{background:transparent;   color:#000; margin-left:0px; }
.line{  padding-bottom:5px; display:block }
.location2{display:block; text-transform: capitalize; background:#cacaca; padding:10px;border-top:3px solid #000;margin-top:10px; }

.carlist_detail .location2{margin-top:0px; }
.location2 a{color:#000; }


.car_title{font-weight:200; margin-top:10px; display:inline-block; }
.listview .car_title{ margin-top:0;  }









.price_was .c_value{text-decoration: line-through}
.price_was{font-size:.9em; color:#666}

.carlist_detail ul { padding:0;}
.carlist_detail ul li{display:block; }
.c_overview i{color:#666; margin-right:5px;}

.carlist_detail .itemLabel{ display:inline-block; font-weight:bold; width: 50%; padding: 0; }
.carlist_detail .itemLabel2{ display:inline-block; font-weight:bold;  padding: 0 10px 0 0; }
.carlist2 ul{}
.carlist2 .carlist_detail .itemLabel{ display:normal; font-weight:bold; width: 100%; padding: 0; }
.carlist2 .c_overview {text-align:center; margin-top:20px;}
.carlist2 .c_overview i{font-size:2em;}
.carlist2 .location a{display: inline;}
.c_title{background:#000; color:#fff; margin-bottom:10px;}

.carlist_detail .c_title{margin-bottom:10px;}
.c_title h3{margin-top:5px;}
.rightAlign{text-align:right;}

a.btn_main{color:#000}

h4.location2{text-align:center; line-height:150%;}
.tel{font-weight:bold; font-size:1.2em;}
a.tel-grid-sk{font-weight:bold; font-size:1.2em;}
/********************************************************************/
/*** accordian panel styling ***/

.sep{border-left:1px solid #999;}
.carlist_detail .panel-default>.panel-heading {
    background-image: none;

}

.carlist_detail .panel-default>a .panel-heading h4 { position: relative; margin-bottom:0; padding:0;}
.carlist_detail .panel-default>a .panel-heading h4:hover {text-decoration:none;}
.carlist_detail .panel-default>a .panel-heading h4:before {
    position: absolute;
    font-family: 'FontAwesome';
    top: 0;
    right: 10px;
    content: "\f078";
}
.carlist_detail .panel-default>a .panel-heading { 
    background:#000; color:#fff; text-align:left;}
.carlist_detail .panel-default>.panel-heading a:hover{
    text-decoration:none;}

.carlist_detail .panel-default>.panel-heading {text-align:left;
                                               color: #fff;
                                               background-color: #000;
                                               border-color: #ddd;}

.carlist_detail h5{font-weight:bold; font-size:1em;  padding:10px; background:rgba(247,217,0, 1); text-transform: uppercase} 


/*********************
New Dealer Page
**********************/

.logo-responsive{height:auto; width:100%; max-width:200px; margin-top:-10px;}
.dealer_head{font-family: 'Opel Next Bold'; font-size:3em; color:#000; display:inline-block; padding:0 0 0 10px; margin-top:20px;  }
.title2{display:inline-block; }
.stock{background:red; text-align: right;}

.stock_num_hold{position:relative; font-weight:bold; display:inline-block; width: 80px;
	height: 80px;
	background: red;
	-moz-border-radius: 40px;
	-webkit-border-radius: 40px;
	border-radius: 40px; background:#000; color:#fff;}
.stock_num{font-size:3em; padding:20px 10px 20px 10px;  display:inline-block; font-weight:bold; color:#fff; background:#000;}
.stock_label{display:inline-block; margin:0; padding:0; color:#000;}

.sm2{margin:0 0 10px 0}
.sm2 a{color:#000; }
.sm2{color:#000; }
.sm2 a{display: inline-block; padding:0 10px 0 10px; color:#000; border-right:1px solid #000}
.sm2 a:first-child {border-left:1px solid #000
}
.sm2 a:hover{display: inline-block;  color:#f7d900}


h1.dealer {
    font-size: 30px;
    margin-top: 30px;
    position: relative;
    border: none;
    font-weight: 300;
    font-family: 'Opel Next';
    background:none; display:block; padding:0; color:#000;
    text-transform:uppercase;
}
.dealer{/*border-top:10px solid #000;*/ margin-top:20px;}
.dealercars a{color:#f7d900}
.dealercars a:visited{color:#f7d900}

.stock2{background:#000; text-align:center; }
.stock2 a.but{display:block}

.row.dealer_contact{padding:0 10px 10px 10px; margin:10px; line-height:200%; }
.row.dealer_contact i{margin-right:5px;}
.dealer_contact h3{ color:#f7d900; display: inline-block; padding:0px; font-weight: bold;}
.dealer_contact span{color:#fff;}
span.email {color:#f7d900; }
.dealer_contact .tel{text-align:left; margin:0; padding:0; font-size:1em;}

#map-container{margin:20px 0 0 0 }
.aright{text-align:right; padding-top:20px;  display:inline-block}

.day{font-weight:bold; display:inline-block;}
.day{font-weight:bold; display:inline-block;}

/* 375px */
.email a:hover{color:#f7d900; }


/*********************
custom-page-content
**********************/
.custom-page-content ul{
  
  margin-left: 0; /* same as padding-left set on li */

}
.custom-page-content ul li:before {
  content: "\f00c"; /* FontAwesome Unicode */
  font-family: FontAwesome;
  display: inline-block;
  margin-left: -1.7em; /* same as padding-left set on li */
  width: 1.7em; /* same as padding-left set on li */
  color:#000;
}

.custom-page-content ul li{
  
  margin-left: 2.2em; /* same as padding-left set on li */
  line-height: 200%;
}

.datatable{width:100%; color:#000;  border-collapse: separate;
    border-spacing: 0; text-align:left; border:0px solid #fff}
.datatable td{padding:10px; color:#000; line-height:150%; text-align:left; border:1px solid #ccc }

table thead tr th {text-align:left;
    border-bottom: .4rem solid #f7d900;
    padding: 1rem .75rem 1rem;
}

.datatable ul, ol, dl {
    font-family: inherit;
    line-height: 1.3;
    list-style-position: outside;
    margin-bottom: 0;
    text-align:left;}

.datatable tbody {
    display: table-row-group;
    vertical-align: middle;
    border-color: inherit;
}

.datatable thead {
    display: table-header-group;
    vertical-align: middle;
    border-color: inherit;
}
/*********************
Dealer Page
**********************/
.featureboxes {font-family: 'Opel Next';}
.ctitle{text-align:center; background:#000; padding:10px; color:#fff;}
.ctitle a{color:#f7d900;}

.dealbox img{position:relative; }

.dealOverlay {position:absolute;  background:rgba(255,255,255,.7);  z-index: 10px; top:20px; left:30px; right:30px; padding:20px; }
.dealOverlay h3{text-transform:uppercase; margin:0 0 10px 0; }
.dealOverlay p{ font-size:1.2em; font-weight: 200; line-height:120%;}
.dealOverlay a{ color:#000;}

.dealer_contact{background-color: black;}
.dealer-page-title h1{background-color: #fff; font-size: 1.7em; font-weight: bold; }
.dealer-page-title h2{color:red;}
.dealer-page-header{height:100px;  display: table; width:100%;}
.dealer-page-title{padding:25px 0 0 0}

.dp-num-cars{
    font-size: 40px; 
    background-color: #000; 
    color: rgba(247,217,0, 1); 
    padding-left: 10px; 
    padding-right: 10px; 
    padding-top: 15px; 
    padding-bottom: 15px;
    margin-top: 27px;
    margin-left:auto;
    margin-right:auto;
    text-align: center;
    font-weight: bold;
    display:inline-block;
}

.dp-social-med-ic{color:#f7d900; padding: 0;  margin-top:-20px;}

.item{position:relative;}
.item img{width:100%;}

.carousel-control{}
.carousel-caption3{  margin:0; position:absolute; top:10px; left:10px; width:40%;}
.carousel-caption3 h3{font-family: 'Opel Next';
     font-size:2em; color:#fff; text-align:center; line-height: 150%;}

.carousel-caption3 p{text-align:center;}

.carousel-caption3 p.extra{text-align:center; color:#f7d900; position:absolute; top:280px; left:20px; font-size:1.2em;}

.carousel-caption3 .learnbut{background:#f7d900; color:#000; display:inline-block; padding:10px; font-weight:bold; font-size: 1.2em;}
.carousel-caption3 .learnbut:hover{background: rgba(247,217,0,.7);  }


.carousel-caption p{ font-family: 'Opel Next';
    position:absolute; top:50px; left:-93px; font-size:2em; background:#f7d900; color:#000;display:inline-block; padding:10px;
}

.carousel-caption a{color:#fff;}
.carousel-caption a:hover{color:#f7d900;} 
.carousel-caption a:visited a:link{color:#fff;}


.carousel-caption2 { display:inline-block; padding:10px; color:#fff;
                     background-color: rgba(0, 0, 0, 0.7);
                     position:absolute; 
                     z-index: 100; 
                     top: 10px;
                     left:0;
                     border-left:5px solid #f7d900;
                     text-align:left;
                     font-family: 'Opel Next';
                     font-weight:300; font-size:2em;
                     text-transform: uppercase;
}

ol.carousel-indicators { bottom: 60px; display:none; }

/***** Search dealer  *****/
/* dealer search */

.border-col{ border:2px solid #000; padding:10px; text-align: center; margin: 5px 0 5px 0; height: inherit; position: relative; background:#000;}
.box-dealer{height: 295px; margin: 10px 0px;}
.box-dealer h3{text-transform: uppercase; color:rgba(247,217,0, 1);}
.box-dealer h3.dphone{color:#fff;}
.box-dealer p{color:#fff;}

.bottomhold{ position: absolute; bottom:0; width:100%; margin-top:20px; left:0;  padding:0 10px 20px 10px}

select#dealer-search-sel{ margin-bottom: 15px !important; padding: 12px 12px 12px 5px; width: 55%; }
a.but.search-deal{ width: 40%; }


/***************************** footer ******************************/
h4.useful-links{ font-weight: bold; margin-bottom: 0; }
.row.find-us{text-align: right; border-top:1px solid rgba(255,255,255,.5); border-bottom:1px solid rgba(255,255,255,.5); padding:5px 20px 5px 5px; margin-top:10px;}
.row.find-us i{color: #f7d900}

footer{background:#000; color:#fff;}
footer a{color:#fff;}
footer a:active, footer a:visted, footer a:actived{color:white !important;}
li.copyright{color: #f7d900;}
.foot_top{text-align:center;}
.foot_bottom{padding:0px 0 10px 0; margin-top:20px}
.foot_bottom{text-align: center; font-size: 13px;}

i.fa.fa-youtube.fa-lg {color: #f7d900;}
i.fa.fa-youtube.fa-lg:hover{color: #fff;}

.bottomMenu { display: block;  text-align:center; margin-top:15px;  }
.bottomMenu ul { display:inline; }
.bottomMenu li { list-style-type: none; display: inline; font-size: 15px; font-family: 'Opel Next'; font-weight:normal}
.bottomMenu li a {
        color:#fff;
	line-height:15px;
	text-decoration:none;
	font-weight:normal;
	padding: 0 7px 0 3px;
}
.bottomMenu li a:hover {border-bottom:4px solid #f7d900;  }
.bottomMenu li:last-child > a {border-right: none;} 
ul#bottom-links li{display: inline;}
ul#bottom-links li.border-bot{color:#f7d900;}
ul#bottom-links li a, a:hover, a:focus{color:#fff}
ul#bottom-links li a:hover {color:#f7d900}

ul#bottom-links li::before {
    color: #f7d900;
    content: '/';
    display: inline-block;
    font-size: 16px;
    padding: 0 6px;
    font-weight:normal;
    -webkit-transform: rotate(18deg);
    transform: rotate(18deg);}

ul#menu-footer li::before{ color: #f7d900;
    content: '/';
    display: inline-block;
    font-size: 16px;
    padding: 0 6px 0 2px;
    font-weight:normal;
    -webkit-transform: rotate(18deg);
    transform: rotate(18deg);}

ul#menu-footer li{
    font-weight:normal;
}

ul#bottom-links li.copyright::before {
    color: #f7d900;
    content: '';
    display: inline-block;
    font-size: 16px;
    padding: 0 0px;
    font-weight:normal;
    -webkit-transform: rotate(18deg);
    transform: rotate(18deg);}

/******************** ./footer ********************/

/******** Car detail ********/

div#carIdForms{display:none;}
div#carModelForms{display:none;}
div#carYearForms{display:none;}
div#carRegistrationForms{display:none;}

span.tel a{ padding: 0px; background-color: transparent; }

.efficiency-tax-band-graphic{width:373px;float:left}
.efficiency-tax-band-graphic .emissions{position:relative;width:265px;height:390px}
.efficiency-tax-band-graphic .bar{position:relative;z-index:2;margin:0 0 2px;height:27px;line-height:27px;padding:0 20px 0 7px;background:url(http://d2exqky2xzgwm3.cloudfront.net/0e76fd0f77f468f81ba27b81ef384248cbb54cd5/1478102490/images/sprite-efficiency.png) left top no-repeat;color:#000;font-size:10px;font-size:1.2rem}
.efficiency-tax-band-graphic .bar span{float:right}
.efficiency-tax-band-graphic .bandA{width:60px;background-position:0 0}
.efficiency-tax-band-graphic .bandB{width:70px;background-position:0 -28px}
.efficiency-tax-band-graphic .bandC{width:80px;background-position:0 -56px}
.efficiency-tax-band-graphic .bandD{width:90px;background-position:0 -84px}
.efficiency-tax-band-graphic .bandE{width:100px;background-position:0 -112px}
.efficiency-tax-band-graphic .bandF{width:110px;background-position:0 -140px}
.efficiency-tax-band-graphic .bandG{width:120px;background-position:0 -168px}
.efficiency-tax-band-graphic .bandH{width:130px;background-position:0 -196px}
.efficiency-tax-band-graphic .bandI{width:135px;background-position:0 -224px}
.efficiency-tax-band-graphic .bandJ{width:145px;background-position:0 -252px}
.efficiency-tax-band-graphic .bandK{width:155px;background-position:0 -280px}
.efficiency-tax-band-graphic .bandL{width:165px;background-position:0 -308px}
.efficiency-tax-band-graphic .bandM{width:175px;background-position:0 -336px}
.efficiency-tax-band-graphic .band{z-index:1;left:-90px;position:absolute;text-align:right;top:2px;width:370px;padding:2px 6px 6px 3px;height:27px;background:url(http://d2exqky2xzgwm3.cloudfront.net/0e76fd0f77f468f81ba27b81ef384248cbb54cd5/1478102490/images/pointer-bg.png) right top no-repeat;color:#fff;font-size:10px;font-size:1.2rem}
.efficiency-tax-band-graphic .resultA{top:0}
.efficiency-tax-band-graphic .resultB{top:28px}
.efficiency-tax-band-graphic .resultC{top:56px}
.efficiency-tax-band-graphic .resultD{top:84px}
.efficiency-tax-band-graphic .resultE{top:112px}
.efficiency-tax-band-graphic .resultF{top:140px}
.efficiency-tax-band-graphic .resultG{top:168px}
.efficiency-tax-band-graphic .resultH{top:196px}
.efficiency-tax-band-graphic .resultI{top:224px}
.efficiency-tax-band-graphic .resultJ{top:252px}
.efficiency-tax-band-graphic .resultK{top:280px}
.efficiency-tax-band-graphic .resultL{top:308px}
.efficiency-tax-band-graphic .resultM{top:336px}

.col-sm-6.emissions-car{/*padding-left:0px;*/}

.w-detail p{font-weight:bold;}
.w-detail a{background-color:rgba(247,217,0, 1); color:#000; padding: 5px; font-weight: bold; }
.w-detail a:hover{color:black; text-decoration: underline !important;}

.contact-cardetail a{font-weight: bold; color:black;}
.contact-cardetail a:hover{color:black;}
.contact-cardetail p{font-weight: bold;}

/* modal-content */
.modal-header{text-align: center;}

/*Youtube video*/
.modal-body {
	position: relative;
	padding-bottom: 60.25%; /* 16:9 */
	padding-top: 25px;
}
.modal-body iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.modal-dialog{width: 70%; position:absolute; top:10%; /*left:15%*/; bottom:10%;}

.modal-content {color:#000; border:10px solid #ccc}
.modal-content button.closed{float:right; margin-top:0;}
.modal-content h3 {color:#cc9731; text-align:left }
.modal-content p {padding:0 30px 0 20px; }
.modal-content .input-field{padding:0 20px 0 20px}
#mainsearch .modal-content label{color:#000; text-transform: uppercase; font-weight:normal; margin-top:5px; }

#ajaxload{  height:10%; width:10%; position: absolute; left: 50%; }

/* igor's style start*/
div.add-fav-over-list-view  {
    position:absolute; top: 37%; opacity: 0.9; height: 30%; width: 20%; left: 41%;
    color:black; font-weight: normal;
}

.heart_skupe{
    color: #C62828;
}
.no-of-images-sk-outer
    {
        background-color: #333 !important;
        color: #FFFFFF  !important;
        border:1px solid #333;
        vertical-align:middle;
        text-align:center;
        padding-top: 5px;
}

.no-of-images-sk-inner{
    background-color: #333 !important;
    color: #FFFFFF  !important;
}

div.img-list-view-border
    {margin-top:10px;
        border:3px solid #333;
}

div.img-list-view-border-mar{
    margin-top: -10px; margin-bottom: -10px;
}

div.loader-over-img-list-view{
    z-index: 1;
    position:absolute; top: 37%; opacity: 0.9; height: 30%; width: 20%; left: 41%;
    color:black; font-weight: normal;
}

div.video-over-list-view  {
    z-index: 1;
    position:absolute; top: 37%; opacity: 0.9; height: 30%; width: 20%; left: 41%;
    color:black; font-weight: normal;
    
}

.close-contact-form{ width: 100%; color:#f7d900; font-weight: bold; }

#active_page_skupe { background-color: #BDBDBD; }
#gridviewi { color:rgba(247,217,0, 1);}
#listviewi { color: #BDBDBD; }

#sort-by-label{
    padding-left: 5px;
}

.modal3{
    display: none;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height:100%;
    overflow: hidden;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
}


.modal-content3 {
    height: 33px;
    width: 33px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    position: absolute;
}

.close3 {
    display: none;
    color: #aaa;
    float: right;
    font-size: 28px;
    margin-top: -7px;
    padding-right: 5px;
    padding-left: 5px;
    font-weight: bold;
}

#no_network_connection_ms{
    display: none;
}

#ajax_loader_sk_i{
    display: block;
}
.close3:hover,
.close3:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

#gridviewi{
    font-size: 30px; padding-top: 4px;  padding-left: 7px;
}

#listview{
    font-size: 30px; padding-top: 4px;
}

.calculate-loan{
    color:#000;  display:inline-block; margin:5px 10px 0 0; position:absolute; top:7px; left:20%;
}

.add-to-favourites{
    color:#000;  display:inline-block; margin:5px 10px 0 0; position:absolute; top:7px; left:20%;
}

.add-to-favourites-label{
    margin-left: 10px;
}

.calculate-loan-label{
    margin-left: -8px;
}

.view-favourites-heart{
    color:#000;  display:inline-block; margin:5px 10px 0 0; position:absolute; top:7px; left:20%;
}

/*view-favourites-search*/
.view-favourites-search{
    font-size:10px !important; color:#f7d900;  display:inline-block;  position:absolute; top:1px; left:5px ;
}

.viewFavourites{
    position:relative;
}

.btn-sk{
    position:relative;
}

.view-favourites-heartvf{
    color: #f7d900; display:inline-block; margin:5px 10px 0 0; position:absolute; top:30px; left:20%;
}

.view-favourites-searchvf{
    font-size:14px !important; color:#fff;  display:inline-block; margin:5px 10px 0 5px; position:absolute; top:30px; left:21%;
}

.add-to-favouritesgr{
    color: #f7d900;  display:inline-block; margin:5px 10px 0 0; position:absolute; top:30px; left:20%;
}

.view-full-details{
    color:#000;  display:inline-block; margin:5px 10px 0 0; position:absolute; top:7px; left:20%;
}

.iconew{margin-right:10px; position:relative;}

/* Modal Enquiries */
#normal-enquiry-modal .modal-dialog{display: table;}
#normal-enquiry-modal .modal-content{display: table-row; padding-bottom: 20px;}

#tradein-enquiry-modal .modal-dialog{display: table;}
#tradein-enquiry-modal .modal-content{display: table-row; padding-bottom: 20px;}


/* Igor changes 08 12 2016 */

/* starts 06.12.16 */
div.image-of-car-gridview-skupe {margin-bottom:5px;
    position:relative;
    left: 0.7%;
}

div.video-over-grid-view  {
    /*z-index: 2; position:absolute; top: 37%; opacity: 0.9; height: 10%; width: 15%; left: 43%;*/
    z-index: 2; position:absolute; opacity: 0.9; height: 10%; width: 15%; left: 43%;
}

div.pathtoimage-over-grid-view  {
    z-index: 1; position:absolute; height: 100%; width: 100%;
    right: 1%;
}

div.loader-over-img-grid-view  {
    z-index: 1; position:absolute; opacity: 0.9; height: 10%; width: 15%; left: 43%;
}

a.btn-sk-grid{
    width:40px; height:40px;  background: rgba(247, 217, 0, 1); border-radius:20px; position:absolute;
    z-index: 1;
    right: 10px;
    top:30px; }

a:hover.btn-sk-grid{
    background: rgba(247, 217, 0, .7);
}



.btn-sk-grid i{font-size:1.5em; color:#000;
    position:absolute; top:8px; left:8px;
    
}


i.btn-sk-delete {top:13px; color:red;}

a.btn-sk-gridvf{
    width:40px; height:40px; background: rgba(247, 217, 0, 1); border-radius:20px; position:absolute;
    z-index: 1;
    right: 10px;
    top:80px; color:#000;}

a:hover.btn-sk-gridvf{
    background: rgba(247, 217, 0, .7);}

.btn-sk-gridvf i{font-size:1.5em; color:#000;
    position:absolute; top:8px; left:8px;
    
}



i.view-favourites-searchvf {color:rgba(247, 217, 0, 1)}



.view-full-details-grid{
    color:#000;  display:inline-block; margin:5px 10px 0 0; position:absolute; top:7px; left:18%;
}
.view-full-details-label-gr{
    padding-left: 11px;
}

.calculate-loan-label-gr{
    padding-left: 8px;
    /*  margin-left: -9px;*/
}

/* ends 07.12.16  */
/* ./Car detail 08*/

.center-img{ display: block; margin-left: auto; margin-right: auto; }
.center-img2{ margin-left: auto; margin-right: auto; display: block; }





@media(min-width: 1200px){
    .hold { max-width: auto; background: rgba(0, 0, 0, 0.2); 
    }
    
    .seven-cols .col-md-1,
  .seven-cols .col-sm-1,
  .seven-cols .col-lg-1 {
    width: 14.285714285714285714285714285714%;
    *width: 14.285714285714285714285714285714%;
  }

}

@media(min-width: 992px){
}

@media(min-width: 768px) and (max-width: 991px){
    .featOne > div > div > a img{width: 80px; height: 80px;}
}

@media(max-width: 767px){
    .featOne > div{justify-content: center; display: flex; flex-wrap: wrap;}
    .featOne > div > div{flex: initial; width: 50%;}
    .featOne > div > div > a img{width: 80px; height: 80px;}
}




@media (max-width: 1200px){
    select#dealer-search-sel{ width: 100%; }
    a.but.search-deal{ width: 100%; text-align: center;}
    
    .featOne img{width: 60%;}
    .aright{text-align:right; padding-top:0px;  display:inline-block}
}

@media (max-width: 1024px){
    /* caption in custom-pages */
.carousel-caption3{   top:0px; left:10px; width:40%;}
.carousel-caption3 h3{
     font-size:2em;  text-align:center; line-height: 140%;}
}

@media (max-width: 1000px){
.point{ margin-bottom:20px;}
}


@media (min-width: 950px) {
    
    select#dealer-search-sel{ margin-top: 30px !important; }
    iframe.youtube-player{ height: 570px;}    
}

/*@media (max-width: 965px) {
.collapse {
    display: none !important;}
}*/

@media (max-width: 950px) {
    .carousel-caption3{  top:0px; left:10px; width:40%;}
.carousel-caption3 h3{
     font-size:1.8em;  text-align:center; line-height: 150%;}
    iframe.youtube-player{ height: 500px;}
    .logo2img{  } 
      .logo-responsive{display:none;}
}

@media (max-width: 900px) {
    
    .carousel-caption3{  top:-10px; left:10px; width:40%;}
.carousel-caption3 h3{
     font-size:1.8em;  text-align:center; line-height: 150%;}

}


@media (max-width: 840px) {
    .carousel-caption3{   top:-10px; left:10px; width:40%;}
.carousel-caption3 h3{
     font-size:1.6em;  text-align:center; line-height: 150%;}

}
@media only screen and (min-width : 990px) {
  
    #carlist_loader{
        height: 370px;
    }
}



@media (max-width: 768px){
    .navbar li#menu-item-766{padding-bottom: 1px;border-top:1px solid #000; padding-top:0px}
    .navbar li#menu-item-746{border-top:1px solid #000; }
    #menu-menu-1 li{ margin-top: 0; }
ul.navbar-right li{ margin-top: 0; }

    .warranty{background:#000; padding:10px 30px 10px 30px; color:#fff; text-align:center; font-family: 'Opel Next';}
.warranty p{font-weight:normal; font-size:12px; }
.warranty h3{margin-bottom:40px; font-size:18px}
.warranty img{max-width:200px; text-align:center; margin:0 auto;}
   .nav>li.nq{ display:none;  }
    .opellogo{display:none;}
    .point {text-align:center; }
    .point img{float:none; margin-bottom:10px;}
    .point p{margin-left:0;}
    
    .navbar-nav {margin: 0px 10px!important;}
    .navbar li{padding-left:10px;}
    .navbar-header img.custom-logo { display:none; }
   
    .navbar li a{font-family:'Opel Next Bold';  }
    nav#menu a::before {
    color: #f7d900;
    content: '';
    display: inline-block;
    font-size: 16px;
    padding: 0 0;
    font-weight:700;
    -webkit-transform: rotate(18deg);
    transform: rotate(18deg);} 
    li#menu-item-333 a{border-top:1px solid #000;  }
  

      button.navbar-toggle.menu:hover,:active,:visited {background:transparent; color:#666}
     button.navbar-toggle.menu {background:transparent; color:#000; margin:8px 0 0 0; padding:0;}
    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{background:transparent!important;}
    .icon-bar {background-color: #000!important; margin-bottom:6px}
    .navbar-default .navbar-toggle .icon-bar {
    background-color: #fff; }
    .navbar-default .navbar-toggle .icon-bar:active {
    background-color: #fff; }
    .navbar-default .navbar-toggle .icon-bar:visited {
    background-color: #fff; }
    .topmenu{text-align: center; }
    
  
    .container2 .pageitem{margin-left:10px;}
    .custom-page-content{Padding:20px;}
    .dealer-page-title{text-align:center; padding-top:10px; border-bottom:1px solid #000;}
    
    .dp-num-cars { font-size: 30px; padding: 10px; margin-top: 15px;}
    
    .title_overlay2{padding:0px 10px 10px 10px;}
    
    .aright{text-align:right; padding-top:0px;  display:block; }   
    
    .logoHeader{position:absolute; right:15px; top:1px;}
    
 
    
  
   
   
    .dealer{text-align:right; }

    .ctitle{margin-bottom:20px;}
    .dealer_hold{text-align:center}
    
  
    .overlay_content{position:absolute; top:10%; left:40px;}
    .copyright{margin:0 0 10px 0}
    .featureboxes .but{margin-bottom:10px}
    .foot_bottom{text-align:center;}
    .foot_bottom .sm{text-align:center; }
    a.but.search-deal{ margin-bottom: 10px; text-align: center;}
    
   
    .allcenter{text-align:right;}

    .viewSelect i{display:none;}
    
      #carlist_loader{
        height: 200px;
    }
    iframe.youtube-player{ height: 530px;}
    
    div.modal-dialog{height: 650px; }/* normal enquiry car detail */
    #trade .modal-dialog{height: 2210px;}
    
    .carousel-caption3{ top:20px; left:10px; width:40%;}
    .carousel-caption3 h3{font-size:1.6em; text-align:center; line-height: 140%;}
    .carousel-caption3 p{visibility:hidden;}
    
    .sep{border-left:none;}
    .efficiency-tax-band-graphic{width:none;float:none;}
    #tradein-enquiry-modal .modal-dialog{width: 85%;}
    h3.car_title{font-weight: 1.4em; }
    .featOne h2{ padding-top:20px; }
  
    .dealer-page-title{position:relative;}
  
    .searchtop strong{padding:0 10px 10px 10px; } 
    
    .title_overlay_Home a h1{font-size: 2rem; }
    .title_overlay_Home a h3{font-size: 0.9rem; }
    
}


@media (max-width: 650px){

    .carousel-caption3{ top:20px; left:10px; width:40%;}
.carousel-caption3 h3{
     font-size:1.4em;  line-height: 140%;}
}

@media (max-width: 600px){
    .overlay_content{position:absolute; top:30%;}
    .overlay_content h3{display:none}
    iframe.youtube-player{ height: 400px; }
    #tradein-enquiry-modal .modal-dialog{width: 100%;}
    h3.car_title{font-size: 1.2em; }
    .carousel-caption3{ top:20px; left:10px; width:40%;}
    .carousel-caption3 h3{font-size:1.4em;  line-height: 140%;}
}

@media (max-width: 560px){
    .carousel-caption3{top:10px; left:10px; width:40%;}
    .carousel-caption3 h3{font-size:1.2em;  line-height: 140%;}
    .title_overlay_Home{background:#f7d900; padding:20px; position:relative; top:0px; left:0px; color: #000; width: 100%;}
    .title_overlay_Home a h1{font-size: 2.5rem; font-weight: 900;}
    .title_overlay_Home a h3{font-size: 1.1rem;}  
    
    .title_overlay{position:relative; top:0px; left:0px; width: 100%; background: #f7d900;}
    .title_overlay h1{font-family: 'Opel Next Bold'; font-weight:bold; text-transform: uppercase; margin:0; padding:0; font-size: 4rem; }
    .title_overlay h3{font-weight:normal; text-transform: uppercase; margin:10px 0 0 0; padding:0; font-size: 2rem; }
}

@media (max-width: 500px){
    .carousel-caption3{ top:0px; left:15px; width:40%;}
    .carousel-caption3 h3{font-size:1.2em;  line-height: 140%;}
    .warranty-link{font-size: 20px;}    
}

@media (max-width: 482px){
    .carousel-caption3{   top:0px; left:10px; width:40%;}
    .carousel-caption3 h3{font-size:1em;  line-height: 140%;}
    .aright{font-size:1.5em; } 
    .dp-num-cars { font-size: 20px; padding:5px 10px 5px 10px; }  
}

@media (max-width: 375px){
    .carousel-caption3{  top:0px; left:10px; width:40%;}
.carousel-caption3 h3{
     font-size:.7em;  line-height: 140%;}
   .efficiency-tax-band-graphic .band{left:-115px;}
   iframe.youtube-player{ height: 240px;}
   .aright{font-size:1.2em; } 
   .warranty-link{font-size: 17px;}    
}

@media only screen and (min-width : 350px) { 

    #carlist_loader{
        height: 50px;
    }
}

@media (max-width: 350px){
     
    .efficiency-tax-band-graphic .band{left:-155px;}
}

@media (max-width: 320px){
       
   iframe.youtube-player{ height: 200px;}
}

@media print{
    
   header, footer {display: none !important;}
   
   .title-printable{ 
       display: inline !important;
       text-align: center;
   }
   
   .location2{
       text-align: center;
   }
    
}

#map-canvas {
	height: 100%;
}
#iw_container .iw_title {
	font-size: 16px;
	font-weight: bold;
}
.iw_content {
	padding: 15px 15px 15px 0;
}

.find-wrapper a {
    color: #000; 
}

.find-wrapper a:hover {
    color: #000;
}

.click-to-detailpng{
    background-color: transparent !important;
}

@media (max-width: 500px){
   .day{font-size: 12px;}
   .email{font-size: 12px;}
   #address-of-dealer{font-size: 12px;}
   .tel{font-size: 12px !important;}
   a.tel-grid-sk{font-size: 14px !important; }
   
   span.tel a{font-size: 18px;}
}

div.tech-spec {margin-top:10px;}

@media (max-width: 870px) {
    a.btn { font-size: 11px !important; }
}

@media (max-width: 768px) {
    a.btn { font-size: 14px !important; }
}

/*Igor style 12.01.2017*/
a.calculate-loan-price-pop-up{
    display:none;
    position: absolute;
    left: 1%;
    top: 54%;
    z-index: 1;
    font-size:.8em;
}
a.calculate-loan-price-pop-up-listview{
    position: absolute;
    left: 1%;
    top: 17%;
    z-index: 1;
    font-size:.8em;
}

.skupe-icon-contact{
      color: #f7d900!important;
}

div.contactdetails a.tel-gridview-skupe{ margin-top: 10px !important; padding: 0px; background-color: transparent; }

div.contactdetails a.tel-listview-skupe{   padding: 0px; background-color: transparent; }

/* Video Blocks */
.video-blocks > div {display: flex; flex-direction: row; justify-content: space-between; width: 100%;}
.video-block {position: relative;}
.video-blocks > div > .widget_custom_html {width: 280px; border: 1px solid #dedada; box-sizing: border-box; border-radius: 5px; margin: 10px 0;} 
.video-block > div:first-child {font-size: 20px; font-weight: bold; line-height: 25px; color: #000000; display: flex; height: 60px; flex-direction: column; align-items: center; justify-content: center; position: relative; background: #faf9f9; border-radius:5px 5px 0 0;}
.video-block > div:first-child:before {display: block; content: ' '; position: absolute; top: 0; left:0; height: 60px; background: #000 no-repeat center; width: 56px; border-radius: 5px 0 0 0;}
.video-block > div:first-child span {display: block; padding: 5px 10px 5px 70px}
.video-block > div:nth-child(3) {padding: 15px 10px; background: #faf9f9; color: #000000; font-weight: bold; font-size: 16px; font-style:italic; line-height: 22px; text-align: center; height: 74px;}
.video-block > a {display: block; text-align: center; background: #f3eeee; line-height: 60px; border-top: 1px solid #dedada; text-decoration: none; font-size: 14px; color: #000; border-radius: 0 0 5px 5px;}
.video-block > p {display: none; position: absolute; top: calc(100% - 60px); left: calc(50% - 250px); width: 500px; text-align:center; box-sizing: border-box; padding: 0 20px 20px !important; background: #fff; border-radius: 10px; border: 1px solid #dedada; box-shadow: 0 0 4px #aaa; z-index: 100;}
.video-block > p > a:first-child {display: block; height: 40px; border-bottom: 1px solid #dedada; margin: 0 auto 10px; width: 100%; background: url(images/uparrow.png) no-repeat center; cursor: pointer;}
.video-block iframe {width: 100%; height: 165px; display: block;}

.nq-promise > div:first-child:before {background-image: url(images/promise.png);}
.nq-check > div:first-child:before {background-image: url(images/check.png);}
.nq-12mthwarranty > div:first-child:before {background-image: url(images/12mthwarranty.png);}
.nq-12mthroadside > div:first-child:before {background-image: url(images/12mthroadside.png);}
.nq-homestart > div:first-child:before {background-image: url(images/homestart.png);}
.nq-exchange > div:first-child:before {background-image: url(images/exchange.png);}
.nq-nct > div:first-child:before {background-image: url(images/nct.png);}
.nq-membership > div:first-child:before {background-image: url(images/membership.png);}
.nq-nationwide > div:first-child:before {background-image: url(images/nationwide.png);}


@media (max-width: 769px){
    .video-blocks > div {display: block; width: 100%;}
    .video-blocks > div > .widget_custom_html {width: 100%;}
    .video-block > p {position: relative; left: 0; top: 0px; margin: -60px 0 0; width: 100%; box-shadow: none; border-radius: 0 0 5px 5px; background: #f3eeee; border: 0;}
}

@media (min-width: 769px) and (max-width: 1024px){
    .video-blocks > div > .widget_custom_html {width: 160px;}
    .video-block > div:first-child {font-size:12px; line-height: 14px;}
    .video-block > div:nth-child(3) {font-size: 14px; lin-height: 18px; padding: 5px 10px;}
}