/* 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: 'Rubik', sans-serif;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	color:#fff;
	background:#6b7c93;
}

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:#3fca8c;
}

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

section#make_offer h4 {
	font-weight:700;
	font-size:240%;
	color:#6b7c93;
}

section {
	height:100vh;
}

section#main {
    background: #6b7c93;
}

section#make_offer {
	background:#6b7c93;
}

.btn-primary {
	border:#3fca8c;
	background:#3fca8c;
	font-size:100%;
}

.btn-primary:hover {
	border:#67ecb0;
	background:#67ecb0;
	
}

.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;
	padding:0 !important;
	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", 'Rubik', sans-serif;
}

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

.validator_errors {
    background: #ffe8e8;
}

.validator_success {
    background: #e5ffeb;
}

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

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

#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;
}


.back_art, .back_art_make_offer {
	position:absolute;
	width:100%;
	height:100%;
	overflow: hidden;
    -webkit-transform: skewY(-5deg);
    transform: skewY(-5deg);
    -webkit-transform-origin: 0;
    transform-origin: 0;
    background: linear-gradient(150deg,#4c85da 15%,#65a7d7 70%,#80bce7 94%);
}

.back_art_make_offer {
	background: linear-gradient(150deg,#6b7c93 15%,#777f8a 70%,#707274 94%);
}

.back_art :first-child {
    width: 50%;
    top: 0;
    left: 20%;
    right: auto;
    background: #5f9de3;
}
.back_art :nth-child(2) {
    width: 30%;
    left: 70%;
    bottom: auto;
    background: #6b7c93;
}
.back_art :nth-child(3) {
    width: 7%;
    left: 0%;
	top:270px;
	height:200px;
    bottom: auto;
    background: #5f9de3;
}
.back_art span, .back_art_make_offer span {
    position: absolute;
	height: 270px;
}

.back_art_make_offer :first-child {
    width: 85%;
    top: 0;
    left: 15%;
    right: auto;
    background: #76859a;
}
.back_art_make_offer span {
	height: 400px;
}

.back_art_make_offer :first-child {
    width: 100%;
    top: 0;
    left: 15%;
    right: auto;
}

.back_art_make_offer :nth-child(2) {
    width: 100%;
    top: 0;
    left: 15%;
    right: auto;
}

.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){
	
	.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;
	}

	.back_art {
		background: linear-gradient(150deg,#6b7c93 15%,#668bbd 70%,#80bce7 94%);
	}
	
	.back_art span {
		display:none;
	}

	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;
	}

	input[type=submit] {
		margin-top:0px !important;
		margin-bottom:20px !important;
	}

	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;
	}

	.back_art {
		background: linear-gradient(150deg,#6b7c93 15%,#668bbd 70%,#80bce7 94%);
	}
	
	.back_art span {
		display:none;
	}

}