* {box-sizing: border-box;}
html {width: 100%; height: 100vh; margin: 0; padding: 0; width: 100%; font-family: 'Halcom-Book'; scroll-behavior: smooth;}
body {width: 100%; height: 100vh; margin: 0; padding: 0;}


/* ------------------------------------------------------header */

#fixednav {
	position: fixed;
	width: 100%;
	text-align: center;
	padding: 0px 0px 0px 0px;
	z-index: 50;	
}

.menu-button {position: fixed; top: 50px; right: 50%; margin-right: -350px; z-index: 51; background: #efeae6; color: #000; font-weight: bold; font-size: 19px; padding: 12px 50px; border-radius: 20px;}

#logo-box {width: 200px; margin: 0 auto;}
#logo-box img {width: 100%;}

.nav {width: 85%; display: flex;}
.menu-box {width: 85%;}
.social-box {width: 15%; text-align: right; margin: 0%;}
.social-box i {font-size: 21px; margin: 0; padding: 0;}


h1 {font-family: 'Halcom'; font-weight: 900; color: #fabb3b; font-size: 50px; line-height: 60px;}
h2 {font-family: 'Halcom'; font-weight: 900; color: #392b8e; font-size: 28px; line-height: 34px;}
h3, h3 a {font-family: 'Halcom'; font-weight: 900; color: #fabb3b; font-size: 40px;}
h4 {font-family: 'Halcom'; font-weight: 900; color: #392b8e; font-size: 72px; margin: 0; padding: 0;}

p {font-family: 'Halcom-Book'; font-size: 21px; line-height: 32px;}

.purple {color: #392b8e;}
.bg-light-purple {background: #f5f4f9;}
.bg-purple {background: #392b8e;}

/* ------------------------------------------------------styles */

#top-row-banner {width: 100%; height: 100vh; background: url(../images/bg-steeringhwheel.jpg) no-repeat center center; background-size: cover; display: flex; justify-content: center; align-items: center;}
#top-row-banner div {padding: 0 50px;}
#top-row-banner img {width: 100%; max-width: 933px;}

.row-a {display: flex; max-width: 1800px; margin: 0 auto; align-items: center; padding: 100px 50px;}
.row-a .col-a {width: 35%; text-align: center; margin-right: 3%;}
.row-a .col-b {width: 62%;}

.row-b {display: flex; max-width: 1800px; margin: 0 auto; padding: 0px 50px; margin-bottom: 40px; flex-wrap: wrap;}
.row-b .col-a {width: 25%; text-align: center;}
.row-b .col-a img {width: 100%; max-width: 488px;}

.icons {margin-top: 50px;}
.icons .col-a img {width: auto; max-width: 170px;}
.lifestyle-pics img {width: 100%;}

.row-c {width: 100%; max-width: 1800px; padding: 75px 50px 75px 50px; text-align: center; margin: 0 auto;}

.row-d {width: 100%; display: flex;}
.row-d .col-a {width: 33.33333;}

.row-form {max-width: 1280px; margin: 100px auto 0 auto; text-align: center; padding: 0 50px;}


.bubble-row {display: flex; align-items: center; justify-content: center;}
.bubble-row .col-a {width: 50%; text-align: center; background: yellow1;}
.bubble-row .col-a img {width: 100%; max-width: 684px;}

.bubble-row .col-b {width: 50%; text-align: center; background: red1;}
.bubble-row .col-b img {width: 100%; max-width: 684px;}

.bubble-row-margin {margin-top: -150px;}

footer {padding: 50px 50px 100px 50px;}
footer p, footer a {font-size: 15px; color: #000; text-decoration: none;}

.row-e {width: 100%; display: flex; align-items: center;}
.row-e .col-a {margin-right: 100px; margin-left: 100px; min-width: 300px;}
.row-e .col-b {flex-grow: 1; background: #392b8e; border-top-left-radius: 200px; border-bottom-left-radius: 200px; display: flex; align-items: center; justify-content: center; padding: 75px 50px;}
.row-e .col-b div {padding: 0 5%;}
.row-e .col-b img {width: 100%; max-width: 494px;}

.row-e p {font-size: 21px; color: #392b8e; font-weight: bold;}
.row-e a {font-size: 28px; color: #392b8e; text-decoration: none; font-family: 'Halcom'; font-weight: 900; }

.logo-list ul {list-style-type: none; display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
.logo-list li {margin: 20px;}


form {background: #fabb3b; border-radius: 50px; padding: 50px;}

.messages {padding-top: 100px; font-size: 50px; line-height: 70px; font-weight: bold; color: #fff; display: none;} 
.with-errors li {color: red; font-weight: bold; font-size: 24px;}

input[type=text] {
 max-width: 500px;
 width: 100%;
 border: none;
 border-radius: 25px;
 font-size: 21px;
 text-align: center;
 padding: 10px 35px;
}

input[type=email] {
 max-width: 500px;
 width: 100%;
 border: none;
 border-radius: 25px;
 font-size: 21px;
 text-align: center;
 padding: 10px 35px;
}

.btn-send {
 border-radius: 25px;
 font-size: 24px;
 height: 75px;
 padding: 20px 50px;
 background: #392b8e;
 color: #fff;
 font-weight: bold;
 font-family: 'Halcom-Book';
}


.submit-button {margin-top: 50px; text-align: center;}

/* HIDE RADIO */
[type=radio] { 
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

/* IMAGE STYLES */
[type=radio] + img {
  cursor: pointer;
}

/* CHECKED STYLES */
[type=radio]:checked + img {
  /*outline: 2px solid #f00;*/
  transform: scale(.90);
  outline: 8px solid #392b8e;
}

[type=radio]:checked + div {
  outline: 8px solid #392b8e;
  border-radius: 30px;
}

.form-row-vehicle-images {display: flex; justify-content: center;}

.form-image-vehicle {width:100%; max-width: 211px;}

.radio-budget-row {display: flex; justify-content: center; align-items: center;}
.radio-budget {margin: 0 20px;}
.radio-budget h2 {background: #fff; width: 250px; font-size: 22px; border-radius: 30px; padding: 10px;}