body, html{
	background:url(../images/main.jpg) center top no-repeat #fff;
}
#header{
position:relative;
height:100vh;
min-height: 663px;
}

.logo{
	-webkit-transform: scale(1,1);
	transform: scale(1,1);
	left: 0;
	top: 50px;
}
.cartmodule{
	left: 600px;
	top: 85px;
}
.cartmodule::before{
	background: url(../images/cart.png) center center no-repeat #68e1ef;
}
.deucemodule{
	-webkit-transform: scale(1,1);
	transform: scale(1,1);
}
.first.deucemodule{
	top: 25%;
	left: 32%;
}
.two.deucemodule{
	top: 38%;
	left: 64%;
}
.mainmenumodule{
	top: 93vh;
}

@media only screen and (max-width: 1366px){

body, html{
	background-size: 100% auto !important;
}
.contactsmodule{
	color: #fff !important;
}
.cartmodule, .cartmodule a{
	color: #ff0030 !important;
}

}

@media only screen and (max-width: 1120px){

body, html{
	background-size: auto 85% !important;
}

}

@media only screen and (max-width: 998px){

.deucemodule{
	-webkit-transform: scale(0.7,0.7);
	transform: scale(0.7,0.7);
}

}


@media only screen and (max-width: 960px){

body, html{
    background-size: 100% 400px !important;
}
#header{
	min-height: 0;
	height: 400px;
}
.mainmodule img, .chemistrymodule img{
	opacity: 1 !important;
	max-width: 25%;
	height: auto !important;
}
.chemistrymodule img{
	margin-right: 10% !important;
}
.otzivimoduletitle, .infomoduletitle{
	width: 100%;
	text-align: center;
	max-width: 100%;
}
.otzwr{
	text-align: center;
}

}

@media only screen and (max-width: 960px) and (orientation: portrait){

.first.deucemodule{
	top: 135px !important;
	left: -55px;
}
.two.deucemodule{
	top: 160px !important;
	left: 125px;
}
.mainmodule img, .chemistrymodule img{
	display: none;
}
#top h1, .otzivimoduletitle, .infomoduletitle{
	font-size: 20px;
	line-height: 24px;
}
.cartmodule{
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 230px;
}


}




#modal_form{
    width: 600px; 
    max-width: 100%;
    height: auto; /* Размеры должны быть фиксированы */
    border-radius: 5px;
    border: 3px #000 solid;
    background: #fff;
    position: fixed; /* чтобы окно было в видимой зоне в любом месте */
    top: 25%; /* отступаем сверху 45%, остальные 5% подвинет скрипт */
    left: 50%; /* половина экрана слева */
    margin-top: -150px;
    margin-left: -150px; /* тут вся магия центровки css, отступаем влево и вверх минус половину ширины и высоты соответственно =) */
    display: none; /* в обычном состоянии окна не должно быть */
    opacity: 0; /* полностью прозрачно для анимирования */
    z-index: 500; /* окно должно быть наиболее большем слое */
    padding: 20px 10px;
max-height: 500px;
overflow-y: scroll;
}
/* Кнопка закрыть для тех кто в танке) */
#modal_form #modal_close{
    width: 21px;
    height: 21px;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    display: block;
}
/* Подложка */
#modal_overlay {
    z-index: 3; /* подложка должна быть выше слоев элементов сайта, но ниже слоя модального окна */
    position: fixed; /* всегда перекрывает весь сайт */
    background-color: #000; /* черная */
    opacity: 0.8; /* но немного прозрачна */
    width: 100%; 
    height: 100%; /* размером во весь экран */
    top: 0; 
    left: 0; /* сверху и слева 0, обязательные свойства! */
    cursor: pointer;
    display: none; /* в обычном состоянии её нет) */
}
.mdwindowmodule p{
	overflow: visible;
}



@media only screen and (max-width: 960px){

#modal_form{
	left: 0;
	margin-left: 0;
}


}