/* Начало добавления модального и стилей для куба слева в левом столбце (баннера) */


.cube_left_img {
	border: 1px solid #dddddd;
	margin-top: 20px;
}
.cube_left_img:hover {
	cursor: pointer;
	opacity: 0.9;
}

.jquery_date2 {
	color: yellow;
}
yellow {
color: yellow;}

.new_cube_descript_modal {
	font-size: 18px;
font-weight: normal;
line-height: 18px;
position: relative;
bottom:12px;
}

/* Конец добавления модального и стилей для куба слева в левом столбце (баннера) */



.new_overlay { width: 100%; height: 100%; background: rgba(0,0,0,0.80);
z-index: 1000; position: fixed; top:0px;
}

.modal_price_left {
background: url(../images/back-modal-price.jpg);
}

.new_modal {
border-radius: 12px; border: 3px dotted white;
width: 960px; height: 380px;
background-size: cover;
position: relative;
z-index: 1100; position: fixed; top: 0px;


/* center block */
top: 50%;
left: 50%;
margin-top: -190px; /* Negative half of height. */
margin-left: -480px; /* Negative half of width. */
}
.new_modal h4 {font-size: 24px; color: white; font-weight: bold; text-align: right; position: relative; right: 114px;
padding-top: 44px; padding-bottom: 12px; text-shadow: 2px 2px 4px black;}

.new_modal .all_inputs {width: 290px;  position: absolute; top: 100px; right: 80px;}

.new_modal input, .new_modal select, .new_modal .dop_pole_no_spam, .new_modal input[type=submit] {
display: block; margin: 0 auto;
border: none; margin-top:6px; margin-left: 8px; text-align: center !important;

}

.new_modal input[type=text], .new_modal select {
width: 290px; height: 50px; background: white; border-radius: 4px; text-align: left; padding-left: 10px;}

.dop_pole_no_spam {width: 290px; height: 50px; font-size: 12px; color: white; text-align: center; line-height: 12px;
	margin-left: 10px !important; float: left; 
}
.dop_pole_no_spam span {display: block; padding-top: 12px; font-weight: bold; text-shadow: 2px 2px 4px black;}


.new_modal input[type=submit] {
text-shadow: 2px 2px 4px rgba(0,0,0,0.75);
width: 290px; height: 50px; border-radius: 4px;
font-size: 16px; font-weight: bold; text-align: center; color: white;
background: transparent; border: none;
background: rgb(226,168,90);
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UyYTg1YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5NDcwNDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgb(226,168,90) 0%, rgb(148,112,64) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(226,168,90)), color-stop(100%,rgb(148,112,64)));
background: -webkit-linear-gradient(top, rgb(226,168,90) 0%,rgb(148,112,64) 100%);
background: -o-linear-gradient(top, rgb(226,168,90) 0%,rgb(148,112,64) 100%);
background: -ms-linear-gradient(top, rgb(226,168,90) 0%,rgb(148,112,64) 100%);
background: linear-gradient(to bottom, rgb(244, 34, 63) 0%,rgb(181, 30, 51) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2a85a', endColorstr='#947040',GradientType=0 );
}

.new_modal input[type=submit]:hover {
	opacity: 0.9; cursor: pointer;
}


.new_close {
	position: absolute; top: 10px; right: 10px;
}
.new_close:hover {cursor: pointer; opacity: 0.9;}


.new_overlay {display: none;}
.new_modal {display: none;}

.modal_20sec {
	background-image: url(../images/header/20s_form.jpg); background-position: 30%;
}


.modal_cube {
	background-image: url(../images/header/cube_modal.jpg); background-position: 30%;
}
.modal_cube .all_inputs {width: 290px;  position: absolute; top: 140px; right: 90px;
	
}


@media (max-width: 961px) {

.new_modal {
width: 390px;
height: 340px;	
margin-top: -170px; /* Negative half of height. */
margin-left: -195px; /* Negative half of width. */
	
}

.new_modal .all_inputs {width: 290px;  position: absolute; top: 100px; right: 40px;}
.new_modal h4 {font-size: 24px; color: white; font-weight: bold; text-align: center; 
position: static;
padding-top: 44px; padding-bottom: 12px; text-shadow: 2px 2px 4px black;}

	
	
	.modal_20sec {
	background-image: url(../images/header/20s_form.jpg); background-position: 100%;
}




.modal_cube {
	background-image: url(../images/header/cube_modal.jpg); background-position: 100%;
}
.modal_cube .all_inputs {width: 290px;  position: absolute; top: 130px; right: 54px;
	
}




}

@media (max-width: 320px)
.header .logo_part .logo a img {
    width: 80% !important;
    height: 80% !important;
}
+


@media (max-width: 1200px) {
	.new_modal .all_inputs {width: 310px; padding-bottom: 50px;}
}

@media (max-width: 321px) {
	.new_modal .all_inputs h4 {font-size: 14px !important;}
	.new_modal .all_inputs {width: 280px; padding-bottom: 50px;}
	.new_modal input[type=text], .new_modal select, .new_modal input[type=submit] {width: 260px !important;}
	.dop_pole_no_spam {display: none;}
	
	
	.modal_cube .all_inputs {width: 290px;  position: absolute; top: 130px; right: 28px;

	
	
	.new_modal {
border-radius: 12px; border: 3px dotted white;
width: 300px; height: 300px;
background: url(../images/back-modal-price.jpg);
background-size: cover;
position: relative;
z-index: 1100; position: fixed; top: 0px;


/* center block */
top: 50%;
left: 50%;
margin-top: -150px; /* Negative half of height. */
margin-left: -150px; /* Negative half of width. */
}

.new_close {
	position: absolute; top: -20px; right: 10px;
}


	
}