/*
Theme Name:   Carservice Child
Description:  Carservice Child Theme
Template:     carservice
Version:      1.0
Text Domain:  carservice
*/
.header .logo {width: 230px;}
.menu-container{width: 940px}
.header-top-bar .contact-details li a , .header-top-bar .contact-details li{color: #ffffff}
#menu-main-menu.sf-menu li a, #menu-main-menu.sf-menu li a:visited {color: #454857}
.header-container nav.menu-main-menu-container{float: none; ;justify-content: center;display: flex;}
#menu-primary-menu-fr{text-transform: uppercase;}
.menu-primary-menu-fr-container{float: none;justify-content: center; display: flex;}
.menu-container nav {
    float: none;
}
#menu-main-menu.sf-menu li a{text-transform: uppercase;}
.contact-details li:first-child {border-left: 1px solid #ffffff;}
.header-top-bar-container {background-color: #73767A;}
.call-to-action .hexagon{background: transparent;}
body .accordion .ui-accordion-header h3{font-size: 17px}
/*.footer-row .padding-bottom-30 .vc_col-sm-4{width: 428px}*/
.footer-row .widget.widget_media_image img{max-width: 240px}
.contact-details-box p a, .contact-details-box p a:hover, 
.contact-details-box p a:active, .contact-details-box p a:focus {
    color: #ffffff;
}
/* --- slider revolution --- */

.rs-layer h2 {
    color: #FFF;
    font-size: 32px;
    font-weight: 800;
    text-align: center;
	line-height:1.5;
}

@media screen and (max-width:1000px){
	.rs-layer h2{
		font-size:22px;
	}
}
@media screen and (max-width:720px){
	.rs-layer h2{
		font-size:18px;
	}
	p.description, .description p {
    font-size: 16px;
	margin-top: 16px;
}
}
@media screen and (max-width:600px){
	.rs-layer h2{
		font-size:16px;
	}
	p.description, .description p {
    display:none;
}
}
@media screen and (max-width:537px){
	.rs-layer h2{
		font-size:14px;
	}
}
@media screen and (max-width:475px){
	.rs-layer h2{
		font-size:12px;
	}
}
@media screen and (max-width:320px){
	.rs-layer{font-size:8px;} 
	.rs-layer h2{
		width:280px;
		font-size:8px;
		white-space:normal;
	}
}
 .contact-details-box::before, .footer-row li.template-bullet::before,
  .footer-row .social-icons.gray li a::before {
    color: #ffde00;
}
.social-icons.gray li:hover{border-color: #ffde00}
.footer-row h6.box-header::after{background-color: #ffde00}
.contact-details-box p{font-size: 18px}
.header .logo.vertical-align-cell img {max-width: 230px;width: 100%;}
.list.simple li span{min-width: auto;margin-right: 10px;}
.more {border-radius: 50px;}
.more::before {
    border-radius: 50px;
    visibility: hidden;
    opacity: 0;
    width: 0;
}
.our-clients-list-container .caroufredsel_wrapper{margin-right: auto !important;margin-left: auto !important;}
.more:hover::before {
    width: 100%;
    background: rgba(0,0,0,0.12);
    left: 0;
    visibility: visible;
    opacity: 1;
}
.leftbutton a{
	margin-right:70px;
}
	.rightbutton a{
		margin-left:70px;
	}
@media and screen (max-width:475px){
	.leftbutton a{
	margin-right:100px;
}
	.rightbutton a{
		margin-left:100px;
	}
}
@media and screen (max-width:320px){
	.leftbutton {
	display:none;
}
	.rightbutton {
	display:none;
	}
}
.more.simple span{ color:#ffffff;}
.home .our-clients-list{display: block;}
.home .textwidget p {margin-top: 0}
.header-top-bar .contact-details li::before, .header-top-bar .social-icons a,
 .header-top-bar .search-container .template-search,
 .yellow-icon .hexagon div::before, .yellow-icon .feature-item .icon::before,
 .yellow .accordion .ui-accordion-header .ui-accordion-header-icon, .yellow .services-list h4 a::before,
 .yellow-icon .accordion .ui-accordion-header .ui-accordion-header-icon , .yellow li.template-bullet:before,
 .yellow-icon .wpb_text_column ul li::before , .yellow-icon .cs-action-button::before{
    color: #ffde00;
}
.yellow-icon .hexagon ,  .yellow-icon .box-header:after{border-color: #ffde00;
}
.yellow-icon .hexagon{border: 2px solid #ffde00;}
.yellow-icon .hexagon {border-color: #ffde00;}
.yellow-icon .hexagon, .round-hegxa .hexagon.small, .hexagon, .hexagon.small {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
}
.yellow-icon .hexagon, .hexagon {height: 115px;}
.round-hegxa .hexagon.small, .hexagon.small {height: 90px;}
.round-hegxa .hexagon.small {border: 2px solid #ffffff;}
.yellow-icon .hexagon::before,.yellow-icon .hexagon::after , .round-hegxa .hexagon.small::after,
.round-hegxa .hexagon.small::before , .hexagon::before, .hexagon::after  , .hexagon.small::before, .hexagon.small::after  {
    display: none;
    content: none;
}
.yellow .services-list li h4 {border-left: none;}
.caroufredsel_wrapper{
	text-align: center;
	float: none;
	position: relative;
	inset: auto;
	z-index: auto;
	width: 400px !important;
	height: 120px;
	margin: 0px;
    margin-right: 0px;
    margin-left: 0px;
	overflow: hidden;
}
.vc_carousel-slideline{
	width:400px !important;
	margin:0 auto;
}
.vc_item{
	width:auto !important;
}
.cs-carousel-pagination{display:block !important;}
.cs-lightbox.hide-title{
    position: relative;
}
.cs-lightbox.hide-title h2{
    position: absolute;
    color: #fff;
    opacity: 0;
    display: none;
    z-index: 800;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: all ease 0.5s;
    width: 100%;
    font-weight: 400;
}
.cs-lightbox.hide-title .vc_single_image-wrapper::after{
    right: 0;
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    background: rgba(0,0,0,0.3);
    z-index: 2;
    opacity: 0;
    transition: all ease 0.4s;
}
.cs-lightbox.hide-title:hover .vc_single_image-wrapper::after{opacity: 1}
.cs-lightbox.hide-title:hover h2{ display: block;opacity: 1}
.contact-row .feature-item p {
    font-size: 18px;
    line-height: 32px;
}

fieldset .block{
	margin-bottom: 20px;
}
input.wpcf7-form-control.more{
	border-radius:50px;
	position: relative;
    z-index: 10;
    margin: 0 24px;
	padding: 20px 24px;
}
.page-id-1919 .contact-form textarea{height: 260px}
@media screen and (min-width: 1190px){
	.yellow .services-list li{width: 292.5px !important}
}



/*@media screen and (min-width: 768px){
.footer-row .padding-bottom-30 .vc_row-fluid .vc_col-sm-4:last-child{float: right;}
}  
@media screen and (max-width: 1189px){
.footer-row .padding-bottom-30 .vc_col-sm-4{width: 360px}
}*/