/*
Theme Name: Vehiclepartner
Author: mju
Version: 1.0
*/



:root{


	
/*

--dblu:#004A53;
--mblu:#005F6A;
--mbluhov:#5a7490;

--lblu: #dde7dc;

--orng :  #ff6e26;
--ornghov :  #c35207;


--dbluhov:#023047;

*/

--dblu:#000;
--mblu:#000;
--mbluhov:#000;

--lblu: #000;


    --site-wrapper-width:100%;
	--site-column-margin:8%;

}


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

.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

html{
		height:100%;
	min-height:100%;

	background:#000;
}

body {
  font-family: "Cinzel", serif;

	background:#000;
	background:url('_img/vehiclepartner-bg.jpg');
	color:#fff;
	font-size:16px;
	font-size:1rem;
    font-weight:300;
    line-height: 1.8em;
	margin:0;
	height:100%;
	min-height:100%;
	padding:0;
	    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;

}


h1,h2,h3,h4,h5,h6{
	color:#fff;
	font-weight:200;
	    color: silver;
					  font-family: "Montserrat", sans-serif;



}
h1 {
	font-size: 3rem;
    line-height: 4rem;
    margin: 0 0 1em 0;
	
}

h2 {
	font-size: 2.5rem;
    line-height: 3rem;
    margin: 0 0 1em 0;
    letter-spacing: -0.04em;
    text-transform: uppercase;
	
}


h3 {
	font-size: 1.75rem;
	line-height: 2rem;
	margin: 0 0 0.67em 0;
	text-transform:uppercase;
	color:var(--mblu);
	
}

h4 {
	font-size: 1.4rem;
	line-height: 2rem;
	text-transform:uppercase;
	margin: 0 0 0.6em 0;
	
	
}

h5 {
	font-size: 0.875rem;
	line-height: 1.5rem;
	text-transform:uppercase;
	margin: 0 0 0.4em 0;
	font-weight:500;
}

h2.image-block-title{
	text-align:center;
	margin: 6% 0 2em 0;
}

p.sml-txt{
	font-size:0.9rem!important;
	line-height:1.5rem!important;
}

span.sml-txt{
	font-size:0.7rem!important;
	line-height:1rem!important;
}
/***************************************************
/* Links
/****************************************************/
a {
	color: var(--orng);
	text-decoration:none;
	transition:color ease 0.4s;
	text-decoration: none;
	font-weight:700;
}

a:visited,
a:active  {
	color: var(--orng);
	outline: 0;
}


a:focus {
	outline: none;
}

a:hover{
	color:var(--ornghov);
	
}




a.buy{

    z-index: 9999;
    position: absolute;
    color: #fff;
    top: 0;
    right: 0;
    font-size: 1rem;
    display: block;
    background: var(--orng);
    height: 100%;
    line-height: 4rem;
    padding: 0 3%;
	transition:all ease 0.6s;

}
a.buy:hover{
	background: var(--ornghov);
}


 a.back{
	font-size:0.9rem;

 }


/***************************************************
/* ONEPAGE
/***************************************************/

.site-header{
	padding: 1em 0 0 0;
	background-color:transparent;
	position: relative;
}

#logo{
	display:block;
	width:300px;
	height:auto;
	margin:0 auto 2em;
}

.onepage{
	text-align:center;
}


/***************************************************
/* CONTENT
/***************************************************/

 #page{
	box-sizing: border-box;
    margin: 0 auto;
    padding:  0%;
	position:relative;
 

}




.wrapper{
    box-sizing: content-box;
	margin-left: auto;
	margin-right: auto;
	padding: 0 6%;
	max-width: var(--site-wrapper-width);

}

.wrapper.narrow{

	max-width: 1000px;
}

.wrapper.narrowest{

	max-width: 800px;


}

.wrapper.wide{

	padding:0;

}

.wrapper.imgblock{
	padding: 0;

}



/***************************************************
/*  SECTIONS 
/****************************************************/



.section {
	clear: both;
	padding: 4% 0%;
	/*padding:0;*/
	margin: 0px;
	background-size: cover;
    background-repeat: no-repeat;
    background-position: center;

}

.col {
	display: inline-block;
	margin: 0% 0 0% 4%;
	vertical-align:top;
	padding:4% 0;
}



.col.align-top{
	vertical-align:top;
}

.col:first-child { margin-left: 0; }

.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; }


.span_2_of_2 { width: 100%;}
.span_1_of_2 { width: 48%;}


.span_2_of_3 { width: 65.33%; }
.span_1_of_3 { width: 30.66%; }


.span_3_of_4 { width: 74%;}
.span_2_of_4 { width: 48%;}
.span_1_of_4 { width: 22%;}



@media only screen and (max-width: 800px) {
	.col { 
		margin: 1% 0 1% 0%;
	}

	.span_2_of_2, .span_1_of_2 { width: 100%; }
	.span_3_of_3, .span_2_of_3, .span_1_of_3 { width: 100%; }
	.span_1_of_4, .span_2_of_4, .span_3_of_4, .span_4_of_4 { width: 100%; }
}



/* FOOTER
---------------------------------*/

.site-footer{
text-align:center;

}




.copy{
	
	font-size:0.7rem;
	margin: 0 0 1em;
	

}

/*** CTA ****/


#modal-btn{
display: inline-block;
  text-transform: uppercase;
  background-color: #1e1e1e;
  font-size: 0.8rem;
  padding: 0.3em 2.8em;
  border-radius: 50px;
  font-weight: 600;
  cursor:pointer;
      margin: 1em 0px 0 0;
	  			  font-family: "Montserrat", sans-serif;
				      font-family: "Montserrat", sans-serif;
    letter-spacing: 0.04rem;
    color: silver;
	transition: all  0.6s ease;
	border:1px solid #3e3d3d;
	position:relative;

}

#modal-btn:hover{
	color:#e2e2e2;
	border:1px solid #676464;
}
#modal-btn:after{
content: '\E80C';
    font-family: 'Fontello';
    position: absolute;
    right: 1rem;
}



  .cta-modal {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 10000; /* Sit on top */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: hidden; /* Enable scroll if needed */
	    background: rgba(0,0,0, 0.7);
		padding-top: 150px;
  }


  .cta-modal-header {
	padding: 9px 0px 0 28px;
    background: #1e1e1e;
    color: white;
    border-radius: 0;
    height: 30px;
    margin: 0 0 1em;
  }
  


  /* Modal Body */
  .cta-modal-body {padding: 2px 16px;margin: 1.2em 0 0 0;}
  
 

  .cta-modal-content {
	background-color: #1e1e1e;
	box-shadow: 0px 1px 7px 2px rgb(0 0 0 / 40%);
	margin: 0 auto; 
	padding: 0% 0 2em;
	width: 400px; 
	position:relative;
	border-radius:0;
	font-size: 0.9rem;
	  -webkit-animation-name: animatetop;
  -webkit-animation-duration: 0.4s;
  animation-name: animatetop;
  animation-duration: 0.4s;
  text-align:center;
  border: 1px solid #3c3b3b;

  }


/* Add Animation */
@-webkit-keyframes animatetop {
  from {top:-300px; opacity:0} 
  to {top:0; opacity:1}
}

@keyframes animatetop {
  from {top:-300px; opacity:0}
  to {top:0; opacity:1}
}


  
  
	    .cta-modal-content p{
			  font-family: "Montserrat", sans-serif;
			      line-height: 1.6rem;


		font-size:0.8rem;
	}
  /* The Close Button */
  .cta-modal-close {
    width: 45%;
    display: inline-block;
    vertical-align: top;
    font-size: 1.5rem;
    font-weight: 300;
    padding: 0px 0 0 0;
    transition: color ease 0.5s;
    cursor: pointer;
    text-align: right;
  }



  body.modal-open {
    overflow: hidden;
}


  .cta-modal-content div.wpforms-container-full:not(:empty) {
	max-width:360px!important;

  }

  .cta-modal-content .wpforms-container .wpforms-form .wpforms-field-label, 
  .cta-modal-content .wpforms-container .wpforms-form .wpforms-field-label-inline, 
  .cta-modal-content div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-classic select,
  .cta-modal-content .wpforms-container input[type=text] {
 
    font-size: 0.9rem !important;
  }




  .cta-modal-content button[type=submit] {

    border: 2px solid var(--drk) !important;
    border-radius: 0 !important;
    display: inline-block !important;
    color: var(--drk) !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    padding: 12px 35px 12px !important;
    font-size: 0.9rem !important;
    line-height: 12px !important;
  }
   

  .cta-modal-title{

width: 50%;
    display: inline-block;
    font-weight: 600;
    padding: 0;
    font-size: 1rem;
    vertical-align: top;
    text-transform: uppercase;

  }




/*--------------------------------------------------------------
## MEDIA QUERIES 
--------------------------------------------------------------*/
@media (max-width:1200px) {
	.cards {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		grid-gap: 0px;
		margin: 0 ;
	}
}

@media (max-width:1024px) {

	.main-navigation {

		width: 90%
	}
		.main-navigation ul li a {
		 font-size:0.875rem;
		
		}

	
		.cards {
			display: grid;
			grid-template-columns: repeat(2, 1fr);
			grid-gap: 0px;
			margin: 0 ;
		}


		.head-wrapper {
	
			padding: 0 15%;
		}

		.main-navigation ul li:first-child{

			min-width:200px;
			margin-top: 6px;
		}

	a.buy{
		font-size: 0.875rem;
	}
	body.single #page-banner {
		height: 400px;

	}
}

@media (max-width:800px) {



	#top-block{
		display:none;
	}
	.main-navigation{display:none}
	li#rmp-menu-item-456{
		display:none;
	}



		.mobile-lang {
			font-size: 1.2rem;
			display: block;
			margin: 0 0 2rem 0;
		}
	

	
	body.single #page-banner {
		
		height: 250px;
	}

	h1 {
		font-size: 2.4rem;
		line-height: 2.8rem;
		margin: 0 0 1em 0;
		font-weight: 700;
	  }


	  .footer-some{
        font-size: 3rem;
        clear: both;
        margin: 0;
        text-align: center;
		float: none;
	}

.site-header{
    padding: 0;
    position: fixed;
    height:65px;
    width: 100%;
	z-index:9999;
    top: 0;
    right: 0;
    left: 0;
  
  }
a.some{
	display:none!important;
}

#page{
	padding: 0 0 0 0;
}
	


	#rmp-menu-wrap-218 .rmp-menu-item-link {
		text-transform:uppercase;
		font-weight:600;
	
	}

	.rmp-container .rmp-menu-title .rmp-menu-title-image {
		max-width: 100%;
		width:40%!important;
		display: block;
		margin: 0 auto 25px!important;
	}

	.rmp-menu-additional-content a{
		color:#fff;
	}

	#rmp_menu_trigger-218.is-active .responsive-menu-pro-inner, #rmp_menu_trigger-218.is-active .responsive-menu-pro-inner::before, #rmp_menu_trigger-218.is-active .responsive-menu-pro-inner::after
{
  background-color: #fff;
}

	#main-banner {
		height: 400px;
		  margin: 65px 0 0 0;
	}
	#banner-text h1 {
		font-size:1.8rem;
		text-shadow: 1px 1px 8px rgba(0, 0, 0, .4);
	}


	#banner-text h2,
	#page-banner #banner-text h2 {
		font-size: 3rem;
		margin: 0 0 0.2em;
	}
	#banner-text h3 {
		
		font-size: 1.2rem;
	}

	.boxes {
		
		grid-template-columns: repeat(1, 1fr);
	}

	.box {
		
		aspect-ratio: auto;
	}


	
	.media-items {
		
		grid-template-columns: repeat(1, 1fr);
	}

	.media-item {
		
		aspect-ratio: auto;
	}


    .column {
		display: block!important;
		width: 100% !important;
		margin-left: 0 !important;
	}

	.txt-img .wrapper {
		display: flex;
		flex-flow: row wrap;
	}
	
	.section.txt-img.full-img .fullsize-image {
	    position: relative;
    	left: auto !important;
    	top: auto;
    	bottom: auto;
    	right: auto !important;
    	width: calc(100% + 30px) !important;
 		margin-left: -15px;
	}

	.section.txt-img.full-img .fullsize-image img {
	    display: block;
    	position: static;
    	max-height: 300px;
		object-fit: cover;
	}
	
	.section.txt-img.full-img .txt-col {
		margin-top: 2em;
		margin-bottom: 0;
		order:1!important;
		
	}
	.column.img-col{
		display:block;
		order:2!important;
		
	}





	.cards {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		grid-gap: 0px;
		margin: 0;
	}

	#page-banner.high,
	#page-banner.low {
		height: 300px;
		margin:65px 0 0 0;
	}


	#band-navigation a{
		font-size: 0.865rem;
	}


	body.single .column.img-col{
		min-height: 200px;
		
	}
	
	#rmp-menu-additional-content-218 {
		padding-top: 5%!important;
		padding-left: 0%!important;
		padding-bottom: 0%!important;
		padding-right: 0%!important;
		color: #000!important;
		text-align: center!important;
		font-size: 3rem!important;
	}
	#rmp-menu-wrap-218 .rmp-menu-item-link {
		padding:0!important;
	}
	#site-branding
	{
	  display: block;
	}
	#site-branding img {
		width: 190px;
		padding: 10px 0 0 0;
	}

	.site-footer img{
   	 max-width: 170px;
   	 margin: 0 auto;
  
	}

	.section.footer {

		padding: 2% 0;
	}


	.mobile-buy{
		display: block;
        position: relative;
        max-width: 200px;
        margin: 0 auto 0.6em;
	}

	.mobile-buy a{

		position:relative;
		color: #fff;
		top: 0;
		right: 0;
		font-size: 1rem;
		display: block;
		background: var(--orng);
		height: 100%;
		line-height:3rem;
		padding: 0;
		text-decoration:none;
	}
	.mobile-buy a:hover{
		background: var(--ornghov);
	}
	
	table.wptb-element-main-table_setting-703.wptb-table-container  .wptb-table-container table td p {

		font-size: 1rem !important;
		color: var(--dblu) !important;
	}

	.wptb-ph-element {
		border: 0px!important;
	}
	.wptb-table-container table  tr.wptb-row{
		border-top:0!important;
	

	}

	.wptb-text-container .wptb-ph-element{
		color:var(--dblu)!important;
	}

.wptb-table-1019 table.wptb-table,
.wptb-table-1055 table.wptb-table{
	min-width:auto!important;
	max-width:800px!important;
}

.wptb-table-1019 table.wptb-table .wptb-text-container,
.wptb-table-1019 table.wptb-table .wptb-custom_html-container .wptb-custom-html-wrapper,
.wptb-table-1055 table.wptb-table .wptb-text-container,
.wptb-table-1055 table.wptb-table .wptb-custom_html-container .wptb-custom-html-wrapper{

	font-size:0.8rem!important;
	line-height: 1rem!important;;
}


.site-footer a {
 
  display: inline-block;
}

.some-wrap{text-align:center;}


}