BODY
{
font-family: Calibri, 'calibri_web', verdana;
font-size: 20px;
color: #282828;
margin: 0px;
/* background-image: url('./img/bg.jpg');
background-repeat: no-repeat;
background-position: center top;
background-attachment: fixed; */
text-align: center;
}

INPUT
{
font-family: Calibri, 'calibri_web', verdana;
font-size: 20px;
}

.siteriatable
{
/* position: absolute; */
text-align: left;
bottom: 0px;
left: 0px;
color: #D9DDDE;
font-size: 16px;
width: 400px;
display: inline-block;
margin-top: -5px;
vertical-align: middle;
}

.siteriaurl
{
text-decoration: none;
color: #000;
font-weight: bold;
font-size: 14px;
}

.siteriaurl:HOVER
{
color: #D9DDDE;
text-shadow: 0 0 5px #333;
}

.siteriatable IMG
{
margin-top: 5px;
}

/* кнопка наверх */
.b-top {z-index:90;position:fixed;left:0;bottom:90px;width:34%;margin-left:50%;opacity: 0.5;filter:alpha(opacity=50);}
.b-top:hover {opacity:0.9;filter:alpha(opacity=90);cursor:pointer;}
.b-top-but {z-index:90;position:absolute;display:block;left:56px;bottom:0;margin:0 0 0 100%;padding:32px 12px 4px;
color:#FDD128;border-radius:0px;}

/* шрифты  */

@media all and (min-width: 620px) {
	@font-face {
		font-family: 'calibri_web';
		src: url('/fonts/calibri.eot');
		src: url('/fonts/calibri.eot?#iefix') format('embedded-opentype'),
			 url('/fonts/calibri.woff') format('woff'),
			 url('/fonts/calibri.ttf') format('truetype'),
			 url('/fonts/calibri.svg#calibri') format('svg');
		font-weight: normal;
		font-style: normal;
	}
	@font-face {
		font-family: 'calibri_web';
		src: url('/fonts/calibrib.eot');
		src: url('/fonts/calibrib.eot?#iefix') format('embedded-opentype'),
			 url('/fonts/calibrib.woff') format('woff'),
			 url('/fonts/calibrib.ttf') format('truetype'),
			 url('/fonts/calibrib.svg#calibri') format('svg');
		font-weight: bold;
		font-style: normal;
	}
	@font-face {
		font-family: 'calibri_web';
		src: url('/fonts/calibrii.eot');
		src: url('/fonts/calibrii.eot?#iefix') format('embedded-opentype'),
			 url('/fonts/calibrii.woff') format('woff'),
			 url('/fonts/calibrii.ttf') format('truetype'),
			 url('/fonts/calibrii.svg#calibri') format('svg');
		font-weight: normal;
		font-style: italic;
	}
	@font-face {
		font-family: 'calibri_web';
		src: url('/fonts/calibriz.eot');
		src: url('/fonts/calibriz.eot?#iefix') format('embedded-opentype'),
			 url('/fonts/calibriz.woff') format('woff'),
			 url('/fonts/calibriz.ttf') format('truetype'),
			 url('/fonts/calibriz.svg#calibri') format('svg');
		font-weight: bold;
		font-style: italic;
	}
}

/* модальное окно*/
#modal_form {
	width: 400px; 
	height: 420px; /* Размеры должны быть фиксированы */
	border-radius: 0px;
	border: 0px #000 solid;
	background: #fff;
	position: fixed; /* чтобы окно было в видимой зоне в любом месте */
	top: 45%; /* отступаем сверху 45%, остальные 5% подвинет скрипт */
	left: 50%; /* половина экрана слева */
	margin-top: -210px;
	margin-left: -200px; /* тут вся магия центровки css, отступаем влево и вверх минус половину ширины и высоты соответственно =) */
	display: none; /* в обычном состоянии окна не должно быть */
	opacity: 0; /* полностью прозрачно для анимирования */
	z-index: 101; /* окно должно быть наиболее большем слое */
	padding: 20px 20px;
	box-sizing: border-box;
}
/* Кнопка закрыть для тех кто в танке) */
#modal_form #modal_close {
	width: 21px;
	height: 21px;
	position: absolute;
	top: 10px;
	right: 10px;
	cursor: pointer;
	display: block;
}
/* Подложка */
#overlay {
	z-index: 100; /* подложка должна быть выше слоев элементов сайта, но ниже слоя модального окна */
	position: fixed; /* всегда перекрывает весь сайт */
	background-color: #000; /* черная */
	opacity: 0.8; /* но немного прозрачна */
	width: 100%; 
	height: 100%; /* размером во весь экран */
	top: 0; 
	left: 0; /* сверху и слева 0, обязательные свойства! */
	cursor: pointer;
	display: none; /* в обычном состоянии её нет) */
}

#overlay2 {
	z-index: 1; /* подложка должна быть выше слоев элементов сайта, но ниже слоя модального окна */
	position: fixed; /* всегда перекрывает весь сайт */
	background-color: #000; /* черная */
	opacity: 0.8; /* но немного прозрачна */
	width: 100%; 
	height: 100%; /* размером во весь экран */
	top: 0; 
	left: 0; /* сверху и слева 0, обязательные свойства! */
	cursor: pointer;
	display: none; /* в обычном состоянии её нет) */
}

.headerdiv
{
height: 173px;
background: url('./img/header-bg.jpg') top center;
}

.bodytext
{
width: 1000px;
padding: 20px;
box-sizing: border-box;
/* background: lightgreen; */
margin: auto;
text-align: left;
}

.header1, .header2
{
display: inline-block;
/* max-width: 50%;
width: 50%; */
/* background: red; */
vertical-align: middle;
margin-top: 10px;
position:relative;
}

.imgurl
{
border: none;
}

.header1
{
text-align: left;
width: 55%;
}

.header2
{
text-align: right;
width: 45%;
}

.nourl
{
color: inherit;
text-decoration: none;
}

.headertext
{
font-weight: normal;
margin: 0px;
margin-bottom: 5px;
margin-top: 5px;
}

.menu
{
height: 60px;
background: #282828;
}

.menudiv
{
display: inline-block;
margin: 0px 22px;
height: 100%;
}

.menuurl
{
display: block;
height: 100%;
box-sizing: border-box;
padding-top: 14px;
text-decoration: none;
color: #D9DDDE;
font-size: 24px;
}

.menuactive, .menuurl:HOVER
{
/* border-bottom: solid 6px #FDD128; */
color: #FDD128;
}

.sliderdiv
{
background: url('./img/slider-image.jpg') center center;
height: 764px;
/* height: 100%; */
max-height: 764px;
min-height:100%;
position: relative;
}

.slidertextdiv
{
position: absolute;
margin: auto;
left: 0px;
right: 0px;
top: 0px;
bottom: 0px;
height: 400px;
width: 1000px; 
/* background: red; */
}

.slidertextdiv H1
{
font-weight: normal;
font-size: 62px;
color: #D9DDDE;
}

.buttons
{
background: #FDD128;
padding: 10px 50px;
text-decoration: none;
color: #282828;
font-size: 32px;
}

.white
{
color: #D9DDDE;
}

.urls
{

}

.nametext
{
text-align: left;
display: inline-block;
/* border-bottom: solid 6px #FDD128; */
font-size: 40px;
margin-bottom: 0px;
}

.premimg
{
margin-bottom: -23px;
margin-right: 10px;
}

.preimdiv
{
display: inline-block;
width: 50%;
vertical-align: top;
}

.preimdiv P
{
margin-bottom: 40px;
}

.center
{
text-align: center;
}

.darkdiv
{
background: #282828;
height: 146px;
text-align: center;
padding-top: 52px;
box-sizing: border-box;
border-bottom: solid 6px #FDD128;
}

.footermetal
{
height: 312px;
background: url(./img/footer-bg.jpg) right no-repeat;
}

.footermetal DIV  P
{
margin: 10px 0px 10px 60px;
font-size: 24px;
}

.footermetal .bodytext
{
padding-bottom: 0px;
}

.gallerydiv
{
width: 200px;
height: 288px;
background-size: cover !important;
background-repeat: no-repeat !important;
display: inline-block;
margin: 5px;
}

.pricetable
{
border: solid 1px #000;
/* font-size: 14px; */
font-size: 18px;
}

.pricetable TR:first-child
{
font-weight: bold;
}

.pricetable TD
{
border: solid 1px #000;
padding: 5px 10px;
text-align: center;
}

.pricetable TR TD:nth-child(2)
{
text-align: left;
}

.slogan
{
margin-left: 120px;
font-weight: bold;
}

.logo
{
margin-bottom: -50px;
}
.alertdiv{
background:#FED128;
}
.alerttext{
color:#000;
margin:0px;
text-align:center;
text-transform: uppercase;
font-weight:bold;
}
.city{
background: #FED128;
text-align: left;
display: inline-block;
padding: 20px;
position: absolute;
left: 0px;
top:56px;
display:none;
}
.city P{
margin:0px;
}
.triangle{
display: inline-block;
border: solid 20px transparent;
border-bottom-color: #FED128;
position: absolute;
left: 20px;
top: -40px;
}
.butcity{
display: inline-block;
padding: 10px 20px;
background: #282828;
color: #fff;
margin-top: 20px;
cursor:pointer;
}
.butcity:HOVER{
color:#FDD128;
}
.cityOverlay{
position: fixed;
background: rgb(0 0 0 / 0.80);
display: flex;
height: 100%;
width: 100%;
left: 0px;
top: 0px;
justify-content: center;
align-items: center;
display:none;
z-index:100;
}
.cityChoice{
background: #FED128;
padding:40px;
padding-top:20px;
}
.anotherCity{
padding: 0px;
margin: 0px;
color: #FED128;
font-size: 14px;
border-bottom: dashed 2px;
display: inline-block;
cursor:pointer;
}
.headertext:nth-child(1){
margin-bottom:-5px;
}
.footer1{
display:inline-block;
width:600px;	
vertical-align:top;
}
.footer2{
display:inline-block;
width:360px;	
text-align:right;
vertical-align:top;
padding-top: 70px;
}

.paysImg{
max-width:100%;	
}
.header2 .paysImg{
width:300px;
}
.warnMess{
color: red;
font-size: 26px;	
}