@charset "utf-8";
/* CSS Document */
#checkout {
	margin: 0 auto;
	background: white;
	border-radius: 3px;
	padding: 30px 20px 20px 10px;
	box-shadow:0px 4px 7px 0px rgba(0,0,0, 0.7); 
	width: 95%;
	min-height: 500px;
}
.check1 {
	position: relative;
	width: 270px;
	display: inline-block;
	vertical-align: top;
	padding-top: 20px;
	padding-left: 10px;
}
.check2 {		
	position: relative;
	width: 270px;
	display: inline-block;
	vertical-align: top;
	padding-top: 20px;	padding-left: 10px;
}
.check2 p {text-align: center; width: 100%;  margin: 0 auto; padding: 0;}

@media screen and (min-width: 700px){
	#checkout {
			width: auto;

	}
	
	.check1 {
		position: relative;
		width: 270px;
		display: inline-block;
		vertical-align: top;
		margin-right: 20px;
		padding: 20px 0 0 0;
	}
	.check2 {		
		position: relative;
		width: 270px;
		display: inline-block;
		vertical-align: top;
		margin-left: 80px;
		padding-top: 20px;
	}
}

/*h5 {
	margin: 30px auto;
	text-align: center;
	font:24pt oswald; 
	font-weight: 600; 
}*/
#checkout .link {    
	color: red;
	cursor: pointer;
	transition: all .1s;
}

#checkout .link:hover {    
	color: red; 
	text-decoration: underline;
	transition: all .1s;
}
#checkout p {    
	color: #000;
    font: 11pt Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif" ;
	font-weight: 600;
    margin-bottom: 5px;
}
.check1 p {margin-left: 5px;}

#checkout input:not([type="file"]){
    border: 1px solid #e1e1e1;
}
#checkout input:not([type="radio"]):not([type="checkbox"]):not([type="file"]) {
    height: 32px;
    margin: 0 5px 8px 5px;
    width: 259px;
    padding: 0 0 0 15px;
}
#checkout .file_input {padding: 5px 5px; }
#checkout select {
	border: 1px solid #e1e1e1;
	height: 32px;
	margin:0 0px 15px 5px;
	width: 259px;
	padding: 0 15px;
}
#checkout .as_ready {
	display: inline-block;
	vertical-align: middle;
	height: 25px;
	margin:0 5px 0 5px;
	width: 25px;
	padding: 0;
}
#checkout .checkbox {
	display: inline-block;
	vertical-align: middle;
	height: 25px;
	margin:0 5px 0px 5px;
	width: 25px;
	padding: 0;
}
#checkout label {
	display: inline-block;
	vertical-align: middle;
	margin:0 5px 0 10px;
	font: 11pt Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	pading-bottom: 40px;
	cursor: pointer;
}
#checkout textarea {
    width: 259px;
    resize: none;
    outline: none;
    padding: 15px;
    border: 1px solid #e1e1e1;
    color: #003e66;
    height: 85px;
	margin-left: 5px;
}
#checkout .mini_input {
	position: relative;
	display: inline-block;
		vertical-align: middle;

	width: 125px; 
	padding: 0 0 0 15px;
	margin: 0 0px 8px 5px;
}
#checkout .number_input{
	width: 52px; 
	padding: 0 0 0 5px;
	font: 14pt Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
}
input:invalid+span:after {
  position: relative;
  color: red;
  content: '✖';
  padding-left: 5px;
}

input:valid+span:after {
  position: absolute;
  /*content: '✓';*/
	content: '';
  padding-left: 5px;
}
.submit_link {
	display: block;
	background: #C5203E;
	text-decoration: none;
	box-shadow:0px 4px 7px 0px rgba(0,0,0, 0.7); 
	transition: all .3s;
	color: white;
	font: 20pt oswald;
	padding: 10px 50px;
	text-align: center;
	margin: 30px auto 15px auto; 
}
.submit_link:hover {
	background: #800017;
	text-decoration: none;
	box-shadow:0px 4px 7px 0px rgba(0,0,0, 0.7); 
	transition: all .3s;
}
#checkout span {margin: 0;}
#terms {text-align: center; }
.check2 #total_price_in_cart {font:20px oswald; font-weight: 600; color: black;}
#final_price {font:36px oswald; font-weight: 600; color: black;}

.tabs {
    position: relative;
    margin:10px auto 0 auto;
	width: auto;
	}
#tab_l1, #tab_l2,#tab_l3, #tab_l4{
	display: inline-block;
	vertical-align: top;
	background: #E8E8E8;
	cursor: pointer;
	position: relative;
	width: 115px;
	text-shadow: #fff 0 1px 0;
	z-index: 2;
	-moz-border-radius: 6px 6px 0 0;
	-webkit-border-radius: 6px 6px 0 0;
	border-radius: 6px 6px 0 0;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 10px 0 5px 10px;
	margin: 0px 5px -1px 0px  !important;
}
.tabs .vkladki {
	position: absolute;
	left: -9999px;
}
#tab_1:checked  ~ #tab_l1,
#tab_2:checked  ~ #tab_l2

{
	z-index: 3;
	background: white;
	border-bottom: 1px solid #fff;
}
#tab_3:checked  ~ #tab_l3,
#tab_4:checked  ~ #tab_l4
{
	z-index: 3;
	background: white;
	border-bottom: 1px solid #fff;
}

.tabs_cont {
	width: 270px;
	padding: 10px 0 5px 0px;
	position: relative;
	background: #fff;
	border: 1px solid #ccc;
	z-index: 1;
	min-height: 100px;
}
.tabs_cont p {font-weight: 300 !important;padding: 10px 0 0 5px;}
.tabs_cont > div {	
	position: absolute;
	left: -9999px;
	top: 0;
	opacity: 0;
    -moz-transition: opacity .5s ease-in-out;
    -webkit-transition: opacity .5s ease-in-out;
	transition: opacity .5s ease-in-out;
}

#tab_1:checked ~ .tabs_cont #tab_c1,
#tab_2:checked ~ .tabs_cont #tab_c2
{
	position: relative;
	left: 0px;
	opacity: 1;
}
#tab_3:checked ~ .tabs_cont #tab_c3,
#tab_4:checked ~ .tabs_cont #tab_c4
{
	position: relative;
	left: 0px;
	opacity: 1;
}
#minimap {margin: 10px;}