/*	----------------------------------------------------------------
*	VO STYLE AND MEDIA QUERIES
*/

/* basic classes */
.cleaner{clear:both;}
.h30{height:30px;}
.h120{height:120px;}
.mobile_display{display:none!important;}

#content div.content-section.vo p,
#content div.content-section.vo h2,
#content div.content-section.vo h3,
#content div.content-section.vo h4,
#content div.content-section.vo div{
	font-family: 'Lato';
}

.page_vo #breadcrumb{display:none}

/* headings */
#content div.content-section.vo div.content-heading h3,
#content div.content-section.vo div.content-heading h4 { font-size: 30px;line-height: 40px;color:red;}
#content .vo-page.brand-Suzuki div.content-section.vo div.content-heading h3,
#content .vo-page.brand-Suzuki div.content-section.vo div.content-heading h4 {color:#044773;}

#content div.content-section.vo div.content-heading h2{color:red;}
#content .vo-page.brand-Suzuki div.content-section.vo div.content-heading h2 {color:#044773;}

/* content blocks */
#content.page_vo div.content-photo{margin-top: 0px;}
.vo_introduction{margin:50px 0px;}
.vo_slogan{margin-bottom:80px;}
#content div.content-section.vo p{font-size: 18px; line-height: 24px;}
.content-photo{position:relative;}
.content-photo .logo{position: absolute; top:60px;left: 23%;}


/* interventions */
#content div.content-section.vo_interventions_section{margin-bottom: 50px;display: block;}
div.vo_interventions_section div.item {width: 50%; float:left; min-height:335px;position:relative;}
div.vo_interventions_section div.item .overlay{position:absolute; width: 100%; height:100%; top:0px; left:0px; background: rgba(0,0,0,0.68);z-index:10}
div.vo_interventions_section div.item .title{ z-index:20; position:relative;}
div.vo_interventions_section div.item:hover .overlay{display:none;}
div.vo_interventions_section div.item:hover .title{ display:none;z-index:20}
div.vo_interventions_section div.item.vo_intervention_introduction_box:hover .title{ display:block}
div.vo_interventions_section div.item .title{color: #fff; font-size: 32px; text-align:center;padding-top: 20%;line-height: 40px; max-width: 60%; margin:0px auto;}
div.vo_interventions_section div.item.vo_intervention_introduction_box .title{color: #000; font-size: 32px; text-align:center;padding-top: 20%;line-height: 40px; max-width: 60%; margin:0px auto;}
.vo_information_section img{text-align:center; width: 40px; height:40px; margin: 20px auto;}

/* promises */
.promises_list {margin-bottom: 30px;}
.promises_list .item{width: calc(33% - 5px);float:left;text-align:center;}
.promises_list.with_warranty .item{width: calc(25% - 5px);}
.promises_list .item img{ background-color: red; width: 90px; height:90px; border-radius: 45px 45px 45px 45px;-moz-border-radius: 45px 45px 45px 45px;-webkit-border-radius: 45px 45px 45px 45px;text-align:center; margin-bottom: 20px;clear:both;-webkit-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.75);-moz-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.75);box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.75);}
.vo-page.brand-Suzuki .promises_list .item img{ background-color: #044773; }
.promises_list label{font-size:16px;max-width:150px;margin: 0px auto;display:block;}

/* Informations sections */

#content div.content-section.vo_information_section{margin: 30px 0px; background: #f6f6f6; padding: 40px 30px; display: block;}
.vo_information_section .item{ width: calc(50% - 35px);float:left;text-align: center;min-height:150px;}
.vo_information_section .item{font-size: 18px; line-height: 22px; }
.vo_information_section .item .title{font-size: 22px; line-height: 26px; margin: 10px 0px;}
.vo_information_section .item:first-child{border-right: 1px solid #bfbfbf;}

@media screen and (max-width: 1024px) {
	div.vo_interventions_section div.item {width: calc(50% - 40px);}
	.promises_list .item{width: calc(50% - 2px);float:left;text-align:center;margin-bottom: 30px;}
	
	.content-photo .logo{position: absolute; top:5%;left: 20px;}
}
@media screen and (max-width: 767px) {
	.mobile_display{display:block!important;width: 50%; height:auto;}
	div.vo_interventions_section div.item {width: calc(100% - 5px);float: none; margin: 0px auto;}
	div.vo_interventions_section div.item .title{padding-top: 40%;}
	div.vo_interventions_section div.item.vo_intervention_introduction_box .title{ font-size: 24px;}
	
	.vo_information_section .item{ width: calc(100% - 20px);}
	
	.content-photo .logo{position: absolute; top:5%;left: 20px;}
	.promises_list .item{width: calc(50% - 5px);}
	.promises_list.with_warranty .item{width: calc(50% - 5px);}
	.vo_information_section .item:first-child{border:none;}
	
	#content div.content-section.vo_information_section {padding: 40px 10%;width: 80%;}
	.vo_introduction{margin:50px 30px;}
	.vo_slogan{margin-left:30px;margin-right:30px;}
	.vo_slogan{margin-bottom:20px;}
}


/* buttons */


.vo a.item{float: none;display: block;width: calc(25% - 34px);margin: 10px auto;border-width: 2px;border-style: solid;text-align: center;line-height: 36px;font-size: 14px;font-weight: bold;text-transform: uppercase;border-radius: 5px;}

@media screen and (max-width: 1024px) {
	.vo a.item{width: calc(50% - 34px);}
}

@media screen and (max-width: 380px) {
	.vo a.item{width: calc(80% - 20px);}
}