/* Start:/local/templates/template/css/slick.css?15937765301776*/ /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /* End */ /* Start:/local/templates/template/css/jquery.fancybox.min.css?159377653012795*/ body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}} /* End */ /* Start:/local/templates/template/css/nice-select.css?15937765304018*/ .nice-select { -webkit-tap-highlight-color: transparent; background-color: #fff; border-radius: 5px; border: solid 2px #001D38; box-sizing: border-box; clear: both; cursor: pointer; display: block; font-family: inherit; font-size: 14px; font-weight: normal; height: 42px; line-height: 40px; outline: none; padding-left: 18px; padding-right: 30px; position: relative; text-align: left !important; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; width: auto; } .nice-select:hover { border-color: #001D38; } .nice-select:active, .nice-select.open, .nice-select:focus { border-color: #001D38; } .nice-select:after { border-bottom: 2px solid #001D38; border-right: 2px solid #001D38; content: ''; display: block; height: 5px; margin-top: -4px; pointer-events: none; position: absolute; right: 23px; top: 50%; -webkit-transform-origin: 66% 66%; -ms-transform-origin: 66% 66%; transform-origin: 66% 66%; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; width: 5px; } .nice-select.open:after { -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); } .nice-select.open .list { width: 100%; opacity: 1; pointer-events: auto; -webkit-transform: scale(1) translateY(0); -ms-transform: scale(1) translateY(0); transform: scale(1) translateY(0); } .nice-select.disabled { border-color: #ededed; color: #999; pointer-events: none; } .nice-select.disabled:after { border-color: #cccccc; } .nice-select.wide { width: 100%; } .nice-select.wide .list { left: 0 !important; right: 0 !important; } .nice-select.right { float: right; } .nice-select.right .list { left: auto; right: 0; } .nice-select.small { font-size: 12px; height: 36px; line-height: 34px; } .nice-select.small:after { height: 4px; width: 4px; } .nice-select.small .option { line-height: 34px; min-height: 34px; } .nice-select .list { background-color: #fff; border-radius: 5px; box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11); box-sizing: border-box; margin-top: 4px; opacity: 0; overflow: hidden; padding: 0; pointer-events: none; position: absolute; top: 100%; left: 0; -webkit-transform-origin: 50% 0; -ms-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform: scale(0.75) translateY(-21px); -ms-transform: scale(0.75) translateY(-21px); transform: scale(0.75) translateY(-21px); -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; z-index: 9; } .nice-select .list:hover .option:not(:hover) { background-color: transparent !important; } .nice-select .option { cursor: pointer; font-weight: 400; line-height: 40px; list-style: none; min-height: 40px; outline: none; padding-left: 18px; padding-right: 29px; text-align: left; -webkit-transition: all 0.2s; transition: all 0.2s; } .nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus { background-color: #f6f6f6; } .nice-select .option.selected { font-weight: bold; } .nice-select .option.disabled { background-color: transparent; color: #999; cursor: default; } .no-csspointerevents .nice-select .list { display: none; } .no-csspointerevents .nice-select.open .list { display: block; } /* End */ /* Start:/local/templates/template/css/styles.css?1595344895139752*/ @font-face { font-family: 'Gotham Pro'; src: url('/local/templates/template/css/../fonts/GothamPro-Bold.eot'); src: url('/local/templates/template/css/../fonts/GothamPro-Bold.eot?#iefix') format('embedded-opentype'), url('/local/templates/template/css/../fonts/GothamPro-Bold.woff2') format('woff2'), url('/local/templates/template/css/../fonts/GothamPro-Bold.woff') format('woff'), url('/local/templates/template/css/../fonts/GothamPro-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; font-display:swap; } /* Reset*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* make sure to set some focus styles for accessibility */ :focus { outline: 0; } *{ box-sizing: border-box; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration, input[type=search]::-webkit-search-results-button, input[type=search]::-webkit-search-results-decoration { -webkit-appearance: none; -moz-appearance: none; } input[type=search] { -webkit-appearance: none; -moz-appearance: none; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } textarea { overflow: auto; vertical-align: top; resize: vertical; } /** * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3. */ audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; max-width: 100%; } /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0; } a, a:active, a:focus{ outline: none; /* Works in Firefox, Chrome, IE8 and above */ } /** * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4. * Known issue: no IE 6 support. */ [hidden] { display: none; } /** * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using * `em` units. * 2. Prevent iOS text size adjust after orientation change, without disabling * user zoom. */ html { font-size: 100%; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -ms-text-size-adjust: 100%; /* 2 */ } /** * Improve readability when focused and also mouse hovered in all browsers. */ a:active, a:hover { outline: 0; } /** * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3. * 2. Improve image quality when scaled in IE 7. */ img { border: 0; /* 1 */ -ms-interpolation-mode: bicubic; /* 2 */ } /** * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11. */ figure { margin: 0; } /** * Correct margin displayed oddly in IE 6/7. */ form { margin: 0; } *{ outline: 0; } *:focus {outline:none;} *::-moz-focus-inner {border:0;} /** * Define consistent border, margin, and padding. */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** * 1. Correct color not being inherited in IE 6/7/8/9. * 2. Correct text not wrapping in Firefox 3. * 3. Correct alignment displayed oddly in IE 6/7. */ legend { border: 0; /* 1 */ padding: 0; white-space: normal; /* 2 */ *margin-left: -7px; /* 3 */ } /** * 1. Correct font size not being inherited in all browsers. * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5, * and Chrome. * 3. Improve appearance and consistency in all browsers. */ button, input, select, textarea { font-size: 100%; /* 1 */ margin: 0; /* 2 */ vertical-align: baseline; /* 3 */ *vertical-align: middle; /* 3 */ } /** * Address Firefox 3+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ button, input { line-height: normal; } /** * Address inconsistent `text-transform` inheritance for `button` and `select`. * All other form control elements do not inherit `text-transform` values. * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+. * Correct `select` style inheritance in Firefox 4+ and Opera. */ button, select { text-transform: none; } /** * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Correct inability to style clickable `input` types in iOS. * 3. Improve usability and consistency of cursor style between image-type * `input` and others. * 4. Remove inner spacing in IE 7 without affecting normal text inputs. * Known issue: inner spacing remains in IE 6. */ button, html input[type="button"], /* 1 */ input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ *overflow: visible; /* 4 */ } /** * Re-set default cursor for disabled elements. */ button[disabled], html input[disabled] { cursor: default; } /** * 1. Address box sizing set to content-box in IE 8/9. * 2. Remove excess padding in IE 8/9. * 3. Remove excess padding in IE 7. * Known issue: excess padding remains in IE 6. */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ *height: 13px; /* 3 */ *width: 13px; /* 3 */ } /** * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome * (include `-moz` to future-proof). */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; } /** * Remove inner padding and search cancel button in Safari 5 and Chrome * on OS X. */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * Remove inner padding and border in Firefox 3+. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /** * 1. Remove default vertical scrollbar in IE 6/7/8/9. * 2. Improve readability and alignment in all browsers. */ textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ } /** * Remove most spacing between table cells. */ table { border-collapse: collapse; border-spacing: 0; } html, button, input, select, textarea { color: #222; } ::-moz-selection { background: #b3d4fc; text-shadow: none; } ::selection { background: #b3d4fc; text-shadow: none; } img { vertical-align: middle; } fieldset { border: 0; margin: 0; padding: 0; } textarea { resize: vertical; } .chromeframe { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; } body.city-ch{ background-color: #001D38; } body { line-height: 1; font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 14px; margin: 0 auto; position: relative; } body.modal{ overflow: hidden; } .container{ margin-right:auto; margin-left:auto; position:relative; padding-left: 15px; padding-right: 15px; } @media (min-width:768px){ .container{ width:730px; } } @media (min-width:992px){ .container{ width:960px; } } @media (min-width:1200px){ .container{ width:1140px; } } @media (min-width:1366px){ .container{ width:1140px; } } @media (min-width:1700px){ .container{ width:1690px; } } .container-fluid { margin-right:auto; margin-left:auto; max-width: 1730px; } /* ******************** Header ******************** */ main{ overflow: hidden; } section.top{ background-repeat: no-repeat; background-size: cover; position: relative; } section.top:before{ opacity: 0; background-size: 100% auto; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-image: url(/local/templates/template/css/../img/2_hero.png); background-repeat: no-repeat; background-position: right top; content: ""; } section.top.active:before{ -webkit-transition: .3s ease; transition: .3s ease; opacity: 1; } section.top .container{ width: 100%; padding-left: 0; position: static; padding-right: 0; } header .logo{ padding-top: 10px; } header{ position: fixed; width: 100%; top: 0; left: 0; padding-top: 20px; padding-bottom: 20px; z-index: 21; } header .cover_outside{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; justify-content: space-between; } .eye{ background-color: #fff; font-family: 'Gotham Pro',sans-serif; letter-spacing: 0.01em; font-size: 14px; line-height: 130%; position: absolute; right: 0; top: 106px; border-radius:10px 0 0 10px; z-index: 2; } .eye a{ display: block; padding:10px 25px 10px 15px; text-decoration: none; color: #000; } .eye a span{ vertical-align: middle; display: inline-block; } .eye a img{ vertical-align: middle; display: inline-block; margin-right: 9px; } .eye:hover .special__btn-title { transform: scale(1.1); transition: 300ms; } .eye .submit-special { background-color: white; border: none; border-radius: 8px; padding: 12px 32px 12px 12px; } .eye .submit-special img { margin-right: 10px; } .eye .special__btn-title { display: block; text-decoration: none; color: #000; vertical-align: middle; display: inline-block; font-weight: 700; text-align: left; } @media (max-width: 768px) { .eye .special__btn-title { display: none; } .eye .submit-special { padding-right: 16px; } } .eye .submit-special__img { vertical-align: middle; display: inline-block; margin-right: 9px; } nav{ padding-top: 7px; } nav a{ font-size: 14px; line-height: 140%; color: #fff; text-decoration: none; font-weight: 600; -webkit-transition: .3s ease; transition: .3s ease; } nav a:hover{ text-decoration: underline; } nav ul{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; justify-content: space-between; width: 1020px; margin-left: 15px; margin-right: 15px; } header .choose{ color: #fff; border:1px solid #fff; border-radius: 14px; padding: 8px 30px 8px 10px; position: relative; cursor: pointer; -webkit-transition: .3s ease; transition: .3s ease; z-index: 3; } header .choose:hover{ background-color: #fff; color: #001D38; } header .cover_choose{ position: relative; width: 170px; } header .choose:before{ position: absolute; right: 13px; top: 12px; content: ""; background-image: url('/local/templates/template/css/../img/arrow.svg'); background-repeat: no-repeat; background-position: center center; width: 6px; height: 6px; } .city-list { padding:40px 26px 15px 15px !important; background-color: #001D38; border-radius: 14px; position: absolute; top: 0px; width: 100% !important; display: none; } .choose.active{ background-color: #fff; color: #001D38; } .city-list a{ white-space: nowrap; font-size: 13px; line-height: 180%; color: #fff; text-decoration: none; -webkit-transition: .3s ease; transition: .3s ease; } .city-list a:hover{ padding-left:5px; font-weight: 700; } header .choose:hover:before{ background-image: url('/local/templates/template/css/../img/arrow2.svg'); } .choose.active:before{ -webkit-transform: rotate(180deg); transform: rotate(180deg); background-image: url('/local/templates/template/css/../img/arrow2.svg'); } header .social ul{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; max-width: 132px; margin: 11px auto 0; -webkit-transition: .3s ease; transition: .3s ease; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; justify-content: space-between; } header.fixed{ background-color: rgba(0,29,56,0.95); } header .social ul a:hover{ opacity: .8; } h1, p.title{ letter-spacing: 0.01em; font-size: 55px; font-weight: 700; font-family: 'Gotham Pro',sans-serif; line-height: 120%; color: #fff; margin-bottom: 44px; text-transform: uppercase; } .top-slider{ position: relative; /*min-width: 1920px;*/ } .top-slider .cover_all{ position: absolute; left: 170px; bottom: 325px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; z-index: 3; } .top-slider .cover_all .slick-next{ order: 1; } .top-slider .slick-dots{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; } .top-slider .slick-dots li{ margin-left:13px; margin-right:13px; } .top-slider .slick-dots li:only-child{ display: none; } .top-slider .slick-dots button{ padding:0; margin: 0; color: transparent; background-color: transparent; border:none; width: 12px; height: 12px; -webkit-transition: .3s ease; transition: .3s ease; border-radius: 50%; background-color: rgba(255,255,255,0.15); } .top-slider .slick-dots button:hover{ background-color: rgba(255,255,255,0.5); } .top-slider .slick-dots .slick-active button{ background-color: rgba(255,255,255,1); } .top-slider .info_block span{ color: #fff; font-weight: 600; font-size: 16px; line-height: 160%; margin-bottom: 20px; display: block; height: 102px; } .btn{ background: linear-gradient(180deg, #04C8D3 0%, #009CA4 100%); font-family: 'Gotham Pro',sans-serif; border-radius: 80px; font-size: 18px; color: #fff; text-decoration: none; display: inline-block; padding: 21px 44px 21px 44px; text-transform: uppercase; position: relative; z-index: 2; -webkit-transition: .3s ease; transition: .3s ease; } .btn:hover{ background: linear-gradient(180deg,#009CA4 0%, #04C8D3 100%); } .top-slider .info_block{ width: 600px; height: 760px; position: relative; margin-top: 186px; } .top-slider #slick-slide00 .cover_inside{ background-position: 89% 33%; } .top-slider #slick-slide01 .cover_inside{ background-position: 89% 33%; } .top-slider #slick-slide02 .cover_inside{ background-position: 100% 33%; } .top-slider .cover_inside{ background-repeat: no-repeat; width: 1700px; padding-left: 15px; padding-right: 15px; margin: 0 auto; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; justify-content: space-between; } .top-slider .slick-arrow{ font-size: 0; color:transparent; background-color: transparent; width: 39px; border:none; height: 22px; background-repeat: no-repeat; background-position: center center; background-size: cover; } .top-slider .slick-arrow.slick-next{ background-image: url('/local/templates/template/css/../img/arrow-right.svg'); margin-left: 13px; } .top-slider .slick-arrow.slick-prev{ margin-right: 13px; background-image: url('/local/templates/template/css/../img/arrow-left.svg'); } .top-slider .img_block{ display: none; } .top-slider .img_block img{ display: block; width: 100%; } .top-slider .img_block:before{ position: absolute; } .cover_bott{ padding-right: 190px; padding-left: 129px; position: relative; margin-top: -206px; } .cover_bott:before{ /* content: ""; position: absolute; left: 0; bottom: 0; background: -webkit-linear-gradient(rgba(0, 29, 56, 0) 0%, #001D38 67.86%); background: -o-linear-gradient(rgba(0, 29, 56, 0) 0%, #001D38 67.86%); background: linear-gradient(rgba(0, 29, 56, 0) 0%, #001D38 67.86%); height: 282px; width: 100%;*/ } .cover_bott .bott_slider{ position: static; padding-bottom: 45px; } .cover_bott h4{ font-family: 'Gotham Pro',sans-serif; text-transform: uppercase; font-size: 18px; margin-bottom: 15px; color: #fff; font-weight: 700; position: relative; z-index: 2; } .cover_bott .news_block a{ text-decoration: none; color: #fff; } .cover_bott .news_block a .img_block{ min-width: 220px; height: 140px; display: block; background-repeat: no-repeat; background-position: center center; background-size: cover; margin-right: 19px; } .cover_bott .news_block .info_block{ height:140px; overflow: hidden; position: relative; } .cover_bott .news_block a span{ display: block; } .cover_bott .news_block .date{ font-size: 13px; margin-bottom: 5px; } .cover_bott .news_block .name{ font-size: 15px; font-weight: 700; line-height: 140%; margin-bottom: 10px; } .cover_bott .news_block .desc{ line-height: 160%; } .cover_bott .news_block .desc:before{ position: absolute; left: 0; bottom: 0; width: 100%; content: ""; height: 40px; background: -moz-linear-gradient(top, rgba(125,185,232,0) 0%, rgba(0,29,56,1) 100%); background: -webkit-linear-gradient(top, rgba(125,185,232,0) 0%,rgba(0,29,56,1) 100%); background: linear-gradient(to bottom, rgba(125,185,232,0) 0%,rgba(0,29,56,1) 100%); } .cover_bott .slick-arrow{ right: 0; position: absolute; color: transparent; font-size: 0; background-color: transparent; border: none; width: 194px; height: 91px; background-color: rgba(0,0,0,0.5); } .cover_bott .slick-next{ background-repeat: no-repeat; background-position: 44px center; opacity: 0.4; top: 16px; background-image: url('/local/templates/template/css/../img/arrow-right-big.svg'); } .cover_bott .slick-prev{ background-image: url('/local/templates/template/css/../img/arrow-left-big.svg'); bottom: 20px; background-repeat: no-repeat; background-position: 44px center; opacity: 0.4; } .cover_bott .slick-arrow:hover{ opacity: .75; } .cover_bott .news_block{ margin-right: 50px; } .cover_bott .news_block span.cover_outside_news{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; justify-content: space-between; } .easy { color: #001D38; padding-top: 90px; padding-bottom: 82px; } .easy h2{ font-family: 'Gotham Pro',sans-serif; font-size: 50px; line-height: 150%; letter-spacing: 0.01em; text-transform: uppercase; max-width: 1000px; margin-bottom: -77px; } .easy li{ font-weight: 700; font-size: 18px; line-height: 150%; position: relative; padding-left: 40px; width: 29.4%; margin-bottom: 73px; } .easy li:before{ position: absolute; left: 0; top: 6px; content: ""; background-image: url('/local/templates/template/css/../img/check.svg'); width: 19px; height: 15px; background-repeat: no-repeat; background-size: cover; } .easy li:first-child:before{ content: none; } .easy li:nth-child(2):before{ content: none; } .easy ul{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; justify-content: space-between; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; } .specif{ overflow: hidden; background-repeat: no-repeat; background-size: cover; padding-top: 80px; position: relative; background-attachment: fixed; background-position: center center; } .specif:before{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ""; background-color: rgba(0,34,65,0.7); } .specif h2{ font-size: 50px; margin-bottom: 40px; line-height: 150%; color: #fff; letter-spacing: 0.01em; text-transform: uppercase; text-align: center; font-family: 'Gotham Pro',sans-serif; } .specif .tab-nav ul{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; justify-content: space-between; } .specif .tab-nav ul li:hover, .specif .tab-nav ul li.active{ background-color: #fff; color: #001D38; } .specif .tab-nav ul li.active{ pointer-events: none; } .specif .tab-nav ul li.active:before{ position: absolute; bottom: -9px; content: ""; left: 50%; -webkit-transform: translate(-50%,0) rotate(45deg); transform: translate(-50%,0) rotate(45deg); width: 26px; height: 26px; background-color: #fff; z-index: 0; } .specif .tab-nav ul li:last-child{ margin-right: 0; } .specif .tab-nav ul li .img_block{ display: block; height: 46px; background-repeat: no-repeat; background-position: center center; margin-right: 15px; } .specif .tab-nav ul li{ border:2px solid #fff; border-radius: 10px; font-family: 'Gotham Pro',sans-serif; color: #fff; font-size: 20px; line-height: 130%; position: relative; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; max-width: 477px; cursor: pointer; position: relative; } .specif .tab-nav ul li span{ z-index: 2; position: relative; } .specif .tab-nav ul li .alert{ padding: 5px 0; display: none; position: absolute; left: -2px; top: -2px; background-color: #fff; color: #001D38; font-weight: 600; font-size: 13px; line-height: 130%; text-align: center; width: calc(100% + 4px); border-top-right-radius: 7px; border-top-left-radius: 7px; z-index: 2; } .specif .tab-nav ul li.active.disable .alert{ color: #fff; background-color: #001D38; } .specif .tab-nav ul li.disable .alert{ display: block; } .specif .tab-nav ul li:first-child .img_block{ background-image: url('/local/templates/template/css/../img/tab_nav1-white.svg'); min-width: 66px; margin-right: 19px; } .specif .tab-nav ul li:hover:first-child .img_block, .specif .tab-nav ul li.active:first-child .img_block{ background-image: url('/local/templates/template/css/../img/tab_nav1-black.svg'); } .specif .tab-nav ul li:first-child{ padding: 31px 37px 31px 37px; } .specif .tab-nav ul li:nth-child(2){ min-width: 430px; padding: 31px 37px 31px 44px; } .specif .tab-nav ul li:nth-child(2) .img_block{ background-image: url('/local/templates/template/css/../img/tab_nav2-white.svg'); width: 37px; } .specif .tab-nav ul li:hover:nth-child(2) .img_block, .specif .tab-nav ul li.active:nth-child(2) .img_block{ background-image: url('/local/templates/template/css/../img/tab_nav2-black.svg'); } .specif .tab-nav ul li:nth-child(3) .img_block{ background-image: url('/local/templates/template/css/../img/tab_nav3-white.svg'); width: 50px; } .specif .tab-nav ul li:hover:nth-child(3) .img_block, .specif .tab-nav ul li.active:nth-child(3) .img_block{ background-image: url('/local/templates/template/css/../img/tab_nav3-black.svg'); } .specif .tab-nav ul li:nth-child(3){ min-width: 330px; padding: 31px 37px 31px 53px; } .specif .tab-nav ul li:nth-child(4) .img_block{ background-image: url('/local/templates/template/css/../img/tab_nav4-white.svg'); width: 46px; } .specif .tab-nav ul li:hover:nth-child(4) .img_block, .specif .tab-nav ul li.active:nth-child(4) .img_block{ background-image: url('/local/templates/template/css/../img/tab_nav4-black.svg'); } .specif .tab-nav ul li:nth-child(4){ padding: 31px 37px 31px 53px; min-width: 303px; } .tab_content .tab .cover_tab{ padding-top: 54px !important; padding-bottom: 58px !important; position: relative; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; justify-content: space-between; justify-content: space-between; min-height: 400px; } .tab_content .tab .main_block{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; max-width: 1270px; -webkit-align-content: flex-start; -moz-align-content: flex-start; -ms-align-content: flex-start; -o-align-content: flex-start; align-content: flex-start; opacity: 1; -webkit-transition: .3s ease; transition: .3s ease; } .tab_content .tab .main_block > div{ width: 605px; margin-right: 60px; margin-bottom: 50px; } .tab_content .tab .main_block > div.not-available .info_block span{ font-family:'Open Sans',sans-serif; font-weight: 600; color: #fff; font-size: 15px; } .tab_content .tab .main_block > div.not-available .info_block a{ font-family:'Open Sans',sans-serif; font-weight: 600; font-size: 15px; text-decoration: none; color: #02A2AB; } .tab_content .tab .main_block > div.not-available .date{ background-color: transparent; border: 2px solid #FFFFFF; border-radius: 5px; color: #fff; } .fb-caption{ position: absolute; left: 0; right: 0; bottom: -30px; z-index: 99996; pointer-events: none; text-align: center; transition: opacity 200ms; background: none; } .tab_content .tab .main_block > div:nth-child(2n){ margin-right: 0; } .tab_content .tab .main_block > div .cover_inside { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; } #toTop { position: fixed; display: none; width: 50px; height: 50px; bottom: 20px; right: 20px; opacity: .5; z-index: 999; transition: opacity .3s ease; padding: 0; background: 0 0; border: 2px solid #fff; font-size: 0; background: #fff; border-radius: 50%; } .tab_content .tab .main_block > div .date{ display: inline-block; -webkit-align-self: flex-start; -moz-align-self: flex-start; -ms-align-self: flex-start; -o-align-self: flex-start; align-self: flex-start; color: #001D38; background-color: #fff; font-weight: 700; font-size: 14px; line-height: 130%; position: relative; left: 2px; border-radius:5px; padding: 6px 14px; margin-right: 18px; } .tab_content .tab .main_block > div a{ font-size: 18px; line-height: 140%; font-weight: 700; color: #fff; } .tab_content .tab .main_block > div a:hover{ text-decoration: none; color: #02A2AB; } .tab_content .tab .main_block > div p{ font-size: 15px; color: #02A2AB; font-weight: 700; } .tab_content .aside_block{ padding:39px 25px 5px 50px; -webkit-align-self:start; -moz-align-self:start; -ms-align-self:start; -o-align-self:start; align-self:start; position: relative; right: 0; top: 0; max-width: 327px; background-color: #02A2AB; border-radius: 10px 0px 0px 10px; } .tab_content .aside_block:before{ position: absolute; right: -199%; top: 0; content: ""; z-index: 2; width: 200%; height: 100%; background-color: #02A2AB; } .tab_content .aside_block ul{ position: relative; z-index: 2; -webkit-flex-flow: column; -moz-flex-flow: column; -ms-flex-flow: column; -o-flex-flow: column; flex-flow: column; color: #fff; max-width: 250px; } .tab_content .aside_block ul li{ margin-bottom: 28px; } .tab_content .aside_block p{ text-transform: uppercase; font-weight: bold; font-size: 18px; margin-bottom: 8px; font-family: 'Gotham Pro',sans-serif; line-height: 130%; } .tab_content .aside_block .input_block{ position: relative; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; font-size: 15px; line-height: 130%; font-weight: 300; margin-bottom: 15px; } .tab_content .aside_block .input_block input{ position: absolute; width: 100%; height: 100%; opacity: 0; cursor: pointer; } .tab_content .aside_block .input_block .input_for{ display: block; min-width: 21px; height: 21px; border-radius: 3px; background-color: #fff; margin-right: 8px; } .tab_content .aside_block .input_block input:checked + .input_for{ background-image: url('/local/templates/template/css/../img/check.svg'); background-repeat: no-repeat; background-position: center center; background-size: 100% 50%; } .tab_content .tab{ display: none; width: 100% !important; min-height: 200px; } .cast{ padding-top: 80px; } .cast h2{ color: #001D38; margin-bottom: -15px; font-size: 50px; line-height: 150%; font-family: 'Gotham Pro',sans-serif; letter-spacing: 0.01em; text-transform: uppercase; max-width: 1180px; } .cast .cover_inside{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; justify-content: space-between; -webkit-align-items: flex-end; -moz-align-items: flex-end; -ms-align-items: flex-end; -o-align-items: flex-end; align-items: flex-end; } .cast .cover_inside ul{ color: #001D38; width: 1080px; font-size: 20px; line-height: 130%; text-transform: uppercase; font-family: 'Gotham Pro',sans-serif; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; justify-content: space-between; } .cast .cover_inside ul img{ margin-right: 20px; } .cast .phone_block .tel{ display: block; text-decoration: none; letter-spacing: 0.01em; text-transform: uppercase; font-family: 'Gotham Pro',sans-serif; text-transform: uppercase; font-size: 44px; line-height: 140%; color: #02A2AB; margin-bottom: 10px; position: relative; z-index: 2; } .cast .phone_block .tel:hover{ color: #001D38; } .cast .phone_block .btn{ padding:21px 102px; font-size: 18px; } .cast .img_bott{ position: relative; display: block; margin-top: -300px; } .how_to h2{ font-family: 'Gotham Pro',sans-serif; font-size: 50px; line-height: 150%; text-align: center; letter-spacing: 0.01em; text-transform: uppercase; color: #fff; margin-bottom: 50px; } .how_to{ padding-bottom: 60px; position: relative; padding-top: 83px; background-color: #001D38; background-image: url('/local/templates/template/css/../img/logo_big.svg'); background-repeat: no-repeat; background-position: center 340px; } .how_to .step{ color: #fff; font-family: 'Gotham Pro',sans-serif; text-align: center; cursor: pointer; } .how_to .step:hover .dot{ background-color: #02A2AB; } .how_to .step .name{ display: block; text-transform: uppercase; font-size: 20px; line-height: 130%; } .how_to .step .title{ font-size: 14px; line-height: 130%; display: block; max-width: 110px; margin: 0 auto; } .how_to .step .dot{ width: 13px; margin-top: 16px; margin-bottom: 15px; height: 13px; background-color: #fff; border-radius: 50%; display: inline-block; position: relative; z-index: 2; } .how_to .step .dot:before{ content: ""; left: 50%; top: 50%; border-radius: 50%; width: 100%; height: 100%; border:4px solid #001D38; position: absolute; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .cover_dot{ position: relative; } .how_to .step:first-child .cover_dot:before{ content:none; } .how_to .step .cover_dot:before{ content: ""; width: 100%; left: 0; top: 46%; height: 3px; position: absolute; background-color: #02A2AB; -webkit-transform: translate(-50%,0); transform: translate(-50%,0); } .how_to .slick-current.step{ color: #02A2AB; pointer-events: none; } .how_to .slick-current.step .dot{ background-color: #001D38; } .how_to .slick-current.step .dot:before{ border-color: #02A2AB; } .how_to .slick-current.step{ color: #02A2AB; } /*.how_to .step[tabindex="-1"]{ color: #02A2AB; } .how_to .step[tabindex="-1"] .dot{ background-color: #001D38; } .how_to .step[tabindex="-1"] .dot:before{ border-color: #02A2AB; }*/ .how_to .content-slide{ color: #fff; } .how_to .content-slide .name{ font-family: 'Gotham Pro',sans-serif; font-style: normal; font-weight: bold; font-size: 20px; line-height: 140%; margin-bottom: 15px; } .how_to .content-slide .desc{ font-size: 16px; line-height: 160%; margin-bottom: 25px; } .how_to .slider-nav-bott{ max-width: 1100px; margin: 0 auto; position: static; } .how_to .slider-for-top{ max-width: 1160px; margin: 0 auto 80px; } .how_to .slider-nav-bott .slick-arrow { position: absolute; color: transparent; font-size: 0; top: 400px; background-color: transparent; border: none; width: 240px; height: 179px; background-color: rgba(0,0,0,0.2); opacity: 0.5; } .how_to .slider-nav-bott .slick-arrow:hover{ opacity: 1; } .how_to .slider-nav-bott .slick-prev { background-repeat: no-repeat; background-position: 44px center; background-image: url('/local/templates/template/css/../img/arrow-left-big.svg'); left: 0; } .how_to .slider-nav-bott .slick-next { background-repeat: no-repeat; background-image: url('/local/templates/template/css/../img/arrow-right-big.svg'); background-position: 44px center; right: 0; } .how_to .container{ position: static; } .how_to .slider-nav-bott .slick-list{ position: static; } .how_to .slider-for-top .slick-track{ transform:translate3d(0px, 0px, 0px) !important; } .how_to .btn{ font-size: 14px; line-height: 19px; text-transform: none; padding: 6px 30px; margin-right: 20px; margin-bottom: 20px; } .how_to .tab-nav ul{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; justify-content: space-between; } .how_to .tab-nav, .how_to .sub-tab-nav, .sub-sub-tab-nav{ margin-bottom: 24px; } .how_to .sub-tab-nav ul li, .sub-sub-tab-nav ul li{ margin-right: 20px; } .how_to .tab-nav ul li,.how_to .sub-tab-nav ul li,.sub-sub-tab-nav ul li{ font-size: 14px; line-height: 20px; text-align: center; border: 2px solid #FFFFFF; border-radius: 80px; padding: 3px 30px; cursor: pointer; position: relative; z-index: 2; font-weight: 700; } .how_to .tab-nav ul li.active:before, .how_to .sub-tab-nav ul li.active:before, .sub-sub-tab-nav ul li.active:before{ width: 19px; z-index: -1; height: 19px; content: ""; position: absolute; bottom:-19px; left: 50%; -webkit-transform: translate(-50%,-50%) rotate(45deg); transform: translate(-50%,-50%) rotate(45deg); background-color: #fff; } .how_to .tab-nav ul li:hover, .how_to .tab-nav ul li.active, .how_to .sub-tab-nav ul li:hover, .how_to .sub-tab-nav ul li.active, .sub-sub-tab-nav ul li.active, .sub-sub-tab-nav ul li:hover{ background-color: #fff; color: #001D38; } .how_to .tab_inside{ display: none; } .how_to .list{ background-color: #fff; margin-bottom: 20px; border-radius: 5px; padding: 14px 0px; } .how_to .list p{ padding:0 21px; color: #001D38; font-size: 16px; text-align: center; line-height: 150%; margin-bottom: 10px; } .how_to .list ul{ padding-left: 30px; padding-right: 30px; } .how_to .list li{ font-weight: 700; font-size: 13px; line-height: 150%; color: #001D38; position: relative; padding-right: 21px; padding-left: 21px; } .how_to .list li:first-child{ padding-left: 0; } .how_to .list li:last-child{ padding-right: 0; } .how_to .list li:before{ position: absolute; right: 0; top: 0; width: 1px; background-color: #001D38; height: 30px; content: ""; } .how_to .list li:last-child:before{ content: none; } .how_to .list li .green{ color: #02A2AB; } .how_to .list .red{ color: #E42F44; } .how_to .list ul{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-flow: nowrap; -moz-flex-flow: nowrap; -ms-flex-flow: nowrap; -o-flex-flow: nowrap; flex-flow: nowrap; } .how_to .tab_content > div:nth-child(2) .sub-tab-nav ul{ -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; margin-left: 80px; } .sub-tab-nav ul{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; margin-left: 33px; } .sub-sub-tab-nav ul{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; margin-right: 140px; } .how_to .tab_inside:last-child .sub-sub-tab-nav ul{ -webkit-justify-content: right; -moz-justify-content: right; -ms-justify-content: right; -o-justify-content: right; justify-content: right; margin-right: 198px; } .how_to .tab_content > div:nth-child(2) .sub-tab-nav ul{ } .tab-nav li.active,.sub-sub-tab-nav li.active,.sub-tab-nav li.active{ pointer-events: none; } .content-slide{ height: 300px; overflow: hidden; } .content-slide.slick-active{ height: 100%; } .cover_bott .news_block a .desc.visible-md{ display: none; } .video-gal{ padding-top: 80px; padding-bottom: 100px; } .video-gal .img_prev{ display: block; width: 100%; height: 222px; background-size: cover; background-repeat: no-repeat; background-position: center center; margin-bottom: 5px; } .video-gal .name{ font-weight: bold; font-size: 18px; line-height: 150%; color: #001D38; display: block; position: relative; } .video-gal .name:before{ position: absolute; left: 0; top: 2px; width: 50px; height: 50px; background-size: cover; background-repeat: no-repeat; background-position: center center; content: ""; background-image: url('/local/templates/template/css/../img/play.svg'); } .video-gal .video_slide{ cursor: pointer; margin-left: 15px; margin-right: 15px; padding-top: 15px; } .video-gal .video_slide:hover .img_prev{ box-shadow: -1px 1px 10px rgba(0,0,0,0.9); } .video-gal .video_slide:hover .name{ text-decoration: none; } .video_slide > a{ text-decoration: none; } .video-gal h2,.stud_group h2{ font-family: 'Gotham Pro',sans-serif; font-size: 50px; line-height: 150%; text-align: center; letter-spacing: 0.01em; text-transform: uppercase; color: #001D38; margin-bottom: 38px; } .video-gal h2{ margin-bottom: 23px; } .video-gal .cover_all{ position: absolute; right: 20px; top: 23px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; } .video-gal .cover_all:before{ position: absolute; right: -178px; height: 3px; background-color: #001D38; width: 100px; content: ""; top: 50%; -webkit-transform: translate(-50%,0); transform: translate(-50%,0); } .video-slider{ position: static; margin-left: -15px; margin-right: -15px; } .video-slider .slick-arrow{ font-size: 0; background-color: transparent; color: transparent; border:none; width: 18px; height: 31px; background-repeat: no-repeat; background-size: cover; opacity: .5; } .video-slider .slick-arrow:hover{ opacity: 1; } .video-slider .slick-arrow.slick-prev{ background-image: url('/local/templates/template/css/../img/arrow-small-left.svg'); margin-right: 42px; } .video-slider .slick-arrow.slick-next{ background-image: url('/local/templates/template/css/../img/arrow-small-right.svg'); } .video-slider .slick-dots{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; font-family: 'Open Sans',sans-serif; font-size: 21px; line-height: 150%; color: #001D38; margin-left: 33px; } .video-slider .slick-dots .slick-active{ display: block; background-color: transparent; } .video-slider .slick-dots .slick-active button:after{ content: "/"; } .video-slider .slick-dots button{ background-color: transparent; width: auto; height: auto; border:none; font-weight: 700; font-size: 22px; padding:0; line-height: 100%; font-family: 'Gotham Pro',sans-serif; } .video-slider .slick-dots li{ display: none; } .video-slider .name{ text-decoration: underline; display: block; padding-left: 65px; } .stud_group .cover_outside{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; justify-content: space-between; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; } .stud_group .img_block{ width: 33.33%; height: 406px; display: block; text-decoration: none; font-family: 'Gotham Pro',sans-serif; font-size: 40px; letter-spacing: 0.01em; text-transform: uppercase; line-height: 100%; color: #FFFFFF; cursor: pointer; position: relative; } .stud_group .img_block:hover{ box-shadow: inset 1px 16px 80px #000; } .stud_group .img_block p{ position: absolute; bottom: 34px; left: 50px; } .faq{ padding-top: 100px; padding-bottom: 100px; } .faq h3{ font-family: 'Gotham Pro',sans-serif; color: #001D38; font-size: 30px; line-height: 150%; font-weight: 700; letter-spacing: 0.01em; text-transform: uppercase; } .faq .cover_inside .item_block { color: #001D38; border-bottom: 2px solid #001D38; padding-top: 30px; padding-bottom: 20px; } .faq .item_block > p{ font-weight: 700; font-size: 15px; padding-left: 36px; line-height: 140%; position: relative; cursor:pointer; padding-bottom: 10px; } .faq .item_block > p:hover{ color: #02A2AB; } .faq .item_block > p:before,.faq .item_block > p:after{ position: absolute; left: 0; top: 26%; content: ""; width: 25px; height: 4px; background-color: #02A2AB; -webkit-transition: .3s ease; transition: .3s ease; } .faq .item_block > p.active:after{ -webkit-transform: rotate(90deg); transform: rotate(90deg); } .faq .btn{ padding:22px 70px; } .faq .item_block .desc{ display: none; font-size: 14px; line-height: 160%; color: #001D38; } .faq .item_block .desc li{ position: relative; padding-left: 10px; } .faq .item_block .desc li:before{ position: absolute; left: 0; top: 10px; border-radius: 50%; width: 4px; height: 4px; background-color: #001D38; content: ""; } .faq .new_faq{ width: 48.6%; } .faq .cover_btn{ text-align: center; margin-top: 30px; } .faq .cover_inside{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; justify-content: space-between; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: flex-start; -moz-align-items: flex-start; -ms-align-items: flex-start; -o-align-items: flex-start; align-items: flex-start; } .insta_sec{ padding-bottom: 100px; } .insta_sec h3{ } .insta_sec h3 a{ color: #001D38; letter-spacing: 0.01em; text-transform: uppercase; font-size: 30px; line-height: 150%; font-family: 'Gotham Pro',sans-serif; font-weight: 700; text-decoration: none; position: relative; padding-left: 45px; margin-bottom: 14px; display: block; } .insta_sec h3 a:before{ position: absolute; width: 30px; height: 30px; background-image: url('/local/templates/template/css/../img/inst-black.svg'); background-repeat: no-repeat; background-position: center center; content: ""; top: 10px; left: 0; } .insta_sec .insta-slider a{ display: block; height: 262px; width: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; margin: 0 5px; } .insta_sec .cover_all{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-align-content: center; -moz-align-content: center; -ms-align-content: center; -o-align-content: center; align-content: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; position: relative; top: 323px; } .insta_sec .cover_all .slick-next{ background-image: url('/local/templates/template/css/../img/arrow-small-right-dark.svg'); order: 1; margin-left: 25px; } .insta_sec .cover_all .slick-prev{ background-image: url('/local/templates/template/css/../img/arrow-small-left-dark.svg'); margin-right: 25px; } .insta_sec .cover_all .slick-arrow{ font-size: 0; color:transparent; background-color: transparent; border:none; width: 39px; height: 22px; background-repeat: no-repeat; background-position:center center; background-size: cover; } .insta_sec .cover_all .slick-dots{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; justify-content: space-between; } .insta_sec .cover_all .slick-dots button{ background-color: transparent; font-size: 0; color: transparent; border:none; border-radius: 50%; width: 12px; height: 12px; padding: 0; margin: 0; opacity: 0.4; background-color: #001D38; } .insta_sec .cover_all .slick-dots li{ margin-right: 25px; } .insta_sec .cover_all .slick-dots li:last-child{ margin-right: 0; } .insta_sec .cover_all .slick-dots .slick-active button{ opacity: 1; } .contacts{ padding-bottom: 78px; } .contacts h3{ color: #001D38; letter-spacing: 0.01em; text-transform: uppercase; font-size: 30px; line-height: 150%; font-family: 'Gotham Pro',sans-serif; font-weight: 700; margin-bottom: 16px; display: block; } .info .info_side_top{ max-width: 402px; margin-bottom: 30px; } .info .info_side_top p{ font-size: 16px; line-height: 150%; font-weight: 700; color: #001D38; } .info .info_side_top .tel{ display: block; font-weight: 700; color: #001D38; font-size: 30px; line-height: 130%; text-decoration: none; } .info .info_side_top .tel:hover{ color: #02A2AB; } .info .info_side_top .btn{ background: #001D38; color: #fff; font-weight: 700; text-transform: none; font-size: 14px; padding: 6px 33px; line-height: 19px; margin-top: 11px; } .info .info_side_top .btn:hover{ background-color: #02A2AB; } .info .info_side_bott{ font-size: 15px; line-height: 170%; color: #001D38; } .info .info_side_bott .adress a{ font-size: 15px; line-height: 170%; text-decoration: none; color: #001D38; } .info .info_side_bott .adress a:hover{ color: #02A2AB; text-decoration: underline; } .info .info_side_bott a{ color: #001D38; font-size: 15px; line-height: 170%; } .info .info_side_bott a:hover{ color: #02A2AB; text-decoration: none; } .info .info_side_bott strong{ font-weight: 700; } .info .info_side_bott{ max-width: 351px; } .info .info_side_bott .schedule{ margin-top: 30px; } .contacts .cover_block{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; justify-content: space-between; } .contacts .img_block{ background-image: url('/local/templates/template/css/../img/map.png'); height: 387px; background-repeat: no-repeat; background-size: cover; width: 100%; max-width: 1200px; background-position: center center; position: relative; cursor: pointer; } .contacts .img_block:before{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ""; background-color:rgba(0,34,65,0.8); } .pres .visivle-sm{ display: none; } .contacts .cover{ position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .contacts .inside{ color: #fff; text-decoration: underline; font-family: 'Gotham Pro', sans-serif; font-size: 20px; line-height: 140%; position: relative; padding-left: 45px; } .contacts .inside:hover{ text-decoration: none; } .contacts .inside:before{ position: absolute; left: 0; top: -10px; width: 31px; height: 44px; background-image: url('/local/templates/template/css/../img/map-point.svg'); content: ""; background-repeat: no-repeat; background-size: cover; background-position: center center; } footer{ background-color: #001D38; } footer .left ul{ min-width: 133px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; justify-content: space-between; } footer .left ul a:hover{ opacity: 0.8; } footer .mid{ font-size: 14px; line-height: 138%; color: #fff; font-weight: 300; } footer .right{ font-weight: 300; color: #fff; } footer .right a:hover{ text-decoration: none; } footer .right img{ margin-left: 30px; } footer .right a{ font-weight: 300; color: #fff; } footer .cover_block{ padding-top: 10px; padding-bottom: 10px; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; justify-content: space-between; } .choice-city { height: 100vh; background-size: cover; } .modal .overlay{ z-index: 21; opacity: 0.8; } .map-modal .overlay-map{ z-index: 22; opacity: 0.8; } .overlay,.overlay-map{ -webkit-transition: .5s ease; transition: .5s ease; z-index: -1; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #001D38; opacity: 0; } .tab_content .tab.load .sub_tab_content .tab_inside{ opacity: 0; } .tab_content .tab.load .sub_tab_content{ position: relative; } .tab_content .tab.load{ position: relative; } .tab_content .tab.load .list{ opacity: 0; } .tab_content .tab.load .cover_tab{ opacity: 0; } .tab_content .tab.load:after,.tab_content .tab.load .tab_inside:after{ content: " "; display: block; width: 64px; height: 64px; z-index: 2; left: 50%; top: 35%; margin-left: -32px; margin: 8px; border-radius: 50%; position: absolute; border: 6px solid #fff; border-color: #fff transparent #fff transparent; animation: lds-dual-ring 1.2s linear infinite; } @keyframes lds-dual-ring { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .popup{ -webkit-transition: .5s ease; transition: .5s ease; top: -200%; position: fixed; left: 50%; transform: translate(-50%,-50%); max-width: 577px; width: 100%; border-radius: 10px; overflow: auto; max-height: 100vh; background-color: #fff; } .popup.active{ z-index: 22; top: 50%; } .city-ch .popup.city-choose{ top: 50%; left: 50%; transition: 0s; border-bottom-left-radius: 0; border-bottom-right-radius: 0; transform: translate(-50%,-50%); } .popup .popup-close{ display: block; position: absolute; right: 40px; top: 40px; width: 37px; height: 37px; cursor: pointer; } .close-btn-map{ display: block; z-index: 25; position: absolute; right: 10px; top: 10px; width: 37px; height: 37px; cursor: pointer; } .popup .popup-close:hover:before, .popup .popup-close:hover:after, .close-btn-map:hover:before, .close-btn-map:hover:after{ background-color: #001D38; } .popup .popup-close:before, .popup .popup-close:after, .close-btn-map:before, .close-btn-map:after{ position: absolute; height: 6px; background-color: #02A2AB; width: 100%; content: ""; left: 0; top: 11px; } .popup .popup-close:before, .close-btn-map:before{ -webkit-transform: rotate(45deg); transform: rotate(45deg); } .popup .popup-close:after, .close-btn-map:after{ -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .popup .top{ background-color: #fff; text-align: center; } .popup.city-choose{ max-width: 1380px; } .popup.city-choose .top{ padding-top: 45px; padding-bottom: 45px; } .popup.city-choose .city-choose-list{ background-color: #001D38; padding: 40px 60px 66px 50px; } .popup h5{ color: #001D38; padding-left: 50px; padding-right: 50px; font-size: 30px; line-height: 150%; letter-spacing: 0.01em; font-family: 'Gotham Pro',sans-serif; text-transform: uppercase; margin-bottom: 36px; } .popup.order{ padding: 40px 0px 45px 0px; } .popup.order.courses{ max-width: 627px; max-height: 100vh; overflow-y: scroll; } .popup.success{ padding-bottom: 30px; } .popup.success h5{ margin-bottom: 16px; } .popup.success img{ margin-bottom: 30px; } .popup.success a{ margin-left: 50px; } .popup.order form{ max-width: 427px; margin-left: 50px; } .popup.city-choose .city-choose-list h4{ color: #fff; text-align: center; font-size: 30px; line-height: 150%; letter-spacing: 0.01em; font-family: 'Gotham Pro',sans-serif; text-transform: uppercase; } .popup.city-choose .city-choose-list p{ color: #FFFFFF; font-size: 18px; line-height: 150%; font-weight: 700; margin-bottom: 10px; } .popup.city-choose .city-choose-list .left p{ padding-left: 15px; } .popup.city-choose .city-choose-list li{ border: 2px solid #FFFFFF; text-align: center; margin-bottom: 10px; border-radius: 80px; overflow: hidden; } .popup.city-choose .city-choose-list li:hover{ background-color: #fff; } .hidden_block#map{ padding: 0; width: 80vh; height: 80vh; } .hidden_block#map iframe{ margin-bottom: 0; width: 100%; height: 100%; } .popup.city-choose .city-choose-list li:hover a{ color: #001D38; } .popup.city-choose .city-choose-list li a{ text-decoration: none; color: #fff; font-weight: 700; font-size: 14px; padding:3px 0; line-height: 20px; text-align: center; display: block; } .popup.city-choose .city-choose-list li a:hover{ } .popup.city-choose .city-choose-list .left{ max-width: 688px; } .popup.city-choose .city-choose-list .left li{ width: 216px; } .popup.city-choose .city-choose-list .mid li{ width: 200px; } .popup.city-choose .city-choose-list .right li{ width: 200px; } .popup.city-choose .city-choose-list .left ul{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; justify-content: space-between; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; } .popup.city-choose .city-choose-list .cover_inside{ margin-top: 35px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; justify-content: space-between; } .popup.city-choose .city-choose-list .right ul{ margin-bottom: 53px; } .popup.city-choose .city-choose-list .right ul:last-child{ margin-bottom: 0; } .fancybox-navigation .fancybox-button.custom_btn{ width: 128px; height: 179px; background-color:rgba(0,0,0,0.5); background-repeat: no-repeat; background-position: center center; } .fancybox-button--arrow_right.custom_btn{ background-image: url('/local/templates/template/css/../img/arrow-right-big.svg'); right:0px; } .fancybox-button--arrow_left.custom_btn{ background-image: url('/local/templates/template/css/../img/arrow-left-big.svg'); left:0px; } .current{ font-size: 16px; color: #001D38; padding-left: 35px; position: relative; } .current:before{ position: absolute; left: 0; top: 11px; content: ""; background-image: url('/local/templates/template/css/../img/popup-data5.svg'); background-repeat: no-repeat; background-position: center center; width: 22px; height: 18px; } .popup.order input{ width: 100%; height: 45px; border: 2px solid #001D38; border-radius: 5px; padding-left: 52px; font-size: 16px; font-family: "Open Sans",sans-serif; } .popup.order li{ margin-bottom: 15px; position: relative; } .popup.order li span.info{ position: static; width: auto; display: inline-block; vertical-align: middle; font-size: 15px; color: #001D38; margin-top: 5px; transform: translate(0%,0); } .popup.order li.option{ margin-bottom: 0; } .popup.order li input[type="checkbox"]{ position: absolute; width: 100%; height: 100%; left:0; top: 0; z-index: 2; cursor: pointer; opacity: 0; } .popup.order li input[type="submit"]{ border:none; font-family: 'Gotham Pro',sans-serif; border-radius: 80px; padding: 21px 8px; height: auto; font-size: 18px; } .popup.order .sbmt_block{ margin-top: 33px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; justify-content: space-between; } .popup.order .sbmt_block p{ font-size: 14px; display: inline-block; color: #001D38; line-height: 140%; margin-left: 37px; } .popup.order .sbmt_block a{ text-decoration: none; color: #02A2AB; } .popup.order li input:checked + span.check{ background-image: url('/local/templates/template/css/../img/check.svg'); -webkit-background-size: 18px 12px; background-repeat: no-repeat; background-position: center center; } .popup.order li span.check{ margin-top: 5px; position: static; transform: translate(0,0); background-color: #001D38; border-radius: 5px; width: 21px; height: 21px; display: inline-block; vertical-align: middle; margin-right: 8px; } .popup.courses{ max-width: 1380px; max-height: 100vh; overflow-y: scroll; } .popup.courses .top{ font-size: 30px; line-height: 150%; letter-spacing: 0.01em; text-transform: uppercase; font-family: 'Gotham Pro',sans-serif; color: #001D38; text-align: left; padding: 40px 50px 36px 50px; } .popup.courses .mid{ padding: 50px 35px 44px 35px; background-color: #001D38; color: #fff; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; justify-content: space-between; font-size: 18px; line-height: 150%; } .popup.courses .mid .item_block{ position: relative; width: calc(25% - 30px); margin-right: 10px; margin-left: 10px; } .popup.courses .mid .item_block:before{ position: absolute; content: ""; height: 140px; width: 2px; background-color: #fff; right: -16px; top: 35px; } .popup.courses .mid .item_block:last-child:before{ display: none; } .popup.courses .mid .top_side{ padding-bottom: 50px; border-bottom: 2px solid #FFFFFF; margin-bottom: 25px; min-height: 133px; } .popup.courses .mid p{ font-weight: 700; } .popup.courses h5{ padding-left: 0; padding-right: 0; margin-bottom: 0; } .popup.courses .pres{ padding-left: 50px; padding-right: 55px; } .popup.courses .title{ color: #001D38; letter-spacing: normal; font-family: 'Gotham Pro',sans-serif; font-size: 18px; line-height: 140%; margin-bottom: 18px; } .popup.courses .pres{ padding-top: 50px; padding-bottom: 50px; } .popup.courses .pres .btn{ padding: 21px 51px; } .popup.courses .top .date{ color: #02A2AB; } .pres_slider{ max-width: 800px; } .popup.courses .bot{ padding-left: 50px; padding-right: 50px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; padding-bottom: 50px; } .popup.courses .bot .left{ width: 625px; margin-right: 30px; color: #001D38; font-size: 15px; line-height: 170%; } .popup.courses .bot .left .cover_inside{ line-height: 150%; margin-top: 15px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; } .popup.courses .bot .left .cover_inside a{ color: #001D38; text-decoration: none; } .popup.courses .bot .left .img_block{ width: 144px; margin-right: 20px; height: 192px; } .popup.courses .bot .left p a{ color: #001D38; font-weight: 700; } .popup.courses .bot .left > a{ color: #001D38; display: block; text-decoration: none; } .pres_slider .slick-arrow{ position: absolute; right: -55px; font-size: 0; color: transparent; background-color: transparent; border:none; width: 55px; height: 55px; background: #001D38; z-index: 2; background-repeat: no-repeat; background-position: center center; opacity: 0.2; } .new.slick-slide.slick-current.slick-active:first-child { min-width: 100%; } .popup.courses .pres{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; justify-content: space-between; } .pres_slider .slick-arrow:hover{ opacity: 1; } .pres_slider .slick-next{ top: 0; background-image: url('/local/templates/template/css/../img/right-small.svg'); } .pres_slider .slick-prev{ background-image: url('/local/templates/template/css/../img/left-small.svg'); bottom: 0; } .popup.city-choose .top img.visivle-sm{ display: none; } .hidden_block{ display: none; max-width: 815px; background-color: #fff; border-radius:10px; padding:40px 46px 41px 50px; } .fancybox-is-open .fancybox-stage{ max-width: 1020px; left: 50%; top: 50%; width: 100%; transform: translate(-50%,-50%); height: 100%; } .hidden_block h4{ margin-bottom: 20px; font-size: 20px; line-height: 150%; letter-spacing: 0.01em; text-transform: uppercase; color: #001D38; font-family: 'Gotham Pro',sans-serif; } .popup.success{ padding-top: 40px; } .hidden_block iframe{ margin-bottom: 20px; } .hidden_block p, .hidden_block div, .hidden_block span { line-height: 160%; color: #001D38; margin-bottom: 30px; } .hidden_block p img{ width: 100%; height: auto; } .hidden_block strong{ font-weight: 700; } .hidden_block .fancybox-close-small{ display: block; right: 40px; top: 40px; width: 30px; height: 30px; cursor: pointer; padding: 0px; } .hidden_block .fancybox-close-small:before, .hidden_block .fancybox-close-small:after{ position: absolute; height: 6px; background-color: #02A2AB; width: 100%; content: ""; left: 0; top: 11px; } .hidden_block .fancybox-close-small:before{ -webkit-transform: rotate(45deg); transform: rotate(45deg); } .hidden_block .fancybox-close-small:after{ -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .hidden_block .fancybox-close-small svg{ display: none; } .popup.order li span{ position: absolute; width: 20px; text-align: center; left: 15px; transform: translate(0%,-50%); top: 50%; } .popup.order input::-webkit-input-placeholder {opacity:1;color:#001D38;} .popup.order input::-moz-placeholder {opacity:1;color:#001D38;} .popup.order input:-moz-placeholder {opacity:1;color:#001D38;} .popup.order input:-ms-input-placeholder {opacity:1;color:#001D38;} .popup.order input:active::-webkit-input-placeholder {opacity:0;} .popup.order input:active::-moz-placeholder {opacity:0;} .popup.order input:active:-moz-placeholder {opacity:0;} .popup.order input:active:-ms-input-placeholder {opacity:0;} .popup.order input:focus::-webkit-input-placeholder {opacity:0;} .popup.order input:focus::-moz-placeholder {opacity:0;} .popup.order input:focus:-moz-placeholder {opacity:0;} .popup.order input:focus:-ms-input-placeholder {opacity:0;} .visible-lg{ display: none; } .pres_block a{ display: block; } .pres_block a img{ display: block; width: 100%; } .visible-ml{ display: none; } .sub-nav ul{ display: none; } .mob_menu{ display: none; } .sm-mob-nav{ display: none; } .btn.for_xs{ display: none; } @media (max-width: 1699px) { .popup.courses .pres .btn{ padding-left: 15px; padding-right: 15px; } .popup.courses .title{ font-size: 14px; } .insta-slider{ margin-top: -15px; } .insta_sec h3 a{ margin-bottom: 0; } .cover_bott .slick-prev{ bottom: 30px; } .cover_bott .slick-next{ bottom: 130px; top: auto; } .top-slider .cover_inside{ padding-left: 0; padding-right: 0; } section.top .container{ padding-left: 15px; padding-right: 15px; } .cover_bott{ padding-left: 0; padding-right: 0; } .top-slider #slick-slide00 .cover_inside{ background-size: 720px auto; background-position: 107% 17%; } .top-slider #slick-slide01 .cover_inside{ background-size: 800px auto; background-position: 107% 20%; } .top-slider #slick-slide02 .cover_inside{ background-size: 454px auto; background-position: 99% 20%; } section.top{ /*background-size: 100% auto;*/ } .top-slider .cover_inside{ width: 100%; } section.top .container{ width: 1140px; position: static; } header .container{ width: 100%; } nav a{ font-size: 13px; line-height: 140%; } nav ul{ max-width: 900px; } .easy h2{ font-size: 30px; max-width: 582px; margin-bottom: -64px; } .easy li{ font-size: 15px; padding-left: 33px; margin-bottom: 28px; width: 31.3%; } .easy{ padding-top: 49px; padding-bottom: 30px; } .specif .tab-nav ul{ -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; justify-content: space-between; } .specif .tab-nav ul li{ font-size: 16px; } .specif .tab-nav ul li:first-child .img_block{ min-width: 50px; width: 50px; background-size: 100% auto; } .specif .tab-nav ul li:nth-child(2) .img_block{ background-size: 100% auto; min-width: 26px; width: 26px; } .specif .tab-nav ul li:nth-child(3) .img_block{ background-size: 100% auto; min-width: 36px; width: 36px; } .specif .tab-nav ul li:nth-child(4) .img_block{ background-size: 100% auto; min-width: 34px; width: 34px; } .specif .tab-nav ul li:first-child{ min-width: 362px; width: 362px; padding:9px 10px 9px 26px; } .specif .tab-nav ul li:nth-child(2){ padding:0; min-width: 215px; padding:9px 24px 9px 26px; width: 215px; } .specif .tab-nav ul li:nth-child(3){ width: 230px; min-width: 230px; padding:9px 24px 9px 26px; } .specif .tab-nav ul li:nth-child(4){ padding:0; padding:9px 24px 9px 26px; min-width: 219px; width: 219px; } .specif .tab-nav ul li .alert{ font-size: 11px; top: -11px; } .specif h2{ font-size: 30px; } .tab_content .tab .main_block > div .date{ font-size: 13px; margin-bottom: 5px; } .tab_content .tab .main_block > div a{ font-size: 15px; } .tab_content .tab .main_block > div .cover_inside{ -webkit-flex-flow: column; -moz-flex-flow: column; -ms-flex-flow: column; -o-flex-flow: column; flex-flow: column; } .tab_content .tab .main_block > div p{ font-weight: 400; font-size: 13px; } .tab_content .tab .main_block > div{ margin-bottom: 30px; width: 371px; margin-right: 56px; } .tab_content .tab .main_block{ max-width: 798px; } .tab_content .aside_block{ padding: 30px 0px 15px 30px; } .tab_content .aside_block p{ font-size: 15px; margin-bottom: 10px; } .tab_content .aside_block ul li:last-child{ margin-bottom: 0; } .tab_content .aside_block ul{ max-width: 206px; } .specif{ padding-top: 50px; } .tab_content .tab .cover_tab{ padding-bottom: 10px !important; } .cast h2{ font-size: 30px; max-width: 807px; margin-top: -10px; } .cast .cover_inside ul img{ max-width: 62px; margin-right: 14px; } .cast .cover_inside ul{ font-size: 16px; max-width: 750px; width: 100%; } .cast .phone_block .tel{ font-size: 30px; } .cast .phone_block .btn{ font-size: 16px; padding: 20px 57px; } .cast{ padding-top: 50px; } .cast .img_bott{ margin-top: -220px; } .cast .img_bott{ display: block; width: 100%; } .how_to h2{ font-size: 30px; margin-bottom: 46px; } .how_to{ padding-top: 50px; background-size: 100% auto; } .how_to .slider-nav-bott .slick-arrow{ width: 128px; } .video-gal h2, .stud_group h2{ font-size: 30px; } .video-gal{ padding-top: 50px; padding-bottom: 50px; } .video-slider .name{ font-size: 15px; padding-bottom: 10px; } .video-gal .name::before{ top: -1px; } .video-gal .img_prev{ margin-bottom: 10px; } .stud_group h2{ margin-bottom: 16px; } .stud_group .img_block{ height: 271px; background-size: cover; } .stud_group .img_block p{ font-size: 25px; bottom: 11px; left: 33px; } .faq{ padding-top: 50px; padding-bottom: 50px; } .contacts .img_block{ max-width: 635px; } .contacts .inside{ font-size: 18px; white-space: nowrap; } footer .mid{ font-size: 13px; } footer .right{ font-size: 13px; } .cover_bott{ margin-top: -300px; position: static; } h1, p.title{ margin-bottom: 20px; } .cover_bott::before{ height: 400px; } h1, p.title{ font-size: 40px; margin-bottom: 16px; } .top-slider #slick-slide02 .img_block{ min-width: 69%; } nav ul{ max-width: 768px; } nav a{ font-size: 12px; } .top-slider .cover_all{ bottom: 368px; left: 44px; } header .container { width: 1140px; } span.logo-part{ display: inline-block; text-transform: uppercase; font-weight: 700; color: #fff; opacity: 0.4; font-size: 11px; } .visible-xl{ display: none; } .visible-lg{ display: block; } header .choose{ padding: 8px 30px 8px 10px; } header{ padding-top: 8px; } .top-slider .info_block span{ font-size: 15px; margin-bottom: 36px; } .btn{ font-size: 16px; padding: 21px 40px 21px 40px; } .cover_bott .news_block a .img_block{ min-width: 160px; height: 106px; } .cover_bott .news_block{ margin-right: 30px; } .cover_bott .news_block .name{ margin-bottom: 0; } .cover_bott .news_block .info_block{ height: 149px; } .cover_bott .slick-arrow{ width: 120px; } .cover_bott .news_block .date{ margin-bottom: 0; } .cover_bott{ margin-top: -300px; } .top-slider .info_block{ margin-top: 125px; } .popup.city-choose .top img{ display: inline-block; max-width: 900px; } .popup.city-choose .city-choose-list .left li{ width: 192px; } .popup.city-choose .city-choose-list .left li a{ font-size: 13px; } .popup.city-choose .city-choose-list .left{ max-width: 600px; width: 100%; } .popup.city-choose .city-choose-list p{ font-size: 16px; } } @media (max-width: 1399px) { .popup.courses{ max-width:100%; } } @media (max-width: 1199px) { .tab_content .tab .main_block .slick-slide{ margin-right: 15px; } .popup.city-choose .city-choose-list .left{ max-width: 450px; } .popup.city-choose .city-choose-list .left li{ width: 46%; } .popup.city-choose .city-choose-list{ padding: 20px 30px 36px 30px; } .popup.city-choose .top{ padding-top: 25px; padding-bottom: 25px; } .popup .popup-close{ top: 25px; right: 25px; } .popup.city-choose .top img{ max-width: 750px; } footer .left ul{ min-width: 108px; } header.fixed .social{ display: none; } .city-list{ top: 8px; left: -1px; } header .cover_choose{ padding-top: 6px; } header .choose { padding: 6px 30px 6px 10px; } .easy li{ font-size: 13px; padding-left: 30px; margin-bottom: 24px; } .easy h2{ margin-bottom: -50px; } .specif .tab-nav ul li{ font-size: 13px; } .specif .tab-nav ul li:first-child{ min-width: 303px; width: 303px; padding:9px 10px 9px 22px; } .specif .tab-nav ul li:nth-child(2){ padding:0; min-width: 175px; padding:9px 11px 9px 20px; width: 175px; } .specif .tab-nav ul li:nth-child(3){ width: 181px; min-width: 181px; padding:9px 11px 9px 20px; } .specif .tab-nav ul li:nth-child(4){ padding:0; padding:9px 11px 9px 20px; min-width: 179px; width: 179px; } .specif .tab-nav ul li .alert{ top: -27px; } .tab_content .tab .main_block li{ float: none; } .cover_bott .news_block{ margin-right: 39px; } .cover_bott .slick-next{ background-position: 33px center; bottom: 177px; } .cover_bott .slick-prev{ background-position: 33px center; bottom: 77px; } .cover_bott .slick-arrow{ width: 81px; } .top-slider #slick-slide00 .cover_inside{ background-size: 620px auto; } .top-slider #slick-slide01 .cover_inside{ background-size: 700px auto; } .top-slider .cover_all { bottom: 343px; left: 31px; } section.top .container{ width: 960px; } .top-slider .info_block span{ font-size: 14px; max-width: 290px; margin-bottom: 28px; } .top-slider .info_block span br{ display: none; } h1, p.title{ font-size: 30px; margin-bottom: 25px; max-width: 545px; } nav ul{ max-width: 618px; } header .container { width: 960px; } .tab_content .tab .main_block > div .cover_inside{ -webkit-flex-flow: row; -moz-flex-flow: row; -ms-flex-flow: row; -o-flex-flow: row; flex-flow: row; } .tab_content { padding-bottom: 50px; } .tab_content .tab .main_block > div{ width: 605px; margin-right: 0; } .tab_content .tab .main_block .new > div{ margin-bottom: 30px; } .tab_content .tab .main_block > div a{ font-size: 18px; } .tab_content .tab .main_block > div p{ font-size: 18px; } .tab_content .tab .main_block{ max-width: 605px; } .tab_content .tab .main_block > div .date{ font-size: 14px; margin-right: 30px; } .tab_content .main_block .slick-arrow{ font-size: 0; color:transparent; background-color: transparent; width: 39px; border:none; height: 22px; background-repeat: no-repeat; background-position: center center; background-size: cover; position: absolute; bottom: 0; } .tab_content .main_block .slick-arrow.slick-next{ background-image: url('/local/templates/template/css/../img/arrow-right.svg'); margin-left: 13px; left: 82.5%; } .tab_content .main_block .slick-arrow.slick-prev{ margin-right: 13px; background-image: url('/local/templates/template/css/../img/arrow-left.svg'); left: 61%; } .tab_content .main_block .slick-dots{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; position: absolute; left: 70%; bottom: 0; } .tab_content .main_block .slick-dots li{ margin-left:13px; margin-right:13px; } .tab_content .main_block .slick-dots button{ padding:0; margin: 0; color: transparent; background-color: transparent; border:none; width: 12px; height: 12px; -webkit-transition: .3s ease; transition: .3s ease; border-radius: 50%; background-color: rgba(255,255,255,0.15); } .tab_content .main_block .slick-dots .slick-active button{ background-color: rgba(255,255,255,1); } .tab_content .main_block .slick-dots button[aria-label="1 of 1"]{ display: none; } .cast .cover_inside ul img{ max-width: 51px; margin-right: 12px; } .cast .phone_block .tel{ font-size: 25px; margin-bottom: 20px; } .cast .phone_block .btn{ font-size: 14px; padding: 17px 45px; } .cast .cover_inside ul{ font-size: 14px; max-width: 638px; } .cast .img_bott{ margin-top: -165px; } .how_to .step .name{ font-size: 16px; } .how_to .step .title{ font-size: 13px; } .how_to h2{ bottom: 40px; } .how_to .content-slide .name{ text-align: center; margin-bottom: 23px; } .how_to .content-slide .desc{ font-size: 14px; max-width: 931px; margin: 0 auto 25px; } .how_to .tab-nav, .how_to .sub-tab-nav, .sub-sub-tab-nav{ max-width: 931px; margin: 0 auto 20px; } .how_to .slider-for-top{ margin-bottom: 34px; } .how_to .tab-nav ul li{ font-size: 13px; } .how_to .tab-nav ul li, .how_to .sub-tab-nav ul li, .sub-sub-tab-nav ul li{ padding: 3px 17px; } .how_to .tab_content > div:nth-child(2) .sub-tab-nav ul{ margin-left: 92px; } .sub-sub-tab-nav ul{ margin-right: 110px; } .how_to .tab_content ul li span{ font-size: 12px; line-height: 140%; font-weight: 700; } .how_to .list li{ padding-left: 15px; padding-right: 15px; } .how_to .slider-nav-bott .slick-arrow{ position: static; height: 33px; width: 22px; padding: 0; background-position: center center; background-color: transparent; } .how_to .slider-nav-bott .cover_name{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; } .how_to .slider-nav-bott .cover_name .slick-next{ order: 3; margin-left: 30px; } .how_to .slider-nav-bott .cover_name .slick-prev{ margin-right: 30px; order: 1; } .how_to .slider-nav-bott .cover_name p{ order: 2; } .video-gal .img_prev{ height: 164px; } .video-slider .name{ font-size: 14px; } .stud_group .img_block{ height: 227px; } .stud_group .img_block p{ font-size: 20px; bottom: 9px; left: 28px; } .insta_sec .insta-slider a{ height: 219px; margin-right: 14px; } .insta_sec .cover_all{ top: 270px; } .contacts .img_block{ max-width: 530px; height: 378px; } .info .info_side_top p{ font-size: 14px; max-width: 360px; } footer .right img{ margin-left: 14px; } .btn{ font-size: 14px; padding: 18px 39px; } .visible-ml{ display: block; } .sub-nav ul{ padding: 15px 11px 15px 15px !important; background-color: #001D38; position: absolute; top:42px; left: -89px; text-align: right; width: 180px !important; border-top-left-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } li.sub-nav{ position: relative; } li.sub-nav.active{ z-index: 3; background-color: #001D38; border-top-right-radius: 5px; border-bottom-right-radius: 5px; } li.sub-nav.active:before{ position: absolute; width: 130%; border-top-right-radius: 5px; border-top-left-radius: 5px; z-index: -1; height: 150%; background-color: #001D38; content: ""; left: 47%; top: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } header.fixed .logo-part{ display: none; } header.fixed{ padding-bottom: 15px; } .sub-nav ul li{ position: relative; margin-bottom: 10px; } .sub-nav ul .visible-xl{ display: block; white-space: nowrap; } .sub-nav ul .visible-xl br{ display: none; } .sub-nav ul .visible-lg{ display: none; } span.logo-part{ display: block; text-align: center; } .cover_bott .news_block a{ display: block; } .cover_bott .news_block .cover_outside_news{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; } .cover_bott .news_block .cover_outside_news .desc{ display: none; } .cover_bott .news_block a .desc.visible-md{ display: block; } .cover_bott .news_block .date{ line-height: 140%; margin-bottom: 3px; } .cover_bott .news_block .desc{ font-size: 14px; line-height: 150%; margin-top: 10px; } .cover_bott .news_block .info_block{ height: auto; } .top-slider .info_block{ height: 694px; } .tab12 .sub-tab-nav{ padding-left: 32px; } .how_to .list{ position: relative; } .how_to .btn_block{ max-width: 931px; margin: 0 auto; } .how_to .tab_content{ padding-bottom: 0; } .how_to{ padding-bottom: 30px; } .video-gal{ padding-top: 38px; } .video-gal h2{ margin-bottom: 16px; } .video-gal .cover_all{ top:7px; } .faq .new_faq{ width: 48.3%; } .faq .btn{ padding:17px 45px; font-size: 14px; } .insta_sec{ padding-bottom: 85px; } .popup.city-choose{ max-height: 100vh; overflow-y:scroll; } .popup.courses .top{ padding-left: 20px; padding-right: 20px; } .popup.courses .mid{ padding-left: 20px; padding-right: 20px; } .popup.courses .pres{ padding-left: 20px; padding-right: 20px; } .popup.courses .bot{ padding-left: 20px; padding-right: 20px; } .popup.courses .mid .top_side{ padding-bottom: 20px; margin-bottom: 20px; min-height: 90px; } .popup.courses .mid{ font-size: 14px; } .pres_slider .slick-arrow{ right: 0; } .popup.courses .title{ font-size: 15px; } .popup.courses h5{ font-size: 25px; } .pres_slider{ max-width: 61%; padding-right: 75px; } .popup.courses .pres .btn{ padding-left: 10px; padding-right: 10px; } } @media (max-width: 1099px) { .how_to .list{ border-radius: 0; } } @media (max-width: 991px) { .popup.courses .bot .left{ width: 100%; margin-right: 0; padding-bottom: 20px; } .popup.courses .bot{ flex-flow: column; } .popup.courses .cover_pres{ padding-bottom: 20px; } .pres_slider{ max-width: 100%; } .popup.courses .title{ display: inline-block; vertical-align: middle; margin-bottom: 0; } .popup.courses .pres{ -webkit-flex-flow: column; -moz-flex-flow: column; -ms-flex-flow: column; -o-flex-flow: column; flex-flow: column; } .popup.courses .pres{ padding-top: 20px; padding-bottom: 20px; } .popup.courses .top{ padding-top: 20px; padding-bottom: 20px; } .popup.courses .mid{ -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; } .popup.courses .mid .item_block:first-child .bot_side{ border-bottom: 2px solid #fff; padding-bottom: 20px; } .popup.courses .mid .item_block::before{ content: none; } .popup.courses .mid .top_side{ min-height: 0; } .popup.courses .mid .item_block{ width: 40%; margin-bottom: 20px; } .popup .popup-close { top: 12px; right: 12px; } .popup.city-choose .top img{ max-width: 580px; } .popup.city-choose .city-choose-list .cover_inside{ -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-around; -moz-justify-content: space-around; -ms-justify-content: space-around; -o-justify-content: space-around; justify-content: space-around; } .popup.city-choose .city-choose-list .left{ max-width: 100%; margin-bottom: 10px; } .popup.city-choose .city-choose-list .left li{ width: 31%; } .cover_bott .bott_slider{ padding-bottom: 40px; } .cover_bott .slick-prev{ bottom: 40px; } .cover_bott .slick-next{ bottom: 117px; } .cover_bott .news_block { margin-right: 0; padding-right: 50px; } .cover_bott .slick-arrow{ width: 69px; background-position: center center; background-size: 16px; height: 69px; z-index: 3; } .top-slider .info_block span{ max-width: 211px; } .cover_bott .news_block .name{ font-size: 14px; } .cover_bott .news_block a .img_block{ min-width: 220px; height: 146px; } .cover_bott .news_block .cover_outside_news .desc{ display: block; font-size: 12px; } .cover_bott .news_block a .desc.visible-md{ display: none; } .top-slider .cover_all{ left: 50%; bottom: 313px; -webkit-transform: translate(-50%,0); transform: translate(-50%,0); } .top-slider .info_block{ margin-top: 100px; height: 635px; } .top-slider #slick-slide02 .cover_inside{ background-size: 312px auto; } .top-slider .info_block span{ font-size: 12px; } .top-slider .info_block span{ height: auto; } h1, p.title{ font-size: 20px; margin-bottom: 18px; max-width: 260px; } section.top .container{ width: 730px; } .easy h2{ font-size: 20px; max-width: 390px; margin-bottom: -62px; } .easy li{ font-size: 12px; padding-left: 25px; } .easy{ padding-top: 33px; } .specif h2{ font-size: 20px; } .specif{ padding-top: 33px; } .specif .tab-nav ul li:first-child{ min-width: 248px; width: 248px; padding:9px 10px 9px 12px; border-top-right-radius: 0; border-bottom-right-radius: 0; border-right: none; } .specif .tab-nav ul li:nth-child(2){ padding:0; min-width: 138px; padding:9px 8px 9px 10px; width: 138px; border-right: none; border-radius: 0; } .specif .tab-nav ul li:nth-child(3){ width: 151px; min-width: 151px; padding:9px 10px 9px 12px; border-right: none; border-radius: 0; } .specif .tab-nav ul li:nth-child(4){ padding:0; padding:9px 23px 9px 15px; min-width: 163px; width: 163px; border-top-left-radius: 0; border-bottom-left-radius: 0; } .specif .tab-nav ul li{ font-size: 12px; } .specif .tab-nav ul li .img_block{ height: 40px; } .specif .tab-nav ul li:first-child .img_block{ min-width: 33px; margin-right: 10px; } .specif .tab-nav ul li:nth-child(2) .img_block{ margin-right: 7px; min-width: 21px; } .specif .tab-nav ul li:nth-child(3) .img_block{ margin-right: 11px; min-width: 29px; } .specif .tab-nav ul li:nth-child(4) .img_block{ margin-right: 12px; min-width: 27px; } .tab_content .tab .cover_tab{ -webkit-flex-flow: column-reverse; -moz-flex-flow: column-reverse; -ms-flex-flow: column-reverse; -o-flex-flow: column-reverse; flex-flow: column-reverse; } .tab_content .aside_block{ border-radius:0; } .tab_content .aside_block ul{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; justify-content: space-between; -webkit-flex-flow: wrap; -moz-flex-flow: wrap; -ms-flex-flow: wrap; -o-flex-flow: wrap; flex-flow: wrap; } .tab_content .aside_block{ max-width: 100%; width: 100%; padding-left: 0; padding-top: 17px; margin-bottom: 30px; padding-bottom: 17px; } .tab_content .aside_block ul{ width: 100%; max-width: 100%; } .tab_content .aside_block ul li{ display: inline-block; margin-bottom: 0; } .tab_content .aside_block p{ font-size: 13px; } .tab_content .input_block span{ font-size: 12px; line-height: 130%; } .tab_content .aside_block .input_block:last-child{ margin-bottom: 0; } .tab_content .aside_block::after{ position: absolute; left: -199%; top: 0; content: ""; width: 200%; height: 100%; background-color: #02A2AB; } .tab_content .tab .cover_tab{ padding-top: 33px !important; } .tab_content .tab .main_block > div .date{ margin-right: 18px; } .tab_content .main_block .slick-dots{ left: 50%; } .tab_content .main_block .slick-arrow.slick-prev{ left: 41%; } .tab_content .main_block .slick-arrow.slick-next{ left: 63%; } .tab_content{ padding-bottom: 26px; } .cast{ padding-top: 33px; } .cast h2{ font-size: 20px; line-height: 150%; max-width: 500px; margin-bottom: -61px; } .cast .cover_inside{ -webkit-flex-flow: column-reverse; -moz-flex-flow: column-reverse; -ms-flex-flow: column-reverse; -o-flex-flow: column-reverse; flex-flow: column-reverse; } .cast .cover_inside ul{ max-width: 100%; margin-top: 23px; } .cast .phone_block .tel{ font-size: 20px; text-align: center; margin-bottom: 3px; } .btn{ font-size: 11px; padding:15px 29px; } .cast .phone_block .btn{ font-size: 11px; padding: 14px 37px; } .cast .img_bott{ margin-top: -135px; } .how_to{ padding-top: 33px; } .how_to h2{ font-size: 20px; margin-bottom: 20px; } .how_to .step .name{ font-size: 12px; } .how_to .step .title{ font-size: 12px; } .how_to .step:nth-child(odd) .cover_inside_step .name{ order: 1 } .how_to .step:nth-child(odd) .cover_inside_step .title{ order: 2; } .how_to .step:nth-child(odd) .cover_inside_step .cover_dot{ order: 3; } .how_to .step:nth-child(even) .cover_inside_step{ margin-top: 47px; } .how_to .step:nth-child(even) .cover_inside_step .name{ order: 2 } .how_to .step:nth-child(even) .cover_inside_step .title{ order: 3; } .how_to .step:nth-child(even) .cover_inside_step .cover_dot{ order: 1; } .how_to .step .dot{ margin-top: 10px; margin-bottom: 10px; } .how_to .step .cover_inside_step{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-flow: column; -moz-flex-flow: column; -ms-flex-flow: column; -o-flex-flow: column; flex-flow: column; } .how_to .content-slide .desc{ font-size: 12px; line-height: 160%; max-width: 730px; } .how_to .slider-for-top{ margin-bottom: 30px; } .sub-nav{ position: relative; } header .container{ width: 730px; } nav ul{ max-width: 381px; } .mob_menu{ width: 100% !important; position: absolute; left: 0; z-index: 22; top: 0; background-color:rgba(0,29,56,0.95); } .how_to .tab-nav ul li{ line-height: 130%; max-width: 215px; } .how_to .tab-nav ul li, .how_to .sub-tab-nav ul li, .sub-sub-tab-nav ul li{ font-size: 12px; padding: 7px 14px; line-height: 100%; } .mob_menu ul{ padding-top: 40px; margin-bottom: 44px; } .mob_menu li{ margin-bottom: 15px; } .how_to .tab-nav ul{ -webkit-align-items: flex-end; -moz-align-items: flex-end; -ms-align-items: flex-end; -o-align-items: flex-end; align-items: flex-end; } .mob_menu li a{ font-size: 20px; font-family: 'Gotham Pro',sans-serif; color: #fff; text-transform: uppercase; letter-spacing: 0.01em; text-decoration: none; line-height: 120%; } nav ul li:nth-child(3), nav ul li:nth-child(4), nav ul li:nth-child(5), nav ul li:nth-child(6), nav ul li:nth-child(7){ display: none; } header .cover_inside .social{ display: none; } header .cover_outside{ -webkit-align-items: flex-end; -moz-align-items: flex-end; -ms-align-items: flex-end; -o-align-items: flex-end; align-items: flex-end; } .mob_menu .cover_inside{ max-width: 690px; margin: 0 auto; padding-bottom: 40px; } .mob_menu .cover_inside .logo{ width: 100%; max-width: 564px; display: block; } .mob_menu .cover_inside .logo img{ display: block; width: 100%; } .mob_menu .cover_inside .top_block{ padding-top: 30px; padding-bottom: 30px; border-bottom:3px solid #fff; } .mob_menu .cover_inside .close{ display: block; position: absolute; right: 42px; top: 42px; width: 30px; height: 30px; cursor: pointer; } .mob_menu .cover_inside .close:before, .mob_menu .cover_inside .close:after{ position: absolute; height: 6px; background-color: #fff; width: 100%; content: ""; left: 0; top: 11px; } .mob_menu .cover_inside .close:before{ -webkit-transform: rotate(45deg); transform: rotate(45deg); } .mob_menu .cover_inside .close:after{ -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .mob_menu .btn{ font-size: 14px; text-transform: none; padding: 13px 43px 13px 43px; } .mob_menu .tel{ margin-left: 26px; font-size: 30px; line-height: 120%; color: #02A2AB; text-decoration: none; letter-spacing: 0.01em; text-transform: uppercase; } .mob_menu .phone_block{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; } header .mob_menu .social{ display: block; margin: 0 0; } header .mob_menu .social ul{ margin: 0; max-width: 201px; } .mob_menu .social ul li:first-child img{ width: 23px; } .mob_menu .social ul li:nth-child(2) img{ width: 12px; } .mob_menu .social ul li:nth-child(3) img{ width: 23px; } .mob_menu .social ul li:nth-child(4) img{ width: 24px; } .top-slider #slick-slide00 .cover_inside { background-size: 440px auto; } .top-slider #slick-slide01 .cover_inside { background-size: 550px auto; } .tab_content .tab .main_block > div p{ font-size: 16px; } .how_to .slider-nav-bott .cover_name{ max-width: 730px; margin: 0 auto; } .how_to .slider-nav-bott .cover_name .slick-arrow{ background-size: 16px auto; } .how_to .tab-nav, .how_to .sub-tab-nav, .sub-sub-tab-nav{ max-width: 730px; } .how_to .btn_block{ max-width: 730px; } .how_to .btn{ font-size: 13px; margin-bottom: 15px; } .tab12 .sub-tab-nav{ padding-left: 0; } .how_to .tab_content > div:nth-child(2) .sub-tab-nav ul{ margin-left: -20px; } .sub-sub-tab-nav ul{ margin-right: 191px; } .how_to .tab_inside:last-child .sub-sub-tab-nav ul{ margin-right: 136px; } .how_to .list p{ font-size: 16px; font-weight: 700; } .how_to .list li{ width: 50%; } .how_to .list ul{ -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; } .how_to .list li { list-style-type: none; padding-left: 0; margin-bottom: 10px; } .how_to .list ul { counter-reset: Quatroit 0; } .how_to .list ul li:before { counter-increment: Quatroit; position: static; background-color: transparent; width: auto; content: counter(Quatroit) ")"; } .how_to .list li:last-child::before{ content: counter(Quatroit) ")"; } .how_to .list{ margin-bottom: 0; border-bottom: 2px solid #001D38; } .video-gal h2, .stud_group h2{ margin-bottom: 21px; font-size: 20px; } .video-gal .video_slide{ margin-bottom: 30px; } .video-slider .name{ font-size: 12px; text-decoration: none; padding-top: 5px; } .video-slider a{ text-decoration: none; } .video-slider .name br{ display: none; } .video-gal .cover_all{ top: 0; } .video-gal{ padding-bottom: 30px; } .stud_group .img_block{ height: 168px; } .stud_group .img_block p{ font-size: 14px; left: 21px; bottom: 9px; } .faq h3{ font-size: 20px; } .faq .new_faq .item_block:first-child{ padding-top: 15px; } .faq .cover_inside{ -webkit-flex-flow: column; -moz-flex-flow: column; -ms-flex-flow: column; -o-flex-flow: column; flex-flow: column; } .faq .new_faq{ width: 100%; } .insta_sec h3 a{ font-size: 20px; padding-left: 33px; margin-bottom: 15px; } .insta_sec h3 a::before{ width: 24px; height: 24px; background-size: cover; top: 4px; } .contacts .img_block{ max-width: 330px; } .contacts .inside{ white-space: normal; } .contacts .cover{ width: 100%; display: block; max-width: 227px; } .contacts .inside{ display: block; width: 100%; font-size: 14px; } .contacts .inside::before{ top: -2px; } .contacts h3{ font-size: 20px; margin-bottom: 15px; } .contacts{ padding-bottom: 60px; } footer .right .cover{ display: none; } .video-gal .funk_block{ height: 46px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; } } @media (max-width: 767px) { .popup.courses .pres .cover_pres .btn{ display: none; } .popup.courses .pres .btn.visivle-sm{ display: block; text-align: center; padding: 15px 10px; margin-top: 10px; } .pres_slider{ padding-right: 65px; } .popup.courses .pres{ padding:16px 10px 30px; } .popup.courses .mid .item_block:first-child .bot_side{ border-bottom: none; padding-bottom: 15; } .popup.courses .mid{ font-size: 12px; } .popup.courses .mid .item_block{ width: 100%; } .popup.courses .mid .top_side{ border-bottom: none; } .popup.courses .title{ font-size: 14px; } .popup.courses .bot .left{ font-size: 12px; } .popup.courses .bot .left .img_block{ margin-right: 0; margin-bottom: 10px; } .info .info_side_top .btn{ font-size: 13px; } .popup.courses .bot{ padding-left: 10px; padding-right: 10px; padding-bottom: 20px; } .popup.courses .bot .left .cover_inside{ -webkit-flex-flow: column; -moz-flex-flow: column; -ms-flex-flow: column; -o-flex-flow: column; flex-flow: column; } .popup.courses .mid{ -webkit-flex-flow: column; -moz-flex-flow: column; -ms-flex-flow: column; -o-flex-flow: column; flex-flow: column; padding: 15px 10px; } .popup.courses .mid .top_side{ margin-bottom: 15px; padding-bottom: 0; } .popup.courses .top{ padding: 10px 10px 13px 10px; } .popup.courses h5{ font-size: 14px; } .popup.courses .top{ font-size: 14px; } .popup.courses{ max-width: 85%; } .cover_bott{ margin-top:36px; } .top-slider .info_block{ margin-top: 0; height: auto; } section.top .container{ width: 100%; } .eye a{ padding: 10px 10px 10px 15px; } .eye a span{ display: none; } .top-slider .info_block span{ display: none; } nav{ display: none; } span.logo-part{ display: none; } .logo .visible-xl{ display: block; } .logo .visible-lg{ display: none; } header .container{ width: 100%; } .cover_bott .slick-arrow{ background-color: #fff; width: 20px; opacity: 1; } .cover_bott .slick-arrow:hover{ opacity: 1; } .cover_bott .bott_slider{ padding-bottom: 0; } .cover_bott .news_block .cover_outside_news .desc{ padding-bottom: 20px; } .cover_bott .news_block span.cover_outside_news{ padding-right: 20px; } .cover_bott .news_block{ padding-right: 0px; padding-left: 0px; } .cover_bott .slick-prev{ left: 0; display: none !important; right: auto; height: 100%; bottom: 0; background-image: url('/local/templates/template/css/../img/arrow-small-left.svg'); } .cover_bott .slick-next{ bottom: 0; height: 100%; background-position: -4px center; background-image: url('/local/templates/template/css/../img/arrow-small-right.svg'); } .cover_bott{ position: relative; } header.fixed{ padding-bottom: 0; } .easy h2{ width: 100%; margin-bottom: 10px; font-size: 14px; line-height: 150%; } .easy ul{ flex-flow: column; } .easy li{ width: 100%; padding-left: 33px; margin-bottom: 20px; } .easy li:first-child{ display: none; } .easy li:nth-child(2){ display: none; } .easy li::before{ width: 24px; height: 19px; background-image: url('/local/templates/template/css/../img/arrow_small_mobile.svg'); } .easy{ padding-top: 20px; padding-bottom: 10px; } .sm-mob-nav{ background-color: #fff; margin-top: 10px; padding: 11px 15px 12px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; justify-content: space-between; } .sm-mob-nav p{ display: inline-block; margin-left: 12px; color: #001D38; font-size: 14px; text-transform: uppercase; line-height: 130%; font-family: 'Gotham Pro',sans-serif; } .sm-mob-nav .hamburger span{ display: block; height: 2px; width: 19px; background-color: #001D38; margin-bottom: 4px; -webkit-transition: .5s ease; transition: .5s ease; } .sm-mob-nav .hamburger .cover_block.active span:nth-child(2){ -webkit-transform:translate(-100%,0); transform:translate(-100%,0); opacity: 0; } .sm-mob-nav .hamburger .cover_block.active span:first-child{ transform: rotate(45deg); transform-origin: -1px -1px 1px; } .sm-mob-nav .hamburger .cover_block.active span:last-child{ transform-origin: 1px 4px 0; transform: rotate(-45deg); } .sm-mob-nav .hamburger{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; cursor: pointer; } .sm-mob-nav .tel{ color: #02A2AB; text-transform: uppercase; font-size: 14px; text-decoration: none; line-height: 130%; font-family: 'Gotham Pro',sans-serif; } .mob_menu .cover_inside .top_block{ display: none; } .mob_menu .cover_inside{ padding-left: 15px; padding-right: 15px; } .mob_menu{ top: 100px; height: 100vh; } .mob_menu li a{ font-size: 14px; line-height: 120%; } .mob_menu ul{ padding-top: 22px; margin-bottom: 10px; } .mob_menu .phone_block{ display: block; } .mob_menu .btn{ display: inline-block; font-size: 11px; margin-bottom: 15px; padding: 15px 31px 15px 31px; text-transform: uppercase; } .mob_menu .tel{ margin-left: 10px; font-size: 20px; display: block; } .mob_menu .social ul li:first-child img{ width: auto; } .mob_menu .social ul li:nth-child(2) img{ width: auto; } .mob_menu .social ul li:nth-child(3) img{ width: auto; } .mob_menu .social ul li:nth-child(4) img{ width: auto; } header .mob_menu .social ul { max-width: 138px; margin-left: 10px; } .top-slider .img_block{ display: block; order: -1; } .top-slider #slick-slide02 .info_block { margin-top: -35px; } .top-slider .cover_inside{ background-image: none !important; } section.top{ padding-top: 88px; padding-bottom: 3px; } .top-slider .cover_inside{ -webkit-flex-flow: column; -moz-flex-flow: column; -ms-flex-flow: column; -o-flex-flow: column; flex-flow: column; } .top-slider .cover_all{ bottom: 0; } .top-slider .info_block{ text-align: center; } .top-slider .info_block{ width: 100%; } h1, p.title{ line-height: 140%; margin: 0 auto 7px; margin-bottom: 7px; } .top-slider #slick-slide02 img{ margin-top: -15px; } section.top::before{ content: none; } .top-slider{ padding-bottom: 41px; } .cover_bott .news_block a .img_block{ display: none; } .specif h2{ font-size: 14px; margin-bottom: 21px; } .specif{ padding-top: 21px; } .specif .tab-nav ul li:first-child{ min-width: auto; width: auto; max-width: 166px; padding:9px 5px 9px 5px; border-radius: 0; } .specif .tab-nav ul li.active:nth-child(2){ padding:9px 25px; } .specif .tab-nav ul li:nth-child(2){ min-width: auto; width: auto; max-width: 160px; border-radius: 0; padding:9px 5px 9px 5px; } .specif .tab-nav ul li.active:nth-child(3){ padding:9px 25px; } .specif .tab-nav ul li:nth-child(3){ min-width: auto; border-radius: 0; width: auto; max-width: 160px; padding:9px 5px 9px 5px; } .popup.city-choose .mid{ width: 100%; } .popup.city-choose .city-choose-list .mid li{ width: 100%; } .popup.city-choose .right{ width: 100%; } .how_to .tab-nav > ul > li.active:nth-child(2){ padding: 10px 25px; } .how_to .tab-nav > ul > li.active:nth-child(3){ padding: 10px 25px; } .how_to .tab-nav > ul > li.active:nth-child(4){ padding:10px 25px; } .popup.city-choose .city-choose-list .right li{ width: 100%; } .specif .tab-nav ul li.active:nth-child(4){ padding:9px 10px 9px 25px; } .specif .tab-nav ul li:nth-child(4){ padding:9px 5px 9px 5px; border-radius: 0; min-width: auto; width: auto; max-width: 160px; } .specif .tab-nav ul li.active:first-child:after, .specif .tab-nav ul li.active:last-child:after { position: absolute; height: 102%; background-color: #fff; content: ""; width: 102%; } .specif .tab-nav ul li.active:first-child:after{ left: -100%; } .specif .tab-nav ul li.active:last-child:after{ right: -100%; } .specif .tab-nav{ position: relative; } .tab_content .aside_block{ margin-bottom:0px; } .tab_content .tab .main_block > div{ width: 100%; } .tab_content .tab .main_block{ margin-top: 20px; max-width: 100%; width: 100%; min-width: 100%; } .specif span.text_block{ display: none; } .specif .tab-nav ul li.disable .alert{ display: none; } .specif .tab-nav ul li:first-child .img_block{ width: 33px; margin-right: 0px; } .specif .tab-nav ul li:nth-child(2) .img_block{ margin-right: 0px; width: 21px; } .specif .tab-nav ul li:nth-child(3) .img_block{ margin-right: 0px; width: 29px; } .specif .tab-nav ul li:nth-child(4) .img_block{ margin-right: 0px; width: 27px; } .specif .tab-nav ul li.active:first-child .img_block{ margin-right: 6px; } .specif .tab-nav ul li.active:nth-child(2) .img_block{ margin-right:6px; } .specif .tab-nav ul li.active:nth-child(3) .img_block{ margin-right:6px; } .specif .tab-nav ul li.active:nth-child(4) .img_block{ margin-right:6px; } .specif .tab-nav ul li{ border: none; position: relative; z-index: 2; } .specif .tab-nav ul{ position: relative; border-top:2px solid #fff; border-bottom:2px solid #fff; } .specif .tab-nav ul li.active .text_block{ display: block; } .specif .tab-nav ul:after, .specif .tab-nav ul:before{ position: absolute; height: 2px; width: 200%; background-color: #fff; left:50%; content: ""; -webkit-transform: translate(-50%,0); transform: translate(-50%,0); } .specif .tab-nav ul:before{ top: -2px; } .specif .tab-nav ul:after{ bottom: -2px; } .specif .tab-nav ul li{ font-size: 11px; position: relative; z-index: 2; } .specif .tab-nav ul:before{ } .specif .tab-nav ul:after{ /*right: -100%;*/ } .specif .tab-nav ul li:hover{ background-color: transparent; } .specif .tab-nav ul li.active{ background-color: #fff; } /* .specif .tab-nav ul li:first-child:hover .img_block{ background-image: url('/local/templates/template/css/../img/tab_nav1-white.svg'); } .specif .tab-nav ul li:nth-child(2):hover .img_block{ background-image: url('/local/templates/template/css/../img/tab_nav2-white.svg'); } .specif .tab-nav ul li:nth-child(3):hover .img_block{ background-image: url('/local/templates/template/css/../img/tab_nav3-white.svg'); } .specif .tab-nav ul li:nth-child(4):hover .img_block{ background-image: url('/local/templates/template/css/../img/tab_nav4-white.svg'); }*/ .tab_content .tab .cover_tab{ padding-top: 0 !important; } .cover_in_block{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; justify-content: space-between; } .cover_in_block .input_block{ min-width: 50%; } .tab_content .aside_block ul li{ position: relative; width: 100%; padding-top: 20px; padding-bottom: 20px; } .tab_content .aside_block{ padding-top: 0; padding-bottom: 0; } .tab_content .aside_block .input_block{ margin-bottom: 0; } .tab_content .aside_block .input_block{ padding-right: 6px; } .tab_content .aside_block > ul > li:first-child:before{ content: none; } .tab_content .aside_block > ul > li:first-child:after{ content: none; } .tab_content .aside_block > ul > li:before{ position: absolute; left:0; top: 0; width: 500%; height: 2px; content: ""; background-color: #fff; z-index: 2; } .tab_content .aside_block > ul > li:after{ position: absolute; right:0; top: 0; width: 200%; height: 2px; content: ""; background-color: #fff; z-index: 2; } .tab_content .main_block .slick-track{ min-width: 100% } .tab_content .main_block .slick-arrow.slick-prev{ left: 15px; right: auto; } .tab_content .main_block .slick-arrow.slick-next{ right: 15px; left: auto; } .tab_content .main_block .slick-dots{ -webkit-transform: translate(-50%,0); transform: translate(-50%,0); } .tab_content .tab .main_block > div .cover_inside{ -webkit-flex-flow: column; -moz-flex-flow: column; -ms-flex-flow: column; -o-flex-flow: column; flex-flow: column; } .tab_content .tab .main_block .new > div{ margin-bottom: 20px; } .tab_content .tab .main_block > div .date{ font-size: 13px; padding: 6px 10px; } .tab_content .tab .main_block > div a{ font-size: 13px; line-height: 150%; } .tab_content .tab .main_block > div p{ font-size: 13px; line-height: 150%; } .cast h2{ font-size: 14px; margin-bottom: 0; } .cast .phone_block .btn{ display: none; } .cast .cover_inside{ -webkit-align-items: flex-start; -moz-align-items: flex-start; -ms-align-items: flex-start; -o-align-items: flex-start; align-items: flex-start; } .cast{ padding-top: 26px; } .cast .phone_block .tel{ font-size: 14px; text-transform: uppercase; } .cast .img_bott{ margin-top: -40px; } .cast .cover_inside ul{ -webkit-flex-flow: column; -moz-flex-flow: column; -ms-flex-flow: column; -o-flex-flow: column; flex-flow: column; } .cast .cover_inside ul{ font-size: 12px; margin-top: 10px; } .cast .cover_inside ul li{ margin-bottom: 10px; } .cast .cover_inside ul img{ max-width: 41px; margin-right: 10px; } .cast .for_xs{ display: inline-block; padding: 15px 44px; } .how_to h2{ font-size: 14px; margin-bottom:0px; } .how_to{ padding-bottom: 0; } .how_to .step .title{ display: none; } .how_to .step .cover_inside_step .name{ order:0 !important; display: none; } .how_to .step:nth-child(2n) .cover_inside_step .cover_dot{ order:0; } .how_to .step:nth-child(2n) .cover_inside_step{ margin-top: 0; } .how_to .step.slick-current .name{ display: block; position: absolute; top: 7px; } .how_to .step.slick-current:last-child .name{ right: 5px; } .how_to .slider-for-top .slick-track{ padding-top: 20px; } .how_to .slider-nav-bott .cover_name{ max-width: 100%; padding-left: 15px; padding-right: 15px; } .how_to .content-slide .name{ font-size: 14px; margin-bottom: 14px; } .how_to .content-slide .desc{ max-width: 100%; padding-left: 15px; padding-right: 15px; margin-bottom: 10px; } .how_to .slider-nav-bott .slick-arrow{ width: 33px; } .how_to .slider-for-top{ margin-bottom: 13px; } .how_to .btn{ padding: 6px; font-size: 12px; margin-bottom: 8px; margin-right: 10px; text-align: center; } .how_to .btn_block{ max-width: 100%; padding-left: 15px; padding-right: 15px; } .how_to .tab-nav ul li{ padding: 10px 5px; max-width: 100%; border: none; border-radius: 0; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; max-width: 170px; } .how_to .tab-nav ul{ border-top:2px solid #fff; border-bottom:2px solid #fff; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; } .how_to .tab-nav ul .active .text_content{ display: block; font-size: 11px; text-align: left; } .how_to .tab-nav ul .text_content{ display: none; } .how_to .tab-nav{ max-width: 100%; } .how_to .tab-nav ul .img_content{ display: block; background-size: 100% auto; background-repeat: no-repeat; margin-right: 0px; } .how_to .tab-nav ul li.active .img_content{ margin-right: 6px; } .how_to .tab-nav ul li:first-child{ padding-left: 15px; } .how_to .tab-nav ul li:first-child .img_content{ background-image: url('/local/templates/template/css/../img/tab_nav1-white.svg'); width: 33px; min-width: 33px; height: 23px; } .how_to .tab-nav ul li.active:first-child .img_content{ background-image: url('/local/templates/template/css/../img/tab_nav1-black.svg'); } .how_to .tab-nav ul li:first-child:hover{ background-color: #fff; } .how_to .tab-nav ul li:nth-child(2) .img_content{ background-image: url('/local/templates/template/css/../img/tab_nav2-white.svg'); width: 21px; min-width: 21px; height: 27px } .how_to .tab-nav ul li.active:nth-child(2) .img_content{ background-image: url('/local/templates/template/css/../img/tab_nav2-black.svg'); } .how_to .tab-nav ul li:nth-child(2):hover{ background-color: #fff; } .how_to .tab-nav ul li:nth-child(3) .img_content{ background-image: url('/local/templates/template/css/../img/tab_nav3-white.svg'); width: 29px; min-width: 29px; height: 27px; } .how_to .tab-nav ul li.active:nth-child(3) .img_content{ background-image: url('/local/templates/template/css/../img/tab_nav3-black.svg'); } .how_to .tab-nav ul li:nth-child(3):hover{ background-color: #fff; } .how_to .tab-nav ul li:nth-child(4){ padding-right: 15px; } .how_to .tab-nav ul li:nth-child(4) .img_content{ background-image: url('/local/templates/template/css/../img/tab_nav4-white.svg'); width: 27px; min-width: 27px; height: 27px; } .how_to .tab-nav ul li.active:nth-child(4) .img_content{ background-image: url('/local/templates/template/css/../img/tab_nav4-black.svg'); } .how_to .tab-nav ul li:nth-child(4):hover{ background-color: #fff; } .how_to .sub-tab-nav ul li, .sub-sub-tab-nav ul li{ border-radius: 0; width: 50%; margin-right: 0; font-size: 11px; } .how_to .sub-tab-nav ul li:first-child, .sub-sub-tab-nav ul li:first-child{ padding-left: 15px; } .how_to .sub-tab-nav ul li:last-child, .sub-sub-tab-nav ul li:last-child{ padding-right: 15px; } .sub-sub-tab-nav ul{ margin-right: 0; } .how_to .tab_inside:last-child .sub-sub-tab-nav ul{ margin-right: 0; } .how_to .tab_content > div:nth-child(2) .sub-tab-nav ul{ margin-left: 0; } .how_to .list p{ font-size: 14px; line-height: 150%; text-align: left; } .how_to .list ul{ flex-flow: column; padding-left: 15px; padding-right: 15px; } .how_to .list li{ padding-right: 0; padding-left: 0; width: 100%; } .how_to .list li:last-child{ margin-bottom: 0; } .video-gal h2, .stud_group h2{ font-size: 14px; text-align: left; margin-bottom: 23px; } .video-gal{ padding-top: 36px; padding-bottom: 0; } .video-slider .slick-dots{ font-size: 22px; margin-left: 25px; } .video-slider .slick-arrow.slick-prev{ margin-right: 25px; } .video-gal .cover_all{ top: -7px; } .stud_group h2{ text-align: center; margin-bottom: 21px; } .stud_group .img_block{ width: 50%; height: 104px; } .stud_group .img_block p { font-size: 12px; left: 13px; bottom: 7px; line-height: 1; } .faq{ padding-top: 41px; } .faq h3{ font-size: 14px; } .faq .item_block > p{ font-size: 13px; padding-left: 32px; } .faq .item_block .desc{ font-size: 12px; } .faq .item_block > p::before, .faq .item_block > p::after{ width: 20px; top: 24%; } .faq .btn{ font-size: 11px; padding: 15px 29px; } .insta_sec h3 a{ font-size: 14px; padding-left: 20px; } .insta_sec h3 a::before { width: 16px; height: 16px; background-size: cover; top: 2px; } .insta_sec h3 a::before { width: 16px; height: 16px; background-size: cover; top: 2px; } .popup.city-choose .top img.hidden-sm{ display: none; } .popup.city-choose .top img.visivle-sm{ display: inline-block; } .popup .popup-close{ height: 22px; width: 22px; top: 20px; right: 20px; } .popup .popup-close::before, .popup .popup-close::after{ height: 3px; } .popup.city-choose .city-choose-list .mid li{ margin:0 auto 10px } .popup.city-choose .city-choose-list .right ul{ margin-bottom: 20px; } .tab_content .tab.active .main_block{ opacity: 0; } .specif{ background-attachment: initial; background-size: auto 1450px; background-repeat: no-repeat; background-position: center top; } .eye{ top: 115px; } .popup.city-choose{ max-width: 85%; max-height: 75vh; } .popup.city-choose.active{ top: 50%; } .popup.city-choose .top{ padding-top: 24px; padding-bottom: 17px; } .popup.city-choose .city-choose-list h4{ font-size: 14px; margin-bottom: 13px; } .popup.city-choose .city-choose-list{ padding:17px 34px 32px; } .popup.city-choose .city-choose-list .left p{ font-size: 14px; line-height: 130%; padding-left: 0; } .popup.city-choose .city-choose-list .left li a{ font-size: 12px; padding: 3px 6px; } .popup.city-choose .city-choose-list .left li{ width: 100%; } .popup.city-choose .city-choose-list p{ text-align: center; } .popup.city-choose .city-choose-list .cover_inside{ margin-top: 0; } .insta_sec .insta-slider a{ height: 138px; background-size: 100% auto; margin-right: 0; margin-left: 7px; margin-right: 7px; } .insta_sec .slick-list{ margin-left: -7px; margin-right: -7px; } .insta_sec .cover_all { top: 180px; } .contacts .cover_block{ -webkit-flex-flow: column; -moz-flex-flow: column; -ms-flex-flow: column; -o-flex-flow: column; flex-flow: column; } .contacts h3{ font-size: 14px; margin-bottom: 7px; padding-left: 15px; padding-right: 15px; } .info .info_side_top p{ font-size: 13px; line-height: 150%; } .info .info_side_top .btn{ padding: 6px 20px; } .info .info_side_bott{ font-size: 12px; max-width: 100%; } .info .info_side_top{ margin-bottom: 13px; } .info .info_side_bott .schedule{ margin-top: 25px; } .contacts .img_block{ margin-top: 20px; height: 362px; } .contacts .info{ padding-left: 15px; padding-right: 15px; } .contacts .container{ padding-left: 0; padding-right: 0; } .contacts{ padding-bottom: 0; } footer .cover_block{ -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; -o-flex-wrap:wrap; flex-wrap:wrap; padding-top: 15px; padding-bottom: 15px; } footer .left { width: 100%; margin-bottom: 15px; } footer .left ul{ width: 138px; margin: 0 auto; } footer .mid{ font-size: 12px; max-width: 65%; } .popup.order li{ margin-bottom: 10px; } .popup h5{ font-size: 14px; line-height: 150%; padding: 0; margin-bottom: 13px; } .popup.order li input[type="submit"]{ font-size: 11px; padding: 14px 0; margin: 0 auto 15px; max-width: 135px; } .popup.order .sbmt_block p{ margin-left: 0; font-size: 12px; line-height: 140%; } .popup.order .sbmt_block{ -webkit-flex-flow: column; -moz-flex-flow: column; -ms-flex-flow: column; -o-flex-flow: column; flex-flow: column; margin-top: 0; } .popup.order li span.check{ margin-right: 6px; } .current{ padding-left: 30px; } .popup.order li span.info{ font-size: 12px; } .popup.order input{ font-size: 12px; padding-left: 44px; } .nice-select::after{ right: 13px; } .popup.order li span{ font-size: 12px; left: 10px; } .popup{ max-width: 85%; } .popup.order{ padding: 15px 10px; } .popup.order form{ margin-left: 0px; } .popup.success{ padding-top: 15px; padding-bottom: 15px; } .popup.success h5{ padding-left: 10px; margin-bottom: 10px; text-align: left; } .popup.success .popup_box{ text-align: center; } .popup.success a{ margin-left: 0; } .popup.success img{ margin-bottom: 10px; } header.fixed .mob_menu{ top: 90px; } .contacts .img_block{ max-width: 100%; } .hidden_block{ max-width: 85%; padding: 30px 10px 15px; } .hidden_block h4{ font-size: 14px; max-width: 85%; margin-bottom: 10px; } .hidden_block iframe{ width: 100%; } .hidden_block p, .hidden_block div, .hidden_block span { font-size: 12px; line-height: 130%; margin-bottom: 10px; } .hidden_block .fancybox-close-small{ width: 27px; height: 27px; right: 20px; top: 20px; } .hidden_block .fancybox-close-small::before, .hidden_block .fancybox-close-small::after{ height: 3px; } .fancybox-navigation .fancybox-button.custom_btn{ width: 50px; height: 50px; background-repeat: no-repeat; background-position: center center; padding: 7px; background-size: 24px; } .fancybox-button--arrow_right.custom_btn{ background-image: url('/local/templates/template/css/../img/arrow-right-fancy.svg'); } .fancybox-button--arrow_left.custom_btn{ background-image: url('/local/templates/template/css/../img/arrow-left-fancy.svg'); } .hidden_block#map{ width: 100%; max-width: 100%; } .popup.order{ max-height: 85vh; overflow: scroll; } } @media (max-width: 620px) { .logo .visible-xl{ max-width: 335px; } header .logo{ padding-top: 0; } .cover_bott h4{ display: none; } .mob_menu .phone_block{ text-align: center; } header .mob_menu .social ul{ margin:0 auto; } } @media (max-width: 540px) { .cast .cover_btn{ text-align: center; } .logo .visible-xl{ display: none; } .logo .visible-lg{ display: block; } span.logo-part{ display: block; opacity: 1; margin-bottom: 7px; font-size: 8px; } .cover_bott .news_block a .img_block{ min-width: 0; width: 0; } .cover_bott .news_block .cover_outside_news .desc{ max-height: 146px; overflow: hidden; } .eye { top: 140px; } } .cover_bott .news_block span.cover_outside_news{ -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; -o-justify-content: flex-start; justify-content: flex-start; } .news_block.load{ background-color: rgba(255,255,255,0.5); position: relative; } .news_block.load a{ opacity: 0; pointer-events: none; } .news_block.load:after{ content: " "; display: block; width: 64px; height: 64px; z-index: 2; left: 43%; top: 18%; margin: 8px; border-radius: 50%; position: absolute; border: 6px solid #fff; border-color: #fff transparent #fff transparent; animation: lds-dual-ring 1.2s linear infinite; } @keyframes lds-dual-ring { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } #map { width: 577px; height: 400px; } @media screen and (max-width: 767px) { #map{ width: 100%; max-width: 100%; } .insta_sec .cover_all .slick-dots{ display: none; } } .popup.popup-map.active{ z-index: 23; } .disabled {opacity: .5} .input-error {border-color: red !important;} .faq .hidden_item {display: none} .faq .hidden_item.is-active {display: block;} .menu-opened{ overflow: hidden; } .popup-news img{ width: 100%; max-width: 100%; } .tab10 .sub-tab-nav ul, .tab17 .sub-sub-tab-nav ul{ justify-content: flex-end !important; } .how_to .content-slide .desc{ padding: 0 1px; } .popup-spec__profiles { list-style-type: circle; padding-left: 1.4em; } .video-gal .img_prev, .cover_bott .news_block a .img_block{ display: none; } section.top{ background-image: url('/local/templates/template/css/../img/bg.jpg'); } .webp section.top{ background-image: url('/local/templates/template/css/../img/bg.webp'); } .specif{ background-image: url('/local/templates/template/css/../img/data10.png'); } .webp .specif{ background-image: url('/local/templates/template/css/../img/data10.webp'); } /*.faq .new_faq{ width: 100%; columns: 2; column-gap: 50px; }*/ /* End */ /* Start:/local/templates/template/styles.css?159377653044*/ body.city-ch { background-color: #02A1A8; } /* End */ /* /local/templates/template/css/slick.css?15937765301776 */ /* /local/templates/template/css/jquery.fancybox.min.css?159377653012795 */ /* /local/templates/template/css/nice-select.css?15937765304018 */ /* /local/templates/template/css/styles.css?1595344895139752 */ /* /local/templates/template/styles.css?159377653044 */