/* Start:/assets/css/main/calendar_table.css?15377914777430*/ .sec-timetable{position:relative;clear:both}.sec-timetable .timetable-wrap{width:100%;margin:0 auto;padding:0;border-radius:5px;z-index:5}@media screen and (max-width:992px){.sec-timetable{height:auto}.sec-timetable .timetable-wrap{position:relative;top:auto;left:auto;transform:translate(0,0);height:auto;min-height:auto}}.sec-timetable .timetable-wrap .sec-desc{margin-bottom:40px;padding:0}@media screen and (max-width:390px){.sec-timetable .timetable-wrap .sec-desc{margin-bottom:15px}}.sec-timetable .timetable-wrap .sec-title{padding:0;margin-bottom:10px}.timetable .timetable__head{display:-ms-flexbox;display:flex;margin-bottom:25px}.timetable .timetable__head .timetable__head-col{width:calc(14.2% - 10px);text-align:center;color:#b2b5ba;font-weight:500;white-space:nowrap;font-size:16px;margin-right:10px}.timetable .timetable__head .timetable__head-col:nth-child(6),.timetable .timetable__head .timetable__head-col:nth-child(7){color:#f71a39}.timetable .timetable__head .timetable__head-col .min{display:none}@media screen and (max-width:740px){.sec-timetable .timetable-wrap{padding-top:30px}.timetable .timetable__head .timetable__head-col .full{display:none}.timetable .timetable__head .timetable__head-col .min{display:block}}@media screen and (max-width:390px){.timetable{padding:0 10px 0 15px}.timetable .timetable__head{margin-bottom:15px}.timetable .timetable__head .timetable__head-col{font-size:12px;font-weight:400}}.timetable .timetable__cont{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.timetable .timetable__item{width:calc(14.2% - 10px);padding:7px 10px;height:60px;margin-bottom:10px;position:relative;background-color:#fff;border:1px dashed #dadada;margin-right:10px}.timetable .timetable__item:nth-child(7n){margin-right:0}@media screen and (max-width:390px){.timetable .timetable__item{padding:5px;margin-bottom:5px;margin-right:5px;width:calc(14.2% - 5px)}}.timetable .timetable__item .timetable__item-date{font-weight:500;color:#dadada;font-size:18px;line-height:1.4}.timetable .timetable__item .timetable__item-num{color:#f71a39;font-size:14px}@media screen and (max-width:835px){.timetable .timetable__item .timetable__item-date span,.timetable .timetable__item .timetable__item-num span{display:none}.timetable .timetable__item.timetable__item-true{font-size:16px}}.timetable .timetable__item.timetable__item-true{background:#eef2f4;border:1px solid #eef2f4}.timetable .timetable__item.timetable__item-true .timetable__item-date{color:#343b4c}.timetable .timetable__item:before{width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #fff;content:"";position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%,0);z-index:5;visibility:hidden;opacity:0;transition:all .4s}.timetable .timetable__item .open-pannel{position:absolute;left:0;top:0;width:100%;height:100%;content:"";z-index:1}.timetable .timetable__item.active{background:#f71a39}.timetable .timetable__item.active .open-pannel{cursor:default}.timetable .timetable__item.active .timetable__item-date,.timetable .timetable__item.active .timetable__item-num{color:#fff}.timetable .timetable__item.active:before{top:100%;opacity:1;visibility:visible}.timetable .timetable__item.active .timetable__pannel{top:calc(100% + 10px);visibility:visible;opacity:1}.timetable .timetable__item:nth-child(7n+2) .timetable__pannel{transform:translate(-30%,0)}@media screen and (max-width:992px){.timetable .timetable__item:nth-child(7n+2) .timetable__pannel{transform:translate(-15%,0)}}.timetable .timetable__item:nth-child(7n+3) .timetable__pannel,.timetable .timetable__item:nth-child(7n+4) .timetable__pannel{transform:translate(-30%,0)}@media screen and (max-width:480px){.timetable .timetable__item:nth-child(7n+4) .timetable__pannel{transform:translate(-45%,0)}}.timetable .timetable__item:nth-child(7n+5) .timetable__pannel{transform:translate(-30%,0)}@media screen and (max-width:700px){.timetable .timetable__item:nth-child(7n+5) .timetable__pannel{left:auto;right:0;transform:translate(15%,0)}}@media screen and (max-width:480px){.timetable .timetable__item:nth-child(7n+5) .timetable__pannel{transform:translate(30%,0)}}.timetable .timetable__item:nth-child(7n+6) .timetable__pannel{transform:translate(-30%,0)}@media screen and (max-width:1100px){.timetable .timetable__item:nth-child(7n+6) .timetable__pannel{transform:translate(-40%,0)}}@media screen and (max-width:992px){.timetable .timetable__item:nth-child(7n+6) .timetable__pannel{right:0;left:auto;transform:translate(15%,0)}}.timetable .timetable__item:nth-child(7n+7) .timetable__pannel{right:0;left:auto}.timetable__pannel{width:420px;background:#fff;position:absolute;top:calc(100% + 20px);left:0;border-radius:5px;box-shadow:0 5px 30px 0 rgba(79,86,101,.4);z-index:4;visibility:hidden;opacity:0;transition:all .4s}@media screen and (max-width:540px){.timetable__pannel{width:350px}}@media screen and (max-width:390px){.timetable__pannel{width:320px}}@media screen and (max-width:340px){.timetable__pannel{width:300px}}.timetable__pannel .timetable__pannel-top{padding:10px 20px;border-bottom:1px solid #eef2f4;position:relative}.timetable__pannel .timetable__pannel-date{font-size:18px;font-weight:500;color:#343b4c}.timetable__pannel .timetable__pannel-close{position:absolute;right:20px;top:50%;transform:translate(0,-50%);width:15px;height:15px;cursor:pointer;background:url(/assets/css/main/../img/close.png) center no-repeat;background-size:contain;content:""}.timetable__pannel .timetable__pannel-cont{padding:20px}.timetable__pannel .timetable__pannel-table .timetable__pannel-th{display:-ms-flexbox;display:flex;font-size:12px;color:#b2b5ba;margin-bottom:5px}.timetable__pannel .timetable__pannel-table .timetable__pannel-th .timetable__pannel-td:nth-child(1),.timetable__pannel .timetable__pannel-table .timetable__pannel-th .timetable__pannel-td:nth-child(2){width:43px;margin-right:5px}.timetable__pannel .timetable__pannel-table .timetable__pannel-th .timetable__pannel-td:nth-child(3){width:calc(100% - 96px)}.timetable__pannel .timetable__pannel-table .timetable__pannel-tr{display:-ms-flexbox;display:flex;font-size:14px;color:#343b4c;margin-bottom:10px}.timetable__pannel .timetable__pannel-table .timetable__pannel-tr .timetable__pannel-td{line-height:1.4}.timetable__pannel .timetable__pannel-table .timetable__pannel-tr .timetable__pannel-td:nth-child(1),.timetable__pannel .timetable__pannel-table .timetable__pannel-tr .timetable__pannel-td:nth-child(2){width:43px;margin-right:5px}.timetable__pannel .timetable__pannel-table .timetable__pannel-tr .timetable__pannel-td:nth-child(3){width:calc(100% - 96px)}.timetable__pannel .timetable__pannel-table .timetable__pannel-tr .timetable__pannel-td a{color:#343b4c;text-decoration:none}.timetable__pannel .timetable__pannel-table .timetable__pannel-tr .timetable__pannel-td a:hover{text-decoration:underline}.timetable__pannel .timetable__pannel-table .timetable__pannel-tr .timetable__pannel-td .event-title{display:inline-block;position:relative}.timetable__pannel .timetable__pannel-table .timetable__pannel-tr .timetable__pannel-td .important{padding-left:20px}.timetable__pannel .timetable__pannel-table .timetable__pannel-tr .timetable__pannel-td .important:before{width:18px;height:18px;line-height:18px;background:url(/assets/img/fire.png) center no-repeat;background-size:contain;position:absolute;left:0;top:0;content:""} /* End */ /* Start:/assets/js/slick/slick.css?15377914771285*/ .slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block}.slick-track:before,.slick-track:after{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;min-height:1px}[dir='rtl'] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none} /* End */ /* Start:/assets/js/fancybox/source/jquery.fancybox.css?15692427343859*/ .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp{padding:0;margin:0;border:0;outline:none;vertical-align:top;} .fancybox-wrap{position:absolute;top:0;left:0;z-index:8020;} .fancybox-skin{position:relative;background:#f9f9f9;color:#444;text-shadow:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;} .fancybox-opened{z-index:8030;} .fancybox-opened .fancybox-skin{-webkit-box-shadow:0 10px 25px rgba(0, 0, 0, 0.5);-moz-box-shadow:0 10px 25px rgba(0, 0, 0, 0.5);box-shadow:0 10px 25px rgba(0, 0, 0, 0.5);} .fancybox-outer, .fancybox-inner{position:relative;} .fancybox-inner{overflow:hidden;} .fancybox-type-iframe .fancybox-inner{-webkit-overflow-scrolling:touch;} .fancybox-error{color:#444;font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;margin:0;padding:15px;white-space:nowrap;} .fancybox-image, .fancybox-iframe{display:block;width:100%;height:100%;} .fancybox-image{max-width:100%;max-height:100%;} #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span{background-image:url('/assets/js/fancybox/source/fancybox_sprite.png');} #fancybox-loading{position:fixed;top:50%;left:50%;margin-top:-22px;margin-left:-22px;background-position:0 -108px;opacity:0.8;cursor:pointer;z-index:8060;} #fancybox-loading div{width:44px;height:44px;background:url('/assets/js/fancybox/source/fancybox_loading.gif') center center no-repeat;} .fancybox-close{position:absolute;top:-18px;right:-18px;width:36px;height:36px;cursor:pointer;z-index:8040;} .fancybox-nav{position:absolute;top:0;width:40%;height:100%;cursor:pointer;text-decoration:none;background:transparent url('/assets/js/fancybox/source/blank.gif');-webkit-tap-highlight-color:rgba(0,0,0,0);z-index:8040;} .fancybox-prev{left:0;} .fancybox-next{right:0;} .fancybox-nav span{position:absolute;top:50%;width:36px;height:34px;margin-top:-18px;cursor:pointer;z-index:8040;visibility:hidden;} .fancybox-prev span{left:10px;background-position:0 -36px;} .fancybox-next span{right:10px;background-position:0 -72px;} .fancybox-nav:hover span{visibility:visible;} .fancybox-tmp{position:absolute;top:-99999px;left:-99999px;visibility:hidden;max-width:99999px;max-height:99999px;overflow:visible !important;} .fancybox-lock{overflow:hidden !important;width:auto;} .fancybox-lock body{overflow:hidden !important;} .fancybox-lock-test{overflow-y:hidden !important;} .fancybox-overlay{position:absolute;top:0;left:0;overflow:hidden;display:none;z-index:80100;background:url('/assets/js/fancybox/source/fancybox_overlay.png');} .fancybox-overlay-fixed{position:fixed;bottom:0;right:0;} .fancybox-lock .fancybox-overlay{overflow:auto;overflow-y:scroll;} .fancybox-title{visibility:hidden;font:normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;position:relative;text-shadow:none;z-index:8050;} .fancybox-opened .fancybox-title{visibility:visible;} .fancybox-title-float-wrap{position:absolute;bottom:0;right:50%;margin-bottom:-35px;z-index:8050;text-align:center;} .fancybox-title-float-wrap .child{display:inline-block;margin-right:-100%;padding:2px 20px;background:transparent;background:rgba(0, 0, 0, 0.8);-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;text-shadow:0 1px 2px #222;color:#FFF;font-weight:bold;line-height:24px;white-space:nowrap;} .fancybox-title-outside-wrap{position:relative;margin-top:10px;color:#fff;} .fancybox-title-inside-wrap{padding-top:10px;} .fancybox-title-over-wrap{position:absolute;bottom:0;left:0;color:#fff;padding:10px;background:#000;background:rgba(0, 0, 0, .8);} @media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min--moz-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5){#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span{background-size:44px 152px;} #fancybox-loading div{background-size:24px 24px;} } /* End */ /* Start:/assets/css/main/gismeteo/informer.min.css?15537117798257*/ .gsInformer a,.gsInformer div,.gsInformer em,.gsInformer img,.gsInformer p,.gsInformer span,.gsInformer table,.gsInformer tbody,.gsInformer td,.gsInformer th,.gsInformer tr{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-family:inherit;color:inherit;text-shadow:none}.gsInformer :focus{outline:0}.gsInformer table,.gsInformer tbody.gsInformer thead,.gsInformer td,.gsInformer th,.gsInformer tr{vertical-align:top;color:inherit}.gsInformer table{width:100%;border-collapse:collapse;border-spacing:0;border:0;padding:0;table-layout:auto!important;color:inherit}.gsInformer td,.gsInformer th{text-align:left;font-weight:400;empty-cells:show;color:inherit;background-color:inherit}.gsInformer td[align=center]{text-align:center}.gsInformer td[align=left]{text-align:left}.gsInformer td[align=right]{text-align:right}.gsInformer img{display:inline!important;box-shadow:initial}.gsInformer{-webkit-font-smoothing:antialiased;-ms-font-smoothing:antialiased;-moz-font-smoothing:antialiased;font-smoothing:antialiased;position:relative;font-family:Arial;font-size:11px!important;font-weight:400;zoom:1;min-height:1%;cursor:pointer;line-height:normal;box-sizing:border-box;text-shadow:none;box-shadow:none}.gsInformer .nolink,.gsInformer a{background:0 0;text-decoration:none;color:inherit}.gsInformer.informerPadding{padding:1px}.gsInformer table td{font-size:11px;color:inherit}.gsInformer em{font-style:normal}.gsInformer.loading{background:0 0}.gsInformer .cleaner{clear:both;height:1px;font-size:1px;border:none;margin:0;padding:0;background:0 0}.gsInformer #cityLink,.gsInformer #gsCityHead,.gsInformer .gsCityF{font-weight:700;font-size:13px;text-align:center}.gsInformer #cityLink{background:#fff}.gsInformer #cityLink a{font-family:Arial!important;color:#000!important;text-decoration:none}.gsInformer .display{display:inline-block;zoom:1;margin-top:0;vertical-align:top}.gsInformer .iehack{margin-top:0}.gsInformer #error{text-align:center;vertical-align:middle;padding-top:5px}.gsInformer #gsCityHead{padding:5px 0;white-space:nowrap}.gsInformer #gsCityHead.padding{padding:6px 0 10px}.gsInformer #tdIcon{white-space:nowrap;text-align:center}.gsInformer .head{position:relative;z-index:7}.gsInformer .gsCityF{padding:5px 0;white-space:nowrap}.gsInformer .main_wrap{width:100%;text-align:left;height:35px;padding-top:0;padding-bottom:0}.gsInformer .secondaryWrap{width:100%;height:35px;background:#fff;position:relative}.gsInformer .secondaryWrap table{height:34px}.gsInformer .secondaryWrap table td{height:35px;vertical-align:top}.gsInformer .gsCity,.gsInformer .gsTemp,.gsInformer .gsTemp2{font-size:13px;height:27px;font-weight:700;zoom:1}.gsInformer .gsCity{text-align:left;padding:8px 0 0;margin-top:0;white-space:nowrap}.gsInformer .gsCity span{padding-left:12px;display:block}.gsInformer .gsWeatherIcon{margin-top:-9px;z-index:8;position:relative}.gsInformer .gsWeatherIcon img{vertical-align:middle}.gsInformer .gsWeatherIcon.margin{margin-top:-22px;margin-right:0;width:74px}.gsInformer .gsTemp{padding:8px 0 0;position:relative}.gsInformer .gsTemp2{padding:0;position:relative}.gsInformer .gsAddInfo,.gsInformer .gsAddInfo2{font-size:11px;text-align:center}.gsInformer .gsTemp .paddingRight{padding-right:12px;padding-left:0!important}.gsInformer .gsTemp2 span{padding-right:0}.gsInformer .tsp{padding:0!important;margin:0!important;display:inline!important;display:inline-block!important;display:-moz-inline-box!important;width:.2em!important;height:.2em!important;overflow:hidden!important;text-decoration:inherit}.gsInformer .gsTemp em{font-weight:700;display:inline}.gsInformer .gsAddInfo{padding-top:0;padding-left:5px;padding-right:5px}.gsInformer .gsAddInfo2.padding{text-align:center;padding:10px 0 5px}.gsInformer .gsAddInfo2.padding2{padding-top:10px}.gsInformer .gsAddInfo2.empty .gsAddInfo3,.gsInformer .gsAddInfo2.padding3,.gsInformer .gsAddInfo2.padding3 .gsAddInfo3,.gsInformer .gsAddInfo3{padding:0}.gsInformer .gsLinks .img-untop{margin-top:0}.gsInformer #humidityAddInfo,.gsInformer #pressAddInfo,.gsInformer #windAddInfo{white-space:nowrap;margin:0 2px}.gsInformer .centralized{width:100%;position:relative;overflow:hidden;text-align:center}.gsInformer .centralized div{zoom:1;text-align:center;padding-top:1px;padding-bottom:2px}.gsInformer .colsWrapper_1{position:relative}.gsInformer .colsWrapper_2{position:relative;padding:0;overflow:hidden;zoom:1}.gsInformer .cols{position:relative;width:100%}.gsInformer .cols_1{width:100%;margin:0}.gsInformer .cols_1.padding{padding:5px 0 0}.gsInformer .cols_1 .col{width:25%;padding-left:1px;padding-right:1px}.gsInformer .cols_1 #colsDays{padding-bottom:1px}.gsInformer .cols .col_h.today,.gsInformer .cols .col_h.tomorrow{text-align:center;padding-top:4px;padding-bottom:0}.gsInformer .col{height:auto;float:none}.gsInformer .col_h{height:auto;float:left}.gsInformer .col_h span{display:inline-block;zoom:1;white-space:nowrap;padding-left:2px;padding-right:2px}.gsInformer #colsData td{white-space:nowrap;text-align:center}.gsInformer .col .time{font-weight:700;text-align:center}.gsInformer .col .deg,.gsInformer .col .temperature{font-weight:700;text-align:center;padding:3px 0;display:inline-block;zoom:1}.gsInformer .col .pressure,.gsInformer .col .wet,.gsInformer .col .wind{text-align:center;display:block}.gsInformer .s_icon{width:34px;height:34px;position:relative;margin:auto;display:block;padding:0!important}.gsInformer .s_icon.sunny{background-position:0 0}.gsInformer .gsLinks{cursor:default;font-size:11px!important;font-family:Arial!important;color:#000!important;padding-top:2px;padding-bottom:0;text-align:left;display:block;min-height:16px;height:auto;overflow:hidden;position:relative}.gsInformer .gsLinks.padding{padding-top:10px}.gsInformer .gsLinks table td{font-family:Arial!important;vertical-align:top;line-height:13px}.gsInformer .gsLinks .leftCol{margin-left:5px;float:left}.gsInformer .gsLinks .leftCol a,.gsInformer .gsLinks .leftCol a:hover{text-decoration:none}.gsInformer .gsLinks .leftCol span{display:inline-block;zoom:1;margin-top:2px;padding-left:2px;color:#000!important}.gsInformer .gsLinks .leftCol b{font-weight:400!important;color:#000!important}.gsInformer .gsLinks .leftCol .gis-blue{font-size:11px!important;font-weight:400;color:#06c!important;background:0 0!important}.gsInformer .gsLinks .leftColCenter{margin-left:0;float:none;text-align:center}.gsInformer .gsLinks .rightCol{margin-right:5px;padding-top:2px;float:right}.gsInformer .gsLinks img{position:relative;padding-right:0;top:-1px;vertical-align:middle}.gsInformer .gsLinks .rightCol a{color:#000!important;text-decoration:underline;margin:0}.gsInformer .gsLinks .rightCol a:hover{text-decoration:underline;color:#c00!important}.gsInformer .tourism #tHead{color:#7a7a7a;background:#fff}.gsInformer .tourism .tCityDiv a,.gsInformer .tourism .tCityDiv a:hover{color:inherit;text-decoration:underline}.gsInformer .tourism td{padding:3px 5px;white-space:nowrap;vertical-align:middle}.gsInformer .tourism .tTempAirSpan,.gsInformer .tourism .tTempAirSpanImg{font-size:13px;display:inline-block;zoom:1;height:18px;vertical-align:top}.gsInformer .tourism #tCity{text-align:left;width:55%}.gsInformer .tourism #tTempAir,.gsInformer .tourism #tTempWater,.gsInformer .tourism #tWindSpeed{text-align:right;width:15%}.gsInformer #gs-moduleTourismBlock{cursor:default}.gsInformer .tourism .tCityDiv{text-align:left;font-size:13px;height:18px;line-height:16px;margin-top:2px;display:inline-block;zoom:1}.gsInformer .tourism .tTempAirTD,.gsInformer .tourism .tTempWaterTD,.gsInformer .tourism .tTempWindSpeedTD{text-align:right}.gsInformer .tourism .tTempAirSpan{margin-top:2px;margin-right:5px;line-height:16px}.gsInformer .tourism .tTempAirSpanImg{margin-top:1px}.gsInformer .tourism .tTempWaterSpan,.gsInformer .tourism .tWindSpeedArrow,.gsInformer .tourism .tWindSpeedSpan{display:inline-block;zoom:1;height:18px;line-height:16px;margin-top:2px;font-size:13px}.gsInformer .tourism .tWindSpeedSpan{padding-right:5px}.gsInformer .tourism .tCityDiv a{font-size:13px}.gsInformer .graphInf{padding-top:5px;padding-bottom:5px}.gsInformer .graphInf .graphHead,.gsInformer .graphInf .graphTemp{font-weight:400;font-size:13px;line-height:15px;padding:0 19px 6px} /* End */ /* Start:/assets/css/main/styles.css?1570437298336180*/ .tdn { text-decoration: none; } .tdn:hover, .tdn:active, .tdn:focus { text-decoration: none; } .tdr { text-decoration: underline; } .tdr:hover, .tdr:active, .tdr:focus { text-decoration: none; } .hide-text, .text-hide { font-size: 0; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .slick-slider { position: relative; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .show500 { display: none; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .kotimgs_mobil { display: none; } .slick-track { position: relative; top: 0; left: 0; height: 100%; display: block; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } .header_hide_block { display: none; } [dir='rtl'] .slick-slide { float: right; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } .children_time .myclass_mobil { display: none; } .selectize-control.plugin-drag_drop.multi > .selectize-input > div.ui-sortable-placeholder { visibility: visible !important; background: #f2f2f2 !important; background: rgba(0,0,0,0.06) !important; border: 0 none !important; -webkit-box-shadow: inset 0 0 12px 4px #ffffff; box-shadow: inset 0 0 12px 4px #ffffff; } .selectize-control.plugin-drag_drop .ui-sortable-placeholder::after { content: '!'; visibility: hidden; } .selectize-control.plugin-drag_drop .ui-sortable-helper { -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.2); box-shadow: 0 2px 5px rgba(0,0,0,0.2); } .selectize-dropdown-header { position: relative; padding: 7px 10px; border-bottom: 1px solid #d0d0d0; background: #f8f8f8; border-radius: 3px 3px 0 0; } .selectize-dropdown-header-close { position: absolute; right: 10px; top: 50%; color: #303030; opacity: 0.4; margin-top: -12px; line-height: 20px; font-size: 20px !important; } .selectize-dropdown-header-close:hover { color: #000000; } .selectize-dropdown.plugin-optgroup_columns .optgroup { border-right: 1px solid #f2f2f2; border-top: 0 none; float: left; -webkit-box-sizing: border-box; box-sizing: border-box; } .selectize-dropdown.plugin-optgroup_columns .optgroup:last-child { border-right: 0 none; } .selectize-dropdown.plugin-optgroup_columns .optgroup:before { display: none; } .selectize-dropdown.plugin-optgroup_columns .optgroup-header { border-top: 0 none; } .selectize-control.plugin-remove_button [data-value] { position: relative; padding-right: 24px !important; } .selectize-control.plugin-remove_button [data-value] .remove { z-index: 1; position: absolute; top: 0; right: 0; bottom: 0; width: 17px; text-align: center; font-weight: 300; font-size: 12px; color: inherit; text-decoration: none; vertical-align: middle; display: inline-block; padding: 1px 0 0 0; border-left: 1px solid #74b21e; border-radius: 0 2px 2px 0; -webkit-box-sizing: border-box; box-sizing: border-box; } .selectize-control.plugin-remove_button [data-value] .remove:hover { background: rgba(0,0,0,0.05); } .selectize-control.plugin-remove_button [data-value].active .remove { border-left-color: #6f9839; } .selectize-control.plugin-remove_button .disabled [data-value] .remove:hover { background: none; } .selectize-control.plugin-remove_button .disabled [data-value] .remove { border-left-color: #b4b4b4; } .selectize-control { position: relative; } .selectize-dropdown, .selectize-input, .selectize-input input { color: #303030; font-family: inherit; font-size: 15px; line-height: 25px; -webkit-font-smoothing: inherit; } .selectize-input, .selectize-control.single .selectize-input.input-active { background: #ffffff; cursor: text; display: inline-block; } .reserve .selectize-control.single .selectize-input.input-active { background: inherit; } .selectize-input { padding: 8px 10px 10px 20px; display: inline-block; width: 100%; height: 100%; text-align: left; overflow: hidden; position: relative; z-index: 1; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 3px; border: 1px solid #d7d8db; } .reserving .selectize-input { padding: 8px 10px 8px 0; text-align: center; } .selectize-input:hover { border: 1px solid #f71a39; } .reserve .selectize-input { background: transparent; padding: 8px 0 10px 0; color: #fff; border: none; border-bottom: 1px solid #d7d8db; border-radius: 0; } .reserve .selectize-control.reserve__field:focus + label, .reserve .selectize-control.reserve__field:active + label { top: -14px; } .reserve__field--children .selectize-input, .reserve__field--adults .selectize-input { text-align: center; } .selectize-control.multi .selectize-input.has-items { padding: 8px 10px 4px; } .selectize-input.disabled, .selectize-input.disabled * { cursor: default !important; } .selectize-input.focus { border: 1px solid #f71a39; -webkit-box-shadow: 0 0 5px #f71a39; box-shadow: 0 0 3px #f71a39; } .reserve .selectize-input.focus { border: none; -webkit-box-shadow: none; box-shadow: none; border-bottom: 1px solid #d7d8db; } .selectize-input.dropdown-active { border-radius: 3px 3px 0 0; } .selectize-input > * { vertical-align: baseline; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; } .photo-video__filter-item .selectize-input, .igora-news__filter-item .selectize-input { background: #f3f3f3; } .worksheet-form .selectize-input { background: #ebeff2; border: none; } .worksheet-form .selectize-input.full { background: #fff; -webkit-box-shadow: none; box-shadow: none; } .selectize-control.multi .selectize-input > div { cursor: pointer; margin: 0 4px 4px 0; padding: 1px 5px; background: #b8e76f; color: #3d5d18; border: 1px solid #74b21e; } .selectize-control.multi .selectize-input > div.active { background: #92c836; color: #303030; border: 1px solid #6f9839; } .selectize-control.multi .selectize-input.disabled > div, .selectize-control.multi .selectize-input.disabled > div.active { color: #878787; background: #f8f8f8; border: 1px solid #b4b4b4; } .selectize-input > input { display: inline-block !important; padding: 0 !important; min-height: 0 !important; max-height: none !important; max-width: 100% !important; margin: 0 2px 0 0 !important; text-indent: 0 !important; border: 0 none !important; background: none !important; line-height: inherit !important; -webkit-user-select: auto !important; -webkit-box-shadow: none !important; box-shadow: none !important; } .selectize-input > input::-ms-clear { display: none; } .selectize-input > input:focus { outline: none !important; } .selectize-input::after { content: ' '; display: block; clear: left; } .selectize-dropdown { position: absolute; z-index: 10000; border: 1px solid #d0d0d0; background: #ffffff; margin: 2px 0 0 0; border-top: 0 none; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1); box-shadow: 0 1px 3px rgba(0,0,0,0.1); border-radius: 0 0 3px 3px; } .selectize-dropdown [data-selectable] { cursor: pointer; overflow: hidden; } .selectize-dropdown [data-selectable] .highlight { background: rgba(255,237,40,0.4); border-radius: 1px; } .selectize-dropdown [data-selectable], .selectize-dropdown .optgroup-header { padding: 7px 10px 7px 20px; } .selectize-dropdown .optgroup:first-child .optgroup-header { border-top: 0 none; } .selectize-dropdown .optgroup-header { color: #303030; background: #f8f8f8; cursor: default; } .selectize-dropdown .active { background-color: #d7d8db; color: #303030; } .selectize-dropdown .active.create { color: #303030; } .selectize-dropdown .create { color: rgba(48,48,48,0.5); } .selectize-dropdown-content { overflow-y: auto; overflow-x: hidden; max-height: 280px; background: #ebeff2; -webkit-box-shadow: 0 0 8px #bebebe; box-shadow: 0 0 8px #bebebe; border-radius: 3px; font-size: 15px; line-height: 25px; font-weight: 300; color: #4e5360; } .selectize-control.single .selectize-input, .selectize-control.single .selectize-input input { cursor: pointer; } .selectize-control.single .selectize-input.input-active, .selectize-control.single .selectize-input.input-active input { cursor: text; } .selectize-control.single .selectize-input:after { position: absolute; top: 17px; right: 14px; content: ""; display: block; width: 0; height: 0; z-index: 100; border: 3px solid transparent; border-top-color: #4e5360; } .selectize-control.single .selectize-input:before { position: absolute; top: 16px; right: 14px; content: ""; display: block; width: 0; height: 0; z-index: 110; border: 3px solid transparent; border-top-color: #fff; } .reserve .selectize-control.single .selectize-input:after { position: absolute; top: 9px; right: 0; display: block; content: ""; width: 0; height: 0; border-width: 5px 2.5px; border-style: solid; border-color: transparent; border-top-color: #fff; } .reserve .selectize-control.single .selectize-input:before { display: none; } .selectize-control.single .selectize-input.dropdown-active:after { top: 14px; border-top-color: transparent; border-bottom-color: #4e5360; } .selectize-control.single .selectize-input.dropdown-active:before { top: 15px; border-top-color: transparent; border-bottom-color: #fff; } .reserve .selectize-control.single .selectize-input.dropdown-active:after { top: 7px; -webkit-transform: rotate(180deg) translateY(4px); -ms-transform: rotate(180deg) translateY(4px); transform: rotate(180deg) translateY(4px); border-top-color: #000; border-bottom-color: transparent; } .selectize-control.rtl.single .selectize-input:after { left: 15px; right: auto; } .selectize-control.rtl .selectize-input > input { margin: 0 4px 0 -2px !important; } .selectize-control .selectize-input.disabled { opacity: 0.5; background-color: #fafafa; } .selectize-control.multi .selectize-input [data-value] { text-shadow: 0 1px 0 rgba(255,255,255,0.1); border-radius: 3px; background-color: #b2e567; background-image: -webkit-gradient(linear,0 0,0 100%,from(#b8e76f),to(#a9e25c)); background-image: -webkit-linear-gradient(top,#b8e76f,#a9e25c); background-image: -webkit-gradient(linear,left top,left bottom,from(#b8e76f),to(#a9e25c)); background-image: linear-gradient(to bottom,#b8e76f,#a9e25c); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb8e76f',endColorstr='#ffa9e25c',GradientType=0); -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1); box-shadow: 0 1px 1px rgba(0,0,0,0.1); } .selectize-control.multi .selectize-input [data-value].active { background-color: #88c332; background-image: -webkit-gradient(linear,0 0,0 100%,from(#92c836),to(#7abc2c)); background-image: -webkit-linear-gradient(top,#92c836,#7abc2c); background-image: -webkit-gradient(linear,left top,left bottom,from(#92c836),to(#7abc2c)); background-image: linear-gradient(to bottom,#92c836,#7abc2c); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff92c836',endColorstr='#ff7abc2c',GradientType=0); } .selectize-control.single .selectize-input { height: 42px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5',endColorstr='#ffefefef',GradientType=0); } .selectize-dropdown .optgroup-header { font-weight: 300; font-size: 0.8em; border-bottom: 1px solid #f0f0f0; border-top: 1px solid #f0f0f0; } html { font-family: "HelveticaNeueCyr"; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background-color: transparent; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } h1 { font-size: 2em; margin: 0.67em 0; margin-top: 0; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: "HelveticaNeueCyr"; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-appearance: textfield; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } .ui-pnotify { top: 36px; right: 36px; position: absolute; height: auto; z-index: 2; } body > .ui-pnotify { position: fixed; z-index: 100040; } .ui-pnotify-modal-overlay { background-color: rgba(0,0,0,.4); top: 0; left: 0; position: absolute; height: 100%; width: 100%; z-index: 1; } body > .ui-pnotify-modal-overlay { position: fixed; z-index: 100039; } .ui-pnotify.ui-pnotify-in { display: block !important; } .ui-pnotify.ui-pnotify-move { -webkit-transition: left .5s ease,top .5s ease,right .5s ease,bottom .5s ease; transition: left .5s ease,top .5s ease,right .5s ease,bottom .5s ease; } .ui-pnotify.ui-pnotify-fade-slow { -webkit-transition: opacity .6s linear; transition: opacity .6s linear; opacity: 0; } .ui-pnotify.ui-pnotify-fade-slow.ui-pnotify.ui-pnotify-move { -webkit-transition: opacity .6s linear,left .5s ease,top .5s ease,right .5s ease,bottom .5s ease; transition: opacity .6s linear,left .5s ease,top .5s ease,right .5s ease,bottom .5s ease; } .ui-pnotify.ui-pnotify-fade-normal { -webkit-transition: opacity .4s linear; transition: opacity .4s linear; opacity: 0; } .ui-pnotify.ui-pnotify-fade-normal.ui-pnotify.ui-pnotify-move { -webkit-transition: opacity .4s linear,left .5s ease,top .5s ease,right .5s ease,bottom .5s ease; transition: opacity .4s linear,left .5s ease,top .5s ease,right .5s ease,bottom .5s ease; } .ui-pnotify.ui-pnotify-fade-fast { -webkit-transition: opacity .2s linear; transition: opacity .2s linear; opacity: 0; } .ui-pnotify.ui-pnotify-fade-fast.ui-pnotify.ui-pnotify-move { -webkit-transition: opacity .2s linear,left .5s ease,top .5s ease,right .5s ease,bottom .5s ease; transition: opacity .2s linear,left .5s ease,top .5s ease,right .5s ease,bottom .5s ease; } .ui-pnotify.ui-pnotify-fade-in { opacity: 1; } .ui-pnotify .ui-pnotify-shadow { -webkit-box-shadow: 0 6px 28px 0 rgba(0,0,0,0.1); box-shadow: 0 6px 28px 0 rgba(0,0,0,0.1); } .ui-pnotify-container { background-position: 0 0; padding: .8em; height: 100%; margin: 0; } .ui-pnotify-container:after { content: " "; visibility: hidden; display: block; height: 0; clear: both; } .ui-pnotify-container.ui-pnotify-sharp { border-radius: 0; } .ui-pnotify-title { display: block; margin-bottom: .4em; margin-top: 0; } .ui-pnotify-text { display: block; } .ui-pnotify-icon, .ui-pnotify-icon span { display: block; float: left; margin-right: .2em; } .ui-pnotify.stack-topleft, .ui-pnotify.stack-bottomleft { left: 25px; right: auto; } .ui-pnotify.stack-bottomright, .ui-pnotify.stack-bottomleft { bottom: 25px; top: auto; } .ui-pnotify.stack-bar-top { right: 0; top: 0; } .ui-pnotify.stack-bar-bottom { margin-left: 15%; right: auto; bottom: 0; top: auto; left: auto; } .ui-pnotify.stack-modal { left: 50%; right: auto; margin-left: -150px; } .brighttheme { border-radius: 0; } .brighttheme.ui-pnotify-container { padding: 18px; } .brighttheme .ui-pnotify-title { margin-bottom: 12px; } .brighttheme-notice { background-color: #FFFFA2; border: 0 solid #FFFF00; color: #4F4F00; } .brighttheme-info { background-color: #8FCEDD; border: 0 solid #0286A5; color: #012831; } .brighttheme-success { background-color: #AFF29A; border: 0 solid #35DB00; color: #104300; } .brighttheme-error { background-color: #FFABA2; background-image: -webkit-repeating-linear-gradient(315deg,transparent,transparent 35px,rgba(255,255,255,.3) 35px,rgba(255,255,255,.3) 70px); background-image: repeating-linear-gradient(135deg,transparent,transparent 35px,rgba(255,255,255,.3) 35px,rgba(255,255,255,.3) 70px); border: 0 solid #FF1800; color: #4F0800; } .brighttheme-icon-notice, .brighttheme-icon-info, .brighttheme-icon-success, .brighttheme-icon-closer, .brighttheme-icon-sticker { position: relative; width: 16px; height: 16px; font-size: 12px; font-weight: bold; line-height: 16px; font-family: "HelveticaNeueCyr"; border-radius: 50%; } .brighttheme-icon-notice:after, .brighttheme-icon-info:after, .brighttheme-icon-success:after, .brighttheme-icon-closer:after, .brighttheme-icon-sticker:after { position: absolute; top: 0; left: 4px; } .brighttheme-icon-notice { background-color: #2E2E00; color: #FFFFA2; margin-top: 2px; } .brighttheme-icon-notice:after { content: "!"; } .brighttheme-icon-info { background-color: #012831; color: #8FCEDD; margin-top: 2px; } .brighttheme-icon-info:after { content: "i"; } .brighttheme-icon-success { background-color: #104300; color: #AFF29A; margin-top: 2px; } .brighttheme-icon-success:after { content: "\002713"; } .brighttheme-icon-error { position: relative; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 16px solid #2E0400; font-size: 0; line-height: 0; color: #FFABA2; margin-top: 1px; } .brighttheme-icon-error:after { position: absolute; top: 1px; left: -4px; font-size: 12px; font-weight: bold; line-height: 16px; font-family: "HelveticaNeueCyr"; content: "!"; } .brighttheme-icon-closer, .brighttheme-icon-sticker { display: inline-block; } .brighttheme-icon-closer:after { top: -4px; content: "\002715"; } .brighttheme-icon-sticker:after { top: -5px; content: "\01D1BC"; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .brighttheme-icon-sticker.brighttheme-icon-stuck:after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .brighttheme .ui-pnotify-action-bar { padding-top: 12px; } .brighttheme .ui-pnotify-action-bar textarea, .brighttheme .ui-pnotify-action-bar input { display: block; width: 100%; margin-bottom: 12px !important; } .brighttheme .ui-pnotify-action-button { text-transform: uppercase; font-weight: bold; padding: 4px 8px; border: none; background: transparent; } .brighttheme .ui-pnotify-action-button.btn-primary { border: none; border-radius: 0; } .brighttheme-notice .ui-pnotify-action-button.btn-primary { background-color: #FFFF00; color: #4F4F00; } .brighttheme-info .ui-pnotify-action-button.btn-primary { background-color: #0286A5; color: #012831; } .brighttheme-success .ui-pnotify-action-button.btn-primary { background-color: #35DB00; color: #104300; } .brighttheme-error .ui-pnotify-action-button.btn-primary { background-color: #FF1800; color: #4F0800; } .ui-pnotify-closer, .ui-pnotify-sticker { float: right; margin-left: .2em; } .ui-pnotify-container { position: relative; left: 0; } .hotel { display: none; } .specials_winter { margin: 0 0 0 0; } .specials_winter a { color: #f71a39; } .specials_winter a:hover { color: #000000; } .specials_winter a:focus { color: #000000; } .specials_winter h1 { font-family: 'HelveticaNeueCyr'; font-size: 45px; line-height: 50px; font-weight: 300; color: #f71a39; margin: 0 0 57px; text-align: center; } .bx-catalog-element h2.bx-title { font-family: 'HelveticaNeueCyr'; font-size: 45px; line-height: 50px; font-weight: 300; color: #f71a39; margin: 0 0 57px; text-align: center; text-decoration: initial; margin-top: -45px; margin-bottom: 20px; } .bx-catalog-element.specials_winter { margin: -103px -38px 0 0; } .bx-catalog-element.specials_winter h1 { margin-bottom: 0; } .bx-catalog-element h2 { font-family: 'HelveticaNeueCyr'; font-weight: 300; color: #f71a39; text-align: center; margin: 18px 119px 27px 161px; line-height: 44px; font-size: 33px; text-decoration: underline; } .bx-catalog-element.specials_winter .slick-slider { text-align: center; } .bx-catalog-element.specials_winter .slick-slider a { width: 100%; } .bx-catalog-element.specials_winter .slick-slider img { text-align: center; display: initial; max-width: 90%; } .bx-catalog-element.specials_winter .js-slick__btn--prev.js-slick__btn--services { background: url(/assets/img/prev.png) no-repeat; left: -1px; width: 24px; height: 42px; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); border: none; } .bx-catalog-element.specials_winter .js-slick__btn--next.js-slick__btn--services { right: -1px; width: 24px; height: 42px; background: url(/assets/img/next.png) no-repeat; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); border: none; } .bx-catalog-element.specials_winter .js-slick__btn:before { display: none; } .bx-catalog-element .prev_text, .descr_wint .prev_text { font-family: 'HelveticaNeueCyr'; margin: -3px 0 0 -4px; } .descr_wint p { color: #000000; } .bx-catalog-element .prev_text p, .descr_wint .prev_text p { color: #000000; font-size: 16px; font-weight: 300; line-height: 26px; text-align: justify; margin-bottom: 9px; } .bx-catalog-element .prev_text a, , .descr_wint .prev_text a { color: #f71a39; font-weight: 400; } .bx-catalog-element .prev_text p.title { color: #000000; font-size: 24px; font-weight: 300; line-height: 25px; text-align: justify; margin: 0 0 13px 0; } .bx-catalog-element .prev_text ul li, .specials_winter .descr_wint ul li { color: #000000; font-size: 16px; font-weight: 300; line-height: 26px; text-align: left; margin-bottom: 9px; } .bx-catalog-element .prev_text ul li:before, .specials_winter .descr_wint ul li:before { background: url(/img/li.png) no-repeat; width: 16px; height: 17px; border: none; border-radius: 0; } .bx-catalog-element .numb { margin: 45px 0 42px 0; } .bx-catalog-element .numb .item td { border-width: 1px; border-color: #d4d4d4; border-style: solid; text-align: center; padding: 18px 0; font-family: 'HelveticaNeueCyr'; } .bx-catalog-element.specials_winter .numb .item .item_text { padding: 0 49px; } .bx-catalog-element.specials_winter .numb .item .item_text p { color: #74767d; font-size: 24px; font-weight: 500; line-height: 37px; margin-top: 10px; } .bx-catalog-element.specials_winter .numb .item .item_btn a { background-color: #f71a39; border-radius: 3px; margin-top: 46px; color: #ffffff; font-size: 20px; font-weight: 400; line-height: 31px; text-align: center; box-sizing: border-box; padding: 14px 27px; margin: 0 0 0 9px; } .bx-catalog-element.specials_winter .numb .item .item_btn a:hover { background-color: #dd102c; text-decoration: none; } .bx-catalog-element.specials_winter .item_img { text-align: left; padding: 0; } .bx-catalog-element.specials_winter .item_img img { margin-bottom: 7px; } .bx-catalog-element.specials_winter .detail_text { margin: 0 0 0 0px; font-family: 'HelveticaNeueCyr'; } .bx-catalog-element.specials_winter .detail_text h3 { color: #f71a39; font-size: 24px; line-height: 25px; text-align: left; margin: -3px 0 9px 0; letter-spacing: -0.1px; } .bx-catalog-element.specials_winter .detail_text h4 { color: #f71a39; font-size: 24px; line-height: 25px; text-align: left; letter-spacing: -0.3px; margin: 0 0 13px 0; } .bx-catalog-element.specials_winter .detail_text h4:nth-of-type(3) { margin: 42px 0 13px 0; } .bx-catalog-element.specials_winter .detail_text p { text-align: justify; color: #000000; font-size: 16px; font-weight: 300; line-height: 25px; } .bx-catalog-element.specials_winter .detail_text .ul1 { width: 50%; display: inline-block; } .bx-catalog-element.specials_winter .detail_text .ul2 { width: 49%; display: inline-block; vertical-align: top; } .bx-catalog-element.specials_winter .detail_text li { color: #000000; font-size: 16px; font-weight: 300; line-height: 26px; } .bx-catalog-element.specials_winter .detail_text ul li:before { background-color: #000000; } .bx-catalog-element.specials_winter .detail_text span { font-style: italic; color: #000000; margin: 0 0 35px 0; display: block; } .bx-catalog-element.specials_winter .detail_text a { color: #f71a39; font-weight: 400; } .bx-catalog-element.specials_winter .detail_text a.born { text-decoration: underline; } .product-item-container { position: relative; vertical-align: top; padding-bottom: 18px; margin-right: 5.27%; margin-bottom: 30px; text-align: center; border-bottom: 2px solid #b4bec4; } .product-item h3 { top: 0; left: 0; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; min-height: 70px; padding: 15px 0; margin: 0; font-size: 29px; line-height: 40px; text-align: center; font-weight: 300; color: #3e5768; letter-spacing: -0.8px; background: rgba(255,255,255,0.6); font-family: 'HelveticaNeueCyr'; } .product-item-container .product-variants__icon { width: 100%; min-height: 70px; height: 295px; margin-bottom: 20px; line-height: 0; overflow: hidden; background-color: #e3e3e3; background-size: cover; background-position: top center; } .product-item-container a.product-variants__btn.product-variants__btn--more.btn { font-size: 11px; line-height: 11px; text-transform: uppercase; color: #aea5a5; } .product-item-container a span.btn__title { display: inline-block; vertical-align: middle; } .specials-list.specials_winter .bx-section-desc { margin: -37px 0 0 0; } .product-item-container a span.btn__arrow.btn__arrow--right { margin-left: 10px; } .product-item-container .btn__arrow { width: 33px; height: 33px; border-color: #b4bec4; } .product-item-container .btn__arrow:before { border-top-color: #b4bec4; border-right-color: #b4bec4; } .specials-item { } .specials-item .bx_sitemap_li_title { margin-top: 20px; } .specials-item .bx_sitemap_li_title a { font-family: 'HelveticaNeueCyr'; color: #3e5768; font-size: 27px; text-align: center; line-height: 25px; } .descr_wint h3 { font-family: 'HelveticaNeueCyr'; color: #f71a39; font-size: 30px; font-weight: 300; line-height: 60px; text-align: left; margin: 18px 0 18px 0; } .product-item-detail-slider-container img, .descr_wint .col-md-6 img { max-width: 100%; } .descr_wint table { width: 100%; } .descr_wint th { border: 1px solid #d4d4d4; text-align: center; font-family: 'HelveticaNeueCyr'; color: #ffffff; font-size: 24px; font-weight: 500; line-height: 36px; background-color: #f71a39; padding: 10px 3px; min-width: 140px; } .descr_wint th p { color: #ffffff; } .descr_wint th span { text-decoration: underline; } .descr_wint table:nth-of-type(7) th, .descr_wint table:nth-of-type(9) th, .descr_wint table:nth-of-type(10) th { width: 33%; } .descr_wint table:nth-of-type(7) th, .descr_wint table:nth-of-type(8) th, .descr_wint table:nth-of-type(10) th { width: 33%; } .descr_wint tr:nth-child(2n) { background-color: #e7f3fa; } .descr_wint.prokat tr:nth-child(2n) { background-color: transparent; } .descr_wint.prokat tr:nth-child(2n+1) { background-color: #e7f3fa; } .descr_wint tr.gr, .descr_wint.prokat tr.gr { background-color: #7d8e99; } .descr_wint tr.col2 { background-color: #f3f3f3; } .descr_wint tr.col5 td { font-size: 24px; } .descr_wint td { border: 1px solid #d4d4d4; text-align: center; font-family: 'HelveticaNeueCyr'; color: #000000; font-size: 19px; font-weight: 300; line-height: 36px; padding: 0 2px; height: 65px; } .descr_wint tr.gr td { color: #ffffff; font-size: 16px; font-weight: 500; line-height: 36px; padding: 10px 22px; } .descr_wint.prokat tr.gr td { padding: 10px 5px; width: 15%; } .descr_wint td:nth-child(1) { /*text-align: left;*/ color: #000000; font-size: 19px; font-weight: 300; /*padding: 5px 20px 7px;*/ line-height: 23px; /*width: 36%;*/ } .descr_wint.prokat table:nth-of-type(3) td { width: 22%; } .descr_wint.prokat table:nth-of-type(3) td:nth-child(1) { width: 33%; } .descr_wint.prokat td:nth-child(1) { width: 30%; } .descr_wint.prokat table:nth-of-type(4) td { width: 33%; } .descr_wint tr.col2 td { color: #000000; font-size: 18px; font-weight: 300; padding: 8px 19px; line-height: 22px; height: 84px; } .descr_wint tr.col2 td span { font-weight: 500; } .descr_wint tr.col2 td:nth-child(1) { color: #000000; font-size: 18px; font-weight: 500; } .descr_wint .row { margin-bottom: 30px; } .events-list { margin: 50px 0 0 0; } .events-list .specials-carousel .specials-item { border-width: 0; border-color: #cccccc; border-style: solid; background-color: #ffffff; height: 380px; padding: 10px 10px; margin: 0 10px; } .events-list .specials-carousel .specials-item img { max-height: 254px; width: 100%; float: none !important; } .events-list .specials-carousel .specials-item .data_event { position: absolute; background: #F2F2F2; left: 17px; font-family: "HelveticaNeueCyr"; color: #f71a39; font-weight: 300; text-align: center; } .events-list .specials-carousel .specials-item .data_event.str3 { width: 70px; height: 98px; } .events-list .specials-carousel .specials-item .data_event.str3 .day { font-size: 48px; font-weight: 300; margin: 15px 0 0 0; } .events-list .specials-carousel .specials-item .data_event.str3 .month { font-size: 14px; font-weight: 300; } .events-list .specials-carousel .specials-item .data_event.str3 .year { font-size: 14px; font-weight: 300; line-height: 14px; } .events-list .specials-carousel .specials-item .data_event.str2 { width: 122px; height: 76px; } .events-list .specials-carousel .specials-item .data_event.str2 .day { font-size: 42px; font-weight: 300; margin: 15px 0 0 0; } .events-list .specials-carousel .specials-item .data_event.str2 .month_year { font-size: 18px; font-weight: 300; } .events-list .specials-carousel .specials-item .name_event { text-align: center; margin-top: 20px; font-family: 'HelveticaNeueCyr'; color: #3e5768; font-size: 27px; text-align: center; line-height: 30px; } .events-list .specials-carousel .specials-item:focus, .specials-item .bx_sitemap_li_title a:focus { outline: none; } .events-list .specials-carousel .specials-item .name_event:hover { color: #f71a39; } .events-list .specials-carousel .js-slick__btn--prev { left: -5px; } .events-list .specials-carousel .js-slick__btn--next { right: -5px; } .canvas_div canvas { width: 100%; height: 100%; } .h2_p { font-weight: 700; font-size: 26px; text-align: center; } .none { display: none !important; } .photo-video__slide.jsfancybox_gal.slick-slide.slick-current { cursor: pointer; } .fancybigblockgall { max-width: 1350px; text-align: center; } .fancybigblockover { position: fixed; width: 100%; height: 100%; z-index: 997; background-color: #000; opacity: 0.5; left: 0; top: 0; display: none; } .fancybigblockgall { position: fixed; width: 100%; height: auto; max-height: calc(100% - 100px); z-index: 999; background-color: #fff; left: 0; right: 0; max-width: 1350px; top: 50px; display: none; overflow: auto; margin: 0px auto !important; } .fancybigblockgall a { width: 293px; height: 208px; margin: 10px; text-decoration: none; display: inline-block; background-size: cover; background-position: center; } .fancybigblockgall p { margin: 25px 10px 10px 45px; font-size: 20px; line-height: 25px; font-weight: 300; color: #2c2f39; text-align: left; } .fancybigblockgall .close { position: absolute; top: 20px; font-weight: 300; font-size: 22px; color: #000; right: 30px; cursor: pointer; } .vspl_okna .owl-carousel { display: block; padding: 0px 10px 0px 35px; text-align: left; } .vspl_okna_mob .fancybigblockgall { text-align: left; padding: 0px 5px; } .vspl_okna_mob .fancybigblockgall a { float: left; } .vspl_okna_mob .fancybigblockgall .close { top: 10px; right: 15px; } .vspl_okna_mob .fancybigblockgall p { margin: 15px 10px 10px 0px; } @media (max-width:599px) { .photo-video__list.js-pagenav-list { } .vspl_okna .fancybigblockgall { display: block; position: relative; top: 0px; left: 0px; height: auto; z-index: 1; background: transparent; overflow: hidden; margin-bottom: 10px !important; clear: both; } .vspl_okna .fancybigblockgall .close { display: none; } .vspl_okna .fancybigblockgall p { margin: 0px 0px 10px; } .fancybigblockgall a { margin: 3px 3px 3px 2px; text-decoration: none; display: inline-block; background-size: cover; width: 98px; height: 70px; } .vspl_okna .owl-carousel { padding: 0px; text-align: center; height: 83px; overflow: hidden; } .vspl_okna .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev { background: 0 0; color: inherit; border: none; padding: 0 !important; font: inherit; position: absolute; top: 0px; } .vspl_okna .owl-carousel .owl-nav button.owl-next { right: 0px; } .vspl_okna .owl-carousel .owl-nav button.owl-prev { left: 0px; } .vspl_okna .owl-carousel .owl-nav button.owl-next span, .owl-carousel .owl-nav button.owl-prev span { background: #fffc; width: 20px; height: 76px; display: block; text-align: center; line-height: 76px; } } @media (max-width:480px) { .ui-pnotify-mobile-able.ui-pnotify { position: fixed; top: 0; right: 0; left: 0; width: auto !important; font-size: 1.2em; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -ms-font-smoothing: antialiased; font-smoothing: antialiased; } .ui-pnotify-mobile-able.ui-pnotify .ui-pnotify-shadow { -webkit-box-shadow: none; box-shadow: none; border-bottom-width: 5px; } .ui-pnotify-mobile-able .ui-pnotify-container { border-radius: 0; } .ui-pnotify-mobile-able.ui-pnotify.stack-topleft, .ui-pnotify-mobile-able.ui-pnotify.stack-bottomleft { left: 0; right: 0; } .ui-pnotify-mobile-able.ui-pnotify.stack-bottomright, .ui-pnotify-mobile-able.ui-pnotify.stack-bottomleft { left: 0; right: 0; bottom: 0; top: auto; } .ui-pnotify-mobile-able.ui-pnotify.stack-bottomright .ui-pnotify-shadow, .ui-pnotify-mobile-able.ui-pnotify.stack-bottomleft .ui-pnotify-shadow { border-top-width: 5px; border-bottom-width: 1px; } } @media (max-width:770px) { .service-timetable__day .myclass { padding-left: 0; text-align: center; font-size: 12px; } } @media (max-width:625px) { .children_time .myclass_mobil { display: block; color: #3d3d3d; font-family: "Open Sans"; font-size: 16px; font-weight: 400; width: 100%; text-align: center; padding: 1px 0 7px; } .children_time .itemdey0, .children_time .itemdey1 { background: transparent; } .children_time .service-timetable__item { margin: 0; padding: 0; height: auto !important; width: 100% !important; } .itemdey0 .myclass_mobil { background-color: #e9ebed; } .itemdey1 .myclass_mobil { background-color: #d9e4eb; } .children_time .service-timetable__time { color: #3d3d3d; font-family: "Open Sans"; font-size: 16px; font-weight: 700; line-height: 27px; letter-spacing: 0.3px; text-align: center; padding: 6px 0 20px; } .children_time .service-timetable__day { display: none; } .specials_winter { margin: 0; } .specials_winter h1 { color: #f71a39; font-size: 20px; font-weight: 300; text-align: center; margin: 0 0 30px; } .specials-item .bx_sitemap_li_title a { font-size: 20px; font-weight: 300; line-height: 25px; } } @media (max-width:444px) { .adapt_t td { padding: 0 4px; text-align: left; font-size: 13px; line-height: 20px; } } .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; } .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; } .fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; border-radius: 4px; } .fancybox-opened { z-index: 80300; } .fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0,0,0,0.5); box-shadow: 0 10px 25px rgba(0,0,0,0.5); } .fancybox-outer, .fancybox-inner { position: relative; } .fancybox-inner { overflow: hidden; } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; } .fancybox-error { color: #444; font-family: "HelveticaNeueCyr"; margin: 0; padding: 15px; white-space: nowrap; } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; } .fancybox-image { max-width: 100%; max-height: 100%; } #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('/assets/img/main/fancybox_sprite.png'); } #fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; } #fancybox-loading div { width: 44px; height: 44px; background: url('/assets/img/main/fancybox_loading.gif') center center no-repeat; } .fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; } .fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; } .fancybox-prev { left: 0; } .fancybox-next { right: 0; } .fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; } .fancybox-prev span { left: 10px; background-position: 0 -36px; } .fancybox-next span { right: 10px; background-position: 0 -72px; } .fancybox-nav:hover span { visibility: visible; } .fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; } .fancybox-lock { overflow: hidden !important; width: auto; } .fancybox-lock body { overflow: hidden !important; } .fancybox-lock-test { overflow-y: hidden !important; } .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 80100; background: rgba(0,0,0,0.5); } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; } .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; } .fancybox-title { visibility: hidden; font: normal 13px/20px "HelveticaNeueCyr"; position: relative; text-shadow: none; z-index: 8050; } .fancybox-opened .fancybox-title { visibility: visible; } .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; } .fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; background: rgba(0,0,0,0.8); border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; } .fancybox-title-inside-wrap { padding-top: 10px; } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0,0,0,.8); } .detail-news__img { width: 455px; height: auto; float: left; margin: 7px 25px 20px 0; } .detail-news__text { color: #676a71; font-size: 16px; font-weight: 300; line-height: 26px; } .detail-news__text ul { padding-left: 15px; } .detail-news__text ul li { list-style-type: disc; color: red; list-style-position: inside; } .detail-news__text ul li:before { display: none; } .detail-news__text ul li:first-line { color: #676a71; } @media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min--moz-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5) { #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('/assets/img/main/fancybox_sprite@2x.png'); background-size: 44px 152px; } #fancybox-loading div { background-image: url('/assets/img/main/fancybox_loading@2x.gif'); background-size: 24px 24px; } } @font-face { font-family:'MinionPro';src:url('/assets/fonts/MinionPro-Regular.eot?#iefix') format('embedded-opentype'),url('/assets/fonts/MinionPro-Regular.otf') format('opentype'),url('/assets/fonts/MinionPro-Regular.woff') format('woff'),url('/assets/fonts/MinionPro-Regular.ttf') format('truetype'),url('/assets/fonts/MinionPro-Regular.svg#MinionPro-Regular') format('svg'); font-weight:normal;font-style:normal; } @font-face { font-display: swap; font-family:'HelveticaNeueCyr';src:url('/assets/fonts/HelveticaNeueCyr-Thin.eot?#iefix') format('embedded-opentype'),url('/assets/fonts/HelveticaNeueCyr-Thin.otf') format('opentype'),url('/assets/fonts/HelveticaNeueCyr-Thin.woff') format('woff'),url('/assets/fonts/HelveticaNeueCyr-Thin.ttf') format('truetype'),url('/assets/fonts/HelveticaNeueCyr-Thin.svg#HelveticaNeueCyr-Thin') format('svg');font-weight:100;font-style:normal; } @font-face { font-display: swap; font-family:'HelveticaNeueCyr';src:url('/assets/fonts/HelveticaNeueCyr-Light.eot?#iefix') format('embedded-opentype'),url('/assets/fonts/HelveticaNeueCyr-Light.otf') format('opentype'),url('/assets/fonts/HelveticaNeueCyr-Light.woff') format('woff'),url('/assets/fonts/HelveticaNeueCyr-Light.ttf') format('truetype'),url('/assets/fonts/HelveticaNeueCyr-Light.svg#HelveticaNeueCyr-Light') format('svg');font-weight:300;font-style:normal; } @font-face { font-display: swap; font-family:'HelveticaNeueCyr';src:url('/assets/fonts/HelveticaNeueCyr-Medium.eot?#iefix') format('embedded-opentype'),url('/assets/fonts/HelveticaNeueCyr-Medium.otf') format('opentype'),url('/assets/fonts/HelveticaNeueCyr-Medium.woff') format('woff'),url('/assets/fonts/HelveticaNeueCyr-Medium.ttf') format('truetype'),url('/assets/fonts/HelveticaNeueCyr-Medium.svg#HelveticaNeueCyr-Medium') format('svg');font-weight:normal;font-style:normal; } @font-face { font-family:'PT Sans';src:url('/assets/fonts/PT_Sans-Web-Regular.ttf') format('truetype');font-weight:400; } *, *:before, *:after { -webkit-box-sizing: inherit; box-sizing: inherit; } html { height: 100%; font-size: 10px; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-box-sizing: border-box; box-sizing: border-box; } body { height: 100%; font-family: "HelveticaNeueCyr" sans-serif; font-size: 16px; line-height: 24px; color: #000; background-color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; } fieldset { padding: 0; margin: 0; font-size: 0; border: none; } ul { list-style: none; padding-left: 30px; } ul li { position: relative; } ul li:before { content: ''; position: absolute; top: 14px; left: -30px; width: 6px; height: 6px; background-color: #f71a39; border-radius: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } a { text-decoration: none; color: #f71a39; } button { padding: 0; margin: 0; border: none; outline: none; } img { max-height: 100%; height: auto; width: auto; } h1 { font-size: 50px; line-height: 50px; font-weight: 300; color: #f71a39; } h2 { font-size: 40px; line-height: 40px; font-weight: 300; color: #f71a39; } h3 { font-size: 30px; line-height: 30px; font-weight: 300; color: #f71a39; } h4 { font-size: 26px; line-height: 26px; font-weight: 300; color: #f71a39; } h5 { font-size: 20px; line-height: 28px; font-weight: 300; color: #f71a39; } p { margin: 0; } /*table tr:first-child td { font-weight: 500; }*/ td { padding: 5px 10px; } button, html input[type="button"], input[type="reset"] { -webkit-appearance: none; cursor: pointer; border: 0; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } button, select { text-transform: none; } .banner_about { max-width: 1200px; margin: 40px auto 0; text-align: center; background: url(/img/ba1.png) top left no-repeat; width: 100%; height: 158px; background-size: contain; } .banner_about div { //display: inline-block; float: left; } .banner_about .img_banner1 { margin: 17px 0 0 70px; } .banner_about .img_banner2 { margin: 15px 0 0 50px; } .banner_about .button_banner { background: #768F9B; padding: 8px 41px; vertical-align: middle; margin: 4.3% 4.7% 0 0; float: right; color: #fff; } #banner2 img { display: block; overflow: hidden; width: 100%; } @media (max-width:800px) { h1 { font-size: 40px; line-height: 45px; text-align: left; } h2 { font-size: 30px; line-height: 35px; } .living__title { font-size: 50px; } } @media (max-width:599px) { img { width: 100%; } .detail-news__img { display: none; } h1 { font-size: 25px; line-height: 30px; text-align: left; } h2 { font-size: 22px; line-height: 28px; } } .cf:before, .clearfix:before, .cf:after, .clearfix:after { content: ''; display: table; line-height: 0; } .cf:after, .clearfix:after { clear: both; } .wrapper { min-height: calc(100vh - 204px); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: 100%; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .business { width: 100%; min-height: 641px; padding: 110px 0; background: #d0cbc7; background-size: cover; } .business__wrapper { -webkit-box-sizing: border-box; box-sizing: border-box; max-width: 560px; min-height: 420px; padding: 50px 67px; margin: 0 auto; text-align: center; background: rgba(59,38,38,0.7); color: #fff; } .business__title { margin-bottom: 39px; font-size: 50px; line-height: 50px; font-weight: 100; text-align: center; color: #fff; } .business__info { margin-bottom: 31px; font-size: 20px; line-height: 30px; font-weight: 300; text-align: center; } .business__btn { height: 40px; padding: 10px 0; margin: 0 auto; font-size: 16px; line-height: 20px; text-transform: uppercase; font-weight: normal; color: #fff; } .business__btn .btn__arrow { margin-left: 20px; margin-top: -10px; } .business__btn.btn:hover .btn__title { color: #e3e3e3; } @media (max-width:599px) { .business { min-height: auto; padding: 0; } .business__wrapper { max-width: 600px; padding: 18% 20px 50px; } .business__title { font-size: 40px; line-height: 40px; } } .btn { display: inline-block; vertical-align: top; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 11px; } .btn--download { display: block; margin-bottom: 10px; font-size: 16px; line-height: 30px; font-weight: 300; color: #f71a39; text-align: right; } .btn__icon { display: inline-block; vertical-align: middle; width: 20px; height: 17px; margin-right: 5px; } .btn__icon svg { width: 20px; height: 17px; fill: #f71a39; } .btn--basic { width: auto; height: 50px; padding: 0 30px; font-size: 20px; font-weight: 300; line-height: 50px; border-radius: 3px; color: #fff; background: #f71a39; } .btn--basic:hover { background: #dd102c; } .btn--text { font-size: 11px; line-height: 20px; font-weight: 500; text-transform: uppercase; color: #676a71; } .btn--text .btn__arrow { width: 30px; height: 30px; margin-left: 9px; border: 2px solid #b4bec4; } .btn--text .btn__arrow:before { border-right-color: #b4bec4; border-top-color: #b4bec4; } .btn--service-page { margin-bottom: 70px; } .btn--about-page { margin: 50px auto 40px; } .btn--news-page { margin: 50px auto 0; } .btn:hover .btn__title { color: #000; } .btn:hover .btn__arrow { border: #f71a39; background: #f71a39; } .btn:hover .btn__arrow:before { border: 2px solid #fff; border-left-color: transparent; border-bottom-color: transparent; } .btn:hover .btn__plus { border: #f71a39; background: #f71a39; } .btn:hover .btn__plus:before, .btn:hover .btn__plus:after { background: #fff; } .btn--back { display: none; margin: 30px 0 30px 40px; } .btn--back .btn__arrow { margin-left: 0; margin-right: 9px; } .btn__arrow { position: relative; display: inline-block; vertical-align: middle; -webkit-box-sizing: border-box; box-sizing: border-box; width: 40px; height: 40px; border: 2px solid #fff; border-radius: 50%; } .btn__arrow:before { position: absolute; top: -webkit-calc(50% - 4px); top: calc(50% - 4px); display: block; content: ""; width: 7px; height: 7px; border: 2px solid #fff; border-left-color: transparent; border-bottom-color: transparent; } .btn__arrow--right:before { left: -webkit-calc(50% - 5px); left: calc(50% - 5px); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .btn__arrow--left:before { left: -webkit-calc(50% - 2px); left: calc(50% - 2px); -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); } .btn__title { display: inline-block; vertical-align: middle; } .btn__plus { position: relative; display: inline-block; vertical-align: middle; -webkit-box-sizing: border-box; box-sizing: border-box; width: 40px; height: 40px; margin-left: 20px; border: 2px solid #b4bec4; border-radius: 50%; } .btn__plus:before { position: absolute; top: -webkit-calc(50% - 7.5px); top: calc(50% - 7.5px); left: -webkit-calc(50% - 1px); left: calc(50% - 1px); display: block; content: ""; width: 2px; height: 15px; background: #b4bec4; } .btn__plus:after { position: absolute; top: -webkit-calc(50% - 1px); top: calc(50% - 1px); left: -webkit-calc(50% - 7.5px); left: calc(50% - 7.5px); display: block; content: ""; width: 15px; height: 2px; background: #b4bec4; } .vacancies .sidebar__btn--nav-btn .btn__title, .worksheet .sidebar__btn--nav-btn .btn__title { max-width: 135px; } @media (max-width:1140px) { .btn--back { display: none; position: absolute; top: -15px; left: 0; } .detail-news__img { float: left; margin: 7px 20px 20px 0; width: 329px; height: auto; } .col-md-4 .item_img img { display: none; } .col-md-4 .item_img img:first-of-type { display: initial; } .events-list .specials-carousel .specials-item .data_event.str3 { width: 58px; height: 75px; } .events-list .specials-carousel .specials-item .data_event.str3 .day { font-size: 40px; font-weight: 300; margin: 5px 0 0 0; } .events-list .specials-carousel .specials-item .data_event.str3 .month { font-size: 12px; font-weight: 300; line-height: 23px; } .events-list .specials-carousel .specials-item .data_event.str3 .year { font-size: 12px; font-weight: 300; line-height: 12px; } .events-list .specials-carousel .specials-item .data_event.str2 { width: 99px; height: 61px; } .events-list .specials-carousel .specials-item .data_event.str2 .day { font-size: 34px; font-weight: 300; margin: 5px 0 0 0; } .events-list .specials-carousel .specials-item .data_event.str2 .month_year { font-size: 14px; font-weight: 300; } #toTop, #upform-mini { display: none !important; } } @media (max-width:599px) { .btn--back { margin-left: 20px; } .worksheet .sidebar--mobile .sidebar__btn--nav-btn .btn__title, .vacancies .sidebar--mobile .sidebar__btn--nav-btn .btn__title { max-width: none; } } .page-header { max-width: 100%; } .page-header__content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; max-width: 1440px; padding: 5px 60px 0; height: 100px; margin: 0 auto; font-size: 0; } .page-header__logo { position: relative; display: inline-block; vertical-align: top; width: 100%; height: 90px; float: left; z-index: 99; } .page-header__logo:before { /*content: '';*/ position: absolute; top: 10px; bottom: 10px; left: 128px; width: 1px; background: #e3e3e3; } .page-header__logo-icon { max-width: 100%; max-height: 100%; } .page-header__top-info { height: 35px; padding-top: 10px; margin-bottom: 10px; color: #676a71; font-weight: 300; } .page-header__info { position: relative; display: inline-block; vertical-align: top; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 16px; padding-right: 14px; height: 79px; font-size: 16px; } .page-header__info--5 { padding-right: 0; } .page-header__info:before { position: absolute; top: 9px; bottom: 0; left: 0; content: ""; display: block; width: 1px; background: #e3e3e3; } .page-header__info:first-of-type:before { display: none; } .page-header__link { display: inline-block; vertical-align: middle; cursor: pointer; } .page-header__icon-wrap { display: inline-block; vertical-align: middle; width: 26px; height: 28px; margin-right: 5px; } .page-header__icon { width: 24px; height: 24px; } .page-header__title { display: inline-block; vertical-align: middle; } .page-header__title, .page-header__language { font-size: 11px; line-height: 11px; text-transform: uppercase; font-weight: 500; color: #728189; } .page-header__language:hover { color: #4e5360; } .page-header__logo { width: 255px; margin-right: auto; } .page-header__logo-mobile { position: absolute; top: 6px; left: 60px; display: none; width: 46px; height: 38px; z-index: 310; } .page-header__logo-mobile .icon__cls-1 { fill: transparent; } .page-header__logo-mobile .icon__cls-2 { fill: #fff; } .page-header__logo-mobile.is-visible { display: block; } .page-header__content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .page-header__wrapper { /*position: fixed; top: 0; left: 0; right: 0; z-index: 600;*/ background: #fff; } .page-header__nav-btn { position: absolute; top: 8px; right: 60px; display: none; width: 70px; height: 30px; font-size: 10px; text-transform: uppercase; font-weight: 500; text-align: left; background: none; color: #fff; z-index: 310; } .page-header__bottom { position: relative; } .page-header__nav-btn.to-open { display: block; } .is-closed .page-header.to-close { display: block; } .page-header { -webkit-transition: all 0.2s ease; transition: all 0.2s ease; /*min-height: 163px;*/ } .page-header__social { margin-top: -5px; margin-right: -7px; } .page-header__social.social { text-align: left; margin-left: -15px; } .page-header__phone { color: #676a71; } .page-header__top { position: fixed; top: 0; left: 0; right: 0; z-index: 600; } .ico_hotel.ico_hotel11 { background: url(/residence/ico3.png) center 0 no-repeat; } .ico_hotel.ico_hotel22 { background: url(/residence/ico4.png) center 0 no-repeat; } .ico_hotel.ico_hotel33 { background: url(/residence/ico2.png) center 0 no-repeat; width: 100%; margin: 0 0 30px 0; } .header_right_block { float: right; width: calc(100% - 300px); text-align: right; } @media (max-width:1439px) { .page-header__content { padding: 20px 60px 0; } .page-header__content--base { padding: 20px 90px 0; } .page-header__info { padding-left: 5px; padding-right: 5px; } .page-header__info--5 { padding-right: 0; } } @media (max-width:1140px) { .header_hide_block { display: none; } .page-header__social { display: block; } .header_right_block { width: 100%; margin: 0 0 0 0; } .page-header { min-height: 1px; } .page-header__wrapper { padding-top: 56px; } .page-header__logo { display: none; } .page-header__content { position: relative; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; padding: 10px 20px; height: auto; } .page-header__info:before { display: none; } .page-header__info--3, .page-header__info--4 { display: none; } .page-header__info--5 .page-header__top-info { visibility: hidden; } .page-header__nav { position: fixed; top: 50px; left: 0; width: 100%; height: 100%; background-color: #fff; z-index: 200; overflow-x: hidden; overflow-y: scroll; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; display: none; } .page-header__nav.active { display: block; } .page-header__bottom.is-opened .page-header__nav { top: 100px; opacity: 1; height: auto; } .page-header__nav-btn { display: block; top: 12px; right: 40px; } .page-header__logo-mobile { display: block; left: 40px; } .page-header__bottom.is-opened .page-header__nav { position: fixed !important; top: 50px; height: 100%; overflow: scroll; display: block; width: 100%; } a.sh_menu.sh_show .menu.icon.pngicons { content: ''; position: absolute; top: 17px; right: 40px; width: 10px; height: 10px; border: 1px solid #000; border-left-color: transparent; border-bottom-color: transparent; background: none; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); } .has-submenu .main-nav__item-inner:after { display: none; } .page-header__info, .page-header__info--3 { display: inline-block !important; } .spa-variants__item-title { font-size: 27px !important; } } @media (max-width:599px) { .page-header__content { padding: 20px 20px 0; } .page-header__info { width: 50%; height: auto; padding-bottom: 0; padding-left: 0; text-align: center !important; padding-right: 5px; } .page-header__info--2, .page-header__info--5 { padding-left: 0; margin: 0; } .page-header__info--2 { text-align: left; } .page-header__info--5 .page-header__top-info { display: none; } .page-header__link { white-space: nowrap; } .page-header__icon-wrap img { width: auto; max-width: 100%; } .page-header__title { width: 71%; white-space: normal; text-align: left; } .page-header__nav-btn { right: 20px; } .page-header__logo-mobile { left: 20px; } .page-header__content { padding: 0 20px 15px; } .page-header__info--3, .page-header__info--4 { display: block; } .page-header__info--5 .page-header__top-info { display: block; } .page-header__content>.page-header__info { width: 50%; padding: 3px 0 !important; } .page-header__title { width: 100%; } .show500 { display: block; } .show500#uptocall-mini_500, .show500#upform-mini_500 { display: block; font-size: 12px; line-height: 40px; font-weight: 300; text-transform: uppercase; color: #000; text-align: center; padding-right: 20px; padding-bottom: 20px; } #sf-controller { text-align: center; background: #f71a39; padding-top: 10px; padding-bottom: 10px; color: #fff; cursor: pointer; text-transform: uppercase; font-size: 14px; display: none; border-top: 1px solid #fff; position: fixed; top: 50px; width: 100%; } #uptocall-mini, #upform-mini { display: none !important; } .page-header__logo-mobile.is-visible, .page-header__logo-mobile { display: block !important; z-index: 1000; position: absolute; left: 20px; width: 46px; height: 38px; } .page-header__logo-mobile.is-visible svg { display: none; } } .main-nav { position: relative; margin-top: 0; border-top: 1px solid #e3e3e3; } .main-nav__wrapper { border-bottom: 2px solid #e3e3e3; } .main-nav__list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; max-width: 1280px; padding: 0 20px; margin: 0 auto; } .main-nav__list--index { max-width: 1440px; padding: 0 60px; } .main-nav__item { position: relative; text-align: center; } .main-nav__item:before { display: none; } .main-nav__item:last-child .main-nav__submenu { left: -100%; } .main-nav__item:hover:after { position: absolute; left: 0; bottom: -5px; display: block; content: ""; width: 100%; height: 5px; z-index: 1; } .main-nav__item:hover .main-nav__submenu { display: block; } .main-nav__item:not(.is-current):hover:before { display: block; position: absolute; bottom: -2px; left: 0; right: 0; top: auto; content: ""; width: auto; height: 4px; z-index: 2; background-color: #f71a39; border-radius: 0; -webkit-transform: none; -ms-transform: none; transform: none; } .main-nav__item.is-current:before { display: block; position: absolute; bottom: -2px; left: 0; right: 0; top: auto; content: ""; width: auto; height: 4px; z-index: 2; background-color: #f71a39; border-radius: 0; -webkit-transform: none; -ms-transform: none; transform: none; } .main-nav__item-inner > a { display: block; font-size: 12px; line-height: 40px; font-weight: 300; text-transform: uppercase; color: #728189; } .main-nav__submenu { position: absolute; left: 0; top: 42px; z-index: 150; display: none; width: 180px; font-size: 0; padding: 0; background-color: #f3f3f3; -webkit-box-shadow: 0 2px 5px #adb4b9; box-shadow: 0 2px 5px #adb4b9; } .main-nav__subitem { display: inline-block; vertical-align: top; width: 100%; text-align: left; } .main-nav__subitem:before { display: none; } .main-nav__subitem > a { display: block; width: 100%; min-height: 50px; padding: 15px 20px; font-size: 14px; line-height: 20px; font-weight: 300; color: #676a71; background: #f3f3f3; } .main-nav__subitem > a:hover { color: #fff; background: #4e5360; } .main-nav__subitem:last-of-type > a { padding-right: 0; } .main-nav__secondary-wrap { background: #f3f3f3; } .main-nav__secondary-list { display: block; font-size: 0; max-width: 1140px; padding: 0 20px; margin: 0 auto; text-align: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .main-nav__secondary-list--business .main-nav__secondary-item { margin-right: 41px; } .main-nav__secondary-item { font-size: 16px; line-height: 40px; font-weight: 300; margin-right: 29px; padding: 0; } .main-nav__secondary-item:before { display: none; } .main-nav__secondary-item:last-child { margin-right: 0; } .main-nav__secondary-item a { color: #7d8e99; } .main-nav__secondary-item.is-active a { color: #f71a39; } @media (max-width:1140px) { .main-nav { margin: 0; } .main-nav__wrapper { border-bottom: none; } .main-nav__list { padding: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .main-nav__item:not(.is-current):hover:before { display: none; } .main-nav__submenu { position: static; width: 117%; margin-left: -40px; -webkit-box-shadow: none; box-shadow: none; } .main-nav__subitem > a { padding: 15px 60px; } .main-nav__subitem > a:hover { background: #f3f3f3; color: #f71a39; } .main-nav__item { position: relative; padding: 0 40px; cursor: pointer; } .main-nav__item.is-active.has-submenu .main-nav__item-inner::after { top: 17px; border: 1px solid transparent; border-left-color: #f71a39; border-bottom-color: #f71a39; } .main-nav__item.is-active.has-submenu .main-nav__item-inner > a { color: #f71a39; } .main-nav__item.is-current:before { display: none; } .main-nav__item .main-nav__item-inner > a { display: inline-block; vertical-align: top; width: auto; padding-right: 20px; font-size: 12px; } .main-nav__item:hover:before { display: none; } .main-nav__item:not(.is-current):hover .main-nav__submenu { display: none; } .main-nav__item.is-active.has-submenu { background: #f3f3f3; } .main-nav__item.is-active.has-submenu:hover .main-nav__submenu { display: block; } .main-nav__item.is-active.has-submenu > a { color: #f71a39; } .main-nav__item.is-active.has-submenu .main-nav__submenu { display: block; } .main-nav__secondary-wrap { display: none; } .has-submenu .main-nav__item-inner:after { content: ''; position: absolute; top: 17px; right: 40px; width: 5px; height: 5px; border: 1px solid #000; border-left-color: transparent; border-bottom-color: transparent; background: none; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); } } @media (max-width:599px) { .main-nav__item { padding: 0 20px; min-height: 50px; } .main-nav__item-inner > a { line-height: 50px; } .main-nav__submenu { width: 117%; margin-left: -20px; } .main-nav__subitem > a { padding: 10px 40px; } } .gallery { margin-top: 60px; margin-bottom: 81px; } .gallery__wrapper { -webkit-box-sizing: border-box; box-sizing: border-box; max-width: 1440px; margin: 0 auto; } .gallery__slider { position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; max-width: 1440px; width: 100%; padding: 0 60px; } .gallery__slide { position: relative; width: 100%; height: 40vw; max-height: 570px; min-height: 150px; background-color: #e3e3e3; overflow: hidden; background-repeat: no-repeat; background-position: center; } .gallery__slide img { max-height: none; max-width: 100%; } .gallery__content { position: absolute; top: 14%; bottom: 14%; left: -webkit-calc(50% - 200px); left: calc(50% - 200px); width: 400px; max-height: 400px; padding: 20px; text-align: center; background: rgba(59,38,38,0.45); } .gallery__content-wrap { display: table; width: 100%; height: 100%; } .gallery__content-container { display: table-cell; vertical-align: middle; height: 100%; } .gallery__title { font-size: 16px; line-height: 60px; font-weight: 300; color: #ffd9d9; } .gallery__info { font-size: 28px; line-height: 36px; font-weight: 300; color: #fff; } @media (max-width:1439px) { .gallery__slider { padding: 0 90px; } } @media (max-width:1140px) { .gallery { margin-top: 200px; margin-bottom: 50px; } .gallery__slider { padding: 0 40px; } .gallery__content { padding: 0 20px; top: 10%; bottom: 10%; } .gallery__title { line-height: 50px; } .gallery__info { font-size: 24px; line-height: 32px; } } @media (max-width:727px) { .gallery { margin-top: 330px; margin-bottom: 50px; } .specials_winter { margin: -160px 0 0 0; } } @media (max-width:599px) { .gallery { margin-top: 80px; } .gallery__wrapper { padding: 0 20px; } .gallery__slider { margin: 0 auto; padding: 20px 0 0; } .gallery__content { top: 0; right: 0; bottom: 0; left: 0; width: 100%; padding: 0 10px; } .gallery__title { line-height: 40px; } .gallery__info { font-size: 20px; line-height: 24px; } .gallery .js-slick__dots { text-align: center; } } .living { margin-bottom: 40px; } .living__top > a { display: block; height: 100%; } .living__wrapper { font-size: 0; } .living__content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .living__title { margin: 40px auto; font-size: 65px; line-height: 70px; font-weight: 100; text-align: center; color: #f71a39; } .living__info { max-width: 840px; margin: 0 auto; margin-bottom: 25px; font-size: 16px; line-height: 30px; text-align: center; } .living__item { position: relative; display: inline-block; vertical-align: top; width: 29.82%; min-height: 421px; padding-bottom: 24px; margin-right: 5.27%; margin-bottom: 30px; font-size: 0; border-bottom: 1px solid #000; } .living__item:nth-child(3n) { margin-right: 0; } .living__item-title { top: 0; left: 0; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 70px; padding: 15px 0; margin: 0; font-size: 27px; line-height: 40px; text-align: center; font-weight: 300; color: #728189; background: rgba(255,255,255,0.6); } .living__icon { width: 100%; height: 18vw; max-height: 285px; min-height: 70px; margin-bottom: 30px; line-height: 0; overflow: hidden; background-color: #e3e3e3; background-position: center; background-size: cover; } .living__about-item { min-height: 160px; padding: 0 5.9%; font-size: 15px; line-height: 20px; font-weight: 300; text-align: center; } .living__btn { font-size: 11px; line-height: 11px; text-transform: uppercase; color: #aea5a5; } .living__btn .btn__arrow { width: 33px; height: 33px; border-color: #b4bec4; } .living__btn .btn__arrow:before { border-top-color: #b4bec4; border-right-color: #b4bec4; } .living__btn .btn__arrow--left { margin-right: 10px; } .living__btn .btn__arrow--right { margin-left: 10px; } .living__btn--book { display: block; width: 100%; max-width: 312px; background-color: #7a335c; font-family: 'Montserrat',Arial,sans-serif; background-image: -webkit-linear-gradient(bottom, #7a335c, #ed1c24); background-image: linear-gradient(to top, #7a335c, #ed1c24); color: #fff; margin: 20px auto 0; text-align: center; padding: 12px; cursor: pointer; font-size: 18px; line-height: 18px; text-transform: none; box-shadow: 0 1px 3px 0 rgba(0,0,0,0), 0 1px 0 0 rgba(255,255,255,0) inset; text-shadow: 0 0 0 rgba(0,0,0,0); border-radius: 0; border: 0; } .living__btn--book:focus, .living__btn--book:hover { background-color: #973f72; background-image: -webkit-linear-gradient(bottom, #973f72, #b56d97); background-image: linear-gradient(to top, #973f72, #b56d97); } .living__btn--book:focus .btn__title, .living__btn--book:hover .btn__title{ color: #fff; } .living__btn--more { float: right; } @media (max-width:1140px) { .living { margin-bottom: 0; } .living__wrapper { padding: 0; } .living__top { position: relative; display: inline-block; vertical-align: top; margin: 0 auto; width: 50%; min-width: 300px; } .living__bottom { position: relative; display: inline-block; vertical-align: top; width: 100%; } .living__item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; min-height: auto; margin: 0 0 30px; padding-bottom: 0; } .living__about-item { padding: 20px; min-height: auto; } .living__icon { margin-bottom: 15px; height: 32vw; } .living__btn--book { margin: 20px auto; max-width: 260px; } .living__btn--book .btn__arrow { position: absolute; right: -10px; top: 50%; -webkit-transform: translateY(-50%) rotate(180deg); -ms-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); } .page-content--index .living__wrapper { padding: 0 40px; } } @media (max-width:599px) { .living { margin-bottom: 0; } .living__wrapper { padding: 0; } .living__top, .living__bottom { width: 100%; } .living__item { padding-bottom: 15px; } .living__icon { height: 58vw; margin-bottom: 15px; max-height: 415px; } .living__about-item { padding: 20px; margin-bottom: 20px; min-height: auto; } .living__title { font-size: 45px; line-height: 50px; } .living__item-title { height: auto; } .living__buttons { position: static; } .living__btn--book .btn__arrow { position: relative; right: auto; -webkit-transform: none; -ms-transform: none; transform: none; margin-right: 10px; } .living__btn--more { float: right; } .page-content--living .living__wrapper { margin-bottom: 30px; } .page-content--index .living__wrapper { padding: 0 20px; } } .information { margin-bottom: 135px; } .information__wrapper { max-width: 1440px; padding: 0 60px; margin: 0 auto; font-size: 0; } .hotel.kot .hotel_item { margin-bottom: 15px; } .hotel.kot2 .hotel_item { margin-bottom: 15px; } .hotel.kot2 { margin: 20px 0 -20px; } .hotel .hotel_item { width: 30%; display: inline-block; text-align: center; vertical-align: top; } .hotel .hotel_item:first-of-type, .hotel .hotel_item:nth-of-type(4) { min-width: 107px; } .hotel .hotel_item .text { color: #000000; font-family: "HelveticaNeueCyr"; font-size: 23px; font-weight: 100; margin-top: 7px; line-height: 17px; } .hotel .hotel_item .ico { width: 47px; height: 47px; margin: 0 auto; } .hotel .hotel_item.tv .ico { background: url(/img/tv.png) center no-repeat; } .hotel.kot2 .hotel_item.tv { margin-left: 18%; } .hotel .hotel_item.wifi .ico { background: url(/img/wifi.png) center no-repeat; } .hotel .hotel_item.polulux .ico { background: url(/img/polulux.png) center no-repeat; } .hotel .hotel_item.che .ico { background: url(/img/4r.png) center no-repeat; } .hotel .hotel_item.she .ico { background: url(/img/6r.png) center no-repeat; } .hotel .hotel_item.sauna .ico { background: url(/img/sauna.png) center no-repeat; } .hotel .hotel_item.kami .ico { background: url(/img/kami.png) center no-repeat; } @media (max-width:1439px) { .information__wrapper { padding: 0 90px; } } @media (max-width:1140px) { .information { margin-bottom: 40px; } .information__wrapper { padding: 0 40px; } } @media (max-width:599px) { .information__wrapper { padding: 0 20px; } } .news { -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; vertical-align: top; width: 46.9%; padding-bottom: 32px; margin-right: 3.1%; border-bottom: 1px solid #000; } .news__slider { position: relative; width: 100%; min-height: 300px; font-size: 16px; } .news__photo { position: relative; display: inline-block; vertical-align: top; width: 64.8%; height: 310px; margin-right: 2.6%; line-height: 0; background-color: #e3e3e3; } .news__slide { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; min-height: 300px; height: 100%; font-size: 0; } .news__content { display: inline-block; vertical-align: top; width: 32.3%; padding-top: 9px; font-size: 16px; } .news__btn { position: absolute; bottom: 0; left: 0; width: 100%; height: 50px; padding: 10px; font-size: 10px; line-height: 10px; text-transform: uppercase; text-align: center; color: #fff; background: rgba(59,38,38,0.45); } .news__btn.btn:hover .btn__title { color: #e3e3e3; } .news__btn .btn__arrow { width: 30px; height: 30px; } .news__btn .btn__arrow--right { margin-left: 10px; } .news__title { margin: 0; margin-bottom: 15%; font-size: 30px; line-height: 30px; font-weight: 300; color: #f71a39; } .news__date { font-size: 11px; line-height: 20px; color: #7d8e99; } .news__address { margin-bottom: 13.7%; display: block; font-weight: 300; color: #000; } .news__nav { position: absolute; bottom: 0; right: 0; width: 32.3%; text-align: center; } .news__number { margin: 0 30%; font-size: 11px; line-height: 20px; font-weight: 300; color: #7d8e99; } .news__current-number { font-size: 12px; line-height: 20px; color: #000; } .news__arrow { width: 7px; height: 7px; border: 2px solid #f71a39; border-left-color: transparent; border-bottom-color: transparent; background: none; } .news__arrow:before { content: ''; position: absolute; width: 30px; height: 30px; background: transparent; border-radius: 50%; top: -12px; right: -12px; } .news__arrow--next { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .news__arrow--prev { -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); } .news__image { display: block; width: 100%; height: 100%; } @media (max-width:1140px) { .news { width: 100%; margin-bottom: 30px; } .news__photo { width: 64.8%; height: 47vw; margin-bottom: 0; } .news__slider { width: 100%; min-height: 260px; } .news__slide { min-height: 260px; } .news__content { width: 32.3%; } .news__nav { width: 32.3%; } } @media (max-width:599px) { .news { margin-right: 0; } .news__photo { width: 100%; height: 71vw; margin-bottom: 20px; margin-right: 0; } .news__slider { width: 100%; min-height: 200px; } .news__slide { min-height: 200px; } .news__title { margin-bottom: 10px; } .news__address { margin-bottom: 50px; } .news__content { width: 100%; } .news__nav { width: 100%; } } .events { -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; vertical-align: top; width: 46.9%; padding-bottom: 32px; margin-left: 3.1%; border-bottom: 1px solid #000; } @media (max-width:1140px) { .events { width: 100%; margin-bottom: 30px; margin-left: 0; } } @media (max-width:599px) { .events { margin-right: 0; } } .services__wrapper { padding-top: 68px; padding-bottom: 80px; text-align: center; } .page-content--services .services__wrapper, .page-content--service .services__wrapper { padding-top: 0; padding-bottom: 60px; } .services__title { margin: 0; margin-bottom: 30px; font-size: 50px; line-height: 50px; font-weight: 300; color: #f71a39; } .services__info { max-width: 720px; margin: 0 auto; margin-bottom: 50px; font-weight: 300; } .services__labels { max-width: 850px; margin: 0 auto; margin-bottom: 81px; padding: 0; font-size: 0; } .services--restaurant .services__labels { max-width: 720px; } .services__label { position: relative; display: inline-block; vertical-align: middle; margin-bottom: 38px; margin-right: 50px; font-size: 20px; font-weight: 300; color: #7d8e99; outline: none; cursor: pointer; } .services__label:last-child { margin-right: 0; } .services__label:before { display: none; } .services__label--active:after, .services__label.is-active:after { position: absolute; bottom: -2px; left: -10px; right: -10px; height: 2px; content: ""; background: #f71a39; } .services__slider { position: relative; width: 900px; height: 440px; margin: 0 auto; } .services__slider .slick-list { height: 100%; overflow: visible; } .services__slider .slick-track { height: 100%; } .services__slide { position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 100%; outline: none; overflow: hidden; } .services__slide img { -webkit-filter: #808080; filter: #808080; -webkit-filter: grayscale(100%); filter: grayscale(100%); max-width: 100%; max-height: none; } .services__inner { background-color: #e3e3e3; } .slick-current .services__slide { padding: 0; -webkit-box-shadow: 0 20px 35px #b3b4b8; box-shadow: 0 20px 35px #b3b4b8; } .slick-current .services__slide img { -webkit-filter: none; filter: none; } .services__slide-content { position: absolute; top: 50%; left: 50%; z-index: 20; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 240px; min-height: 50px; padding: 15px; text-align: center; font-weight: 300; color: #fff; background: rgba(59,38,38,0.45); border-radius: 3px; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .services__slide-content:hover { width: 360px; max-height: 360px; padding: 0 44px 20px 44px; background: rgba(59,38,38,0.6); border-radius: 0; } .services__slide-content:hover .services__slide-title { font-size: 40px; font-weight: 300; margin-bottom: 40px; } .services__slide-content:hover .services__slide-info { display: block; font-size: 16px; line-height: 20px; } .services__slide-title { font-size: 20px; color: #fff; } .services__slide-info { display: none; } .services__top { padding: 0 20px; } @media (max-width:1140px) { .services__slider { width: 100%; max-width: 900px; height: 46vw; } .services__info { margin-bottom: 40px; } .services__labels { margin-bottom: 40px; } .services__label { margin-bottom: 25px; margin-right: 40px; } .services__slide-content:hover { width: 360px; padding: 20px 15px 15px; } .services__slide-content:hover .services__slide-title { font-size: 40px; line-height: 50px; font-weight: 300; margin-bottom: 30px; } .services__slide-content:hover .services__slide-info { display: block; font-size: 16px; line-height: 20px; } .services__slide-content:focus { width: 360px; padding: 20px 15px 15px; background: rgba(59,38,38,0.6); border-radius: 0; } .services__slide-content:focus .services__slide-title { font-size: 40px; font-weight: 300; margin-bottom: 30px; } .services__slide-content:focus .services__slide-info { display: block; font-size: 16px; line-height: 20px; } .page-content--services .services__wrapper, .page-content--service .services__wrapper { padding-bottom: 0; } .page-content--services .services { display: none; } } @media (max-width:599px) { .services__title { font-size: 30px; line-height: 30px; } .services__slide-content { display: none; } .services__wrapper { padding-top: 40px; padding-bottom: 40px; } .services__label { margin-bottom: 15px; margin-right: 20px; font-size: 16px; line-height: 20px; } .services__slider { height: 47vw; } } .index-contacts__wrapper { padding: 47px 0 36px 0; font-size: 0; text-align: center; } .index-contacts__map-container { display: inline-block; vertical-align: top; -webkit-box-sizing: border-box; box-sizing: border-box; width: 50%; padding-left: 79px; padding-right: 35px; text-align: right; } .index-contacts__map { height: 490px; background-color: #d4e5ce; } .index-contacts__content { display: inline-block; vertical-align: top; -webkit-box-sizing: border-box; box-sizing: border-box; width: 50%; padding-left: 35px; text-align: left; } .index-contacts__title { margin-left: 60px; margin-top: 50px; margin-bottom: 29px; } .index-contacts__title-link { font-size: 40px; line-height: 30px; font-weight: 100; color: #f71a39; } .index-contacts__title-link .btn__arrow { width: 30px; height: 30px; margin-left: 24px; border-color: #f71a39; } .index-contacts__title-link .btn__arrow:before { border-top-color: #f71a39; border-right-color: #f71a39; } .index-contacts__phone { display: block; margin-left: 60px; margin-bottom: 35px; font-size: 30px; line-height: 63px; font-weight: 300; color: #000; } .index-contacts__callback { display: block; margin-left: 60px; margin-bottom: 26px; font-size: 11px; line-height: 11px; text-transform: uppercase; color: #000; } .index-contacts__icon { display: inline-block; vertical-align: middle; width: 26px; height: 26px; padding: 6px 9px; margin-right: 6px; background: #f71a39; border-radius: 50%; } .index-contacts__icon svg { width: 8px; height: 14px; fill: #fff; } .index-contacts__address { max-width: 325px; margin-left: 60px; margin-bottom: 60px; min-height: 75px; font-size: 18px; line-height: 25px; font-weight: 300; } .index-contacts__coordinates { padding: 20px 60px; background: #d8d6d6; } .index-contacts__gps-title { margin: 0; margin-bottom: 15px; font-size: 18px; line-height: 30px; color: #000; font-weight: 500; } .index-contacts__gps-item { font-size: 15px; line-height: 30px; } .index-contacts__gps-item:before { display: none; } .index-contacts__gps-list { padding: 0; } .index-contacts__gps-value { font-weight: 300; } .index-contacts__gps-value span { color: #7d8e99; } .index-contacts__btn { margin-top: 47px; font-size: 20px; line-height: 30px; color: #f71a39; } .index-contacts__btn .btn__arrow { width: 30px; height: 30px; margin-left: 24px; border-color: #f71a39; } .index-contacts__btn .btn__arrow:before { border-top-color: #f71a39; border-right-color: #f71a39; } @media (max-width:1140px) { .index-contacts__map-container { width: 100%; padding: 0; } .index-contacts__map { height: 300px; } .index-contacts__content { width: 100%; padding-left: 0; } .index-contacts__title, .index-contacts__phone, .index-contacts__callback, .index-contacts__address { margin-left: 40px; } .index-contacts__coordinates { padding: 20px 40px; } .index-contacts__btn { margin-top: 35px; } .index-contacts__phone { margin-bottom: 20px; } .index-contacts__address { margin-bottom: 30px; } } @media (max-width:599px) { .index-contacts__coordinates { padding: 20px; } .index-contacts__title, .index-contacts__phone, .index-contacts__callback, .index-contacts__address { margin-left: 20px; margin-right: 20px; } } .subscribe { background-color: #d8d6d6; } .subscribe__wrapper { -webkit-box-sizing: border-box; box-sizing: border-box; max-width: 1220px; padding: 14px 0 26px 0; margin: 0 auto; text-align: center; font-family: 'HelveticaNeueCyr'; } .subscribe__input-wrap { position: relative; display: inline-block; } .subscribe__input-wrap label.error { position: absolute; left: 5px; bottom: -22px; font-size: 14px; font-weight: 300; color: #f71a39; } .subscribe__title { margin: 0; margin-bottom: 0; font-size: 30px; line-height: 60px; font-weight: 100; color: #2c2f39; } .subscribe__info { margin-bottom: 21px; font-size: 18px; line-height: 24px; font-weight: 300; color: #676a71; } .subscribe__email { -webkit-box-sizing: border-box; box-sizing: border-box; width: 296px; height: 48px; padding: 0 20px; margin-right: 47px; line-height: 48px; border: 1px solid #d7d8db; outline: none; } .subscribe__btn { margin-top: 5px; font-size: 18px; line-height: 30px; color: #f71a39; background: none; } .subscribe__btn .btn__arrow { width: 30px; height: 30px; border-color: #f71a39; } .subscribe__btn .btn__arrow:before { border-top-color: #f71a39; border-right-color: #f71a39; } .subscribe::-webkit-input-placeholder { font-weight: 300; padding-top: 3px; } .subscribe:-moz-placeholder { font-weight: 300; padding-top: 3px; } .subscribe:-ms-input-placeholder { font-weight: 300; padding-top: 3px; } @media (max-width:1140px) { .subscribe__wrapper { padding: 50px 40px; } } @media (max-width:599px) { .subscribe__wrapper { padding: 40px 20px; } .subscribe__title { line-height: 40px; } .subscribe__email { width: 100%; margin-right: 0 !important; margin-bottom: 15px; } } .site-map { background-color: #393e49; } .site-map__wrapper { max-width: 960px; padding: 46px 0 5px 0; margin: 0 auto; } .site-map__list { font-size: 0; padding: 0; } .site-map__list > li { display: inline-block; vertical-align: top; width: 12.5%; margin-bottom: 30px; } .site-map__list > li:before { display: none; } .site-map__item a { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; max-width: 110px; margin: 0 10px 0 0; font-size: 13px; line-height: 15px; font-weight: 300; word-wrap: break-word; color: #fff; } .site-map__item > a { margin-bottom: 18px; } .site-map__subitem a { margin-bottom: 14px; font-size: 12px; color: #b4bec4; } .site-map__submenu { padding: 0; } .site-map__subitem:before { display: none; } @media (max-width:1140px) { .site-map__wrapper { padding: 46px 27px 5px; } .site-map__list > li { width: 25%; } } @media (max-width:599px) { .site-map { display: none; } .site-map__wrapper { padding: 46px 7px 5px; } } .page-footer { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; background-color: #31353f; /*margin-top: 25px;*/ } .page-footer__wrapper { -webkit-box-sizing: border-box; box-sizing: border-box; max-width: 960px; min-height: 70px; padding: 15px 10px; margin: 0 auto; } .page-footer__rights { float: left; padding-top: 8px; font-size: 14px; line-height: 24px; color: #6f7279; max-width: 79%; } .page-footer__social { float: right; -webkit-box-sizing: border-box; box-sizing: border-box; width: 196px; height: 40px; padding-top: 10px; } @media (max-width:1140px) { .page-footer__wrapper { padding: 15px 40px; } } @media (max-width:599px) { .page-footer__wrapper { padding: 15px 20px; } .page-footer__rights { width: 100%; float: none; text-align: center; } .page-footer__social { width: 100%; float: none; } } .social__item { position: relative; display: inline-block; vertical-align: middle; width: 32px; height: 25px; margin-right: -4px; text-align: center; } .social__item.social__item--fb { width: 15px; } .social__item:hover .social__icon { fill: #4e5360; } .social__item:last-child { margin-right: 0; } .social { margin-bottom: 8px; font-size: 0; line-height: 0; text-align: right; } .social--footer .social__item { margin-right: 10px; } .social--footer .social__item:last-child { margin-right: 0; margin-top: 11px; } .social__item--Youtube { margin-top: 13px; } .page-header__top-info .social__item.social__item--Youtube path { fill: #7d8f9a; } .page-header__top-info .social__item.social__item--Youtube:hover path { fill: #4e5360; } .social--footer .social__item.social__item--Youtube:hover path { fill: #4e5360; } .social__item--trip { margin-top: 13px; } .page-header__top-info .social__item.social__item--trip path { fill: #7d8f9a; } .page-header__top-info .social__item.social__item--trip:hover path { fill: #4e5360; } .social--footer .social__item.social__item--trip:hover path { fill: #4e5360; } .social--footer .social__item .social__icon { fill: #676a71; } .social--footer .social__item:hover .social__icon { fill: #4e5360; } .social__icon { position: absolute; top: 50%; left: 50%; max-width: 100%; height: 15px; fill: #7d8f9a; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .social__icon:hover { fill: #4e5360; } .social__icon--vk { width: 22px; } .social__icon--fb { width: 7px; } .social__icon--inst { width: 14px; } @media (max-width:599px) { .social--footer { text-align: center; } } .page-content { -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; position: relative; } .page-content__content.has-margin { margin-bottom: 30px; text-align: justify; } .page-content__title { margin: 0; margin-bottom: 40px; font-size: 50px; line-height: 40px; font-weight: 300; color: #f71a39; } .page-content__title--service-page { max-width: 58%; margin-bottom: 60px; font-size: 30px; } .page-content__info { margin-bottom: 55px; font-size: 16px; line-height: 30px; font-weight: 300; text-align: justify; color: #676a71; } .page-content__wrapper { max-width: 1280px; margin: 0 auto; } .page-content__wrapper--index { max-width: 1440px; padding: 0 60px; position: relative; } .page-content { position: relative; overflow: hidden; } /*.page-content__inner { margin-top: 60px; }*/ .page-content--photo-video .page-content__wrapper { margin-top: 75px; } .page-content__caption { margin-bottom: 30px; font-size: 40px; line-height: 40px; font-weight: 300; color: #f71a39; } .page-content__left-side { vertical-align: top; margin-right: 20px; padding-right: 20px; font-size: 16px; line-height: 30px; font-weight: 300; color: #676a71; margin-top: 50px; } .page-content__left { display: inline-block; vertical-align: top; width: -webkit-calc(80% - 20px); width: calc(80% - 20px); margin-right: 20px; margin-bottom: 55px; font-size: 16px; line-height: 25px; font-weight: 300; } .page-content__slider-wrap { padding-right: 20px; margin-bottom: 30px; } .page-content__slider-wrap .btn { float: right; } .page-content__slider-wrap .services__wrapper { padding-bottom: 0; } .page-content__slider-wrap .service-slider { width: 100%; margin-bottom: 20px; } .page-content__slider-wrap .service-slider__slide { max-height: 100%; padding: 0; } .page-content__slider-wrap .service-slider .slick-list { overflow: hidden; } .page-content__slider-wrap .js-slick__btn--service-page.js-slick__btn--next { right: -15px; } .page-content__slider-wrap .js-slick__btn--service-page.js-slick__btn--prev { left: -15px; } .page-content__slider-wrap .js-slick__slide-container { padding: 0; } .page-content__theme--grey { background-color: #d8d6d6; } .loyalty_btn.order-btn { padding: 11px 26px; margin: 7px 0 8px 0; font-size: 18px; line-height: 22px; } ol { margin-left: 7px; } ol li { padding: 0 0 0 17px; } ol.no_padding { margin: -8px 0 90px 0; padding: 0 0 0 16px; } ol.no_padding li { padding: 0 0 32px 0; } ol.no_padding ul { margin-bottom: 19px; } ol.no_padding ul li { padding: 0 0 6px 3px; } ol.no_padding ul li:before { background: transparent; content: url(/assets/img/ulli.png); top: 5px; left: -22px; } table.loyal_table { margin: 57px 0 0 0; } table.loyal_table td { width: 25%; padding: 16px 37px; border: 1px solid #d4d4d4; } table.loyal_table tr:first-child td { width: 50%; font-weight: 300; padding: 16px 74px; } .loyalty_div .spa-variants__item { width: 32%; margin-right: 2%; display: inline-table; padding: 0; border: none; margin-bottom: 0; } .loyalty_div .spa-variants__icon { margin-bottom: 14px; } .loyalty_div .spa-variants__item-title { height: 86px; font-size: 26px; margin: 0 0 0 0; line-height: 30px; vertical-align: middle; display: table-cell; } .loyalty_div a.spa-variants__btn { display: none; } @media (max-width:1140px) { .page-content__wrapper { padding: 0 90px; } } @media (max-width:13400px) { .page-content__wrapper { padding: 0 40px; } } @media (max-width:1140px) { .page-header__top { position: fixed; top: 0; left: 0; right: 0; z-index: 60000; height: 50px; background: #f71a39; } .page-content__wrapper { padding: 0 40px 0 40px; } .page-content__left { width: 100%; margin-right: 0; border-right: none; margin-bottom: 30px; } .page-content__left-side { width: 100%; margin-right: 0; padding-right: 0; border-right: none; } .page-content__slider-wrap { padding-right: 0; } .page-content__title--service-page { max-width: 100%; } .page-content--service-page .subscribe { display: none; } .loyalty_div .spa-variants__item { ; } .loyalty_div .spa-variants__icon { max-height: 186px; } .loyalty_div .spa-variants__item:nth-child(2n) { margin-right: 2%; } .loyalty_div .spa-variants__item:nth-child(3n) { margin-right: 0; } .loyalty_div .spa-variants__item-title { font-size: 18px; padding: 15px 13px; } .subscribe__title { font-size: 22px; margin-bottom: -1px; } .subscribe__wrapper { max-width: 740px; } .subscribe__info { font-size: 14px; line-height: 18px; margin-bottom: 12px; } .subscribe__email { width: 300px; margin-right: 37px; } .page-footer__wrapper { padding: 11px 0 7px 51px; } .page-footer__rights { line-height: 17px; max-width: 80%; } .page-footer__rights a { line-height: 36px; } .page-footer__social { margin-top: -49px; margin-right: 48px; } } /*@media (max-width:727px) { .page-content__wrapper { padding-top: 200px; } }*/ @media (max-width:599px) { .page-content__wrapper { padding: 0 20px 0 20px; } .page-content--photo-video .page-content__wrapper { margin-top: 50px; } .page-content__title { font-size: 40px; margin-bottom: 30px; } .page-content__title--service-page { margin-bottom: 75px; max-width: 100%; font-size: 26px; line-height: 30px; } .page-content__info { margin-bottom: 40px; } .page-content__left { margin-bottom: 20px; } .page-content__left-side { ; } .page-content__slider-wrap .service-slider { padding: 0; } table.loyal_table tr:first-child td { width: 50%; font-weight: 300; padding: 7px 5px; } table.loyal_table td { width: 25%; padding: 7px 5px; border: 1px solid #d4d4d4; font-size: 13px; } .loyalty_div .spa-variants__item { width: 100%; } .loyalty_div .spa-variants__item:nth-child(2n) { margin-right: 0; } .loyalty_div .spa-variants__item:nth-child(3n) { margin-right: 2%; } .loyalty_div .spa-variants__item-title { font-size: 16px; padding: 5px 0; height: 67px; } .loyalty_div .spa-variants__icon { max-height: 146px; } .loyalty_btn.order-btn { padding: 11px 15px; } .service-slider.slick-slider { display: none; } .page-content { width: 100%; } section#offers- { display: none !important; } .block_link_ch { padding: 10px 0 !important; } .block_link_ch .ch_item { width: 230px !important; margin: 15px auto !important; } .page-content__content.has-margin p, .page-content__content.has-margin li { font-size: 18px; } .page-footer__rights { max-width: 100%; } .block_link_ch .ch_item img { display: none; } table.loyal_table tr:first-child td { padding: 16px 50px !important; } .page-content__left-side { text-align: justify; } .page-content__left-side .itznav .bx-pag-prev + li { margin-left: 40px !important; } table.loyal_table tr:first-child td { padding: 16px 5px !important; } .housing__promo { display: none; } .housing__content { padding: 15px 20px !important; } #residence.js-gallery { display: none; } .about_icon.block_pr_nd img { width: 38%; } .banner_about { height: 80px; } .page-footer .subscribe__wrapper { padding: 16px 10px 10px 10px; } .subscribe__wrapper .subscribe__btn { margin-top: -10px; } .page-footer .subscribe__title { color: #2c2f39; font-size: 16px; font-weight: 100; text-align: center; line-height: 19px; margin-bottom: 7px; } .page-footer .subscribe__info { text-align: justify; font-size: 14px; font-weight: 100; line-height: 18px; margin-bottom: 10px; } .page-footer__wrapper { padding: 0 0 0 8px; } .page-footer__rights { max-width: 100%; text-align: left; } .page-footer__rights a { line-height: 8px; } .page-footer__social { margin-top: 0; margin-right: 0; } } .main-contacts { margin-bottom: 20px; } .main-contacts__wrapper { position: relative; width: 100%; height: 600px; } .main-contacts__map { width: 100%; height: 100%; background-color: #d4e5ce; } .main-contacts__list { position: absolute; top: 20px; left: 17%; width: 400px; padding: 0; font-weight: 300; background-color: #fff; z-index: 10; } .main-contacts__list li:before { display: none; } .main-contacts__phone { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 40px 40px 30px; border-bottom: 1px solid #e3e3e3; } .main-contacts__phone-number { font-size: 30px; line-height: 30px; color: #000; } .main-contacts__callback { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 250px; height: 50px; padding: 13px; margin-top: 25px; font-size: 20px; text-align: center; color: #fff; background-color: #f71a39; border-radius: 3px; } .main-contacts__callback:hover { background-color: #dd102c; } .main-contacts__address { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 35px 40px 25px 40px; font-size: 18px; line-height: 25px; } .main-contacts__coordinates { min-height: 130px; padding: 20px 40px; background-color: #e3e3e3; } .main-contacts__gps-title { margin: 0; font-size: 18px; line-height: 30px; font-weight: 700; color: #000; } .main-contacts__gps-list { padding: 0; } .main-contacts__gps-item { font-size: 15px; line-height: 30px; font-weight: normal; color: #4e5360; } .main-contacts__gps-value { font-weight: 300; color: #000; } .main-contacts__gps-value span { color: #7d8e99; } @media (max-width:1140px) { .main-contacts__wrapper { height: auto; } .main-contacts__map { height: 300px; } .main-contacts__list { position: static; width: 100%; padding: 0 20px; } .main-contacts__phone, .main-contacts__address, .main-contacts__coordinates { min-height: 0; padding-left: 20px; padding-right: 20px; } .page-header__info--3 .page-header__top-info span { display: none; } .page-header__info .page-header__top-info { height: 25px; } } @media (max-width:599px) { .main-contacts__list { padding: 0; } .main-contacts__callback { width: 100%; margin-right: 0; margin-top: 20px; } .main-contacts__phone-number { font-size: 28px; line-height: 28px; } .banner_about { height: 80px; } } .contacts__wrapper { max-width: 1280px; padding: 0 90px; margin: 0 auto; margin-bottom: 20px; } @media (max-width:1140px) { .contacts__wrapper { padding: 0 40px; } } @media (max-width:599px) { .contacts__wrapper { padding: 0 20px; } } .routs { float: left; width: 75.4%; } .routs__wrapper { -webkit-box-sizing: border-box; box-sizing: border-box; padding-bottom: 50px; padding-right: 7%; padding-top: 50px; font-weight: 300; } .routs__title { margin: 0; margin-bottom: 36px; font-size: 40px; line-height: 40px; font-weight: 300; color: #f71a39; } .routs__inner { width: 100%; margin: 0 auto; overflow: hidden; text-align: left; } .routs__nav-item { position: relative; margin-right: 60px; font-size: 22px; line-height: 40px; color: #7d8e99; cursor: pointer; } .routs__item { display: none; -webkit-box-sizing: border-box; box-sizing: border-box; } .routs__variants { padding: 10px 37px 0 37px; background: #f3f3f3; } .routs__variant { padding-top: 25px; padding-bottom: 22px; border-bottom: 2px dotted #e3e3e3; text-align: justify; } .routs__variant:last-child { border-bottom: none; } .routs__item-title { margin: 0; font-size: 20px; line-height: 40px; font-weight: 300; color: #f71a39; padding-right: 25px; } .routs__description { font-size: 14px; line-height: 20px; text-align: justify; } .routs__parking { margin-top: 80px; font-size: 0; } .routs__subtitle { display: inline-block; vertical-align: top; width: 20%; margin: 0; font-size: 30px; line-height: 30px; font-weight: 300; color: #f71a39; } .routs__info { display: inline-block; vertical-align: top; width: 31.5%; margin-left: 7.5%; line-height: 20px; } .routs__cost { display: block; margin-bottom: 20px; font-size: 20px; color: #7d8e99; } .routs__amount { display: block; margin-bottom: 15px; font-size: 18px; font-weight: 500; color: #000; } .routs__amount span { display: block; font-size: 24px; } .routs__location { font-size: 16px; } .routs__slider > input[type="radio"] { display: none; } #car:checked ~ .routs__nav label[for="car"], #train:checked ~ .routs__nav label[for="train"], #bus:checked ~ .routs__nav label[for="bus"] { color: #576873; } #car:checked ~ .routs__nav label[for="car"]:after, #train:checked ~ .routs__nav label[for="train"]:after, #bus:checked ~ .routs__nav label[for="bus"]:after { position: absolute; bottom: -10px; left: 0; right: 0; display: block; content: ""; height: 2px; background-color: #f71a39; } #car:checked ~ .routs__inner .routs__list .routs__item--car { display: block; } #train:checked ~ .routs__inner .routs__list .routs__item--train { display: block; } #bus:checked ~ .routs__inner .routs__list .routs__item--bus { display: block; } @media (max-width:1140px) { .routs { width: 100%; } .routs__wrapper { padding-right: 0; border-right: none; padding-bottom: 20px; padding-top: 30px; } .routs__nav-item { margin-right: 30px; } .routs__variants { padding: 10px 25px; } .routs__parking { margin-top: 50px; } .routs__title { margin-bottom: 25px; } } @media (max-width:599px) { .routs__nav-item { margin-right: 15px; font-size: 20px; line-height: 34px; } .routs__nav-item:after { bottom: -4px; } .routs__variants { padding: 0 20px; } .routs__subtitle { width: 100%; margin-bottom: 25px; } .routs__info { width: 100%; margin-left: 0; } .routs__info:not(:last-child) { margin-bottom: 30px; } #car:checked ~ .routs__nav label[for="car"]:after, #train:checked ~ .routs__nav label[for="train"]:after, #bus:checked ~ .routs__nav label[for="bus"]:after { bottom: -4px; } } .extra-contacts { float: left; width: 24.6%; border-left: 1px solid #e3e3e3; } .extra-contacts__wrapper { -webkit-box-sizing: border-box; box-sizing: border-box; min-height: 800px; padding-top: 30px; margin-left: 20px; font-weight: 300; } .extra-contacts__item { padding: 30px 0; border-bottom: 1px solid #e3e3e3; } .extra-contacts__item:last-child { border-bottom: none; } .extra-contacts__title { margin: 0; margin-bottom: 10px; font-size: 18px; line-height: 22px; font-weight: 300; color: #f71a39; } .extra-contacts__info { margin-bottom: 5px; font-size: 14px; line-height: 20px; } .extra-contacts__link { font-size: 18px; line-height: normal; color: #f71a39; } .extra-item__subtitle { display: block; margin-top: 15px; margin-bottom: 5px; font-size: 16px; line-height: 20px; font-weight: 500; } .extra-item__phone { font-size: 18px; line-height: 30px; color: #000; } .extra-contacts__link--registration { display: block; margin-top: 35px; font-size: 16px; line-height: 30px; } .extra-contacts__icon { display: inline-block; vertical-align: middle; width: 20px; height: 17px; margin-right: 5px; } .extra-contacts__icon svg { width: 20px; height: 17px; fill: #f71a39; } @media (max-width:1140px) { .extra-contacts { width: 100%; border-left: none; } .extra-contacts__wrapper { min-height: 0; padding-top: 30px; margin-left: 0; } .extra-contacts__item:first-child { border-top: 1px solid #e3e3e3; } } .business-contacts { width: 100%; min-height: 640px; padding: 110px 0; background-size: cover; } .business-contacts__wrapper { position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; width: 68.75%; min-height: 500px; padding: 40px 5.7% 80px 5.7%; margin: 0 auto; font-size: 0; background: rgba(255,255,255,0.8); } .business-contacts__title { margin: 40px 0; font-size: 50px; line-height: 50px; font-weight: 100; text-align: center; color: #f71a39; } .business-contacts__item { display: inline-block; vertical-align: top; width: 50%; padding-left: 9%; padding-right: 10px; font-size: 16px; line-height: 20px; font-weight: 300; } .business-contacts__subtitle { display: block; margin-bottom: 20px; font-size: 20px; line-height: 25px; font-weight: 500; color: #f71a39; } .business-contacts__address { display: block; margin-bottom: 20px; } .business-contacts__phone { display: block; margin-bottom: 20px; } .business-contacts__phone a { color: #000; } .business-contacts__email-link { color: #f71a39; } .business-contacts__bottom { position: absolute; bottom: 40px; left: 0; width: 100%; height: 40px; text-align: center; } .business-contacts__btn { padding: 10px 0; font-size: 18px; font-weight: 300; text-align: center; color: #676a71; } .business-contacts__btn .btn__arrow { width: 30px; height: 30px; margin-left: 20px; margin-top: 0; border-color: #676a71; } .business-contacts__btn .btn__arrow:before { border-top-color: #676a71; border-right-color: #676a71; } @media (max-width:1140px) { .business-contacts { padding: 90px 0; } .business-contacts__wrapper { width: 85%; padding: 20px 10px 90px; } .business-contacts__item { padding-left: 20px; padding-right: 0; } } @media (max-width:599px) { .business-contacts { padding: 0; min-height: 500px; } .business-contacts__wrapper { width: 100%; padding: 30px 20px 90px; } .business-contacts__item { width: 100%; padding-left: 0; } .business-contacts__item:not(:last-of-type) { margin-bottom: 30px; } .business-contacts__title { font-size: 40px; line-height: 40px; } } .breadcrumbs { max-width: 1280px; margin: 96px auto 40px auto; } .breadcrumbs__list { padding: 0; } .breadcrumbs__item { display: inline-block; margin-right: 5px; font-size: 13px; line-height: 20px; font-weight: 300; color: #7d8e99; } .breadcrumbs__item:before { display: none; } .breadcrumbs__link { color: #7d8e99; } .breadcrumbs__link--current { color: #000; } @media (max-width:1140px) { .breadcrumbs { visibility: hidden; z-index: -1; margin-bottom: 20px; } } @media (max-width:599px) { .breadcrumbs { margin-bottom: 15px; } } .sidebar { position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; vertical-align: top; width: 20%; height: 100%; margin-bottom: 20px; } .sidebar:before { content: ''; position: absolute; top: 0; left: -21px; bottom: 0; width: 1px; } .sidebar__files { border-bottom: 1px solid #e3e3e3; margin-bottom: 5px; } .sidebar--mobile { display: none; } .sidebar--cost { margin-top: 40px; } .sidebar--rent { width: 21.8%; padding-left: 20px; border-left: 1px solid #f3f3f3; } .sidebar--rent .sidebar__btn--nav-btn { margin-top: 0; } .sidebar--rent .sidebar__btn--nav-btn:first-child { margin-top: 0; } .sidebar--rent .sidebar__nav { margin-bottom: 25px; } .sidebar__wrapper { height: 100%; padding-top: 6px; } .sidebar__title { margin-bottom: 15px; font-size: 20px; line-height: 25px; font-weight: 300; color: #f71a39; } .sidebar__nav { text-align: right; margin-bottom: 40px; } .sidebar__btn { text-transform: uppercase; } .sidebar__btn--all { width: 189px; margin-left: -webkit-calc(100% - 188px); margin-left: calc(100% - 188px); font-size: 11px; line-height: 15px; color: #676a71; } .sidebar__btn--all .btn__arrow { width: 30px; height: 30px; margin-left: 10px; border: 2px solid #b4bec4; } .sidebar__btn--all .btn__arrow:before { border-right-color: #b4bec4; border-top-color: #b4bec4; } .sidebar__btn--all .btn__title { max-width: 145px; text-align: right; } .sidebar__btn--nav-btn { margin-top: 10px; margin-bottom: 20px; font-size: 16px; line-height: 20px; color: #f71a39; } .sidebar__btn--nav-btn:first-child { margin-top: 5px; } .sidebar__btn--nav-btn .btn__arrow { margin-left: 10px; border: 2px solid #f71a39; } .sidebar__btn--nav-btn .btn__arrow:before { border-right-color: #f71a39; border-top-color: #f71a39; } .sidebar__btn--nav-btn .btn__title { max-width: 125px; } .sidebar__btn--special { width: 100%; margin-top: 0; padding-top: 20px; border-top: 1px solid #e3e3e3; } .sidebar__offers { margin-bottom: 30px; } .sidebar__open-btn { display: none; } @media (max-width:1140px) { .sidebar { display: none; } .sidebar.sidebar--service-page { display: block; } .sidebar--mobile { position: relative; display: block; width: 100%; border-left: none; margin-top: 40px; } .sidebar--mobile:before { content: ''; position: absolute; top: 0; left: -20px; right: -20px; width: auto; height: 1px; background: #e3e3e3; } .sidebar--mobile .btn--download { display: inline-block; margin-left: 30px; } .sidebar--mobile.sidebar--special-promotions .sidebar__nav, .sidebar--mobile.sidebar--rent .sidebar__nav { margin-bottom: 0; } .sidebar--mobile .sidebar__files { padding: 20px 20px 10px; margin-left: -20px; margin-right: -20px; text-align: right; } .sidebar--mobile .sidebar__wrapper { padding-top: 30px; } .sidebar--mobile .sidebar__btn { margin-right: 0; font-size: 14px; margin-top: 0; margin-bottom: 30px; } .sidebar--mobile .sidebar__btn--all { float: right; width: 190px; margin-right: 20px; font-size: 11px; } .sidebar--mobile .sidebar__btn:nth-of-type(3), .sidebar--mobile .sidebar__btn--special { margin-right: 0; } .sidebar--mobile .sidebar__btn--nav-btn { text-align: right; } .sidebar--mobile .sidebar__btn--nav-btn .btn__title { max-width: 100%; } .sidebar--mobile .sidebar__btn--special { position: relative; display: block; padding-top: 30px; border-top: none; } .sidebar--mobile .sidebar__btn--special:after { content: ''; position: absolute; top: 0; left: -20px; right: -20px; width: auto; height: 1px; background: #e3e3e3; } .sidebar--mobile .sidebar__nav { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 30px; text-align: left; } .sidebar--mobile .sidebar__offers { font-size: 0; } .sidebar--mobile .sidebar__title { padding: 0 20px; } } @media (max-width:599px) { .sidebar--mobile { position: relative; width: auto; margin: 0 -10px; overflow-x: hidden; } .sidebar--mobile .btn--download { display: block; width: 280px; padding-right: 40px; margin: 0 auto; } .sidebar--mobile::before { left: 0; right: 0; } .sidebar--mobile .sidebar__files { margin-right: 0; margin-left: 0; padding-right: 0; padding-left: 0; } .sidebar--mobile .sidebar__title { padding: 0 30px; } .sidebar--mobile .sidebar__wrapper { width: 280px; margin: 0 auto; padding-top: 30px; } .sidebar--mobile .sidebar__btn { margin-right: 0; } .sidebar--mobile .sidebar__btn--nav-btn { width: 100%; font-size: 16px; } .sidebar--mobile .sidebar__btn--nav-btn .btn__title { max-width: 125px; } .sidebar--mobile .sidebar__btn--special:after { left: -100%; right: -100%; } .sidebar--mobile .sidebar__btn--all { margin-right: 30px; } .sidebar--mobile .sidebar__nav { padding-right: 30px; text-align: right; } } .special { position: relative; width: 100%; height: 120px; margin-bottom: 20px; overflow: hidden; } .special > a { position: relative; display: block; height: 100%; background-color: #e3e3e3; } .special__icon { max-width: 100%; max-height: none; width: 100%; } .special__title { position: absolute; left: 0; right: 0; bottom: 10px; display: table; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; min-height: 40px; margin: 0; font-size: 14px; line-height: 16px; font-weight: 500; text-align: center; vertical-align: middle; background: rgba(59,38,38,0.7); } .special__title .special__link { display: table-cell; padding: 0 20px; vertical-align: middle; color: #fff; } @media (max-width:1140px) { .sidebar--mobile .special { display: inline-block; vertical-align: top; width: 50%; height: 24vw; padding: 0 20px; } .sidebar--mobile .special a { position: relative; } .sidebar--mobile .special__title { left: 0; right: 0; width: 100%; } } @media (max-width:599px) { .sidebar--mobile .special { display: block; width: 100%; max-width: 280px; height: 120px; padding: 0 30px; } } .igora-map__wrapper { padding-top: 70px; } .igora-map__top { max-width: 1280px; padding: 0 90px; margin: 0 auto; margin-bottom: 30px; font-size: 0; } .igora-map__bottom { line-height: 0; background: #69933f; } .igora-map__map { width: 100%; height: auto; } .igora-map__left { vertical-align: top; -webkit-box-sizing: border-box; box-sizing: border-box; min-height: 470px; padding-top: 10px; padding-bottom: 15px; margin-right: 20px; } .igora-map__title { margin: 0; margin-bottom: 73px; font-size: 50px; line-height: 40px; font-weight: 300; color: #f71a39; } .igora-map__item { display: inline-block; vertical-align: top; max-width: 260px; padding-right: 20px; margin-bottom: 30px; font-size: 20px; line-height: 30px; font-weight: 300; color: #f71a39; } .igora-map__item:before { display: none; } .igora-map__subitem { font-size: 16px; line-height: 32px; font-weight: 300; color: #676a71; } .igora-map__subitem:before { display: none; } .igora-map__number { display: inline-block; vertical-align: top; min-width: 23px; text-align: right; color: #f71a39; } .igora-map__sublist { margin-top: 10px; padding: 0; } .igora-map__list { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; padding: 0; } @media (max-width:1140px) { .igora-map__wrapper { padding-top: 40px; } .igora-map__left { width: 100%; margin-right: 0; border-right: none; } .igora-map__title { margin-bottom: 50px; } .igora-map__top { margin-bottom: 0; } } @media (max-width:599px) { .igora-map__wrapper { padding-top: 30px; } .igora-map__top { margin-bottom: 10px; } .igora-map__item { width: 100%; margin-bottom: 20px; } .igora-map__list { max-height: 100%; -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; } .igora-map__title { font-size: 40px; margin-bottom: 30px; } } .special-spa__wrapper .all-promotion__inner-wrapper { padding: 0; } .special-spa__top { margin-bottom: 87px; font-size: 0; } .special-spa__left { display: inline-block; vertical-align: top; -webkit-box-sizing: border-box; box-sizing: border-box; width: -webkit-calc(80% - 20px); width: calc(80% - 20px); padding-right: 20px; margin-right: 20px; min-height: 470px; } .ico_hotel1.ico_hotel44 { background: url(/upload/medialibrary/737/737f3bf3e62cfed83cbecb44fc57bbd8.jpg) 20% 0 no-repeat; } .ico_hotel1.ico_hotel55 { background: url(/residence/ico3.png) 20% 0 no-repeat; } .ico_hotel2.ico_hotel66 { background: url(/residence/ico4.png) 10% 0 no-repeat; } @media (max-width:1140px) { .special-spa .all-promotion__inner-wrapper { padding: 0; } .special-spa__left { width: 100%; padding-right: 0; } } @media (max-width:599px) { .special-spa__top { margin-bottom: 65px; } } .promotion__wrapper { padding-right: 5px; } .promotion__title { margin: 0; margin-bottom: 13px; font-size: 40px; line-height: 40px; font-weight: 300; color: #f71a39; } .promotion__intro { margin-bottom: 45px; font-size: 16px; line-height: 30px; font-weight: 300; } .promotion__subtitle { display: block; margin-bottom: 25px; font-size: 20px; line-height: 20px; font-weight: 300; color: #f71a39; } .promotion__components { counter-reset: li; margin-left: 0; margin-bottom: 25px; padding-left: 0; } .promotion__component { position: relative; margin-bottom: 19px; margin-left: 1.4em; font-size: 16px; line-height: 24px; font-weight: 300; list-style: none; } .promotion__component:last-child { margin-bottom: 0; } .promotion__component:before { position: absolute; top: 0; left: -1.4em; -webkit-box-sizing: border-box; box-sizing: border-box; width: 2em; margin-right: 8px; color: #f71a39; content: counter(li) "."; counter-increment: li; } .promotion__feature { margin-bottom: 30px; font-size: 14px; line-height: 24px; font-weight: 300; } .promotion__order { -webkit-box-sizing: border-box; box-sizing: border-box; min-height: 120px; padding: 35px 40px; margin-bottom: 20px; background: #f3f3f3; } .promotion__value { float: left; font-size: 14px; line-height: 17px; font-weight: 300; color: #7d8e99; } .promotion__field { display: block; } .promotion__price { font-size: 30px; line-height: 35px; font-weight: 300; color: #4e5360; } .promotion__symbol { font-family: "PT Sans",sans-serif; font-size: 30px; line-height: 35px; font-weight: 300; color: #4e5360; } .promotion__btn { float: right; -webkit-box-sizing: border-box; box-sizing: border-box; width: 334px; height: 50px; padding: 14px; font-size: 20px; line-height: 23px; font-weight: 300; text-align: center; color: #fff; background: #f71a39; border-radius: 3px; } .promotion__btn:hover { background-color: #dd102c; } .promotion__discount { font-size: 14px; line-height: 24px; font-weight: 300; color: #7d8e99; } @media (max-width:1140px) { .promotion__wrapper { padding-right: 0; } .promotion__btn { width: 250px; } } @media (max-width:599px) { .promotion__title { font-size: 30px; line-height: 30px; } .promotion__order { padding: 30px 20px; } .promotion__btn { float: none; width: 100%; max-width: 300px; } .promotion__value { float: none; margin-bottom: 20px; } } .all-promotion { margin-bottom: 100px; } .all-promotion__wrapper { position: relative; } .all-promotion__title { margin-bottom: 35px; font-size: 30px; line-height: 40px; font-weight: 300; color: #f71a39; } .all-promotion__title--another { font-size: 40px; } .all-promotion__slider { font-size: 0; margin: 0 -17px; text-align: center; } .all-promotion__slide { border: 1px solid #b4bec4; } .all-promotion__slide--simple { width: 32%; margin-right: 2%; margin-bottom: 20px; float: left; } .all-promotion__slide--simple:nth-child(3n) { margin-right: 0; } .all-promotion__slide--simple .all-promotion__slide-title { padding: 5%; height: 120px; } .all-promotion__slide--simple .all-promotion__icon { height: 14vw; max-height: 170px; } .all-promotion__slide-top { display: table; width: 100%; } .all-promotion__slide-title { display: table-cell; vertical-align: middle; -webkit-box-sizing: border-box; box-sizing: border-box; width: 338px; height: 128px; padding: 0 10%; font-size: 20px; line-height: 24px; font-weight: 300; text-align: center; color: #4e5360; } .all-promotion__icon { position: relative; width: 100%; height: 20vw; min-height: 50px; max-height: 215px; line-height: 0; overflow: hidden; background-color: #e3e3e3; background-size: cover; background-position: center; } .all-promotion__btn { position: absolute; bottom: 0; left: 0; right: 0; -webkit-box-sizing: border-box; box-sizing: border-box; height: 50px; padding: 10px; font-size: 11px; line-height: 11px; text-transform: uppercase; text-align: center; color: #fff; background: rgba(59,38,38,0.45); } .all-promotion__btn .btn__arrow { width: 30px; height: 30px; } .all-promotion__btn .btn__arrow--right { margin-left: 10px; } .all-promotion__btn:hover .btn__title { color: #e3e3e3; } @media (max-width:1140px) { .all-promotion__inner-wrapper { padding: 0; margin: 0 -10px; } .all-promotion__title { margin-bottom: 25px; } .all-promotion__slider { position: relative; max-width: 700px; margin: 0 auto; } .all-promotion__icon { height: 26vw; } .all-promotion__slide--simple .all-promotion__icon { height: 20vw; max-height: 185px; } } @media (max-width:820px) { .all-promotion__slide--simple { width: 48%; } .all-promotion__slide--simple:nth-child(3n) { margin-right: 2%; } .all-promotion__slide--simple:nth-child(2n) { margin-right: 0; } .all-promotion__slide--simple .all-promotion__icon { height: 25vw; max-height: 190px; } .specials_winter { margin: -160px 0 0 0; } } @media (max-width:550px) { .all-promotion__slider { max-width: 400px; } .all-promotion__icon { height: 56vw; } .all-promotion__slide--simple { float: none; width: 100%; max-width: 340px; margin: 0 auto 20px; } .all-promotion__slide--simple:nth-child(3n) { margin: 0 auto 20px; } .all-promotion__slide--simple:nth-child(2n) { margin: 0 auto 20px; } .all-promotion__slide--simple .all-promotion__icon { height: 47vw; max-height: 230px; } } .special-offers__title { margin: 0; margin-bottom: 13px; font-size: 50px; line-height: 60px; font-weight: 300; color: #f71a39; } .special-offers__info { max-width: 700px; margin-bottom: 25px; font-size: 16px; line-height: 30px; font-weight: 300; color: #676a71; } .special-offers__info:last-of-type { margin-bottom: 40px; } @media (max-width:1140px) { .special-offers__title { font-size: 40px; line-height: 40px; } } .spa-variants__wrapper { margin-bottom: 58px; font-size: 0; } .spa-variants__item { position: relative; display: inline-block; vertical-align: top; width: 29.82%; padding-bottom: 18px; margin-right: 5.27%; margin-bottom: 30px; text-align: center; border-bottom: 2px solid #b4bec4; } .spa-variants__item:nth-child(3n) { margin-right: 0; } .spa-variants__item-title { top: 0; left: 0; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; min-height: 70px; padding: 15px 0; margin: 0; font-size: 29px; line-height: 40px; text-align: center; font-weight: 300; color: #728189; letter-spacing: -0.8px; background: rgba(255,255,255,0.6); } .spa-variants__icon { width: 100%; min-height: 70px; height: 18vw; max-height: 250px; margin-bottom: 20px; line-height: 0; overflow: hidden; background-color: #e3e3e3; background-size: cover; background-position: center; } .spa-variants__btn { font-size: 11px; line-height: 11px; text-transform: uppercase; color: #aea5a5; } .spa-variants__btn .btn__arrow { width: 33px; height: 33px; border-color: #b4bec4; } .spa-variants__btn .btn__arrow:before { border-top-color: #b4bec4; border-right-color: #b4bec4; } .spa-variants__btn .btn__arrow--right { margin-left: 10px; } @media (max-width:1140px) { .spa-variants__item { width: 48%; margin-right: 4%; margin-bottom: 25px; } .spa-variants__item:nth-child(3n) { margin-right: 4%; } .spa-variants__item:nth-child(2n) { margin-right: 0; } .spa-variants__icon { height: 30vw; max-height: 310px; } } @media (max-width:599px) { .spa-variants__wrapper { margin-bottom: 60px; } .spa-variants__item { width: 100%; margin-right: 0; margin-bottom: 25px; } .spa-variants__item:last-child { margin-bottom: 0; } .spa-variants__item:nth-child(3n) { margin-right: 0; } .spa-variants__item-title { font-size: 26px; } .spa-variants__icon { height: 58vw; max-height: 100%; } } .page-content__wrapper.specials_summer { margin-top: 30px; } .service-timetable { max-width: 1140px; margin: 0 auto; } .service-timetable__name { display: inline-block; vertical-align: top; width: 200px; margin-right: 20px; font-size: 22px; line-height: 26px; font-weight: 300; color: #f71a39; } .service-timetable--service-page .service-timetable__row { max-width: 820px; } .has-margin .service-timetable { margin-bottom: 60px; } .has-margin .service-timetable__top { margin-bottom: 65px; } .service-timetable__top { max-width: 820px; padding: 0 20px; margin: 0 auto; font-size: 0; display: table; margin-bottom: 15px; } .service-timetable__row { padding: 0 20px; margin: 0 auto 15px; font-size: 0; } .service-timetable__title { display: inline-block; vertical-align: top; margin-right: 20px; margin-bottom: 20px; font-size: 30px; line-height: 30px; font-weight: 300; color: #f71a39; } .service-timetable__table { display: inline-block; vertical-align: top; max-width: 540px; font-size: 0; } .service-timetable__item { display: inline-block; vertical-align: top; width: 160px; margin-right: 30px; line-height: 30px; font-weight: 300; } .service-timetable__item:last-of-type { width: 120px; margin-right: 0; min-width: 150px; } .service-timetable__item:nth-of-type(2) { margin-right: 50px; } .service-timetable__day { display: block; font-size: 15px; color: #7d8e99; } .service-timetable__time { font-size: 18px; font-weight: 500; color: #000; } .service-timetable_table { max-width: 840px; width: 100%; margin: auto; } .service-timetable_table .service-timetable__title { text-align: center; width: 100%; border-bottom: 1px solid #000; padding-bottom: 20px; margin: 0; line-height: 20px; } .service-timetable_table.specials_summer .service-timetable__title { line-height: 36px; border-bottom: none; padding-bottom: 10px; } .service-timetable_table.specials_summer .specials_summer__title { font-size: 24px; color: #f71a39; text-align: center; border-bottom: 1px solid #000; } .service-timetable_table .service-timetable__row { border-bottom: 1px solid #e3e3e3; padding: 0 0 0 20px; margin: 0; } .service-timetable_table .service-timetable__table { max-width: 613px; } .service-timetable_table .service-timetable__item { width: 178px; margin: 0; padding: 13px 10px 13px 10px; min-height: 92px; } .service-timetable_table .service-timetable__item.gray { background: #F7F7F7; width: 200px; margin: 0; padding: 13px 10px 13px 10px; } .service-timetable_table .service-timetable__name { padding-top: 13px; width: 242px; margin-right: 0; } .service-timetable_table .specials_summer_title { text-align: center; } .service-timetable_table .service-timetable__section { margin-bottom: 30px; } @media (max-width:1075px) { .service-timetable__table { display: block; } .service-timetable__name { margin-bottom: 10px; } .service-timetable__section { margin-bottom: 30px; } .service-timetable__row { margin-bottom: 20px; } } @media (max-width:999px) { .service-timetable__top { padding: 0; } .service-timetable__title { margin-bottom: 20px; } .has-margin .service-timetable__top { margin-bottom: 40px; } .descr_wint.prokat tr.gr td span { display: block; } } @media (max-width:599px) { .service-timetable__item { width: 100%; margin-right: 0; margin-bottom: 10px; } .service-timetable__item:first-of-type { width: 100%; margin-right: 0; } .service-timetable__item:nth-of-type(2) { width: 100%; margin-right: 0; } .service-timetable__item:last-of-type { width: 100%; margin-right: 0; } .has-margin .service-timetable { margin-bottom: 0; } .hide_mob { display: none; } .descr_wint.prokat tr.gr td span.hide_mob { display: none; } .descr_wint.prokat td:nth-of-type(2), .descr_wint.prokat td:nth-of-type(3), .descr_wint.prokat td:nth-of-type(4) { min-width: 50px; } .descr_wint.prokat .gr td:nth-of-type(5) { min-width: 50px; max-width: 50px; padding: 0 0 0 0; position: relative; top: 13px; text-align: end; } } .housing__content { max-width: 1280px; margin: 0 auto; } .housing__left { } .housing__promo { max-width: 1280px; margin: 0 auto; -webkit-box-sizing: border-box; box-sizing: border-box; min-height: 440px; padding: 60px; margin-bottom: 64px; background-color: #e3e3e3; background-position: center; background-size: cover; margin-top: -44px; } .housing__promo-content { -webkit-box-sizing: border-box; box-sizing: border-box; max-width: 1199px; height: 100%; padding: 40px 50px; margin: 0 auto; text-align: center; color: #fff; } .housing__promo-title { margin-top: 20px; margin-bottom: 25px; font-size: 50px; line-height: 40px; font-weight: 100; color: #fff; } .housing__promo .housing__promo-content .housing__promo-title { display: none; } .housing__promo-info { margin-bottom: 30px; font-size: 19px; line-height: 30px; font-weight: 300; } .housing__promo-btn { width: 220px; height: 60px; padding: 18px; font-size: 20px; font-weight: 300; text-align: center; color: #fff; background: #f71a39; border-radius: 3px; } .housing__promo-btn:hover { background-color: #dd102c; } .housing__about { margin-bottom: 83px; } .housing__about p { font-size: 16px; line-height: 30px; font-weight: 300; color: #676a71; } .housing__about h3 { text-align: center; } .housing__about ol li, .housing__about ul li { font-size: 16px; line-height: 30px; font-weight: 300; color: #676a71; } .housing__title { margin: 0; margin-bottom: 20px; font-size: 50px; line-height: 40px; font-weight: 300; color: #f71a39; } .housing__info { margin-bottom: 30px; font-size: 16px; line-height: 30px; font-weight: 300; color: #676a71; } .housing__btn { width: 240px; height: 50px; padding: 15px; font-size: 20px; font-weight: 300; text-align: center; color: #fff; background: #f71a39; border-radius: 3px; } .housing__btn:hover { background-color: #dd102c; } .housing__subtitle { display: block; margin-bottom: 45px; font-size: 30px; line-height: 40px; font-weight: 300; color: #f71a39; } .housing__features { margin-bottom: 45px; } .housing__features-list { font-size: 0; } .housing__feature { display: inline-block; vertical-align: top; width: 17.95%; min-height: 150px; margin-right: 2.55%; margin-bottom: 20px; font-size: 20px; text-align: center; } .housing__feature:last-child { margin-right: 0; } .housing__feature-icon { position: relative; display: block; height: 54px; margin: 0 auto; margin-bottom: 16px; } .housing__feature-icon img { min-height: auto; min-width: auto; max-width: 100%; max-height: 100%; width: auto; heght: auto; } .housing__feature-name { display: block; font-size: 16px; line-height: 20px; font-weight: 300; color: #f71a39; } .housing__feature-info { font-size: 14px; line-height: 15px; font-weight: 300; color: #676a71; } .housing__wrapper { margin-bottom: 30px; } @media (max-width:1140px) { .housing__content { padding: 0 40px; } .housing__left { width: 100%; padding-right: 0; border-right: none; } .housing__feature { width: 20%; margin-right: 0; } .igora-news__item.news_list .textnews__item_events { max-width: 500px; } } @media (max-width:599px) { .housing { ; } .housing__content { padding: 0 20px; } .housing__feature { width: 50%; min-height: 0; } .housing__subtitle { margin-bottom: 30px; font-size: 26px; line-height: 36px; } .housing__btn { width: 100%; } .housing__about { margin-bottom: 50px; } .housing__info { margin-bottom: 15px; } .housing__info:last-of-type { margin-bottom: 30px; } .housing__title { font-size: 25px; /*padding-top: 60px;*/ } .housing__promo { height: auto; min-height: 300px; padding: 0; margin-bottom: 40px; } .housing__promo-content { width: 100%; padding: 40px 20px; } } .cottage-variant { margin-bottom: 60px; } .cottage-variant__photo { max-width: 100%; min-height: none; } .cottage-variant__top { padding-right: 79px; } .cottage-variant__title { margin-bottom: 35px; font-size: 40px; line-height: 40px; font-weight: 300; color: #f71a39; } .cottage-variant__about { margin-bottom: 65px; font-size: 16px; line-height: 30px; font-weight: 300; color: #676a71; } .cottage-variant__slider { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; max-height: 620px; padding: 0 60px; margin-bottom: 40px; } .cottage-variant__slide { max-height: 620px; height: 620px; line-height: 0; overflow: hidden; background-color: #e3e3e3; background-size: cover; background-position: center; } .cottage-variant__bottom { position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; min-height: 90px; padding: 20px 60px; background: #f3f3f3; } .cottage-variant__btn { float: right; margin-top: 10px; margin-right: 3.85%; font-size: 11px; line-height: 20px; font-weight: 500; text-transform: uppercase; color: #676a71; } .cottage-variant__btn:nth-child(2) { margin-right: 0; } .cottage-variant__btn .btn__arrow { width: 30px; height: 30px; margin-left: 9px; border: 2px solid #b4bec4; } .cottage-variant__btn .btn__arrow:before { border-right-color: #b4bec4; border-top-color: #b4bec4; } .cottage-variant__btn--order { float: left; width: 30.77%; height: 50px; padding: 15px; margin-top: 0; font-size: 20px; font-weight: 300; text-align: center; text-transform: none; color: #fff; background: #f71a39; border-radius: 3px; } .cottage-variant__btn--order:hover { background-color: #dd102c; } .block_image_news img { max-width: 200px; float: left; margin-right: 25px; } .igora-news__item { clear: both; } .igora-news__item.news_list { border-bottom: 1px solid #cecece; min-height: 100px; padding: 10px 0; } .igora-news__item.news_list .block_image_news { width: 150px; height: 80px; float: left; background-size: cover; background-repeat: no-repeat; background-position: center; margin-right: 20px; } .igora-news__item.news_list h3.igora-news__item-title { color: #676a71; font-size: 22px; font-weight: 400; line-height: 36px; } .igora-news__item.news_list .igora-news__date { color: #676a71; line-height: 36px; font-size: 16px; } .igora-news__item_events { display: inline-block; width: 383px; height: 235px; position: relative; margin-right: 10px; margin-bottom: 10px; } .igora-news__item_events:nth-of-type(3n) { margin-right: 0; } .igora-news__item_events .textnews__item_events { background-color: rgba(0,0,0,0.55); width: 383px; height: 235px; position: absolute; top: 0; left: 0; z-index: 5; text-align: center; } .igora-news__item_events:hover .textnews__item_events { display: none; } .igora-news__item_events .igora-news__item-right .bg_img { background-repeat: no-repeat; background-size: cover; width: 383px; height: 235px; z-index: 1; position: relative; background-position: center; } .igora-news__item_events .igora-news__date { color: #ffffff; font-size: 24px; margin-top: 90px; margin-bottom: 20px; font-family: "HelveticaNeueCyr"; } .igora-news__item_events h3.igora-news__item-title { color: #ffffff; font-size: 30px; font-family: "HelveticaNeueCyr"; } @media (max-width:1140px) { .cottage-variant__slide { height: 41vw; } .cottage-variant__bottom { padding: 20px; } .cottage-variant__btn { margin-right: 0; margin-left: 43%; } .cottage-variant__btn--order { position: absolute; left: 20px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 180px; margin-left: 0; } .igora-news__item_events { display: inline-block; width: 257px; height: 146px; position: relative; margin-right: 10px; margin-bottom: 10px; } .igora-news__item_events:nth-of-type(3n) { margin-right: 10px; } .igora-news__item_events .textnews__item_events { background-color: rgba(0,0,0,0.55); width: 257px; height: 146px; position: absolute; top: 0; left: 0; z-index: 5; text-align: center; } .igora-news__item_events .igora-news__item-right .bg_img { background-repeat: no-repeat; background-size: cover; width: 257px; height: 146px; z-index: 1; position: relative; background-position: center; } .igora-news__item_events .igora-news__date { color: #ffffff; font-size: 18px; margin-top: 45px; margin-bottom: 5px; font-family: "HelveticaNeueCyr"; } .igora-news__item_events h3.igora-news__item-title { color: #ffffff; font-size: 24px; font-family: "HelveticaNeueCyr"; } } @media (max-width:599px) { .cottage-variant:last-child { margin-bottom: 0; } .cottage-variant__slider { padding: 0; } .cottage-variant__slide { height: 47vw; } .cottage-variant__bottom { margin-left: -20px; margin-right: -20px; width: auto; } .cottage-variant__btn { float: none; width: 100%; margin-right: 0; margin-bottom: 10px; margin-left: 0; text-align: right; } .cottage-variant__btn--order { text-align: center; position: static; -webkit-transform: none; -ms-transform: none; transform: none; } .cottage-variant__about { margin-bottom: 40px; } .cottage-variant__title { margin-bottom: 25px; font-size: 30px; line-height: 30px; } .igora-news__item_events { display: inline-block; width: 100%; height: 190px; position: relative; margin-right: 20px; margin-bottom: 10px; } .igora-news__item_events:nth-of-type(2n) { margin-right: 0; } .igora-news__item_events .textnews__item_events { background-color: rgba(0,0,0,0.55); width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 5; text-align: center; } .igora-news__item_events .igora-news__item-right { margin-left: 0; } .igora-news__item_events .igora-news__item-right .bg_img { background-repeat: no-repeat; background-size: cover; width: 100%; height: 190px; z-index: 1; position: relative; background-position: center; } .igora-news__item_events .igora-news__date { color: #ffffff; font-size: 16px; margin-top: 90px; margin-bottom: 15px; font-family: "HelveticaNeueCyr"; } .igora-news__item_events h3.igora-news__item-title { color: #ffffff; font-size: 20px; font-family: "HelveticaNeueCyr"; } .ico_hotel.ico_hotel11 { background: url(/img/hotel1.png) center 0 no-repeat; width: 133px; height: 103px; display: inline-block; min-width: 133px; } .ico_hotel.ico_hotel22 { background: url(/img/hotel2.png) center 0 no-repeat; width: 50px; height: 103px; display: inline-block; min-width: 50px; } .ico_hotel.ico_hotel33 { background: url(/img/hotel3.png) center 0 no-repeat; width: 100px; height: 111px; display: inline-block; min-width: 102px; margin: 0; } .ico_hotel1_block { padding-left: 0 !important; } .ico_hotel1.ico_hotel44 { background: url(/img/hotel4.png) center 0 no-repeat; width: 171px; height: 120px; display: inline-block; min-width: 133px; } .ico_hotel1.ico_hotel55 { background: url(/img/hotel1.png) center 7px no-repeat; width: 140px; height: 120px; display: inline-block; min-width: 133px; } .ico_hotel2.ico_hotel66 { background: url(/img/hotel2.png) center 0 no-repeat; width: 50px; height: 111px; display: inline-block; min-width: 50px; margin: 0; } } .igora-news { margin-bottom: 50px; } .igora-news__list { margin-bottom: 50px; padding-right: 80px; } .igora-news__item { font-size: 0; } .igora-news__item a { display: block; height: 100%; font-weight: bold; color: #676A71; } .igora-news__item:last-of-type { } .igora-news__item-left { display: inline-block; vertical-align: top; width: 15.77%; max-height: 160px; min-height: 100px; margin-right: 5.13%; line-height: 0; overflow: hidden; background-color: #e3e3e3; background-size: cover; background-position: center; } .igora-news__title { margin: 0; margin-bottom: 20px; font-size: 50px; line-height: 50px; font-weight: 300; color: #f71a39; } .igora-news__item-right { display: inline-block; vertical-align: top; width: 64%; } .igora-news__date { margin-bottom: 10px; font-size: 15px; line-height: normal; font-weight: 300; color: #7d8e99; } .igora-news__item-title { margin: 0; margin-bottom: 13px; font-size: 20px; line-height: 25px; font-weight: 300; } .igora-news__item-link { color: #2c2f39; } .igora-news__item-subtitle { font-size: 17px; line-height: 20px; font-weight: 300; color: #676a71; } .igora-news__filter { margin-bottom: 40px; font-size: 0; } .igora-news__filter-item { -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; vertical-align: middle; height: 41px; font-size: 12px; font-weight: 300; color: #909ea7; background: #f3f3f3; border-radius: 3px; outline: none; } .igora-news__filter-item--month { width: 180px; margin-right: 16px; } .igora-news__filter-item--year { width: 86px; margin-right: 10px; } .igora-news__more-news { width: 100%; height: 80px; text-align: center; background: #f3f3f3; } .igora-news__btn { padding: 20px; margin: 0 auto; background: inherit; } .igora-news__btn .btn__title { font-size: 12px; line-height: 12px; font-weight: 500; text-transform: uppercase; color: #7a7c82; } @media (max-width:1140px) { .igora-news__list { padding-right: 0; } .igora-news__item-right { padding-bottom: 15px; } .igora-news__item-left { width: 25%; } } @media (max-width:599px) { .igora-news__item-left { width: 25%; } .igora-news__title { font-size: 40px; line-height: 40px; } .igora-news__filter-item { margin-bottom: 20px; } .igora-news__filter { margin-bottom: 20px; } .igora-news__item-left { width: 25%; max-height: none; margin-bottom: 20px; margin-right: 0; } .igora-news__item-right { width: 45%; margin-left: 25px; min-height: auto; } .igora-news__item { min-height: auto; } .igora-news__list { margin-bottom: 60px; } } @media (max-width:515px) { .block_image_news img { width: 150px; } } @media (max-width:440px) { .igora-news__item { text-align: center; } .igora-news__item-right { clear: both; width: 100%; margin: 0; } .block_image_news img { float: none; margin: 0; } } .photo-video { margin-bottom: 20px; } .photo-video__note { font-size: 16px; } .photo-video__list { font-size: 0; clear: both; } .photo-video__wrapper { padding-right: 80px; padding-bottom: 80px; } .photo-video__title { margin: 0; margin-bottom: 65px; font-size: 50px; line-height: 40px; font-weight: 300; color: #f71a39; } .photo-video__content { margin-bottom: 125px; } .photo-video__content:last-of-type { margin-bottom: 0; } .photo-video__section-top { margin-bottom: 45px; } .photo-video__subtitle { float: left; margin: 0; font-size: 30px; line-height: 40px; font-weight: 300; color: #f71a39; } .photo-video__filter { float: right; min-height: 40px; } .photo-video__item { display: inline-block; vertical-align: top; width: 43.6%; min-height: 50%; margin-bottom: 60px; margin-right: 12.8%; text-align: center; border-bottom: 2px solid #b4bec4; } .photo-video__item:nth-child(2n) { margin-right: 0; } .photo-video__container { position: relative; width: 100%; margin-bottom: 20px; } .photo-video__slide { width: 100%; height: 20vw; max-height: 220px; line-height: 0; overflow: hidden; background-color: #e3e3e3; text-align: center; background-size: cover; background-position: center; } .photo-video__video { max-width: 100%; height: 20vw; max-height: 220px; background-color: #e3e3e3; } .photo-video__video iframe { width: 100%; height: 100%; } .photo-video__date { margin-bottom: 10px; font-size: 13px; line-height: normal; font-weight: 300; color: #7d8e99; } .photo-video__item-title { margin-bottom: 10px; font-size: 20px; line-height: 25px; font-weight: 300; color: #728189; } .photo-video__item-info { font-size: 15px; line-height: 20px; font-weight: 300; margin-bottom: 32px; color: #676a71; } .photo-video__filter-item { -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; vertical-align: middle; height: 40px; font-size: 15px; line-height: 25px; font-weight: 300; color: #2c2f39; background: #f3f3f3; border-radius: 3px; outline: none; } .photo-video__filter-item--month { width: 130px; margin-right: 16px; } .photo-video__filter-item--year { width: 95px; margin-right: 29px; } .photo-video__filter-item--last { width: 70px; } .photo-video__label { display: inline-block; vertical-align: top; width: 86px; height: 40px; margin-right: 10px; font-size: 18px; line-height: 20px; font-weight: 300; color: #7d8e99; } .photo-video__more { width: 100%; height: 80px; text-align: center; background: #f3f3f3; } .photo-video__more-btn { padding: 20px; margin: 0 auto; background: inherit; } .photo-video__more-btn .btn__title { font-size: 12px; line-height: 12px; font-weight: 500; text-transform: uppercase; color: #7a7c82; } .photo-video__btn { position: absolute; top: -webkit-calc(50% - 20px); top: calc(50% - 20px); left: -webkit-calc(50% - 20px); left: calc(50% - 20px); width: 40px; height: 40px; background: #fff; border-radius: 50%; } .photo-video__btn--play:before { position: absolute; top: -webkit-calc(50% - 7px); top: calc(50% - 7px); left: -webkit-calc(50% - 5px); left: calc(50% - 5px); content: ""; width: 0; height: 0; border-width: 7px 11px 7px 11px; border-style: solid; border-color: transparent; border-left-color: #f71a39; } .photo-video__filter-item-wrap { display: inline-block; vertical-align: top; } @media (max-width:1140px) { .photo-video__slide { height: 26vw; max-height: 320px; } .photo-video__video { height: 26vw; } .photo-video__wrapper { padding-right: 0; padding-bottom: 40px; } .photo-video__title { margin-bottom: 45px; } .photo-video__subtitle { float: none; width: 100%; margin-bottom: 20px; } .photo-video__filter { float: none; width: 100%; } .photo-video__content { margin-bottom: 80px; } } @media (max-width:599px) { .photo-video__slide { height: 70vw; max-height: 445px; } .photo-video__video { height: 70vw; max-height: 335px; } .photo-video__title { margin-bottom: 30px; font-size: 40px; line-height: 40px; } .photo-video__subtitle { margin-bottom: 15px; font-size: 28px; } .photo-video__filter-item { margin-bottom: 0; } .photo-video__filter-item-wrap { display: none; } .photo-video__section-top { margin-bottom: 25px; } .photo-video__item { width: 100%; margin-right: 0; } .photo-video__content { margin-bottom: 70px; } .photo-video__more { height: 60px; } .photo-video__more-btn { padding: 10px; } } .rent__wrapper { max-width: 1280px; margin: 0 auto; } .rent__title { -webkit-box-sizing: border-box; box-sizing: border-box; max-width: 1280px; padding: 0 90px; margin: 0 auto; margin-bottom: 55px; font-size: 50px; line-height: 60px; font-weight: 300; color: #f71a39; } .rent__content { -webkit-box-sizing: border-box; box-sizing: border-box; max-width: 1280px; padding: 0 90px; margin: 0 auto; } .rent__more-info { clear: both; } .rent__phone { font-size: 20px; line-height: 30px; font-weight: 500; color: #f71a39; } .rent__phone-number { font-size: 24px; font-weight: 300; margin-left: 20px; white-space: nowrap; } @media (max-width:1140px) { .rent__title { margin-bottom: 85px; font-size: 40px; line-height: 40px; padding: 0 40px; } .rent__content { padding: 0 40px; } } @media (max-width:599px) { .rent__title { margin-bottom: 45px; font-size: 30px; line-height: 30px; padding: 0 20px; } .rent__content { padding: 0 20px; } } .halls { float: left; width: 78.2%; margin-bottom: 80px; } .halls__wrapper { padding-right: 80px; } .halls__info { margin-bottom: 25px; font-size: 16px; line-height: 30px; font-weight: 300; color: #676a71; } .halls__info:last-of-type { margin-bottom: 65px; } .halls__list { font-size: 0; } .halls__item { position: relative; display: inline-block; vertical-align: top; -webkit-box-sizing: border-box; box-sizing: border-box; width: 48.7%; min-height: 380px; margin-right: 2.6%; margin-bottom: 64px; border-bottom: 1px solid #a79d9c; } .halls__item:nth-child(2n) { margin-right: 0; } .halls__item:last-child, .halls__item:nth-last-child(2) { margin-bottom: 0; } .halls__item:hover { border-bottom: 2px solid #f71a39; } .halls__item-title { position: absolute; top: 0; left: 0; width: 100%; padding: 22px 20px 18px 20px; font-size: 32px; line-height: 32px; font-weight: 300; text-align: center; color: #fff; background: rgba(59,38,38,0.3); } .halls__about-item { padding: 24px 40px; padding-right: 50px; font-size: 16px; line-height: 30px; font-weight: 300; color: #676a71; } .halls__icon { max-height: 300px; line-height: 0; overflow: hidden; background-color: #e3e3e3; } @media (max-width:1140px) { .halls { width: 100%; } .halls__wrapper { padding-right: 0; } .halls__info { margin-bottom: 20px; } .halls__info:last-of-type { margin-bottom: 40px; } .halls__item { min-height: 300px; } .halls__about-item { padding: 20px 30px; } .halls__item-title { padding: 15px 10px; font-size: 28px; line-height: 28px; } } @media (max-width:599px) { .halls__item { width: 100%; margin-right: 0; margin-bottom: 30px; } .halls__item:nth-last-child(2) { margin-bottom: 30px; } } .reserve { } .reserve__button { position: relative; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100px; height: 30px; margin: 0 auto; font-size: 10px; line-height: 10px; text-transform: uppercase; text-align: center; color: #fff; background: transparent; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } .reserve__button--open { padding-top: 10px; padding-bottom: 13px; } @media (max-width:1140px) { .reserve { position: static; margin-top: 50px; background: gray; height: 60px; background-color: #7d8e99; } .reserve__button { width: 80%; height: 46px; border-radius: 2px; background-color: #f71a39; margin: 0 auto; top: 7px; color: #ffffff; font-size: 18px; font-weight: 500; text-transform: inherit; } .reserve__button--open { padding-top: 22px; } } .js-slick__btn { position: absolute; top: -webkit-calc(50% - 10px); top: calc(50% - 10px); width: 20px; height: 20px; background: transparent; border: 2px solid transparent; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); z-index: 100; } .js-slick__btn:before { content: ''; position: absolute; width: 35px; height: 35px; background: transparent; border-radius: 50%; top: -12px; right: -12px; } .js-slick__btn--prev { left: 2.1%; border-bottom-color: #f71a39; border-left-color: #f71a39; } .js-slick__btn--next { right: 2.1%; border-top-color: #f71a39; border-right-color: #f71a39; } .js-slick__btn--albums { /*display: none;*/ width: 30px; height: 30px; background: #fff; border-radius: 50%; border: none; cursor: pointer; } .js-slick__btn--albums:before { position: absolute; top: 13px; left: 10px; display: block; content: ""; width: 7px; height: 7px; border: 2px solid transparent; border-right-color: #f71a39; border-top-color: #f71a39; border-radius: 0; } .js-slick__btn--albums.js-slick__btn--prev:before { top: 11px; left: 12px; -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } .js-slick__btn--next.js-slick__btn--services { right: 0; } .js-slick__btn--prev.js-slick__btn--services { left: 0; } .js-slick__btn--next.js-slick__btn--offers { right: -20px; } .js-slick__btn--prev.js-slick__btn--offers { left: -20px; } .js-slick__btn--next.js-slick__btn--service-page { right: -50px; } .js-slick__btn--prev.js-slick__btn--service-page { left: -50px; } .js-slick__dots { margin-top: 14px; font-size: 0; line-height: 0; text-align: right; z-index: 100; padding: 0; } .js-slick__dots li { display: inline-block; vertical-align: top; -webkit-box-sizing: border-box; box-sizing: border-box; width: 12px; height: 12px; margin-left: 18px; border: 2px solid #bfc8cd; border-radius: 50%; background: inherit; } .js-slick__dots li:before { display: none; } .js-slick__dots .slick-active { background: #f71a39; border-color: #f71a39; } .js-slick__dots--services, .js-slick__dots--service-page { position: absolute; top: -60px; left: 0; right: 0; text-align: center; } .js-slick__dots--service-page { margin-top: 20px; text-align: center; } .js-slick__slide-container { padding: 0 17px; -webkit-box-sizing: border-box; box-sizing: border-box; outline: none; } .js-slick--center .js-slick__slide-container { padding: 0 90px; padding-top: 30px; } .js-slick--center .js-slick__slide-container.slick-current { padding-top: 0; padding-bottom: 30px; } .js-slick--center .slick-list { overflow: visible; } .js-slick--center.js-slick--service-page .js-slick__slide-container { padding: 0; } .about_icon.block_pr_nd { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin: 25px 0; width: 100%; } .about_icon.block_pr_nd .item_bpr { width: 140px; } @media (max-width:1439px) { .gallery .js-slick__btn--prev { left: 4.1%; } .gallery .js-slick__btn--next { right: 4.1%; } .bx-catalog-element.specials_winter .detail_text { margin: 0 0 0 0; padding: 0 0 0 40px; } } @media (max-width:1140px) { .js-slick--center .js-slick__slide-container { padding: 0 40px; } .js-slick--center .js-slick__slide-container.slick-current { padding-bottom: 0; } .js-slick__btn--next.js-slick__btn--services { right: 12px; } .js-slick__btn--prev.js-slick__btn--services { left: 12px; } .js-slick__btn--prev.js-slick__btn--offers { left: -15px; } .js-slick__btn--next.js-slick__btn--offers { right: -15px; } .js-slick__btn--next.js-slick__btn--spa-page, .js-slick__btn--next.js-slick__btn--service-page { right: 15px; } .js-slick__btn--prev.js-slick__btn--spa-page, .js-slick__btn--prev.js-slick__btn--service-page { left: 15px; } .js-slick__dots--services { top: -45px; } .banner_about { background: url(/img/ba_ab.png) -30px 0 no-repeat; background-size: contain; } .banner_about .button_banner { display: none; } } @media (max-width:769px) { .bx-catalog-element.specials_winter { margin: -204px 0 0 0; } .bx-catalog-element.specials_winter h2 { margin: 18px 35px 27px; } .product-item-detail-slider-container { margin-bottom: 20px; } .bx-catalog-element.specials_winter .detail_text { margin: 20px 0 0 0; padding: 0 0 0 0; } .bx-catalog-element.specials_winter .item_img { text-align: center; } } @media (max-width:599px) { .js-slick__dots { margin-top: 10px; } .js-slick__dots--service-page { top: -45px; } .js-slick--center .js-slick__slide-container { padding: 0 20px; } .js-slick__btn { width: 15px; height: 15px; } .js-slick__btn:before { display: none; } .js-slick__btn--albums:before { display: block; } .js-slick__btn--prev { left: -12px; } .js-slick__btn--next { right: -12px; } .js-slick__btn--next.js-slick__btn--services { top: -webkit-calc(50% - 5px); top: calc(50% - 5px); right: 5px; } .js-slick__btn--prev.js-slick__btn--services { top: -webkit-calc(50% - 5px); top: calc(50% - 5px); left: 5px; } .js-slick__btn--prev.js-slick__btn--service-page { left: 6px; } .js-slick__btn--next.js-slick__btn--service-page { right: 6px; } .js-slick__btn--prev.js-slick__btn--offers { left: -5px; } .js-slick__btn--next.js-slick__btn--offers { right: -5px; } .js-slick__btn--albums { width: 30px; height: 30px; background: transparent; } .js-slick__btn--albums:before { width: 9px; height: 9px; } .js-slick__btn--albums.js-slick__btn--prev { left: -25px; } .js-slick__btn--albums.js-slick__btn--next { right: -25px; } .gallery .js-slick__btn--prev { left: -15px; } .gallery .js-slick__btn--next { right: -15px; } } .menu-btn { position: absolute; top: 50%; right: 0; display: block; width: 25px; height: 2px; background-color: #fff; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .menu-btn:before, .menu-btn:after { content: ''; position: absolute; width: 100%; height: 2px; background-color: #fff; } .menu-btn:before { top: -8px; -webkit-transform: none; -ms-transform: none; transform: none; } .menu-btn:after { top: 8px; -webkit-transform: none; -ms-transform: none; transform: none; } .to-close .menu-btn { width: 20px; background-color: transparent; } .to-close .menu-btn:before { top: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .to-close .menu-btn:after { top: 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .service-slider { position: relative; width: 780px; height: 420px; margin: 0 auto; margin-bottom: 70px; text-align: center; } .service-slider .slick-list { height: 100%; overflow: hidden; } .page-content--services .service-slider, .page-content--service .service-slider { width: 980px; height: 440px; } .page-content--services .service-slider .js-slick__dots, .page-content--service .service-slider .js-slick__dots { top: auto; bottom: -20px; margin-top: 0; } .page-content--services .service-slider__slide, .page-content--service .service-slider__slide { max-height: 440px; } .service-slider__slide { height: 100%; max-height: 420px; padding: 50px 90px; overflow: hidden; -webkit-filter: #808080; filter: #808080; -webkit-filter: grayscale(100%); filter: grayscale(100%); } .service-slider__inner { height: 100%; background-color: #e3e3e3; background-position: center; background-size: cover; } .slick-current .service-slider__slide { padding: 0; -webkit-filter: none; filter: none; } @media (max-width:1140px) { .service-slider { width: 100%; padding: 0 40px; height: 46vw; max-width: 780px; max-height: 420px; margin-bottom: 90px; } .service-slider__slide { height: 100%; max-height: 420px; } .page-content--services .service-slider, .page-content--service .service-slider { width: 100%; height: 46vw; } .page-content--services .service-slider, .page-content--service .service-slider { margin-bottom: 70px; } .banner_about { background: url(/img/ba_ab.png) -30px 0 no-repeat; background-size: contain; } .banner_about .button_banner { padding: 6px 27px; } } @media (max-width:668px) { .bx-catalog-element.specials_winter { margin: -120px 0 0 0; } .bx-catalog-element.specials_winter h2 { margin: 18px 35px 27px; color: #f71a39; font-size: 20px; font-weight: 300; line-height: 30px; } .bx-catalog-element.specials_winter .numb { display: none; } } @media (max-width:599px) { .service-slider { height: 47vw; padding: 0 20px; margin-bottom: 80px; } .page-content--services .service-slider, .page-content--service .service-slider { margin-bottom: 55px; } .bx-catalog-element.specials_winter { margin: -70px 0 0 0; } .bx-catalog-element.specials_winter .detail_text { margin: 20px 15px 0; padding: 0 0 0 0; } } .page-layout { display: none; position: fixed; top: 0; right: 0; left: 0; bottom: 0; background: rgba(0,0,0,0.5); z-index: 320; } .page-layout.is-opened { display: block; } .prerecord { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 18px; min-height: 70px; margin-bottom: 65px; text-align: center; background: #e3e3e3; border-bottom: 4px solid #f71a39; } .prerecord__phone { max-width: 660px; margin: 0 auto; font-size: 20px; line-height: 30px; font-weight: 500; color: #f71a39; } .prerecord__phone-number { font-weight: 300; white-space: nowrap; } @media (max-width:1140px) { .prerecord { text-align: left; } } @media (max-width:599px) { .prerecord { margin: 0 -10px 50px; } } .service-features { margin-bottom: 50px; } .service-features__list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 55px; font-size: 0; } .service-features__feature { display: inline-block; vertical-align: top; width: 95px; margin-bottom: 30px; margin-right: 68px; font-size: 0; text-align: center; } .service-features__feature:nth-child(7n) { margin-right: 0; } .service-features__feature:last-child { margin-right: 0; } .service-features__feature-icon { display: inline-block; vertical-align: middle; width: 100%; height: 70px; margin-bottom: 10px; } .service-features__feature-icon img { max-width: 100%; max-height: 100%; min-width: auto; min-height: auto; width: auto; height: auto; } .service-features__feature-name { display: inline-block; vertical-align: middle; width: 100%; font-size: 16px; line-height: 20px; font-weight: 300; color: #f71a39; } .service-features__subtitle { display: block; margin-bottom: 20px; font-size: 40px; line-height: 40px; font-weight: 300; text-align: center; color: #f71a39; } .service-features__info { margin-bottom: 25px; font-size: 16px; line-height: 25px; font-weight: 300; text-align: center; color: C_darkgrey; } @media (max-width:1140px) { .service-features { padding: 0; } .service-features__feature { width: 33.33%; margin: 0 0 30px; padding: 0 30px; } .service-features__feature:nth-child(7) { -webkit-box-ordinal-group: 5; -webkit-order: 4; -ms-flex-order: 4; order: 4; } .service-features__feature:nth-child(6) { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .service-features__feature:nth-child(5) { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; } .service-features__feature:nth-child(4) { -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; } } @media (max-width:599px) { .service-features__feature { width: 50%; margin: 0 0 35px; padding: 0 25px; } .service-features__title { font-size: 30px; } .service-features__info { margin-bottom: 40px; } } .service-location { position: relative; margin-bottom: 50px; line-height: 0; text-align: center; } .service-location__info { margin-bottom: 20px; font-size: 22px; line-height: 40px; font-weight: 300; } .service-location:before { content: ''; position: absolute; top: -25px; left: 50%; width: 785px; height: 1px; background: #e3e3e3; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } @media (max-width:1140px) { .service-location { padding: 0; } .service-location:before { left: -20px; right: -20px; width: auto; -webkit-transform: none; -ms-transform: none; transform: none; } } @media (max-width:599px) { .service-location:before { left: -10px; right: -10px; } .service-location:after { left: -10px; right: -10px; } .service-location__info { line-height: 30px; } } .services-dropdown { width: 100%; margin: 0 0 45px; border: 4px solid #b6c0c5; } .services-dropdown__list { padding: 0; } .services-dropdown__wrapper { padding: 25px 0; } .services-dropdown__title { margin: 20px 30px 30px; font-size: 40px; line-height: 40px; font-weight: 300; color: #f71a39; } .services-dropdown__symbol { font-family: "PT Sans",sans-serif; margin-left: 5px; } .services-dropdown__item { position: relative; display: block; padding: 18px 30px 0; line-height: 20px; border-bottom: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; } .services-dropdown__item:before { display: none; } .services-dropdown__item.is-opened { background: #f3f3f3; } .services-dropdown__item.is-opened .services-dropdown__caption { color: #f71a39; } .services-dropdown__item.is-opened .services-dropdown__caption:after { border: 2px solid transparent; border-top-color: #4e5360; border-left-color: #4e5360; } .services-dropdown__item.is-opened .services-dropdown__sublist { display: block; } .services-dropdown__caption { position: relative; display: block; margin-bottom: 18px; font-size: 20px; line-height: 24px; font-weight: 300; color: #676a71; cursor: pointer; } .services-dropdown__caption:after { content: ''; position: absolute; top: 50%; right: -3px; width: 10px; height: 10px; border: 2px solid #4e5360; border-top: transparent; border-left: transparent; -webkit-transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); } .services-dropdown__name { font-size: 16px; line-height: 40px; font-weight: 500; color: #505460; } .services-dropdown__info { margin-bottom: 20px; font-size: 14px; line-height: 20px; font-weight: 300; color: #818d97; } .services-dropdown__sublist { display: none; padding: 5px 12px; margin: 0 -30px; font-size: 0; line-height: 40px; font-weight: 300; background: #f3f3f3; } .services-dropdown__property { display: inline-block; vertical-align: top; margin-right: 27px; padding: 10px 0; line-height: 1; } .services-dropdown__property-value { vertical-align: middle; font-size: 16px; line-height: 20px; font-weight: 300; } .services-dropdown__subitem { padding: 0 20px 20px; } .services-dropdown__subitem:before { display: none; } .services-dropdown__subitem:not(:first-child) { padding-top: 35px; } .services-dropdown__subitem:not(:last-child) { border-bottom: 2px dotted #e3e3e3; } .services-dropdown .icon { display: inline-block; vertical-align: middle; margin-top: -3px; margin-right: 10px; fill: #f71a39; fill-rule: evenodd; } .services-dropdown .icon--clock { width: 20px; height: 20px; } .services-dropdown .icon--money { width: 18px; height: 21px; } @media (max-width:1140px) { .services-dropdown { width: 100%; margin-right: 0; } } @media (max-width:599px) { .services-dropdown { width: auto; margin: 0 -10px 60px; } .services-dropdown__title { margin: 5px 20px 30px; font-size: 30px; line-height: 30px; } .services-dropdown__caption { font-size: 18px; } .services-dropdown__item:after { right: 20px; } .services-dropdown__name { display: block; margin-bottom: 10px; line-height: 20px; } .services-dropdown__sublist { line-height: normal; padding: 5px 20px; margin: 0 -20px; } .services-dropdown__subitem { padding: 0 10px 20px; } .kotimgs { display: none; } .kotimgs_mobil { display: block; } .kotimgs_mobil div { display: inline-flex; margin: 0 10px 0 12px; vertical-align: text-top; } .kotimgs_mobil div img { vertical-align: top; } .block_icons .bi_items { width: 112px !important; } .bi_items .name_items { width: 100% !important; } .blocks_tarif .items_tarif { width: 100% !important; } .block_icons .bi_items img { width: auto; max-width: 100%; } } .input-field { width: 100%; height: 40px; padding-left: 14px; font-size: 15px; line-height: 40px; font-weight: 300; color: #7d8e99; background: #ebeff2; border: 1px solid #d5dde2; border-radius: 3px; outline: none; } .input-field:hover { border-color: #f71a39; } .input-field:focus, .input-field:active { border-color: #f71a39; -webkit-box-shadow: 0 0 3px #f71a39; box-shadow: 0 0 3px #f71a39; background: #fff; } .input-field.fill { background: #fff; } .input-field.selectize-dropdown { padding-left: 0; } .input-field.selectize-dropdown:hover { border: none; } .input-field.selectize-control:hover { border-color: #f71a39; } .input-field--textarea { height: 100px; resize: none; } .vacancies { margin-bottom: 40px; padding-right: 20px; } .vacancies__title { margin-bottom: 50px; font-size: 50px; line-height: 50px; font-weight: 300; color: #f71a39; } .vacancies__item { padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #e3e3e3; } .vacancies__item:last-child { border-bottom: 0; } .vacancy { font-size: 0; } .vacancy__title { display: inline-block; vertical-align: top; width: 70%; padding-right: 40px; margin-bottom: 20px; font-size: 20px; line-height: 20px; color: #f71a39; } .vacancy__salary { display: inline-block; vertical-align: top; width: 30%; margin-bottom: 20px; font-size: 20px; line-height: 20px; color: #f71a39; } .vacancy__info { width: 80%; margin-bottom: 30px; font-size: 18px; line-height: 26px; font-weight: 300; color: #000; } @media (max-width:1140px) { .vacancy__info { width: 100%; } } @media (max-width:599px) { .vacancy__title { display: block; width: 100%; padding-right: 0; } .vacancy__salary { width: 100%; } .vacancy__btn { width: 100%; text-align: center; } } .worksheet { margin-bottom: 40px; padding-right: 20px; } .worksheet__title { margin-bottom: 50px; font-size: 40px; line-height: 40px; font-weight: 300; color: #f71a39; } .worksheet__inner { width: 750px; } @media (max-width:1140px) { .worksheet { margin-bottom: 0; padding-right: 0; margin-bottom: 20px; } .worksheet__inner { width: 100%; } } .worksheet-form { font-size: 0; } .worksheet-form__result { font-size: 16px; } .worksheet-form__label { margib-bottom: 5px; font-size: 18px; line-height: 20px; font-weight: 300; } .worksheet-form__btn { margin-bottom: 20px; } .worksheet-form__note { font-size: 18px; } .worksheet-form__input-wrap { margin-bottom: 30px; position: relative; } .worksheet-form__input-wrap label.error { position: absolute; bottom: -25px; left: 0; font-size: 16px; font-weight: 300; color: #f71a39; } .worksheet-form__input-wrap--2, .worksheet-form__input-wrap--3, .worksheet-form__input-wrap--4, .worksheet-form__input-wrap--5 { display: inline-block; vertical-align: top; width: 250px; padding-right: 30px; } .worksheet-form__input-wrap--6 { display: inline-block; vertical-align: top; width: 210px; padding-right: 100px; } .worksheet-form__input-wrap--8, .worksheet-form__input-wrap--9 { width: 470px; } .worksheet-form__input-wrap--8 .input-field, .worksheet-form__input-wrap--9 .input-field { padding-left: 0; } .worksheet-form__input-wrap--12 { display: inline-block; vertical-align: top; width: 300px; margin-right: 150px; } .worksheet-form__input-wrap--13 { display: inline-block; vertical-align: top; width: 300px; } @media (max-width:1140px) { .worksheet-form__inner { width: 100%; } .worksheet-form__input-wrap--2, .worksheet-form__input-wrap--3, .worksheet-form__input-wrap--4, .worksheet-form__input-wrap--5 { width: 48%; padding-right: 0; } .worksheet-form__input-wrap--2, .worksheet-form__input-wrap--5 { margin-right: 4%; } .worksheet-form__input-wrap--4 { margin-right: 52%; } .worksheet-form__input-wrap--8, .worksheet-form__input-wrap--9 { width: 100%; } .worksheet-form__input-wrap--12 { width: 48%; margin-right: 4%; } .worksheet-form__input-wrap--13 { width: 48%; } } @media (max-width:599px) { .worksheet-form__input-wrap { width: 100%; margin-right: 0; } .worksheet-form__input-wrap--6 { width: 50%; padding-right: 0; } .worksheet-form__input-wrap--12, .worksheet-form__input-wrap--13 { width: 100%; margin-right: 0; } .worksheet-form__btn { width: 100%; } } .banner { -webkit-box-sizing: border-box; box-sizing: border-box; min-height: 500px; padding: 30px; margin-bottom: 10px; background: #e3e3e3; } .banner__content { -webkit-box-sizing: border-box; box-sizing: border-box; max-width: 700px; height: 100%; padding: 40px 50px; margin: 0 auto; text-align: center; background: rgba(59,38,38,0.7); color: #fff; } .banner__title { margin-top: 20px; margin-bottom: 25px; font-size: 50px; line-height: 50px; font-weight: 100; color: #fff; } .banner__info { margin-bottom: 50px; font-size: 16px; line-height: 30px; font-weight: 300; } .banner__btn { float: left; width: 48%; margin-right: 4%; } .banner__btn:last-child { margin-right: 0; } .banner__btn .btn { width: 100%; padding: 0 15px; } @media (max-width:1140px) { .banner__btn { float: none; width: auto; margin-right: 0; margin-bottom: 20px; } .banner__btn:last-child { margin-bottom: 0; } .banner__btn .btn { width: auto; } } @media (max-width:599px) { .banner { padding: 0; min-height: 400px; } .banner__title { font-size: 40px; } .banner__content { padding: 20px; } .banner__btn { width: 100%; } .banner__btn .btn { width: 100%; } } .detail-news__content { margin-bottom: 30px; } .detail-news__img-wrap { min-height: 100px; max-height: 450px; margin-bottom: 15px; overflow: hidden; background: #e3e3e3; } .detail-news__date { display: block; margin-bottom: 30px; font-weight: 500; color: #000; } .timetable-popup { position: absolute; left: 0; top: 98%; display: none; width: 250px; background: #fff; z-index: 600; border-radius: 2px; border: 1px solid #fff; opacity: 0; -webkit-transition: opacity 0.5s ease; transition: opacity 0.5s ease; } .timetable-popup__title { margin-bottom: 10px; } .timetable-popup__inner { padding: 20px; border: 1px solid #e3e3e3; } .timetable-popup__day { display: block; font-weight: 300; color: #676a71; } .timetable-popup__item { margin-bottom: 20px; } .timetable-popup__item:last-child { margin-bottom: 0; } .webcams img { max-width: 100%; max-height: none; } .webcams__main { margin-bottom: 30px; width: 100%; height: 450px; position: relative; } .webcams__main iframe { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; } .webcams__list { padding: 20px; font-size: 0; } .webcams__item { display: inline-block; vertical-align: top; width: 370px; padding: 0 25px; margin-right: 20px; margin-bottom: 30px; } .webcams__item:nth-child(2n) { margin-right: 0; } .webcams__caption { font-size: 16px; color: #000; text-align: center; } .webcams__image { width: 100%; height: 240px; background-color: #e3e3e3; background-position: center; background-size: cover; } @media (max-width:1140px) { .webcams__main { height: 46vw; } .webcams__list { padding: 0; max-width: 800px; } .webcams__item { width: 48%; padding: 0; margin-right: 4%; margin-bottom: 20px; } .webcams__item:nth-child(2n) { margin-right: 0; } .webcams__image { height: 31vw; max-height: 280px; } } @media (max-width:599px) { .webcams { text-align: center; } .webcams__main { margin-bottom: 40px; } .webcams__item { width: 280px; margin-right: 0; } .webcams__image { height: 210px; } } @charset "UTF-8"; .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } .animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215,0.610,0.355,1.000); animation-timing-function: cubic-bezier(0.215,0.610,0.355,1.000); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755,0.050,0.855,0.060); animation-timing-function: cubic-bezier(0.755,0.050,0.855,0.060); -webkit-transform: translate3d(0,-30px,0); transform: translate3d(0,-30px,0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755,0.050,0.855,0.060); animation-timing-function: cubic-bezier(0.755,0.050,0.855,0.060); -webkit-transform: translate3d(0,-15px,0); transform: translate3d(0,-15px,0); } 90% { -webkit-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0); } } @keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215,0.610,0.355,1.000); animation-timing-function: cubic-bezier(0.215,0.610,0.355,1.000); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755,0.050,0.855,0.060); animation-timing-function: cubic-bezier(0.755,0.050,0.855,0.060); -webkit-transform: translate3d(0,-30px,0); transform: translate3d(0,-30px,0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755,0.050,0.855,0.060); animation-timing-function: cubic-bezier(0.755,0.050,0.855,0.060); -webkit-transform: translate3d(0,-15px,0); transform: translate3d(0,-15px,0); } 90% { -webkit-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; -ms-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } @-webkit-keyframes pulse { from { -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); } 50% { -webkit-transform: scale3d(1.05,1.05,1.05); transform: scale3d(1.05,1.05,1.05); } to { -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); } } @keyframes pulse { from { -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); } 50% { -webkit-transform: scale3d(1.05,1.05,1.05); transform: scale3d(1.05,1.05,1.05); } to { -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); } 30% { -webkit-transform: scale3d(1.25,0.75,1); transform: scale3d(1.25,0.75,1); } 40% { -webkit-transform: scale3d(0.75,1.25,1); transform: scale3d(0.75,1.25,1); } 50% { -webkit-transform: scale3d(1.15,0.85,1); transform: scale3d(1.15,0.85,1); } 65% { -webkit-transform: scale3d(.95,1.05,1); transform: scale3d(.95,1.05,1); } 75% { -webkit-transform: scale3d(1.05,.95,1); transform: scale3d(1.05,.95,1); } to { -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); } } @keyframes rubberBand { from { -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); } 30% { -webkit-transform: scale3d(1.25,0.75,1); transform: scale3d(1.25,0.75,1); } 40% { -webkit-transform: scale3d(0.75,1.25,1); transform: scale3d(0.75,1.25,1); } 50% { -webkit-transform: scale3d(1.15,0.85,1); transform: scale3d(1.15,0.85,1); } 65% { -webkit-transform: scale3d(.95,1.05,1); transform: scale3d(.95,1.05,1); } 75% { -webkit-transform: scale3d(1.05,.95,1); transform: scale3d(1.05,.95,1); } to { -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { from, to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px,0,0); transform: translate3d(-10px,0,0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px,0,0); transform: translate3d(10px,0,0); } } @keyframes shake { from, to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px,0,0); transform: translate3d(-10px,0,0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px,0,0); transform: translate3d(10px,0,0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } .headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0,0,1,15deg); transform: rotate3d(0,0,1,15deg); } 40% { -webkit-transform: rotate3d(0,0,1,-10deg); transform: rotate3d(0,0,1,-10deg); } 60% { -webkit-transform: rotate3d(0,0,1,5deg); transform: rotate3d(0,0,1,5deg); } 80% { -webkit-transform: rotate3d(0,0,1,-5deg); transform: rotate3d(0,0,1,-5deg); } to { -webkit-transform: rotate3d(0,0,1,0deg); transform: rotate3d(0,0,1,0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0,0,1,15deg); transform: rotate3d(0,0,1,15deg); } 40% { -webkit-transform: rotate3d(0,0,1,-10deg); transform: rotate3d(0,0,1,-10deg); } 60% { -webkit-transform: rotate3d(0,0,1,5deg); transform: rotate3d(0,0,1,5deg); } 80% { -webkit-transform: rotate3d(0,0,1,-5deg); transform: rotate3d(0,0,1,-5deg); } to { -webkit-transform: rotate3d(0,0,1,0deg); transform: rotate3d(0,0,1,0deg); } } .swing { -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { from { -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); } 10%, 20% { -webkit-transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg); transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg); transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg); transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg); } to { -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); } } @keyframes tada { from { -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); } 10%, 20% { -webkit-transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg); transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg); transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg); transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg); } to { -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } @-webkit-keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg); transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg); } 30% { -webkit-transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg); transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg); } 45% { -webkit-transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg); transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg); } 60% { -webkit-transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg); transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg); } 75% { -webkit-transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg); transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg); } to { -webkit-transform: none; transform: none; } } @keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg); transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg); } 30% { -webkit-transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg); transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg); } 45% { -webkit-transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg); transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg); } 60% { -webkit-transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg); transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg); } 75% { -webkit-transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg); transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg); } to { -webkit-transform: none; transform: none; } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } @keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; } @-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215,0.610,0.355,1.000); animation-timing-function: cubic-bezier(0.215,0.610,0.355,1.000); } 0% { opacity: 0; -webkit-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3); } 20% { -webkit-transform: scale3d(1.1,1.1,1.1); transform: scale3d(1.1,1.1,1.1); } 40% { -webkit-transform: scale3d(.9,.9,.9); transform: scale3d(.9,.9,.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03,1.03,1.03); transform: scale3d(1.03,1.03,1.03); } 80% { -webkit-transform: scale3d(.97,.97,.97); transform: scale3d(.97,.97,.97); } to { opacity: 1; -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); } } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215,0.610,0.355,1.000); animation-timing-function: cubic-bezier(0.215,0.610,0.355,1.000); } 0% { opacity: 0; -webkit-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3); } 20% { -webkit-transform: scale3d(1.1,1.1,1.1); transform: scale3d(1.1,1.1,1.1); } 40% { -webkit-transform: scale3d(.9,.9,.9); transform: scale3d(.9,.9,.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03,1.03,1.03); transform: scale3d(1.03,1.03,1.03); } 80% { -webkit-transform: scale3d(.97,.97,.97); transform: scale3d(.97,.97,.97); } to { opacity: 1; -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215,0.610,0.355,1.000); animation-timing-function: cubic-bezier(0.215,0.610,0.355,1.000); } 0% { opacity: 0; -webkit-transform: translate3d(0,-3000px,0); transform: translate3d(0,-3000px,0); } 60% { opacity: 1; -webkit-transform: translate3d(0,25px,0); transform: translate3d(0,25px,0); } 75% { -webkit-transform: translate3d(0,-10px,0); transform: translate3d(0,-10px,0); } 90% { -webkit-transform: translate3d(0,5px,0); transform: translate3d(0,5px,0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215,0.610,0.355,1.000); animation-timing-function: cubic-bezier(0.215,0.610,0.355,1.000); } 0% { opacity: 0; -webkit-transform: translate3d(0,-3000px,0); transform: translate3d(0,-3000px,0); } 60% { opacity: 1; -webkit-transform: translate3d(0,25px,0); transform: translate3d(0,25px,0); } 75% { -webkit-transform: translate3d(0,-10px,0); transform: translate3d(0,-10px,0); } 90% { -webkit-transform: translate3d(0,5px,0); transform: translate3d(0,5px,0); } to { -webkit-transform: none; transform: none; } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215,0.610,0.355,1.000); animation-timing-function: cubic-bezier(0.215,0.610,0.355,1.000); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px,0,0); transform: translate3d(-3000px,0,0); } 60% { opacity: 1; -webkit-transform: translate3d(25px,0,0); transform: translate3d(25px,0,0); } 75% { -webkit-transform: translate3d(-10px,0,0); transform: translate3d(-10px,0,0); } 90% { -webkit-transform: translate3d(5px,0,0); transform: translate3d(5px,0,0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215,0.610,0.355,1.000); animation-timing-function: cubic-bezier(0.215,0.610,0.355,1.000); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px,0,0); transform: translate3d(-3000px,0,0); } 60% { opacity: 1; -webkit-transform: translate3d(25px,0,0); transform: translate3d(25px,0,0); } 75% { -webkit-transform: translate3d(-10px,0,0); transform: translate3d(-10px,0,0); } 90% { -webkit-transform: translate3d(5px,0,0); transform: translate3d(5px,0,0); } to { -webkit-transform: none; transform: none; } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215,0.610,0.355,1.000); animation-timing-function: cubic-bezier(0.215,0.610,0.355,1.000); } from { opacity: 0; -webkit-transform: translate3d(3000px,0,0); transform: translate3d(3000px,0,0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px,0,0); transform: translate3d(-25px,0,0); } 75% { -webkit-transform: translate3d(10px,0,0); transform: translate3d(10px,0,0); } 90% { -webkit-transform: translate3d(-5px,0,0); transform: translate3d(-5px,0,0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215,0.610,0.355,1.000); animation-timing-function: cubic-bezier(0.215,0.610,0.355,1.000); } from { opacity: 0; -webkit-transform: translate3d(3000px,0,0); transform: translate3d(3000px,0,0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px,0,0); transform: translate3d(-25px,0,0); } 75% { -webkit-transform: translate3d(10px,0,0); transform: translate3d(10px,0,0); } 90% { -webkit-transform: translate3d(-5px,0,0); transform: translate3d(-5px,0,0); } to { -webkit-transform: none; transform: none; } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215,0.610,0.355,1.000); animation-timing-function: cubic-bezier(0.215,0.610,0.355,1.000); } from { opacity: 0; -webkit-transform: translate3d(0,3000px,0); transform: translate3d(0,3000px,0); } 60% { opacity: 1; -webkit-transform: translate3d(0,-20px,0); transform: translate3d(0,-20px,0); } 75% { -webkit-transform: translate3d(0,10px,0); transform: translate3d(0,10px,0); } 90% { -webkit-transform: translate3d(0,-5px,0); transform: translate3d(0,-5px,0); } to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } } @keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215,0.610,0.355,1.000); animation-timing-function: cubic-bezier(0.215,0.610,0.355,1.000); } from { opacity: 0; -webkit-transform: translate3d(0,3000px,0); transform: translate3d(0,3000px,0); } 60% { opacity: 1; -webkit-transform: translate3d(0,-20px,0); transform: translate3d(0,-20px,0); } 75% { -webkit-transform: translate3d(0,10px,0); transform: translate3d(0,10px,0); } 90% { -webkit-transform: translate3d(0,-5px,0); transform: translate3d(0,-5px,0); } to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(.9,.9,.9); transform: scale3d(.9,.9,.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1,1.1,1.1); transform: scale3d(1.1,1.1,1.1); } to { opacity: 0; -webkit-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(.9,.9,.9); transform: scale3d(.9,.9,.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1,1.1,1.1); transform: scale3d(1.1,1.1,1.1); } to { opacity: 0; -webkit-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0,10px,0); transform: translate3d(0,10px,0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0,-20px,0); transform: translate3d(0,-20px,0); } to { opacity: 0; -webkit-transform: translate3d(0,2000px,0); transform: translate3d(0,2000px,0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0,10px,0); transform: translate3d(0,10px,0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0,-20px,0); transform: translate3d(0,-20px,0); } to { opacity: 0; -webkit-transform: translate3d(0,2000px,0); transform: translate3d(0,2000px,0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px,0,0); transform: translate3d(20px,0,0); } to { opacity: 0; -webkit-transform: translate3d(-2000px,0,0); transform: translate3d(-2000px,0,0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px,0,0); transform: translate3d(20px,0,0); } to { opacity: 0; -webkit-transform: translate3d(-2000px,0,0); transform: translate3d(-2000px,0,0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px,0,0); transform: translate3d(-20px,0,0); } to { opacity: 0; -webkit-transform: translate3d(2000px,0,0); transform: translate3d(2000px,0,0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px,0,0); transform: translate3d(-20px,0,0); } to { opacity: 0; -webkit-transform: translate3d(2000px,0,0); transform: translate3d(2000px,0,0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0,-10px,0); transform: translate3d(0,-10px,0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0,20px,0); transform: translate3d(0,20px,0); } to { opacity: 0; -webkit-transform: translate3d(0,-2000px,0); transform: translate3d(0,-2000px,0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0,-10px,0); transform: translate3d(0,-10px,0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0,20px,0); transform: translate3d(0,20px,0); } to { opacity: 0; -webkit-transform: translate3d(0,-2000px,0); transform: translate3d(0,-2000px,0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0,-2000px,0); transform: translate3d(0,-2000px,0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0,-2000px,0); transform: translate3d(0,-2000px,0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px,0,0); transform: translate3d(-2000px,0,0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px,0,0); transform: translate3d(-2000px,0,0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px,0,0); transform: translate3d(2000px,0,0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px,0,0); transform: translate3d(2000px,0,0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0,2000px,0); transform: translate3d(0,2000px,0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0,2000px,0); transform: translate3d(0,2000px,0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); } } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0,2000px,0); transform: translate3d(0,2000px,0); } } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0,2000px,0); transform: translate3d(0,2000px,0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px,0,0); transform: translate3d(-2000px,0,0); } } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px,0,0); transform: translate3d(-2000px,0,0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); } } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px,0,0); transform: translate3d(2000px,0,0); } } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px,0,0); transform: translate3d(2000px,0,0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); } } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0,-2000px,0); transform: translate3d(0,-2000px,0); } } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0,-2000px,0); transform: translate3d(0,-2000px,0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0,1,0,-360deg); transform: perspective(400px) rotate3d(0,1,0,-360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg); transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg); transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(.95,.95,.95); transform: perspective(400px) scale3d(.95,.95,.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0,1,0,-360deg); transform: perspective(400px) rotate3d(0,1,0,-360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg); transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg); transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(.95,.95,.95); transform: perspective(400px) scale3d(.95,.95,.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg); transform: perspective(400px) rotate3d(1,0,0,90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg); transform: perspective(400px) rotate3d(1,0,0,-20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1,0,0,10deg); transform: perspective(400px) rotate3d(1,0,0,10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1,0,0,-5deg); transform: perspective(400px) rotate3d(1,0,0,-5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg); transform: perspective(400px) rotate3d(1,0,0,90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg); transform: perspective(400px) rotate3d(1,0,0,-20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1,0,0,10deg); transform: perspective(400px) rotate3d(1,0,0,10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1,0,0,-5deg); transform: perspective(400px) rotate3d(1,0,0,-5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg); transform: perspective(400px) rotate3d(0,1,0,90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0,1,0,-20deg); transform: perspective(400px) rotate3d(0,1,0,-20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0,1,0,10deg); transform: perspective(400px) rotate3d(0,1,0,10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0,1,0,-5deg); transform: perspective(400px) rotate3d(0,1,0,-5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg); transform: perspective(400px) rotate3d(0,1,0,90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0,1,0,-20deg); transform: perspective(400px) rotate3d(0,1,0,-20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0,1,0,10deg); transform: perspective(400px) rotate3d(0,1,0,10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0,1,0,-5deg); transform: perspective(400px) rotate3d(0,1,0,-5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg); transform: perspective(400px) rotate3d(1,0,0,-20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg); transform: perspective(400px) rotate3d(1,0,0,90deg); opacity: 0; } } @keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg); transform: perspective(400px) rotate3d(1,0,0,-20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg); transform: perspective(400px) rotate3d(1,0,0,90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0,1,0,-15deg); transform: perspective(400px) rotate3d(0,1,0,-15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg); transform: perspective(400px) rotate3d(0,1,0,90deg); opacity: 0; } } @keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0,1,0,-15deg); transform: perspective(400px) rotate3d(0,1,0,-15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg); transform: perspective(400px) rotate3d(0,1,0,90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%,0,0) skewX(-30deg); transform: translate3d(100%,0,0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%,0,0) skewX(-30deg); transform: translate3d(100%,0,0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%,0,0) skewX(30deg); transform: translate3d(100%,0,0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%,0,0) skewX(30deg); transform: translate3d(100%,0,0) skewX(30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0,0,1,-200deg); transform: rotate3d(0,0,1,-200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0,0,1,-200deg); transform: rotate3d(0,0,1,-200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0,0,1,-45deg); transform: rotate3d(0,0,1,-45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0,0,1,-45deg); transform: rotate3d(0,0,1,-45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0,0,1,45deg); transform: rotate3d(0,0,1,45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0,0,1,45deg); transform: rotate3d(0,0,1,45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0,0,1,45deg); transform: rotate3d(0,0,1,45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0,0,1,45deg); transform: rotate3d(0,0,1,45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0,0,1,-90deg); transform: rotate3d(0,0,1,-90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0,0,1,-90deg); transform: rotate3d(0,0,1,-90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0,0,1,200deg); transform: rotate3d(0,0,1,200deg); opacity: 0; } } @keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0,0,1,200deg); transform: rotate3d(0,0,1,200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0,0,1,45deg); transform: rotate3d(0,0,1,45deg); opacity: 0; } } @keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0,0,1,45deg); transform: rotate3d(0,0,1,45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0,0,1,-45deg); transform: rotate3d(0,0,1,-45deg); opacity: 0; } } @keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0,0,1,-45deg); transform: rotate3d(0,0,1,-45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0,0,1,-45deg); transform: rotate3d(0,0,1,-45deg); opacity: 0; } } @keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0,0,1,-45deg); transform: rotate3d(0,0,1,-45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0,0,1,90deg); transform: rotate3d(0,0,1,90deg); opacity: 0; } } @keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0,0,1,90deg); transform: rotate3d(0,0,1,90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0,0,1,80deg); transform: rotate3d(0,0,1,80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0,0,1,60deg); transform: rotate3d(0,0,1,60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0,700px,0); transform: translate3d(0,700px,0); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0,0,1,80deg); transform: rotate3d(0,0,1,80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0,0,1,60deg); transform: rotate3d(0,0,1,60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0,700px,0); transform: translate3d(0,700px,0); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } @-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg); transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg); transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } @-webkit-keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg); transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg); } } @keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg); transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0); transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0); -webkit-animation-timing-function: cubic-bezier(0.550,0.055,0.675,0.190); animation-timing-function: cubic-bezier(0.550,0.055,0.675,0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0); transform: scale3d(.475,.475,.475) translate3d(0,60px,0); -webkit-animation-timing-function: cubic-bezier(0.175,0.885,0.320,1); animation-timing-function: cubic-bezier(0.175,0.885,0.320,1); } } @keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0); transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0); -webkit-animation-timing-function: cubic-bezier(0.550,0.055,0.675,0.190); animation-timing-function: cubic-bezier(0.550,0.055,0.675,0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0); transform: scale3d(.475,.475,.475) translate3d(0,60px,0); -webkit-animation-timing-function: cubic-bezier(0.175,0.885,0.320,1); animation-timing-function: cubic-bezier(0.175,0.885,0.320,1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0); transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0); -webkit-animation-timing-function: cubic-bezier(0.550,0.055,0.675,0.190); animation-timing-function: cubic-bezier(0.550,0.055,0.675,0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(10px,0,0); transform: scale3d(.475,.475,.475) translate3d(10px,0,0); -webkit-animation-timing-function: cubic-bezier(0.175,0.885,0.320,1); animation-timing-function: cubic-bezier(0.175,0.885,0.320,1); } } @keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0); transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0); -webkit-animation-timing-function: cubic-bezier(0.550,0.055,0.675,0.190); animation-timing-function: cubic-bezier(0.550,0.055,0.675,0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(10px,0,0); transform: scale3d(.475,.475,.475) translate3d(10px,0,0); -webkit-animation-timing-function: cubic-bezier(0.175,0.885,0.320,1); animation-timing-function: cubic-bezier(0.175,0.885,0.320,1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(.1,.1,.1) translate3d(1000px,0,0); transform: scale3d(.1,.1,.1) translate3d(1000px,0,0); -webkit-animation-timing-function: cubic-bezier(0.550,0.055,0.675,0.190); animation-timing-function: cubic-bezier(0.550,0.055,0.675,0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(-10px,0,0); transform: scale3d(.475,.475,.475) translate3d(-10px,0,0); -webkit-animation-timing-function: cubic-bezier(0.175,0.885,0.320,1); animation-timing-function: cubic-bezier(0.175,0.885,0.320,1); } } @keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(.1,.1,.1) translate3d(1000px,0,0); transform: scale3d(.1,.1,.1) translate3d(1000px,0,0); -webkit-animation-timing-function: cubic-bezier(0.550,0.055,0.675,0.190); animation-timing-function: cubic-bezier(0.550,0.055,0.675,0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(-10px,0,0); transform: scale3d(.475,.475,.475) translate3d(-10px,0,0); -webkit-animation-timing-function: cubic-bezier(0.175,0.885,0.320,1); animation-timing-function: cubic-bezier(0.175,0.885,0.320,1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0); transform: scale3d(.1,.1,.1) translate3d(0,1000px,0); -webkit-animation-timing-function: cubic-bezier(0.550,0.055,0.675,0.190); animation-timing-function: cubic-bezier(0.550,0.055,0.675,0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0); transform: scale3d(.475,.475,.475) translate3d(0,-60px,0); -webkit-animation-timing-function: cubic-bezier(0.175,0.885,0.320,1); animation-timing-function: cubic-bezier(0.175,0.885,0.320,1); } } @keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0); transform: scale3d(.1,.1,.1) translate3d(0,1000px,0); -webkit-animation-timing-function: cubic-bezier(0.550,0.055,0.675,0.190); animation-timing-function: cubic-bezier(0.550,0.055,0.675,0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0); transform: scale3d(.475,.475,.475) translate3d(0,-60px,0); -webkit-animation-timing-function: cubic-bezier(0.175,0.885,0.320,1); animation-timing-function: cubic-bezier(0.175,0.885,0.320,1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3); } to { opacity: 0; } } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3); } to { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0); transform: scale3d(.475,.475,.475) translate3d(0,-60px,0); -webkit-animation-timing-function: cubic-bezier(0.550,0.055,0.675,0.190); animation-timing-function: cubic-bezier(0.550,0.055,0.675,0.190); } to { opacity: 0; -webkit-transform: scale3d(.1,.1,.1) translate3d(0,2000px,0); transform: scale3d(.1,.1,.1) translate3d(0,2000px,0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175,0.885,0.320,1); animation-timing-function: cubic-bezier(0.175,0.885,0.320,1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0); transform: scale3d(.475,.475,.475) translate3d(0,-60px,0); -webkit-animation-timing-function: cubic-bezier(0.550,0.055,0.675,0.190); animation-timing-function: cubic-bezier(0.550,0.055,0.675,0.190); } to { opacity: 0; -webkit-transform: scale3d(.1,.1,.1) translate3d(0,2000px,0); transform: scale3d(.1,.1,.1) translate3d(0,2000px,0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175,0.885,0.320,1); animation-timing-function: cubic-bezier(0.175,0.885,0.320,1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(42px,0,0); transform: scale3d(.475,.475,.475) translate3d(42px,0,0); } to { opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px,0,0); transform: scale(.1) translate3d(-2000px,0,0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(42px,0,0); transform: scale3d(.475,.475,.475) translate3d(42px,0,0); } to { opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px,0,0); transform: scale(.1) translate3d(-2000px,0,0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(-42px,0,0); transform: scale3d(.475,.475,.475) translate3d(-42px,0,0); } to { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px,0,0); transform: scale(.1) translate3d(2000px,0,0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(-42px,0,0); transform: scale3d(.475,.475,.475) translate3d(-42px,0,0); } to { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px,0,0); transform: scale(.1) translate3d(2000px,0,0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0); transform: scale3d(.475,.475,.475) translate3d(0,60px,0); -webkit-animation-timing-function: cubic-bezier(0.550,0.055,0.675,0.190); animation-timing-function: cubic-bezier(0.550,0.055,0.675,0.190); } to { opacity: 0; -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0); transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175,0.885,0.320,1); animation-timing-function: cubic-bezier(0.175,0.885,0.320,1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0); transform: scale3d(.475,.475,.475) translate3d(0,60px,0); -webkit-animation-timing-function: cubic-bezier(0.550,0.055,0.675,0.190); animation-timing-function: cubic-bezier(0.550,0.055,0.675,0.190); } to { opacity: 0; -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0); transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175,0.885,0.320,1); animation-timing-function: cubic-bezier(0.175,0.885,0.320,1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); visibility: visible; } to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } } @keyframes slideInDown { from { -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); visibility: visible; } to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); visibility: visible; } to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } } @keyframes slideInLeft { from { -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); visibility: visible; } to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); visibility: visible; } to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } } @keyframes slideInRight { from { -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); visibility: visible; } to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); visibility: visible; } to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } } @keyframes slideInUp { from { -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); visibility: visible; } to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } to { visibility: hidden; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); } } @keyframes slideOutDown { from { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } to { visibility: hidden; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } to { visibility: hidden; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); } } @keyframes slideOutLeft { from { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } to { visibility: hidden; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } to { visibility: hidden; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); } } @keyframes slideOutRight { from { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } to { visibility: hidden; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } to { visibility: hidden; -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); } } @keyframes slideOutUp { from { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } to { visibility: hidden; -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } #toTop { /* background: url(/assets/img/main/totop.png) no-repeat;*/ background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIwAAAAeCAIAAABxDGEhAAACTUlEQVRoge2YO0/DMBDH+zmgiBnxBXiu7QdgYO3EAGJCTLwWqBgQLAWGLgjmgoQEgqECMTCwderCwMBMBQgF0iTmzBXHdZO2FJRw0UV/Vc7ZsRP/fA81ZfWNsv65UrG/AaujGBIBMSQCYkgExJAIiCEREEMiIIZEQAyJgCKFZM+tiadne3a140j35s45OtEtH9PzQoj3kSllgTZY6uu7+jC4FdrlPTyqAUYXXDAnruWbai84Xk7+3W68/OKmfIFsLsmQ5Ee6rnh9E45jL+R/Dwk3HTAYkHQLTKJgGF2Ba+GcyKZBBVccyhjMEgjJXtkRnueWb63hLPxC217e/iUk9BLJYGYpDBJ6G2x3l5Ak19MyWIw2DPAq1VgIRQSpnt+HnXLPrqzBSWkZnHTPr+WB3djrGRKAwVs58rQcBklSrL3gU11C0ifEoIfuGEugiwhSfasIX+iULqz0uJ+TBiac40vJaasYBkkEXQqSOuMYlCAc+VSCEk9gVyukeuFQeZ7+VFyBLiJI3v2Dc1Cy+sfMnJQeBzv0hkFq40l6EDOyRYAnfcfDNp7kFxqVqk4ITwPakwwJ9bc5qdUn1O63koD9xfDVZbhrWhSDajYXY9UQEaQ/z0myZCgcGl1hJVzvkIYyqoLHY6GXLYmCpOck395FTgqD1FrmNUh8jQ8Mdz+q7pRkRaeNhyVU1Zc0SConmV295iS9RFZS5YMZCZvTVWBNEQgJA50qOkAy6MVUQfDfQgTEkAiIIREQQyIghkRADImAGBIBMSQCYkgExJAI6BM3X6XqQ1DmOgAAAABJRU5ErkJggg==') no-repeat; position: fixed; bottom: 50px; right: 10px; cursor: pointer; display: none; width: 140px; height: 30px; opacity: 0.8; } #toTop:hover { opacity: 1; } .ico_hotel { width: 50%; height: 63px; float: left; min-width: 290px; } .ico_hotel1_block { max-width: 930px; margin: 10px auto; text-align: center; padding-left: 35px; } .ico_hotel1 { width: 33%; height: 63px; float: left; min-width: 290px; } .ico_hotel2 { width: 130px; height: 63px; float: left; margin-left: 50px; } .kotimgs div { height: 72px; display: inline-block; vertical-align: top; width: 33%; } .kotimgs div img { line-height: 72px; vertical-align: middle; } .kotimgs { margin: 80px 0; } .block a.housing__promo-btn { display: block; width: 50%; height: 60px; background-color: #f71a39; border-radius: 3px; margin-top: 46px; color: #ffffff; font-size: 20px; font-weight: 400; line-height: 31px; text-align: center; box-sizing: border-box; padding-top: 16px; margin: 46px auto; } .block a:hover { background-color: #dd102c; } .block { width: 45%; display: inline-block; vertical-align: top; margin-right: 9%; } .block:last-child { margin-right: 0; } .block img { max-width: 100%; } .housing__promo-title.bistitles { font-size: 60px; font-weight: 400; line-height: 50px; color: #3a3a3a; } .housing__promo.bispromo { min-height: 645px; margin-bottom: 21px; } .bispromo .housing__promo-content { padding: 0; text-align: center; } .infoblock { display: inline-block; max-width: 320px; margin-top: 51px; } .infoblock div { font-size: 30px; font-weight: 300; color: #3a3a3a; display: inline-block; } .infoblock .grad { background: url(/assets/img/obl.png) no-repeat; padding: 3px 50px 16px 53px; box-sizing: border-box; } .infoblock .times { background: url(/assets/img/times.png) no-repeat; box-sizing: border-box; padding: 4px 10px 9px 46px; } .page-header__content.biscont { display: block !important; height: auto; padding-bottom: 30px; } .housing__title.bistitle { margin-bottom: 38px; letter-spacing: 0.3px; } .biscont .page-content__content.has-margin { line-height: 31px; letter-spacing: 0.3px; } .imagekonf { display: inline-block; height: 430px; border-radius: 4px; width: 54%; margin-right: 2%; } .conference_block { width: 100%; box-sizing: border-box; min-height: 474px; border-radius: 4px; border: 1px solid #cecece; padding: 20px 20px 20px 20px; } .conference_block { margin-bottom: 30px; } .konference_blocks { margin-top: 61px; } .info_blocks { width: 43%; display: inline-block; } .conference_block > div { vertical-align: top; } .info_blocks .namekonf { color: #676a71; font-size: 30px; font-weight: 700; line-height: 31px; border-bottom: 1px solid #cecece; margin-top: -4px; padding-bottom: 22px; letter-spacing: 0.5px; } .opiskonf { min-height: 130px; line-height: 130px; display: inline-block; } .opiskonf img { vertical-align: middle; } .harakteristiks { border-bottom: 1px solid #cecece; border-top: 1px solid #cecece; height: 174px; margin-bottom: 16px; box-sizing: border-box; padding-top: 14px; } .harakteristiks ul li:before { display: none; } .harakteristiks ul li { color: #676a71; font-size: 18px; line-height: 36px; font-weight: 400; letter-spacing: 0.3px; } .harakteristiks ul li span { font-weight: 700; } .harakteristiks ul { padding-left: 0; } .info_blocks .housing__promo-btn.btn { border-radius: 0; display: inline-block; } @media (max-width:1140px) { .info_blocks .namekonf { font-size: 22px; margin-top: 2px; padding-bottom: 12px; } .harakteristiks ul li span { font-weight: 400; } .harakteristiks ul { column-count: 2; min-height: 60px; } .harakteristiks ul li { font-size: 16px; line-height: 30px; padding-right: 20px; } .harakteristiks ul li:nth-child(3), .harakteristiks ul li:nth-child(4) { margin-left: 35px; } .conference_block { min-height: 327px; padding: 10px; } .harakteristiks { padding-top: 7px; height: auto; padding-bottom: 7px; } .imagekonf { height: 306px; } .opiskonf { min-height: 107px; line-height: 106px; display: inline-block; } } @media (max-width:640px) { .info_blocks { display: block; margin-top: 10px; width: 100%; } .imagekonf { display: block; width: 100%; margin: 0; } .info_blocks .housing__promo-btn.btn { margin: 0 auto; } .harakteristiks ul li:nth-child(3), .harakteristiks ul li:nth-child(4) { margin-left: 0; } .bron { text-align: center; } .housing__promo.bispromo { min-height: 429px; } .harakteristiks ul li { column-width: 200px; } .harakteristiks ul { column-count: 2; column-width: 126px; display: inline-block; } .conference_block { padding-bottom: 20px; } } @media (max-width:480px) { .info_blocks { display: block; margin-top: 10px; width: 100%; } .imagekonf { display: block; width: 100%; margin: 0; } .info_blocks .housing__promo-btn.btn { margin: 0 auto; } .harakteristiks ul li:nth-child(3), .harakteristiks ul li:nth-child(4) { margin-left: 0; } .bron { text-align: center; } .housing__promo.bispromo { min-height: 429px; } .harakteristiks ul li { column-width: 200px; } .harakteristiks ul { column-count: 2; column-width: 126px; display: inline-block; } .housing__promo.bispromo { min-height: 321px; } .infoblock { margin-top: 10px; } } .otzslider { width: 1200px; overflow: hidden; box-sizing: border-box; padding: 0 20px; height: 360px; } .otzslider .js-slick__btn--next.js-slick__btn--services { right: 8px; } .otzslider .js-slick__btn--prev.js-slick__btn--services { left: 8px; } .otzslider .js-slick__dots--services { position: absolute; right: 0; top: initial; text-align: center; bottom: 1px; width: 100%; } .otzslider.js-slick--center .js-slick__slide-container { padding-top: 0; padding: 0 10px; min-height: 262px; background: transparent; } .otzslider .slick-current .services__slide { box-shadow: none !important; } .otzslider .services__slide-content { background: transparent; padding: 0 5px; width: 100%; top: 0; -webkit-transform: translate(-50%,0%); -ms-transform: translate(-50%,0%); transform: translate(-50%,0%); } .otzslider .services__slide-content:hover .services__slide-title { font-size: 24px; font-weight: 300; margin: 15px 0; } .otzslider .services__slide-content:hover { width: 100%; max-height: initial; padding: 0 5px; background: transparent; border-radius: 0; } .otzslider .services__slide-info { display: block; } .otzslider .services__slide-title { color: #676a71; font-weight: 300; font-size: 24px; margin: 15px 0; } .otzslider .services__slide-info { color: #676a71; font-weight: 300; font-size: 16px; } .otzslider .services__slide-content:hover .services__slide-info { line-height: 24px !important; } .otzslider .services__slide-content:hover .services__slide-title { line-height: 30px !important; } .otzslider .js-slick__btn { top: calc(20% - 10px); } .vse { font-size: 20px; font-weight: 400; display: inline-block; width: 100%; text-align: center; margin-top: -29px; margin-bottom: 60px; } .otzslider .js-slick__dots li:first-child { margin-left: 0; } @media (max-width:1140px) { .otzslider { overflow-x: hidden; height: 400px; width: 100%; padding: 0 15px; } } @media (max-width:768px) { .otzslider { overflow-x: hidden; height: 400px; width: 100%; padding: 0 15px; } } @media (max-width:640px) { .otzslider { width: 100%; height: 460px; } } @media (max-width:480px) { .otzslider .services__slide-content { display: block; } } .otziv_item { box-shadow: 0 5px 6px rgba(0,0,0,0.25); background-color: #f3f3f3; width: 100%; box-sizing: border-box; margin-bottom: 40px; padding: 29px 29px 29px 29px; } .otziv_item .img { display: inline-block; vertical-align: top; } .otziv_item .text { display: inline-block; margin-left: 30px; width: calc(100% - 160px); } .otziv_item .text .otz-info { text-align: justify; color: #676a71; font-weight: 300; font-size: 16px; } .otziv_item .text .otz-date { color: #676a71; font-weight: 300; font-size: 16px; } .otziv_item .text .otz-title { color: #676a71; font-weight: 300; font-size: 24px; margin-bottom: 18px; } .itznav { width: 100%; text-align: center; margin-bottom: 60px; } .itznav ul { width: 100%; display: inline-block; vertical-align: middle; } .itznav ul li:before { display: none; } .itznav ul li { background: transparent; color: white; border-radius: 0; } .itznav .bx-pag-prev *, .itznav .bx-pag-next * { width: 20px !important; height: 20px !important; min-width: 20px !important; background: transparent !important; border: 2px solid transparent !important; -webkit-transform: rotate(45deg) !important; -ms-transform: rotate(45deg) !important; transform: rotate(45deg) !important; z-index: 100 !important; overflow: hidden !important; text-indent: -999px; box-shadow: none !important; padding: 0 !important; border-radius: 0 !important; display: inline-block !important; } .itznav .bx-pag-next * { border-top-color: #f71a39 !important; border-right-color: #f71a39 !important; margin-left: 100px !important; } .itznav .bx-pag-prev * { border-bottom-color: #f71a39 !important; border-left-color: #f71a39 !important; margin-left: 0 !important; } .itznav .bx-pag-prev + li { margin-left: 100px !important; } .itznav .bx-pag-prev + li * { margin-left: 0 !important; } .itznav li span { display: inline-block !important; -webkit-box-sizing: border-box !important; box-sizing: border-box !important; width: 12px !important; height: 12px !important; margin-left: 16px !important; border: 2px solid #bfc8cd !important; border-radius: 50% !important; background: inherit !important; overflow: hidden; text-indent: -9999px; padding: 0 !important; } .bx-pagination .bx-pagination-container ul li a, .bx-pagination .bx-pagination-container ul li span { min-width: 12px !important; } .itznav li.bx-active span { background: #f71a39 !important; border-color: #f71a39 !important; } .itznav .text:first-child { display: none; } @media (max-width:1140px) { .otziv_item .text { width: calc(100% - 160px); } .bx-catalog-element.specials_winter .detail_text .ul1, .bx-catalog-element.specials_winter .detail_text .ul2 { width: 100%; } } @media (max-width:960px) { .otziv_item .text { width: calc(100% - 160px); } } @media (max-width:768px) { .otziv_item .text { width: calc(100% - 160px); } } @media (max-width:640px) { .otziv_item .text { width: calc(100% - 160px); } } @media (max-width:480px) { .otziv_item .text { width: calc(100% - 160px); } .itznav .bx-pag-prev + li { margin-left: 70px !important; } .itznav .bx-pag-next * { border-top-color: #f71a39 !important; border-right-color: #f71a39 !important; margin-left: 70px !important; } } @media (max-width:375px) { .otziv_item .text { margin: 0; display: block; width: 100%; } .otziv_item .img { width: 100%; text-align: center; } .otziv_form .btns.custom .btn__arrow { margin-left: 5px !important; } .bx-catalog-element.specials_winter h2 { margin: 18px 0 27px; } .bx-catalog-element.specials_winter .slick-slider img { max-width: 80%; } .bx-catalog-element.specials_winter .prev_text { margin: 0 5px; } .bx-catalog-element.specials_winter .detail_text { margin: 20px 20px 0; } } @media (max-width:375px) { .itznav .bx-pag-next * { border-top-color: #f71a39 !important; border-right-color: #f71a39 !important; margin-left: 40px !important; } } .hashtag { color: #7d8e99; font-size: 16px; line-height: 30px; margin-top: 10px; } .formsotzivblock { display: none; } .otziv_form { background-color: #d8d6d6; min-height: 80px; margin-top: 20px; margin-bottom: 60px; } .otziv_form .btns.custom { width: 100%; line-height: 80px; text-align: center; } .otziv_form .btns.custom .btn__title { color: #f71a39; font-size: 24px; font-weight: 400; } .otziv_form .btns.custom .btn__arrow { margin-left: 40px; border: 2px solid #f71a39; } .otziv_form .btns.custom .btn__arrow:before { border: 2px solid #f71a39; border-left-color: transparent; border-bottom-color: transparent; } .otziv_form .btns.custom:hover .btn__arrow, .otziv_form .btn.custom .btn__arrow:hover { background: transparent; } .otziv_form .btns.custom:hover .btn__arrow { border: 2px solid #888888; } .otziv_form .btns.custom:hover .btn__title, .otziv_form .btn.custom.active .btn__title { color: #888888; } .otziv_form .btns.custom.active .btn__arrow { border: 2px solid #888888; } .otziv_form .btns.custom.active .btn__arrow:before, .otziv_form .btn.custom.active:hover .btn__arrow:before { border: 2px solid #888888; border-left-color: transparent; border-top-color: transparent; border-bottom-color: #888888; left: calc(50% - 4px); } .otziv_form .btns.custom:hover { cursor: pointer; } .otziv_form .btns.custom:hover .btn__arrow:before { border: 2px solid #888888; border-left-color: transparent; border-bottom-color: transparent; } .otziv_form h2 { text-align: center; } .living__content.new_dsh_restaurants .living__item { border-bottom: none !important; } .blocks_input { margin: 0 auto; max-width: 100%; } #otzivforms label { display: block; color: #000000; font-size: 18px; font-weight: 300; margin-bottom: 2px; text-align: left; } #otzivforms input { max-width: 100%; width: 100%; height: 46px; background-color: #ffffff; font-size: 18px; font-weight: 300; outline-width: 0; padding-left: 21px; box-sizing: border-box; border: none; border-radius: 0; } #otzivforms input.error, #otzivforms textarea.error { border: 1px solid red; } .blocks_input { font-size: 0; } .blocks_input > div { display: inline-block; max-width: 49%; width: 49%; margin-bottom: 16px; vertical-align: top; } .blocks_input > div:nth-child(2n) { margin-left: 2%; } #otzivforms input::-webkit-input-placeholder { color: #aeaeae; } #otzivforms input::-moz-placeholder { color: #aeaeae; } #otzivforms input:-moz-placeholder { color: #aeaeae; } #otzivforms input:-ms-input-placeholder { color: #aeaeae; } #otzivforms input[name='uslugi'] { cursor: pointer; padding-right: 38px; background-image: url('/assets/img/strl.png'); background-repeat: no-repeat; background-position: 95%; } #otzivforms textarea { resize: none; font: initial; width: 100%; height: 135px; background-color: #ffffff; padding: 10px 15px; box-sizing: border-box; border: none; outline-width: 0; color: #676a71 !important; font-weight: 300; font-size: 18px; border-radius: 0; font-family: "HelveticaNeueCyr",sans-serif; } .otzivbtn .btn__title { color: #f71a39; font-size: 24px; } .otzivbtn .btn__arrow { margin-left: 10px; } .otzivbtn { text-align: center; margin-bottom: 50px; } .blocks_input { text-align: center; } #otzivforms label.error { font-size: 14px; } .topusl { position: relative; } .usl_list { display: none; position: absolute; width: 100%; border: 1px solid #f71a39; background-color: #ffffff; box-sizing: border-box; top: 77px; left: 0; padding: 15px 0; z-index: 20; } .usl_list.active { display: block; } .usl_list > li { color: #f71a39; font-size: 18px; padding-left: 47px; text-align: left; } .usl_list > li:before { display: none; } .usl_list > li.custom:hover, .usl_list > ul > li:hover { cursor: pointer; } .usl_list > ul > li:before, .usl_list > li.custom:before { width: 14px; height: 14px; border: 1px solid #aeaeae; background-color: #ffffff; display: block; border-radius: 0; left: 12px; } .usl_list > ul { padding-left: 0; } .usl_list > ul > li { color: #aeaeae; font-size: 18px; padding-left: 70px; text-align: left; } .usl_list li.active { background-color: #f71a39; color: #ffffff; } .usl_list li.active:before { background-image: url('/assets/img/kv.png'); background-position: center center; background-repeat: no-repeat; } @media (max-width:960px) { .blocks_input { max-width: 850px; } #otzivforms input { max-width: 419px; width: 100%; } .blocks_input > div { display: inline-block; max-width: 419px; width: 49%; margin-bottom: 16px; vertical-align: top; } } @media (max-width:640px) { .blocks_input > div { display: block; max-width: 100%; width: 100%; margin-bottom: 16px; vertical-align: top; margin-left: 0 !important; } #otzivforms input { max-width: 100%; width: 100%; } .otziv_form h2 { text-align: center; font-size: 50px !important; } } @media (max-width:330px) { .usl_list { top: 106px; } } .obrat_zvonok_btn { position: fixed; top: 80%; background: #f71a39; margin-top: -80px; transform: rotate(270deg); width: 180px; height: 32px; font-size: 14px; color: white; text-align: center; line-height: 30px; z-index: 1100; cursor: pointer; left: -74px; } #newmodal_form { width: 960px; height: auto; background: #fff; position: fixed; top: 45% !important; left: 50%; margin-left: -480px; margin-top: -150px; display: none; opacity: 0; z-index: 1000; padding: 35px 50px; box-sizing: border-box; } #newmodal_form #modal_close { width: 16px; height: 16px; position: absolute; top: 10px; right: 10px; cursor: pointer; display: block; background: url(/assets/img/close.png) no-repeat center center; } #newoverlay { z-index: 800; position: fixed; background-color: #000; opacity: 0.8; -moz-opacity: 0.8; filter: alpha(opacity=80); width: 100%; height: 100%; top: 0; left: 0; cursor: pointer; display: none; } .newformtitle { color: #f71a39; font-size: 24px; font-weight: 300; padding-bottom: 5px; border-bottom: 4px solid #f71a39; margin-bottom: 55px; } #obr_form label { color: #000000; font-size: 18px; font-weight: 300; display: block; } #obr_form label.error { margin-bottom: 20px; } #obr_form textarea { width: 100%; height: 135px; border: 1px solid #aeaeae; background-color: #ffffff; box-sizing: border-box; margin-top: 5px; border-top: 2px solid #aeaeae; border-bottom: 2px solid #aeaeae; box-sizing: border-box; padding: 10px; outline-width: 0; resize: none; border-radius: 0; } #obr_form input { width: 100%; height: 46px; border: 1px solid #aeaeae; background-color: #ffffff; border-top: 2px solid #aeaeae; border-bottom: 2px solid #aeaeae; padding-left: 10px; box-sizing: border-box; outline-width: 0; border-radius: 0; } #obr_form input + label.error { margin-bottom: 0; } #obr_form .newformbutton .btn__arrow { margin-left: 15px; } #obr_form .newformbutton { margin-top: 40px; margin-bottom: 15px; width: 100%; text-align: center; } #obr_form .newformbutton .btn__title { font-size: 24px; } @media (max-width:960px) { #newmodal_form { width: 100%; height: auto; background: #fff; position: fixed; top: 45% !important; left: 0%; margin-left: 0; margin-top: -200px; display: none; opacity: 0; z-index: 1000; padding: 35px 50px; box-sizing: border-box; } .obrat_zvonok_btn { left: -74px; } } #modalotvet { box-sizing: border-box; height: 112px; border-radius: 2px; border: 2px solid #f71a39; background-color: #ffffff; width: 960px; line-height: 103px; top: 50%; left: 50%; position: fixed; z-index: 900; margin-left: -480px; display: none; } #modalotvet div.text { color: #000000; font-size: 24px; font-weight: 300; line-height: 36px; vertical-align: middle; display: inline-block; max-width: 849px; text-align: center; box-sizing: border-box; padding: 0% 10%; width: 100%; } #modalotvet #modal_close { width: 110px; height: 110px; top: 0; right: 0; position: absolute; background-color: #f71a39; background: url(/assets/img/closenew.png) #f71a39 no-repeat center center; cursor: pointer; } @media (max-width:960px) { #modalotvet { box-sizing: border-box; height: 112px; border-radius: 2px; border: 2px solid #f71a39; background-color: #ffffff; line-height: 103px; top: 50%; left: 0%; position: fixed; z-index: 200; margin-left: 0; display: none; width: 100%; } #modalotvet div.text { width: 87%; } } @media (max-width:480px) { #modalotvet div.text { width: 72%; padding: 0; } .events-list .specials-carousel .specials-item { height: auto; padding: 10px 10px; margin: 0 20px; } .events-list .specials-carousel .specials-item img { max-height: auto; width: 100%; float: none !important; } .events-list .specials-carousel .specials-item .data_event.str3 { width: 56px; height: 72px; } .events-list .specials-carousel .specials-item .data_event.str3 .day { font-size: 30px; font-weight: 300; margin: 5px 0 0 0; } .events-list .specials-carousel .specials-item .data_event.str3 .month { font-size: 12px; font-weight: 300; line-height: 20px; } .events-list .specials-carousel .specials-item .data_event.str3 .year { font-size: 12px; font-weight: 300; line-height: 10px; } .events-list .specials-carousel .specials-item .data_event.str2 { width: 81px; height: 51px; } .events-list .specials-carousel .specials-item .data_event.str2 .day { font-size: 28px; font-weight: 300; margin: 10px 0 0 0; line-height: 16px; } .events-list .specials-carousel .specials-item .data_event.str2 .month_year { font-size: 12px; font-weight: 300; } .events-list .specials-carousel .specials-item .name_event { font-size: 20px; } .events-list .specials-carousel .js-slick__btn--prev { left: 5px; top: 50%; } .events-list .specials-carousel .js-slick__btn--next { right: 5px; top: 50%; } } @media (max-width:400px) { .newformtitle { margin-bottom: 10px; } #obr_form label.error { margin-bottom: 2px; } #obr_form .newformbutton { margin-top: 15px; margin-bottom: 15px; width: 100%; text-align: center; } #newmodal_form { margin-top: -190px; } } .housing__left .housing__list { margin-top: 10px; } .margin-block { margin-bottom: 40px; } .ico_hotel1_block { margin-top: 50px; margin-bottom: 75px; } .housing__promo-btn { display: none; } .page-content__wrapper.page-content__wrapper--index .living__item { padding: 0; min-height: 200px; } .page-content__wrapper.page-content__wrapper--index .living__bottom { display: none; } .otstup { height: 185px; } .block_pr_nd { max-width: 1200px; margin: 0 auto; text-align: center; margin: 25px; } .block_pr_nd .item_bpr { //float: left; display: inline-block; //width: 180 px; text-align: center; vertical-align: top; width: 180px; margin-bottom: 20px; } .block_pr_nd .name_bpr { font-size: 14px; width: 150px; margin: 0 auto; line-height: 1; } .button_banner a { color: WHITE; } @media (max-width:1140px) { .banner_about { text-align: center; margin: 0 auto; background: url(/img/ba2.png) top left no-repeat; background-size: cover; height: 175px; } .block_pr_nd { width: 1000px; margin: 0 auto; } .banner_about img { width: 600px; } .banner_about .button_banner { margin-top: 7%; margin-right: 1.5%; } .button_banner { margin-top: 110px; } } @media (max-width:960px) { .banner_about { text-align: center; background: url(/img/ba3.png) top left no-repeat; background-size: contain; } .block_pr_nd { width: 900px; margin: 0 auto; } .banner_about img { width: 600px; } } @media (max-width:900px) { .banner_about div { //display: inline-block; float: none; display: block; } .banner_about .button_banner { display: none; } .banner_about { text-align: center; } .block_pr_nd { width: 800px; margin: 0 auto; } .banner_about img { width: 500px; } } @media (max-width:640px) { .block_pr_nd { width: 500px; margin: 0 auto; } .banner_about { background: url(/img/ba3.png) 0 0 no-repeat; background-size: contain; width: 100%; } } @media (max-width:599px) { .banner_about { height: 80px; } .embed-responsive { display: none !important; } .otstup { height: 0; } } @media (max-width:480px) { .block_pr_nd { width: 400px; margin: 0 auto; } .banner_about img { width: 400px; } .about_icon.block_pr_nd .item_bpr { width: 140px; } } .loyal_table .main { text-align: center; background: #f3f3f3; } .loyal_table .inner td { text-align: center; background: #f9f9f9; } .loyal_table td { border: 1px solid BLACK; width: 33%; } .loyal_table .inner2 { text-align: center; } .block-center { margin-top: 25px; margin-bottom: 25px; text-align: center; max-width: 750px; margin: 0 auto; } .block-center a { color: RED; } .block_icons { width: 100%; margin-top: 25px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .block_icons .bi_items { display: inline-block; float: left; height: 180px; width: 220px; padding: 1px; text-align: center; vertical-align: top; margin: 0 auto; } .bi_items .name_items { font-size: 12px; width: 115px; text-align: center; margin: 0 auto; } .captionscustom { position: relative; display: block; margin-bottom: 18px; font-size: 20px; line-height: 24px; font-weight: 300; color: #676a71; cursor: pointer; } .captionscustom.active { color: #f71a39; } .mylist { display: none; padding: 5px 12px; margin: 0 -30px; font-size: 0; line-height: 40px; font-weight: 300; background: #f3f3f3; } .captionscustom.active + p + .mylist { display: block; } .mylist .myitem { padding: 0 20px 20px; } .mylist .myitem:before { display: none; } .mylist .myitem:not(:last-child) { border-bottom: 2px dotted #e3e3e3; } .captionscustom.active:after, .captionscustom:after { border: 2px solid transparent; border-top-color: #4e5360; border-left-color: #4e5360; } .captionscustom:after { content: ''; position: absolute; top: 50%; right: -3px; width: 10px; height: 10px; border: 2px solid #4e5360; border-top: transparent; border-left: transparent; -webkit-transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); } .blocks_tarif { } .blocks_tarif .items_tarif { display: inline-block; padding: 10px 30px 10px 30px; padding-left: 21px; width: 33%; text-align: center; position: relative; } .blocks_tarif { text-align: justify; } .blocks_tarif .items_tarif:before { content: url(/img/pdf.png); margin: -1px 9px 0 -33px; position: absolute; } .blocks_tarif .items_tarif a { color: BLACK; cursor: pointer; } .blocks_tarif .items_tarif a:hover { color: #f71a39; } #modalbanner { width: 70%; height: 400px; height: auto; background: #96F98A; position: fixed; top: 50% !important; left: 15%; margin-top: -150px; display: none; opacity: 0; z-index: 1300; box-sizing: border-box; padding-bottom: 15px; } #modalbanner .modal_close { width: 16px; height: 16px; position: absolute; top: 10px; right: 10px; cursor: pointer; display: block; background: url(/assets/img/close.png) no-repeat center center; } #modalbanner .text { color: #000000; font-size: 24px; font-weight: 300; line-height: 36px; vertical-align: middle; display: inline-block; text-align: center; box-sizing: border-box; width: 100%; margin-top: 20px; margin-bottom: 20px; text-align: center; } #modalbanner p { color: #000000; font-size: 16px; font-weight: 300; line-height: 20px; vertical-align: middle; display: block; text-align: center; box-sizing: border-box; width: 100%; margin-top: 20px; margin-bottom: 20px; text-align: center; } .mydropdown .services-dropdown__caption { font-size: 30px; font-style: italic; color: #676A84; } .mydropdown .captionscustom { font-size: 25px; color: #676A84; } .services.js-gallery { display: none; } #tl-sf { z-index: 100; } .embed-responsive { position: relative; display: block; width: 100%; padding: 0; overflow: hidden; } .embed-responsive::before { display: block; content: ""; } .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; } .embed-responsive-21by9::before { padding-top: 42.85714%; } .embed-responsive-16by9::before { padding-top: 56.25%; } .embed-responsive-4by3::before { padding-top: 75%; } .embed-responsive-1by1::before { padding-top: 100%; } .top-adaptive { margin-top: 45px; } @media (max-width:1100px) { .top-adaptive { ; } } @media (max-width:670px) { .top-adaptive { margin-top: 55px; } } .specials-detail { font-family: "HelveticaNeueCyr",sans-serif; color: black; } .specials-detail h1 { } .specials-detail h2 { font-size: 26px; color: black; } .specials-detail .detail_picture { max-width: 100%; } .specials-detail p.bold { font-weight: 500; } .specials-detail ol { padding: 0; margin-left: 0; list-style-position: inside; } .specials-detail ol li { padding: 0; } .specials-detail ul li:before { background-color: black; } .specials-list { text-align: justify; } .specials-item { position: relative; display: inline-block; width: 29.82%; margin-right: 4.00%; vertical-align: top; color: black; text-align: center; margin-bottom: 20px; } .specials-item:nth-child(3n) { margin-right: 0; } .specials-item .preview_picture { width: 100%; /*height: 265px;*/ margin: 0 auto; } .specials-item .name { margin: 10px 10px; } .specials-item .name a { color: #728189; font-size: 28px; } .specials-item .price { font-weight: 500; font-size: 20px; min-height: 30px; } .specials-item .preview_text { flex-grow: 1; font-size: 16px; color: #000; font-weight: bold; margin: 0 10px; } .specials-item .secondary { display: flex; flex-direction: column; min-height: 205px; } @media (max-width:1140px) { .specials-item { display: block; width: 100%; } .specials-item .secondary { min-height: initial; } .specials-carousel .js-slick__btn--next { right: 0; } .specials-carousel .js-slick__btn--prev { left: 0; } } @media (max-width:479px) { .specials-detail .detail_picture { display: none; } } .specials-carousel .living__title { margin: 40px auto; } .specials-carousel .specials-list { text-align: center; } .specials-carousel .specials-item { margin: 0; padding: 0 20px; font-weight: 300; line-height: 30px; } .specials-carousel .js-slick__btn { top: calc(50% - 29px); } .specials-carousel .specials-item { display: none; } .specials-carousel .specials-item:nth-child(1), .specials-carousel .specials-item:nth-child(2), .specials-carousel .specials-item:nth-child(3), .specials-carousel .specials-item.slick-slide { display: inline-block; } .specials-carousel .js-slick__btn.slick-disabled { opacity: 0.5; } .specials-carousel { margin-bottom: 40px; } #uptocall-mini, #upform-mini { position: fixed; top: 90%; left: 170px; display: block; width: 77px; height: 77px; background: #f71a39; border-radius: 50%; -webkit-transition: background 0.5s,opacity 0.2s linear 0.3s; -moz-transition: background 0.5s,opacity 0.2s linear 0.3s; -o-transition: background 0.5s,opacity 0.2s linear 0.3s; transition: background 0.5s,opacity 0.2s linear 0.3s; z-index: 110; } #upform-mini { /* background-image: url(/img/form.png);*/ background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAE0AAABNCAMAAADU1xmCAAAAn1BMVEUAAAD/EDD3GDj6FTX5Gjf5Gjn3GDj3GDj3Gjj3Gjj2GTn2GTn3Gjj3Gjj2GTn2GTn3GTj3GTj2Gjn2Gjj3GTj3GTn2Gjn3Gjj3Gjn3KEX4NlH4RV75Umn5U2r5YHb5YXf6b4L6cIP6fY/6fpD7jJv7jZz8mqj8m6j8qLT8qbX9t8H9uMH9xc39xs7+09n+1Nr+4ub+4+f/8PL/8fP///+tVrpuAAAAGHRSTlMAECAwT1BfYH+Aj5CfoK+wv8DP0N/g7/D028B4AAADy0lEQVRYw62YiXaqMBCGxVu3VivUhQBFioiIggjO+z/bTYK0JRtLnXNqW+F8/JNZMmQwUNq/l+lc1xExXZ9PX4aDvqaN52vE2no+1nqwxu9IZu/jjrKmW6Sy7VR7GqsTb9zMorxRC9ZQR21Nb4zwaIvaW5O8V9TNXlXLr6OupkuDoX2g7vahPREmw/WESXA66ms6D3tD/e2NyzP0F2Pybrj9E207bLVonzun+9JNxPc4NwBIrI6+amI/reIeuhFcW/n6kyYz8R0hePTzdEyS0+FTjZs1SEMpIOSeCnhYcbDaiJNIQzF4CUAWuITihjkUXgtxsuzwsaDY/vX/HU4KccqAIiuBjOaHszvsy28yCKurB5u9f0JpSwnsCjH5dSRpAk6FezjrAByZZVzSGEiknSnsUEAeeW4lxL7fHn+5KVwZnCZ31IcLdTb3mKzx8af3hT8CFkdcXcgy16qcrRkVd4GbQ8hh7dIC09YSaT5xNpCkdACFQxKyFoo1noLEjl6xNJc4y4mGpIwC1ugxTxtKGptFQBewhTntfC/gPWVKX1wILnmqSBpRFX8/j9RerRzE2RaAi4mhpHyp5CzlaIuBIWkfcppXfp/yNENC8xU0lFFxBabdMoaGJOsWcmv862JMli/AP1H9ioSG7rjjBhJt2EEX43AkQrsdLRZmx3e1FuLGKaO5rBNMIK5WFxrKC1XfDsQ4SUxJVAPVphLRumeMz5ALTvEkqpqF3HCb3/O0BV+gNq2dEDwlzsnh9oWYWpjxiUaLtGoWCgvvcPPqdTpiaaQI/F/NQmE21BvDiO1vHvbvkeKOMknIvQVcrHp/G2z4ksrLAOTKOFhnuNdXdsPvC7SkSlWRylVOWLkvTAStNYNj1TLbCnvsWRrbWhO6C99sHFXZwu15YY/9lO2+ER02/BRXPYhbksPtsj97Pbc9p3B+PDfLRE6e8KwjKtJyDhmYzO0xFOWCpbw2C48Sd2F0TNn85qZlUl5Zmn3EY4mbgGp+00zJYjPrtjsD5H61BbLStIa5t7ah7sjIenHpJGar5l6ZOKfatJw9VoVHVrsc6wKlNNl7UUg3k/2ZzNEpFKdPCzk4CHHju5GwA1+hJGWRR6c/armw6xn19yyRr1CSqtxygigOxR3UHDa/A15+SN3eAZ/8fjqQbl7NZoje61c9YSvxMcHqibCeuJX8eKX72hmqg7O3v0ezlndmB5bZeAQ3bO+t0eaEtaU8c9Ty3HLWzDNnHc5BG3hdWOVOtpSylpM+Z9GTxYYjbRYTrffp9nA0WxhllA1jMRs1RPE/pfrZo0mM7d8AAAAASUVORK5CYII='); } #upform-mini1 .upform-mini-label { display: none; color: #ffffff; font-family: "HelveticaNeueCyr"; font-size: 18px; font-weight: 300; background-color: #f71a39; position: absolute; width: 414px; height: 51px; top: -70px; left: -160px; text-align: center; line-height: 39px; } #upform-mini1 .upform-mini-label::after { content: ''; background: url(/img/mar.png) no-repeat; display: block; width: 20px; height: 36px; position: absolute; right: 50%; top: 40px; } #upform-mini:hover .upform-mini-label { display: block; } .fixed_content { position: fixed; top: 253px; right: 10px; display: block; z-index: 100; } .fixed_content .fixed_content_close { width: 26px; height: 26px; /* background: url(/img/close.png) no-repeat;*/ background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAMAAACelLz8AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4QYICy435Nf8CgAAARRQTFRFKzM1LjQ1MDg6Mjo8NTUrNz9BODg4OjowOkBBPDwyPDw8PT09Pz8/QEBAQ0M6RERERUVFRkZGO0JEPT09QEBAU1lbV1dXW1tTXV1dYGZoaGhgaWlpampqa2trcXFxc3NzdHR0f4SFhYV/h4eHiIiIjIyMlZWVlZmamZ2empqVmp2enJycnZ2dnp6eoKCgoaGhoqKio6OjpKSkpaWlpqamqKusq6urrK+wra2trq6ur6+vsLCssLO0tLS0tbW1yszMy8vLy83OzMzMzc3NztDQz8/P0NDO0NHS0dHR0tLS09PQ09PT1NTU4eHh4uPj4+Pi5OTk6uvr6+vr6+zs9vb29/f3+fn5+vr6+/v7/f39/v7+////FMzAyQAAABV0Uk5TAAAAAAAAAAAAAAAAAAAAAAAAImbM6S7DJgAAAUxJREFUKM99kdlSwkAQRVuN14Ugrhg14gooRKJJXECREESDuOAoDMn8/3/4MAlBpbwvU9Onqut0NyGKZniMf726hhZXSD66L3j7ply5b3Ph62NIrYW9o4wsZI57YU2N0Uo3KKcwSqocdJclUl/6OfxIru8uAgTUgn38yl5wBRB2QgN/YoQ6CD5LA3DNuFpxAaSZD8qKPACYwpLEEiYA5EWWClxa25JZwpYz8AJ5ftTIFlZCAN8jVkXCrLgtUGXEEz9bJAQGJz5SgzWOTE6snhDLSVidUauTEMARF9G30yIjko8MHHEeyRukyZErcStHnMmRNYLPVADeyObCBaAyHwR98np3/z8K1iedcg0gIlp9CorTFGVKmTsNnpcURSEiopnr8O1gVqL5w/fwdkGJEdHWgxg0L4ulu+ZAPG4ryhgi2jhpfA6HH43SphLlG2F5QkW01GqPAAAAAElFTkSuQmCC') no-repeat; position: absolute; top: 5px; right: 5px; z-index: 110; cursor: pointer; } .fixed_content2 { margin-left: 224px; position: absolute; margin-top: 11px; top: 250px; right: 0; } .fixed_content2 .fixed_content_close { width: 18px; height: 18px; background: url(/img/close2.png) no-repeat; position: absolute; top: 5px; right: 5px; z-index: 110; cursor: pointer; } .uptocall-mini-quick { position: absolute; left: -140px; opacity: 0; -webkit-transition: opacity 0.5s linear 0.3s; -moz-transition: opacity 0.5s linear 0.3s; -o-transition: opacity 0.5s linear 0.3s; transition: opacity 0.5s linear 0.3s; } #uptocall-mini:hover .uptocall-mini-quick { opacity: 1; display: none; } #uptocall-mini-phone { top: -57px; width: 250px; } #uptocall-mini-phone .uptocall-mini-circle { background: #f71a39 url("/img/phone_small.png") 40% 40% no-repeat; } #uptocall-mini-email .uptocall-mini-circle { background: #f71a39 url("/img/mail_small.png") 40% 40% no-repeat; } #uptocall-mini-email { top: -110px; width: 250px; } .uptocall-mini-circle { width: 46px; height: 46px; background: #f71a39; border-radius: 50%; position: absolute; right: 50px; top: 5px; } .uptocall-mini-quick .uptocall-mini-label { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #fff; text-align: center; padding: 6px 0; color: #989898 !important; font-size: 13px; font-family: "Open Sans",sans-serif !important; width: 140px; position: absolute; top: 8px; left: 0; -moz-box-shadow: 3px 4px 4px rgba(0,0,0,.21); -webkit-box-shadow: 3px 4px 4px rgba(0,0,0,.21); box-shadow: 3px 4px 4px rgba(0,0,0,.21); } .uptocall-mini-label::after { content: ''; background: url(/img/arrow.png) no-repeat; display: block; width: 20px; height: 24px; position: absolute; right: -18px; top: 10px; } #uptocall-mini { background: #f71a39 url("/img/mail_main.png") 40% 40% no-repeat; } #uptocall-mini.second { background: #f71a39 url("/img/phone_main.png") 40% 40% no-repeat; } #uptocall-mini:hover, #uptocall-mini-phone:hover, #uptocall-mini-mail:hover, #close:hover, .from_tab > div { cursor: pointer; } #uptocall-backdrop { bottom: 0; left: 0; outline: 0 none; overflow-x: auto; overflow-y: scroll; position: fixed; right: 0; top: 0; z-index: 1000; transition: opacity 0.15s linear 0s; opacity: 0.2; background-color: #000; width: 200%; } #uptocallPopup { text-align: left !important; position: fixed; bottom: 0 !important; left: -500px; z-index: 9999; height: auto; width: 100%; max-width: 500px; padding: 0; height: 100%; background: #2b2b2b; opacity: 0.95; -webkit-transition: left 0.2s linear 0.3s; -moz-transition: left 0.2s linear 0.3s; -o-transition: left 0.2s linear 0.3s; transition: left 0.2s,linear 0.3s; } #uptocallPopup.open { left: 0; } #close { width: 26px; height: 26px; /* background: url("/img/close.png") no-repeat;*/ background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAMAAACelLz8AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4QYICy435Nf8CgAAARRQTFRFKzM1LjQ1MDg6Mjo8NTUrNz9BODg4OjowOkBBPDwyPDw8PT09Pz8/QEBAQ0M6RERERUVFRkZGO0JEPT09QEBAU1lbV1dXW1tTXV1dYGZoaGhgaWlpampqa2trcXFxc3NzdHR0f4SFhYV/h4eHiIiIjIyMlZWVlZmamZ2empqVmp2enJycnZ2dnp6eoKCgoaGhoqKio6OjpKSkpaWlpqamqKusq6urrK+wra2trq6ur6+vsLCssLO0tLS0tbW1yszMy8vLy83OzMzMzc3NztDQz8/P0NDO0NHS0dHR0tLS09PQ09PT1NTU4eHh4uPj4+Pi5OTk6uvr6+vr6+zs9vb29/f3+fn5+vr6+/v7/f39/v7+////FMzAyQAAABV0Uk5TAAAAAAAAAAAAAAAAAAAAAAAAImbM6S7DJgAAAUxJREFUKM99kdlSwkAQRVuN14Ugrhg14gooRKJJXECREESDuOAoDMn8/3/4MAlBpbwvU9Onqut0NyGKZniMf726hhZXSD66L3j7ply5b3Ph62NIrYW9o4wsZI57YU2N0Uo3KKcwSqocdJclUl/6OfxIru8uAgTUgn38yl5wBRB2QgN/YoQ6CD5LA3DNuFpxAaSZD8qKPACYwpLEEiYA5EWWClxa25JZwpYz8AJ5ftTIFlZCAN8jVkXCrLgtUGXEEz9bJAQGJz5SgzWOTE6snhDLSVidUauTEMARF9G30yIjko8MHHEeyRukyZErcStHnMmRNYLPVADeyObCBaAyHwR98np3/z8K1iedcg0gIlp9CorTFGVKmTsNnpcURSEiopnr8O1gVqL5w/fwdkGJEdHWgxg0L4ulu+ZAPG4ryhgi2jhpfA6HH43SphLlG2F5QkW01GqPAAAAAElFTkSuQmCC') no-repeat; position: absolute; top: 11px; right: 17px; } .from_tab { margin-top: 46px; text-align: center; } .from_tab > div { width: 66px; height: 66px; margin: 11px; display: inline-block; } .from_tab .call { background: url("/img/tab_call.png") no-repeat; } .from_tab .call.active { background: url("/img/tab_call_active.png") no-repeat; } .from_tab .mail { background: url("/img/tab_mail.png") no-repeat; } .from_tab .mail.active { /* background: url("/img/tab_mail_active.png") no-repeat;*/ background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEEAAABCCAYAAAAIY7vrAAAHlklEQVR42uVciXMTVRhf/g0aSkkppUfSJG2yu5ShFOQoWJFjdERALofDwQPGIurAiAzgeKHC4IzOgCJ4czOMVmAEgREph4rDoQjKUcp9SNM02c/3vddNujmazdvd0KQ7802aTfa97/fLe9/3ve99r4IkSYKVUklkqluCZaUSbCiUYZ9dhjO5MjTZZLjXXYbm7uwV3+N9/By/h9/H5yoTtCu6XILP4RAkUdTer/AKvpLSGIl6vlub0PeWAK/xSg8tJSB25ctw3caA8go+j+0gKdguBVpeToEh4Hj9JyGhm6UkPOOSoD4/8gubLdhuvV2CWYVlILrdCfXwlSYdCRoxBfzcMgl+zbMGeCLB/rDfuFPFWRZLQtS0CQu5bwj8kx4JDtrTCz5asH/UQ0NCWSwJiaYOjigu8P1FSfi4r3XDnmeaoD6oFwPm0UWCakRTJmB0hQTH8zoH+GhBvVA/1XBqSCDERE8D9C4oKREwixi+JlvnJEAV1G+WwwcxHgLdaZwpg4TpJmC+U4I7OZ2bAFVQz7oCVwwRCFz0esOGU3Q49XuH14mP/q97ZhCgCuq7uLcb4sUM0XZCl/vLNALaE/FCH1dcInBU6IoT0AZkyhRIODWIzCTBVUzc4PMlJ2EUsbKNtswmQJXGHAlqi5yHE3mKhIueI3nZQYAqDbk+kFUvERU9xiVhVZGUVQSosirfA/GCprjB0O0cOStJQFyILykJe/KzkwBVEF/7ZXQMCegNspkAVWa7tKNBQ8J+u9wlSDhgl+OTgKmsrkCAKtPckdEQJmFLAV9jfkcNBNd8A8rFRoBQCNJyBUO0v+BHX4K/ZDiX3lsLZC0J1WQdfjOHjwDl/EWmmKKAcutO2kS9lL/Og7+0JmXdEW+12I6EhQ6+qRBcv4UqEjpwBPyeR9I6nP3eRyF06DgbGGu/5WoDcYdJqOd0i8qNW3QEqAT4B02AlqFPWQoe2/cPHM/6E8ew0XC5iastxI1rCBoi86bF6XXnboSUK9cAWoMQmLfUEgICL73J7ME/l7Q6EFvElc4nU6KfxyMIkzz8XiGahMACpiRerSvWQHNOP3MIIO20rlwXNortSVYv3rYRv4CbGmaRQImYOh/gfjPT9+ud0NxzgDEC8gZAcHM96+vefWiZOC9WBwMk4CaR8EUf2VQS6LwdMQ2UqzfYSN3fAP6+Q/iMX9FQCB08yuY9mWotNVPi62CABMQv7LWbTwIFII8F5c/zDMDJs9Sap0QAMXrK6b/Z8+QV3yfUwQAJiF841dMaEiiQ4mEQ+vlY5JccNlmfBxg+hRlZ1f2SEdGhDgZIOEnwC5dt1pFApVcVBLf+EJnTE+Z2TAD5HL9Hbcqm76lNSKqDARIQv2Akd6CLBNW6r2qz7uhC65bHd4Hkfti7fPCpLu9ilATELxix3LpJUEG+/FZYaQ1IJOn9TyKfLVqRmg4GSEAR7qeLBOIqg1vqteugjd9Bc5/B9LX9hR6huXBIWkhA/MI1WxpIKBgEob2HwgYy8OzisOHD58OGc3IdKKfOMiJ+OwX+spGWk4D4hbO51pKAK83Q0T8Y0HMXiescF3GBbYCVM+fAL41l98nSOHT0RGSF6BttKQmIXzjcy0IXSQAgQPrL/n4a/K6HtZ+TICpQ90asC8SRs+8XRsSlK+CvesIyEhC/sL3AomCpejxd3am+Xu8c14TLO/YwIshqFaNQK0jYlk/C5pXFkvlhc+3ToNy8zYzfzh9prMDVR49KCH6+LRJjPDbHdBJW9q4A4bkyc0mgwY66gNqwlQIxvIJcvZ711RKAwPQFppIwh2zYCkN8ErebjFlKz15InHwr8/XvrTVvKU2kddlqmsChS+nnl5hCAu5aDy5uq1ThrTyLSaoQa46KphLspJRUIUaUJlWIsdToQPrkae9YrgjhmqUPizjTazjvMb3W5s/9gydCy+iZ1qbXRs0gRnIq689dyzhovMrV1mp7eYSEcRWcidavdjDrv/sgXTGmNdHqHEH7pbZn3SauNsYUOUFTvdbAES/gL6FcaGwL+Fvp3xgQWS64x4H2AUcBSfnzpNwb8qRw4UaYhCWcaTYMgNALqJmkdF1K03UIfrqRjggevZeUxCFhANmIuNCja2zBIU7Ei9VrMcWcb5d0jf3Id4rZpota9KkhYSBh598sHw2Ib6CoLQaPKdJY4Mzu0YD4dFW5/5SldQr7o+oSOizcwrqe67bsIgDxxKtX6rCO8RVHdk2LVx3xCUha0fpZYXYQsL5QBu7jP/2IbCvIbAK29yY7z0nqt3WdcsnUgi7Uu7+YvIpfV6l/FWloV4bVN+4m+laJ+s5ypHTIc1OGTA3UszKFEz0pHf+RibxLQs57nRQ86rWC6CeneK6L6zTcdFIDaGS/wgpBfaa7JeDBw30mEsvf1hU++GOB2D+68mqR/3yn4dOxj5dL1Ag9KOOH/RvFIPhICZsZMsklwk6ykXHX4mMC2D72g/2ZpbvpJ+ZHeqXlaJzMPjuN7WG72L7ZOlv6vxNqvdLh10jabjNxWSd6yrpHCX4Pv4/PLSbPYztW6ilY/U8koqNPXMnNIFb8RbKuX0QWNZjbxFd8j/fx8/6ilFa9/gcBE6YoT6UcmAAAAABJRU5ErkJggg==') no-repeat; } .form_dialog { color: #fff; } .form_dialog { padding: 43px; margin-top: 30%; } #mail_form { margin-top: 25%; } .form_dialog input, .form_dialog textarea { padding: 0 20px; font-size: 18px; line-height: 18px; color: #000; margin-bottom: 18px; } .form_dialog input[type="text"] { width: 100%; height: 45px; font-weight: 300; border: 1px solid #aeaeae; } .form_dialog textarea { width: 100%; height: 118px; display: block; padding-top: 10px; font-weight: 300; } .form_dialog input[type="submit"] { margin-top: 18px; background: #f71a39; border: 0; width: 100%; height: 46px; color: #fff; } .first_title { font-size: 30px; margin-bottom: 30px; font-weight: 300; } .second_title { font-size: 24px; margin-bottom: 42px; line-height: 27px; font-weight: 300; } #left_callback .dateSelect { width: 55%; float: left; font-size: 18px; line-height: 18px; color: #000; } #left_callback .timeSelect { width: 40%; float: right; font-size: 18px; line-height: 18px; color: #000; } .selectize-dropdown-content { z-index: 99999999; } .timeSelect .selectize-dropdown-content, .dateSelect .selectize-dropdown-content { background: #fff; } .form_dialog .selectize-input .item { vertical-align: top; font-weight: 300; } .form_dialog .selectize-input { font-size: 18px; } .uptocall-flags-mask { z-index: 99999992; position: relative !important; margin: 0 0 15px 0 !important; } .uptocall-flags-selected { cursor: pointer; position: absolute !important; bottom: 0 !important; left: 0 !important; top: 0 !important; width: 38px !important; height: 45px; z-index: 99999993; } .uptocall-flags-selected:hover { background-color: rgba(0,0,0,.05); } .uptocall-flags-flag { background-image: url(/img/flags.png); border: none !important; -webkit-border-radius: 0 !important; border-radius: 0 !important; -webkit-box-shadow: none !important; box-shadow: none !important; display: block; left: 5px; position: absolute; top: 32%; width: 20px !important; box-sizing: content-box !important; } .uptocall-flags-caret { border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #000; height: auto !important; left: auto !important; position: absolute !important; right: -10px; top: 40% !important; width: auto !important; } #uptocall-flags-lists { display: none !important; background-color: #fff !important; border: 1px solid #ccc; -webkit-box-shadow: 1px 1px 4px rgba(0,0,0,.2); box-shadow: 1px 1px 4px rgba(0,0,0,.2); list-style: none; margin: 0; max-height: 165px; overflow-y: scroll !important; overflow-x: hidden !important; padding: 0; position: absolute; top: 45px; width: 100%; z-index: 99999994 !important; } #uptocall-flags-lists.active { display: block !important; } #uptocall-flags-lists.active.top { -webkit-box-shadow: 1px -1px 4px rgba(0,0,0,.2); box-shadow: 1px -1px 4px rgba(0,0,0,.2); top: auto; bottom: 31px; } #uptocall-flags-lists li { display: block !important; font-size: 18px !important; line-height: 22px; padding: 4px 10px; text-align: left !important; height: 30px; } #uptocall-flags-lists li:hover { background-color: rgba(0,0,0,.05); cursor: pointer; } #uptocall-flags-lists li i.uptocall-flags-flag { display: inline-block !important; margin-right: 6px; vertical-align: bottom; position: static !important; } #uptocall-flags-lists li .uptocall-flags-name { color: #333 !important; display: inline-block !important; line-height: 1pc; margin-right: 6px; } #uptocall-flags-lists li .uptocall-flags-code { color: #999 !important; margin-left: 8px; display: inline-block !important; } @media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min--moz-device-pixel-ratio:2), only screen and (min-device-pixel-ratio:2), only screen and (min-resolution:192dpi), only screen and (min-resolution:2dppx) { .uptocall-flags-flag { -webkit-background-size: 5630px 15px; background-size: 5630px 15px; } } .uptocall-flags-flag.ru { height: 18px !important; background-position: -4295px 0; } @media screen and (max-width:1140px) { #tl-search-form { display: none; } .form_dialog#mail_form, .form_dialog#call_form { margin-top: 20%; } .page-header__icon-wrap { display: block; margin: 0 auto; } .page-header__info { text-align: center; } .page-header__info--4:before, .page-header__info:before { display: none; } .fixed_content { display: none; } #tl-sf #sf-controller { display: block; position: fixed; top: 50px; width: 100%; background-color: #7a335c; background-image: -webkit-linear-gradient(bottom, #7a335c, #ed1c24); background-image: linear-gradient(to top, #7a335c, #ed1c24); box-shadow: 0 1px 3px 0 rgba(0,0,0,0), 0 1px 0 0 rgba(255,255,255,0) inset; text-shadow: 0 0 0 rgba(0,0,0,0); text-decoration: underline; border: 2px solid #fff; min-height: 48px; z-index: 10; } #block-search { margin-bottom: 50px; } #tl-sf #sf-controller:focus, #tl-sf #sf-controller:hover { background-color: #973f72; background-image: -webkit-linear-gradient(bottom, #973f72, #b56d97); background-image: linear-gradient(to top, #973f72, #b56d97); text-decoration: none; } .search-form-wrapper { display: none; top: 95px; padding-top: 33px; position: fixed; width: 100%; } .header_right_block { text-align: center; } .page-header__info { width: 16%; } .main-nav__item:hover .main-nav__submenu { display: none; } .descr_wint table:nth-of-type(6) th { min-width: auto; } .fixed_content2 { display: none; } .blocks_tarif .items_tarif { width: 50%; } } @media screen and (max-width:1024px) { .otziv_item .img { display: none; } .otziv_item .text { width: auto; } } @media screen and (max-width:768px) { .form_dialog#mail_form, .form_dialog#call_form { margin-top: 10%; } #uptocall-mini { top: unset; bottom: 10px; left: 10px; } .hotel { display: block; } .ico_hotel, .ico_hotel1_block, .kotimgs, .kotimgs_mobil { display: none !important; } #toTop, #upform-mini { display: none !important; } .catalog-section { margin: 0 -75px 0 -40px; } .descr_wint td { font-size: 18px; font-weight: 300; line-height: 24px; } .descr_wint td:nth-child(1) { font-size: 12px; font-weight: 300; /*padding: 5px 1px 7px;*/ } .descr_wint tr.gr td { font-size: 16px; font-weight: 500; line-height: 24px; padding: 10px 10px; } .descr_wint th { min-width: auto; font-size: 14px; font-weight: 500; line-height: 24px; } .descr_wint tr.col2 td { color: #000000; font-size: 13px; font-weight: 300; padding: 5px 2px; } .descr_wint tr.col2 td span { font-weight: 500; } .descr_wint tr.col2 td:nth-child(1) { color: #000000; font-size: 13px; font-weight: 500; padding: 0 2px; } .descr_wint table:nth-of-type(2) tr.gr { height: 98px; } .descr_wint table:nth-of-type(2) tr.gr td { transform: rotate(-90deg); width: 16px; padding: 0; height: 10px; font-size: 12px; font-weight: 500; line-height: 15px; } ._descr_wint table:nth-of-type(11) tr:nth-of-type(1), .descr_wint table:nth-of-type(9) tr:nth-of-type(1) { background-color: #f71a39; height: 200px; } ._descr_wint table:nth-of-type(11) th, .descr_wint table:nth-of-type(9) th { color: #ffffff; font-size: 14px; font-weight: 500; text-align: center; transform: rotate(-90deg); background: transparent; line-height: 12px; max-width: 43px; } .descr_wint table:nth-of-type(11) th p, .descr_wint table:nth-of-type(9) th p { margin: 0 -100%; display: inline-block; } .descr_wint table:nth-of-type(11) td, .descr_wint table:nth-of-type(9) td { font-size: 15px; } .descr_wint table:nth-of-type(11) td:nth-child(1), .descr_wint table:nth-of-type(9) td:nth-child(1) { font-size: 12px; font-weight: 300; padding: 5px 1px 7px; max-width: 165px; } .descr_wint.prokat td:nth-child(1) { font-size: 13px; } } @media screen and (max-width:667px) { #toTop { display: none !important; } #uptocall-mini { display: none !important; } .page-content__wrapper { padding-top: 0; } .show500#uptocall-mini_500, .show500#upform-mini_500 { display: block; font-size: 14px; line-height: 40px; font-weight: 400; text-transform: uppercase; color: #fff; text-align: center; padding-right: 20px; padding-bottom: 0; margin-bottom: 50px; background: #f71a39; } .hotel .hotel_item .text { font-size: 14px; } .specials_winter { margin: 10px 0 0 0; } /*.col-xs-12 .specials-list.specials_winter { margin: -70px 0 0 0; }*/ .specials-list.specials_winter { padding-left: 10px; padding-right: 10px; } .specials_winter h1 { margin: 10px 0 35px; color: #f71a39; font-size: 20px; font-weight: 300; line-height: 30px; } .bx-catalog-element h2.bx-title, .bx-catalog-element h2 { margin: 30px 0 20px; color: #f71a39; font-size: 20px; font-weight: 300; line-height: 30px; } .descr_wint h3 { font-size: 24px; line-height: initial; } .product-item h3 { font-size: 20px; font-weight: 300; line-height: 25px; text-align: center; } .catalog-section { margin: 0 -75px 0 -40px; } .descr_wint td { font-size: 12px; font-weight: 300; line-height: 24px; min-width: 47px; } .descr_wint td:nth-child(1) { font-size: 12px; font-weight: 300; /*padding: 5px 1px 7px;*/ } .descr_wint tr.gr td { font-size: 16px; font-weight: 500; line-height: 24px; padding: 10px 10px; white-space: nowrap; } .descr_wint th { min-width: auto; font-size: 14px; font-weight: 500; line-height: 24px; } .descr_wint tr.col2 td { color: #000000; font-size: 13px; font-weight: 300; padding: 5px 2px; } .descr_wint tr.col2 td span { font-weight: 500; } .descr_wint tr.col2 td:nth-child(1) { color: #000000; font-size: 13px; font-weight: 500; padding: 0 2px; } .descr_wint table:nth-of-type(2) tr.gr, .descr_wint table:nth-of-type(3) tr.gr, .descr_wint table.rot_gr tr.gr { height: 128px; } .descr_wint table:nth-of-type(2) tr.gr td, .descr_wint table:nth-of-type(3) tr.gr td, .descr_wint table:nth-of-type(1) tr.gr td, .descr_wint table.rot_gr tr.gr td { transform: rotate(-90deg); width: 16px; padding: 0; height: 10px; font-size: 12px; font-weight: 500; line-height: 15px; } .descr_wint table:nth-of-type(1) tr.gr td { height: 170px; } .descr_wint table:nth-of-type(5) tr:nth-of-type(1) { background-color: #f71a39; height: 170px; } .descr_wint table:nth-of-type(6) th.vert, .descr_wint table:nth-of-type(5) th.vert { color: #ffffff; font-size: 14px; font-weight: 500; text-align: center; transform: rotate(-90deg); background: transparent; line-height: 12px; max-width: 43px; } .descr_wint table:nth-of-type(6) th.vert p, .descr_wint table:nth-of-type(5) th.vert p { margin: 0 -100%; display: inline-block; } .descr_wint table:nth-of-type(6) td, .descr_wint table:nth-of-type(5) td { font-size: 15px; } .descr_wint table:nth-of-type(6) td:nth-child(1), .descr_wint table:nth-of-type(5) td:nth-child(1) { font-size: 12px; font-weight: 300; padding: 5px 1px 7px; max-width: 165px; } .descr_wint table tr.gr.horz td { /*height: 40px !important;*/ /*transform: none !important;*/ /*font-size: 14px;*/ width: auto !important; min-width: auto !important; } .descr_wint table tr.gr.horz { /*height: 40px !important;*/ } } @media screen and (max-width:599px) { .catalog-section { margin: 0 -50px 0 -25px; } .page-header__info { width: 50%; height: auto; padding-bottom: 0; padding-left: 0; text-align: center !important; } .otziv_item { margin-bottom: 20px; padding: 10px 10px; } .otziv_item .img img { width: auto; } .otz_h1 { margin: 30px 0 20px; color: #f71a39; font-size: 20px; font-weight: 300; line-height: 30px; } .otziv_item .text .otz-info { color: #000000; font-size: 16px; font-weight: 300; line-height: 26px; text-align: justify; margin-bottom: 9px; } } @media screen and (max-width:420px) { .catalog-section { margin: 0 -30px 0 -10px; } .product-item-container .product-variants__icon { height: 163px; } } @media screen and (max-width:400px) { .form_dialog#mail_form, .form_dialog#call_form { margin-top: 0%; padding: 10px; } .first_title { font-size: 22px; text-align: center; } .second_title { font-size: 18px; text-align: center; } .from_tab { margin-top: 0; } .form_dialog input[type="text"] { height: 35px; } .form_dialog textarea { height: 58px; } .form_dialog input, .form_dialog textarea { margin-bottom: 8px; } #uptocall-flags-selected { height: 35px; } #uptocall-flags-lists { top: 35px; } } #CB_PHONE { padding-left: 50px; } .living__content article:nth-child(2) h3 { width: 128%; margin-left: -15%; } .living__content article:nth-child(5) h3 { width: 130%; margin-left: -15%; } @media screen and (max-width:420px) { .living__content article:nth-child(2) h3 { width: 100%; margin-left: 0; } .living__content article:nth-child(5) h3 { width: 100%; margin-left: 0; } .page-header__info { text-align: left !important; } .page-header__icon-wrap { display: inline-block; vertical-align: middle; width: 30px; height: 28px; margin-right: 5px; } .page-content .page-content__wrapper { padding: 0 5px; } .page-content .page-content__wrapper .events-list { margin-top: 0; } .housing__title, .page-content__title { font-size: 20px; letter-spacing: -0.1px; color: #f71a39; font-family: "Open Sans"; font-size: 20px; font-weight: 400; line-height: 20px; margin: 0 0 15px 0; } .page-content__info { margin: 20px 0; color: #000000; font-family: "HelveticaNeueCyr"; font-size: 14px; line-height: 24px; text-align: justify; } .housing__title.bistitle { margin-bottom: 0; } .page-content__content.has-margin p, .page-content__content.has-margin li, .housing__about p, .housing__about ul li { color: #000000; font-family: "HelveticaNeueCyr"; font-size: 14px; line-height: 24px; text-align: justify; } ol { margin: 9px 0 0 17px; padding: 0 0 0 0; counter-reset: myCounter1; } ol li { padding: 0 0 0 0; margin: 0 0 15px 0; list-style: none; position: relative; } ol li:before { counter-increment: myCounter1; /*content: counter(myCounter1)'.';*/ position: absolute; left: -19px; font-size: 16px; top: 16px; } .housing__wrapper .block_link_ch { background: transparent; margin: 0 0 0 0; } .housing__wrapper .block_link_ch .ch_item { width: 100% !important; background-color: #e9ebed; margin: 4px 0 0 0 !important; padding: 7px 0; } .housing__wrapper .block_link_ch .ch_item a { font-family: "Open Sans"; font-size: 16px; font-weight: 700; } .service-timetable__top .service-timetable__title { font-family: "Open Sans"; font-size: 20px; font-weight: 400; } .service-timetable__top { margin: 0; } .dop_text_ch p { line-height: 16px; margin: 5px 0 20px 0; text-align: justify; font-size: 14px; line-height: 24px; } h3 { font-size: 20px; line-height: 23px; margin: 11px 0 0 0; font-weight: 400; } .dop_text_ch table.loyal_table { margin-top: 14px; } .dop_text_ch table.loyal_table tr:first-child td { font-weight: 300; text-align: left; padding: 14px 9px 3px 9px !important; } .dop_text_ch table.loyal_table tr td { font-size: 14px; padding: 2px 1px 0 6px; line-height: 25px; } .dop_text_ch table.loyal_table tr td:first-of-type { text-align: left; } .service-location:before { top: -5px; } .service-location { margin-top: -6px !important; margin-bottom: -8px; } .service-location__info { font-size: 14px; line-height: 24px; text-align: left; margin: 0 0 9px 0; } .living__title { color: #f71a39; font-size: 20px; font-weight: 400; line-height: 37px; } .specials-carousel .living__title { margin: 11px auto; } .specials-carousel { margin-bottom: 0; } .specials-carousel .specials-item { padding: 0 35px; } .specials-carousel .js-slick__btn--prev { left: 15px; } .specials-carousel .js-slick__btn--next { right: 15px; } .specials-item .name { margin: 20px -25px 9px; } .specials-item .name a { font-size: 20px; } .specials-item .name a br { display: none; } .specials-item .preview_text { line-height: 24px; } .specials-item .price { font-weight: 400; font-size: 16px; margin: -2px 0 0 0; } .living__title { margin: 10px auto; } .living__info { font-size: 14px; line-height: 24px; text-align: justify; margin: 0 0; padding: 0 0 0 0; } .living__item-title { font-size: 20px; font-weight: 400; padding: 0 0; line-height: 29px; margin: 9px 0 3px 0; } .living__icon { width: 91%; margin: 0 auto 15px; } .living__item { margin: 0 0 8px; } .order-btn { text-align: center; margin: 5px 15px 0; line-height: 19px !important; } .services-dropdown { width: auto; margin: 105px 4px -17px; } .services-dropdown__wrapper { padding: 0 0; } .services-dropdown__title { margin: 5px 5px 20px; line-height: 37px; font-size: 20px; } .services-dropdown__item { padding: 7px 18px 0 2px; } .mydropdown .services-dropdown__caption { font-size: 18px; padding: 0 15px 0 0; margin: 0 0 8px 0; font-style: normal; text-align: left; } .services-dropdown__item.is-opened .services-dropdown__caption { font-style: italic; } .mydropdown li li .captionscustom { font-style: italic; text-align: left; padding: 0 15px 0 0; } .mylist .myitem li { text-align: left; } .services-dropdown__sublist { margin: 0 -9px 0 -8px; background: transparent; padding: 3px 0 0 0; } .mydropdown .captionscustom { font-size: 18px; margin: 0 0 0 0; } .mylist { background: transparent; padding: 0 0 0 12px; margin: 0 -35px 0 -33px; } .mylist .myitem { text-align: left; } .services-dropdown__name { font-size: 14px; line-height: 17px; margin-top: 7px; margin-bottom: 4px; text-align: left; } .services-dropdown__info { margin-bottom: 15px; line-height: 24px; } .services-dropdown__list { margin: 0 0 13px 0; } .services-dropdown__list p { padding: 0 8px 10px 5px !important; text-align: justify; font-size: 14px !important; line-height: 20px; font-weight: 300; color: #818d97; } .services-dropdown__list+p { font-size: 14px !important; line-height: 26px; padding: 0 8px 10px 8px !important; text-align: justify !important; } .services-dropdown.mydropdown .services-dropdown__wrapper ul.services-dropdown__list li ul.services-dropdown__sublist>p { margin: 5px 0 5px 15px; } .page-content__content.has-margin { padding-top: 15px; } #order { width: 250px !important; } .housing__content { padding: 0 !important; } .page-content__content.has-margin { padding-top: 0; } .housing ul { padding-left: 50px; margin-bottom: 23px; } .housing .margin-block { margin-bottom: 0; } .page-content__left-side { margin-bottom: 0; } .housing__about { margin-bottom: 0; } .hotel { margin-bottom: -46px; } .living__item-title { font-size: 24px; font-weight: 300; padding: 0 0; line-height: 29px; margin: -5px 0 25px 0; } .living__item:first-child .living__item-title { margin-top: 10px; } .living__item { margin: 0 0 22px; } .living__icon { width: 100%; margin: 0 auto 8px; height: 65vw; } .living__about-item { padding: 20px 0 0; margin-bottom: 10px; min-height: auto; color: #000000; font-family: "HelveticaNeueCyr"; font-size: 13px; font-weight: 300; line-height: 24px; text-align: center; } .housing__about .hotel { margin: 20px 0 0 0; } .housing__left h2 { font-size: 20px; } .housing__left .block { margin: 0 10px; } .housing__left .block img { padding-right: 10px; } .housing__left .block a { width: 97%; margin: 5px 0 17px; } .hide320 { display: none; } .housing__wrapper a.housing__promo-btn.booking-button { display: none; } .page-content__left.cf { margin-top: 10px; } } .hotels__item a { color: #000; padding: 8px 56px; } .hotels__item:first-child a { padding: 8px 95px; } .hotels__item a:hover, .active_label a { color: #fff; background: #f71a39; } .hotels__item:hover { border-bottom: 0 !important; } @media(max-width:1439px) { .hotels__item:hover, .active_label { background: #f71a39; } .hotels__item:hover a { color: #fff; } .hotels__item a { color: #000; padding: 6px; } .hotels__item:first-child a { padding: 6px 34px; } .active_label a { color: #fff; } } .page-content { width: 100%; max-width: 1335px; margin: 0 auto; /*padding-top: 80px;*/ background-color: white; } .otstup { display: none!important; } @media (max-width:1340px) { .page-content { max-width: 100% !important; } } @media (min-width:1350px) { .bx-catalog-element.specials_winter { margin: -103px 0 0 0; } body { /*background: url(/img/bg-winter-left-small.png) no-repeat left top fixed, url(/img/bg-winter-right-small.png) no-repeat right top fixed;*/ background: url(/img/bg_left.jpg) no-repeat left top fixed, url(/img/bg_right.jpg) no-repeat right top fixed; background-repeat-x:no-repeat; } .page-content__left-side { margin-right: 0; padding-right: 0; } .photo-video__wrapper { padding-right: 0; } .igora-map__left { margin-right: 0; } .page-content__wrapper { ; } .page-content__left-side .hotels { width: 1240px; } } @media (max-width:1600px) { .main-contacts__list { left: 13%; } } .load { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: #fff; width: 100%; margin: 0 auto; z-index: 105; height: 100%; } .load div { position: absolute; left: 50%; top: 50%; margin-left: -27px; margin-top: -34px; text-align: center; } .blocks_tarif.admin_tariff .items_tarif a { font-weight: 300; } .sidebar--service-page { width: 100%; } .item_img img { max-width: 90%; } .blocks_tarif.admin_tariff:after { display: inline-block; height: 0; content: ''; width: 100%; } .weath a { font-size: 14px; text-align: left; } .weath { text-align: left; padding-top: 20px; } @media screen and (min-width: 1000px) { .weath { display: none; } } a#p_link { position: absolute; bottom: 35px; z-index: 1000; color: #fff; text-transform: uppercase; font-weight: 300; font-size: 33px; left: 3%; border: 0px solid #ffffff; display: block; line-height: 51px; border-radius: 6px; padding: 17px 30px 8px 30px; text-align: center; background: #C11718; } @media screen and (max-width: 1000px) { a#p_link { position: absolute; bottom: 22px; z-index: 1000; color: #fff; text-transform: uppercase; font-weight: 400; font-size: 16px; display: block; padding: 12px 30px 8px 30px; line-height: 16px; text-align: center; } } .p_table td{ border: 1px solid #d4d4d4; text-align: center; font-family: 'HelveticaNeueCyr'; color: #000000; font-weight: 300; padding: 0 2px; } .p_table tr:nth-child(2n) { background-color: #e7f3fa; } @media screen and (max-width: 768px) { .specials-detail h1 { padding-top: 50px; } .p_table { overflow-x: scroll; } } .p_table table th { border: 1px solid #ccc; } .descr_wint_spa table { width: 100%; } .descr_wint_spa { overflow-x: auto; } .descr_wint_spa td { border: 1px solid #d4d4d4; text-align: center; font-family: 'HelveticaNeueCyr'; color: #000000; /* font-size: 28px; */ font-weight: 300; line-height: 36px; padding: 0 2px; height: 35px; } } .descr_wint_spa table tr:nth-child(2n) { background-color: #e7f3fa; } .descr_wint_spa tr:nth-child(2n) { background-color:#e7f3fa; } .as_header { text-align: center; font-weight: 500; font-size: 18px; padding-bottom: 10px; padding-top: 15px; } .booking_button { background-color: #f71a39; color: #fff; line-height: 20px; display: inline-block; padding: 10px; } .glavn-fon-btn { width: auto; max-width: 853px; margin-top: 25px; margin: 0 auto; position: relative; } .img-fon { width:100%; margin-top:70px; } .btn-red { position: absolute; bottom: 40px; right: 20px; width: 190px; height: 60px; background: #c1160f; border-radius: 15px; text-align: center; line-height: 60px; text-transform: uppercase; font-weight: 100; font-family: "HelveticaNeueCyr", sans-serif; color: #fff; font-size:24px; } @media (max-width: 767px){ .btn-red { font-size:12px; width: 100px; height: 30px; line-height:30px; border-radius:8px; bottom:20px; right: 10px; } } @media (max-width: 599px){ .img-fon { margin-top:20px;} } .banvsp .fancybox-close{ top: 0px; right: 0px; width: 100px; height: 90px; background: transparent; } .banvsp .fancybox-inner{ /*height: 745px!important;*/ } .banvsp .fancybox-skin{ max-height: 740px!important; overflow-y: hidden; } .banvsp .fancybox-nav span{ height: 47px; width: 39px; background-size: 151%; } .banvsp .fancybox-next span{ background-position: -4px -97px; } .banvsp .fancybox-prev span{ background-position: -4px -47px; } @media (max-width:768px) and (min-width:767px){ .banvsp img{ width:100%; } } @media (max-width:768px){ .banvsp .fancybox-inner{ height: auto!important; } .banvsp .fancybox-skin{ width: auto!important; } .descr_wint_spa td { line-height: 17px; font-size: 14px; padding-top: 2px; padding-bottom: 5px; } } @media (max-height:800px) and (min-width:1000px){ .banvsp img{ width: 450px; } .banvsp .fancybox-inner{ height: auto!important; } .banvsp .fancybox-skin{ width: auto!important; } } @import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&subset=cyrillic,cyrillic-ext'); /*.with_gradi { background: #873155; background: -moz-linear-gradient(left, #873155 0%, #ff0004 100%); background: -webkit-linear-gradient(left, #873155 0%,#ff0004 100%); background: linear-gradient(to right, #873155 0%,#ff0004 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#873155', endColorstr='#ff0004',GradientType=1 ); color: #fff; }*/ /*.with_gradi td { color: #fff; }*/ .o_nas_list li { margin-top: 8px; margin-bottom: 8px; } #k_close_popup { position: absolute; top: 0; right: 0; cursor: pointer; width: 14px; height: 14px; } .kolokolchik { position: relative; } .k_wrapper { position: fixed; right: 210px; bottom: 50px; } .upform-mini-label_second { display: none; color: #ffffff; font-family: "HelveticaNeueCyr"; font-size: 18px; font-weight: 300; background-color: #f71a39; padding-top: 6px; position: absolute; width: 414px; height: 51px; top: -70px; left: -160px; text-align: center; line-height: 39px; } /*.kolokolchik:hover .upform-mini-label_second { display: block; } */ .kolokolchik .upform-mini-label_second:after { content: ''; background: url(/img/mar.png) no-repeat; display: block; width: 20px; height: 36px; position: absolute; right: 50%; top: 40px; } .zk img { max-width: 210px; } @media screen and (max-width: 767px) {.k_wrapper { display: none; } .zk img { display: none; } } .resp_table { overflow-x: auto; } .buttom_working_hours { width: 160px; height: 35px; opacity: 0.8; background: #f71a39; line-height: 35px; display: inline-block; text-align: center; color: #fff; text-transform: uppercase; font-size: 14px; letter-spacing: 1px; font-weight: 300; } .buttom_working_hours:hover { opacity: 1; } .br_button { margin: 10px 0; } .br_button a { font: 16px 'Open Sans',sans-serif; color: #fff!important; font-weight: 400; font-style: normal; text-decoration: none; text-align: center; text-transform: uppercase; line-height: 51px; padding: 0; display: block; height: 51px; color: #fff; width: 240px; cursor: pointer; background: #f71a39; } @media screen and (min-width:600px) { .how_buy { font-size: 21px!important; } .p_text_1048 p { line-height: 33px!important; } } .bx-catalog-element.specials_winter .detail_text span.red_sp { color: #f71a39; display: inline; margin: 0; font-size: 18px; text-decoration: underline; } .descr_wint table td { text-align: left;padding-left: 20px; } .gal_item_catt { width: 150px; overflow: hidden; height: 110px; display: inline-block; position: relative; margin-bottom: 5px; margin-left: 2px; margin-right: 2px; } .gallery_cat { font-size: 0; line-height: 0; } .gal_item_catt img { height: auto; width: 180px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); } .gallery_cat:after { width: 100%; display: inline-block; height: 0; content: ''; } .tl-select #block-option { z-index: 100; } @media screen and (max-width: 1370px) { .page-header__logo img { width: 175px; margin-right: auto; } .zk img { max-width: 150px; } .page-header__logo { width: 185px; margin-right: auto; height: 70px; } .page-header__social.social { text-align: left; margin-left: 0; position: absolute; top: 0; width: 140px; } .page-header__top-info { position: relative; } .k_wrapper { position: fixed; right: 210px; bottom: 110px; } #p_info_head { font-size: 14px; } .page-header__info { font-size: 5px; } .page-header__info { padding-left: 2px; padding-right: 2px; } } .igora-news__item_events .textnews__item_events,.igora-news__item_events,.igora-news__item_events .igora-news__item-right .bg_img { width: 353px; } @media screen and (max-width: 800px){ .k_wrapper { right: 80px; } .upform-mini-label_second{ display: none!important; } } .cont_table { padding-bottom: 30px; } .cont_table a { color: #000000; } #block-search { position: relative; width: 100%; padding: 0 30px; background: #7d8e99 } #tl-search-form { width: 100%; max-width: 1110px; margin: 0 auto; } .housing .living__btn--book { margin: 0 0 20px; } .specials_winter a.living__btn--book { color: #fff !important; margin: 20px 0; } .advantages { position:absolute; visibility:hidden; top:-10000px; left:-10000px; max-width: 998px; width: 100%; margin: 0 auto; background: rgba(255, 255, 255, 0.95); color: #fff; padding: 0; box-sizing: border-box; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; cursor: default; opacity: 0; pointer-events: none; transition: opacity 1.2s ease; z-index: -10; } .advantages:before { content: ''; position: absolute; top: -8px; left: 0; right: 0; margin: 0 auto; width: 0; height: 0; border-left: 12px solid transparent; border-right: 12px solid transparent; border-bottom: 8px solid #7D8E99; } #block-search:focus .advantages, #block-search:hover .advantages { visibility: visible; top: 106px; left: 0; right: 0; pointer-events: auto; opacity: 1; transition: opacity 1s ease; z-index: 10; } .advantages-header { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; justify-content: center; flex-direction: column; text-align: center; height: 60px; font: bold 18px/24px 'Open Sans', sans-serif; text-transform: uppercase; padding: 0 10px; background: #7D8E99; } .advantages-content { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; padding: 22px 28px; font: normal 14px/16px 'Open Sans', sans-serif; background: #EBEFF1; color: #000; } .advantages-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0; margin-bottom: 16px; } .advantages-item__icon { margin-right: 14px; width: 24px; height: 24px; -webkit-box-flex: 0; -ms-flex: 0 0 24px; flex: 0 0 24px; } .icon-spa { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTEyLjA1NDcgNi44Nzg0NEwxMi40OTM3IDYuNDU0MjdMMTIuMDU0NyA2TDExLjYxNTcgNi40NTQyN0wxMi4wNTQ3IDYuODc4NDRaTTE0LjcyNzggMTAuMDY5MUMxNC40ODI3IDkuNDIxMTQgMTQuMTg0NyA4Ljg0MDI5IDEzLjg5MTYgOC4zNDc4OUMxMy41NDY0IDcuNzY3NzkgMTMuMjAxMyA3LjI5OTI1IDEyLjk0MTUgNi45NzQ0OEMxMi44MTE0IDYuODExODQgMTIuNzAyMSA2LjY4NDU2IDEyLjYyNDEgNi41OTY2NUMxMi41ODUxIDYuNTUyNjggMTIuNTUzOCA2LjUxODUgMTIuNTMxNyA2LjQ5NDYyTDEyLjUwNTQgNi40NjY1NkwxMi40OTc3IDYuNDU4NDJMMTIuNDk1MiA2LjQ1NTg1TDEyLjQ5NCA2LjQ1NDU3QzEyLjQ5MzggNi40NTQ0MiAxMi40OTM3IDYuNDU0MjcgMTIuMDU0NyA2Ljg3ODQ0QzExLjYxNTcgNi40NTQyNyAxMS42MTU2IDYuNDU0NDIgMTEuNjE1NSA2LjQ1NDU3TDExLjYxNDIgNi40NTU4NUwxMS42MTE4IDYuNDU4NDJMMTEuNjA0IDYuNDY2NTZMMTEuNTc3NyA2LjQ5NDYyQzExLjU1NTYgNi41MTg1IDExLjUyNDMgNi41NTI2OCAxMS40ODUzIDYuNTk2NjVDMTEuNDA3MyA2LjY4NDU2IDExLjI5OCA2LjgxMTg0IDExLjE2NzkgNi45NzQ0OEMxMC45MDgxIDcuMjk5MjUgMTAuNTYzIDcuNzY3NzkgMTAuMjE3OCA4LjM0Nzg5QzkuOTIyOTggOC44NDMyMiA5LjYyMzIgOS40MjgwNiA5LjM3NzIyIDEwLjA4MDZDOC4zNTc2IDkuNjIwMzQgNy4zNTQyNyA5LjM2MDE4IDYuNTY2ODcgOS4yMTI1NUM2LjA4Nzg0IDkuMTIyNzMgNS42ODM2NCA5LjA3MzYyIDUuMzk3MDkgOS4wNDY4OEM1LjI1MzY5IDkuMDMzNSA1LjEzOTM5IDkuMDI1NjkgNS4wNTk1MSA5LjAyMTE5QzUuMDE5NTYgOS4wMTg5MyA0Ljk4ODE5IDkuMDE3NTEgNC45NjYwNSA5LjAxNjYzTDQuOTM5ODUgOS4wMTU2OEw0LjkzMjA5IDkuMDE1NDRMNC45Mjk1NyA5LjAxNTM3TDQuOTI4MjkgOS4wMTUzNEM0LjkyODEyIDkuMDE1MzQgNC45Mjc5NyA5LjAxNTMzIDQuOTEzMDkgOS42MjU1Nkw0LjkyNzk3IDkuMDE1MzNMNC4yODg0IDguOTk5NzNMNC4zMDI4MyA5LjYzOTMzTDQuOTEzMDkgOS42MjU1NkM0LjMwMjgzIDkuNjM5MzMgNC4zMDI4NCA5LjYzOTUzIDQuMzAyODQgOS42Mzk3NEw0LjMwMjg5IDkuNjQxNTVMNC4zMDI5OCA5LjY0NTI1TDQuMzAzMzQgOS42NTcwNkw0LjMwNDg5IDkuNjk3ODJDNC4zMDYzNyA5LjczMjQ1IDQuMzA4ODQgOS43ODE3NyA0LjMxMjg5IDkuODQ0NDNDNC4zMjEgOS45Njk3IDQuMzM1NDcgMTAuMTQ4NiA0LjM2MTA4IDEwLjM3QzQuNDEyMjMgMTAuODEyMyA0LjUwODIgMTEuNDI3OSA0LjY4ODE2IDEyLjEyNzdDNC43NTkxOSAxMi40MDM5IDQuODQzODEgMTIuNjk1MiA0Ljk0NDcyIDEyLjk5NTdDNC4yNDEyMyAxMy4xNDE4IDMuNjI5MTcgMTMuMzMzIDMuMTU5NjMgMTMuNTAzNUMyLjg0NTM1IDEzLjYxNzYgMi41OTI4NCAxMy43MjMxIDIuNDE3MDcgMTMuODAxMUMyLjMyOTEzIDEzLjg0MDEgMi4yNjAyNSAxMy44NzIzIDIuMjEyMjcgMTMuODk1MkMyLjE4ODI4IDEzLjkwNjcgMi4xNjk1MSAxMy45MTU5IDIuMTU2MTggMTMuOTIyNUwyLjE0MDMgMTMuOTMwNEwyLjEzNTQ3IDEzLjkzMjhMMi4xMzM4NSAxMy45MzM2TDIuMTMzMjMgMTMuOTM0QzIuMTMzMTIgMTMuOTM0IDIuMTMyNzUgMTMuOTM0MiAyLjQxMDM1IDE0LjQ3NzhMMi4xMzI3NSAxMy45MzQyTDEuNTcxNDEgMTQuMjIwOEwxLjg3NTg5IDE0Ljc3MjdMMi40MTAzNSAxNC40Nzc4QzEuODc1ODkgMTQuNzcyNyAxLjg3NTk5IDE0Ljc3MjkgMS44NzYwOSAxNC43NzMxTDEuODc2MzQgMTQuNzczNUwxLjg3Njk3IDE0Ljc3NDdMMS44Nzg3OCAxNC43Nzc5TDEuODg0NTcgMTQuNzg4MkwxLjkwNDgxIDE0LjgyMzZDMS45MjIxMyAxNC44NTM1IDEuOTQ3MTMgMTQuODk2IDEuOTc5NjkgMTQuOTQ5NUMyLjA0NDggMTUuMDU2NCAyLjE0MDMxIDE1LjIwNzcgMi4yNjU0NSAxNS4zOTE0QzIuNTE1MzggMTUuNzU4MyAyLjg4NTQ1IDE2LjI1NzMgMy4zNjk2NSAxNi43OTE1QzQuMzMxNzggMTcuODUzIDUuNzc4NyAxOS4wOTEyIDcuNjYzODYgMTkuNjdMNy42NjQzNCAxOS42NzAxQzkuMTg5OCAyMC4xMzcxIDEwLjcwMDkgMjAuMTAxNSAxMS45NzI5IDE5Ljg4MDVMMTIuMDU3MiAxOS45Njc3TDEyLjE1MTggMTkuODY4N0MxMy40MTY3IDIwLjA3IDE0Ljk1MDkgMjAuMTQ2IDE2LjUwNDkgMTkuNjcwNkMxOC4zNzY2IDE5LjEwNyAxOS44MTY2IDE3Ljg3NTMgMjAuNzc0NSAxNi44MTgxQzIxLjI1NjggMTYuMjg1NyAyMS42MjU5IDE1Ljc4NzYgMjEuODc1NCAxNS40MjEzQzIyLjAwMDIgMTUuMjM3OCAyMi4wOTU2IDE1LjA4NjcgMjIuMTYwNyAxNC45Nzk4QzIyLjE5MzIgMTQuOTI2NCAyMi4yMTgxIDE0Ljg4NCAyMi4yMzU1IDE0Ljg1NDFMMjIuMjU1NyAxNC44MTg3TDIyLjI2MTUgMTQuODA4NEwyMi4yNjMzIDE0LjgwNTJMMjIuMjYzOSAxNC44MDQxTDIyLjI2NDEgMTQuODAzNkMyMi4yNjQyIDE0LjgwMzQgMjIuMjY0MyAxNC44MDMyIDIxLjcyOTkgMTQuNTA4NEwyMi4yNjQzIDE0LjgwMzJMMjIuNTcxNCAxNC4yNDY3TDIyLjAwMjkgMTMuOTYyNEwyMi4wMDAyIDEzLjk2MTFMMjEuOTk1MyAxMy45NTg3TDIxLjk3OTMgMTMuOTUwOUMyMS45NjU5IDEzLjk0NDMgMjEuOTQ2OSAxMy45MzUyIDIxLjkyMjUgMTMuOTIzOEMyMS44NzM5IDEzLjkwMSAyMS44MDQgMTMuODY4OSAyMS43MTQ4IDEzLjgzMDFDMjEuNTM2NiAxMy43NTI0IDIxLjI4MDcgMTMuNjQ3MSAyMC45NjMgMTMuNTMzMkMyMC40Nzk4IDEzLjM2IDE5Ljg0ODcgMTMuMTY1MSAxOS4xMjcgMTMuMDE4MUMxOS4yMzEzIDEyLjcwOTcgMTkuMzE4NCAxMi40MTA4IDE5LjM5MTIgMTIuMTI3N0MxOS41NzExIDExLjQyNzkgMTkuNjY3MSAxMC44MTIzIDE5LjcxODIgMTAuMzdDMTkuNzQzOCAxMC4xNDg2IDE5Ljc1ODMgOS45Njk3IDE5Ljc2NjQgOS44NDQ0M0MxOS43NzA1IDkuNzgxNzcgMTkuNzczIDkuNzMyNDUgMTkuNzc0NCA5LjY5NzgyTDE5Ljc3NiA5LjY1NzA2TDE5Ljc3NjMgOS42NDUyNUwxOS43NzY0IDkuNjQxNTVMMTkuNzc2NSA5LjY0MDI1TDE5Ljc3NjUgOS42Mzk3NEMxOS43NzY1IDkuNjM5NTMgMTkuNzc2NSA5LjYzOTMzIDE5LjE2NjIgOS42MjU1NkwxOS43NzY1IDkuNjM5MzNMMTkuNzkwOSA4Ljk5OTczTDE5LjE1MTMgOS4wMTUzM0wxOS4xNjYyIDkuNjI1NTZDMTkuMTUxMyA5LjAxNTMzIDE5LjE1MTIgOS4wMTUzNCAxOS4xNTEgOS4wMTUzNEwxOS4xNDk3IDkuMDE1MzdMMTkuMTQ3MiA5LjAxNTQ0TDE5LjEzOTUgOS4wMTU2OEwxOS4xMTMzIDkuMDE2NjNDMTkuMDkxMSA5LjAxNzUxIDE5LjA1OTggOS4wMTg5MyAxOS4wMTk4IDkuMDIxMTlDMTguOTM5OSA5LjAyNTY5IDE4LjgyNTYgOS4wMzM1IDE4LjY4MjIgOS4wNDY4OEMxOC4zOTU3IDkuMDczNjIgMTcuOTkxNSA5LjEyMjczIDE3LjUxMjUgOS4yMTI1NUMxNi43MzE3IDkuMzU4OTQgMTUuNzM4NiA5LjYxNTk4IDE0LjcyNzggMTAuMDY5MVpNMTUuMDg2OSAxMS4yNDczQzE1LjIxMzYgMTEuNzk2OCAxNS4yODk5IDEyLjM3ODQgMTUuMjg5OSAxMi45ODI2QzE1LjI4OTkgMTQuNjE1MSAxNC43MjM0IDE2LjA5MjUgMTQuMTE1NCAxNy4yMTE4QzE0LjgzMDYgMTYuODU1IDE1LjUwOTcgMTYuNDExMSAxNi4wNzAyIDE1LjgyNjJMMTYuMDc0NyAxNS44MjE1TDE2LjA3OTMgMTUuODE2OUMxNy4yNTM4IDE0LjY0MjUgMTcuODc5NiAxMy4xMDQgMTguMjA4OCAxMS44MjM2QzE4LjM2MzUgMTEuMjIxOSAxOC40NDk5IDEwLjY4ODMgMTguNDk3OCAxMC4yOTQ2QzE4LjI4MjcgMTAuMzIwOCAxOC4wMjUzIDEwLjM1ODUgMTcuNzM3NCAxMC40MTI1QzE2Ljk4MTcgMTAuNTU0MiAxNi4wMzA3IDEwLjgwNTUgMTUuMDg2OSAxMS4yNDczWk05Ljk5MjU4IDE3LjIyMThDOS4zODQ2NCAxNi4xMDQ0IDguODE5NTIgMTQuNjI2OCA4LjgxOTUyIDEyLjk4MjZDOC44MTk1MiAxMi4zODMxIDguODk0NjMgMTEuODA1OCA5LjAxOTU0IDExLjI2MDFDOC4wNjY4NyAxMC44MTAzIDcuMTA0OTIgMTAuNTU1NSA2LjM0MTg4IDEwLjQxMjVDNi4wNTQgMTAuMzU4NSA1Ljc5NjYxIDEwLjMyMDggNS41ODE1MiAxMC4yOTQ2QzUuNjI5NDIgMTAuNjg4MyA1LjcxNTc4IDExLjIyMTkgNS44NzA1MSAxMS44MjM2QzYuMTk5NzQgMTMuMTA0IDYuODI1NTcgMTQuNjQyNSA4IDE1LjgxNjlDOC41OTYyNiAxNi40MTMyIDkuMjg5ODkgMTYuODYyNCA5Ljk5MjU4IDE3LjIyMThaTTEyLjg0MjEgMTYuOTgyMkMxMi41NTk0IDE3LjQ1ODggMTIuMjc2NiAxNy44NTM0IDEyLjA1MjggMTguMTQxNEMxMS44Mjk2IDE3Ljg1NjIgMTEuNTQ4MiAxNy40NjU1IDExLjI2NjkgMTYuOTkyOEMxMC42NDAxIDE1LjkzOTggMTAuMDQwMyAxNC41MjM5IDEwLjA0MDMgMTIuOTgyNkMxMC4wNDAzIDExLjQ0MTIgMTAuNjQwMSAxMC4wMjUzIDExLjI2NjkgOC45NzIyNkMxMS41NDkgOC40OTgyIDExLjgzMTMgOC4xMDY2MiAxMi4wNTQ3IDcuODIxMkMxMi4yNzgxIDguMTA2NjIgMTIuNTYwNCA4LjQ5ODIgMTIuODQyNSA4Ljk3MjI2QzEzLjQ2OTMgMTAuMDI1MyAxNC4wNjkxIDExLjQ0MTIgMTQuMDY5MSAxMi45ODI2QzE0LjA2OTEgMTQuNTA4MSAxMy40Njk4IDE1LjkyMzkgMTIuODQyMSAxNi45ODIyWk0xNi4xNDkxIDE4LjUwMjhDMTUuMjY1OCAxOC43NzMyIDE0LjM3MzYgMTguODM2MyAxMy41MjcyIDE4Ljc5MTVDMTMuODAxIDE4LjY5MjEgMTQuMDgyNSAxOC41NzkzIDE0LjM1ODMgMTguNDQ5NkMxNS4yNTA5IDE4LjAzNTEgMTYuMTc1OCAxNy40Nzg4IDE2Ljk0NzEgMTYuNjc1NkMxNy43MDc0IDE1LjkxNCAxOC4yNjE0IDE1LjAzNzYgMTguNjY1NyAxNC4xNzIzQzE5LjQwNyAxNC4zMDc5IDIwLjA2MDIgMTQuNTA2NCAyMC41NTEgMTQuNjgyNEMyMC42NTE0IDE0LjcxODQgMjAuNzQ0OCAxNC43NTMzIDIwLjgzMDQgMTQuNzg2NUMyMC42MDY2IDE1LjExMTEgMjAuMjg0MiAxNS41NDEgMTkuODY5OCAxNS45OTg0QzE4Ljk4OSAxNi45NzA2IDE3LjcyODMgMTguMDI3NiAxNi4xNTE5IDE4LjUwMTlMMTYuMTQ5MSAxOC41MDI4Wk0xMC42MDU4IDE4LjgwNjlDMTAuMzI0MSAxOC43MDQyIDEwLjAzMjYgMTguNTg4MiA5LjczMTU5IDE4LjQ1NDRMOS43MjMwOCAxOC40NTA3TDkuNzE0NyAxOC40NDY2QzguODU0MTIgMTguMDMyMyA3LjkzNDM1IDE3LjQ3NzcgNy4xMzY3NSAxNi42ODAyQzYuMzY3NDYgMTUuOTEwOSA1LjgwODk2IDE1LjAyMzkgNS40MDI5OSAxNC4xNDk1QzQuNjgxNTYgMTQuMjg0NyA0LjA1MDY4IDE0LjQ3ODggMy41NzYyNSAxNC42NTFDMy40Nzk3OCAxNC42ODYgMy4zOTAwMyAxNC43MjAxIDMuMzA3NTQgMTQuNzUyNEMzLjUzMTg5IDE1LjA3NzkgMy44NTYyMiAxNS41MTA1IDQuMjc0MjEgMTUuOTcxNkM1LjE1ODU3IDE2Ljk0NzQgNi40Mjc5OCAxOC4wMTM1IDguMDIyMTcgMTguNTAyOUM4Ljg5NTc1IDE4Ljc3MDMgOS43NzU4NiAxOC44NDY1IDEwLjYwNTggMTguODA2OVoiIGZpbGw9IiNBQTJBNDEiLz48L3N2Zz4=); } .icon-alcove { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOS43NTk5OSAxNi40TDcuODM5OTkgMTMuNDRIOC44OEw3LjA3OTk5IDEwLjY4SDcuOTk5OTlMNi41OTk5OSA4LjU2SDcuMzU5OTlMNS4wNzk5OSA1TDIuNzU5OTkgOC41NkgzLjU1OTk5TDIuMTU5OTkgMTAuNjhIMy4wMzk5OUwxLjIzOTk5IDEzLjQ0SDIuMzE5OTlMMC4zOTk5OTQgMTYuNEg0LjcxOTk5VjE5LjQ0SDUuNDM5OTlWMTYuNEg5Ljc1OTk5WiIgZmlsbD0iI0FBMkE0MSIvPjxwYXRoIGQ9Ik00LjcxOTk3IDE2LjQwMDRWMTkuOTIwNEg1LjQzOTk3VjE2LjQwMDQiIGZpbGw9IiNBQTJBNDEiLz48cGF0aCBkPSJNMjMuNiAxMC40ODAxSDguNzk5OThMOC40Nzk5OCA5Ljk2MDA4TDE1LjcyIDQuMDgwMDhMMjMuNiAxMC40ODAxWiIgZmlsbD0iI0FBMkE0MSIvPjxwYXRoIGQ9Ik0yMi4zMiAxOC44Mzk4SDkuMTJWMTkuOTE5OEgyMi4zMlYxOC44Mzk4WiIgZmlsbD0iI0FBMkE0MSIvPjxwYXRoIGQ9Ik0yMiAxMS4zNjA0VjE3LjkyMDRIMjEuNzJWMTcuOTYwNEgxMC4zNlYxNy45MjA0SDkuNTZWMTYuODQwNEgxMUw5LjU2IDE0LjY0MDRWMTMuODgwNEgxMC4xMkw5LjU2IDEzLjAwMDRWMTEuMzYwNEgxMC44VjE0LjkyMDRIMTUuMDhWMTEuMzYwNEgxNi4zMlYxNC45MjA0SDIwLjhWMTEuMzYwNEgyMloiIGZpbGw9IiNBQTJBNDEiLz48L3N2Zz4=); } .icon-case { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTUuMjU5MyA2Ljg4ODlIOC43NDA3NFYzLjkyNTkzQzguNzQwNzQgMy40MDc0MSA5LjI1OTI2IDMgMTAgM0gxNEMxNC43MDM3IDMgMTUuMjU5MyAzLjQwNzQxIDE1LjI1OTMgMy45MjU5M1Y2Ljg4ODlaTTkuODUxODUgNS43Nzc3OEgxNC4xNDgxVjQuMTExMTFDMTQuMTExMSA0LjExMTExIDE0LjA3NDEgNC4xMTExMSAxNCA0LjExMTExSDEwQzkuOTI1OTIgNC4xMTExMSA5Ljg4ODg5IDQuMTExMTEgOS44NTE4NSA0LjExMTExVjUuNzc3NzhaIiBmaWxsPSIjQUEyQTQxIi8+PHBhdGggZD0iTTIgNy43Nzc3NEMyIDYuNzU0OTkgMi44MjkxIDUuOTI1ODkgMy44NTE4NSA1LjkyNTg5SDIwLjE0ODFDMjEuMTcwOSA1LjkyNTg5IDIyIDYuNzU0OTkgMjIgNy43Nzc3NFYxOC4xNDgxQzIyIDE5LjE3MDkgMjEuMTcwOSAyMCAyMC4xNDgxIDIwSDMuODUxODVDMi44MjkxIDIwIDIgMTkuMTcwOSAyIDE4LjE0ODFWNy43Nzc3NFoiIGZpbGw9IiNBQTJBNDEiLz48L3N2Zz4=); } .icon-present { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTUuMTU1OSAyLjE3ODcxQzE2LjEwNjUgMi4xNzg3MSAxNi43NTI5IDIuOTc3MTkgMTYuNzUyOSAzLjc3NTY3QzE2Ljc1MjkgNS4zNzI2MiAxMy45NzcyIDUuMzcyNjIgMTIuNzk4NSA1LjM3MjYyQzEyLjc5ODUgMi45NzcxOSAxNC4yNDMzIDIuMTc4NzEgMTUuMTU1OSAyLjE3ODcxWk0xNS4xNTU5IDFDMTMuNTU4OSAxIDExLjU4MTcgMi41OTY5NiAxMS41ODE3IDYuNTUxMzNDMTEuOTYyIDYuNTUxMzMgMTEuOTYyIDYuNTUxMzMgMTQuMzU3NCA2LjU1MTMzQzE1LjUzNjEgNi41NTEzMyAxNy4wOTUxIDUuNTYyNzQgMTcuOTMxNiAzLjc3NTY3QzE4LjUzOTkgMi40NDQ4NyAxNy4xMzMxIDEgMTUuMTU1OSAxWk04Ljg0NDExIDFDNi44NjY5MiAxIDUuNDYwMDggMi40MDY4NCA2LjA2ODQ0IDMuNzc1NjdDNi44NjY5MiA1LjYwMDc2IDguNDI1ODYgNi41NTEzMyA5LjY0MjU5IDYuNTUxMzNDMTIgNi41NTEzMyAxMiA2LjU1MTMzIDEyLjQxODMgNi41NTEzM0MxMi40MTgzIDIuNTk2OTYgMTAuNDQxMSAxIDguODQ0MTEgMVpNOC44NDQxMSAyLjE3ODcxQzkuNzk0NjggMi4xNzg3MSAxMS4yMDE1IDIuOTc3MTkgMTEuMjAxNSA1LjMzNDZDMTAuMDIyOCA1LjMzNDYgNy4yNDcxNSA1LjMzNDYgNy4yNDcxNSAzLjczNzY0QzcuMjQ3MTUgMi45NzcxOSA3Ljg5MzU0IDIuMTc4NzEgOC44NDQxMSAyLjE3ODcxWk0xOS45MDg3IDE0LjQ2MDFIMTIuNzk4NVYyMC43NzE5SDE5LjExMDNDMTkuOTA4NyAyMC43NzE5IDE5LjkwODcgMjAuNzcxOSAxOS45MDg3IDE5Ljk3MzRWMTQuNDYwMVpNMTEuMjAxNSA2LjU1MTMzSDJMMi41MzIzMiA4LjE0ODI5SDQuMTI5MjhWMTIuOTAxMUgxMS4yMzk1VjYuNTUxMzNIMTEuMjAxNVpNMTEuMjAxNSAxNC40NjAxSDQuMDkxMjVWMjAuMDExNEM0LjA5MTI1IDIwLjgwOTkgNC4wOTEyNSAyMC44MDk5IDQuODg5NzMgMjAuODA5OUgxMS4yMDE1VjE0LjQ2MDFaTTIyIDYuNTUxMzNIMTIuNzk4NVYxMi44NjMxSDE5LjkwODdWOC4xMTAyN0gyMS41MDU3TDIyIDYuNTUxMzNaIiBmaWxsPSIjQUEyQTQxIi8+PC9zdmc+); } .icon-rink { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNi43OTczIDE2LjAwNjFDNy4xMzUxNCAxNi45MTgzIDcuODQ0NTkgMTcuNzI5MSA5LjI5NzMgMTcuNzI5MUgxNC4zNjQ5QzE0LjM2NDkgMTcuNzI5MSAxNS40Nzk3IDE3Ljc2MjkgMTUuMzQ0NiAxNi41ODA1QzE1LjMxMDggMTYuNDQ1MyAxNS4yNzcgMTYuMjQyNiAxNS4xNzU3IDE2LjA3MzdDMTMuNjU1NCAxNi4xMDc1IDEyLjQwNTQgMTYuMDA2MSAxMS40OTMyIDE1LjM5OEM5Ljg3MTYyIDE0LjMxNjkgOC4zMTc1NyAxNC4zODQ1IDguMzE3NTcgMTQuMzg0NUw4LjI4Mzc4IDE2LjAwNjFINi43OTczWk0xNi4zOTE5IDE2LjA3MzdDMTYuNDkzMiAxNi4yNDI2IDE2LjU2MDggMTYuNDExNSAxNi42Mjg0IDE2LjU0NjdDMTcuMDMzOCAxNy4zMjM3IDE3LjMwNDEgMTcuNzI5MSAxOC43OTA1IDE3LjcyOTFDMjAuMjc3IDE3LjcyOTEgMjEuNjk1OSAxNy42NjE1IDIwLjI3NyAxNS44MzcyQzIwLjI0MzIgMTUuODAzNCAyMC4yNDMyIDE1LjgwMzQgMjAuMjA5NSAxNS43Njk2QzE5LjU2NzYgMTUuODM3MiAxOC42NTU0IDE1LjkzODYgMTcuMzM3OCAxNi4wMzk5QzE3IDE2LjAzOTkgMTYuNjk1OSAxNi4wMzk5IDE2LjM5MTkgMTYuMDczN1pNMTEuODMxMSAzLjIwMjA4QzExLjgzMTEgMy4yMDIwOCAxMS43OTczIDYuMTA3NDkgMTIuMTAxNCA3LjMyMzdDMTIuOTQ1OSAxMC41NjY5IDE1LjgxNzYgMTIuMTg4NiAxOS4xMjg0IDEyLjcyOTFDMjIuMTY4OSAxMy4yMzU5IDIxLjMyNDMgMTUuNTMzMiAyMS4zMjQzIDE1LjUzMzJDMjEuMzI0MyAxNS41MzMyIDIxLjE4OTIgMTUuNTY2OSAyMC44ODUxIDE1LjYzNDVDMjEuMzI0MyAxNi4yNDI2IDIxLjY5NTkgMTYuOTE4MyAyMiAxNy41OTRDMjEuNTk0NiAxNy45MzE4IDIxLjEyMTYgMTguMjY5NiAyMC41ODExIDE4LjUzOTlDMTcuNzA5NSAxOC43NzY0IDE0LjM2NDkgMTguOTExNSAxMC41NDczIDE4LjkxMTVDNy41NDA1NCAxOC45MTE1IDQuNzAyNyAxOC43NzY0IDIuMDMzNzggMTguNjA3NUMyIDE4LjYwNzUgMiAxOC40Mzg2IDIgMTguMzM3MkMyLjIwMjcgMTcuNjI3OCAyLjg0NDU5IDE3LjY2MTUgMi44NDQ1OSAxNy42NjE1TDQuODcxNjIgMTcuNTYwMkM1LjQ0NTk1IDE3LjUyNjQgNS45ODY0OSAxNy4xODg2IDUuNzUgMTYuNTEyOUM1LjcxNjIyIDE2LjQxMTUgNS41MTM1MSAxNi4wMzk5IDUuNTEzNTEgMTYuMDM5OUg0LjQ2NjIySDQuMzk4NjVMNC4yOTczIDE0LjExNDJDNC4yNjM1MSAxMy43NzY0IDQuMjI5NzMgMTMuNDcyNCA0LjE2MjE2IDEzLjIzNTlDMy43NTY3NiAxMS4wMDYxIDQuNjAxMzUgOS43MjIzNSA0Ljk3Mjk3IDguMDMzMTZDNS4wMDY3NiA3Ljg2NDI0IDUuMDQwNTQgNy42OTUzMiA1LjA0MDU0IDcuNDU4ODRDNS4wNzQzMiA2LjUxMjg5IDUuMDQwNTQgNS40OTkzOCA1LjA0MDU0IDQuMDEyODlMMTAuMjc3IDIuMjU2MTNDMTEuMjkwNSAxLjg4NDUxIDExLjg2NDkgMi4zNTc0OCAxMS44MzExIDMuMjAyMDhaIiBmaWxsPSIjQUEyQTQxIi8+PC9zdmc+); } @media (max-width: 1140px) { .advantages { display: none; } } a.prog_link { display: inline-block; background-color: #7a335c; font-family: 'Montserrat',Arial,sans-serif; background-image: linear-gradient(to top, #7a335c, #ed1c24); color: #fff!important; margin: 20px auto 22px auto; padding: 5px 12px; cursor: pointer; font-size: 18px; line-height: 23px; max-width:90%; text-transform: none; box-shadow: 0 1px 3px 0 rgba(0,0,0,0), 0 1px 0 0 rgba(255,255,255,0) inset; text-shadow: 0 0 0 rgba(0,0,0,0); border-radius: 0; border: 0; } /* End */ /* Start:/local/templates/igora/include/order/style.css?15611235583682*/ .order-modal .fancybox-skin{border-radius:0;background:#fff}.order-modal .fancybox-close{background:url(/assets/img/main/close-cross.png) no-repeat;top:8px;right:-12px}.order-btn{background:#f71a39;color:#fff;display:inline-block;padding:10px;line-height:normal;margin-bottom:20px;cursor:pointer;border-radius:2px}#order{width:1200px;padding:20px;font-weight:300}.tab{color:#7d8e99;display:inline-block;width:23.8%;margin-right:1%;border-bottom:4px solid #7d8e99;line-height:normal;padding-bottom:7px;cursor:pointer}.tab:last-child{margin-right:0}.tab.active{color:#f71a39;border-bottom:4px solid #f71a39}.step{width:100%;display:none;margin-top:50px}.step.active{display:block}.step.step3{min-height:450px}#orderform .step .left-col{width:49%;margin-right:1%;display:inline-block}#orderform .step .right-col{width:49%;display:inline-block}#orderform label{display:block;color:#000}#orderform .step input[type="text"]{padding:10px 20px;margin-bottom:15px;width:99%;border:1px solid #aeaeae}#orderform .step .drop input[type="text"].dropdown{background:url(/assets/img/main/drop-arrow.png) no-repeat 98%;cursor:pointer}#orderform .step .drop.active input[type="text"].dropdown{background:url(/assets/img/main/drop-arrow-up.png) no-repeat 98%}#orderform .step textarea{padding:10px 20px;margin-bottom:15px;width:99%;height:110px;resize:none;border:1px solid #aeaeae}#orderform .step .left-col input[type="text"],#orderform .step .left-col input[type="text"]{width:100%}#orderform .submit-block{text-align:center;margin-top:40px}#orderform .submit-btn{color:#f71a39;padding-right:50px;background:url(/assets/img/main/continue-btn.png) no-repeat right;font-size:20px;height:40px;display:inline-block;vertical-align:middle;line-height:40px;cursor:pointer;-webkit-appearance:none;border:none;outline:none}#orderform .continue-block{text-align:center;margin-top:40px}#orderform .continue{color:#f71a39;padding-right:50px;background:url(/assets/img/main/continue-btn.png) no-repeat right;font-size:20px;height:40px;display:inline-block;vertical-align:middle;line-height:40px;cursor:pointer}#orderform input[type="text"].error,#orderform textarea.error{border-color:#f71a39}#orderform .drop{position:relative}#orderform .drop .list{display:none;position:absolute;background:#fff;z-index:10;border:1px solid #f71a39}#orderform .drop .list ul{padding:0;margin:5px 0}#orderform .drop .list ul li{color:#aeaeae;padding-left:40px;background:url(/assets/img/main/checkbox.png) #fff no-repeat 2%}#orderform .drop .list ul li.checked{background:url(/assets/img/main/checkbox-checked.png) #fff no-repeat 2%}#orderform .drop .list ul li:hover{background-color:#f71a39;color:#fff;cursor:pointer}#orderform .drop .list ul li:before{content:none}#orderform .other-field{display:none}#order .result{text-align:center;color:#000;margin:50px 0;font-size:22px}#order input[type="text"],#order textarea{outline:none}@media (max-width:1271px){#order{width:890px}}@media (max-width:960px){#order{width:570px}.tab{display:none}.tab.active{display:block;width:100%}#orderform .step.step4 .left-col{width:100%;margin-right:0}#orderform .step.step4 .right-col{width:100%;margin-right:0}#orderform .step.step4 .left-col input[type="text"],#orderform .step.step4 .right-col input[type="text"]{width:99%}#order .tabs.result-tab{display:none}#order .result{font-size:18px}}@media (max-width:640px){#order{width:410px}#orderform .step .left-col{width:100%;margin-right:0}#orderform .step .right-col{width:100%;margin-right:0}#orderform .step .left-col input[type="text"],#orderform .step .right-col input[type="text"]{width:99%}#order .tabs.result-tab{display:none}} .page-content__left-side .hotels { width: 100%; } /* End */ /* /assets/css/main/calendar_table.css?15377914777430 */ /* /assets/js/slick/slick.css?15377914771285 */ /* /assets/js/fancybox/source/jquery.fancybox.css?15692427343859 */ /* /assets/css/main/gismeteo/informer.min.css?15537117798257 */ /* /assets/css/main/styles.css?1570437298336180 */ /* /local/templates/igora/include/order/style.css?15611235583682 */