/*
Theme Name: Bridge Child
Theme URI: http://demo.qodeinteractive.com/bridge/
Description: A child theme of Bridge Theme
Author: Qode Interactive
Author URI: http://www.qodethemes.com/
Version: 1.0.0
Template: bridge
*/
@import url("../bridge/style.css");


@font-face {
  font-family: 'DINNextLTPro-BoldCondensed';
  src: url('./assets/fonts/DINNextLTPro-BoldCondensed.eot'); /* IE9 Compat Modes */
  src: url('./assets/fonts/DINNextLTPro-BoldCondensed.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./assets/fonts/DINNextLTPro-BoldCondensed.woff2') format('woff2'), /* Super Modern Browsers */
       url('./assets/fonts/DINNextLTPro-BoldCondensed.woff') format('woff'), /* Pretty Modern Browsers */
       url('./assets/fonts/DINNextLTPro-BoldCondensed.ttf')  format('truetype'); /* Safari, Android, iOS */
}
@font-face {
  font-family: 'DINNextLTPro-Condensed';
  src: url('./assets/fonts/DINNextLTPro-Condensed.eot'); /* IE9 Compat Modes */
  src: url('./assets/fonts/DINNextLTPro-Condensed.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./assets/fonts/DINNextLTPro-Condensed.woff2') format('woff2'), /* Super Modern Browsers */
       url('./assets/fonts/DINNextLTPro-Condensed.woff') format('woff'), /* Pretty Modern Browsers */
       url('./assets/fonts/DINNextLTPro-Condensed.ttf')  format('truetype'); /* Safari, Android, iOS */
}
@font-face {
  font-family: 'DINNextLTPro-MediumCond';
  src: url('./assets/fonts/DINNextLTPro-MediumCond.eot'); /* IE9 Compat Modes */
  src: url('./assets/fonts/DINNextLTPro-MediumCond.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./assets/fonts/DINNextLTPro-MediumCond.woff2') format('woff2'), /* Super Modern Browsers */
       url('./assets/fonts/DINNextLTPro-MediumCond.woff') format('woff'), /* Pretty Modern Browsers */
       url('./assets/fonts/DINNextLTPro-MediumCond.ttf')  format('truetype'); /* Safari, Android, iOS */
}
@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 400;
  src: url("./assets/fontawesome/webfonts/fa-regular-400.eot");
  src: url("./assets/fontawesome/webfonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), 
      url("./assets/fontawesome/webfonts/fa-regular-400.woff2") format("woff2"), 
      url("./assets/fontawesome/webfonts/fa-regular-400.woff") format("woff"), 
      url("./assets/fontawesome/webfonts/fa-regular-400.ttf") format("truetype"), 
      url("./assets/fontawesome/webfonts/fa-regular-400.svg#fontawesome") format("svg"); }


/* .lightboxsliderimage  { height: 40px;
    display: block;
    float: right;
    margin-top: 0px; }  */

.lightboxsliderimage  {width: 50%;
    margin-left: 20%;
    height: 70%;
    float: left;
    display: block;
    position: absolute;
    z-index: 99;}

.lightboxsliderimage img { display: none; }
/* .lightboxsliderimage img { height: 40px; }  */


.outpriority { z-index: 999!important; }

html {.height: max-content!important;  overflow: visible!important; }

.content .container { background-color: transparent; }
.cf7_custom_style_1 input.wpcf7-form-control.wpcf7-text, .cf7_custom_style_1 input.wpcf7-form-control.wpcf7-number, .cf7_custom_style_1 input.wpcf7-form-control.wpcf7-date, .cf7_custom_style_1 textarea.wpcf7-form-control.wpcf7-textarea, .cf7_custom_style_1 select.wpcf7-form-control.wpcf7-select, .cf7_custom_style_1 input.wpcf7-form-control.wpcf7-quiz {     background-color: rgba(255,255,255,1); }
.contentwidthnopaddingbottom div:nth-child(2) { padding-bottom: 0px!important; }


@media only screen and (min-width: 1201px) { 
 .advertisement > .vc_row > .full_section_inner > .wpb_column > .vc_column-inner  {  margin-top: 36px!important; } 
/* 	.advertisement {    top: -70px!important;  position: relative!important;} */ 
}

@media only screen and (max-width: 1200px)  and (min-width: 1001px)  { 
 .advertisement > .vc_row > .full_section_inner > .wpb_column > .vc_column-inner {  margin-top: 8px!important; } 
/*	.advertisement {    top: -40px!important;  position: relative!important;}  */
}

@media only screen and (max-width: 1000px)  and (min-width: 768px)  { 
 .advertisement > .vc_row > .full_section_inner > .wpb_column > .vc_column-inner  {  margin-top: 65px!important; } 
/*	.advertisement {    top: -40px!important;  position: relative!important;} */
}

@media only screen and (max-width: 767px) { 
 .advertisement > .vc_row > .full_section_inner > .wpb_column > .vc_column-inner {  margin-top: 40px!important; } 
/*	.advertisement {    top: 0px!important;  position: relative!important;} */
}
/* .advertisement > .vc_row > .full_section_inner  .vc_column_container>.vc_column-inner {  margin-top: 70px; }  */

.wpv-loop-cell.advertisementverhuur { background-color: #092d45; overflow: hidden;}
.wpv-loop-cell.advertisement { background-color: #092d45; }
.wpv-loop-cell.advertisementverhuur .maintekst,
.wpv-loop-cell.advertisement .maintekst {      display: table;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 1.25;
    font-size: 35px;
    color: white;
    font-weight: bold;
    width: 100%;
    margin-top: 30%;
    margin-bottom: 30px!important; }

.wpv-loop-cell.advertisementverhuur .mainsubtekst,
.wpv-loop-cell.advertisement .mainsubtekst {      display: table;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 1.25;
    font-size: 20px;
    color: white;
    font-weight: bold;
    width: 100%;
    margin-top: 10%;
    margin-bottom: 30px!important; }


.btwprijsweergave {     position: absolute;    margin-right: 20px;    right: 40px; }

.first-td { text-align: left; }
.succeswpcf7 {     text-align: center!important;  width: 100%!important; }
/* General elements ================== */
::selection {    background: #ec3030;    color: #fff;}
.far {  font-family: 'Font Awesome 5 Free';  font-weight: 400; }
.fa.fa-bars { font-size: 20px; }
.whitecolor *,
.whitecolor { color: white; }
.redcolor *,
.redcolor { color: #ec3030; }

.showallchildinwhitebackground > div > div.section_inner_margin { background-color: white!important;  } 
.backgroundwhite { background-color: white!important; }
.setmargins10 { margin: 10px!important; }
@media only screen and (min-width: 601px) { .headerblocknegmargin {margin-top: -200px;     z-index: 999; } }
body { font-size: 20px; line-height: 1.9; color: #003251; font-family: 'DINNextLTPro-Condensed'!important;}
p, div { color: #003251; font-size: 20px;}

.nondisplay { display: none!important; visibility: hidden!important; }

h1,h2 a,h3 a,
h1,h2,h3 { font-family: 'DINNextLTPro-MediumCond'; font-weight: normal;  color: #003d62;}
h1 > strong ,
h1 { font-size: 50px; text-transform: uppercase; font-family: 'DINNextLTPro-Condensed'; }
h2 { font-size: 40px; margin-top:30px;}
h3 { font-size: 30px; }
h1 strong,h1 b,h2 strong,h2 b,h3 strong,h3 b { font-weight: bold; color: #ec3030;}
h1 { margin-bottom: 20px;}
h2 { margin-bottom: 20px;}
h3 { margin-bottom: 5px;}
.h4-titels-detailpagina{    font-size: 35px; line-height:1; font-weight: 600; color: #003d62; margin-bottom:15px;margin-top:25px;}
.autoteasernaam h3 {font-size:20px!important;}

.button-slider {     padding: 0.4em 2.25em 0.3em!important; }
h1.ls-post-layer.ls-layer { font-weight: 400; }
h1.vc_custom_heading { font-weight: 700; }
/*responsive titels (yvonne)*/
@media only screen and (min-width: 1001px) and (max-width: 1200px) { h3{font-size:24px}}


.ls-wrapper.ls-in-out.ls-hide-on-phone.ls-hide-on-tablet i.fa-arrow-left.fas { font-size: 15px!important; }

/* ================================================== */

.whitespacebottombody { height: 40px!important; }

/* Standaard Buttons  */
.qode-btn.qode-btn-icon .qode-button-v2-icon-holder { padding: 0 14px;  border-left: 0 none transparent;}

/* custom for menu  */
#menu-hoofd-menu > .menu-item:hover:not(.menuredbuttononwhite),
#menu-hoofd-menu > .menu-item.active:not(.menuredbuttononwhite) {    border-bottom: 3px solid #CC3429;}

.drop_down .narrow .second .inner ul li:hover { background-color: #003251; color: white; } 
.drop_down .narrow .second .inner ul li:hover a span,
.drop_down .narrow .second .inner ul li:hover a i,
.drop_down .narrow .second .inner ul li:hover a { color: white!important; } 
nav.mobile_menu ul li a:hover,
nav.mobile_menu ul li.active>a {  color: #bc2b28;}
nav.main_menu>ul>li>a { padding: 0 10px; }
@media only screen and (min-width: 1001px) and (max-width: 1200px) { 
	nav.main_menu>ul>li>a { padding: 0 5px; }
	nav.main_menu>ul>li>a>span { font-size: 17px; }
}

.menuredbuttononwhite a { margin-top: 25px!important;    display: table; margin: 10px auto; background-color: #ec3030!important;   border: 1px solid #cc3429! important; color: white!important;     cursor: pointer;  border-radius: 20px!important;    font-size: 20px;    text-transform: uppercase;    font-family: 'DINNextLTPro-MediumCond';    font-weight: normal;    text-align: center;   line-height: 20px!important; height: 30px!important;  padding: 10px 20px 0!important;
-webkit-box-sizing: unset;
    -moz-box-sizing: unset;
    box-sizing: unset;

}
.menuredbuttononwhite a .qode-btn-text {  padding-right: 0!important;   padding-left: 0!important;}
.menuredbuttononwhite a * {  color: white; }
.menuredbuttononwhite:hover a  {  background-color: white!important; color: #ca0d00!important;}
.menuredbuttononwhite:hover a * { color: #ca0d00!important;}
.scrolled .menuredbuttononwhite a { margin-top: 15px!important;}


nav.main_menu > ul > li > .second a > span {
    color: #003251;
    font-family: 'DINNextLTPro-MediumCond';
    font-size: 14px;
    font-weight: normal;
}


#gallery-1 > .rsOverflow {     height: inherit!important; }

/* Standaard Buttons  */
.redbuttononwhite  {     
	display: table!important; margin: 10px auto; background-color: #ec3030!important;   border: 1px solid #cc3429!important; color: white!important;     
	cursor: pointer;  border-radius: 20px!important;    font-size: 20px!important;    text-transform: uppercase;   
	font-family: 'DINNextLTPro-MediumCond'!important;    font-weight: normal;    text-align: center;    height: 40px!important;    line-height: 20px!important;    
/*	padding: 10px 20px 0!important  */
    padding: 10px 20px 10px 30px!important;
	}

.redbuttononwhite .qode-btn-text {  padding-right: 0!important;   padding-left: 0!important;}
.redbuttononwhite  * {  color: white; }
.redbuttononwhite:hover  {  background-color: white!important; color: #ca0d00!important;}
.redbuttononwhite:hover * { color: #ca0d00;}


.transparentbuttonwhite  {     
	display: table!important; margin: 10px auto; background-color: transparent!important;   border: 1px solid #ffffff!important; color: white!important;     
	cursor: pointer;  border-radius: 20px!important;    font-size: 20px!important;    text-transform: uppercase;   
	font-family: 'DINNextLTPro-MediumCond'!important;    font-weight: normal;    text-align: center;    height: 40px!important;    line-height: 20px!important;    
/*	padding: 10px 20px 0!important  */
    padding: 10px 20px 10px 30px!important;
	}
.transparentbuttonwhite .qode-btn-text {  padding-right: 0!important;   padding-left: 0!important;}
.transparentbuttonwhite  * {  color: white; }
.transparentbuttonwhite:hover  {  background-color: transparent!important; color: #ddd!important;}
.transparentbuttonwhite:hover * { color: #ddd;}


a.redbuttononred  {     display: table; margin: 10px auto; background-color: #ec3030!important;   border: 1px solid #bc2b28! important;  color: white;     cursor: pointer;  border-radius: 20px!important;    font-size: 20px;    text-transform: uppercase;    font-family: 'DINNextLTPro-MediumCond';    font-weight: normal;    text-align: center;   height: 40px!important;    line-height: 20px!important;    padding: 10px 20px 0!important}
.redbuttononred  {     display: table; margin: 10px auto; background-color: #ec3030!important;   border: 1px solid #bc2b28! important;  color: white;     cursor: pointer;  border-radius: 20px!important;    font-size: 20px;    text-transform: uppercase;    font-family: 'DINNextLTPro-MediumCond';    font-weight: normal;    text-align: center;   height: 40px!important;    line-height: 20px!important;    padding: 10px 20px 0!important}
.redbuttononred .qode-btn-text {  padding-right: 0!important;   padding-left: 0!important;}
.redbuttononred  * {  color: white; }
.redbuttononred:hover  {  background-color: #cc3429;  border: 1px solid #cc3429! important;  color: white;}
.redbuttononred:hover * { color: white;}

.redbuttononredwhiteborder  { width: auto!important;    display: table; margin: 10px auto; background-color: #ec3030!important;   border: 1px solid white! important;  color: white;     cursor: pointer;  border-radius: 20px!important;    font-size: 20px;    text-transform: uppercase;    font-family: 'DINNextLTPro-MediumCond';    font-weight: normal;    text-align: center;   height: 40px!important;    line-height: 20px!important;    padding: 10px 20px 0!important}
.redbuttononredwhiteborder .qode-btn-text {  padding-right: 0!important;   padding-left: 0!important;}
.redbuttononredwhiteborder  * {  color: white; }
.redbuttononredwhiteborder:hover  {  background-color: white!important;  border: 1px solid white! important;  color: #bc2b28;}
.redbuttononredwhiteborder:hover * {   color: #ec3030;}

.bluebuttononblue  {     display: table; margin: 10px auto; 
		background-color: #092d45!important;   
		border: 1px solid #003d62! important; 
		color: white; cursor: pointer;  
		border-radius: 20px!important;    
		font-size: 20px;    
		text-transform: uppercase;   
		font-family: 'DINNextLTPro-MediumCond';   
		font-weight: normal;    
		text-align: center;    
		height: 40px!important;    
		line-height: 20px!important;   
/*		padding: 10px 20px 0!important  */
		padding: 10px 20px 30px!important;
		}
.bluebuttononblue .qode-btn-text {  padding-right: 0!important;   padding-left: 0!important;}
.bluebuttononblue  * {  color: white; }
.bluebuttononblue:hover  { border: 1px solid #003d62! important;  background-color: #003d62!important; color: white;}
.bluebuttononblue:hover * { color: white;}

.bluebuttononblue24  {     display: table; margin: 10px auto; background-color: #092d45!important;   border: 1px solid #003d62! important; color: white; cursor: pointer;  border-radius: 22px!important;    font-size: 24px;    text-transform: uppercase;    font-family: 'DINNextLTPro-MediumCond';    font-weight: normal;    text-align: center;    height: 44px!important;    line-height: 24px!important;    padding: 10px 20px 0!important}
.bluebuttononblue24 .qode-btn-text {  padding-right: 0!important;   padding-left: 0!important;}
.bluebuttononblue24  * {  color: white; }
.bluebuttononblue24 .fas {    font-size: 20px!important;}
.bluebuttononblue24:hover  { border: 1px solid #003d62! important;  background-color: #003d62!important; color: white;}
.bluebuttononblue24:hover * { color: white;}

.bluebuttononwhite  {     display: table; margin: 10px auto; background-color: transparent!important;   border: 1px solid #003251! important; color: #003251!important; cursor: pointer;  border-radius: 22px!important;    font-size: 24px;    text-transform: uppercase;    font-family: 'DINNextLTPro-MediumCond';    font-weight: normal;    text-align: center;    height: 44px!important;    line-height: 24px!important;    padding: 10px 20px 0!important}
.bluebuttononwhite .qode-btn-text {  padding-right: 0!important;   padding-left: 0!important;}
.bluebuttononwhite .fas {    font-size: 20px!important;}
.bluebuttononwhite  * {  color: #003251!important; }
.bluebuttononwhite:hover  {  background-color: #003251!important; color: white!important;}
.bluebuttononwhite:hover * {  color: white!important;}

a.largeredbuttononwhite  {     display: table; margin: 10px auto; background-color: #ec3030!important;   border: 1px solid #ec3030!important! important; color: white;     cursor: pointer;  border-radius: 28px!important;    font-size: 32px;    text-transform: uppercase;    font-family: 'DINNextLTPro-MediumCond';    font-weight: normal;    text-align: center;    height: 56px!important;    line-height: 32px!important;    padding: 13px 20px 0!important;}
a.largeredbuttononwhite .qode-button-v2-icon-holder { margin-top: -3px; }
.largeredbuttononwhite  {     display: table; margin: 10px auto; background-color: #ec3030;   border: 1px solid #ec3030! important; color: white;     cursor: pointer;  border-radius: 28px!important;    font-size: 32px;    text-transform: uppercase;    font-family: 'DINNextLTPro-MediumCond';    font-weight: normal;    text-align: center;    height: 56px!important;    line-height: 32px!important;    padding: 10px 20px 0!important;}
.largeredbuttononwhite .qode-btn-text {  padding-right: 0!important;   padding-left: 0!important;}
.largeredbuttononwhite  * {  color: white; }
a.largeredbuttononwhite:hover  {  background-color: #ca0d00!important; color: white!important; border: 1px solid #ca0d00! important; }
.largeredbuttononwhite:hover  {  background-color: #ca0d00; color: white; border: 1px solid #ca0d00! important; }
.largeredbuttononwhite:hover * {  color: white; }
/* Standaard Buttons =================== */
 

a.sidebarbutton.qbutton  {     display: table; margin: 0px auto; background-color: transparent!important;   border: 1px solid #ffffff! important; color: #ffffff!important; cursor: pointer;  border-radius: 22px!important;    font-size: 24px;    text-transform: uppercase;    font-family: 'DINNextLTPro-MediumCond';    font-weight: normal;    text-align: center;    height: 34px!important;    line-height: 20px!important;    padding: 10px 20px 0!important}
.sidebarbutton.qbutton .fas {    font-size: 20px!important;}
.sidebarbutton.qbutton:hover .qode_button_icon_element, 
.sidebarbutton.qbutton:hover  {  background-color: #ffff!important; color: #092d45!important;}
.side_menu .widget.qode_button_widget  { margin-bottom: 0px; }



.buttonredonhomepage a  { font-size: 20px!important;     padding: 12px 30px 10px 60px!important; }



/* Overwrite on verhuur - reserveer   */
.type-verhuur .redbuttononwhite {    height: 30px!important;}
.type-verhuur .redbuttononwhite a {padding: 0px!important; border: 0px none transparent!important; font-size: 20px!important; padding-right: 15px!important; }
.type-verhuur .redbuttononwhite a i { font-size: 20px!important;  height: 20px!important;  line-height: 20px!important;     right: -10px!important; }

.single-autobedrijf_voertuig .content,
.single-verhuur .content { background-color: #edf1f2; }
.single-autobedrijf_voertuig .content  .overlapping_content,
.single-verhuur .content .overlapping_content { background-color: transparent!important; }
.single-autobedrijf_voertuig .content .wrapper-gallery,
.single-verhuur .content .wrapper-gallery { padding: 30px 20px; display: block; background-color: white!important; -webkit-box-shadow: 0px 0px 15px 0px #000000; 
box-shadow: 0px 0px 30px -20px #000000; margin-left: 50px;margin-right: 50px;}
.single-autobedrijf_voertuig .content .wrapper-autodetails,
.single-verhuur .content .wrapper-autodetails { padding: 30px 20px 0px 20px; display: block; background-color: #ec3030!important; -webkit-box-shadow: 0px 0px 15px 0px #000000; 
box-shadow: 0px 0px 30px -20px #000000; margin-left: 0;margin-right: 0;   width: calc( 50% - 130px);}
.single-autobedrijf_voertuig .content .wrapper-autodetails.blue {  background-color: #092d45!important;     width: calc( 50% - 130px);}

@media only screen and (max-width: 767px) { 
    .single-autobedrijf_voertuig .content .wrapper-gallery,
    .single-verhuur .content .wrapper-gallery { margin-left: 0px;margin-right: 0px;}
	.single-autobedrijf_voertuig .content .wrapper-autodetails.blue {    width: 90%; left: 5%!important;}
	.single-verhuur .content .wrapper-autodetails {    width: 90%; left: 5%!important;}
	
	.buttoncontainercta > .vc_column-inner > .wpb_wrapper { text-align: center; }
	.buttoncontainercta > .vc_column-inner > .wpb_wrapper > a.qode-btn { margin-left: auto!important; }
}

@media only screen and (min-width: 768px) { 
	.bluecolor  .whitebackgroundactiontestimonials h4 { font-size: 32px;     margin-bottom: 30px; }
	.bluecolor  .whitebackgroundactiontestimonials p { font-size: 28px;}
}
	.bluecolor  .whitebackgroundactiontestimonials *,
.bluecolor  .whitebackgroundactiontestimonials  .testimonial_text_inner { color: #003251!important; }

.wrapper-autodetails .detailheading,
.wrapper-autodetails .detailrow *,
.wrapper-autodetails .detailrow { color: white!important;  text-transform: uppercase; }
.wrapper-autodetails .detailheading { width: 100%; display: block; font-family: 'DINNextLTPro-MediumCond';  font-weight: normal;   letter-spacing: 1px;    font-size: 30px; }
.wrapper-autodetails .detailrow { width: 100%; display: block; padding: 5px 0; }
.wrapper-autodetails .detailrow .detailrowhalf { display: inline-block;      font-weight: bold!important;}

.wrapper-autodetails .detailrowtable table { width: 100%; }
.wrapper-autodetails .detailrowtable td,
.wrapper-autodetails .detailrowtable th { width: 32%; padding: 1px; }
.wrapper-autodetails .detailrowtable {  color: white!important;  padding: 10px 30px; margin-left: -35px;margin-right: -35px;} 
.wrapper-autodetails .detailrowtable * { text-align: left; color: white!important; font-size: 16px!important;  }
/*.wrapper-autodetails .detailrowtable { background-color: white!important; padding: 10px 30px; margin-left: -35px;margin-right: -35px;} 
.wrapper-autodetails .detailrowtable * { text-align: left; color:#003251!important; font-size: 16px!important;  } */

.wrapper-autodetails .buttonbottomdetail  { background-color: white!important;  padding: 10px 30px; margin-left: -35px;margin-right: -35px; }

.wrapper-autodetails .detailrowtablebig table { width: 100%; }
.wrapper-autodetails .detailrowtablebig td,
.wrapper-autodetails .detailrowtablebig th { width: 33%; padding: 20px 0; }
.wrapper-autodetails .detailrowtablebig {  color: white!important;  padding: 50px 30px; margin-left: -35px;margin-right: -35px;} 
.wrapper-autodetails .detailrowtablebig * { text-align: center; color: white!important;   }
/*.wrapper-autodetails .detailrowtablebig { background-color: white!important; padding: 50px 30px; margin-left: -35px;margin-right: -35px;} 
.wrapper-autodetails .detailrowtablebig * { text-align: center; color:#003251!important;   } */
.wrapper-autodetails .detailrowtablebig th {  font-size: 40px!important;  }
.wrapper-autodetails .detailrowtablebig td {  font-size: 26px!important;  }

.wrapper-autodetails.blue .buttonbottomdetail  {    background-color: white!important;     text-align: center;
    padding: 10px 30px;
    margin-left: -20px;
    bottom: 0px;
    margin-bottom: 0px;
    position: absolute;
/*    width: calc( 100% - 60px ); */
    width: calc( 100% );
    }
.wrapper-autodetails.blue .buttonbottomdetail > div  {line-height: 24px!important;
    height: 30px!important;
    font-size: 20px;
    margin-left: auto;
    left: auto;
    right: auto;
    display: inline-block;
    margin-right: auto;
    position: relative;}

.imgstaticlogo { display: none!important; visibility: hidden!important; opacity: 0!important; }
/*	position: absolute;   display: block;  width: 150px;  height: 42px;  background-color: transparent; z-index: 99999; margin: 0 auto;  left: calc( 50% - 75px );  background-image: url('/afbeeldingen/logo_foto_autos.png');   background-position: center;  background-repeat: no-repeat; background-size: contain; }. */
/* ====== */
.background_white { background-color: white!important; }
.pagelink_container { display: block; width: 100%;  max-width: 300px; position: relative;  margin-left: auto;
    margin-right: auto;}
.pagelink_container .pagelink { display: block; width: 100%; }
.pagelink_container .pagelink a { display: inline-block; width: 100%;     color: #003d62; position: relative; text-align: left;  font-size: 35px; text-transform: uppercase; line-height: 1;  font-weight: 600;    color: #003d62; margin-bottom: 10px;  margin-top: 10px;  border-bottom: 1px solid #003d62;  padding-bottom: 10px;}
.pagelink_container .pagelink i { position: absolute; right: 0px;     margin-top: 10px;}

.vacature_teaser { width: 80%; margin-left: 10%; }
.vacature_teaser * { line-height: 1.3;}
.vacature_teaser > .vc_column-inner  { padding-left: 0px; padding-right: 0px; }
.vacature_teaser > .vc_column-inner h3 { padding-top: 30px; padding-bottom: 15px; padding-left: 20px; padding-right: 20px; }
.vacature_teaser > .vc_column-inner .wpb_text_column {  padding-left: 20px; padding-right: 20px;  padding-bottom: 30px; margin-bottom: 60px!important; }
.vacature_teaser > .vc_column-inner .vc_btn3-container { margin: 0px; width: 100%; bottom: 0px;
    margin-bottom: 0px;  margin-top: auto;  top: auto;  position: absolute;}
.vacature_teaser > .vc_column-inner .vc_btn3-container a { width: 100%;text-transform: uppercase;  bottom: 0px; padding: 8px 15px 4px; line-height: 1.8; left: 0px;    font-family: 'DINNextLTPro-Condensed';   margin: 0; display: block; font-size: 24px;      text-align: center;    position: relative; }
.vacature_teaser > .vc_column-inner .vc_btn3-container a i {    display: contents; position: relative;   right: auto;}
.vacature_teaser > .vc_column-inner .vc_btn3-container a i::before { margin-left: 5px;  }

.vacature_teaser { background-color: #003251;  }
.vacature_teaser > .vc_column-inner h3 { color: white;  }
.vacature_teaser > .vc_column-inner .wpb_text_column * {  color: white; }
.vacature_teaser > .vc_column-inner .vc_btn3-container a  {background-color: #e4eaea; color: #003251;  }
.vacature_teaser > .vc_column-inner .vc_btn3-container a:hover  {background-color: #003251;color: white!important;   }

.alternatebackgroundcolor .vacature_teaser { background-color: white;  }
.alternatebackgroundcolor .vacature_teaser > .vc_column-inner h3 { color: #003251;  }
.alternatebackgroundcolor .vacature_teaser > .vc_column-inner .wpb_text_column * {  color: #003251; }
.alternatebackgroundcolor .vacature_teaser > .vc_column-inner .vc_btn3-container a  {background-color: #003251;color: white!important;  }
.alternatebackgroundcolor .vacature_teaser > .vc_column-inner .vc_btn3-container a:hover  {background-color: grey;color: #003251!important;  }


.luc_cas img {  max-width: 600px; }

.max_width_625 {}
.max_width_625 .max_width_625_inner {    display: inline-flex; }

@media only screen and (min-width: 1250px) { 
	.max_width_625 .max_width_625_inner {width: 625px; max-width: 625px;  }
}
@media only screen and (min-width: 768px) and (max-width: 1249px) { 
	.max_width_625 .max_width_625_inner { display: flex; margin-left: 20px;}	
}
@media only screen and (min-width: 768px) { 
	.max_width_625 > .vc_column-inner > .wpb_wrapper  { text-align: right; }
}
@media only screen and (max-width: 767px) { 
	.max_width_625 .max_width_625_inner {  margin-left: 20px;}	
}


.vragenblok {  display: block; width: 100%; background-image: url("https://automertens.nl/wp-content/uploads/2023/11/Achtergrond-Contact-Marchel.png"); background-size: cover; background-repeat: no-repeat; position: relative; }
.vragenblok .fotomedewerker { display: inline-block; position: relative; padding-top: 0px;}
.vragenblok .fotomedewerker img { height: 200px; border-radius: 100px; margin: 20px; border: 2px solid white;}
.vragenblok .tekstgegevens {display: inline-block; color: white; margin: 0px 30px 0 20px;  padding-top: 50px;  position: absolute;}
.vragenblok .tekstgegevens .naam h3,
.vragenblok .tekstgegevens .naam {color: white!important;}
.vragenblok .tekstgegevens .telefoon {color: white;}
.vragenblok .tekstgegevens .email {color: white;}
.vragenblok .tekstgegevens a { color: white; }
@media only screen and (min-width: 1750px) { 
	.vragenblok { background-size: contain; }
}


/* Overwrite on mailchimp   */
.redbuttononwhite.mailchimpredbutton {  padding: 5px 20px 0!important; margin: 0!important; }


.q_social_icon_holder .fa-stack.fa-2x { width: 26px;  height: 26px;  line-height: 26px;}
.socialsautomertens .socialicononred {    margin-top: 5px;}

.socialicononred .q_social_icon_holder_image  {width: 30px!important; display: inline-block!important;}




/*  lightbox  */

.gallerylightbox {    max-width: 100%;
    height: 50px;
    margin-left: 0;
    padding-left: 0;margin-top: -30px;
    left: 30px;}
.gallerylightbox  .enlarge { float: right;       cursor: pointer;  
    max-height: 50px;
    margin-top: 0px; }
    
@media only screen and (max-width: 767px) { 
	.gallerylightbox  .enlarge { max-height: 30px;max-width: 30px; float: right }
}



/* Floating menu ======= */
.floatrightmenu hr { border-top: 0px none transparent; border-left: 0px none transparent; border-right: 0px none transparent; border-bottom: 1px solid #da2723;  }
.floatrightmenu h3 {     color: white;    text-align: center;    font-size: 24px; }
.floatrightmenu.showmenu { visibility: visible;  opacity: 1; z-index: 99999; }
.floatrightmenu { position: fixed;   bottom: 64px; right: 64px;   z-index: -1; border-radius: 20px; background-color: #ec3030; padding: 13px 10px 10px 10px; width: 325px; opacity: 0; min-height: 200px;}
.floatright { cursor: pointer;  position: fixed; display: inline-block;    bottom: 64px;  right: 64px;    z-index: 9999; border-radius: 70px; background-color: #ec3030; padding: 20px;     height: 80px;  width: 80px; }
.floatright img { width: 50px; color: white; /*filter: brightness(1) invert(1);*/ -webkit-filter: drop-shadow(0px 0px 3px rgba(255,255,255,1)) brightness(0) invert(1); }

.tooltipje:hover .tooltipjetext {  visibility: visible;  opacity: 1;}
.tooltipje .tooltipjetext {visibility: hidden;    position: absolute;    width: auto;    background-color: #FFF;    color: #ec3030;    text-align: center;    padding: 5px 20px;    border-radius: 20px;    z-index: 1;    opacity: 0;    transition: opacity .6s;}
.tooltipje-top {    bottom: 125%;    left: 50%;    margin-left: -50px;}
.tooltipje-top::after { content: "";  position: absolute;  top: 100%; left: 50%;  margin-left: -5px;  border-width: 5px; border-style: solid; border-color: #FFF transparent transparent transparent;}

.darkredbuttonsquare * {font-size: 20px; text-transform: uppercase;  font-family: 'DINNextLTPro-Condensed'; font-weight: bold; }
.darkredbuttonsquare a { color: white; }
.darkredbuttonsquare { display: block; width: calc(100% - 30px); background-color: #da2723; height: 20px; margin: 10px 0; padding: 10px 15px; }

.buttonpopupmenu.darkredbuttonsquare {  width: 100%; height: auto;  padding: 5px 15px; }

.buttonpopupmenu.darkredbuttonsquare > i,
.buttonpopupmenu.darkredbuttonsquare { color: white!important; text-transform: uppercase; }
.whitebuttonround { display: block; width: calc(100% - 40px); background-color: white; height: 20px; margin: 20px 0 0 0; padding: 10px 15px; border-radius: 40px;text-align: center; }
.whitebuttonround * {font-size: 20px; text-transform: uppercase;  font-family: 'DINNextLTPro-Condensed'; font-weight: bold; }
.whitebuttonround a { color: #ec3030; text-align: center; }
.closebutton i {    background-color: #da2723; border-radius: 20px; width: 25px; height: 22px;  text-align: center;  padding-top: 2px;  color: white;}
.closebutton {cursor: pointer;  position: absolute; top: 15px; right: 17px!important; }

.offline { height: 10px;  width: 10px;  border-radius: 50%;  background-color: #ec3030;  border: 1px solid white; margin-top: 5px;}
.online { height: 10px;  width: 10px;  border-radius: 50%;  background-color: limegreen;  border: 1px solid white; margin-top: 5px;}
.floattoright {  right: 10px; float: right; display: inline-block; }
/* ================================================== */


.rondecircel img { border-radius: 50%; background-color: white; }
.cleanlinetext * {line-height: 1!important;    text-align: left;}


.alleenopmobiel { display: none; visibility: hidden; opacity: 0; }
@media only screen and (max-width: 767px) { 
	.alleenopmobiel { display: block; visibility: visible; opacity: 1;}
}

/* Footer indicatie widgets bakel/gemert open ======= */
.showroomwerplaats li { text-transform: uppercase; white-space: nowrap; }
.showroomwerplaats li .onoffline { display: inline-block; margin-right: 10px;}
/* ================================================== */

/* Sidebar menu right ======= */
.side_menu * {  color: white!important; }
.side_menu .widget li a { font-size: 20px; }
.side_menu > div > a > img { max-width: 70%!important; }
.side_menu a.sidebarbutton.qbutton {     font-size: 20px!important; padding: 12px 20px 0!important; }
/* ================================================== */


/* Sidebar menu right ======= */
.popupdivonhover { visibility: hidden;  opacity: 0; display:none;      position: absolute; z-index: 99999;  background-color: #092d45;  right: 3%;  bottom: 50%;  color: white;  padding: 20px;}
.iconinfo {  margin-bottom: -4px; }
@media only screen and (max-width: 1000px) { 
    .popupdivonhover {  bottom: 30%;  }
}
.popupdivonhover.showform {visibility: visible;  opacity: 1; display: block;}
/* ================================================== */

.buttonpopupmenu .online,
.buttonpopupmenu .offline {     margin-top: 10px; }
.buttonpopupmenu .darkredbuttonsquare {      margin: 10px 0;
    padding: 5px 10px;
    vertical-align: middle;
  }

.buttonpopupmenu.whitebuttonround { width: 100%; height: auto;  margin: 20px 0 0 0;padding: 5px 15px 0px;}


.garantietekst .fa-check,
.garantietekst *,
.garantietekst { color: white;}
.garantietekst {   width: 100%; text-align: center;   white-space: nowrap;}

/* Verhuur teaser lijst ======= */
.autoteaserverhuur { background-color: white; display: block;}
.autoteaserverhuur .autoteaserfoto { display: inline-block; width: 100%;     position: relative; }

.autoteaserverhuur .autoteaserfoto .overlayimg {  position: absolute; animation-name: animbottomup;  height: 100%; width: 100%;  opacity: 0;    background-color: rgba(255,255,255,0.5);    position: absolute;    display: inline-block;    text-align: center;    -webkit-transition:ease, 0.2s linear;    -moz-transition: ease, 0.2s linear;    -ms-transition: ease, 0.2s linear;    -o-transition: ease, 0.2s linear;    transition: ease, 0.2s linear;}
.autoteaserverhuur .autoteaserfoto a:hover .overlayimg.open {      opacity: 1;       -webkit-transition:ease, 0.5s linear;    -moz-transition: ease, 0.5s linear;    -ms-transition: ease, 0.5s linear;    -o-transition: ease, 0.5s linear;    transition: ease, 0.5s linear;}
.autoteaserverhuur .autoteaserfoto a .overlayimg span {    font-size: 30px;    top: 50%;    display: inline-block;    position: relative;    font-weight: bold;    text-shadow: 0px 0px 1px #000000;}

.autoteaserverhuur .autoteasertitel { display: block; width: 100%; /* calc(100% - 60px);*/ padding: 10px 30px; position: relative;}
.autoteaserverhuur .autoteasertitel .autoteasernaam { }
.autoteaserverhuur .autoteasertitel .autoteasernaam h3 { font-size: 20px!important; }
.autoteaserverhuur .autoteasertitel .autoteasernaamsub {  text-transform: uppercase;}
.autoteaserverhuur .autoteasertitel .buttonredright a {     right: 20px!important;  position: absolute!important;  height: 28px!important;  top: 30px!important;}
.autoteaserverhuur .autoteaserdetail *,
.autoteaserverhuur .autoteaserdetail { color: white!important; text-transform: uppercase!important; font-weight: bold!important; }
.autoteaserverhuur .autoteaserdetail { display: table; width:  100%; /* calc(100% - 60px);*/ padding: 10px 30px; background-color: #ec3030; min-height: 52px;}
/* .autoteaserverhuur .autoteaserbottom { display: inline-block; width: calc(100% - 60px);padding: 10px 30px; background-color: #da2723; text-align: center;}  */
.autoteaserverhuur .autoteaserbottom { display: none; opacity: 0; visibility: hidden;}
.autoteaserverhuur .autoteaserdetail .autoteaserdetailsub {width: 50%;float: left;}
.autoteaserverhuur .autoteaserdetail .autoteaserdetailsub i { width: 30px; }
.autoteaserverhuur .autoteaserbottom .autoteaserreadmore a { height: 28px!important;      margin: 0 auto!important; }
 
/*.autoteaseroccasions .autoteaserprijssub,
.autoteaserverhuur .autoteaserprijssub  {    position: absolute;   right: 20px;  top: 20px;  font-size: 30px;  transform: rotate(-7deg);  background-color: white;} */
.autoteaserverhuur .autoteaserprijssub  { top: 60px; font-size: 20px; text-align: right; background-color: transparent; }
.occasionteaserlist .autoteaserprijssub { top: 20px; font-size: 30px; }

.autoteaseroccasions .autoteasertitel .autoteasernaam h3 { font-size: 22px!important; font-weight: bold;margin-bottom: 0; }
.autoteaseroccasions .autoteasertitel .autoteasernaamsub { font-size: 18px!important;  font-weight: bold;}
.autoteaseroccasions .autoteasertitel .autoteaserprijssub { font-size: 20px!important;  font-weight: bold;}
.autoteaseroccasions .autoteasertitel .autoteaserprijssub .bedragpermaand { font-size: 18px!important;  font-weight: bold;}
.autoteaseroccasions .autoteaserdetail *  { font-size: 18px!important;  font-weight: bold;}

.autoteaserprijssubsub { color: white; }

.autoteaseroccasions .autoteaserprijssub, 
.autoteaserverhuur .autoteaserprijssub {
    position: absolute; text-align: center;  line-height: 25px;
    right: 0;
    top: 2px;
    font-size: 30px;
    background-color: #ec3030!important;
    color: white; text-transform: uppercase;
    padding: 5px 10px 0px 10px;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    border: 1px solid #ca0d00!important;
}

.autoteaseroccasions .bedragpermaand,
.autoteaserverhuur .bedragpermaand  {  height:30px;    color: white;  line-height: 30px;  font-size: 20px!important; }

.autoteaserverhuur .autoteaserprijssub { font-size: 25px!important;  }
.autoteaserverhuur .bedragpermaand.kleinetekst { font-size: 16px!important; font-weight: bold; }
.autoteaserprijssub hr {margin: 0px!important;
    width: 100%;
    border: 1px solid #ca0d00!important;}

.autoteaserverhuur .autoteasertitel .autoteasernaam h3 { font-size: 20px!important; font-weight: normal;margin-bottom: 0; }
.autoteaserverhuur .autoteasertitel .autoteasernaamsub { font-size: 18px!important;  font-weight: normal;}
.autoteaserverhuur .autoteasertitel .autoteaserprijssub { font-size: 20px!important;  font-weight: normal;}
.autoteaserverhuur .autoteasertitel .autoteaserprijssub .bedragpermaand { font-size: 18px!important;  font-weight: normal;}
.autoteaserverhuur .autoteaserdetail *  { font-size: 18px!important;  font-weight: bold;}

/* Occasion teaser lijst ======= */
.autoteaseroccasions { background-color: white; display: block;}
.autoteaseroccasions .autoteaserfoto { display: inline-block; width: 100%;   position: relative;}

.autoteaseroccasions .autoteaserfoto .overlayimg {  position: absolute; animation-name: animbottomup;  height: 100%; width: 100%;  opacity: 0;    background-color: rgba(255,255,255,0.5);    position: absolute;    display: inline-block;    text-align: center;    -webkit-transition:ease, 0.2s linear;    -moz-transition: ease, 0.2s linear;    -ms-transition: ease, 0.2s linear;    -o-transition: ease, 0.2s linear;    transition: ease, 0.2s linear;}
.autoteaseroccasions .autoteaserfoto a:hover .overlayimg.open {      opacity: 1;       -webkit-transition:ease, 0.5s linear;    -moz-transition: ease, 0.5s linear;    -ms-transition: ease, 0.5s linear;    -o-transition: ease, 0.5s linear;    transition: ease, 0.5s linear;}
.autoteaseroccasions .autoteaserfoto a .overlayimg span {    font-size: 30px;    top: 50%;    display: inline-block;    position: relative;    font-weight: bold;    text-shadow: 0px 0px 1px #000000;}

.autoteaseroccasions .autoteasertitel { display: block; width:  100%; /* calc(100% - 60px);*/ padding: 10px 30px; position: relative;}
.autoteaseroccasions .autoteasertitel .autoteasernaam { }
.autoteaseroccasions .autoteasertitel .autoteasernaamsub {  text-transform: uppercase;}
.autoteaseroccasions .autoteasertitel .buttonredright a {     right: 20px!important;  position: absolute!important;  height: 28px!important;  top: 30px!important;}
.autoteaseroccasions .autoteaserdetail *,
.autoteaseroccasions .autoteaserdetail { color: white!important; text-transform: uppercase!important; font-weight: normal!important; }
.autoteaseroccasions .autoteaserdetail { display: table; width:  100%; /* calc(100% - 60px);*/ padding: 10px 30px; background-color: #ec3030; min-height: 52px;}
/* .autoteaseroccasions .autoteaserbottom { display: inline-block; width: calc(100% - 60px);padding: 10px 30px; background-color: #da2723; text-align: center;}  */
.autoteaseroccasions .autoteaserbottom { display: none; opacity: 0; visibility: hidden;}

.autoteaseroccasions .autoteaserdetail .autoteaserdetailsub {width: 50%;float: left;}
.autoteaseroccasions .autoteaserdetail .autoteaserdetailsub i { width: 30px; }
.autoteaseroccasions .autoteaserbottom .autoteaserreadmore a { height: 28px!important;      margin: 0 auto!important; }

div.wpv-loop.js-wpv-loop { width: 100%; display: block;  max-width: 1200px;    margin-left: auto;    margin-right: auto; background-color:transparent!important; /* #e8eeef !important; */}
div.wpv-loop.js-wpv-loop .wpv-loop-cell { margin-top: 20px; width: 32%; margin-left: 0.5%;  margin-right: 0.5%; display: inline-block;}



@media only screen and (min-width: 768px) and (max-width: 1000px) { 
    div.wpv-loop.js-wpv-loop .wpv-loop-cell { margin-top: 30px; width: 47%; margin-left: 0.5%;  margin-right: 0.5%; display: inline-block;}
}
@media only screen and (max-width: 767px) { 
    div.wpv-loop.js-wpv-loop .wpv-loop-cell { margin-top: 30px; width: 99%; margin-left: 0.5%;  margin-right: 0.5%; display: block;}
}

.title_outer.title_without_animation { max-height: 540px; }
form.wpv-filter-form { display: none!important; visibility: hidden!important;  }

@media only screen and (max-width: 1200px) {
    .overlapping_content .content .content_inner>.container>.overlapping_content { padding: 0 0!important;  width: 100%; }
}

.wpv-loop .autoteaseroccasions .autoteaserdetail,
.wpv-loop.js-wpv-loop.occasionteaserlist  .autoteaserdetail {   background-color: #092d45!important;}

/* Testimonials  */
.testimonials_c_holder .flex-control-nav {    margin-top: 30px;}

/* foto gallerij  */
#gallery #thumbs { padding-top: 10px; overflow: hidden; }
#gallery #thumbs img, #gallery .largeImage { padding: 4px; background-color: white; cursor: pointer;}
#gallery #thumbs img { float: left; margin-right: 6px;  height: 75px;}
#gallery #panel { position: relative; }
/* ================================================== */

.fa-3x { font-size: 10px!important; } 


.funfact {  }
.funfact h2 { padding: 0px!important; margin: 0px!important; white-space: nowrap; }
.funfact img { margin-top: 0px; }

.iconstyle img { width: 150px; border-radius: 75px; border: 2px solid #edf1f2; }


/* CF7 extra settings    */
.cf7sg-container .noshowinit { visibility: hidden;  opacity: 0; display:none; }
.cf7sg-container .noshowinit.showform {visibility: visible;  opacity: 1; display: block;}

.wpcf7-not-valid-tip {display: contents!important;}
.cf7sg-container .cf7-smart-grid.has-grid .container { max-width: 98%!important;}
.type-verhuur form.wpcf7-form select,
.type-verhuur form.wpcf7-form textarea,
.type-verhuur form.wpcf7-form checkbox,
.type-verhuur form.wpcf7-form input { font-size: 20px; font-family: 'DINNextLTPro-Condensed';  }

.textareahoogtekort { height: 105px; }
#wpcf7-cf7sg-form-verhuur-aanmelden a {right: 0px;  top: 0px;  position: absolute; }


input.wpcf7-form-control.wpcf7-date, input.wpcf7-form-control.wpcf7-number, input.wpcf7-form-control.wpcf7-quiz, input.wpcf7-form-control.wpcf7-text, select.wpcf7-form-control.wpcf7-select, textarea.wpcf7-form-control.wpcf7-textarea {   -webkit-appearance: auto!important; }

@media only screen and (max-width: 1000px) { 
/*.cf7sg-container .cf7-smart-grid.has-grid .container { max-width: 98%!important;}  */
    .cf7sg-form-verhuur-aanmelden form.wpcf7-form > div.container > .row > .one-half { width: 97%!important; min-width: 97%!important; }
}
@media only screen and (min-width: 481px) and (max-width: 1000px) {
    .cf7sg-container .cf7-smart-grid.has-grid .columns.one-half, .cf7sg-container .cf7-smart-grid.has-grid .columns.six {  width: 97%!important; }
}

@media only screen and (max-width: 768px) {
.wpcf7-form .container > .row > .columns.full > a    {
	right: 0px;
    top: 0px;
    position: relative!important;
    float: right;
    margin-bottom: 20px;
    margin-top: -10px;}
}

.cf7-smart-grid.has-grid input[type=submit].wpcf7-form-control:not(img)  {
    min-height: 40px!important;
    width: auto!important;
    padding: 3px 20px 0!important;
    margin: 10px auto!important;
}
/* ================================================== */







.socialicononred .qode_icon_font_elegant:before {   background-color: #ec3030; }
.socialicononred .q_social_icon_holder.circle_social .fa-stack:hover, 
.q_social_icon_holder.square_social .fa-stack:hover { background-color: #ec3030; }

.q_logo img {  max-height: 90%;   height: 90px; }
.content.content_top_margin {    margin-top: 0px !important;}

nav.main_menu > ul > li > a,
nav.main_menu > ul > li > a * { font-family: 'DINNextLTPro-MediumCond';     font-size: 20px; font-weight: normal;}
nav.main_menu > ul > li > a { color: #003251!important; }
nav.main_menu > ul > li > .second a > span { color: #003251; }

nav.main_menu > ul li.active .current_page_item > a > span,
nav.main_menu > ul li.active > a > span { color: #ec3030!important; }
nav.main_menu .menuredbuttononwhite a { margin-top: 30px!important;   }
nav.main_menu > ul li.active.menuredbuttononwhite > a > span { color: #ffffff!important; }
nav.main_menu > ul li.active.menuredbuttononwhite > a:hover > span { color: #ec3030!important; }

.side_menu_button>a { color: #000!important; }
header.sticky nav.main_menu > ul > li.active * { color: #ec3030!important; }

@media only screen and (min-width: 400px) and (max-width: 767px) { 
    .content.content_top_margin { margin-top: -50px !important;}
}
@media only screen and (min-width: 768px) and (max-width: 1000px) { 
    .content.content_top_margin { top: -100px !important;}
}

/* general classes  */
.zindexontop { z-index:9999; }
@media only screen and (min-width: 768px) { 
    .subboxestransparenborder .vc_column_container.vc_col-sm-4 { width: 31%; min-height: 300px; } 
}
.subboxestransparenborder .vc_column_container  {  margin: 1%; }
.fa-regular ,
.fa { font-family: 'Font Awesome 5 Free'!important; }
.fa-check { color: #ec3030!important; }

/* HOMEPAGE ======================= */
/* teaser boxes  */
.teaserblock { padding: 0px 20px 40px 40px; }
.teaserblock * { text-transform: uppercase; font-family: 'DINNextLTPro-Condensed'; font-size: 20px;}
.teaserblock h3 { font-family: 'DINNextLTPro-MediumCond';font-weight: normal; margin-bottom: 10px;}
.teaserblock h3 strong,
.teaserblock h3 b { font-weight: bold; color: #ec3030;}
.teaserblock h3,
.teaserblock h3 strong,
.teaserblock h3 b { font-size: 30px; }
.teaserblock .q_icon_list { margin-bottom: 10px; }
.teaserblock .q_icon_list p { color: #003251; text-transform: uppercase;font-size: 20px; font-family: 'DINNextLTPro-Condensed'!important;}
.teaserblock button { margin-left: 20px;font-size: 20px!important;    padding-top: 10px!important;    padding-bottom: 5px!important;}
.teaserblock .q_elements_holder > .q_elements_item { padding: 40px 20px 40px 40px; margin: 0px 20px 20px 20px; }
.teaserblock .q_elements_holder > .q_elements_item .separator.normal { margin-top: -10px; margin-bottom: 30px; }

@media only screen and (min-width: 769px) { 
    .teaserblock .q_elements_holder { margin-top: -150px;     border-spacing: 20px;} 
}
@media only screen and (max-width: 768px) { 
    .teaserblock { padding: 0px!important; margin: 0!important; }
    .teaserblock > .section_inner {padding: 0px!important; margin: 0!important; }
    .teaserblock > .section_inner > .section_inner_margin {padding: 0px!important; margin: 0!important;}
    .teaserblock > .section_inner > .section_inner_margin  > .vc_column_container {padding: 0px!important; margin: 0!important;}
    .teaserblock > .section_inner > .section_inner_margin  > .vc_column_container > .vc_column-inner {padding: 0px!important; margin: 0!important;}
    .teaserblock .q_elements_holder > .q_elements_item {     padding: 10px!important;  margin: 1%!important; width: 28%!important; }
    .teaserblock .q_icon_list {  margin-bottom: 5px;   display: inline-table;    margin-left: 20px;}
    .teaserblock .section_inner { width: 100%!important; }
   .max768alignleft > .q_elements_item_inner > .q_elements_item_content > .q_icon_list { width: 100%;}
   .max768alignleft > .q_elements_item_inner > .q_elements_item_content > .q_icon_list > p { text-align: left!important;}
}


@media only screen and (max-width: 600px) { 
    .teaserblock .q_elements_holder > .q_elements_item {  padding: 10px!important;  margin: 20px 0px 0px 0px!important;   width: 95%!important;  }
    .teaserblock .section_inner { left: 5%!important; width: 90%!important; }
}
/*==== subpages ======== */
.teaserblokred .wpb_wrapper {background-color: #d00f1b !important; }
.teaserblokred .wpb_wrapper > .wpb_text_column {  background-color: #e41b1d !important;  padding:  0 30px; color: white; line-height: 1; }
.teaserblokred .wpb_wrapper > .wpb_text_column h3 {background-color: #e41b1d !important; color: white;}
.teaserblokred .wpb_wrapper > a {     color: white!important;    bottom: 10px!important;    border: 1px solid #ec3030! important;}
.teaserblokred .wpb_wrapper > a * {  color: white!important; }


.teaserblokblue .wpb_wrapper {background-color: #092d45!important; }
.teaserblokblue .wpb_wrapper > .wpb_text_column hr { border-bottom: 1px solid #eee; border-top: 0px none transparent; border-left: 0px none transparent; border-right: 0px none transparent; }
.teaserblokblue .wpb_wrapper > .wpb_text_column strong { font-size: 24px; }
.teaserblokblue .wpb_wrapper > .wpb_text_column * {  background-color: #ffffff !important;  }
.teaserblokblue .wpb_wrapper > .wpb_text_column {  background-color: #ffffff !important;  padding: 20px; }
.teaserblokblue .wpb_wrapper > .wpb_text_column h3 {background-color: #ffffff !important; }

@media only screen and (max-width: 767px) {
	.wpb_single_image .vc_single_image-wrapper  { width: 100%;}
	.wpb_content_element.wpb_single_image img { width: 100%;}
}

/* .teaserblokblue .bluebuttononblue { height: 50px; } */
/* .teaserblokblue .wpb_wrapper > a {     color: white!important;    bottom: 12px!important;    border: 1px solid #002B50! important;}
.teaserblokblue .wpb_wrapper > a * {  color: white!important; } */

.teaserblokblue .wpb_text_column > .wpb_wrapper * { line-height: 1.5; }
.teaserblokblue .bluebuttononblue {   padding: 10px 20px!important; height: auto!important; }

/*background white */
.backgroundwhite {padding-left: 20px;padding-right: 15px;}

/* .teaserblok ipad(yvonne)*/
@media only screen and (min-width: 665px)and (max-width: 1000px) {
	.teaserblokred {width: 50%!important; display: inline-flex; }}


/*subpage header wit blok met tekst(yvonne)*/
@media only screen and (max-width: 854px){
	.backgroundwhite {background-color: white!important; margin-top: 40px!important; width: 100%;}
	.subboxestransparenborder {
    margin: 0%!important;
}}
	
/*sliders in sub (yvonne)*/
@media only screen and (min-width: 665px)and (max-width: 1000px) {
	.knop-slider{width: 280px!important;font-size: 20px!important;}}
@media only screen and (max-width: 665px) {
	.knop-slider{width: 280px!important;font-size:17px!important;}}
	
	
.full_section_inner .vc_column_container .vc_column-inner .wpb_wrapper .q_elements_item  {  background-size: cover;  background-repeat: no-repeat;}

@media only screen and (max-width: 600px) {  .vc_row.full_screen_section { padding: 0px 0;} }
@media only screen and (min-width: 1000px) and (max-width: 1199px) {.maxwidth-half-left .q_elements_item_content    { padding: 60px 60px 60px 20px;    max-width: 425px!important;    margin-right: 0px;    margin-left: auto;     min-height: 300px;}  }
@media only screen and (min-width: 1200px) and (max-width: 1499px) {.maxwidth-half-left .q_elements_item_content    { padding: 60px 60px 60px 20px;    max-width: 500px!important;    margin-right: 0px;    margin-left: auto;     min-height: 300px;}  }
@media only screen and (min-width: 1500px) {.maxwidth-half-left .q_elements_item_content    { padding: 60px 60px 60px 20px;    max-width: 650px!important;    margin-right: 0px;    margin-left: auto;     min-height: 300px;}  }
   
    
/*  modules  */
.rt-grid-item > .rt-holder { background-color: white; }
.rt-grid-item > .rt-holder .rt-detail { padding: 40px 40px 0px 40px!important; position: relative;     height: 100%; }
.rt-grid-item > .rt-holder .rt-detail .date { color: #9fa5aa; }
.rt-grid-item > .rt-holder .post-meta.center {        bottom: 0px; width: 100%; left: 0px; margin: 0;  display: block;}
.rt-grid-item > .rt-holder .post-meta.center .read-more a { text-transform: uppercase;    bottom: 0px;  position: absolute;  width: 100%;  left: 0px;  margin: 0;  display: block; font-size: 24px;}
.testimonials_c_holder .testimonial_content_inner {  background: transparent!important;     padding: 20px 45px;}

/* Bottom blocks */
/*  socials  */
@media only screen and (max-width: 600px) {
	.socialsautomertens h3 { text-align: center!important; }
	.socialsautomertens .wpb_wrapper { text-align: center; }
}

/* nieuwsbrief */
.nieuwsbriefautomertens h3 { font-weight: bold; color: #ec3030; }
.nieuwsbriefautomertens .mailchimpwrapper { width: 100%;  }
.nieuwsbriefautomertens .mailchimpwrapper * { font-size: 26px; text-transform: uppercase; font-family: 'DINNextLTPro-Condensed'; top:-3px;}

.nieuwsbriefautomertens .mailchimpwrapper input[type=checkbox]  { vertical-align: text-top;
    margin-top: 4px;
    margin-right: 5px;}

.nieuwsbriefautomertens .mailchimpwrapper .col1,
.nieuwsbriefautomertens .mailchimpwrapper .col2 {    width: 20%; }
.nieuwsbriefautomertens .mailchimpwrapper .col3,
.nieuwsbriefautomertens .mailchimpwrapper .col4 {    width: 28%; }

.nieuwsbriefautomertens .mailchimpwrapper .col1,
.nieuwsbriefautomertens .mailchimpwrapper .col2,
.nieuwsbriefautomertens .mailchimpwrapper .col3,
.nieuwsbriefautomertens .mailchimpwrapper .col4 {    position: relative; display: inline-block; padding: 0px; margin: 0px; }


@media only screen and (max-width: 600px) {
	.nieuwsbriefautomertens h3 { width: 100%; text-align: center!important; }
    .nieuwsbriefautomertens .wpb_wrapper { text-align: center; }
}

@media only screen and (min-width: 600px) and (max-width: 1000px) {
    .mailchimp.col1,
    .mailchimp.col2,
    .mailchimp.col3,
    .mailchimp.col4 {     width: 40%!important;  margin: 5px 10px 0px 10px!important; }
}

@media only screen and (max-width: 599px) {
    .mailchimp.col1,
    .mailchimp.col2,
    .mailchimp.col3,
    .mailchimp.col4 {     width: 90%!important;   margin: 5px 10px 10px 10px!important;}
	.mailchimp.col4 * { margin-left: auto!important; margin-right: auto!important; }
	iframe { max-width: 100%; max-height: unset; }
}

/* Blog  */
.single-post.overlapping_content .content .content_inner>.container>.overlapping_content { margin-top: 0px;}
.single-post.overlapping_content .content .content_inner>.container>.overlapping_content { margin-top: 0px;}
@media only screen and (min-width: 1000px) {	
  .single-post .content .container .container_inner.default_template_holder { padding-top: 0px; margin-top: 0px; }
}
/*=========*/

@media only screen and (min-width: 1500px) {	
	.ls-wrapper:has(.video),
	.ls-wrapper .video.ls-media-layer.ls-layer.ls-autoplay {width:100vw!important;left:0!important;}
	.video iframe { height: 60vw!important; }
}

/* FOOTER */
/* teaser boxes  */
footer { z-index: unset; }
footer * { font-family: 'DINNextLTPro-Condensed'!important; font-size: 20px!important; }
footer a,
footer div.widget_nav_menu li a { text-transform: uppercase!important; font-family: 'DINNextLTPro-Condensed'!important; font-size: 20px!important;}
footer h3 { font-family: 'DINNextLTPro-MediumCond'!important;font-weight: normal!important; margin-bottom: 10px!important;}
footer h3 strong,
footer h3 b { font-weight: bold; color: #ec3030!important;}
footer h3,
footer h3 strong,
footer h3 b { font-size: 30px!important; }
/*footer .footer_bottom * { color: #A0A9AD; }*/
footer .footer_bottom * { color: #fff; font-size: 16px!important; line-height: 16px!important;}

.footer_bottom { height: 35px;}
    
.footer_top .container,
footer .content .container { background-color: #092d45!important; }

@media only screen and (max-width: 600px) {
	footer .four_columns .column1, 
	footer .four_columns .column2, 
	footer .four_columns .column3, 
	footer .four_columns .column4 { width: 50%!important; }
}

#back_to_top, #back_to_top.on, #back_to_top.off {     right: 175px;}




/* overrule responsive */
@media only screen and (max-width: 480px) {
.boxed div.section .section_inner, .carousel-inner .slider_content_outer, .container_inner, .container_inner nav.content_menu, .elementor-container .elementor-widget-wrap>.qode_elementor_container_inner, .elementor-row .elementor-widget-wrap>.qode_elementor_container_inner, .full_width .parallax_content, .qode_elementor_container_inner, .steps_holder_inner, div.grid_section .section_inner, nav.content_menu ul {
    width: 80%;
}
.four_columns {  width: 95%!important;  margin-left: 5%!important;}
}


.imagefullwidth .wpb_single_image > .wpb_wrapper .vc_single_image-wrapper   {width: 100%;}
.imagefullwidth .wpb_single_image > .wpb_wrapper .vc_single_image-wrapper img {width: 100%;}



/* TABS */
.warppertabs { display:flex; flex-direction: column;  align-items: center;}
.divtabs .tab{  cursor: pointer;  padding:10px 30px;  margin:0px 5px;  background:#000;  display:inline-block;  color:#fff;  border-radius:3px 3px 0px 0px;  box-shadow: 0 0.5rem 0.8rem #00000080;}


.panel{  display:none;  animation: fadein .8s;}
.panels{  background:#fffffff6;  box-shadow: 0 5px 10px rgba(0,0,0,0.5);  min-height:200px;  width:90%; margin-left: 5%;  border-radius:3px;  overflow:hidden;  
padding:50px;  }

@media only screen and (max-width: 760px) {
.panels{ padding:20px;  }
}

@keyframes fadein {
    from { opacity:0; }
    to {  opacity:1; }
}

.panel-title{ font-size:1.5em; font-weight:bold}
.radiotabs{  display:none;}

#zero:checked ~ .panels #zero-panel,
#one:checked ~ .panels #one-panel,
#two:checked ~ .panels #two-panel,
#three:checked ~ .panels #three-panel,
#four:checked ~ .panels #four-panel{
  display:block
}

#zero:checked ~ .divtabs #zero-tab,
#one:checked ~ .divtabs #one-tab,
#two:checked ~ .divtabs #two-tab,
#three:checked ~ .divtabs #three-tab,
#four:checked ~ .divtabs #four-tab{
  background: #ffffff;
  color:#000;
  border-top: 3px solid #000;
}



.panel dl {float: left; width: auto; min-width: 23%; display: block; margin-left: 10px;}
.panel dt {  width: 100%;    color: #ec3030;    text-transform: uppercase;    font-weight: bold;    margin: 10px;   display: inline-block;}
.panel dd {    width: 100%;   display: inline-block;  color: #092d45;    font-weight: bold;    margin: 0 10px 20px 10px;   }
#afleverpakketten img {width: 30px;}


.marginbottom60nomobile  { margin-bottom: -60px!important;}


@media only screen and (max-width: 768px) {
	.marginbottom60nomobile  { margin-bottom: -10px!important;}
	.divtabs .tab {  cursor: pointer;  padding: 5px 5px;  margin: 0px 1px;}
	.panel dl {float: left; width: 45%;display: block; margin-left: 3%;}
	#afleverpakketten * { font-size: 12px;  }
	#afleverpakketten img { width: 15px; }
	#afleverpakketten td { min-width: 10px!important; width: auto!important; padding: 2px;}

}



@keyframes animbottomup {
  0% {
    opacity: 0;
    transform: rotateX(-70deg);
    transform-origin: bottom;
  }

  100% {
    opacity: 1;
    transform: rotateX(0);
    transform-origin: bottom;
  }
}




.vc_grid-item.animated > .vc_grid-item-mini { background-color: white;}

.redcheckmark_titel:before {    font-family: 'Font Awesome 5 Free';
   content: "\f00c"; color: #ec3030;
   display: inline-block;
   padding-left: 0px;
   padding-right: 5px;
   vertical-align: middle;font-size: 14px;
   font-weight: 900; } 
.redcheckmark_titel {    padding-bottom: 0px;
    margin-bottom: 5px; font-size: 22px!important;  text-transform: uppercase;font-family: 'DINNextLTPro-Condensed';  font-weight: bold; }

.rednbr1_titel:before {   content: "1"; }
.rednbr2_titel:before {   content: "2"; }
.rednbr3_titel:before {   content: "3"; }
.rednbr4_titel:before {   content: "4"; }

.rednbr1_titel:before, 
.rednbr2_titel:before, 
.rednbr3_titel:before, 
.rednbr4_titel:before {    color: #ec3030; display: inline-block; padding-left: 5px; padding-right: 5px; vertical-align: middle;font-size: 22px; font-weight: 900; } 


.rednbr1_titel, 
.rednbr2_titel, 
.rednbr3_titel, 
.rednbr4_titel {padding-bottom: 0px;
    margin-bottom: 5px; font-size: 22px!important;  text-transform: uppercase;font-family: 'DINNextLTPro-Condensed';  font-weight: bold;}


.redcheckmark_textwhitespace p { padding-left: 20px; }

.standardpadding {}
.standardmargin {margin-block-end: 0px; margin-block-start: 20px; margin-bottom: 0px; margin-inline-end: 0px; margin-inline-start: 0px; margin-left: 0px; margin-right: 0px; margin-top: 20px}
.standardmargin ul,
.standardmargin p { display: inline-block } 
.standardmargin li:before {     content: "- ";
    margin-left: -12px; }
.standardmargin li {     position: relative;
    margin-inline-start: 40px;
    display: block; }
.standardmargin ul { margin-bottom: 20px; }

.standardmargin h4.vc_custom_heading {    display: block;
    font-weight: 600!important;
    margin-top: 20px!important;
    margin-bottom: 0px;}

.dazzler_single_team h3,
.dazzler_single_team * { text-transform: uppercase; font-family: 'DINNextLTPro-Condensed'!important;  }
.dazzler_team_1_our-team .dazzler_team_1_pic img {  border-radius: 200px; }




.bluefiltergradient123 .ls-slide-backgrounds img {  
	filter: brightness(0.5)!important; 
	transition: opacity .6s;
}



.overlaybanner {    background-image: url('https://automertens.nl/wp-content/uploads/2022/05/Topservice-quote.svg');
    position: absolute;
    height: 100%;
    width: 100%;
    background-position: center top;
    background-size: 25%;
    top: 0px;
    background-repeat: no-repeat;
    z-index: 9999;}


.side_menu.right  { background-color: #092d45;     border-left: 1px solid white;}


.panel2_wrapper .titlepanel {    width: 100%;    color: #ec3030;    text-transform: uppercase;    font-weight: bold;    margin: 10px 10px 10px 0;    display: inline-block;}

.panel2_wrapper {     margin: 10px;
    width: calc( 50% - 20px );
    display: inline-block;
    position: relative;
    border: 2px solid rgba(191, 191, 191, 0.6);
    border-radius: 10px;
    padding: 10px 30px;
	vertical-align: top;
}

.panel2_wrapper .bullets {
	height:auto;
	vertical-align: top;
}

.panel2_wrapper .bullets::before  {     list-style: disc;
    list-style-position: outside;
    list-style-image: initial;
    list-style-type: disc;
    list-style-position: outside;
    padding-left: 0px;
    display: list-item;
    margin-left: 20px; color: #bfbfbf;
    content: " ";
    float: left;
    }


@media only screen and (min-width: 768px) { 
.panel2_wrapper_outer {display: flex; }
.panel2_wrapper { flex12: 1; }

}

@media only screen and (min-width: 1024px) { 

}

@media only screen and (max-width: 1023px) { 

}

@media only screen and (max-width: 767px) { 
.panel2_wrapper { margin: 10px; width: calc( 100% - 30px ); }
.panels {  width: 100%;  margin-left: 0;}
}


@media only screen and (min-width: 1000px) { 
.drop_down .second.drop_down_start {
    visibility: visible;
    overflow: visible;
    opacity: 1;
    border-top: 3px solid #ec3030!important;}
}

.logo_wrapper img { height: 85px!important;
    margin-top: 10px!important; }



input.wpcf7-form-control.wpcf7-date, input.wpcf7-form-control.wpcf7-number, input.wpcf7-form-control.wpcf7-quiz, input.wpcf7-form-control.wpcf7-text, select.wpcf7-form-control.wpcf7-select, textarea.wpcf7-form-control.wpcf7-textarea {
    font-size: 19px!important;
    font-family: 'DINNextLTPro-Condensed'!important;
}

@media only screen and (max-width: 600px) { 
	.autoteaserprijssub { position: relative!important; }
	.autoteaserprijssub > div { width: 48%!important; display: inline-block!important;  font-size: 20px!important;}
	.autoteaserverhuur .autoteasertitel .autoteaserprijssub .bedragpermaand,
	.autoteaseroccasions .autoteasertitel .autoteaserprijssub .bedragpermaand { font-size: 20px!important; }
	.autoteaserprijssub > hr { position: absolute!important; display: hidden!important; visibility: hidden!important; }

}
@media only screen and (min-width: 768px) and (max-width: 1000px) { 
	.autoteaserprijssub { position: relative!important; }
	.autoteaserprijssub > div { width: 48%!important; display: inline-block!important;  font-size: 20px!important;}
	.autoteaserverhuur .autoteasertitel .autoteaserprijssub .bedragpermaand,
	.autoteaseroccasions .autoteasertitel .autoteaserprijssub .bedragpermaand { font-size: 20px!important; }
	.autoteaserprijssub > hr { position: absolute!important; display: hidden!important; visibility: hidden!important; }
}



.fa, .fas {
    font-family: 'Font Awesome 5 Brands'!important;
    font-size: 24px;
}




body.revealviewer{
	overflow: hidden;
}

#fullscreencanvas{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	width: 100vw;
	height: 100vh;
	visibility: hidden;
	opacity: 0;
	background: white;
	z-index: 9000;
	pointer-events: none;
	display: block;
	transition: opacity .3s, visibility 0s .3s;
}

body.revealviewer #fullscreencanvas{
	opacity: 1;
	pointer-events: auto;
	visibility: visible;
	transition: opacity .5s, visibility 0s .0s;
}

#fullscreenimagearea{
	position: relative;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

#fullscreencanvas img{
	position: relative;
	cursor: pointer;
	transition: all .5s;
}

div#closeviewer{ /* Large x close button  */
  width: 70px;
  height: 70px;
	overflow: hidden;
  display: block;
  position: fixed;
  cursor: pointer;
	text-indent: -1000px;
  z-index: 100000;
  top: 10px;
  right: 10px;
}

div#closeviewer::before, div#closeviewer::after{ /* render large cross inside close button */
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 6px;
  background: black;
  top: 50%;
	opacity: 0;
  margin-top: -3px;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
	transition: transform .5s, opacity .5s;
}


body.revealviewer div#closeviewer::before{
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
	opacity: 1;
}

body.revealviewer div#closeviewer::after{
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
	opacity: 1;
}


/* ================================================== */
div.fulloverlaydivrs { display: inline-block;
    visibility: visible;
    height: 100%;
    width: 100%;
    background-color: rgba(0,0,0,0.5);
    z-index: 9999999;
    position: fixed; }

div.fulloverlaydivrs img {     width: 100%;
    height: auto;
    vertical-align: middle;
    display: block;
    max-width: 1024px;
    max-height: 768px;
    margin: auto; }




.backgroundgreychildwhite { background-color: #edf1f2 !important;  }
.backgroundgreychildwhite > .section_inner .section_inner_margin,
.backgroundgreychildwhite > .section_inner { background-color: #ffffff !important;  }
.backgroundgreychildwhite > .section_inner .vc_column_container>.vc_column-inner { background-color: white; }
.backgroundgreychildwhite .wpb_text_column { padding-left: 15px; padding-right: 15px; }




.bluebuttononbluewhiteborder .bluetext * { color: #edf1f2!important; }

/* ================================================== */


/* ### Loading DIV CSS ### */

#fullimageloadingdiv{
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	visibility: hidden;
	overflow: hidden;
	display: flex;
	pointer-events: none;
	z-index: 10000;
	align-items: center;
	justify-content: center;
	background: white;
}

#fullimageloadingdiv .spinner {
  width: 40px;
  height: 40px;
  margin: 100px auto;
  background-color: #333;
  border-radius: 100%;  
  -webkit-animation: sk-scaleout 1.0s infinite ease-in-out;
  animation: sk-scaleout 1.0s infinite ease-in-out;
}

@-webkit-keyframes sk-scaleout {
  0% { -webkit-transform: scale(0) }
  100% {
    -webkit-transform: scale(1.0);
    opacity: 0;
  }
}

@keyframes sk-scaleout {
  0% { 
    -webkit-transform: scale(0);
    transform: scale(0);
  } 100% {
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
    opacity: 0;
  }
}