/* Start:/bitrix/templates/vtire/components/bitrix/news.detail/events/style.css?178756288411385*/
@media only screen and (min-width: 1621px) {
 div.news-detail-events{ width: 1340px; margin: 0 auto; display: flex; position: relative; }
 div.news-detail-events div.data{ position: absolute; top: -65px; left: 80px; }
}
@media only screen and (min-width: 1200px) and (max-width: 1620px) {
 div.news-detail-events{ width: 1150px; margin: 0 auto; display: flex; padding: 55px 0 0 0; }
 div.news-detail-events div.data{ position: absolute; top: 135px; left: 210px; }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
 div.news-detail-events{ width: 100%; display: flex; flex-wrap: wrap; padding: 55px 0 0 0; }
 div.news-detail-events div.data{ position: absolute; top: 130px; left: 150px; }
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
 div.news-detail-events{ width: 100%; display: flex; flex-wrap: wrap; }
 div.news-detail-events div.data{ position: absolute; top: 155px; left: 55px; }
}

@media only screen and (min-width: 1621px) {
 div.news-detail-events .text-block{ width: 900px; }
 div.news-detail-events .text-block-100pr{ width: 100%; }
 div.news-detail-events .text-block-container{ padding: 0 90px 0 15px; line-height: 1.5; }
 div.news-detail-events .text-block-container img{ margin: 0px 50px 50px 0; box-shadow: 0 0 15px 2px #eeebe4; } 
 div.news-detail-events .text-block-container p{ padding: 0 0 15px 0; margin: 0px; }
}
@media only screen and (min-width: 1200px) and (max-width: 1620px) {
 div.news-detail-events .text-block{ width: 710px; }
 div.news-detail-events .text-block-100pr{ width: 100%; }
 div.news-detail-events .text-block-container{ padding: 0 70px 0 15px; line-height: 1.5; }
 div.news-detail-events .text-block-container img{ margin: 0px 50px 50px 0; box-shadow: 0 0 15px 2px #eeebe4; } 
 div.news-detail-events .text-block-container p{ padding: 0 0 15px 0; margin: 0px; }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
 div.news-detail-events .text-block{ width: 100%; padding: 0 0 40px 0; }
 div.news-detail-events .text-block-100pr{ width: 100%; padding: 0 0 40px 0; }
 div.news-detail-events .text-block-container{ padding: 0 50px 0 15px; line-height: 1.5; }
 div.news-detail-events .text-block-container img{ margin: 0px 50px 50px 0; box-shadow: 0 0 15px 2px #eeebe4; } 
 div.news-detail-events .text-block-container p{ padding: 0 0 15px 0; margin: 0px; }
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
 div.news-detail-events .text-block{ width: 100%; }
 div.news-detail-events .text-block-100pr{ width: 100%; }
 div.news-detail-events .text-block-container{ padding: 0 50px 0 15px; line-height: 1.5; }
 div.news-detail-events .text-block-container img{ margin: 0px 50px 50px 0; box-shadow: 0 0 15px 2px #eeebe4; } 
 div.news-detail-events .text-block-container p{ padding: 0 0 15px 0; margin: 0px; }
}

@media only screen and (min-width: 1621px) {
 div.news-detail-events .information{ width: 440px; }
 div.news-detail-events .information .information-container{ width: 100%; } 
 div.news-detail-events .information .block-grey-bg{ background: #f5f4f0; }
}
@media only screen and (min-width: 1200px) and (max-width: 1620px) {
 div.news-detail-events .information{ width: 440px; }
 div.news-detail-events .information .information-container{ width: 100%; } 
 div.news-detail-events .information .block-grey-bg{ background: #f5f4f0; }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
 div.news-detail-events .information{ width: 100%; }
 div.news-detail-events .information .information-container{ width: 100%; display: flex; } 
 div.news-detail-events .information .block-grey-bg{ background: #f5f4f0; }
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
 div.news-detail-events .information{ width: 100%; }
 div.news-detail-events .information .information-container{ width: 100%; } 
 div.news-detail-events .information .block-grey-bg{ background: #f5f4f0; }
}

@media only screen and (min-width: 1621px) {
 div.news-detail-events .information div.timetable{ width: 100%; }
 div.news-detail-events .information div.timetable div.timetable-container{ padding: 0 0 10px 0; }
 div.news-detail-events .information div.timetable div.title{ font-size: 30px; color: #000; font-weight: 700; letter-spacing: 1.25px; padding: 37px 64px 30px 64px; line-height: 1; }
 div.news-detail-events .information div.timetable div.text{ font-size: 18px; color: #000; padding: 0 64px 0 64px; }
 div.news-detail-events .information div.timetable div.buy{ padding: 0 64px 37px 64px; }
 div.news-detail-events .information div.timetable div.buy a{ text-decoration: none; color: #ff5a00; text-transform: uppercase; font-size: 16px; font-weight: 700; }
 div.news-detail-events .information div.timetable div.buy a:hover{ color: #ffd600; }
}
@media only screen and (min-width: 1200px) and (max-width: 1620px) {
 div.news-detail-events .information div.timetable{ width: 100%; }
 div.news-detail-events .information div.timetable div.timetable-container{ padding: 0 0 10px 0; }
 div.news-detail-events .information div.timetable div.title{ font-size: 30px; color: #000; font-weight: 700; letter-spacing: 1.25px; padding: 37px 64px 30px 64px; line-height: 1; }
 div.news-detail-events .information div.timetable div.text{ font-size: 18px; color: #000; padding: 0 64px 0 64px; }
 div.news-detail-events .information div.timetable div.buy{ padding: 0 64px 37px 64px; }
 div.news-detail-events .information div.timetable div.buy a{ text-decoration: none; color: #ff5a00; text-transform: uppercase; font-size: 16px; font-weight: 700; }
 div.news-detail-events .information div.timetable div.buy a:hover{ color: #ffd600; }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
 div.news-detail-events .information div.timetable{ width: 50%; }
 div.news-detail-events .information div.timetable div.timetable-container{ padding: 0 10px 0 0; }
 div.news-detail-events .information div.timetable div.title{ font-size: 30px; color: #000; font-weight: 700; letter-spacing: 1.25px; padding: 37px 64px 30px 64px; line-height: 1; }
 div.news-detail-events .information div.timetable div.text{ font-size: 18px; color: #000; padding: 0 64px 0 64px; }
 div.news-detail-events .information div.timetable div.buy{ padding: 0 64px 37px 64px; }
 div.news-detail-events .information div.timetable div.buy a{ text-decoration: none; color: #ff5a00; text-transform: uppercase; font-size: 16px; font-weight: 700; }
 div.news-detail-events .information div.timetable div.buy a:hover{ color: #ffd600; }
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
 div.news-detail-events .information div.timetable{ width: 100%; }
 div.news-detail-events .information div.timetable div.timetable-container{ padding: 0 0 10px 0; }
 div.news-detail-events .information div.timetable div.title{ font-size: 30px; color: #000; font-weight: 700; letter-spacing: 1.25px; padding: 37px 64px 30px 64px; line-height: 1; }
 div.news-detail-events .information div.timetable div.text{ font-size: 18px; color: #000; padding: 0 64px 0 64px; }
 div.news-detail-events .information div.timetable div.buy{ padding: 0 64px 37px 64px; }
 div.news-detail-events .information div.timetable div.buy a{ text-decoration: none; color: #ff5a00; text-transform: uppercase; font-size: 16px; font-weight: 700; }
 div.news-detail-events .information div.timetable div.buy a:hover{ color: #ffd600; }
}

@media only screen and (min-width: 1621px) {
 div.news-detail-events .information div.cena{ width: 100%; }
 div.news-detail-events .information div.cena div.cena-container{ padding: 0 0 10px 0; }
 div.news-detail-events .information div.cena div.title{ font-size: 30px; color: #000; font-weight: 700; letter-spacing: 1.25px; padding: 37px 64px 30px 64px; line-height: 1; }
 div.news-detail-events .information div.cena div.text{ font-size: 18px; color: #000; padding: 0 64px 37px 64px; }

 div.news-detail-events .information div.age{ width: 100%; }
 div.news-detail-events .information div.age div.age-container{ padding: 0; }
 div.news-detail-events .information div.age div.title{ font-size: 30px; color: #000; font-weight: 700; letter-spacing: 1.25px; padding: 37px 64px 30px 64px;  line-height: 1; }
 div.news-detail-events .information div.age div.text{ font-size: 18px; color: #000; padding: 0 64px 37px 64px; }
}
@media only screen and (min-width: 1200px) and (max-width: 1620px) {
 div.news-detail-events .information div.cena{ width: 100%; }
 div.news-detail-events .information div.cena div.cena-container{ padding: 0 0 10px 0; }
 div.news-detail-events .information div.cena div.title{ font-size: 30px; color: #000; font-weight: 700; letter-spacing: 1.25px; padding: 37px 64px 30px 64px; line-height: 1; }
 div.news-detail-events .information div.cena div.text{ font-size: 18px; color: #000; padding: 0 64px 37px 64px; }

 div.news-detail-events .information div.age{ width: 100%; }
 div.news-detail-events .information div.age div.age-container{ padding: 0; }
 div.news-detail-events .information div.age div.title{ font-size: 30px; color: #000; font-weight: 700; letter-spacing: 1.25px; padding: 37px 64px 30px 64px;  line-height: 1; }
 div.news-detail-events .information div.age div.text{ font-size: 18px; color: #000; padding: 0 64px 37px 64px; }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
 div.news-detail-events .information div.cena-age{ width: 50%; }
 div.news-detail-events .information div.cena{ width: 100%; }
 div.news-detail-events .information div.cena div.cena-container{ padding: 0 0 10px 10px; }
 div.news-detail-events .information div.cena div.title{ font-size: 30px; color: #000; font-weight: 700; letter-spacing: 1.25px; padding: 37px 64px 30px 64px; line-height: 1; }
 div.news-detail-events .information div.cena div.text{ font-size: 18px; color: #000; padding: 0 64px 37px 64px; }

 div.news-detail-events .information div.age{ width: 100%; }
 div.news-detail-events .information div.age div.age-container{ padding: 0 0 0 10px; }
 div.news-detail-events .information div.age div.title{ font-size: 30px; color: #000; font-weight: 700; letter-spacing: 1.25px; padding: 37px 64px 30px 64px;  line-height: 1; }
 div.news-detail-events .information div.age div.text{ font-size: 18px; color: #000; padding: 0 64px 37px 64px; }
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
 div.news-detail-events .information div.cena{ width: 100%; }
 div.news-detail-events .information div.cena div.cena-container{ padding: 0 0 10px 0; }
 div.news-detail-events .information div.cena div.title{ font-size: 30px; color: #000; font-weight: 700; letter-spacing: 1.25px; padding: 37px 64px 30px 64px; line-height: 1; }
 div.news-detail-events .information div.cena div.text{ font-size: 18px; color: #000; padding: 0 64px 37px 64px; }

 div.news-detail-events .information div.age{ width: 100%; }
 div.news-detail-events .information div.age div.age-container{ padding: 0; }
 div.news-detail-events .information div.age div.title{ font-size: 30px; color: #000; font-weight: 700; letter-spacing: 1.25px; padding: 37px 64px 30px 64px;  line-height: 1; }
 div.news-detail-events .information div.age div.text{ font-size: 18px; color: #000; padding: 0 64px 37px 64px; }
}

/* End */
/* /bitrix/templates/vtire/components/bitrix/news.detail/events/style.css?178756288411385 */