/*
Theme Name:   Carservice Child
Description:  Carservice Child Theme
Template:     carservice
Version:      1.0
Text Domain:  carservice
*/

/* put here your custom css styles */

.header-top-bar-container {

background: #2B4079;

}

.header-container {
padding: 0px !important;
}



.contact-details-box::before {

color: white !important;

}



.site-container .vc_row.dark-gray {

background: #2B4079;

}



.vc_row-fluid [class*="vc_col-sm"] {

margin-left: 0px !important;

}



.contacts {

margin-left: 12% !important;

}



.sf-menu li {

background: #2b4079 !important;

color: white !important;

}

.sf-menu li a {
font-size: 24px !important;
}



.sf-menu a {

color: white !important;

text-align: center !important;

padding: 20px !important;

}



.menu-container.clearfix.vertical-align-cell {

display:none !important;

}



.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {

background: #1D2C56 !important;

color: white !important;

}



.header .logo {

width: 56% !important;

float: left !important;

}



.menu-container {

width: 65% !important;

}



#top-info {

display: block !important;

float: right !important;

width: 44% !important;

}



.top-paragraph-address {

line-height: 23px;

font-size: 19px;

color: #2B4079;

text-align: right;

}



.top-paragraph {

line-height: 20px;

font-size: 46px !important;

font-weight: bold;

color: #2B4079;

padding-top: 30px;

text-align: right;

}



h2.widgettitle::before,

.box-header::before

{

	display: block;

	content: "";

	background: #1E69B8;

	width: 100%;

	height: 2px;

	margin-top: 13px;

	margin-bottom: 5px;

}

.padding-bottom-50 {
padding-bottom: 0px !important;
}

h4 {
font-size: 30px !important;
}

h2 {
font-size: 48px !important;
font-weight: 500 !important;
}

p {
font-size: 22px !important;
line-height: 31px !important;
}

ol li {
font-size: 18px !important;
}

.logotop {
width: 500px !important;
float: left !important;
}

.years {
padding-top: 20px !important;
margin-left: 35px !important;
}

@media screen and (max-width: 1189px) {
.header-container {
padding: 0px !important;
}

.header {
width: 100% !important;
}

.years {
display: none !important;
}

.logo .vertical-align-cell {
float: left !important;
width: 40% !important;
}

#top-info {
float:left !important;
width: 44% !important;
}

.menu-container {
clear: none !important;
float: none !important;
}

.menu-container nav {
float: none !important;
}
}

@media screen and (max-width: 785px) {
.header .logo {
width: 100% !important;
}

#top-info {
float: none !important;
width: 100% !important;
}
.top-paragraph {
text-align: center !important;
}

.top-paragraph-address {
text-align: center !important;
}
}

@media screen and (max-width: 767px) {
.header .mobile-menu-switch {
display: table !important;
}
h2 {
font-size: 24px !important;
}

.contact-details-box p {
font-size: 14px !important;
}

.vc_row .vc_col-sm-3 {
width: 100% !important;
}
}

input, textarea {
width: 100% !important;}

p {
color: #000;
}