/* Start:/local/templates/main_v1.3/js/fancybox/jquery.fancybox.css?15759719914866*/ /*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */ .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('/local/templates/main_v1.3/js/fancybox/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('/local/templates/main_v1.3/js/fancybox/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('/local/templates/main_v1.3/js/fancybox/blank.gif'); /* helps IE */ -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; } /* Overlay helper */ .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; z-index: 8010; background: rgba(0,0,0,.4); } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; } .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; } /* Title helper */ .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; /* Fallback for web browsers that doesn't support RGBa */ 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); } /*Retina graphics!*/ @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('/local/templates/main_v1.3/js/fancybox/fancybox_sprite@2x.png'); background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/ } #fancybox-loading div { background-image: url('/local/templates/main_v1.3/js/fancybox/fancybox_loading@2x.gif'); background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/ } } /* End */ /* Start:/local/templates/main_v1.3/fonts/firasans.css?15759719915449*/ @font-face { font-family: 'Fira Sans'; src: local('Fira Sans SemiBold'), local('FiraSans-SemiBold'), url('/local/templates/main_v1.3/fonts/Firasanssemibold.woff2') format('woff2'), url('/local/templates/main_v1.3/fonts/Firasanssemibold.woff') format('woff'), url('/local/templates/main_v1.3/fonts/Firasanssemibold.ttf') format('truetype'); font-weight: 600; font-style: normal; } @font-face { font-family: 'Fira Sans'; src: local('Fira Sans Medium'), local('FiraSans-Medium'), url('/local/templates/main_v1.3/fonts/Firasansmedium.woff2') format('woff2'), url('/local/templates/main_v1.3/fonts/Firasansmedium.woff') format('woff'), url('/local/templates/main_v1.3/fonts/Firasansmedium.ttf') format('truetype'); font-weight: 500; font-style: normal; } @font-face { font-family: 'Fira Sans'; src: local('Fira Sans Medium Italic'), local('FiraSans-MediumItalic'), url('/local/templates/main_v1.3/fonts/Firasansmediumitalic.woff2') format('woff2'), url('/local/templates/main_v1.3/fonts/Firasansmediumitalic.woff') format('woff'), url('/local/templates/main_v1.3/fonts/Firasansmediumitalic.ttf') format('truetype'); font-weight: 500; font-style: italic; } @font-face { font-family: 'Fira Sans'; src: local('Fira Sans Italic'), local('FiraSans-Italic'), url('/local/templates/main_v1.3/fonts/Firasansitalic.woff2') format('woff2'), url('/local/templates/main_v1.3/fonts/Firasansitalic.woff') format('woff'), url('/local/templates/main_v1.3/fonts/Firasansitalic.ttf') format('truetype'); font-weight: 400; font-style: italic; } @font-face { font-family: 'Fira Sans'; src: local('Fira Sans ExtraLight'), local('FiraSans-ExtraLight'), url('/local/templates/main_v1.3/fonts/Firasansextralight.woff2') format('woff2'), url('/local/templates/main_v1.3/fonts/Firasansextralight.woff') format('woff'), url('/local/templates/main_v1.3/fonts/Firasansextralight.ttf') format('truetype'); font-weight: 100; font-style: normal; } @font-face { font-family: 'Fira Sans'; src: local('Fira Sans Light Italic'), local('FiraSans-LightItalic'), url('/local/templates/main_v1.3/fonts/Firasanslightitalic.woff2') format('woff2'), url('/local/templates/main_v1.3/fonts/Firasanslightitalic.woff') format('woff'), url('/local/templates/main_v1.3/fonts/Firasanslightitalic.ttf') format('truetype'); font-weight: 200; font-style: italic; } @font-face { font-family: 'Fira Sans'; src: local('Fira Sans Light'), local('FiraSans-Light'), url('/local/templates/main_v1.3/fonts/Firasanslight.woff2') format('woff2'), url('/local/templates/main_v1.3/fonts/Firasanslight.woff') format('woff'), url('/local/templates/main_v1.3/fonts/Firasanslight.ttf') format('truetype'); font-weight: 200; font-style: normal; } @font-face { font-family: 'Fira Sans'; src: local('Fira Sans Book'), local('FiraSans-Book'), url('/local/templates/main_v1.3/fonts/Firasansbook.woff2') format('woff2'), url('/local/templates/main_v1.3/fonts/Firasansbook.woff') format('woff'), url('/local/templates/main_v1.3/fonts/Firasansbook.ttf') format('truetype'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Fira Sans'; src: local('Fira Sans Regular'), local('FiraSans-Regular'), url('/local/templates/main_v1.3/fonts/Firasansregular.woff2') format('woff2'), url('/local/templates/main_v1.3/fonts/Firasansregular.woff') format('woff'), url('/local/templates/main_v1.3/fonts/Firasansregular.ttf') format('truetype'); font-weight: 400; font-style: normal; } @font-face { font-family: 'Fira Sans'; src: local('Fira Sans Heavy'), local('FiraSans-Heavy'), url('/local/templates/main_v1.3/fonts/Firasansheavy.woff2') format('woff2'), url('/local/templates/main_v1.3/fonts/Firasansheavy.woff') format('woff'), url('/local/templates/main_v1.3/fonts/Firasansheavy.ttf') format('truetype'); font-weight: 900; font-style: normal; } @font-face { font-family: 'Fira Sans'; src: local('Fira Sans SemiBold Italic'), local('FiraSans-SemiBoldItalic'), url('/local/templates/main_v1.3/fonts/Firasanssemibolditalic.woff2') format('woff2'), url('/local/templates/main_v1.3/fonts/Firasanssemibolditalic.woff') format('woff'), url('/local/templates/main_v1.3/fonts/Firasanssemibolditalic.ttf') format('truetype'); font-weight: 600; font-style: italic; } @font-face { font-family: 'Fira Sans'; src: local('Fira Sans Bold Italic'), local('FiraSans-BoldItalic'), url('/local/templates/main_v1.3/fonts/Firasansbolditalic.woff2') format('woff2'), url('/local/templates/main_v1.3/fonts/Firasansbolditalic.woff') format('woff'), url('/local/templates/main_v1.3/fonts/Firasansbolditalic.ttf') format('truetype'); font-weight: 700; font-style: italic; } @font-face { font-family: 'Fira Sans'; src: local('Fira Sans ExtraLight Italic'), local('FiraSans-ExtraLightItalic'), url('/local/templates/main_v1.3/fonts/Firasansextralightitalic.woff2') format('woff2'), url('/local/templates/main_v1.3/fonts/Firasansextralightitalic.woff') format('woff'), url('/local/templates/main_v1.3/fonts/Firasansextralightitalic.ttf') format('truetype'); font-weight: 100; font-style: italic; } @font-face { font-family: 'Fira Sans'; src: local('Fira Sans Bold'), local('FiraSans-Bold'), url('/local/templates/main_v1.3/fonts/Firasansbold.woff2') format('woff2'), url('/local/templates/main_v1.3/fonts/Firasansbold.woff') format('woff'), url('/local/templates/main_v1.3/fonts/Firasansbold.ttf') format('truetype'); font-weight: 700; font-style: normal; } @font-face { font-family: 'Fira Sans'; src: local('Fira Sans Heavy Italic'), local('FiraSans-HeavyItalic'), url('/local/templates/main_v1.3/fonts/Firasansheavyitalic.woff2') format('woff2'), url('/local/templates/main_v1.3/fonts/Firasansheavyitalic.woff') format('woff'), url('/local/templates/main_v1.3/fonts/Firasansheavyitalic.ttf') format('truetype'); font-weight: 900; font-style: italic; } @font-face { font-family: 'Fira Sans'; src: local('Fira Sans ExtraBold'), local('FiraSans-ExtraBold'), url('/local/templates/main_v1.3/fonts/Firasansextrabold.woff2') format('woff2'), url('/local/templates/main_v1.3/fonts/Firasansextrabold.woff') format('woff'), url('/local/templates/main_v1.3/fonts/Firasansextrabold.ttf') format('truetype'); font-weight: 800; font-style: normal; } @font-face { font-family: 'Fira Sans'; src: local('Fira Sans Book Italic'), local('FiraSans-BookItalic'), url('/local/templates/main_v1.3/fonts/Firasansbookitalic.woff2') format('woff2'), url('/local/templates/main_v1.3/fonts/Firasansbookitalic.woff') format('woff'), url('/local/templates/main_v1.3/fonts/Firasansbookitalic.ttf') format('truetype'); font-weight: 300; font-style: italic; } @font-face { font-family: 'Fira Sans'; src: local('Fira Sans ExtraBold Italic'), local('FiraSans-ExtraBoldItalic'), url('/local/templates/main_v1.3/fonts/Firasansextrabolditalic.woff2') format('woff2'), url('/local/templates/main_v1.3/fonts/Firasansextrabolditalic.woff') format('woff'), url('/local/templates/main_v1.3/fonts/Firasansextrabolditalic.ttf') format('truetype'); font-weight: 800; font-style: italic; } /* End */ /* Start:/local/templates/main_v1.3/css/calendar.css?15759719917288*/ #calendar {color: #333333; font-family: "Fira Sans", sans-serif; font-size: 14px; margin: 0px auto; padding: 0em; width: 300px; position: absolute; background: #fff; left: 0; top:0; z-index: 999; box-shadow: 0px 0px 15px rgba(0,0,0,.2); -moz-user-select: none;} #calendar-body {padding: 20px; } #calendar .navigation {background-color: #fff; color: #000; font-weight: bold; padding: 1px; position: relative; } #calendar .navigation .title { margin: 0 2.3em; text-align: center; font-size: 13px; text-transform: uppercase; height: 26px; line-height: 18px;} #calendar .navigation .prev, #calendar .navigation .next {height: 24px; position: absolute; top: 4px; padding: 0; text-decoration: none; color: #000; opacity: .3; width: 12px; height: 15px;} #calendar .navigation .prev:after, #calendar .navigation .prev:before, #calendar .navigation .next:after, #calendar .navigation .next:before{content: ""; width: 8px; height: 2px; background-color: #000; display: block; border-radius: 2px; position: absolute;} #calendar .navigation .prev:after{ transform: rotate(45deg) ; -webkit-transform: rotate(45deg) ; -moz-transform: rotate(45deg) ; -o-transform: rotate(45deg) ; -ms-transform: rotate(45deg); top: 7px; } #calendar .navigation .prev:before{ transform: rotate(135deg) ; -webkit-transform: rotate(135deg) ; -moz-transform: rotate(135deg) ; -o-transform: rotate(135deg) ; -ms-transform: rotate(135deg) ; top: 2px; } #calendar .navigation .next:after{ transform: rotate(45deg) ; -webkit-transform: rotate(45deg) ; -moz-transform: rotate(45deg) ; -o-transform: rotate(45deg) ; -ms-transform: rotate(45deg); top: 2px; } #calendar .navigation .next:before{ transform: rotate(135deg) ; -webkit-transform: rotate(135deg) ; -moz-transform: rotate(135deg) ; -o-transform: rotate(135deg) ; -ms-transform: rotate(135deg) ; top: 7px; } #calendar .navigation .prev {left: 8px;} #calendar .navigation .next {right: 8px;} #calendar .navigation .prev:hover, #calendar .navigation .next:hover {opacity: 1;} #calendar table {border-collapse: collapse; font-size: 1em; table-layout: fixed; width: 100%;} #calendar table th {border: 0 none; font-weight: bold; padding: 0.3em 0.3em; text-align: center; font: 700 .9em/1.6em 'Fira Sans', sans-serif;} #calendar table td {border: 0 none;padding: 1px 5px; text-align: center; border-radius: 4px;} #calendar table td a { color: #4b4b4b; text-decoration: none; margin: 2px 5px; padding: 0 0; opacity: 0.7; border: 1px solid #fff; border-bottom: 2px solid #fff; cursor: default; font: 400 .9em/1.4em 'Fira Sans', sans-serif; display: block;} #calendar table td.today a, #calendar table td.current a {color: #27272e; opacity: 1; cursor: pointer;} #calendar table td.today {background-color: #FBF8EE;} #calendar table td.today a {border: 1px solid #FBF8EE; color: #444444; font-weight: bold; opacity: 1; } #calendar table td.holidays a { color: #0046b5; } #calendar table td.active, #calendar table td.today:hover, #calendar table td.current:hover {background-color: #0046b5; color: #fff; } #calendar table td.active a, #calendar table td.today:hover a, #calendar table td.current:hover a {background-color: transparent; border:0; color: #fff; } #calendar table td.events a {border-bottom: 2px solid #D8DCDF;} #calendar table td.events.active a {border-bottom: 0px solid #0046b5;} #calendar .event_list_cal { padding: 1px; } #calendar .event_list_cal .event_item { } #calendar .c-events { border-top: 1px solid #e9e9e9; padding: 20px 0 15px 0; } #calendar-result-search .c-events{padding-top: 15px; border-top: 0px none;} #calendar .event_list_cal .event_item .event_item_cont { padding: 10px 30px; text-decoration: none; color: #1c1c1c; display: block; } #calendar .event_list_cal .event_item.active .event_item_cont, #calendar .event_list_cal .event_item .event_item_cont:hover { background: #f1f1f1; } #calendar .event_list_cal .event_item .event_name { font: 700 .9em/1.6em 'Fira Sans', sans-serif; } #calendar .event_list_cal .event_item .event_time { font: 400 .9em/1.6em 'Fira Sans', sans-serif; color: #828282; float: left; } #calendar .event_list_cal .event_item .event_price { font: 400 .9em/1.6em 'Fira Sans', sans-serif; color: #828282; float: right; } #calendar .dname {padding: 0px 30px; font: 400 1em/1.6em 'Fira Sans', sans-serif; color: #bbbbbb;} #calendar-search { margin: 30px 28px 5px 28px; border: 1px #dedee1 solid; height: 36px; border-radius: 6px;} #calendar-search input { margin: 0; width: 100%; box-sizing: border-box; border: 0px none; padding: 10px 13px; height: 36px; line-height: 16px; background-color: transparent; -webkit-appearance: none;} #calendar-search form { position: relative; } #calendar-search .cs-submit { margin: 0; position: absolute; top: 14px; right: 11px; text-decoration: none; color: #b7b7b7; } #calendar:before {content: ''; position: absolute; top: 35px; right: -6px; width: 0; height: 0; border-style: solid; border-width: 6px 0 6px 6px; border-color: transparent transparent transparent #ffffff; z-index: 2; } #calendar:after {content: ''; position: absolute; top: 33px; right: -9px; width: 0; height: 0; border-style: solid; border-width: 8px 0 8px 9px; border-color: transparent transparent transparent #e8e8e8; z-index: 1; } @media (max-width: 991px) { #calendar.head_calendar:before{top: 21px;} #calendar.head_calendar:after{top: 19px;} } @media (max-width: 767px) { #calendar { right: 15px!important; left: auto!important; top: 144px!important;} #calendar:before { top: -6px!important; right: 12px; border-width: 0 6px 6px 6px; border-color: transparent transparent #ffffff transparent ;} #calendar:after {top: -9px!important; right: 10px;border-width: 0 8px 8px 9px; border-color: transparent transparent #e8e8e8 transparent ; } } @media (max-width: 600px) { #calendar { top: 180px!important;} } @media (max-width: 399px) { #calendar { right: 15px!important; left: 15px!important; width: auto; top: 190px!important; } #calendar{ -webkit-transition: top 0.3s ease-out; -moz-transition: top 0.3s ease-out; -o-transition: top 0.3s ease-out; transition: top 0.3s ease-out; } #calendar.isSearch{top: 10px!important;} #calendar.isSearch:before, #calendar.isSearch:after {display: none;} } #calendar-close {position: absolute; right: 7px; top: 5px; } #calendar-close .icon-bar { display: block; background: #ccc; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; height: 3px; width: 16px; margin-top: 9px; margin-left: -3px; } #calendar-close .icon-bar:nth-child(1) { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); } #calendar-close .icon-bar:nth-child(2) { transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); } #calendar-close:hover .icon-bar { background: #156998; } #calendar-close .icon-bar + .icon-bar { margin-top: -3px; } #mylistsearch #allres {margin: 0; padding: 8px 28px 8px; font-size: 12px; font-weight: 500; line-height: 16px; background-color: #e1e1e1;} #mylistsearch #allres a {display: block;} #mylistsearch #allres span:hover { border: none; } #mylistsearch #allres .allres_num { padding-right: 10px; } /* End */ /* Start:/local/templates/main_v1.3/styles.css?1599140806335*/ .btn_more{margin: 15px 20px 10px 0; display: block; float: left; min-width: 137px; height: 39px; background: #0046b5; font-size: 14px; padding: 0 20px; text-transform: uppercase; border-radius: 3px; color: #fff; font-weight: 500; display: block; text-decoration: none; text-align: center; cursor: pointer; line-height: 39px;} /* End */ /* Start:/local/templates/main_v1.3/template_styles.css?160881959283993*/ * { outline: none; font-size-adjust: none; -webkit-text-size-adjust: none; -o-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; -webkit-print-color-adjust: exact; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .b_etalon img{ height: auto!important; max-width: 100%} .b_etalon img[align=middle]{margin: 0px auto; display: block;} .no_select {-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } .hidden{display: none;} .visible-xs, .visible-sm, .visible-md, .visible-lg { display: none !important; } @media (max-width: 767px) { .visible-xs { display: block !important; } table.visible-xs { display: table !important; } tr.visible-xs { display: table-row !important; } th.visible-xs, td.visible-xs { display: table-cell !important; } } @media (max-width: 767px) { .visible-xs-block { display: block !important; } } @media (max-width: 767px) { .visible-xs-inline { display: inline !important; } } @media (max-width: 767px) { .visible-xs-inline-block { display: inline-block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm { display: block !important; } table.visible-sm { display: table !important; } tr.visible-sm { display: table-row !important; } th.visible-sm, td.visible-sm { display: table-cell !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-block { display: block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline { display: inline !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline-block { display: inline-block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md { display: block !important; } table.visible-md { display: table !important; } tr.visible-md { display: table-row !important; } th.visible-md, td.visible-md { display: table-cell !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-block { display: block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline { display: inline !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline-block { display: inline-block !important; } } @media (min-width: 1200px) { .visible-lg { display: block !important; } table.visible-lg { display: table !important; } tr.visible-lg { display: table-row !important; } th.visible-lg, td.visible-lg { display: table-cell !important; } } @media (min-width: 1200px) { .visible-lg-block { display: block !important; } } @media (min-width: 1200px) { .visible-lg-inline { display: inline !important; } } @media (min-width: 1200px) { .visible-lg-inline-block { display: inline-block !important; } } @media (max-width: 767px) { .hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-md { display: none !important; } } @media (min-width: 1200px) { .hidden-lg { display: none !important; } } .clear{clear: both;} .clearfix {*zoom: 1;} .clearfix:after,.clearfix:before {content: ""; display: table;width: 100%;clear: both;} body { color: #4d4d4d; font-family: 'Fira Sans'; font-weight: 400; font-size: 14px; line-height: 28px; padding: 0; margin: 0; background: #fff ; min-width: 320px;} body.block_adap_menu_active{ position: absolute; display: block; overflow: hidden; top: 0; bottom: 0; width: 100%;} body.block_adap_menu_active .main_wrap {overflow: hidden; max-height: 100%;} body.block_adap_menu_active .head_top{bottom: 0; height: auto;} body.block_adap_menu_active .head_top .container{position: relative; z-index: 210; height: 60px; background: #fff; margin: -15px auto 0; padding: 15px 15px 0;} a { color: #0046b5; } a:hover { text-decoration: none; } .active::-webkit-input-placeholder {color: transparent;} .active::-moz-placeholder {color:transparent;}/* Firefox 19+ */ .active:-ms-input-placeholder {color:transparent;} input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } input[type='number'] { -moz-appearance:textfield; } #page { background: #fff url(/local/templates/main_v1.3/./images/fone.png) repeat top center; padding-bottom: 60px; } .b_front #page { padding-bottom: 0px; } h1, .h1 { font-size: 48px; line-height: 62px; font-weight: 700; margin-bottom: 30px; margin-top: 15px; color: #3c3c3c; } h2, .h2 { font-size: 36px; line-height: 38px; font-weight: 700; margin-bottom: 14px; margin-top: 34px; color: #3c3c3c } h3, .h3 { font-size: 24px; line-height: 34px; font-weight: 500; margin-bottom: 15px; color: #3c3c3c; } h4, .h4 { font-size: 20px; line-height: 28px; font-weight: 500; } h5, .h5 { font-size: 16px; line-height: 20px; font-weight: 400; text-transform: uppercase;} p { margin: 0 0 1em 0; font-size: 1em; } img{max-width: 100%} @media (max-width: 767px) { h1, .h1 {font-size: 40px; line-height: 1.2em; } } @media (max-width: 479px) { h1, .h1, h2, .h2 { font-size: 24px; line-height: 1.2em;} } ul, ol { padding: 0; margin: 0; } ul li, ol li { list-style: none;} .attention { color: #e8412f; } .container { margin: auto; height: 100%; padding: 0 15px;} @media (min-width: 768px) { .container {width: 750px; box-sizing: border-box;} } @media (min-width: 992px) { .container {width: 970px; } } @media (min-width: 1200px) { .container {width: 1075px; } } .calendar { width: 12%; float: left; display: block; height: 100%; position: relative; } .calendar > a { color: #0046b5; text-decoration: none; position: relative; height: 80px; display: block; vertical-align: middle; font-size: 14px; line-height: 18px; letter-spacing: 0.4px;} .calendar > a:hover { color: #0099ff } .calendar > a:before { content: ""; position: absolute; left: 0px; top: 20px; width: 41px; height: 38px; background: url(/local/templates/main_v1.3/./images/sprite.svg) no-repeat 0 -150px; background-size: 412px 436px; } .calendar > a:hover:before { background-position: 0 -190px; } .calendar > a span{float: left; margin: 22px 0 0 51px;} .head_top { padding: 25px 0 10px; box-sizing: border-box; font-size: 13px; line-height: 20px; font-weight: 400; background: #fff;} .b_header{position: relative; z-index: 205;} .b_front .b_header{min-height: 490px; background-color: #fff; position: relative;} .b_front .head_top { padding: 58px 0 40px; background-color: transparent; position: relative; z-index: 11; } .head_top .zag { color: #c0c0c0; margin-bottom: 5px; } .head_top .logo { width: 25%; float: left; min-width: 130px; } .head_top .logo a, .head_top .logo span{background: url(/local/templates/main_v1.3/./images/logo.svg) no-repeat -196px -2px; display: block; width: 172px; height: 75px;} .b_front .head_top .logo a, .b_front .head_top .logo span{background-position: 0 -2px;} .head_top .zag{font-size: 14px; font-weight: 300 } .b_front .head_top .calendar > a{color: #fff; padding: 0;} .b_front .head_top .calendar > a:before{background-position: 0 0;} .b_front .head_top .phone a{ color: #fff } .head_top .time { width: 15%; float: left; display: block;} .b_front .time{color: #fff; } .head_top .address { width: 21.5%; float: left; display: block; } .head_top .address .metro, .head_top .address .place { padding-left: 20px; position: relative; letter-spacing: 0.4px;} .head_top .address .metro:before, .head_top .address .place:before, .head_top .write_us:before { width: 20px; height: 15px; content: ""; position: absolute; background: url('/local/templates/main_v1.3/./images/sprite.svg') 0 0 no-repeat; top: 5px; left: 0;} .head_top .address .place:before {background-position: 0px -396px; } .head_top .address .metro:before {background-position: -76px -394px; top: 3px; left: -3px; } .head_top .phone { width: 21%; float: left; margin-top: 0px; } .head_top .phone .zag{margin-bottom: 3px;} .head_top .phone_num { font-size: 18px; color: #2f2f2f; text-decoration: none; font-weight: 700; display: inline-block; width: 100%; } .head_top .write_us { font-size: 13px; color: #2f2f2f; text-decoration: none; display: inline-block; width: 100%; box-sizing: border-box; padding-left: 20px; font-weight: 300; position: relative;} .head_top .write_us:before {background-position: -21px -396px; top: 3px;} .head_top .write_us:hover{text-decoration: underline;} .b_front .head_top .write_us:before {background-position: -21px -366px; top: 3px;} .b_front .head_top .address .metro, .b_front .head_top .address .place { color: #fff; } .b_front .head_top .address .place:before {background-position: 0px -367px;} .b_front .head_top .address .metro:before {background-position: -76px -366px;} .head_top .block_adap_menu_btn { display: none; width: 24px; height: 24px; float: right; background: url(/local/templates/main_v1.3/./images/sprite.svg) -171px -1px no-repeat; background-size: 412px 436px; cursor: pointer; margin-top: 14px; margin-right: 20px; margin-left: 17px;} .head_top .block_adap_menu_btn.active {background-position: -52px -2px;} .head_top .icon_box{width: 180px; float: right;} .head_top .icon_box .calendar{width: 126px;} .head_top .b_personal_ico{width: 26px; height: 36px; background: url(/local/templates/main_v1.3/./images/user_icon.svg) no-repeat 50% 0; display: block; float: right; margin: 22px 20px 0 0;} .head_top .b_personal_ico:hover{background-position: 0 -36px;} .b_front .head_top .b_personal_ico{background-position: 0 -72px!important;} @media (max-width: 1199px) { .calendar, .head_top .icon_box .calendar{width: 41px;} .head_top .icon_box{width: 100px;} .head_top .address{float: left; margin-left: 30px;} .head_top .calendar > a span { display: none; } } @media (max-width: 991px) { .b_header{min-height: 70px;} .head_top { background: #fff!important; padding: 15px 0 15px 0!important; /* height: 70px; */ position: fixed!important; width: 100%; z-index: 500; top: 0; box-shadow: 0 0 3px 0 rgba(0,0,0, .2); min-width: 320px;} .head_top .logo{margin-top: -0px;} .head_top .logo a, .head_top .logo span{ background-position: 0 -79px!important; display: block; width: 130px; height: 45px;} .head_top .phone{width: 200px; margin: -13px 0 0 50px; } .head_top .phone_num{margin-bottom: 0;} .b_front .head_top .write_us:before{background-position: -21px -396px;} .b_front .head_top .phone a{ color: #2f2f2f;} .head_top .calendar{width: 34px; position: relative; } .head_top .calendar > a:before {background-position: -178px -319px!important; height: 35px;} .head_top .time, .head_top .address { display: none; } .head_top .block_adap_menu_btn { display: inline-block; } .head_top .icon_box{width: 72px;} .head_top .calendar > a { vertical-align: top; height: auto;} .head_top .calendar > a:before { top: 6px; } .head_top .b_personal_ico{transform: scale(0.8); margin: 7px 0 0 0;} .head_top .b_personal_ico:hover{background-position: 0 0;} .b_front .head_top .b_personal_ico { background: url(/local/templates/main_v1.3/./images/user_icon.svg) no-repeat 50% 0!important; } } @media (max-width: 767px){ .head_top .phone{display: none;} } .head_menu { background: #0046b5; height: 100px; } .head_menu ul { display: table; width: 100%; height: 100%; } .head_menu ul li { display: table-cell; width: 20%; position: relative; color: #fff; font-size: 20px; font-weight: 700; padding: 0; height: 100%; text-align: center; vertical-align: middle; } .head_menu ul li a{ width: 100%; text-decoration: none; display: block; height: 100%;} .head_menu ul li .item{ color: #fff; font-size: 19px; letter-spacing: 0.2px; font-weight: 500; display: inline-block; text-decoration: none; position: relative; line-height: 48px; padding: 0 0 0 55px; margin: 25px 0; z-index: 2;} .head_menu ul li a span { line-height: 40px; position: relative; z-index: 2;} .head_menu ul li .item:before { display: block; content: ""; position: absolute; top: -17px; left: -10px; transform: scale(0.8); } .head_menu ul li a:hover .item:before{display: none;} .head_menu ul li:before{content: ""; background-color: #005cef; width: 1px; top: 0; left: -1px; bottom: 0; display: block; position: absolute;} .head_menu ul li.first:before{display: none;} .head_menu ul li a:after{opacity: 0; content: ""; background-color: #03f; position: absolute; display: block; bottom: 0; left: 0; right: 0; top: 100%; z-index: 1; } .head_menu ul li a:hover:after{top: 0; opacity: 1;} .head_menu .icon_1 .item:before{background: url(/local/templates/main_v1.3/./images/cat_sprite_1.png) no-repeat 14px -13px; width: 90px; height: 84px; left: -26px;} .head_menu .icon_2 .item:before{background: url(/local/templates/main_v1.3/./images/sprite.svg) no-repeat -102px -58px; width: 44px; height: 80px; } .head_menu .icon_3 .item:before{background: url(/local/templates/main_v1.3/./images/sprite.svg) no-repeat -171px -58px; width: 74px; height: 80px; left: -30px;} .head_menu .icon_4 .item:before{background: url(/local/templates/main_v1.3/./images/sprite-ico.svg) no-repeat -15px -10px; width: 100px; height: 80px; left: -30px} .head_menu .icon_5 .item:before{background: url(/local/templates/main_v1.3/./images/sprite-ico.svg) no-repeat -4px -114px; width: 100px; height: 80px; left: -30px; } .b_front .head_menu{z-index: 10; height: auto; background-color: #0046b5; margin: 0 auto; position: absolute; bottom: 51px; float: none; display: block; left: 0; right: 0; overflow: hidden; height: 210px; width: 1050px;} .b_front .head_menu .container{width: 100%!important; padding: 0!important;} .b_front .head_menu ul{display: block; float: left;} .b_front .head_menu ul li{display: block; float: left; width: 20%; position: relative;} .b_front .head_menu ul li .item{font-size: 19px; letter-spacing: 0.2px; padding: 145px 0 0 0; position: relative; display: block; width: 100%; float: left; height: 210px; box-sizing: border-box; overflow: hidden; margin: 0;} .b_front .head_menu ul li a span{display: block; position: relative; z-index: 4;} .b_front .head_menu ul li .item:before{display: block; position: absolute; top: 50px; left: 0; right: 0; margin: 0 auto; display: block; z-index: 2; transform: none!important; left: 0/*!important*/; opacity: 1;} .b_front .head_menu .icon_1 .item:before{background-position: 14px -8px;} .head_menu ul li a .img{width: 79px; height: 94px; position: absolute; top: 32px; left: 65px; display: none; overflow: hidden; background: url(/local/templates/main_v1.3/./images/cat_sprite_2.png) no-repeat 0 0; z-index: 3; transform: scale(0.8)} .b_front .head_menu ul li a .img{transform: none!important; } .head_menu ul li a.icon_1:before{top: -27px; left: -26px;} .b_front .head_menu ul li a.icon_1:before{top: 42px; left: -26px;} .head_menu ul li a.icon_1 .img{background-image: url(/local/templates/main_v1.3/./images/cat_sprite_1.png); width: 90px; height: 84px; left: -15px; top: -27px;} .b_front .head_menu ul li a.icon_1 .img{left: 74px; top: 42px;} .head_menu ul li a.icon_2 .img{ top: -32px; left: -28px;} .b_front .head_menu ul li a.icon_2 .img{ top: 31px; left: 65px; } .head_menu ul li a.icon_3 .img{background-image: url(/local/templates/main_v1.3/./images/cat_sprite_3.png); width: 176px; height: 137px; left: -98px; top: -48px;} .b_front .head_menu ul li a.icon_3 .img{ left: -5px; top: 17px;} .head_menu ul li a.icon_4 .img{background-image: url(/local/templates/main_v1.3/./images/uslugi.png); width: 100px; height: 137px; left: -44px; top: -31px;} .b_front .head_menu ul li a.icon_4 .img{ left: 38px; top: 40px;} .head_menu ul li a.icon_5 .img{background-image: url(/local/templates/main_v1.3/./images/banquette.png); width: 100px; height: 137px; left: -33px; top: -35px;} .b_front .head_menu ul li a.icon_5 .img{ left: 51px; top: 35px;} .head_menu ul li a:hover:before{display: none;} .bg_video{position: absolute; top: 0; text-align: center; z-index: 5; width: 100%; overflow: hidden; top: 0; bottom: 0;} .kassa_phone { text-align: center; z-index: 9; position: absolute; top: 130px; width: 100%; display: none;} .kassa_phone div { color: #c0c0c0; margin: 0; } .kassa_phone a { color: #fff; font-size: 24px; font-weight: 500; text-decoration: none; } #video_container {position: absolute; overflow: hidden; width:100%; height: 100%;top:0;left:0; background-size: cover; background-repeat: no-repeat; background-position: center; } #video_cover { visibility: visible; margin: auto; position: absolute; width: 100%; height:auto; z-index: 1; top: 0% ; left: 0%;border:0; max-width: none; opacity: 0;} #fr_video { visibility: visible; margin: auto; position: absolute; width: 100%; height:auto; z-index: 2; top: 0% ; left: 0%; opacity: 0; -o-object-fit: cover; object-fit: cover; } #video_overlay { position: absolute; width: 100%; height:100%; z-index: 3; top: 0% ; left: 0%; background: rgba(0, 0, 0, .2); } @media (min-width: 1000px) { #fr_video { min-width: 100%!important; min-height: 100%!important; } } @media (min-height: 1000px) { #fr_video { min-width: 100%!important; min-height: 100%!important; } } @media (max-width: 1199px) { .b_front .head_menu { width: 950px; height: 180px; } .b_front .head_menu ul li .item { padding-top: 120px; height: 180px; } .b_front .head_menu ul li .item:before { top: 34px; } } @media (max-width: 991px) { .b_front .head_menu { width: 100%; } .b_front .head_menu { bottom: 0; } .b_front .head_menu{width: auto; margin: 0; bottom: 0;} } @media (max-width: 767px) { #video_container { background-position: center -120px; } #fr_video { display: none; } } @media (max-width: 449px) { #video_container { background-position: center -80px; } } /* @media(min-aspect-ratio: 1/9) { #video_container { background-size:280%; } } @media(min-aspect-ratio: 2/9) { #video_container { background-size: 230%; } } @media(min-aspect-ratio: 3/9) { #video_container { background-size: 220%; } } @media(min-aspect-ratio: 4/9) { #video_container { background-size: 180%; } } @media(min-aspect-ratio: 5/9) { #video_container { background-size: 165%; } } @media(min-aspect-ratio: 6/9) { #video_container { background-size: 125%; } } @media(min-aspect-ratio: 7/9) { #video_container { background-size: 115%; } } @media(min-aspect-ratio: 8/9) { #video_container { background-size: 120%; } } @media(min-aspect-ratio: 9/9) { #video_container { background-size: cover; } } @media(min-aspect-ratio: 10/9) { #video_container { background-size: 120%; } } @media(min-aspect-ratio: 11/9) { #video_container { background-size: 120%; } } @media(min-aspect-ratio: 12/9) { #video_container { background-size: 120%; } } @media(min-aspect-ratio: 13/9) { #video_container { background-size: 125%; } } @media(min-aspect-ratio: 14/9) { #video_container { background-size: 105%; } } @media(min-aspect-ratio: 15/9) { #video_container { background-size: 110%; } } @media(min-aspect-ratio: 16/9) { #video_container { background-size: 100%; } } */ @media (min-width: 1560px){ .b_front .b_header { height: 1024px;} } @media (max-width: 991px) { .bg_video{top: 100px;} .b_front .b_header{height: 635px;} .head_menu{display: none;} .b_front.head_menu{display: block;} /*косяк аниматора*/ .head_menu .icon_1:before{background: url(/local/templates/main_v1.3/./images/sprite.svg) no-repeat 0 -58px; width: 90px; height: 80px; left: -30px;} } @media (max-width: 767px){ .head_menu{display: none;} .b_front .b_header{height: 435px;} .b_front .head_menu{width: auto; margin: 0; height: 180px; bottom: 0;} .b_front .head_menu ul li .item:hover:before{display: block;} .b_front .head_menu ul li a .img{display: none!important; background: transparent;} .b_front .head_menu ul li .item{font-size: 17px; height: 170px; padding-top: 120px;} .b_front .head_menu ul li .item:before{top: 30px;} .b_front .head_menu ul li .icon_1 .item:before{top: 26px;} .b_front .head_menu ul li .item:before{transform: scale(0.8)!important; transform-origin: center;} } @media (max-width: 449px) { .b_front .head_menu { height: 80px; } .b_front .head_menu ul li .item:before { transform: scale(0.5)!important; transform-origin: center; top: -9px; } .b_front .head_menu ul li .icon_1 .item:before { top: -14px; } .b_front .head_menu ul li .item { padding-top: 58px; font-size: 14px; height: 100%; } .b_front .head_menu ul li .item { font-size: 10px; right: auto; left: auto; } .b_front .head_menu ul li .item:before { right: auto; left: auto; } .b_front .head_menu .icon_1 .item:before { width: 80px; left: calc(50% - 42px); } .b_front .head_menu .icon_2 .item:before { width: 45px; left: calc(50% - 23px); } .b_front .head_menu .icon_3 .item:before { width: 74px; left: calc(50% - 36px); } .b_front .head_menu .icon_4 .item:before { width: 70px; left: calc(50% - 35px); } .b_front .head_menu .icon_5 .item:before { width: 100px; left: calc(50% - 50px); } .head_menu ul li a span { line-height: 10px; } } .main-section { padding: 50px 0; } .b_etalon_page { background: #fff; padding: 40px 55px; width: 100%;box-sizing: border-box; } .event_list_block + .b_etalon_page, .b_etalon_page + .b_etalon_page{padding-top: 0;} .event_list_block.active + .b_etalon_page{padding-top: 40px;} .b_etalon_page_grey { background: #f5f5f5; } .event_page { padding: 68px 50px } .b_bread { margin-bottom: 13px; height: 20px; margin-top: 50px; font-size: 13px; } .b_bread a.link { text-decoration: none; margin-bottom: 0; float: left; white-space: nowrap; vertical-align: middle; margin-right: 10px; color: #4b4b4b;} .b_bread a.link:hover { color: #0046b5 } .b_bread span.last{ color: #606263; font-size: 13px; line-height: 22px; } .b_bread .sep { height: 4px; width: 4px; display: block; position: relative; background: #c2cdd3; border-radius: 50%; margin-right: 10px; float: left; margin-top: 12px; } img.img_left, img[align=left], .b_etalon img[style*=left]{float: left; margin: 5px 45px 30px 0;} img.img_right, img[align=right], .b_etalon img[style*=right]{float: right; margin: 5px 0 30px 45px;} .b_etalon p { margin-top: 0; font-weight: 400;} .b_etalon ul, .b_etalon ol { margin-bottom: 45px; } .b_etalon ul li, ol li { list-style: none; padding-left: 35px; position: relative; } .b_etalon ul li { margin-bottom: 10px; } .b_etalon ul li:before { position: absolute; content: ""; top: 10px; left: 0; width: 6px; height: 6px; border-radius: 50%; background: #535353} .b_etalon ol{ counter-reset: myCounter; } .b_etalon ol li{ margin-bottom: 15px; } .b_etalon ol li:before { counter-increment: myCounter; content:counter(myCounter); color: #fff; position: absolute; top: 5px; left: 0; display: inline-block; text-align: center; font-weight: 500; font-size: 11px; line-height: 17px; width: 22px; height: 16px; border-radius: 8px; background: #0046b5;} .b_etalon table { width: 100%; border-spacing: 0; margin: 0 0 30px 0; } .b_etalon table tr th:first-child, .b_etalon table tr td:first-child { padding-left: 45px; } .b_etalon table tr th:last-child, .b_etalon table tr td:last-child { padding-right: 45px; } .b_etalon table th, .b_etalon table td { padding: 15px 0; } .b_etalon table td { font-size: 14px; line-height: 24px; } .b_etalon table tr:first-child { background: #e7f2ff; } .b_etalon table th { font-size: 13px; text-transform: uppercase; line-height: 20px; text-align: left;} .b_etalon table tr:nth-child(2n) { background: #ffffff } .b_etalon table tr:nth-child(2n+1):not(:first-child) { background: #f7f7f7 } .b_etalon button { border: none; font-family: inherit; cursor: pointer; } .b_etalon blockquote { background: #efefef; padding: 40px 50px 40px 105px; color: #4b4b4b; font-style: italic; font-weight: 700; position: relative; margin: 45px 55px 45px 0 ; font-size: 16px; } .b_etalon blockquote:before { content: ''; position: absolute; width: 30px; height: 3px; background: #4b4b4b; top: 50px; left: 43px; } @media (max-width: 991px) { .b_etalon blockquote { margin-right: 0; padding: 30px 30px 30px 85px;} .b_etalon blockquote:before { width: 25px; left: 30px; } .b_etalon table { overflow-x: scroll; } .b_etalon .text_img.w50 { width: 100%; padding-right: 0 } } @media (max-width: 767px){ .b_etalon_page { padding: 30px 20px; } .b_etalon blockquote { margin-right: 0; padding: 30px; margin: 30px -30px;} .b_etalon blockquote:before { display: none; } } .doc {min-height: 48px; position: relative; display: block; float: left; margin: 20px 0; } .doc--zayav{float: none;} .doc .doc_img { width: 38px; height: 48px; background: #dfdfdf; position: relative; float: left; margin-right: 40px } .doc .doc_img:before { position: absolute; content: ""; transform: rotate(-45deg); top: -10px; right: -10px; display: block; width: 0; height: 0; border: 10px solid transparent; border-left: 10px solid #fff; } .doc .doc_form { position: absolute; bottom: 9px; right: -15px; min-width: 30px; padding: 0 5px; box-sizing: border-box; height: 22px; line-height: 22px; font-size: 11px; text-transform: lowercase; text-align: center; color: #fff; background: #0046b5; border-radius: 11px; } .doc .doc_info { float: left; vertical-align: top; width: 150px; color: #4d4f51; line-height: 15px; font-size: 13px; padding-right: 10px; box-sizing: border-box;} .doc .doc_size { color: #9c9c9c; width: 100%; margin-top: 5px; } .doc.red .doc_form { background: #e51818 } .doc.green .doc_form { background: #4b9b24 } .doc.gray .doc_form { background: #595959 } input[type="submit"], button, .btn_more, .btn_stnd {margin: 15px 20px 10px 0; float: left; min-width: 137px; height: 39px; background: #0046b5; line-height: 20px; text-transform: uppercase; border-radius: 3px; color: #fff; font-weight: 500; display: block; text-decoration: none; text-align: center; cursor: pointer; -webkit-transition: background-color 0.2s ease-out; -moz-transition: background-color 0.2s ease-out; -o-transition: background-color 0.2s ease-out; transition: background-color 0.2s ease-out; border:0; padding: 10px 5px; -webkit-appearance: none;} input[type="submit"]:hover, button:hover, .btn_more:hover, .btn_stnd:hover { background: #0099ff; } .btn_stnd.btn_stnd_noactive, .btn_stnd.btn_stnd_noactive:hover { background: #d6d6d6 } .btn_vk {background: #4d76a1; text-transform: none; width: 160px; position: relative; padding-left: 45px; text-align: left;box-sizing: border-box; color: #fff; position: relative;} .btn_vk:before { width: 30px; height: 30px; content: ""; position: absolute; top: 5px; left: 10px; background: url(/local/templates/main_v1.3/./images/footer_soc.png) 0px 0px no-repeat; } .btn_buy { background: url(/local/templates/main_v1.3/./images/sprite.svg) -262px -131px no-repeat; width: 135px; height: 40px; padding-left: 20px; box-sizing: border-box; color: #fff; } .btn_buy:hover { background: url(/local/templates/main_v1.3/./images/sprite.svg) -262px -181px no-repeat;} .btn_buy_noactive, .btn_buy_noactive:hover { background: url(/local/templates/main_v1.3/./images/sprite.svg) -262px -231px no-repeat; } .more_event { width: 190px; background: #fff; color: #2f2f2f; margin: 35px auto; font-size: 12px; padding: 0 30px 0 47px; position: relative; box-sizing: border-box; float: none; display: none;} .more_event:hover { color: #fff } .more_event:before { width: 10px; height: 10px; position: absolute; content: ""; background: url(/local/templates/main_v1.3/./images/more_event.png) 0px 0px no-repeat; top: 14px; left: 28px; } .more_event:hover:before { background-position: -16px 0px; } .btn_more{display: block; padding: 0 20px; font-size: 14px; line-height: 39px;} .bx-pagination { margin: 50px 0px 15px 0px; position: relative; float: left; left: 50% } .bx-pagination-container { float: left; position: relative; left: -50%; } .bx-pagination a, .bx-pagination span{ color: #434343; padding: 0 8px; margin: 0 6px; height: 36px; text-align: center; min-width: 36px; display: block; text-align: center; line-height: 36px; text-decoration: none; color: #4b4b4b; font-size: 16px; float: left; box-sizing: border-box;} .bx-pagination a:hover{ color: #0046b5; } .bx-pagination span{ border-radius: 32px; color: #0046b5; border: 2px solid #0046b5; box-sizing: border-box; line-height: 33px; } .bx-pagination .bx-pag-next, .bx-pagination .bx-pag-prev { position: relative; padding: 0px; width: 29px; height: 29px; margin-top: 2px; border-radius: 50%; background: #3c3c3c; display: block; text-decoration: none; min-width: 0px; -webkit-transition: background-color 0.2s ease-out; -moz-transition: background-color 0.2s ease-out; -o-transition: background-color 0.2s ease-out; transition: background-color 0.2s ease-out; } .bx-pagination .bx-pag-next:hover, .bx-pagination .bx-pag-prev:hover { background: #0046b5 } .bx-pagination .bx-pag-next { margin-left: 41px; } .bx-pagination .bx-pag-next:before { position: absolute; content: ""; display: block; width: 11px; height: 11px; top: 9px; left: 9px; background: url(/local/templates/main_v1.3/./images/sprite2.svg) -110px -15px no-repeat; background-size: 412px 130px; transform: scale(1.1); } .bx-pagination .bx-pag-prev{ margin-right: 41px; } .bx-pagination .bx-pag-prev:before { position: absolute; content: ""; display: block; width: 11px; height: 11px; top: 9px; left: 9px; background: url(/local/templates/main_v1.3/./images/sprite2.svg) -110px -15px no-repeat; background-size: 412px 130px; transform: scale(1.1); transform: rotate(180deg); } /*ADAP_MENU*/ .block_adap_menu { display: none; position: relative; background: #fff; position: absolute; width: 100%; bottom: 0px; top: 210px; overflow: auto; padding:0 0px 0 0px; box-sizing: border-box; z-index: 205; } .block_adap_menu--normal{top: 100px;} .block_adap_menu .head_adap_menu { padding: 0 18px; } .block_adap_menu .head_adap_menu2 { padding: 17px 22px; border-top: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2; margin-bottom: 23px;} .block_adap_menu .head_adap_menu2 a { color: #161616; text-decoration: none; font-size: 14px; } .block_adap_menu .head_adap_menu2 li { padding: 0 0 9px 0; } .block_adap_menu .head_adap_menu li { color: #0046b5; text-decoration: none; padding: 0 0 18px 0;position: relative; font-size: 18px; line-height: 30px; } .block_adap_menu .head_adap_menu li .img{display: none;} .block_adap_menu .head_adap_menu a{text-decoration: none;} .block_adap_menu .head_adap_menu .item { color: #0046b5; text-decoration: none; font-weight: 700; padding-left: 42px; position: relative; font-size: 18px; line-height: 30px; margin: 0; } .block_adap_menu .head_adap_menu ul li .item:before { display: block; content: ""; position: absolute; top: -25px; left: -22px; } .block_adap_menu .head_adap_menu .icon_1 .item:before { background: url(/local/templates/main_v1.3/./images/sprite2.svg) no-repeat 0 -230px; background-size: 412px 336px; transform: scale(0.39); width: 80px; height: 80px;} .block_adap_menu .head_adap_menu .icon_2 .item:before { background: url(/local/templates/main_v1.3/./images/sprite2.svg) no-repeat -90px -227px; background-size: 412px 336px; transform: scale(0.39); width: 80px; height: 80px;} .block_adap_menu .head_adap_menu .icon_3 .item:before { background: url(/local/templates/main_v1.3/./images/sprite2.svg) no-repeat -171px -230px; background-size: 412px 336px; transform: scale(0.39); width: 80px; height: 80px;} .block_adap_menu .head_adap_menu .icon_4 .item:before {background: url(/local/templates/main_v1.3/./images/sprite-ico.svg) no-repeat -22px -3px; background-size: 80px; width: 60px; height: 40px; top: -3px; } .block_adap_menu .head_adap_menu .icon_5 .item:before {background: url(/local/templates/main_v1.3/./images/sprite-ico.svg) no-repeat -22px -45px; background-size: 80px; width: 60px; height: 40px; top: -3px; } .block_adap_menu .head_adap_info { padding-left: 23px; width: 100%; box-sizing: border-box; } .block_adap_menu .time, .block_adap_menu .address, .block_adap_menu .phone { display: block !important; width: 100%; box-sizing: border-box; margin: 0 0 16px 0 !important;color: #2f2f2f; } .block_adap_menu .address .metro, .block_adap_menu .address .place { padding-left: 23px; position: relative; color: #2f2f2f!important; } .block_adap_menu .address .metro:before{background-position: -76px -394px!important;} .block_adap_menu .address .place:before{background-position: 0 -395px!important;} .block_adap_menu .phone .phone_num { letter-spacing: -0.7px; margin-bottom: 3px; color: #2f2f2f !important; } .block_adap_menu .head_adap_info .phone a.mail { font-weight: 700; text-decoration: none; font-size: 14px; color: #0046b5 } .block_adap_menu .address .metro:before {top: 3px; left: -3px;} /*EVENT_LIST*/ .event_menu_format { margin-top: 0px; margin-bottom: 0; width: 100%;} .event_menu_format .sport_menu_block { float: left; margin-right: 65px; margin-bottom: 15px; } .event_menu_format .sport_menu_block > .sport_menu { float: left; position: relative; margin:0; padding:0; list-style: none; } .event_menu_format .sport_menu_block > .sport_menu:before { display: none; } .event_menu_format .sport_menu_block .sport_menu_zag { font-size: 18px; color: #0046b5; font-weight: 500; position: relative; text-decoration: none; padding-right: 40px; } .event_menu_format .sport_menu_block .sport_menu_zag.has_menu:after { content: ""; position: absolute; top: 8px; right: 25px; width: 7px; height: 5px; background: url(/local/templates/main_v1.3/./images/sport_menu_arrow.png) center no-repeat; } .event_menu_format .sport_menu_block > .sport_menu ul { margin: 0; display: none; } .event_menu_format .sport_menu_block > .sport_menu ul li { padding: 0; margin: 0; } .event_menu_format .sport_menu_block > .sport_menu ul li a { color: #0046b5; text-decoration: none; display: block; line-height: 16px; padding: 5px 0;} .event_menu_format .sport_menu_block > .sport_menu ul li:before { display: none; } .event_menu_format .sport_menu_block > .sport_menu:hover ul { position: absolute; z-index: 10; background: #fff; padding: 20px ; display: block; width: 190px; box-sizing: border-box; top: 30px; left: -20px;} .event_menu_format .sport_menu_block > .sport_menu:hover .sport_menu_zag { z-index: 20; } .event_menu_format .sport_menu_block > .sport_menu ul li a:hover{text-decoration: underline;} .event_menu { float: left; margin-bottom: 15px; } .event_menu ul { margin: 0 } .event_menu ul li { padding-left: 0; display: inline-block; margin-right: 20px; } .event_menu ul li:before { display: none; } .event_menu ul li a { text-decoration: none; } .event_menu ul li a:hover{text-decoration: underline;} .format { float: right; font-size: 13px; color: #707070; } .format span { display: inline-block; vertical-align: top;} .format a.block_link { width: 18px; height: 28px; margin-left: 12px; display: inline-block; background: url(/local/templates/main_v1.3/./images/format.png) 0px 6px no-repeat; } .format a.block_link:hover, .format a.block_link.active { background: url(/local/templates/main_v1.3/./images/format.png) 0px -19px no-repeat; } .format a.table_link { width: 18px; height: 28px; margin-left: 7px; display: inline-block; background: url(/local/templates/main_v1.3/./images/format.png) -28px 6px no-repeat; } .format a.table_link:hover, .format a.table_link.active { background: url(/local/templates/main_v1.3/./images/format.png) -28px -19px no-repeat; } @media (max-width: 991px) { .format span{display: none;} .event_menu_format .sport_menu_block {display: none;} } ul.event_list { margin: 0; color: #4b4b4b; } .event_list .event_item { padding: 0; float: left; width: 100%; margin-bottom: 20px;} .event_list .event_item:before { display: none; } .event_list .event_item div { float: left; } .event_list .event_item .event_name{width: 45%; line-height: 20px; } .event_list .event_item .event_name a{display: block; margin: 3px 0 5px;} .event_list .event_item .event_item_cont { width: 100%; } .event_list .event_item .image { width: 75px; margin: 0 20px 0 0;} .event_list .event_item .datetime { font-weight: 400; width: 135px;} .event_list .event_item .date { font-weight: 400; font-size: 16px; width: 100%;} .event_list .event_item .day { font-weight: 700; font-size: 16px; width: 100%; } .event_list .event_item .time { line-height: 17px; height: 20px; /*padding: 2px 4px;*/ margin-top: 4px; margin-right: 35px; box-sizing: border-box; /*border-radius: 5px; border: 1px dotted #2e2e2e; color: #2e2e2e*/} .event_list .event_item .time span { line-height: 17px; height: 20px; padding: 2px 4px;box-sizing: border-box; border-radius: 5px; border: 1px dotted #2e2e2e; color: #2e2e2e } .event_list .event_item .event_name a { text-decoration: none; font-size: 16px; font-weight: 700; } .event_list .event_item .price { font-weight: 400; float: right; width: 20%; } @media (max-width: 1200px) { .event_list .event_item .image{width: 80px;} .event_list .event_item .datetime{width: 120px;} } @media (max-width: 991px) { .event_list .event_item .price{width: 50%; text-align: right;} } @media (max-width: 600px) { .event_list .event_item .price{width: 100%; text-align: left;} } /*EVENT detail page*/ .event_left { width: 29%; padding-right: 40px; box-sizing: border-box; float: left; } .event_left .event_soc{float: left; width: 100%; margin: 15px 0 0 0;} .event_left .event_soc_link span { color: #9a9a9a; line-height: 40px; vertical-align: top;margin-right: 12px; float: left; display: block;} .event_left .event_soc_link a, .event_left .event_soc_link div{ width: 40px; height: 40px; display: block; float: left; border-radius: 50%; margin-right: 12px; } .event_left .event_soc_link div.vk a { background: #4d76a1 url(/local/templates/main_v1.3/./images/event_soc.png) 0px 0px no-repeat } .event_left .event_soc_link a.fb { background: #3b5998 url(/local/templates/main_v1.3/./images/event_soc.png) -53px 0px no-repeat } .event_left .event_main_img { } .event_right { width: 71%; float: right;} .event_right .node { margin: 30px 0 50px;} .event_right .node h1, .event_right .node h2, .event_right .node h3, .event_right .node h4, .event_right .node h5 { margin: 15px 0; } .event_right h1, .event_right h2 { font-weight: 500; } .event_right .event_name { margin-bottom: 0px; } .event_right .event_made { margin-bottom: 25px; } .event_top .event_main { width: 37%; float: left; line-height: 16px;} .event_top .event_main>div { margin-bottom: 25px; } .event_top .event_main span:first-child { font-size: 13px; color: #9a9a9a; display: inline-block; width: 57px; } .event_top .event_main span:last-child { font-size: 16px; font-weight: 700; color: #4b4b4b; } .event_top .event_select { width: 100%; float: left; line-height: 16px; padding: 0 0 10px 0;} .event_top .event_select select{height: 39px; padding: 0 10px;} .event_top .event_info { width: 33%; float: left; } .event_top .event_info p { padding-left: 55px; margin: 0; margin-bottom: 35px; font-size: 13px; line-height: 17px; position: relative;} .event_top .event_info span { display: inline-block; position: absolute; top: -5px; left: -3px; width: 40px; height: 40px; border-radius: 50%; border: 3px solid #0099ff; box-sizing: border-box; text-align: center; line-height:36px; color: #0099ff; font-weight: 500; font-size: 16px; } .event_top .event_info span.star:before { width: 15px; height: 15px; content: ""; border-radius: 50%; background: #0099ff url(/local/templates/main_v1.3/./images/event_star.png) no-repeat 3px 2px; position: absolute; top: -5px; right: 0px } .event_top .event_btn { width: 25%; float: right;} .event_top .event_btn .btn_buy { float: right; margin: 0;} .b_event_desc{border-top: 1px solid #e6e6e6; padding-top: 37px; margin-top: 10px; margin-left: 30%; width: 70%;} @media (max-width: 1200px) { .event_top .event_main{width: 50%;} .event_top .event_info{width: 50%;} } @media (max-width: 991px) { .event_top .event_main, .event_top .event_info, .event_top .event_btn { width: 100%; margin-bottom: 20px; } .event_top .event_btn .btn_buy { float: left; } .b_event_desc{margin-left: 0; width: 100%;} .event_list .event_item .event_name { width: 100%; } .event_left{width: 200px;} .event_right{width: calc(100% - 230px);} .event_left { padding: 0; margin-bottom: 30px; } .event_menu_format .format span { display: none; } } @media (max-width: 600px) { .event_left, .event_right { width: 100% } .event_left .event_main_img { width: 100%; } .event_left .event_soc { width: 100%; padding-left: 0px;} } /*CONTACT*/ /* .map { margin: -40px -55px 0;} */ .ymaps-layers-pane { filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 3.5+ */ -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */ } .contact p a { text-decoration: none; color: #2f2f2f } .contact a.mail { color: #0046b5; } .contact .btn_vk { float: left; margin-top: 35px; } .contact_zag { font-weight: 700; font-size: 18px; color: #303030; padding-top: 120px; position: relative; margin-bottom: 15px;} .contact p { margin-bottom: 5px; } .contact_address, .contact_phone { width: 35%; float: left; } .contact_ticket { width: 30%; float: left; } .contact_address span, .contact_phone span, .contact_ticket span { display: inline-block; color: #2f2f2f; vertical-align: top } .contact_address .contact_info { width: 130px; color: #9a9a9a; } .contact_phone .contact_info { width: 190px; color: #9a9a9a } .contact_ticket .contact_info { width: 115px; color: #9a9a9a } .contact_zag:before { width: 28px; height: 32px; content: ""; position: absolute; top: 55px; left: 0px; background: url(/local/templates/main_v1.3/./images/contact_icon.png) 0px 0px no-repeat; } .contact_address .contact_zag:before { background-position: 0px 0px; } .contact_phone .contact_zag:before { background-position: -55px 0px; } .contact_ticket .contact_zag:before { background-position: -100px 0px; } @media (max-width: 1200px) { .contact_address .contact_info, .contact_phone .contact_info, .contact_ticket .contact_info { display: block; } } @media (max-width: 991px) { .contact_address, .contact_phone, .contact_ticket { width: 100%; } .contact_address .contact_info, .contact_phone .contact_info, .contact_ticket .contact_info { display: inline-block; } } @media (max-width: 767px) { .contact_address span, .contact_phone span, .contact_ticket span { display: inline-block; } } @media (max-width: 450px) { .map{margin: -30px -30px 0;} .contact_address .contact_info, .contact_phone .contact_info, .contact_ticket .contact_info { display: block; } } ul.skat_list { color: #4b4b4b; } .skat_list .skat_item { padding: 0; float: left; width: 100%; margin: 0;} .skat_list .skat_item:before { display: none; } .skat_list .skat_item div { float: left; } .skat_list .skat_item .skat_item_cont { width: 100%; margin: 20px 0; } .skat_list .skat_item .daytime { width: 401px; margin-right: 30px; float: left; box-sizing: border-box;} .skat_list .skat_item .date { font-weight: 400; width: 85px; line-height: 25px; } .skat_list .skat_item .day { font-weight: 700; font-size: 16px; width: 165px; line-height: 25px;} .skat_list .skat_item .time { position: relative; } .skat_list .skat_item .skat_date { float: left; } .skat_list .skat_item .time .time_cont { float: left; border-bottom: 3px solid #b7dcff; padding-left: 65px; position: relative;} .skat_list .skat_item .daytime:hover .time_cont { border-color: #4598ff } .skat_list .skat_item .time .time_zag { position: absolute; top: 0; left: 0; padding-left: 28px; line-height: 23px; font-weight: 700; color: #4b4b4b; border: none; border-radius: 0; } .skat_list .skat_item .daytime .time_zag:before { position: absolute; top: 2px; left: 0; content: ""; height: 20px; width: 20px; background: url(/local/templates/main_v1.3/./images/skating_day.png) no-repeat 0px 0px; } .skat_list .skat_item .daytime:hover .time_zag:before { background: url(/local/templates/main_v1.3/./images/skating_day.png) no-repeat 0px -29px; } .skat_list .skat_item .time a {text-decoration: none; line-height: 17px; height: 20px; min-width: 40px; position: relative; text-align: center; display: inline-block; float: left; padding: 1px 3px; margin-left: 8px; margin-bottom: 7px; box-sizing: border-box; border-radius: 5px; border: 1px dotted #2e2e2e; color: #2e2e2e} .skat_list .skat_item .time a:hover { background: #0046b5; border: 1px solid #0046b5; color: #fff; } .skat_list .skat_item .skat_name a { text-decoration: none; font-size: 16px; font-weight: 700; } .skat_list .skat_item .price { font-weight: 400; float: right; } /* .skat_list .skat_item .hockeytime { width: 90px; box-sizing: border-box; } .skat_list .skat_item .hockeytime .time_cont { border-color: #cdb4f1; padding-left: 20px; } .skat_list .skat_item .hockeytime:hover .time_cont { border-color: #8144dc; } .skat_list .skat_item .hockeytime .time_zag { padding-left: 25px; } .skat_list .skat_item .hockeytime .time_zag:before { position: absolute; top: 2px; left: 0; content: ""; height: 20px; width: 20px; background: url(/local/templates/main_v1.3/./images/hockey.svg) no-repeat 0 0; opacity: .5; } .skat_list .skat_item .hockeytime:hover .time_zag:before { background: url(/local/templates/main_v1.3/./images/hockey.svg) no-repeat 0 0; opacity: 1; } .skat_list .skat_item .hockeytime a:hover { background: #8144dc; border: 1px solid #8144dc; color: #fff; } .skat_list .skat_item .nighttime { width: 160px; box-sizing: border-box; } .skat_list .skat_item .nighttime .time_cont { border-color: #c7c7c7; padding-left: 60px; } .skat_list .skat_item .nighttime:hover .time_cont { border-color: #9f9f9f } .skat_list .skat_item .nighttime .time_zag { padding-left: 25px; } .skat_list .skat_item .nighttime .time_zag:before { position: absolute; top: 2px; left: 0; content: ""; height: 20px; width: 20px; background: url(/local/templates/main_v1.3/./images/skating_day.png) no-repeat -44px -2px; } .skat_list .skat_item .nighttime:hover .time_zag:before { background: url(/local/templates/main_v1.3/./images/skating_day.png) no-repeat -44px -31px; } .skat_list .skat_item .nighttime a:hover { background: #000; border: 1px solid #000; color: #fff; } */ .skat_list .skat_item .hockeytime { width: 160px; box-sizing: border-box; } .skat_list .skat_item .hockeytime .time_cont { border-color: #c7c7c7; padding-left: 60px; } .skat_list .skat_item .hockeytime:hover .time_cont { border-color: #9f9f9f } .skat_list .skat_item .hockeytime .time_zag { padding-left: 25px; } .skat_list .skat_item .hockeytime .time_zag:before { position: absolute; top: 2px; left: 0; content: ""; height: 20px; width: 20px; background: url(/local/templates/main_v1.3/./images/skating_day.png) no-repeat -44px -2px; } .skat_list .skat_item .hockeytime:hover .time_zag:before { background: url(/local/templates/main_v1.3/./images/skating_day.png) no-repeat -44px -31px; } .skat_list .skat_item .hockeytime a:hover { background: #000; border: 1px solid #000; color: #fff; } @media (max-width: 1200px) { .skat_list .skat_item .skat_date{width: 220px;} .skat_list .skat_item .date{width: 100px;} .skat_list .skat_item .day{width: 100px;} .skat_list .skat_item .daytime{width: calc(100% - 490px);} .skat_list .skat_item .nighttime{width: 160px;} .skat_list .skat_item .hockeytime{width: 80px;} } @media (max-width: 991px) { .skat_list .skat_item .skat_date{width: 100%;} .skat_list .skat_item .daytime{width: 100%; margin: 8px 0;} .skat_list .skat_item .nighttime{width: 100%; margin: 8px 0;} .skat_list .skat_item .hockeytime{width: 100%; margin: 8px 0;} .skat_list .skat_item .date{width: auto; margin: 0 15px 0 0;} .skat_list .skat_item .day{width: auto;} .skat_list .skat_item .skat_item_cont{margin: 10px 0 10px 0;} } .b_form input, .b_form textarea{ -webkit-appearance: none; max-width: 100%;} .b_etalon input[type="text"], .b_etalon input[type="password"], .b_etalon input[type=""], .b_form input[type="text"], .b_form input[type="password"], .b_form input[type=""] { outline: none; font-family: inherit; width: 100%; left: 0; top: 0; font-size: 13px; color: #575757; line-height: 20px; padding: 10px 15px; box-sizing: border-box; position: relative; border: none; border: 1px solid #dedee1; margin-top: 15px; border-radius: 3px; } .b_form button { margin: 0; } .b_form textarea { outline: none; font-family: inherit; width: 100%; height: 90px; left: 0; top: 0; font-size: 13px; color: #575757; line-height: 20px; padding: 10px 15px; box-sizing: border-box; position: relative; border: none; border: 1px solid #dedee1; margin-top: 15px; border-radius: 3px; resize: none; display: block;} .b_form .error{color: #f33; font-size: 13px; padding: 4px 0 0 5px; line-height: 14px;} .b_form .btn_stnd {margin-top: 15px;} /*Front page*/ .main_slider {float: left; width: 100%; background-color: #fff; padding: 70px 0 75px;} #main_slider{position: relative; overflow: hidden;} .main_slider .container{position: relative; } .main_slider .wrap{position: absolute; width: 200000px;} .main_slider .item {float: left; background-color: #f3f3f3; height: 344px; } .main_slider .item .content{float: right; width: calc(100% - 622px); text-align: center; padding: 40px 10px; box-sizing: border-box;} .main_slider .item .images{float: right; width: 622px; display: block; } .main_slider .item .images img{display: block; float: right; max-width: 100%; height: 100%;} .main_slider .item .zag_ribbon { position: relative; font-weight: 500; text-transform: uppercase; background: #41aef3; width: auto; color: #fff; text-align: center; padding: 0px 25px; line-height: 43px; margin: 0px auto 10px; display: inline-block; z-index: 10; } .main_slider .item .zag_ribbon:before, .main_slider .item .zag_ribbon:after { content: ""; position: absolute; top: 6px; border: 21px solid #3da2e3; z-index: 1;} .main_slider .item .zag_ribbon:before { left: -20px; border-right-width: 38px; border-left-width: 7px; border-left-color: transparent;} .main_slider .item .zag_ribbon:after { right: -20px; border-right-width: 7px; border-left-width: 38px; border-right-color: transparent;} .main_slider .item .zag_ribbon span:before, .main_slider .item .zag_ribbon span:after { content: ""; position: absolute; top: 0px; width: 25px; height: 43px; background: #41aef3; z-index: 2;} .main_slider .item .zag_ribbon span:before { left: 0px;} .main_slider .item .zag_ribbon span:after { right: 0px;} .main_slider .item .date { font-size: 20px; font-weight: 500; padding-top: 5px; margin-bottom: 15px;} .main_slider .item .desc{font-size: 20px; font-weight: 400; padding: 5px 0 15px;} .main_slider .item .date_num { padding-right: 20px; } .main_slider .item .btn_stnd{margin: 0 auto 20px auto; float: none;} .main_slider .item .name{ letter-spacing: 0.4px; line-height: 32px;} .main_slider .bx-next, .main_slider .bx-prev { position: absolute; top: 50%; padding: 0px; margin: -15px 0 0 0; width: 30px; height: 30px; border-radius: 50%; z-index: 30; background: #3c3c3c; display: block; -webkit-transition: background-color 0.2s ease-out 0s; -moz-transition: background-color 0.2s ease-out 0s; -o-transition: background-color 0.2s ease-out 0s; transition: background-color 0.2s ease-out 0s; } .main_slider .bx-next { right: 3px; } .main_slider .bx-next:before { position: absolute; content: ""; display: block; width: 11px; height: 11px; top: 10px; right: 11px; background: url(/local/templates/main_v1.3/./images/pagin_arrow.png) no-repeat -27px 0px; } .main_slider .bx-prev { left: 0px; } .main_slider .bx-prev:before { position: absolute; content: ""; display: block; width: 11px; height: 11px; top: 10px; left: 12px; background: url(/local/templates/main_v1.3/./images/pagin_arrow.png) no-repeat 0px 0px; } .main_slider .bx-next:hover, .main_slider .bx-prev:hover { background: #0099ff } .main_slider .nav{position: absolute;/* left: 50%; */ top: -35px; height: 30px; text-align: center; left: 15px; width: calc(100% - 30px); line-height: 9px;} .main_slider .nav_wrap { /* margin-left: -50%; float: left;*/ display: inline-block;} .main_slider .nav_wrap:after { content: ""; display: table; clear: both;} .main_slider .nav_wrap a { background: none; display: block; width: 9px; height: 9px; border: 2px #d9d8d7 solid; border-radius: 50%; float: left; margin: 0 7px 22px; position: relative; overflow: hidden; -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s; } .main_slider .nav_wrap a:hover{border-color: #0099ff;} .main_slider .nav_wrap a.active{background-color: #0099ff; border-color: #0099ff;} @media (max-width: 1200px) { .main_slider .item .content{width: calc(100% - 540px); padding-top: 25px;} .main_slider .item .images{width: 540px; } .main_slider .item .date{margin-bottom: 20px;} } @media (max-width: 991px) { .main_slider .next, .main_slider .prev { top: 415px; } .main_slider .item{height: auto;} .main_slider .item .images{width: 100%; height: auto;} .main_slider .item .images img{width: 100%;} .main_slider .item .content{width: 100%; padding: 40px 20px;} .main_slider .nav_wrap a {width: 5px; height: 5px; margin: 0 5px 7px;} } @media (max-width: 767px) { .main_slider .item .content{padding: 30px 20px;} .main_slider .next, .main_slider .prev { top: 275px; } .main_slider .item .name{ font-size: 24px; margin-top: 15px; margin-bottom: 14px; line-height: 28px; } .main_slider .item .date{font-size: 16px; margin-top: -5px;} } /*Мероприятие сеткой*/ .front_product_list{padding: 50px 0 55px;} .event_list_block{display: none;} .event_list_block.active{display: block;} .event_list_block.product_grid{margin-top: 20px; margin-bottom: 20px;} #table_view{display: none;} #table_view.active{display: block;} .product_grid{margin: 0 -8px; } .product_grid .item {float: left; width: 212px; position: relative; padding: 10px 8px 14px; box-sizing: border-box; height: 423px; overflow: hidden;} .product_grid .item .item_content{float: left; width: 100%; background: #fff; box-shadow: 0 0 6px -2px rgba(0,0,0, 0.14); text-decoration: none; position: relative; height: 100%; overflow: hidden; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out;} .product_grid .item .image { overflow: hidden; position: relative; margin: 0 0 12px 0; display: block; text-decoration: none; background-repeat: no-repeat; background-size: cover; background-position: center; } .product_grid .item .image img{width: 100%; float: left;} .product_grid .item .name{color: #4b4b4b; font-size: 14px; font-weight: 600; text-align: center; line-height: 20px; position: relative; overflow: hidden; max-height: 38px; display: block; text-decoration: none; padding: 0 6px;} .product_grid .item .date{color: #4b4b4b; font-size: 13px; font-weight: 300; text-align: center; line-height: 20px; margin-top: 2px;display: block; text-decoration: none; padding: 0 6px; text-transform: lowercase;} .product_grid .item .btn{border-top: 1px #e7e7e7 solid; height: 69px; position: absolute; bottom: 0; width: 100%; text-align: center; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out;} .product_grid .item:hover .item_content{box-shadow: 0 0 6px 2px rgba(0,0,0, 0.25); text-decoration: none; } .product_grid .item:hover .btn{background-color: #0046b5; border-color: #0046b5; color: #fff; padding-bottom: 5px;} .product_grid .item .btn .btn_stnd{margin: 14px auto 0; float: none;} .product_grid .item:hover .btn .btn_stnd.btn_buy{ background-position: -262px -80px!important; color: #0046b5; margin-top: 16px;} .product_grid .item.skating_day:before { content: ""; width: 53px; height: 52px; position: absolute; top: 10px; right: 10px; background: url(/local/templates/main_v1.3/./images/day_skating.png) center no-repeat; } .product_grid .item.skating_night:before { content: ""; width: 53px; height: 52px; position: absolute; top: 10px; right: 10px; background: url(/local/templates/main_v1.3/./images/night_skating.png) center no-repeat; } .h1_cont { padding-right: 135px; margin-bottom: 35px;} .h1_cont .h1, .h1_cont h1{margin-top: 0; margin-bottom: 0px;} .h1_after { font-size: 1.9em; } .calend_with_zag.calendar { width: 126px; margin-top: -6px;margin-right: -135px; float: right;} @media (max-width: 767px) { .head_with_calend {font-size: 36px;} .calend_with_zag.calendar {display: none;} .h1_cont { padding-right: 0; } .hidden_xs{display: none;} .h1_cont .h1, .h1_cont h1{margin-top: 1em; margin-bottom: 0px;} .h1_after { font-size: 1.2em; } .h1_cont { margin-bottom: 15px;} } @media (max-width: 600px) { .product_grid{margin: 0 -5px;} .product_grid .item{padding: 8px 5px;} .head_with_calend {text-align: center; width: 100%; float: none; display: block;} } @media (max-width: 455px) { .product_grid{margin: 0 -12px;} .product_grid .item{padding: 8px 4px;} .product_grid .item{width: 50% !important; float: left; display: block;} } @media (max-width: 479px) { .front_product_list { padding: 2em 0 2em; } } /**/ .about_company{background: url("/local/templates/main_v1.3/./images/about.jpg") no-repeat center center; background-size: cover; height: 693px; float: left; width: 100%;} .about_company .h1{color: #fff; margin: 82px 0 86px; display: block;} .about_company .images{position: relative; display: block; float: left; width: 45%; margin: 0 7.5% 0 0; max-width: 456px; height: 530px; overflow: hidden;} .about_company .images .images_item{display: block; position: absolute; opacity: 0; left: 0; top: 0; z-index: 3;} .about_company .images .images_item.active{opacity: 1; z-index: 5;} .about_company .about_slider{position: relative; float: left; width: 47%; height: auto; overflow: hidden; margin: -6px 0 39px 0;} .about_company .about_slider .wrap{position: relative; width: 100%; height: auto;} .about_company .about_slider .item{float: left; color: #fff;} .about_company .about_pagin { float: left; } .about_company .nav{position: absolute; right: 36px; top: 73px; z-index: 20; width: 20px;} .about_company .nav a{display: block; width: 9px; height: 9px; border: 2px #d9d8d7 solid; border-radius: 50%; margin: 0 7px 17px;} .about_company .nav a:hover{border-color: #0099ff;} .about_company .nav a.active{background-color: #0099ff; border-color: #0099ff;} .about_company .next,.about_company .prev, .galer_pagin .next,.galer_pagin .prev { padding: 0px; width: 58px; height: 58px; border-radius: 50%; background: #0046b5; display: block; float: left; margin: 0 22px 0 0; position: relative; cursor: pointer; -webkit-transition: background-color 0.2s ease-out 0s; -moz-transition: background-color 0.2s ease-out 0s; -o-transition: background-color 0.2s ease-out 0s; transition: background-color 0.2s ease-out 0s; } .about_company .next:before, .galer_pagin .next:before { position: absolute; content: ""; display: block; width: 11px; height: 11px; top: 23px; right: 24px; background: url(/local/templates/main_v1.3/./images/pagin_arrow.png) no-repeat -27px 0px; } .about_company .prev:before, .galer_pagin .prev:before { position: absolute; content: ""; display: block; width: 11px; height: 11px; top: 23px; left: 24px; background: url(/local/templates/main_v1.3/./images/pagin_arrow.png) no-repeat 0px 0px; } .about_company .next:hover,.about_company .prev:hover, .galer_pagin .next:hover, .galer_pagin .prev:hover { background: #0099ff } .galer_pagin .next,.galer_pagin .prev { width: 40px; height: 40px; margin-right: 17px; } .galer_pagin .prev:before { top: 14px; left: 16px; } .galer_pagin .next:before { top: 14px; left: 15px; } .about_company2{padding: 182px 0 15px; float: left; width: 100%; background-color: #fff;} .about_company2 .desc{float: left; width: 45%; letter-spacing: 0.5px; margin: 0 5.5% 0 0;} .about_company2 .soc { float: left; margin-top: 0; } .front_partner{float: left; width: 40%; margin: -121px 0 0 0;} .front_partner_list{float: left; width: 100%; margin: 40px 0 0 0;} .front_partner_list a{float: left; margin: 0 30px 20px 2px;} .front_partner_list a:last-child { margin-right: 0; } .front_partner_list img{float: left;} @media (max-width: 991px) { .about_company { height: auto; } .about_company .h1 { margin: 30px 0; } .about_company .images { width: 100%; margin: 0 auto; height: 330px; margin-bottom: 25px; float: none; } .about_company .images .images_item { height: 330px; text-align: center; margin: 0 auto; right: 0;} .about_company .images .images_item img{height: 100%; width: auto; } .about_company .about_slider { width: 100%; float: none; margin: 20px 0 0;} .about_company .about_pagin { width: 140px; margin: 12px auto 20px; float: none; } .about_company .next { margin: 0; } .about_company2 { padding: 45px 0 15px; } .about_company2 .desc { width: 100%; margin: 0; } .about_company2 .front_partner { width: 100%; margin: 0; } .about_company2 .front_partner_list a { margin-right: 50px; } } @media (max-width: 767px) { .about_company .h1{font-size: 30px; line-height: 36px; text-align: center;} .about_company .nav{display: none;} .about_company2 .soc{margin: 30px 0 0 0;} } .instagram { background: #fff; padding: 55px 0 80px; } .instagram .inst_top { height: 70px; margin-bottom: 25px; float: left; width: 100%;} .instagram .inst_log { float: left; width: 222px; margin-right: 60px; } .instagram .inst_log img { width: 100%; height: auto; } .instagram .inst_text { font-size: 14px; line-height: 20px; color: #4b4b4b; float: left; width: 200px; margin-top: 13px; margin-right: 25px; } .instagram .inst_teg { float: left; } .instagram .inst_teg a{ text-decoration: none; line-height: 60px; display: inline-block; } .instagram .inst_teg .sharp { font-size: 60px; line-height: 60px; color: #dedede; font-weight: 400; vertical-align: middle; padding-right: 10px; } .instagram .inst_teg .nickname { font-size: 30px; line-height: 60px; color: #676767; font-weight: 500; } .instagram .inst_list { margin: 0 -4px; } .instagram .inst_list .inst_list_img { width: 10%; float: left; height: auto; padding: 4px 4px; box-sizing: border-box; } .instagram .inst_list .inst_list_img img { width: 100%; height: auto; float: left;} @media (max-width: 1200px) { .instagram .inst_list .inst_list_img { width: 10% } .instagram .inst_list{overflow: hidden;} } @media (max-width: 991px) { .instagram .inst_log{margin-right: 30px;} .instagram .inst_list .inst_list_img { width: 12.5% } .instagram .inst_list{overflow: hidden;} } @media (max-width: 767px) { .instagram .inst_list .inst_list_img { width: 20% } .instagram .inst_top{height: auto;} .instagram .inst_text { padding: 0; height: auto; width: 100%; margin: 10px 0 0 0;} } @media (max-width: 600px) { .instagram .inst_list .inst_list_img { width: 25% } } @media (max-width: 500px) { .instagram .inst_list .inst_list_img { width: 33.33% } } footer { background: #404040; padding: 40px 0 30px; box-sizing: border-box; width: 100%; } .has_basket footer{padding-bottom: 90px;} footer .f1 { width: 30.5%; float: left; } footer .f2 { width: 20%; float: left; } footer .f3 { width: 28%; float: left; } footer .f4 { width: 21.5%; float: left; } footer .copyright { color: #808080; font-size: 13px; } footer .logo { margin: 7px 0 59px; } footer .logo_footer a, footer .logo_footer span {background: url(/local/templates/main_v1.3/./images/logo.svg) no-repeat -245px -95px; display: block; width: 144px; height: 65px; } footer .menu_f li { padding: 0; margin: 0; margin-bottom: 4px; color: #c0c0c0; font-size: 13px;} footer .menu_f li a{ color: #fff; text-decoration: none; font-size: 13px; } footer .menu_f li a:hover{text-decoration: underline;} footer .menu_f li:before { display: none; } footer .zag { color: #c0c0c0; margin-bottom: 2px; line-height: 32px; font-size: 13px; } footer .address { font-size: 13px; } footer .address .metro, footer .address .place { color: #fff; margin: 0; margin-bottom: 5px; font-weight: 400; padding-left: 20px; position: relative; } footer .phone_num { font-size: 20px; color: #fff; text-decoration: none; font-weight: 700; display: inline-block; width: 100%; margin-top: 1px; } footer .write_us { font-size: 13px; font-weight: 400; color: #fff; text-decoration: none; display: inline-block; width: 100%; box-sizing: border-box; padding-left: 20px; position: relative; } footer .write_us:hover{text-decoration: underline;} footer .developer { font-size: 13px; font-weight: 400; line-height: 20px; color: #808080; text-decoration: none; display: inline-block; width: 100%; margin-top: 13px; } footer .developer a{color: #808080; text-decoration: none;} footer .developer a:hover{text-decoration: underline;} footer .footer_content { display: inline-block; width: 100%; } footer .f1 .phone, footer .f4 .copyright, footer .f4 .soc { display: none; } footer .address .metro:before, footer .address .place:before, footer .write_us:before { width: 20px; height: 15px; content: ""; position: absolute; background: url('/local/templates/main_v1.3/./images/sprite.svg') 0 0 no-repeat; top: 7px; left: 0; } footer .address .place:before {background-position: 0px -366px;} footer .write_us:before {background-position: -21px -367px; top: 8px;} footer .address .metro:before {background-position: -76px -366px; left: -3px;} footer .bquadro{ display: inline-block; height:20px; width: 77px; padding-left: 2px; background: url(/local/templates/main_v1.3/./images/bquadro.svg) top right no-repeat; vertical-align: top; position: relative; overflow: hidden; text-indent: -1000px;} footer .fot_contact{color: #fff; font-size: 13px; text-decoration: none;} footer .fot_contact:hover{text-decoration: underline;} .soc { margin-top: 35px; } .soc li { padding: 0; margin: 0; display: inline-block; margin-right:18px;} .soc li:last-child { margin-right: 0; } .soc li a{ width: 30px; height: 30px; border-radius: 50%; background: url(/local/templates/main_v1.3/./images/footer_soc.png) no-repeat 0 0; display: block; } .soc li:before { display: none; } .soc li a.vk { background-position: 0px 0px } .soc li a.gm { background-position: -53px 0px } .soc li a.yt { background-position: -105px 0px } .soc li a.in { background-position: -156px 0px } .soc li a.tl {background: url(/local/templates/main_v1.3/./images/tl.svg) no-repeat 0 0;} .soc li a.fb {background: url(/local/templates/main_v1.3/./images/fb.svg) no-repeat 0 0;} @media (max-width: 1200px) { footer .f1{width: 28%;} footer .f4{width: 22%;} } @media (max-width: 991px) { footer .f1{width: 28%;} footer .f2{width: 18%;} footer .f3{width: 25%;} footer .f4{width: 29%;} footer .copyright{font-size: 12px;} footer .soc li{margin-right: 6px;} } @media (max-width: 767px) { footer { height: auto; display: block;} footer .f1 { width: 100%;text-align: center; } footer .f2 { width: 45%; text-align: right; } footer .f3 { width: 50%; padding: 0 0 0 5%; } footer .f4 { width: 100%; text-align: center; } footer .f1 .phone, footer .f4 .copyright, footer .f4 .soc { display: block; } footer .f1 .copyright, footer .f3 .soc, footer .f4 .phone { display: none; } footer .f4 .developer { margin-top: 10px; } footer .f1 .logo { margin: 0px 0 25px } footer .f1 .phone { margin-bottom: 40px; } footer .f1 .phone_num { margin-bottom: 0; line-height: 24px } footer .f1 .mail { line-height: 20px; } footer .f2 .menu_f { width: 100%; float: left;} footer .f4 .soc { margin-top: 50px; margin-bottom: 40px } footer .f4 .copyright { font-size: 14px; } footer .logo a, footer .logo span { margin: 0 auto; } footer .write_us{padding-left: 0;} footer .write_us:before { position: relative; display: inline-block; top: 5px; } footer .f2 .menu_f { width: 100%; margin: 0;} footer .f3 .address { padding-left: 0px } footer .zag, footer .menu_f li{line-height: 16px; padding: 6px 0 6px 0; margin: 0 0 4px 0; } footer .address .metro, footer .address .place{line-height: 16px; padding: 6px 0 6px 20px; display: block;} } @media (max-width: 400px) { footer .f2 { width: 40%;} footer .f3 { width: 50%; padding: 0 0 0 10%; } .b_etalon table tr th:first-child, .b_etalon table tr td:first-child { padding-left: 10px; } } .forma_recall{width: 320px;} .forma_recall h3{margin-top: 0;} .fancybox_form .fancybox-close{background: url(/local/templates/main_v1.3/./images/sprite.svg) -52px -2px no-repeat; background-size: 412px 436px; width: 24px; height: 24px; border-radius: 8px; top: 7px; right: 5px; } @media (max-width: 767px) { .forma_recall{width: 100%; box-sizing: border-box;} .fancybox_form.fancybox-wrap{left: 10px!important; width: calc(100% - 20px)!important;} .fancybox_form .fancybox-inner{width: 100%!important; box-sizing: border-box;} } .main_serach_form{display: block; width: 100%; margin: 0 0 20px 0;} .main_serach_form .input_text{float: left; height: 40px; width: calc(100% - 150px); padding: 5px 20px; box-sizing: border-box; border: 1px #dedee1 solid; box-shadow: 0 0 0 transparent; border-radius: 2px; outline: 0px none; background-color: #fff;} .main_serach_form button{margin: 0; float: right; } @media (max-width: 767px) { .main_serach_form .input_text{width: calc(100% - 110px);} .main_serach_form button{min-width: 100px; padding: 0;} } .b_404{} .b_404 #page{background: url(/local/templates/main_v1.3/./images/404.jpg) no-repeat 0 0; background-size: cover;} .b_404 .b_404_page{min-height: 300px; padding: 0 0 450px 0; background: url(/local/templates/main_v1.3/./images/404.png) no-repeat 50% 55%; text-align: center; font-size: 23px; font-weight: 500; line-height: 40px;} .b_404 .b_404_page p{display: block; margin: 0 auto; max-width: 600px;} .b_404 .instagram{display: none;} .b_404 .h1_cont {padding: 0; } .b_404 .title_page{text-align: center; margin: 90px 0 50px; padding: 0;} .b_404 .shayba{width: 161px; height: 171px; background: url(/local/templates/main_v1.3/./images/shayba.png) no-repeat 0 0; position: absolute; z-index: 10;;} .b_404 .shayba_1{top: 150px; z-index: 1; left: 5%;} .b_404 .shayba_2{top: 350px; z-index: 1; right: 10%;} .b_404 .shayba_3{z-index: 1; left: 10%; top: 750px; } .b_404 .shayba_4{z-index: 1; left: 40%; top: 1050px; } .b_404 .shayba_5{z-index: 1; left: 70%; top: 1150px; } @media (max-width: 1300px) { .b_404 .shayba_1{top: 400px;} } @media (max-width: 1200px) { .b_404 .shayba_3, .b_404 .shayba_4{display: none;} } @media (max-width: 991px) { .b_404 .shayba{display: none;} } @media (max-width: 767px) { .b_404 .shayba{display: none;} .b_404 .b_404_page{background-size: 90%; font-size: 14px; line-height: 22px; padding-bottom: 300px; min-height: 0; background-position: 50% 100%;} .b_404 .title_page{margin: 40px 0 20px 0; font-size: 26px;} } @media (max-width: 500px) { .b_404 .b_404_page{padding-bottom: 200px} } .form-success{width: 200px; height: 150px; float: left; text-align: center;} .reminder_ticket { width: 100%; height: 75px; background: #0046b5; color: #fff; text-align: center; position: fixed; z-index: 200; left: 0; bottom: -1px; text-decoration: none; display: block;} .reminder_ticket:hover{background-color: #0453d1;} .reminder_ticket .underline{text-decoration: underline;} .reminder_ticket_item { display: inline-block; line-height: 75px; vertical-align: top; font-size: 24px;} .reminder_ticket_2 { height: 75px; width: 150px; background: url(/local/templates/main_v1.3/./images/order_ticket.svg) no-repeat center;} .reminder_ticket_1 a { text-decoration: underline; color: #fff;} .reminder_ticket_1 a:hover { color:#3d9dff; } .reminder_ticket_3 span { font-weight: 700; text-transform: uppercase; } @media (max-width: 767px) { .reminder_ticket { height: 50px; } .reminder_ticket_item { font-size: 18px; line-height: 50px; } .reminder_ticket_2 { height: 30px; background-size: contain; margin-top: 10px; width: 130px; } } @media (max-width: 500px) { .reminder_ticket { height: 40px; } .reminder_ticket_item { font-size: 14px; line-height: 40px; } .reminder_ticket_2 { height: 26px; background-size: contain; margin-top: 7px; width: 70px; } } @media (max-width: 400px) { .reminder_ticket_item { font-size: 13px; line-height: 40px; } .reminder_ticket_2 { width: 50px; } } .stepper {display: block; width: 100px; position: relative; height: 30px; margin: 0 auto 5px;} .stepper input{height: 30px; width: 30px; margin: 0 35px; text-align: center; font-size: 15px; color: #3c3c3c; background: transparent; border: 0px none; line-height: 30px;} .stepper .stepper-step{float: left; width: 30px; height: 30px; background: #e1e1e1; position: absolute; left: 0; z-index: 100; cursor: pointer; border-radius: 50%; top: 1px;} .stepper .stepper-step:after{content: ""; display: block; width: 10px; height: 10px; background: url(/local/templates/main_v1.3/./images/stepper.png) no-repeat 0 0; margin: auto; position: absolute; left: 0; top: 0; bottom: 0; right: 0;} .stepper .plus:hover, .stepper .minus:hover{background-color: #0046b5;} .stepper .plus{left: auto; right: 0;} .stepper .plus:after{background-position: 100% 0;} .stepper .plus:hover:after{background-position: 100% 100%;} .stepper .minus:hover:after{background-position: 0 100%;} @media (max-width: 767px) { .stepper {width: 105px; margin: 0 0 5px; float: left;} .stepper input{height: 24px; line-height: 26px;} } .stepper_min_alt{display: none;} .stepper_max_alt{float: left; display: none; position: absolute; left: -39px; bottom: 41px; background: #0046b5; box-shadow: 0 0 16px -3px #0046b5; color: #fff; text-align: center; padding: 7px 20px; width: 140px; font-size: 13px; line-height: 16px; border-radius: 5px; z-index: 1000;} .stepper_max_alt:after{content: ""; display: block; position: absolute; width: 0; height: 0; border: 5px transparent solid; border-top-color: #0046b5; bottom: -10px; left: 50%; margin-left: -5px;} .upload-ticket {margin-top: 0;} a.disabled, input[type=submit].disabled { pointer-events: none; } iframe { display: block!important; /*margin-bottom: 10px;*/ } @media (max-width: 600px) { iframe { width: 100%; height: auto; } .b_etalon table tr th:first-child, .b_etalon table tr td:first-child { padding-left: 10px; } .b_etalon table tr th:last-child, .b_etalon table tr td:last-child { padding-right: 10px; } footer .menu_f li a { font-size: 11px; } } @media (max-width: 499px) { .catalog_menu .name { font-size: 16px; } } .yubi-warning { position: relative; } .yubi-warning__close { background: url(/local/templates/main_v1.3/./images/yubi_close.svg) no-repeat 50% 50% / 100%; position: absolute; top: 50%; right: 10px; width: 15px; height: 15px; display: block; margin-top: -10px; cursor: pointer; } .yubi-warning--desktop .yubi-warning__close { right: 20px; } .b_etalon table { border: 0px solid transparent;} .yubi-warning { background-color: #59AEF2; color: #000; text-align: center; box-sizing: border-box; padding: 15px 35px; } .yubi-warning span, .yubi-warning a { color: #fff; text-decoration: none; } .yubi-warning a:hover { color: #0046b5; } .yubi-warning__address { background-color: #F1F3F4; display: inline-block; vertical-align: middle; border-radius: 14px; padding-left: 31px; padding-right: 13px; margin-right: 12px; position: relative; box-shadow: 0px 2px 0px 0px rgba(61, 162, 226, 0.004); } .yubi-warning__address:before { content: ""; width: 13px; height: 13px; position: absolute; left: 14px; top: 7px; background-size: cover; background: url(/local/templates/main_v1.3/./images/lock.svg) no-repeat 0 0; } .yubi-warning__text { display: inline-block; vertical-align: middle; } .yubi-warning--mobile .yubi-warning__address:before { top: 4px; } #yubi-warning-block { border-top: 12px solid #59AEF2; padding: 60px 40px 25px 50px; max-width: 500px; position: relative; font-size: 17px; } .yubi-warning-block__title { font-size: 30px; color: #000; font-weight: bold; margin-bottom: 31px; } .yubi-warning-block__text { font-size: 17px; margin-bottom: 20px; } .yubi-warning-block__vk, .yubi-warning-block__inst, .yubi-warning-block__tel { margin-bottom: 24px; padding-left: 42px; position: relative; font-size: 17px; } .yubi-warning-block__vk a, .yubi-warning-block__inst a, .yubi-warning-block__tel a { text-decoration: none; color: #000; } .yubi-warning-block__vk a:hover, .yubi-warning-block__inst a:hover, .yubi-warning-block__vk a:hover span, .yubi-warning-block__inst a:hover span { color: #42aef3; text-decoration: underline; } .yubi-warning-block__vk span, .yubi-warning-block__inst span, .yubi-warning-block__tel span { color: #b7b7b7 } .yubi-warning-block__vk .yubi-warning-block__img, .yubi-warning-block__inst .yubi-warning-block__img { position: absolute; left: 0; top: 0; width: 30px; height: 30px; background: url(/local/templates/main_v1.3/./images/footer_soc.png) no-repeat 0 0; } .yubi-warning-block__vk .yubi-warning-block__img { background-position: 0px 0px; } .yubi-warning-block__inst .yubi-warning-block__img { background-position: -156px 0px; } .yubi-warning-block__tel .yubi-warning-block__img { background-image: url(/local/templates/main_v1.3/./images/phonebig.svg); background-position: center; position: absolute; left: 0; top: 0; width: 30px; height: 30px; background-repeat: no-repeat; } .yubi-warning-block__close { position: absolute; right: 24px; top: 41px; width: 30px; cursor: pointer; height: 30px; } .yubi-warning-block__close span:first-child { height: 2px; background-color: #000; width: 20px; transform: rotate(45deg); position: absolute; } .yubi-warning-block__close span:last-child { height: 2px; background-color: #000; width: 20px; transform: rotate(-45deg); position: absolute; } .yubi-warning--mobile { display: none; } @media(max-width: 991px) { .yubi-warning--desktop { display: none; } .yubi-warning--mobile { display: block; position: relative; z-index: 12; width: 100%; top: -15px; } .yubi-warning__text { width: calc(100% - 180px); text-align: left; } } @media(max-width: 600px) { #yubi-warning-block { padding: 35px; } .yubi-warning-block__title { font-size: 25px; } .yubi-warning__address { display: block; width: 150px; margin: 0 auto; margin-bottom: 10px; } .yubi-warning-block__text, .yubi-warning-block__vk, .yubi-warning-block__inst, .yubi-warning-block__tel { font-size: 14px; } #yubi-warning-block { padding: 15px; } .yubi-warning__text { width: 100%; text-align: center; } } /*баннер билета*/ .showticket { padding: 35px 50px; background-color: #e9f6fd; display: flex; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; justify-content: space-between; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; align-items: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; } .showticket__title { font-size: 20px; color: #3c3c3c; font-weight: bold; line-height: normal; } .showticket__item { font-size: 16px; font-weight: bold; line-height: normal; margin-right: 60px; } .showticket__item img { display: inline-block; vertical-align: middle; max-width: 50px; max-height: 50px; margin-right: 10px; } .showticket__item span { display: inline-block; vertical-align: middle; } .showticket__item:last-child { margin-right: 0; } .showticket__right { display: flex; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; justify-content: space-between; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; align-items: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; } @media(max-width: 1199px) { .showticket { padding: 20px; } .showticket__title { font-size: 16px; } .showticket__item { font-size: 14px; margin-right: 40px; } } @media(max-width: 991px) { .showticket, .showticket__right { display: block; } .showticket br { display: none; } .showticket { padding: 35px 50px; } .showticket__title { font-size: 20px; margin-bottom: 30px; } .showticket__item { font-size: 16px; margin-right: 0px; margin-bottom: 25px; } .showticket__item:last-child { margin-bottom: 0; } .showticket__item span { width: calc(100% - 70px); } } @media(max-width: 767px) { .showticket { padding: 25px; } .showticket__item img { width: 50px; } } .ymaps-map { touch-action: auto!important } .reminder-wrap { margin-top: 20px; box-sizing: border-box; } .reminder-wrap * { box-sizing: border-box; } .zayav-form { display: flex; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; justify-content: space-between; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; align-items: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; flex-wrap: wrap; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; } .reminder__title { font-size: 20px; font-weight: bold; margin-bottom: 10px; } .reminder { background-color: #EAF6FD; border-radius: 8px; padding: 25px; display: flex; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; flex-wrap: wrap; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; } .reminder__right { display: flex; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; flex-wrap: wrap; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; width: calc(100% - 270px); } .reminder__item { width: 33.33%; padding: 0px 10px } .reminder__left { width: 270px; padding-right: 40px; } .reminder__text { line-height: normal; } img.reminder__ico { height: 48px!important; width: auto; margin-bottom: 10px; } @media(max-width: 991px) { .reminder__left, .reminder__right { width: 100%; padding-right: 0; } .reminder__left { margin-bottom: 45px; } } @media(max-width: 600px) { .reminder__item { width: 100%; margin-bottom: 20px; text-align: center; } } body .fancybox-bg { background: rgba(0,0,0,.4); } /* End */ /* /local/templates/main_v1.3/js/fancybox/jquery.fancybox.css?15759719914866 */ /* /local/templates/main_v1.3/fonts/firasans.css?15759719915449 */ /* /local/templates/main_v1.3/css/calendar.css?15759719917288 */ /* /local/templates/main_v1.3/styles.css?1599140806335 */ /* /local/templates/main_v1.3/template_styles.css?160881959283993 */