/* DAN INSTALLMENTS */
section#installments_full_screen {
  height: 100vh;
  width: 100%;
  background: rgba(248, 249, 250, 0.97);
  z-index: 9999;
  position: fixed;
  top: 0;
  left: 0;
  overflow-y: scroll;
}
.offer-box-step-two {
  background: #fff;
  border-radius: 5px;
  -webkit-box-shadow: 0 13px 27px -5px rgba(50,50,93,.25), 0 8px 16px -8px rgba(0,0,0,.3), 0 -6px 16px -6px rgba(0,0,0,.025);
  box-shadow: 0 13px 27px -5px rgba(50,50,93,.25), 0 8px 16px -8px rgba(0,0,0,.3), 0 -6px 16px -6px rgba(0,0,0,.025);
}
#close_installment_box {
  position: absolute;
  right: 40px;
  top: 20px;
  color: #4e555f;
  font-size: 160%;
  z-index: 9;
}
/* DAN INSTALLMENTS */

body {
    font-family: 'Open Sans', sans-serif;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	color:#fff;
	background:#47a529;
}

h2 {
	font-weight:700;
	font-size:180%;
	color:#6b7c93;
}

h1 {
	font-weight:700;
	font-size:300%;
	color: #ffffff;
    text-shadow: #57657a 4px 4px 0px;
}

h4 {
	font-weight:700;
	font-size:200%;
	color:#0ec3e6;
}

h1.title {
	text-shadow: none;
    font-size: 300%;
    font-weight: 700;
    margin: 0;
	color: #fff;
}

h2.title {
    margin: 0;
    font-size: 240%;
	font-weight:300;
	color:#f7f7f7;
}

.country-name {
	color:#4e555f;
}

.validator_status p {
	color:#4e555f;
}

section#make_offer h4, section#make_offer_full_screen h4 {
	font-weight:700;
	font-size:240%;
	color:#4e555f;
}

section#make_offer_full_screen input:invalid {
	
}

section {
	height:100vh;
}

#close_offer_box {
	position: absolute;
    right: 50px;
    top: 30px;
	color:#4e555f;
	font-size:160%;
}
section#make_offer_full_screen {
	height:100vh;
	width:100%;
	opacity:0.97;
	background:#55df6d;
	z-index:3;
	position:absolute;
	top:0;
	left:0;
}

.offer-box-step-two {
	background:#fff;
	border-radius:5px;
	-webkit-box-shadow: 0 13px 27px -5px rgba(50,50,93,.25), 0 8px 16px -8px rgba(0,0,0,.3), 0 -6px 16px -6px rgba(0,0,0,.025);
    box-shadow: 0 13px 27px -5px rgba(50,50,93,.25), 0 8px 16px -8px rgba(0,0,0,.3), 0 -6px 16px -6px rgba(0,0,0,.025);
}

section#main {
    background: #47a529;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(2%,#47a529),color-stop(99%,#65de3e));
    background: linear-gradient(210deg,#47a529 2%,#65de3e 98.5%);
	
}

section#make_offer {
	background:#6b7c93;
}

div#make_offer p {
	color:#4e555f;
	font-size:110% !important;
}

div#make_offer h4 {
	color:#4e555f;
	font-size:240%;
}

.btn-primary {
	font-size:100%;
}

.make_offer_box {
	background:#fff;
	border-radius:5px;
	-webkit-box-shadow: 0 13px 27px -5px rgba(50,50,93,.25), 0 8px 16px -8px rgba(0,0,0,.3), 0 -6px 16px -6px rgba(0,0,0,.025);
    box-shadow: 0 13px 27px -5px rgba(50,50,93,.25), 0 8px 16px -8px rgba(0,0,0,.3), 0 -6px 16px -6px rgba(0,0,0,.025);
}

.jumbotron input[type=text], .jumbotron input[type=email], .jumbotron textarea {
    border: none !important;
    border-bottom: 1px solid #6b7c93 !important;
    border-radius: 0 !important;
	font-size:90%;
	background:transparent;
}

.btn-secondary {
    color: #76859a;
    background-color: #fff;
    border-color: #76859a;
}

.btn-secondary:hover {
    border-color: #000;
    color: #000;
    background-color: #fff;
}

.btn-secondary:active {
    border-color: #000;
    color: #000;
    background-color: #fff;
}

label {
	font-size:90%;
	color:#4e555f;
}

.jumbotron {
	position:relative;
	background:#fff;
	border-radius:5px;
	-webkit-box-shadow: 0 13px 27px -5px rgba(50,50,93,.25), 0 8px 16px -8px rgba(0,0,0,.3), 0 -6px 16px -6px rgba(0,0,0,.025);
    box-shadow: 0 13px 27px -5px rgba(50,50,93,.25), 0 8px 16px -8px rgba(0,0,0,.3), 0 -6px 16px -6px rgba(0,0,0,.025);
}

.smaller {
    font-size: 70% !important;
	color:#6b7c93;
}

section#main p {
    font-size:120%;
}

section#main p.bio {
    font-size:110%;
}

section#main p.usp {
    font-size:110%;
}

section#main p.usp i {
    font-size:90%;
}

nav a {
	color:#fff;
	font-size:130%;
}

nav a:hover {
	color:#fff;
	text-decoration:none;
}

footer a {
	color:#6b7c93;
	font-size:130%;
}

footer a:hover {
	color:#6b7c93;
	text-decoration:none;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #bbb !important;
  opacity: 1; /* Firefox */
}

.g-recaptcha {
	transform:scale(0.77);-webkit-transform:scale(0.77);transform-origin:0 0;-webkit-transform-origin:0 0;
}

input[type=submit] {
  font-family: "Font Awesome 5 Free", 'Open Sans', sans-serif;
}

.validator_status  {
    padding: 10px;
	margin:5px 0;
}

.validator_errors {
    background: #ffe8e8;
}

.validator_success {
    background: #e5ffeb;
}

h4.bin-title{
	color:#4e555f;
	font-size:150%;
}

.validator_status p {
    font-size: 90% !important;
    margin: 0;
}

#buy_now p {
	font-size:130% !important;
	color:#6b7c93;
}

#buy_now p.smaller {
	font-size:90% !important;
}

.logo-on-xl {
	display:none;
}

.logo-not-on-xl {
	display:block;
}

.bin_box_stripes {
    position: absolute;
    -webkit-transform: skewY(-5deg);
    transform: skewY(-5deg);
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    height: 90px;
	background:#fff;
	bottom:-30px;
	border-radius:5px;
}



@media screen and (max-width: 768px){
	
	.btn-lg {
		font-size:90%;
	}
	
	h2.title {
		margin-top:30px;
	}
	
	.make_offer_box {
		background:#f6f9fc;
	}
	
	section#make_offer h4 {
		font-size:180%;
	}

	section#make_offer {
		margin-top:120px;
	}


	h4.bin-title{
		font-size:130%;
	}

	.btn {
		margin-top:10px;
	}

	footer, footer * {
		z-index:1;
		position:relative;
	}

	footer a {
		color:#fff;
	}	

	#make_offer .text-right { 
		text-align:left !important; 
	}
	
	.jumbotron {
		margin-bottom:30px !important;
		margin-top:15px !important;
		padding-bottom:20px !important;
	}
	
	.navbar.fixed-top {
		position:relative;
		background:transparent;
	}
	
	.g-recaptcha {
		transform:scale(0.77);-webkit-transform:scale(0.77);transform-origin:0 0;-webkit-transform-origin:0 0;
	}
	
	input#request_consent {
		margin:3px 0 0 0 !important;
	}
	
	label[for="request_consent"] {
		margin: 0 0 0 20px !important;
	}
	
	section#main {
		height:auto !important;
		margin-top:10px;
	}

	section#make_offer {
		height:auto;
	}

}

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

	.logo-on-xl {
		display:block;
	}

	.logo-not-on-xl {
		display:none;
	}
}

@media screen and (min-width: 769px) and (max-width: 1024px){
	
	section#main {
		height:100vh !important;
	}
	
	.navbar.fixed-top {
		position:relative;
	}
	
	footer, footer * {
		z-index:1;
		position:relative;
	}
	
	.jumbotron {
		margin:20px 0 !important;
		padding-bottom:20px !important;
	}

}