html, body {
    /*background-color: rgb(102,107,120);*/
    background-color: white;
    width: 100%; height: 100%; padding: 0; margin: 0;
    /*color: white;*/
    color:rgb(57,60,69);
    font-family: calibri;
    font-weight: 100;
    overflow: hidden;
}

.wrapper-body {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.body-header-and-content {
  flex: 1 0 auto;
}
.body-footer {
  flex: 0 0 auto;
}

/*исправляет ошибку белого цвета шрифта в input с белым фоном*/
ymaps input {
    color:rgb(57,60,69);
}

.my-button {
    display: inline-block;
    padding: 3px 5px;
    background: #eee;
    border: 1px solid #bbb;
    border-radius: 3px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

/*РЕКЛАМА*/
#ad {
    position: absolute; 
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /*background-color: rgb(57,60,69);*/
    display: none;
    z-index: 9000;
}
.ad-slider {
    z-index: 8000;
}
.ad-touch-me {
    background-color: rgba(114,112,111, 0.75); 
    width:1080px; 
    height: 1870px;
	/* height: 1920px;  GMV*/
    color: white;
}

.ad-touch-me-lefttop, 
.ad-touch-me-righttop {
    position: absolute;
    width: 50%;
    padding: 100px;
}
.ad-touch-me-lefttop {
    left: 0;
}
.ad-touch-me-righttop { 
    left: 50%;
}
.ad-touch-me-center {    
    position: absolute;    
    bottom: 700px;
    width: 100%;
    font-size: 42pt;
    text-align: center;
}
.ad-touch-me-center img {  
    margin-right: auto;
    margin-left: auto;
}

.ad-touch-me .curTime {
    font-size: 110pt;
}
.ad-touch-me .curDay {
    font-size: 36pt;
}
.ad-touch-me .curTemp {
    font-size: 72pt;
}
.ad-touch-me .curWeather img{
    display: inline-block;
}

/*предпологается что все видео используются только в рекламе*/
#ad video {
    position: fixed;
    top: 0;
    left: 0;
    width: 1080px; /*100%;*/
    height: 1870px; /*100%;*/
	/* height: 1920px;   GMV*/ /*100%;*/
    object-fit: cover;
    display: none;
    /*z-index: 1000;*/
}

/*-------------------------------------------------------*/
/*ДЛЯ ДАТЫ И ВРЕМЕНИ*/
.row_header {
    min-height: 55px;
    height: 3%;
    background-color: rgb(240,220,195);
    font-size: 24pt;
    font-weight: bold;
    /*color:white;*/
}

.curDate, .curTemp {
    font-size: 24pt;
    vertical-align: middle;
}
.curTime {
    font-size: 26pt;
}


/*-------------------------------------------------------*/
/*ДЛЯ КОНТЕНТА (КАРТА, МЕНЮ и т.д.)*/
.row_content {
    /*height: 1450px;*/
    
    /*height: 79%;
    min-height: 1450px;*/

	/*height: 1440px;
    min-height: 1440px;           GMV*/
    background-color: rgb(57,60,69);    
    color:rgb(57,60,69);
}

#map {
    width: 100%; 
    height: 100%;
    min-height: 1450px; 
	/*height: 1440px; GMV*/
    padding: 0; 
    margin: 0;    
}

.block-qrcode {
    display: none;
    position: absolute;
    bottom: 30px;
    right: 0px;
    width: 400px;
    height: 400px;
    background-color: white;
    font-size: 30pt;
    border: 5px solid rgb(160,167,186);
}
.block-qrcode p {
    margin-top: 20px;
}
.block-qrcode img {
    margin-right: auto;
    margin-left: auto;
}
.block-qrcode .btn-close-block-qrcode {
    position: absolute;
    width: 80px;
    height: 60px;
    top: -25px;
    right: -5px;
    background-color: gray;
    border: 5px solid rgb(160,167,186);   
}

.object-details-popup {
    display: none;
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: auto;
    height: auto;
    /*background-color: white;
    border: 5px solid red;*/
}

.findme {
    /*display: none;*/
    position: absolute;
    bottom: 50%;
    right: 20px;
    width: auto;
    height: auto;    
}

/*INCITY*/
#app-incity {
    width: 100%; 
    height: 1450px; 
	/*height: 1440px;   GMV*/
    padding: 0; 
    margin: 0;
    background-image: url('images/app-incity-ru.jpg');
}

#app-incity.en {
    background-image: url('images/app-incity-en.jpg');
}

#app-text {
    position: absolute;
    top: 310px;
    left: 130px;
    width: 530px;
    height: auto;
    font-size: 17pt;
    /*color: rgb(102,107,120);*/
}

#app-qrcode {
    position: absolute;
    top: 100px;
    left: 700px;
}

/*БРОНИРОВАНИЕ*/
#booking {
    /*для фрейма*/
    width: 100%; 
    height: 1450px; 
	/*height: 1440px;   GMV*/
    padding: 0; 
    margin: 0;

    /*для НЕ фрейма*/
    /*position: absolute;
    top: 310px;
    width: 100%; 
    height: 500px; 
    padding: 0; 
    margin: 0;
    text-align: center;*/
}

/*ПЕРЕДАЙ ПРИВЕТ*/
#hello {
    /*для фрейма*/
    width: 100%; 
    height: 1450px; 
    padding: 0; 
    margin: 0;
}

/*для НЕ фрейма*/
/*#booking h1 {
    font-size: 62pt;
}
#booking img {
    width: 185px;
    height: 135px;
}

#booking h2 {
    font-size: 42pt;
}
#booking_search {
    width: 670px;
    height: 75px;
    font-size: 30pt;
    padding-left: 20px;
    border: 5px solid rgb(160,167,186);
    color: rgb(57,60,69);
}*/

/*МЕТРИКА*/
#metrika {
    width: 100%; 
    height: 1450px; 
	/*height: 1440px;   GMV*/
    padding: 0; 
    margin: 0;
    background-image: url('images/metrika.jpg');
}

/*ТЕЛЕФОНЫ СЛУЖБ*/
/*
#phone-services {
    width: 100%; 
    height: 1450px; 
	/*height: 1440px;   GMV* /
    padding: 0; 
    margin: 0;
    background-image: url('images/112.jpg');    
}
#phone-services.en {
    background-image: url('images/112-eng.jpg');    
}*/

/*ЧЕМПИОНАТ 2018*/
#championship2018 {
    width: 100%; 
    height: 1450px; 
	/*height: 1440px;   GMV*/
    padding: 0; 
    margin: 0;
    background-image: url('images/championship2018.jpg');    
}

/*#championship2018-btn {
    border: 1px solid red;
    position: absolute;
    width: 100%;
    left: 0px;    
    top: 1050px;
}*/
#championship2018 table {
    position: absolute;
    width: 60%;
    margin-left: 20%;    
    top: 1050px;
}
#championship2018 td {
    height: 90px; 
    border: 5px solid rgb(160,167,186);
    font-size: 30pt;
    vertical-align: middle;
    text-align: center;
    background-color: white;
    /*color: rgb(57,60,69);*/
}
#stadiums {
    width: 100%; 
    height: 1450px;
/*height: 1440px;   GMV*/	
    padding: 0; 
    margin: 0;
    background-image: url('images/stadiums-ru.png'); 
    background-repeat: no-repeat;   
}
#stadiums table{
    position: absolute;
    width: 96%;
    margin-left: 2%;    
    top: 225px;    
}
#stadiums td {
    height: 305px; 
    border: 0px solid red;
    background-color: rgba(255,255,255,0.0);
    /*color: rgb(57,60,69);*/
}

#stadiums.en {
    background-image: url('images/stadiums-en.png');    
}
#match-schedule {
    width: 100%; 
    height: 1450px; 
	/*height: 1440px;   GMV*/
    padding: 0; 
    margin: 0;
    background-image: url('images/match-schedule.jpg');      
    background-repeat: no-repeat;  
}
#match-schedule.en {
    background-image: url('images/match-schedule-eng.jpg');        
}

#fan_service {
    width: 100%; 
    height: 475px; 
    padding: 0 0 0 0; 
    margin: 30px 0 0 0;
    background-image: url('images/fan-service.png');     
    position:absolute;   
}
#fan_service.en {
    background-image: url('images/fan-service-eng.png');        
}

#emergency-call {
    width: 100%; 
    height: 1450px;
/*height: 1440px;   GMV*/	
    padding: 0; 
    margin: 0;
    background-image: url('images/emergency-call.png');       
    background-repeat: no-repeat;
    background-position: top center;
}

/*Такси*/
#taxi {
    width: 100%; 
    height: 1450px; 
	/*height: 1440px;   GMV*/
    padding: 0; 
    margin: 0;
	color:#fff;
	font-size:30pt;
}
#taxi> center >img{
	margin-top:50%
}

/*-------------------------------------------------------*/
/*ДЛЯ НИЖНЕГО МЕНЮ*/
.row_footer {
    /*height: 378px;*/
    /*height: 18%;*/
    /*background-color: rgb(102,107,120);*/
    background-color: white;
    padding: 20px; /* 15px 14px 15px;*/
    color:white;
}      

.row_footer td {
    width: 260px;
	/*width: 350px;  GMV*/
    height: 135px; 
    /*border: 5px solid rgb(160,167,186);*/
    font-size: 30pt;
    /*vertical-align: middle;
    text-align: center;
	line-height:0.9em;*/
}
.row_footer td div {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;     
    background-position: bottom 20px center;
    background-size: auto 95px;
}

/*.row_footer td.active {
    background-color: white;
    color: rgb(102,107,120);
}*/

#btn-main-places.active         {   background: linear-gradient(to bottom right, rgb(231,120,3),  rgb(254,193,128) ); }
#btn-main-places        div.ru  {   background-image: url('icons/btn-main-places-ru-gray.png');     }
#btn-main-places.active div.ru  {   background-image: url('icons/btn-main-places-ru-white.png');    }
#btn-main-places        div.en  {   background-image: url('icons/btn-main-places-en-gray.png');     }
#btn-main-places.active div.en  {   background-image: url('icons/btn-main-places-en-white.png');    }

#btn-booking.active         {   background: linear-gradient(to bottom right, rgb(104,89,234), rgb(106,188,224) ); }
#btn-booking        div.ru  {   background-image: url('icons/btn-booking-ru-gray.png');     }
#btn-booking.active div.ru  {   background-image: url('icons/btn-booking-ru-white.png');    }
#btn-booking        div.en  {   background-image: url('icons/btn-booking-en-gray.png');     }
#btn-booking.active div.en  {   background-image: url('icons/btn-booking-en-white.png');    }

#btn-taxi.active            {   background: linear-gradient(to bottom right, rgb(255,191,0), rgb(233,239,114) ); }
#btn-taxi           div.ru  {   background-image: url('icons/btn-taxi-ru-gray.png');     }
#btn-taxi.active    div.ru  {   background-image: url('icons/btn-taxi-ru-white.png');    }
#btn-taxi           div.en  {   background-image: url('icons/btn-taxi-en-gray.png');     }
#btn-taxi.active    div.en  {   background-image: url('icons/btn-taxi-en-white.png');    }

#btn-incity.active            {   background: linear-gradient(to bottom right, rgb(44,209,168), rgb(180,237,133) ); }
#btn-incity           div.ru  {   background-image: url('icons/btn-incity-ru-gray.png');     }
#btn-incity.active    div.ru  {   background-image: url('icons/btn-incity-ru-white.png');    }
#btn-incity           div.en  {   background-image: url('icons/btn-incity-en-gray.png');     }
#btn-incity.active    div.en  {   background-image: url('icons/btn-incity-en-white.png');    }
#btn-incity           div     {     vertical-align: bottom;   text-align: center;    line-height:0.9em; }

#btn-hello.active           {   background: linear-gradient(to bottom right, rgb(217,17,140), rgb(255,131,157) ); }
#btn-hello          div.ru  {   background-image: url('icons/btn-hello-ru-gray.png');     }
#btn-hello.active   div.ru  {   background-image: url('icons/btn-hello-ru-white.png');    }
#btn-hello          div.en  {   background-image: url('icons/btn-hello-en-gray.png');     }
#btn-hello.active   div.en  {   background-image: url('icons/btn-hello-en-white.png');    }

#btn-emergency-call.active           {   background: linear-gradient(to bottom right, rgb(218,29,168), rgb(151,69,120) ); } 
#btn-emergency-call          div.ru  {   background-image: url('icons/btn-emergency-call-ru-gray.png');     }
#btn-emergency-call.active   div.ru  {   background-image: url('icons/btn-emergency-call-ru-white.png');    }
#btn-emergency-call          div.en  {   background-image: url('icons/btn-emergency-call-en-gray.png');     }
#btn-emergency-call.active   div.en  {   background-image: url('icons/btn-emergency-call-en-white.png');    }

#btn-2018.active            {   background: linear-gradient(to bottom right, rgb(12,148,41), rgb(66,146,157) ); }
#btn-2018           div.ru  {   background-image: url('icons/btn-2018-ru-gray.png');     }
#btn-2018.active    div.ru  {   background-image: url('icons/btn-2018-ru-white.png');    }
#btn-2018           div.en  {   background-image: url('icons/btn-2018-en-gray.png');     }
#btn-2018.active    div.en  {   background-image: url('icons/btn-2018-en-white.png');    }

/*#btn-eng-rus.active         {   background: linear-gradient(to bottom right, rgb(162,84,242), rgb(224,127,172) ); }*/
#btn-eng-rus        div     {   background-image: url('icons/btn-eng-rus-gray.png');}




.obj-main-places img {
    margin-left: -100%;
}




/*-------------------------------------------------------*/
/*ОБЩИЕ*/
.min_height_100 {
    height: 100%;
    min-height: 100%;
}

.no_mp {
    margin: 0;
    padding: 0;
}

/*-------------------------------------------------------*/
/*...*/