@font-face {
  font-family: 'Montserrat';
  font-display: swap;
  src: local('Montserrat'),
  url('/bitrix/fonts/star.may9/Montserrat-Regular.eot');
  src: url('/bitrix/fonts/star.may9/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),
       url('/bitrix/fonts/star.may9/Montserrat-Regular.ttf') format('truetype'),
       url('/bitrix/fonts/star.may9/Montserrat-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Bebas Neue Book';
  font-display: swap;
    src: local('Bebas Neue'),
    url('/bitrix/fonts/star.may9/BebasNeueBook.eot');
  src: url('/bitrix/fonts/star.may9/BebasNeueBook.eot?#iefix') format('embedded-opentype'),
  url('/bitrix/fonts/star.may9/BebasNeueBook.woff') format('woff'),
  url('/bitrix/fonts/star.may9/BebasNeueBook.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-display: swap;
  font-family: 'Bebas Neue Bold';
    src: local('Bebas Neue'),
    url('/bitrix/fonts/star.may9/BebasNeueBold.eot');
  src: url('/bitrix/fonts/star.may9/BebasNeueBold.eot?#iefix') format('embedded-opentype'),
  url('/bitrix/fonts/star.may9/BebasNeueBold.woff') format('woff'),
  url('/bitrix/fonts/star.may9/BebasNeueBold.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

.congr_in {position: fixed; z-index: 9997; background-position: 0 0; background-size: 100% auto; background-repeat: no-repeat;}


.congr_in1 { width: 172px; height: 93px; background-image: url('/bitrix/images/star.may9/congr_in1.png'); background-position: 0 100%;}
.congr_in2 { width: 130px; height: 215px; background-image: url('/bitrix/images/star.may9/congr_in2.png');}
.congr_in2.right { -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH";}
.congr_in3 { width: 160px; height: 277px; background-image: url('/bitrix/images/star.may9/congr_in3.png');}
.congr_in4 { width: 177px; height: 280px; background-image: url('/bitrix/images/star.may9/congr_in4.png');}
.congr_in5 { width: 177px; height: 274px; background-image: url('/bitrix/images/star.may9/congr_in5.png');}
.congr_in6 {width: 150px; height: 328px; background-image: url('/bitrix/images/star.may9/congr_in6.png');}

.congr_popup_back {display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: 0.5; z-index: 9998;}
.congr_popup_back:hover {cursor: pointer;}

.congr_popup {display: none; position: fixed; left: 50%; width: 600px; margin-left: -300px; text-align: center; z-index: 9999; font-family: 'Montserrat','Helvetica','Arial', sans-serif; box-sizing: border-box; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
.congr_popup .congr_popup_close {position: absolute; right: -46px; top: 0; width: 36px; height: 36px; z-index: 993; background: url('/bitrix/images/star.may9/congr_close.svg') 0 0 no-repeat; background-size: 100% auto;}
.congr_popup .congr_popup_close:hover {cursor: pointer;}
.congr_popup p {font-size: 14px; line-height: 1.5; padding: 0 0 20px; margin: 0;}

.congr_popup1 {padding: 40px 0 0; background: rgb(191,0,0); background: -moz-radial-gradient(center, ellipse cover, rgba(191,0,0,1) 0%, rgba(153,0,0,1) 100%); background: -webkit-radial-gradient(center, ellipse cover, rgba(191,0,0,1) 0%,rgba(153,0,0,1) 100%); background: radial-gradient(ellipse at center, rgba(191,0,0,1) 0%,rgba(153,0,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf0000', endColorstr='#990000',GradientType=1 );}
.congr_popup1 .congr_popup_dates {font-size: 34px; color: #f6e7a0; font-family: 'Bebas Neue Book'; position: relative; top: 10px;}
.congr_popup1 img {width: 540px; display: inline-block; margin: 0 auto; position: relative; top: 10px;}
.congr_popup1 .congr_popup_content {position: relative; top: -20px;}
.congr_popup1 .congr_popup_title {font-size: 54px; position: relative; font-family: 'Bebas Neue Bold'; color: #f6e7a0; margin: 0 0 45px;}
.congr_popup1 .congr_popup_title:before {content:""; position: absolute; left: 50%; bottom: -52px; margin-left: -151px; width: 302px; height: 57px; background: url('/bitrix/images/star.may9/congr_text_shadow1.png') 0 0 no-repeat; background-size: 100% auto;}
.congr_popup1 p {color: #f6e7a0;}

.congr_popup2 {padding: 20px 0 0 0; background: rgb(89,73,128); background: -moz-radial-gradient(center, ellipse cover, rgba(89,73,128,1) 0%, rgba(70,56,103,1) 100%); background: -webkit-radial-gradient(center, ellipse cover, rgba(89,73,128,1) 0%,rgba(70,56,103,1) 100%); background: radial-gradient(ellipse at center, rgba(89,73,128,1) 0%,rgba(70,56,103,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#594980', endColorstr='#463867',GradientType=1 );}
.congr_popup2:before,
.congr_popup2:after {content:""; position: absolute; top: 170px; width: 145px; height: 346px; background: url('/bitrix/images/star.may9/congr_popup2_flowers.png') 0 0 no-repeat; background-size: 100% auto;}
.congr_popup2:before {left: 0;}
.congr_popup2:after {right: 0; -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH";}
.congr_popup2 img {width: 336px; display: inline-block; margin: 0 auto 15px; position: relative;}
.congr_popup2 .congr_popup_content {padding: 10px 0 15px;}
.congr_popup2 .congr_popup_title {font-size: 70px; position: relative; font-family: 'Bebas Neue Bold'; letter-spacing: 7px; color: #f4e9a0; margin: 0; text-shadow: 2px 2px 1px #000; margin-bottom: 15px;}
.congr_popup2 .congr_popup_subtitle {font-size: 25px; position: relative; font-family: 'Bebas Neue Book'; letter-spacing: 4.5px; color: #f4e9a0; top: -3px; margin: 0 0 30px; text-transform: uppercase;}
.congr_popup2 p {color: #f4e9a0;}

.congr_popup3 {padding: 50px 0 16px; background: #f0e2d8;}
.congr_popup3:before {content:""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 990; background: url('/bitrix/images/star.may9/congr_popup3_back.png') 50% 0 no-repeat; background-size: 100% auto; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0;}
.congr_popup3 .congr_popup_dates {font-size: 22px; color: #f0e2d8; font-family: 'Bebas Neue Bold'; position: relative; margin: 0; letter-spacing: 6px; position: relative; z-index: 991;}
.congr_popup3 .congr_img_box {position: relative; z-index: 991; height: 330px;}
.congr_popup3 .congr_img_box img {position: absolute; left: 50%; top: -35px; width: 724px; margin-left: -362px;}
.congr_popup3 .congr_popup_title {font-size: 74px; position: relative; font-family: 'Bebas Neue Bold'; letter-spacing: 3.5px; color: #583e1d; margin: 0 0 15px; text-shadow: 1px 1px 1px #493316;}
.congr_popup3 .congr_popup_title span {font-size: 54px;}
.congr_popup3 .congr_popup_subtitle {font-size: 28px; position: relative; font-family: 'Bebas Neue Bold'; letter-spacing: 2px; color: #907047; margin: 0 0 30px; text-shadow: 1px 1px 1px #7c6344; text-transform: uppercase;}
.congr_popup3 p {color: #907047;}


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

.congr_in1 { width: 150px; height: 78px;}
.congr_in2 {width: 100px; height: 165px;}
.congr_in3 {width: 130px; height: 225px;}
.congr_in4 { width: 130px; height: 205px;}
.congr_in5 { width: 130px; height: 205px;}
.congr_in6 { width: 110px; height: 240px;}

.congr_popup {width: 560px; margin-left: -280px;}

.congr_popup1 {padding: 20px 0 0;}
.congr_popup1 .congr_popup_dates {top: 15px;}
.congr_popup1 img {width: 500px; top: 15px;}
.congr_popup1 .congr_popup_content {top: -15px;}
.congr_popup1 .congr_popup_title {margin: 0 0 30px;}
.congr_popup1 .congr_popup_title:before {bottom: -43px;}

.congr_popup2:before,
.congr_popup2:after {width: 130px; top: 180px;}
.congr_popup2 img {width: 290px; margin: 0 auto 12px;}
.congr_popup2 .congr_popup_subtitle {margin: 0 0 20px;}

.congr_popup3 {padding: 35px 0 16px;}
.congr_popup3:before {background-position: 0 -50px;}
.congr_popup3 .congr_img_box {height: 270px;}
.congr_popup3 .congr_img_box img {top: -35px; width: 600px; margin-left: -300px;}
.congr_popup3 .congr_popup_title {margin: 0 0 1px;}
.congr_popup3 .congr_popup_subtitle {margin: 0 0 22px;}

}

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

.congr_in1 { width: 120px; height: 63px;}
.congr_in2 {width: 60px; height: 100px;}
.congr_in3 { width: 70px; height: 120px;}
.congr_in4 { width: 80px; height: 130px;}
.congr_in5 { width: 80px; height: 130px;}
.congr_in6 { width: 70px; height: 155px;}

.congr_popup {width: 320px; margin-left: -160px;}
.congr_popup .congr_popup_close {right: 15px; top: 16px; width: 20px; height: 20px;}
.congr_popup p {padding: 0 0 16px;}

.congr_popup1 {padding: 16px 0 0;}
.congr_popup1 .congr_popup_dates {font-size: 28px; top: 5px;}
.congr_popup1 img {width: 300px; top: 0;}
.congr_popup1 .congr_popup_content {top: -15px;}
.congr_popup1 .congr_popup_title {font-size: 44px;} 

.congr_popup2:before,
.congr_popup2:after {width: 70px; top: 100px;}
.congr_popup2 img {width: 180px; margin: 0 auto 16px;}
.congr_popup2 .congr_popup_content {padding: 0 0 10px;}
.congr_popup2 .congr_popup_title {font-size: 54px; letter-spacing: 5px;}
.congr_popup2 .congr_popup_subtitle {font-size: 22px; letter-spacing: 4px; top: 2px; margin: 0 0 16px;}

.congr_popup3 {padding: 25px 0 6px;}
.congr_popup3:before {background-position: 0 -20px;}
.congr_popup3 .congr_img_box {height: 160px;}
.congr_popup3 .congr_img_box img {top: -20px; width: 340px; margin-left: -170px;}
.congr_popup3 .congr_popup_title {font-size: 54px; margin: 0 0 2px; text-shadow: none;}
.congr_popup3 .congr_popup_title span {font-size: 44px;}
.congr_popup3 .congr_popup_subtitle {margin: 0 0 16px; text-shadow: none;}

}