/*
Theme Name:   Carservice Child
Theme URI: https://1.envato.market/car-service-mechanic-auto-shop-wordpress-theme
Description:  Carservice Child Theme
Author: QuanticaLabs
Author URI: https://1.envato.market/quanticalabs
Template:     carservice
Version:      1.2
Text Domain:  carservice
*/

.header .logo a img {
  width: 150px;
  height: auto;
}
html {
    font-size: 10px;
    line-height: 1.42857143;
}

li.template-bullet strong {
    color: #00bfff;
}
ul li ul li.template-bullet strong {
    color: red;
}
/* --- services --- */
.services-list li,
.team-box
{
	list-style: none;
}
.feature-item h5 {
    float: left;
    width: 100%;
    margin-top: 50px;
    font-size: 50px;
    font-weight: 600;
    margin-left: 78px;
    line-height: 54px;
	color: #FFF;
}
.feature-item p {
	color: #fff;
	}

li.vc_row.wpb_row.vc_row-fluid ul {
    padding-left: 0px;
}
img.footer-swirl {
    display: block;
    width: 100%;
    height: auto;
}
@media screen and (max-width:767px)
{
		.bread-crumb-container
	{
		display: none;
	}
	
	
}


p
{
	font-size: 1.6rem;
	font-family: 'Open Sans';
	line-height: 26px;
	margin-top: 0px;
/*	margin-bottom: 24px;*/
	padding: 0;
}

/* --- courses --- */
details {
    margin-top: 1.5rem;
}
summary {
    margin-bottom: 1rem;
}

.courses-list
{
	width: 100%;
	transition: all 0.4s ease 0s;
	-webkit-transition: all 0.4s ease 0s;
	-moz-transition: all 0.4s ease 0s;
}
.courses-list li
{
	position: relative;
	float: left;
	width: 25%;
	overflow: hidden;
}
.courses-list.isotope li
{
	width: 270px;
	height: 180px;
	margin-top: 30px;
}
.courses-list li img
{
	width: 100%;
}
.courses-list a>.cs-preloader
{
	height: 250px;
}
.courses-list li .view
{
	position: absolute;
	top: 0;
	background: rgba(62, 73, 91, 0.4);
	width: 100%;
	height: 100%;
	opacity: 1;
	transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
}
.courses-list li:hover .view
{
	opacity: 1;
}
.courses-list li .view .vertical-align-table
{
	width: 100%;
	height: 100%;
}
.courses-list li .view p.description
{
	color: #FFF;
	margin-top: -20px;
	margin-bottom: 20px;
	transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
}
.courses-list li:hover .view  p.description
{
	margin-bottom: 35px;
}
.courses-list li .view .more.simple
{
	color: #FFF;
	padding: 14px 20px 15px;
}


/* --- divetrips --- */
.divetrips-list
{
	width: 100%;
	transition: all 0.4s ease 0s;
	-webkit-transition: all 0.4s ease 0s;
	-moz-transition: all 0.4s ease 0s;
}
.divetrips-list li
{
	position: relative;
	float: left;

	overflow: hidden;
}
/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
	.divetrips-list li {width: 100%;}	
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
	.divetrips-list li {width: 100%;}

}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {	
	.divetrips-list li {width: 25%;}
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
	.divetrips-list li {width: 25%;}
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
	.divetrips-list li {width: 25%;}
}

.divetrips-list.isotope li
{
	width: 270px;
	height: 180px;
	margin-top: 30px;
}
.divetrips-list li img
{
	width: 100%;
}
.divetrips-list a>.cs-preloader
{
	height: 250px;
}
.divetrips-list li .view
{
	position: absolute;
	top: 0;
	background: rgba(62, 73, 91, 0.4);
	width: 100%;
	height: 100%;
	opacity: 1;
	transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
}
.divetrips-list li:hover .view
{
	opacity: 1;
	background: rgba(62, 73, 91, 0);

}
.divetrips-list li .view .vertical-align-table
{
	width: 100%;
	height: 100%;
}
.divetrips-list li .view p.description
{
	color: #FFF;
	margin-top: -20px;
	margin-bottom: 20px;
	transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
}
.divetrips-list li:hover .view  p.description
{
	margin-bottom: 35px;
}
.divetrips-list li .view .more.simple
{
	color: #FFF;
	padding: 14px 20px 15px;
}
/* --- MENU Header --- */

.sf-menu li a, .sf-menu li a:visited
{
	color: #545454;

}

/* --- MENU Footer --- */
.site-container .vc_row.dark-gray
{
	background: #151d27;
}


@media only screen and (max-width:414px){
	
.footer-row .list li a {
    line-height: 30px;
    font-size: 16px;
	}	
}

h1.box-header.landing-title.page-margin-top-section {
    color: white;
    font-weight: 600;
    vertical-align: middle;
}
h1.box-header {
    text-align: center;
}

p.important {
    display: table-footer-group;
}
.page-header-left {
    white-space: normal;
}

.vc_color-success.vc_message_box {
    color: #4F697D;
}
.vc_color-warning.vc_message_box {
    color: #6B5B43;

}

.cost-calculator-summary-price {
    color: #0C641A;
}