/*
Theme Name: SS
Text Domain: SS
*/

* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
		  outline:none;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}


html,
body{
	padding:0;
	margin:0;
	overflow-x:hidden;
}
body {
	color: #000;
	font-size: 18px;
	font-family: 'Roboto', sans-serif; 
	font-style: normal;
    font-weight: 400;
	line-height: 26px;
}
#canvas {
    position: absolute;
    z-index: 10;
}

.clearfix{clear:both;}
small,.small{font-size: 12px;line-height: normal;color: #9e9e9e;}
strong{
	
}
.clear{clear:both;}
a{
	text-decoration: none;
	    color: #6382f7;
}
a.underline{text-decoration:underline;}
a:hover {
	text-decoration: none;
	outline: none;
}
a img ,img{
	border: none;
}
a:focus, a:hover, a:active {
	outline: none;
}
img,fieldset{border:none;}
img, svg {
    display: block;
    height: auto;
    max-width: 100%;
}
h1,h2,h3,h4,h5,h6{
	padding:0;
	margin:0 0 15px;
	line-height:normal;
}
h1{
	font-size: 42px;
	padding: 0 ;
}
h2{
	font-size: 36px;line-height: normal;
	 padding:0;text-transform:uppercase;
}


h3{
	font-size: 20px;
    padding: 0;
    line-height: 33px;
	text-transform:uppercase;
}
p{
	padding:0 0 15px;
	margin:0;
}

hr{
    height: 1px;
    border: none;
    padding: 0;
    margin-top: 30px;
    margin-bottom: 30px;
    background-color: #cccccc;
	display:block; width:100%
}

ul,ol{margin-top:0;}

ul.listbar,ul.list-checks{list-style:none; padding:0; margin:0;}
input[type=text],input[type=email],textarea,select{border: 1px solid #a3a3a3;box-sizing: border-box;
    border-radius: 4px;max-width: 100%; width:100%;
    padding: 5px 10px;font-family: 'Roboto', sans-serif;
    line-height: 44px; height:44px;
    font-size: 17px;}
textarea{height:120px;}
#search-form{position:relative;}
#search-form input#s{
	padding: 20px;
    padding-left: 50px;
    width: 90%;
    line-height: 19px;
    font-size: 17px;
    color: #5a5a5a;
    box-shadow: 0px 4px 40px rgba(0,0,0,0.25);
    -webkit-appearance: none;
    border: none !important;
}
#search-form i {
    position: absolute;
    left: 10px;
    top: 21px;
    padding: 0px;
    font-size: 21px;
}
#searchsubmit{display:none;}

#offcanvas-toggle{float: right;}

.wrap{max-width:1170px; padding:0 15px; margin:0 auto;position: relative;}
.wrap:after,#banner:after,#header:after,.form-row:after,#bottom:after,#mainbody ul:after,.latest-info:after{clear:both; content:''; display:table;}
ul.modules{list-style:none; padding:0; margin:0;}
.aligncenter {margin:0 auto; text-align:center;}

#header{  width: 100%;z-index: 999;-webkit-transition: all .5s;
    -webkit-transition-timing-function: linear; background:#050505;color:#fff;
    -o-transition: all .5s;
    transition: all .5s;padding: 15px 0;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;}
.scrolled{    position: fixed; top:0;box-shadow: 0 2px 5px #ccc;}
.logo{float:left;padding: 5px 0 0 0;}
.logo a{color:#fff;font-weight: 500; font-size: 15px;display: inline-block;}
.logo img{max-height:80px;display: inline;}
.logo span{display: inline-block;vertical-align: top;
    padding: 30px 0 0 20px;}
#header-right{float:right;padding: 30px 0 0 0;}
#search-tool i{cursor:pointer;}
#searchform{display:none;position: absolute;
    right: 0;
    top: 80px;
    z-index: 90;}
#searchform input{float:left;width: auto; margin-left:10px;}
#searchform input[type=submit]{
	background: #f7ab00;
    border: none;
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
    padding: 14px 10px;border-radius: 6px;
    cursor: pointer;
    float: right;
    font-family: 'Roboto', sans-serif;
}
#main-nav{
	position: absolute;
    background: #000;
    right: 0;
    top: 100%;
    width: 230px;
    z-index: 99;
	padding: 0 15px 25px 15px;
	display:none;
}
.desktop-menu{}
.desktop-menu ul{list-style:none; padding:20px 0 0 0; margin:0;}
.desktop-menu ul li{display:block; padding: 0; position:relative; cursor:pointer;}
.desktop-menu ul li a{font-size: 18px; display:block; padding: 10px 13px;font-style: normal;  font-weight: normal;line-height: normal;color: #fff; -webkit-transition: all .5s; transition: all .5s;}
.desktop-menu ul li a:hover,.desktop-menu ul li.current-menu-item a,.desktop-menu ul li:hover > a,.desktop-menu ul li.current-menu-ancestor a{    color: #f7ab00 ;} 
.link-quote a{border: 1px solid #000; border-radius: 6px;}

.desktop-menu li ul{
	width: 270px;
    z-index: 999;
    visibility: hidden;
    opacity: 0; padding:0;
    top: 100%;
    transition-duration: 200ms;
    border-top: 1px solid #e8e8e8;
    transition-timing-function: ease-in;
    transition-property: opacity, margin-top, visibility;
    position: absolute;
    background: #FFF;
    box-shadow: 0px 3px 3px 1px rgba(0, 0, 0, 0.2);
}
.desktop-menu li ul li{display: block;float: none;  padding: 0; margin: 0;}
.desktop-menu li ul li a{display: block;color: #000000!important;  border-bottom: 1px solid #e8e8e8; text-transform: capitalize;padding: 8px 20px; font-size:16px;line-height: normal;}
.desktop-menu li ul li a:hover,.desktop-menu li ul li:hover a,.desktop-menu li ul li.current_page_item a{color: #fff!important ;background: #6382f7;}
.desktop-menu li:hover ul {  visibility: visible; opacity: 1;}
.arrowsub{display:none;}

#service-list{}
#service-list h3{line-height:normal;}
#about-us{color:#fff;}
#about-us h3{text-transform:none; font-size:30px;}
#about-us h4{ text-transform:uppercase;position: relative;}
#about-us h4:after{content: '';
    background: #f7ab00;
    height: 1px;
    position: absolute;
    width: 20%;
    left: 40%;
    top: 45%;}
#about-us h4 em{font-style:normal;
    background: #282828;
    padding: 0 10px;
    z-index: 55;
    display: inline-block;
    position: relative;}
.vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern {
    color: #000!important;
    border-color: #f7ab00!important;
    background-color: #f7ab00!important;
    text-transform: uppercase;
    font-weight: 900;
}
.w100 img,.w100 .wpb_single_image .vc_single_image-wrapper,.w100 .wpb_single_image .vc_figure{width:100%;}

.custom-pos{}
.custom-pos .vc_column-inner{position:unset; min-height:370px;}
.custom-pos h2{
    font-size: 28px; 
    font-weight: 500;
    line-height: normal;
    color: #fff;
    background: rgba(0,0,0,0.5);
    max-width: 390px;
    padding: 15px;    margin-top: 20%;}

#search-tool,#top-info{float:right;margin-right: 15px;}
#top-info{font-size:15px; font-weight:500;}

#mainbody-general{padding:45px 0 30px 0;}

.gallery{}
.gallery img,.gallery .wpb_single_image .vc_single_image-wrapper,.gallery .wpb_single_image .vc_figure{width:100%;} 
.gallery .wpb_single_image{margin-bottom:0;}
.gallery img{max-height:324px;}
.gallery .wpb_text_column{ position:absolute;bottom:15px; left:20px;}
.gallery h3{color:#fff;margin:0;padding:0;}
.gallery h4{color:#f7ab00; font-size:16px; text-transform:uppercase;}

.team-row{}
.team-row .ult-style-1  {background:#fff; padding:10px; border-radius:6px;}
.team-row h3{font-size:22px!important; font-weight:900; margin-bottom:0;}
.team-row .ult-team-member-position{font-size:16px!important; font-weight:700;color: #282828!important;}

#locations p{margin:0;padding:0;}
#locations .wpb_content_element{margin-bottom:0!important;}

#showroom{padding:35px 55px;}
#showroom h3.vc_custom_heading{
	border-top: 1px solid #333333;
    border-bottom: 1px solid #333333;
    padding: 12px 0 9px 0;
    margin: 30px 0;
}
#showcase-carousel{}
#showcase-carousel .slick-track{}
#showcase-slider{}
.showcase-item{height:460px!important;border: 5px solid #fff;} 
ul#cate-nav{margin:35px 0 0; padding:0;text-align: center;}
#cate-nav li{display: inline-block;vertical-align: middle;padding: 0 20px;}
#cate-nav li img{margin:10px auto;height: 45px;}
#cate-nav li a{color:#fff; text-transform:uppercase; font-size:15px;display: block;width: 145px;
    height: 145px;    border-radius: 50%; background:trasparent; cursor:pointer;
    padding: 20px 0 0 0;}
#cate-nav li a:hover,#cate-nav li.ui-state-active a{background:#191100}
.slick-prev, .slick-next{
	width: 80px!important;
    height: 80px!important;
    z-index: 55;
}
.slick-prev:before,.slick-next:before{display:none!important;}
.slick-prev{
	left: -45px!important;
	    background: url(images/prev.png) no-repeat center center!important;
}
.slick-next{right: -45px!important;
	    background: url(images/next.png) no-repeat center center!important;
}
/*
#showcase-carousel .tabcontent {display: flex !important;
  height: 0px;
  overflow: hidden;}
#showcase-carousel .tabcontent.current {height: auto;}*/

#footer-widget{position: relative;padding: 25px 0;}
#footer-widget .listbar{float:left;width:60%;    z-index: 55; position: relative;}
#footer-widget .listbar li{ padding:0 20px 0 0 ;}
.footer-info{
	float:right;width:35%;
	color:#000;    z-index: 55;
    position: relative;padding: 15px 0 0 20px;
	font-size:22px;
}
.add-info{background: url(images/icon_loc.png) no-repeat left top;
    line-height: 32px;
    padding: 0 0 0 40px;margin: 0 0 25px;
    text-transform: uppercase;}
.phone-info{background: url(images/icon_phone.png) no-repeat left top;
    line-height: 32px;
    padding: 0 0 0 40px;margin: 0 0 25px;}
.email-info{background: url(images/icon_email.png) no-repeat left center;
    line-height: 32px;
    padding: 0 0 0 40px;margin: 0 0 25px;}

#top-info .phone-info{
	background: url(images/icon_phone_white.png) no-repeat left top;margin: 0; float:right;padding: 0 0 0 30px;
}
#top-info .email-info{background: url(images/icon_email_white.png) no-repeat left center;margin: 0 15px 0 0;float:right;}
	
.socials-info{}
.socials-info a{display: inline-block;
    color: #000;
    height: 45px;
    text-align: center;
    width: 45px;
    border-radius: 50%;
    line-height: 45px;
    border: 1px solid #000;}
#footer-widget input,#footer-widget select{
	background: transparent;
    border: 1px solid #fff;
    color: #fff;
    margin: 0 0 15px 0;
    border-radius: 0;font-family: 'Roboto', sans-serif;
}
#footer-widget option{color:#000;}
#footer-widget textarea{background: transparent;
    border: 1px solid #fff;font-family: 'Roboto', sans-serif;
    color: #fff;
    margin: 0 0 15px 0;
    border-radius: 0;}
#footer-widget ::-webkit-input-placeholder { /* Edge */
  color: #fff;
}

#footer-widget :-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #fff;
}

#footer-widget ::placeholder {
  color: #fff;
}
#footer-widget input[type=submit]{
	background: #f7ab00;
    border: none;
    display: block;
    width: 100%;
    text-transform: uppercase;
    color: #000;
    font-size: 22px;
    padding: 10px 0;
    font-weight: 700;
    font-family: 'Roboto', sans-serif;
	cursor:pointer;
}
#footer-widget:before{
	content: '';
    background: #000;
    position: absolute;
    height: 100%;
    top: 0;
    width: 60%;
    left: 0;
}
#footer-widget:after{
	content: '';
    background: #f7ab00;
    width: 40%;
    height: 100%;
    top: 0;
    position: absolute;
    right: 0;
}
#footer-main{
	background:#282828;
	color:#FFF;
	text-align:center;
	padding: 45px 0;
	font-size:15px;text-transform:uppercase;
}
.foot-logo{}
.foot-logo img{margin:0 auto;}
.footer-nav{padding:30px 0 10px;}
.footer-nav ul{list-style:none;padding:0; margin:0}
.footer-nav ul li{display:inline-block;}
.footer-nav ul li a{color:#fff; text-transform:uppercase;padding: 0 15px;}
.copyright{}
#backtop {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 50px;
    height: 50px;
    text-decoration: none;
    border-radius: 35px;
    display: none;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index: 999999;
    background: #000;
    opacity: 1;
}


#backtop a{
      margin: 0;
    position: relative;
    left: 0;
    width: 50px;
    height: 50px;
    top: 0;
    display: block;
    text-align: center;
    line-height: 50px;
    font-size: 19px;
    color: #fff;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.topshow{display:block!important;}

#banner-car{
	background:url(images/hero-showroom.jpg) no-repeat center top /cover;
	padding:60px 0;min-height: 245px;
}
#mainbody-car{padding:35px 0;}
#banner-car h1{color:#fff; text-align:center;text-transform: uppercase;}
.car-gallery{float: left; width: 65%;}
.car-spec{float: right;
    width: 30%;
    padding: 35px 0 0 0;}
#slider-auto .slides,#carousel-auto .slides{ list-style:none;margin: 0;
    padding: 0;}
#slider-auto{
    position: relative;
    margin-bottom: 20px;
}
#carousel-auto .slides li {
    cursor: pointer;
    position: relative;
    margin: 0 10px;
    float: left;
}
#carousel-auto .slides li.slick-current:before,#carousel-auto .slides li.slick-current:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
    -webkit-transition: .3s ease;
    -o-transition: .3s ease;
    transition: .3s ease;
}
#carousel-auto .slides li.slick-current:after {
    border: 4px solid #fff;
}
#carousel-auto .slides li.slick-current:after {
    border-color: #d01818;
}

.car-desc{margin-top:40px;}
ul.latest-car{list-style:none; padding:0; margin:0;}
ul.latest-car li{width: 30%;
    float: left;
    margin: 0 5% 30px 0;
    text-align: center;}
ul.latest-car li:nth-child(3n){margin-right:0;}
.car-info{margin: 10px 0 0 0;}
.car-info h3{}
.contact-page input[type=text],.contact-page  input[type=email],.contact-page  textarea,.contact-page  select{    border: 1px solid #000;
    border-radius: 0;
    margin: 0 0 15px 0;}
.contact-page input[type=submit]{background: #f7ab00;
    border: none;
    display: block;
    width: 100%;
    text-transform: uppercase;
    color: #000;
    font-size: 22px;
    padding: 10px 0;
    font-weight: 700;
    font-family: 'Roboto', sans-serif;
    cursor: pointer;}