.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(//creativequarter.net/wp-content/themes/creative-q/css/vendor/owl.carousel/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}html { line-height: 1.15; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; font-size: 16px; } @media only screen and (max-width: 767px) { html { font-size: 13px; } } html { overflow-y: scroll; overflow-x: hidden; } body { margin: 0; min-width: 320px; overflow-x: hidden; } article, aside, footer, header, nav, section { display: block; } h1 { font-size: 2em; margin: 0.67em 0; } figcaption, figure, main { display: block; } figure { margin: 1em 40px; } hr { box-sizing: content-box; height: 0; overflow: visible; } pre { font-family: monospace, monospace; font-size: 1em; } a { background-color: transparent; -webkit-text-decoration-skip: objects; } abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted; } b, strong { font-weight: inherit; } b, strong { font-weight: bolder; } code, kbd, samp { font-family: monospace, monospace; font-size: 1em; } dfn { font-style: italic; } mark { background-color: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } audio, video { display: inline-block; } audio:not([controls]) { display: none; height: 0; } img { border-style: none; } svg:not(:root) { overflow: hidden; } button, input, optgroup, select, textarea { font-family: sans-serif; font-size: 100%; line-height: 1.15; margin: 0; } button, input { overflow: visible; } button, select { text-transform: none; } button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } fieldset { padding: 0.35em 0.75em 0.625em; } legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress { display: inline-block; vertical-align: baseline; } textarea { overflow: auto; } [type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { -webkit-appearance: textfield; outline-offset: -2px; } [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } details, menu { display: block; } summary { display: list-item; } canvas { display: inline-block; } template { display: none; } [hidden] { display: none; } @font-face { font-family: 'GothamProBlack'; src: url(//creativequarter.net/wp-content/themes/creative-q/fonts/GothamProBlack.eot); src: url(//creativequarter.net/wp-content/themes/creative-q/fonts/GothamProBlack.eot?#iefix) format("embedded-opentype"), url(//creativequarter.net/wp-content/themes/creative-q/fonts/GothamProBlack.svg) format("svg"), url(//creativequarter.net/wp-content/themes/creative-q/fonts/GothamProBlack.woff) format("woff"), url(//creativequarter.net/wp-content/themes/creative-q/fonts/GothamProBlack.ttf) format("truetype"); font-weight: 400; font-style: normal; } @font-face { font-family: 'GothamProBold'; src: url(//creativequarter.net/wp-content/themes/creative-q/fonts/GothamProBold.eot); src: url(//creativequarter.net/wp-content/themes/creative-q/fonts/GothamProBold.eot?#iefix) format("embedded-opentype"), url(//creativequarter.net/wp-content/themes/creative-q/fonts/GothamProBold.svg) format("svg"), url(//creativequarter.net/wp-content/themes/creative-q/fonts/GothamProBold.woff) format("woff"), url(//creativequarter.net/wp-content/themes/creative-q/fonts/GothamProBold.ttf) format("truetype"); font-weight: 400; font-style: normal; } @font-face { font-family: 'GothamProMedium'; src: url(//creativequarter.net/wp-content/themes/creative-q/fonts/GothamProMedium.eot); src: url(//creativequarter.net/wp-content/themes/creative-q/fonts/GothamProMedium.eot?#iefix) format("embedded-opentype"), url(//creativequarter.net/wp-content/themes/creative-q/fonts/GothamProMedium.svg) format("svg"), url(//creativequarter.net/wp-content/themes/creative-q/fonts/GothamProMedium.woff) format("woff"), url(//creativequarter.net/wp-content/themes/creative-q/fonts/GothamProMedium.ttf) format("truetype"); font-weight: 400; font-style: normal; } @font-face { font-family: 'GothamProRegular'; src: url(//creativequarter.net/wp-content/themes/creative-q/fonts/GothamProRegular.eot); src: url(//creativequarter.net/wp-content/themes/creative-q/fonts/GothamProRegular.eot?#iefix) format("embedded-opentype"), url(//creativequarter.net/wp-content/themes/creative-q/fonts/GothamProRegular.svg) format("svg"), url(//creativequarter.net/wp-content/themes/creative-q/fonts/GothamProRegular.woff) format("woff"), url(//creativequarter.net/wp-content/themes/creative-q/fonts/GothamProRegular.ttf) format("truetype"); font-weight: 400; font-style: normal; } @font-face { font-family: 'GothamProLight'; src: url(//creativequarter.net/wp-content/themes/creative-q/fonts/GothamPro-Light.eot); src: url(//creativequarter.net/wp-content/themes/creative-q/fonts/GothamPro-Light.eot?#iefix) format("embedded-opentype"), url(//creativequarter.net/wp-content/themes/creative-q/fonts/GothamPro-Light.svg) format("svg"), url(//creativequarter.net/wp-content/themes/creative-q/fonts/GothamPro-Light.woff) format("woff"), url(//creativequarter.net/wp-content/themes/creative-q/fonts/GothamPro-Light.ttf) format("truetype"); font-weight: 400; font-style: normal; } @font-face { font-family: 'GothamProRegular'; src: url(//creativequarter.net/wp-content/themes/creative-q/fonts/GothamProRegular.eot); src: url(//creativequarter.net/wp-content/themes/creative-q/fonts/GothamProRegular.eot?#iefix) format("embedded-opentype"), url(//creativequarter.net/wp-content/themes/creative-q/fonts/GothamProRegular.svg) format("svg"), url(//creativequarter.net/wp-content/themes/creative-q/fonts/GothamProRegular.woff) format("woff"), url(//creativequarter.net/wp-content/themes/creative-q/fonts/GothamProRegular.ttf) format("truetype"); font-weight: 400; font-style: normal; } @font-face { font-family: 'GothamPro'; src: url(//creativequarter.net/wp-content/themes/creative-q/fonts/GothamPro.eot); src: url(//creativequarter.net/wp-content/themes/creative-q/fonts/GothamPro.eot?#iefix) format("embedded-opentype"), url(//creativequarter.net/wp-content/themes/creative-q/fonts/GothamPro.svg) format("svg"), url(//creativequarter.net/wp-content/themes/creative-q/fonts/GothamPro.woff) format("woff"), url(//creativequarter.net/wp-content/themes/creative-q/fonts/GothamPro.ttf) format("truetype"); font-weight: 400; font-style: normal; } @font-face { font-family: 'FontAwesome'; src: url(//creativequarter.net/wp-content/themes/creative-q/fonts/fontawesome-webfont.eot?v=4.7.0); src: url(//creativequarter.net/wp-content/themes/creative-q/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0) format('embedded-opentype'), url(//creativequarter.net/wp-content/themes/creative-q/fonts/fontawesome-webfont.woff2?v=4.7.0) format('woff2'), url(//creativequarter.net/wp-content/themes/creative-q/fonts/fontawesome-webfont.woff?v=4.7.0) format('woff'), url(//creativequarter.net/wp-content/themes/creative-q/fonts/fontawesome-webfont.ttf?v=4.7.0) format('truetype'), url(//creativequarter.net/wp-content/themes/creative-q/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular) format('svg'); font-weight: normal; font-style: normal; } .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .bg_white { background-color: #fff; } .bg_black { background-color: #000000; } .bg_light-grey { background-color: #f8f8f8; } h1, h2, h3, h4, h5, h6 { margin: 0; } h1 { font-family: "GothamProMedium", sans-serif; font-size: 2.25rem; line-height: 2.5em; letter-spacing: 1.8px; color: #fff; text-transform: uppercase; margin: 0; } h2 { height: 20px; font-family: "GothamProMedium", sans-serif; font-size: 1.125rem; line-height: 1.11111em; letter-spacing: 0.9px; color: #fff; text-transform: uppercase; } h3 { font-family: "GothamProRegular", sans-serif; font-size: 1rem; line-height: 0.9375em; letter-spacing: 0.8px; text-transform: uppercase; color: #fff; } h5, .text { font-family: "GothamProMedium", sans-serif; font-size: 0.875em; line-height: 1rem; letter-spacing: 0.7px; color: #fff; margin: 0; } p { margin: 0; } a { outline: none; } .link { font-family: "GothamProMedium", sans-serif; font-size: 0.875rem; line-height: 1rem; text-transform: uppercase; text-decoration: none; transition: all 0.3s ease-in-out 0s; } .link_white { color: #fff; } .link_white:hover { color: #e97000; } .link_gold { color: #e97000; } .link_gold:hover { color: #000000; } .link_black { color: #000000; } .link_black:hover { color: #e97000; } .link__arrow_right { position: relative; height: 0.875rem; width: 0.5rem; display: inline-block; } .link__arrow_right::before, .link__arrow_right::after { content: ''; position: absolute; left: 2px; width: 2px; height: 60%; transition: all 0.3s ease-in-out 0s; } .link__arrow_right::before { top: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .link__arrow_right::after { bottom: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .link__arrow_gold::before, .link__arrow_gold::after { background-color: #ff6800; } .link__arrow_grey::before, .link__arrow_grey::after { background-color: rgba(0, 0, 0, 0.4); } .btn-wrap { position: relative; overflow: hidden; display: inline-block; box-sizing: border-box; } .btn { display: inline-block; width: 200px; font-family: "GothamProMedium", sans-serif; font-size: 0.75rem; line-height: 4.16667em; text-align: center; color: #13161c; transition: all 0.3s ease-in-out 0s; box-sizing: border-box; border-radius: 0; } .btn:hover .btn__over:before { transition: -webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1); transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1); opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } .btn:hover .btn__over:after { -webkit-transform: translateZ(0); transform: translateZ(0); transition: none; opacity: 0; } .btn_white { background-color: transparent; border: solid 1px #fff; } .btn_white .btn__text { color: #fff; } .btn_white:hover .btn__text { color: #13161c; } .btn_white_inverse { background-color: transparent; border: solid 1px #fff; } .btn_white_inverse .btn__text { color: #000000; } .btn_white_inverse:hover { background-color: transparent; } .btn_white_inverse:hover .btn__text { color: #ff6800; } .btn_white_inverse:hover .btn__over:before { transition: -webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1); transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1); -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .btn_white_inverse:hover .btn__over:after { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); transition: none; } .btn_white_inverse:hover .btn__over:before { transition: -webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1); transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1); -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .btn_white_inverse:hover .btn__over:after { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); transition: none; } .btn_black { background-color: #000000; border: solid 1px #000000; color: #ffffff; } .btn_black .btn__text { color: #fff; } .btn_black:hover .btn__text { color: #000000; } .btn_gold { background-color: #ff6800; border: solid 1px #ff6800; } .btn_gold .btn__text { color: #fff; } .btn_gold:hover .btn__text { color: #ff6800; } .btn__over { position: absolute; top: 1px; left: 1px; bottom: 1px; right: 1px; transition: -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); overflow: hidden; pointer-events: none; } .btn__over:before, .btn__over:after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .btn__over:before { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); opacity: 0; } .btn__over:after { transition: -webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1); transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1); opacity: 1; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .btn__over_white:before { background-color: #fff; } .btn__over_white:after { background-color: #fff; } .btn__over_white_inverse:before { background-color: #fff; -webkit-transform: translateZ(0); transform: translateZ(0); } .btn__over_white_inverse:after { background-color: #fff; transition: -webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1); transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1); -webkit-transform: translateZ(0); transform: translateZ(0); } .btn__over_black:before { background-color: #fff; } .btn__over_black:after { background-color: #fff; } .btn__over_gold:before { background-color: #fff; } .btn__over_gold:after { background-color: #fff; } .btn__text { position: relative; transition: all 0.7s cubic-bezier(0.165, 0.84, 0.44, 1); pointer-events: none; } ::-webkit-input-placeholder {color:rgba(24, 24, 24, 0.66); opacity: 1;} ::-moz-placeholder {color:rgba(24, 24, 24, 0.66); opacity: 1;} :-moz-placeholder {color:rgba(24, 24, 24, 0.66); opacity: 1;} :-ms-input-placeholder {color:rgba(24, 24, 24, 0.66); opacity: 1;} .inp-error::-webkit-input-placeholder, .input.inp-error::-webkit-input-placeholder {color:red;} .inp-error::-moz-placeholder, .input.inp-error::-moz-placeholder {color:red;} .inp-error:-moz-placeholder, .input.inp-error:-moz-placeholder {color:red;} .inp-error:-ms-input-placeholder, .input.inp-error:-ms-input-placeholder {color:red;} .input.inp-error, .textarea-messag.inp-error {color:red;} .input.inp-error option {color: rgba(24, 24, 24, 0.66);} .input { background: #fff; border-radius: 0; border: solid 1px #c6c6c6; padding: 0 10px; font-family: "GothamProRegular", sans-serif; font-size: 13px; line-height: 38px; height: 39px; letter-spacing: 0.6px; text-align: left; color: rgba(24, 24, 24, 0.66); min-width: 225px; width: 100%; box-sizing: border-box; outline: none; box-shadow: none; transition: all 0.25s ease-in-out 0s; } .input:focus { border-color: #000; } select.input, select[name="dopusluga"], select[name="seats"] { min-width: 225px; width: 100%; border-radius: 0; line-height: 38px !important; height: 39px !important; color: rgba(24,24,24,.66); background: #fff; -webkit-appearance: none; } .textarea-messag { background-color: transparent; border-radius: 0; border: solid 1px #c6c6c6; font-family: "GothamProRegular", sans-serif; font-size: 0.8125rem; line-height: 18px; padding: 10px 10px; height: 96px; letter-spacing: 0.6px; text-align: left; color: rgba(24, 24, 24, 0.66); min-width: 225px; width: 100%; box-sizing: border-box; outline: none; box-shadow: none; resize: none; transition: all 0.25s ease-in-out 0s; } .textarea-messag:focus { border-color: #000; } .container, .container_wide { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; width: 100%; max-width: 1170px; margin: 0 auto; box-sizing: border-box; } .container_wide { max-width: 1367px; } .container_fluid { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; box-sizing: border-box; } .block { display: -webkit-box; display: -ms-flexbox; display: flex; box-sizing: border-box; } .row { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .col { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .flex-wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (max-width: 767px) { .flex-wrap_mob { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .col_lg_50p { width: 50%; } .justify-content-start { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .justify-content-end { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .justify-content-between { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .align-items-end { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .align-items-center { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 1024px) { .justify-content-center-md { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .align-self-center-md { -ms-flex-item-align: center; align-self: center; } } @media only screen and (max-width: 1200px) { .container_wide, .container, .container_wide { padding: 0 20px; } } @media only screen and (max-width: 767px) { .container_wide, .container, .container_wide { padding: 0 15px; } .justify-content-center-xs { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .animation { visibility: hidden; } .animation.animated { visibility: visible; } @keyframes scroll-down__lines_before { 0% { -webkit-transform: translateY(0) scaleY(1); transform: translateY(0) scaleY(1); } 40% { -webkit-transform: scaleY(0); transform: scaleY(0); } 100% { -webkit-transform: scaleY(0); transform: scaleY(0); } } @-webkit-keyframes scroll-down__lines_before { 0% { -webkit-transform: scaleY(1); transform: scaleY(1); } 40% { -webkit-transform: scaleY(0); transform: scaleY(0); } 100% { -webkit-transform: scaleY(0); transform: scaleY(0); } } @keyframes scroll-down__lines_after { 0% { -webkit-transform: translateY(-15px) scaleY(0); transform: translateY(-15px) scaleY(0); } 60% { -webkit-transform: translateY(-15px) scaleY(0); transform: translateY(-15px) scaleY(0); } 100% { -webkit-transform: translateY(0) scaleY(1); transform: translateY(0) scaleY(1); } } @-webkit-keyframes scroll-down__lines_after { 0% { -webkit-transform: translateY(-15px) scaleY(0); transform: translateY(-15px) scaleY(0); } 60% { -webkit-transform: translateY(-15px) scaleY(0); transform: translateY(-15px) scaleY(0); } 100% { -webkit-transform: translateY(0) scaleY(1); transform: translateY(0) scaleY(1); } } @-webkit-keyframes animation__has-fadeInTop_loaded { from { opacity: 0; -webkit-transform: translateY(1.6rem); transform: translateY(1.6rem); } to { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes animation__has-fadeInTop_loaded { from { opacity: 0; -webkit-transform: translateY(1.6rem); transform: translateY(1.6rem); } to { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes animation__has-slideInTop_loaded { from { -webkit-transform: translateY(50%); transform: translateY(50%); } to { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes animation__has-slideInTop_loaded { from { -webkit-transform: translateY(50%); transform: translateY(50%); } to { -webkit-transform: translateY(0); transform: translateY(0); } } .animation__has-fadeInTop_loaded { -webkit-animation-name: animation__has-fadeInTop_loaded; animation-name: animation__has-fadeInTop_loaded; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-duration: 0.42s; animation-duration: 0.42s; -webkit-animation-timing-function: cubic-bezier(0.25, 0.145, 0.18, 1); animation-timing-function: cubic-bezier(0.25, 0.145, 0.18, 1); } .animation__has-slideInTop_loaded { -webkit-animation-name: animation__has-slideInTop_loaded; animation-name: animation__has-slideInTop_loaded; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-duration: 0.42s; animation-duration: 0.42s; -webkit-animation-timing-function: cubic-bezier(0.25, 0.145, 0.18, 1); animation-timing-function: cubic-bezier(0.25, 0.145, 0.18, 1); } .typical__page-heading { padding: 120px 0 155px; } .typical__title { font-family: "GothamProBold", sans-serif; font-size: 2.25rem; line-height: 0.88889em; letter-spacing: 1.8px; text-align: left; color: #000; margin-bottom: 20px; } .typical__subtitle { max-width: 584px; font-family: "GothamProRegular", sans-serif; font-size: 0.875rem; line-height: 1.79; letter-spacing: 0.7px; text-align: left; color: #3a3a3a; } .typical__subtitle p { margin-bottom: 0; } @media only screen and (max-width: 767px) { .typical__page-heading { padding: 75px 0; } .typical__subtitle { font-size: 1rem; } } .header { background-color: #fff; position: fixed; z-index: 100; transition: all 0.15s ease-in-out 0s; padding: 0 36px; } .header .logo-b { display: none; } .menu--opened { position: fixed; } .menu--opened .logo-b { display: block; } .menu--opened .logo-w { display: none; } .menu--opened .header_inverted .hamburger__line { background: #000; } .header_inverted { background-color: transparent; } .header_inverted .header__logo_black { display: none; } .header_inverted .header__logo_white { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-item-align: start; align-self: flex-start; } .header_inverted .menu__item-link { color: #fff; } .header_inverted .header__phone { color: #fff; } .header_inverted .localization__item { color: rgba(255, 255, 255, 0.74); } .header_inverted .localization__item:hover { color: #fff; } .header_inverted .header__btn .btn { background-color: transparent; } .header_inverted .header__btn .btn .btn__over { display: none; } .header_inverted .header__btn .btn .btn__text { color: #ff6800; } .header_inverted .header__btn:hover .btn__text { color: #fff; } .header__typical_bg_grey { background-color: #f6f6f6; } .header_display_hidden { -webkit-transform: translateY(-100%); transform: translateY(-100%); } .header__inner { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 20px 0; } .header__logo { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-item-align: start; align-self: flex-start; } .header__logo:hover { opacity: 0.8; } .header__logo_white { display: none; } .header__panel { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .localization { font-size: 0; } .localization__item { font-family: "GothamProMedium", sans-serif; font-size: 0.8125rem; letter-spacing: 0.2px; color: rgba(93, 93, 93, 0.74); line-height: 0.875rem; padding: 0 0.17308em; font-weight: 400; } .localization__item:hover { color: #000000; } .header__phone { font-family: "GothamProMedium", sans-serif; font-size: 0.8125rem; letter-spacing: -0.1px; line-height: 1.07692; margin-left: 1.34615em; text-decoration: none; color: #000; } .header__phone:hover { color: #e97000; } .header__btn { margin-left: 19px; } .header__btn .btn { width: 180px; line-height: 3.75em; border: none; } .header__mobile-panel_hidden { display: none; } .header__mobile-panel_displayed { display: block; } .hamburger { display: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 0; margin: 0; background: transparent; border: none; width: 24px; height: 18px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; outline: none; } .hamburger__opened .hamburger__line_top { -webkit-transform: rotate(45deg) translate(3px, 8px); transform: rotate(45deg) translate(3px, 8px); } .hamburger__opened .hamburger__line_middle { display: none; } .hamburger__opened .hamburger__line_bottom { -webkit-transform: rotate(-45deg) translate(3px, -8px); transform: rotate(-45deg) translate(3px, -8px); } .hamburger__line { display: inline-block; width: 24px; height: 2px; background-color: #000000; transition: all 0.25s ease-in-out 0s; } @media only screen and (max-width: 1200px) { .header { padding: 0; } .header_inverted .hamburger__line { background: #FFFFFF; } .header__inner { padding: 17px 26px 27px 31px; } .header__logo { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0 1 175px; -ms-flex: 0 1 175px; flex: 0 1 175px; } .header__logo img { -ms-flex-item-align: center; align-self: center; } .header__logo_white { display: none; } .localization { display: none; } .header__panel { display: none; } .hamburger { display: block; position: relative; padding: 0; margin: 0; background: transparent; border: none; width: 24px; height: 18px; outline: none; } .hamburger__opened .hamburger__line_top { -webkit-transform: rotate(45deg) translate(3px, 8px); transform: rotate(45deg) translate(3px, 8px); } .hamburger__opened .hamburger__line_middle { display: none; } .hamburger__opened .hamburger__line_bottom { -webkit-transform: rotate(-45deg) translate(3px, -8px); transform: rotate(-45deg) translate(3px, -8px); } .hamburger__line { display: block; width: 24px; height: 2px; background-color: #000000; transition: all 0.25s ease-in-out 0s; } .hamburger__line_top, .hamburger__line_bottom, .hamburger__line_middle { position: absolute; left: 0; } .hamburger__line_top { top: 0; } .hamburger__line_middle { top: 50%; margin-top: -1px; } .hamburger__line_bottom { bottom: 0; } .header__mobile-panel { position: fixed; top: 0; padding: 79px 27px 35px 31px; background: #FFFFFF; z-index: 99; } .header__mobile-phone { font-family: "GothamProMedium", sans-serif; font-size: 1.07692rem; line-height: 1.14286; letter-spacing: 0.2px; color: #6a6a6a; margin-bottom: 21px; } .header__mobile-btn { width: 100%; margin-bottom: 24px; } .header__mobile-btn .btn { width: 100%; line-height: 3.84615rem; } .header__mobile-btn .btn__text { font-family: "GothamProMedium", sans-serif; font-size: 0.92308rem; line-height: 1.08333; } .localization__mobile-item { font-family: "GothamProMedium", sans-serif; font-size: 1.07692rem; line-height: 1.14286; letter-spacing: 0.2px; color: #6a6a6a; margin-bottom: 21px; margin-right: 15px; } } .footer { background-color: #131313; padding: 59px 0 34px; } .footer__inner { margin-bottom: 44px; } .footer__panels { -webkit-box-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .footer__logo-section { -webkit-box-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; margin-right: 90px; padding-left: 100px; } .footer__logo { display: block; margin: 7px 0 22px; } .footer__logo-sign { height: 25px; font-family: "GothamProRegular", sans-serif; font-size: 0.875rem; line-height: 1.79em; letter-spacing: normal; text-align: left; color: #969696; } .footer__panel { -webkit-box-flex: 0 1 195px; -ms-flex: 0 1 195px; flex: 0 1 195px; margin-right: 125px; } .footer__panel-title { font-family: "GothamProRegular", sans-serif; font-size: 0.875rem; line-height: 1.79em; letter-spacing: 0.7px; text-align: left; color: #969696; text-transform: none; margin-bottom: 10px; } .footer__list-item { margin-bottom: 8px; } .footer__list-link { font-family: "GothamProMedium", sans-serif; font-size: 0.8125rem; font-weight: 600; letter-spacing: 0.3px; line-height: 1.38462em; } .footer__email { font-family: "GothamProMedium", sans-serif; font-weight: 600; letter-spacing: 0.2px; text-transform: none; } .footer__phone { font-family: "GothamProMedium", sans-serif; font-size: 0.8125rem; font-weight: 600; letter-spacing: 0.2px; line-height: 1.38462em; color: #fff; } .footer__panel-title_event-space { margin: 10px 0 1px; } .footer__footer { padding-left: 100px; } .footer__copyright { font-family: "GothamProRegular", sans-serif; font-size: 0.875rem; line-height: 2.36em; letter-spacing: 0.1px; text-align: left; color: rgba(150, 150, 150, 0.71); } .footer__made { font-family: "GothamProRegular", sans-serif; font-size: 0.875rem; line-height: 2.36em; letter-spacing: 0.1px; text-align: left; color: rgba(150, 150, 150, 0.71); } .footer__made a { text-transform: none; } @media only screen and (max-width: 1200px) { .footer__inner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 0 36px; } .footer__logo-section { padding-left: 0; margin-bottom: 20px; } .footer__footer { padding: 0 20px; } } @media only screen and (max-width: 767px) { .footer__inner { padding: 0 20px; } .footer__panels { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .footer__panel { -webkit-box-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; margin-bottom: 25px; } .footer__footer { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .list { padding: 0; margin: 0; } .list_mark_no { list-style: none; } .list-item { line-height: 1; } .menu__item { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .menu__item-link { font-family: "GothamProMedium", sans-serif; font-size: 0.8125rem; letter-spacing: 0.2px; line-height: 1.07692em; padding: 0 1.76923em; font-weight: 400; color: #000000; } .menu__item-link:hover, .current-menu-item .menu__item-link { color: #e97000; } @media only screen and (max-width: 1439px) { .menu__item-link { padding: 0 0.76923em; } } @media only screen and (max-width: 1200px) { .menu { display: none; } .menu-mobile { margin-bottom: 25px; } .menu-mobile__item-link { font-family: "GothamProMedium", sans-serif; font-size: 1.53846rem; line-height: 2.5; letter-spacing: 0.1px; text-align: left; color: #000000; text-transform: none; } } .home__first-screen { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; position: relative; margin-left: auto; margin-right: auto; width: 100%; height: 84vh; } .home__first-screen-img-container { width: 100%; height: 100%; position: absolute; overflow: hidden; } .home__first-screen-img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -webkit-transform-origin: center; transform-origin: center; -webkit-transform: scale(1.2); transform: scale(1.2); transition: -webkit-transform 1.5s ease-in-out 0s; transition: transform 1.5s ease-in-out 0s; } .home__first-screen-img_animated { -webkit-transform: scale(1); transform: scale(1); } .home__first-screen_inner-wrapper { -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; background-color: rgba(0, 0, 0, 0.51); height: 100%; } .home__first-screen_inner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; height: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .home__first-screen_title { font-family: "GothamProBold", sans-serif; font-weight: 400; margin-bottom: 0.6em; max-width: 610px; color: #fff; font-size: 3.125rem; line-height: 1.1; letter-spacing: 2.5px; } .home__first-screen_subtitle { max-width: 600px; font-family: "GothamProRegular", sans-serif; text-align: left; color: #fff; font-size: 1.125rem; line-height: 1.56; letter-spacing: 0.9px; } .home__first-screen_subtitle > p { margin-bottom: 2.5em; font-size: 16px; } .scroll-down { position: absolute; z-index: 1; left: 50%; bottom: 50px; width: 10px; height: 50px; cursor: pointer; background-color: transparent; pointer-events: visiblePainted; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translate3d(-50%, 0, 0) scaleY(1); transform: translate3d(-50%, 0, 0) scaleY(1); transition: -webkit-transform 1s; transition: transform 1s; } .scroll-down__lines { position: absolute; left: 50%; top: 0; width: 100%; height: 100%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .scroll-down__lines:before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #ec6100; } .scroll-down__lines:after { content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #ec6100; } .scroll-down__lines_animated:before { -webkit-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-animation-name: scroll-down__lines_before; animation-name: scroll-down__lines_before; -webkit-animation-duration: 3.5s; animation-duration: 3.5s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: cubic-bezier(0.25, 0, 0.25, 1); animation-timing-function: cubic-bezier(0.25, 0, 0.25, 1); } .scroll-down__lines_animated:after { -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-animation-name: scroll-down__lines_after; animation-name: scroll-down__lines_after; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-duration: 3.5s; animation-duration: 3.5s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: cubic-bezier(0.25, 0, 0.25, 1); animation-timing-function: cubic-bezier(0.25, 0, 0.25, 1); } .home__first-screen_scroll-down { bottom: -272px; left: 0; width: 2px; height: 345px; } .home__first-screen_scroll-text { position: absolute; left: 24px; bottom: 56px; font-family: "GothamProMedium", sans-serif; font-size: 0.8125rem; line-height: 1.92; letter-spacing: 0.6px; text-align: left; color: rgba(255, 255, 255, 0.94); } .home__location { -webkit-box-flex: 1 1 600px; -ms-flex: 1 1 600px; flex: 1 1 600px; background-color: #f8f8f8; position: relative; margin: 0 34px 30px 0; } .home__location-visual { line-height: 0; width: calc(100% - 33px); -ms-flex-item-align: end; align-self: flex-end; } .home__location-visual img { width: 100%; } .home__location-description { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-top: -105px; width: calc(100% - 90px); padding: 35px 35px 35px 35px; } .home__location-title { font-family: "GothamProMedium", sans-serif; font-size: 1.125rem; line-height: 1.11111em; letter-spacing: 0.9px; color: #000000; font-weight: 400; text-transform: uppercase; margin-bottom: 10px; text-decoration: none; transition: color 0.3s ease-in-out 0s; } .home__location-title:hover { color: #4F4F4F; } .home__location-address { font-family: "GothamProRegular", sans-serif; font-size: 0.875rem; line-height: 1.4; letter-spacing: 0.3px; text-align: left; color: #8f8f8f; margin-bottom: 20px; } .home__location-text { max-width: 320px; font-family: "GothamProRegular", sans-serif; font-size: 0.875rem; line-height: 1.4; letter-spacing: 0.3px; text-align: left; color: #414141; } .home__location-text p { margin-bottom: 10px; } .home__location-footer { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .home__location-link { font-family: "GothamProMedium", sans-serif; font-size: 0.75rem; line-height: 1.08333; color: #ff6800; } .home__location-link:hover .home__location-link_arrow::before, .home__location-link:hover .home__location-link_arrow::after { background-color: #000000; } .home__location-link_arrow { margin-left: 15px; } .home__location-area { font-family: "GothamProBold", sans-serif; font-size: 2.25rem; line-height: 0.88889; letter-spacing: 1.8px; color: rgba(0, 0, 0, 0.11); text-transform: uppercase; } .home__location-area_sup { font-size: 1.25rem; line-height: 0.9; letter-spacing: 1px; vertical-align: super; } .home__is { background-color: #f8f8f8; padding: 61px 0 87px; margin-bottom: 135px; } .home__is-inner { padding-left: 30px; } .home__is-text { font-family: "GothamProRegular", sans-serif; font-size: 1rem; line-height: 2.69; text-align: left; color: #000000; margin-bottom: 44px; } .home__is-footer { font-family: "GothamProMedium", sans-serif; font-size: 1.125rem; font-weight: 400; line-height: 2.39; text-align: left; color: #000000; } .home__title { font-family: "GothamProBold", sans-serif; font-size: 2.25rem; font-weight: 400; letter-spacing: normal; color: #000000; margin-bottom: 18px; text-transform: none; } .home__subtitle { max-width: 688px; font-family: "GothamProRegular", sans-serif; font-size: 0.875rem; line-height: 1.93; letter-spacing: 0.2px; text-align: left; color: rgba(0, 0, 0, 0.8); } .home__divider_gold { width: 68px; height: 1px; background-color: #df5900; margin-bottom: 18px; } .home__space-header { margin-bottom: 78px; } .home__space-list { margin-bottom: 85px; padding: 82px 0 55px 0; } .home__space-list_operations { margin-bottom: 0; } .home__space-list-inner { padding-right: 200px; } .home__slider { margin-bottom: 50px; width: 100%; } .home__members { padding: 50px 0 50px; background-color: #f7f7f7; } .home__members-title { margin-bottom: 30px; } .members__item { -webkit-box-flex: 1 1 360px; -ms-flex: 1 1 360px; flex: 1 1 360px; padding: 30px; background-color: #ffffff; margin-right: 33px; } .members__header { margin-bottom: 31px; } .members__visual { min-height: 80px; margin-bottom: 30px; } .members__header_text { padding: 0; } .members__name { font-family: "GothamProMedium", sans-serif; font-size: 0.875rem; line-height: 1rem; font-weight: 400; letter-spacing: 0.7px; text-align: left; color: #000000; margin-bottom: 7px; text-transform: uppercase; } .members__position { font-family: "GothamProRegular", sans-serif; font-weight: 400; font-size: 0.8125rem; line-height: 1.69; letter-spacing: 0.6px; color: #000000; } .members__text { font-family: "GothamProRegular", sans-serif; font-size: 0.875rem; font-style: italic; line-height: 2; letter-spacing: 0.7px; text-align: left; color: #000000; } .members__text p { margin-bottom: 22px; } .home__title_locations { margin-bottom: 30px; } .home__contacts-us { margin-bottom: 150px; } .a-service__description { width: 100%; padding-left: 100px; } .a-service__description-title { font-family: "GothamProBold", sans-serif; font-size: 2.25rem; line-height: 0.88889em; letter-spacing: 1.8px; color: #3a3a3a; text-transform: none; margin-bottom: 18px; } .a-service__description-divider { width: 68px; height: 1px; background-color: #df5900; margin-bottom: 18px; } .a-service__description-text { max-width: 600px; font-family: "GothamProRegular", sans-serif; font-size: 0.875rem; line-height: 1.86; letter-spacing: 0.2px; color: rgba(0, 0, 0, 0.8); margin-bottom: 75px; } .a-service__description-text_second { max-width: 600px; margin-bottom: 75px; } .a-service__slider { margin-bottom: 263px; width: 100%; } .a-service__slider-inner { position: relative; } .a-service__slider-inner .owl-theme .owl-nav { position: absolute; top: 50%; margin-top: -16px; width: 100%; } .a-service__slider-inner .owl-theme .owl-nav .owl-prev { margin: 0; position: absolute; left: 16.80556%; } .a-service__slider-inner .owl-theme .owl-nav .owl-next { margin: 0; position: absolute; right: 16.80556%; } .a-service__slider-inner .owl-item { -webkit-filter: opacity(15%); filter: opacity(15%); } .a-service__slider-inner .owl-item.center { -webkit-filter: none; filter: none; } .a-service__list { background-color: #f8f8f8; padding: 82px 191px 55px calc(((100vw - 1367px)/2) + 100px); margin-right: calc((100vw - 1367px)/2); margin-bottom: 159px; } .a-service__list-item { background-color: #fff; -webkit-box-flex: 0 1 calc((167/967)*100%); -ms-flex: 0 1 calc((167/967)*100%); flex: 0 1 calc((167/967)*100%); height: 10.4375rem; margin-bottom: 52px; padding: 3.125rem 0.6rem 0; position: relative; cursor: pointer; } .a-service__list-item:hover .a-service__list-item-tooltip { opacity: 1; -webkit-transform: translateX(0px) scaleX(1); transform: translateX(0px) scaleX(1); } .a-service__list-icon { height: 2.4375rem; margin-bottom: 1.3125rem; } .a-service__list-name { font-family: "GothamProRegular", sans-serif; font-size: 0.8125rem; line-height: 1.54; letter-spacing: 0.2px; color: rgba(0, 0, 0, 0.8); text-align: center; } .a-service__list-item-tooltip { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transform: translateX(-200px) scaleX(0.3); transform: translateX(-200px) scaleX(0.3); position: absolute; background: #fff; left: 100%; top: 0; bottom: 0; padding: 0 24px 0 6px; z-index: 2; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 200px; opacity: 0; transition: all 0.15s ease-in-out 0s; font-family: "GothamProMedium", sans-serif; font-size: 0.8125rem; font-weight: 400; line-height: 1.92; letter-spacing: 0.2px; text-align: left; color: rgba(0, 0, 0, 0.8); } @media only screen and (max-width: 1440px) { .home__first-screen_inner { padding: 0 20px; height: calc(100vh - 75px); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .home__first-screen_scroll-down { left: 20px; } .home__first-screen_scroll-text { left: 45px; } .home__location { position: static; } .home__location_first { padding: 100px 20px; margin-bottom: 35px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .home__location_first img { position: static; -ms-flex-item-align: start; align-self: flex-start; margin-bottom: 20px; } .home__location_second { margin-bottom: 150px; padding: 100px 20px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .home__location_second img { position: static; -ms-flex-item-align: start; align-self: flex-start; margin-bottom: 20px; } .home__location-description { margin-bottom: 20px; } } @media only screen and (max-width: 1260px) { .is { padding: 50px 20px 35px; margin-bottom: 100px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .is__heading { margin-right: 0; } .is__title { margin-bottom: 2em; max-width: 500px; } .is__text { max-width: 500px; } } @media only screen and (max-width: 1200px) { .home__first-screen { width: 100%; } .is__title { margin-right: auto; } .a-service__description { padding: 0; } .a-service__list { padding: 40px 36px 25px; margin-right: 0; } .home__space-list { padding: 40px 0 25px; } } @media only screen and (max-width: 1023px) { .home__locations { padding-bottom: 5px !important; } .home__first-screen_scroll-down { display: none; } .home__first-screen_scroll-text { display: none; } .home__space-list-inner { padding-right: 20px; } .members__list { padding: 0 20px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .members__item { -webkit-box-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; margin: 0 0 30px; } .home__locations-list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } @media only screen and (max-width: 767px) { .home__first-screen { margin-bottom: 0; } .home__first-screen_inner { padding: 0 15px; } .home__first-screen_btn-wrap { width: 100%; } .home__first-screen_btn-wrap .btn { width: 100%; line-height: 3.84615rem; } .home__subtitle { font-size: 1rem; } .home__location { margin: 0 0 50px; -webkit-box-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; } .home__location-visual { width: 100%; } .home__location-description { width: 100%; margin: 0; padding: 1rem; } .is__title { margin-bottom: 15px; } .a-service__list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; } .home__space-list-inner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; padding-right: 15px; } .a-service__list-item { -webkit-box-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; } .a-service__list-item:hover .a-service__list-item-tooltip { opacity: 1; -webkit-transform: translateX(0px) translateY(100%) scaleX(1) scaleY(1); transform: translateX(0px) translateY(100%) scaleX(1) scaleY(1); } .a-service__list-item-tooltip { -webkit-transform: translateX(0) translateY(0) scaleX(1) scaleY(0.3); transform: translateX(0) translateY(0) scaleX(1) scaleY(0.3); position: absolute; background: #fff; left: 0; top: 0; bottom: 0; padding: 0 10px; z-index: 2; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; box-sizing: border-box; } .a-service__slider-inner .owl-item { -webkit-filter: none; filter: none; } .a-service__slider-inner .owl-theme .owl-nav { position: static; margin: 20px 0; } .a-service__slider-inner .owl-theme .owl-nav .owl-prev { left: 10%; } .a-service__slider-inner .owl-theme .owl-nav .owl-next { right: 10%; } } .container__perks { background-color: #F8F8F8; padding-bottom: 115px; } .container__perks .home__space-header { width: 100%; margin-bottom: 30px; } .container__perks .container, .container__perks .container_wide { -ms-flex-wrap: wrap; flex-wrap: wrap; } .container__perks-items { margin-left: -17px; margin-right: -17px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .container__perks-item { width: 33.33%; height: 250px; padding: 15px 17px; box-sizing: border-box; } @media (max-width: 992px) { .container__perks-item { width: 50%; } } @media (max-width: 767px) { .container__perks-item { width: 100%; } } .container__perks-item_more h3 { margin: 0; color: #000; font-size: 18px; font-weight: 400; letter-spacing: 0.9px; font-family: 'GothamProMedium'; margin-bottom: 25px; } .container__perks-item_more a { font-size: 12px; color: #ff6800; font-family: 'GothamProMedium'; font-weight: 400; } .container__perks-item .container__perks-item_in a { display: -webkit-box; display: -ms-flexbox; display: flex; } .container__perks-item_in { background: #FFF; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .container__perks-item_in a { transition: all 0.4s; display: block; } .container__perks-item_in a:hover { opacity: 0.7; } .container__perks-item img { max-width: 100%; } .locations__main { min-height: 100vh; padding: 104px 0 85px; box-sizing: border-box; position: relative; } .locations__wrapper { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .locations__list { padding: 60px 100px 0; -webkit-box-flex: 1 1 50%; -ms-flex: 1 1 50%; flex: 1 1 50%; } .locations__location-description { margin-bottom: 60px; } .locations__location-link { margin-bottom: 24px; } .locations__map { -webkit-box-flex: 1 1 50%; -ms-flex: 1 1 50%; flex: 1 1 50%; } @media only screen and (max-width: 1023px) { .locations__wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .locations__list { -webkit-box-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; } .locations__map { -webkit-box-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; min-height: 600px; } } @media only screen and (max-width: 767px) { .locations__list { padding: 30px 0; } } .locations__first-screen { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; width: 100%; position: relative; background-size: cover; } .locations__first-screen-img-container { width: 100%; height: 100%; position: absolute; overflow: hidden; } .locations__first-screen-img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -webkit-transform-origin: center; transform-origin: center; -webkit-transform: scale(1.2); transform: scale(1.2); transition: -webkit-transform 1.5s ease-in-out 0s; transition: transform 1.5s ease-in-out 0s; } .locations__first-screen-img_animated { -webkit-transform: scale(1); transform: scale(1); } .locations__first-screen_inner-wrapper { padding-top: 466px; padding-bottom: 198px; background-color: rgba(0, 0, 0, 0.25); position: relative; } .locations__first-screen_inner { position: relative; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .locations__first-screen_title { font-family: "GothamProMedium", sans-serif; font-size: 3rem; line-height: 1.10417em; font-weight: 500; letter-spacing: 2.4px; text-align: left; padding-left: 0.29167em; color: #fff; } .locations__first-screen_subtitle { max-width: 575px; font-family: "GothamProRegular", sans-serif; font-size: 0.875rem; letter-spacing: 0.7px; text-align: left; color: rgba(255, 255, 255, 0.8); line-height: 1.79em; margin-left: 20px; } .locations__first-screen_subtitle > p { margin-bottom: 0; } .locations__first-screen_yellow-line { position: absolute; width: 550px; height: 4px; background-color: #ff6800; left: 17px; bottom: 50px; } .locations__first-screen-form { position: absolute; right: calc((100vw - 1170px)/2); top: -340px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 360px; padding: 48px 68px 60px; background-color: #fff; box-shadow: 4px 2px 24px 0 rgba(177, 177, 177, 0.5); box-sizing: border-box; transition: -webkit-transform 0.15s ease-in-out 0s; transition: transform 0.15s ease-in-out 0s; } .locations__first-screen-form_pushed { -webkit-transform: translateY(85px); transform: translateY(85px); } .locations__first-screen-form_sticked { position: fixed; top: 0; bottom: auto; } .locations__first-screen-form_sticked_bottom { position: absolute; bottom: 0; top: auto; } .locations__first-screen-form_title { font-family: "GothamProMedium", sans-serif; text-transform: uppercase; font-size: 1rem; line-height: 1.375em; letter-spacing: 0.2px; text-align: center; color: #181818; margin-bottom: 3px; } .locations__first-screen-form_subtitle { font-family: "GothamProRegular", sans-serif; font-size: 0.8125rem; line-height: 1.92; letter-spacing: 0.6px; text-align: center; color: #181818; margin-bottom: 29px; } .locations__first-screen-input-name { margin-bottom: 24px; } .locations__first-screen-input-email { margin-bottom: 24px; } .locations__first-screen-input-dopus, .locations__first-screen-input-date, .locations__first-screen-input-seats { margin-bottom: 24px; } .locations__first-screen-input-phone, .textarea-messag { margin-bottom: 24px; color: rgba(24,24,24,.66); } .locations__first-screen-btn { width: 225px; } .locations__first-screen-btn .btn { width: 100%; } .locations__description { margin-bottom: 102px; } .locations__description-address { font-family: "GothamProMedium", sans-serif; font-size: 0.875rem; line-height: 2; letter-spacing: 0.7px; text-align: left; color: #000000; position: relative; padding-left: 3.21429em; margin-bottom: 42px; text-transform: none; } .locations__description-address:before { content: ''; position: absolute; left: 0; top: 15px; width: 30px; height: 1px; background-color: #ffb808; } .locations__description-text { max-width: 695px; font-family: "GothamProRegular", sans-serif; font-size: 0.875rem; line-height: 2; letter-spacing: 0.7px; text-align: left; color: #000000; } .locations__description-text p { margin-bottom: 0; } .locations__slider { margin-bottom: 60px; } .locations__slider-inner .owl-carousel { width: 100%; width: 100vw-60px; } .locations__slider-inner .owl-theme .owl-nav { margin: 27px 0 0 0; } .locations__slider-inner .owl-theme .owl-nav .owl-next { margin: 0 30px; } .locations__slider-inner .owl-theme .owl-nav .owl-prev { margin: 0 30px; } .a-service__locations { font-family: "GothamProMedium", sans-serif; font-size: 1.75rem; line-height: 1.10714; letter-spacing: 1.4px; color: #000000; margin-bottom: 184px; } .a-service__locations-title { font-family: "GothamProMedium", sans-serif; font-size: 1.75rem; line-height: 1.10714em; letter-spacing: 1.4px; color: #000000; margin-bottom: 42px; text-transform: none; } .a-service__lists_locations { -webkit-box-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; max-width: 60%; padding-left: 0; } .a-service__list_locations { margin-right: 40px; } .a-service__list-item_locations { font-family: "GothamProMedium", sans-serif; font-size: 0.8125rem; line-height: 2; letter-spacing: 0.6px; text-align: left; color: rgba(0, 0, 0, 0.8); margin-bottom: 14px; } .a-service__list-icon_locations { margin-right: 25px; } .location__plans { background: #fff; margin-bottom: 70px; } .location__plans-inner { padding: 52px 100px 48px calc((100vw - 1170px)/2); width: 100vw; } .location__plans-title { font-family: "GothamProMedium", sans-serif; font-size: 1.75rem; line-height: 1.10714; letter-spacing: 1.4px; color: #000000; margin-bottom: 40px; } .location__plans-subtitle, .location__plans-text, .location__pricelist-number, .location__pricelist-price, .location__pricelist-number_last { font-family: "GothamProMedium", sans-serif; font-size: 0.875rem; line-height: 1.86; letter-spacing: 0.7px; text-align: left; color: rgba(0, 0, 0, 0.8); margin-bottom: 1px; } .location__plans-text, .location__pricelist-number { font-family: "GothamProRegular", sans-serif; } .location__plans-text p, .location__pricelist-number p { margin-bottom: 30px; } .location__plans-subtitle_last { margin-bottom: 18px; } .location__pricelist { margin-bottom: 16px; } .location__pricelist-item { padding-bottom: 8px; border-bottom: solid 1px #d4d4d4; border-radius: 0; margin-bottom: 13px; } .location__pricelist-number { margin-bottom: 0; } .location__pricelist-price { margin-bottom: 0; } .location__pricelist-number_last { margin-bottom: 0; } .location__pricelist-phone { font-family: "GothamProMedium", sans-serif; font-size: 0.875rem; font-weight: 400; line-height: 1.86; letter-spacing: 0.7px; text-align: right; } .location__plans-footer { font-family: "GothamProRegular", sans-serif; font-size: 0.8125rem; line-height: 2; letter-spacing: 0.6px; text-align: left; color: #595959; } .location__plans-footer p { margin-bottom: 0; } @media only screen and (max-width: 1199px) { .locations__first-screen-form { position: static; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; -ms-flex-item-align: center; align-self: center; margin-bottom: 50px; } .location__plans-inner { padding: 50px 36px; width: 100%; } } @media only screen and (max-width: 767px) { .locations__slider-inner .owl-carousel { -webkit-transform: none; transform: none; } .location__plans-inner { padding: 25px 15px; width: 100%; } } .plans__title { font-family: "GothamProMedium", sans-serif; font-size: 1.75rem; line-height: 1.21; letter-spacing: 1.4px; color: #3a3a3a; font-weight: 400; text-transform: none; margin-bottom: 26px; } .plans__items { margin-bottom: 40px; } .plans__item { width: 100%; background-color: #fff; margin-bottom: 80px; } .plans__item_inverted .plans__item_description { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .plans__item_description { -webkit-box-flex: 0 1 50%; -ms-flex: 0 1 50%; flex: 0 1 50%; position: relative; padding: 86px 80px 61px 68px; } .plans__item-label { box-sizing: border-box; } .plans__item-label-text { font-family: "GothamProMedium", sans-serif; font-size: 0.8125rem; line-height: 1.07692em; letter-spacing: 0.2px; color: #404040; margin-right: 1.38462em; } .plans__item-label-cost { font-family: "GothamProBold", sans-serif; font-size: 1.625rem; line-height: 0.85; letter-spacing: 0.9px; color: #fb5f00; margin-right: 0.69231em; } .plans__item-label-term { font-family: "GothamProRegular", sans-serif; font-size: 0.875rem; line-height: 0.85; letter-spacing: 0.9px; color: #585858; } .plans__item-header { margin-bottom: 20px; } .plans__item-title { font-family: "GothamProMedium", sans-serif; font-size: 1.55rem; line-height: 1.3em; letter-spacing: 0px; color: #000000; } .plans__item-text { font-family: "GothamProRegular", sans-serif; font-size: 0.8125rem; line-height: 1.92em; letter-spacing: 0.6px; color: #515151; } .plans__item-text p { margin-bottom: 70px; } .plans__item-link { font-family: "GothamProMedium", sans-serif; font-size: 0.75rem; line-height: 1.08333em; } .plans__item_visual { padding-right: 41px; } .plans__item_img-container { position: relative; max-width: 468px; } .plans__item_img { position: relative; top: 45px; width: 100%; } .a-service__list_plans { padding: 0 191px 0 145px; background-color: transparent; margin-bottom: 60px; } .plans__contacts-us { margin-bottom: 120px; } @media only screen and (max-width: 1200px) { .a-service__list_plans { padding: 40px 36px 25px; } } @media only screen and (max-width: 767px) { .plans__item { margin-bottom: 80px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .plans__item_description { -webkit-box-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; padding: 40px 30px; } .plans__item_visual { padding: 0; } .plans__item_img { position: static; width: 100%; } .a-service__list_plans { width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; margin-bottom: 60px; } } .events__first-screen { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; width: 100%; position: relative; } .events__first-screen_inner-wrapper { padding-top: 151px; padding-bottom: 80px; background-color: #191919; position: relative; } .events__first-screen_title { font-family: "GothamProMedium", sans-serif; font-size: 2.25rem; font-weight: 500; line-height: 1.11111em; letter-spacing: 1.8px; text-align: left; color: #fff; margin-bottom: 19px; position: relative; } .plans__first-screen_subtitle { max-width: 329px; opacity: 0.66; font-family: "GothamProRegular", sans-serif; font-size: 0.875rem; line-height: 1.79em; letter-spacing: 0.7px; text-align: left; color: rgba(255, 255, 255, 0.66); } .events__month { width: 100%; margin-bottom: 68px; } .month__header { margin-bottom: 38px; } .month__title { color: #000000; } .events__items { width: 41.66667%; margin-right: auto; } .events__items_right { padding-top: 88px; } .events__item { margin-bottom: 100px; text-decoration: none; } .events__item:hover .event__visual { -webkit-transform: scale(0.96); transform: scale(0.96); } .events__item:hover .event__footer-inner { -webkit-transform: translateX(10px); transform: translateX(10px); } .events__item:hover .event__date { color: #0b0b0b; } .events__item:hover .event__date-line { background-color: rgba(255, 104, 0, 0.5); } .events__item:hover .event__theme { -webkit-transform: translateX(10px); transform: translateX(10px); } .event__visual { background-color: #ffffff; box-shadow: 4px 2px 24px 0 rgba(203, 203, 203, 0.5); margin-bottom: 26px; transition: -webkit-transform 0.3s ease-in-out 0s; transition: transform 0.3s ease-in-out 0s; } .event__visual img { width: 100%; display: block; } .event__footer-inner { margin-bottom: 18px; transition: -webkit-transform 0.3s ease-in-out 0s, color 0.3s ease-in-out 0s; transition: transform 0.3s ease-in-out 0s, color 0.3s ease-in-out 0s; } .event__theme { font-family: "GothamProMedium", sans-serif; font-size: 1rem; line-height: 1.125; letter-spacing: 0.8px; color: #000000; transition: -webkit-transform 0.3s ease-in-out 0s; transition: transform 0.3s ease-in-out 0s; } .event__date { font-family: "GothamProMedium", sans-serif; font-size: 0.75rem; line-height: 1.08333em; color: #e97000; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-transform: uppercase; transition: -webkit-transform 0.3s ease-in-out 0s, color 0.3s ease-in-out 0s; transition: transform 0.3s ease-in-out 0s, color 0.3s ease-in-out 0s; } .event__date-line { width: 30px; height: 1px; background-color: rgba(0, 0, 0, 0.5); margin-right: 7px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-transform-origin: right; transform-origin: right; transition: background-color 0.3s ease-in-out 0s; } .event__place { font-family: "GothamProMedium", sans-serif; font-size: 0.8125rem; line-height: 1.07692em; font-weight: 400; color: #5b5b5b; margin-left: 20px; text-transform: uppercase; } .events__contact-us { margin-bottom: 160px; } .events__contact-us-block { background-color: #ffffff; box-shadow: 4px 2px 24px 0 rgba(177, 177, 177, 0.5); padding: 44px 40px 36px; margin-right: 135px; } .events__contact-us-title { font-family: "GothamProMedium", sans-serif; font-size: 1rem; line-height: 1.375em; font-weight: 400; letter-spacing: 0.2px; color: #181818; margin-bottom: 29px; } .events__contact-us-subtitle { font-family: "GothamProMedium", sans-serif; font-size: 0.875rem; font-weight: 400; line-height: 1.79; letter-spacing: 0.7px; text-align: left; color: #181818; margin-bottom: 10px; } .events__contact-us-subtitle_last { margin-bottom: 0; } .events__contact-us-text { font-family: "GothamProRegular", sans-serif; font-size: 0.875rem; line-height: 1.79; letter-spacing: 0.7px; text-align: left; font-weight: 400; color: #181818; margin-bottom: 4px; } .events__contact-us-text_mb_20 { margin-bottom: 20px; } .events__contact-us-text_mb_40 { margin-bottom: 40px; } .events__contact_us-price { font-family: "GothamProMedium", sans-serif; font-size: 1rem; font-weight: 400; line-height: 1.56; letter-spacing: 0.8px; text-align: left; color: #fa4e00; margin-bottom: 10px; } .events__contact-us-btn { -ms-flex-item-align: center; align-self: center; } @media only screen and (max-width: 767px) { .events__cols { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .events__items { width: 100%; } .events__items_right { padding-top: 0; } .events__contact-us { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .events__contact-us-block { margin: 0 0 50px; -ms-flex-item-align: center; align-self: center; } } .why-us__first-screen_subtitle { max-width: 216px; opacity: 0.66; font-family: "GothamProRegular", sans-serif; font-size: 0.875rem; line-height: 1.79em; letter-spacing: 0.7px; text-align: left; color: rgba(255, 255, 255, 0.66); } .why-us__title { font-family: "GothamProMedium", sans-serif; font-size: 1.75rem; line-height: 1.21; letter-spacing: 1.4px; color: #3a3a3a; font-weight: 400; text-transform: none; margin-bottom: 26px; } .why-us__title_community-section { margin-bottom: 22px; } .why-us__title_services-section { margin-bottom: 22px; } .why-us__text { font-family: "GothamProRegular", sans-serif; font-size: 0.875rem; line-height: 1.86; letter-spacing: 0.7px; text-align: left; color: rgba(0, 0, 0, 0.8); max-width: 390px; } .why-us__text p { margin-bottom: 56px; } .why-us__space { padding-top: 55px; margin-bottom: 50px; } .why-us__text_community-section { max-width: 470px; } .why-us__text_community-section p { margin-bottom: 145px; } .why-us__text_services-section { max-width: 540px; } .why-us__text_services-section p { margin-bottom: 20px; } .why-us__slider { margin-bottom: 175px; width: 100%; } .why-us__community { position: relative; margin-bottom: 175px; } .why-us__visual_img-1 { max-width: 765px; } .why-us__visual_img-1 img { width: 100%; } .why-us__visual_img-2, .why-us__visual_img-3 { position: absolute; } .why-us__visual_img-2 img, .why-us__visual_img-3 img { width: 100%; } .why-us__visual_img-2 { top: -55px; right: 0; z-index: 1; max-width: 500px; } .why-us__visual_img-3 { max-width: 367px; top: 304px; right: 0; z-index: 1; } .why-us__list_plans { padding: 49px 267px 140px 69px; background-color: transparent; margin-bottom: 90px; max-width: 1303px; } .why-us-service__list-item { background-color: #fff; height: 10.4375rem; margin-bottom: 52px; padding: 3.125rem 0.6em 0; } .why-us__contacts-us { margin-bottom: 120px; } @media only screen and (max-width: 1200px) { .why-us__list_plans { padding: 40px 36px 25px; } } @media only screen and (max-width: 767px) { .why-us__text_community-section p { margin-bottom: 15px; } .why-us__text { font-size: 1rem; } .why-us__community { position: static; margin-bottom: 85px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .why-us__visual { position: static; margin-bottom: 15px; } .why-us__visual img { width: 100%; } .why-us__visual_img-2, .why-us__visual_img-3 { position: static; } .why-us__list_plans { width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .why-us-service__list-item { -webkit-box-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; } .why-us__contacts-us { margin-bottom: 100px; } } .main_typical { padding-top: 85px; } .main_bg_light-grey { background-color: #f6f6f6; } .main_locations { padding-top: 75px; position: relative; } .faq__page-heading { padding-bottom: 91px; } .faq__heading-subtitle { margin-bottom: 19px; } .faq__content { margin-bottom: 70px; } .faq__search { position: relative; } .faq__search-field { width: 100%; max-width: 670px; background-color: #ffffff; border: solid 1px #f0efef; font-family: "GothamProRegular", sans-serif; font-size: 0.875rem; line-height: 3.42857em; color: #9c9b9b; padding: 0 4.57143em 0 1.64286em; outline: none; } .faq__search-submit { position: absolute; right: 23px; top: 50%; margin-top: -9px; background: url(//creativequarter.net/wp-content/themes/creative-q/img/icons/search.svg) 0 0 no-repeat; opacity: 0.5; height: 18px; width: 18px; padding: 0; border: none; font-size: 0; outline: none; } .faq__title { font-family: "GothamProMedium", sans-serif; font-size: 1.125rem; line-height: 1.11111em; letter-spacing: 0.9px; color: #3a3a3a; margin-bottom: 1.11111em; text-transform: uppercase; } .faq__title_section-title { margin-bottom: 40px; } .faq__subtitle { font-family: "GothamProMedium", sans-serif; font-size: 1rem; line-height: 1.125em; letter-spacing: 0.8px; color: #3a3a3a; margin-bottom: 1.11111em; } .faq__text { font-family: "GothamProRegular", sans-serif; font-size: 0.875rem; line-height: 2; letter-spacing: 0.7px; text-align: left; color: #000000; } .faq__text p { margin-bottom: 2.85714em; } .faq__text_end-of-section p { margin-bottom: 3.57143em; } .faq__contacts-us { margin-bottom: 120px; } .faq__btn { width: 250px; } .faq__btn .btn { width: 100%; } @media only screen and (max-width: 767px) { .faq__btn { width: 100%; } .faq__text { font-size: 1rem; } .faq__contacts-us { margin-bottom: 80px; } } .mission__description { padding: 50px 165px 31px 100px; margin-bottom: 75px; } .mission__description-title { font-family: "GothamProRegular", sans-serif; font-size: 1.75rem; font-weight: 400; line-height: 1.43; letter-spacing: 0.3px; text-align: left; color: #000000; text-transform: none; margin-bottom: 36px; } .mission__description-title_bold { font-family: "GothamProMedium", sans-serif; } .mission__description-text { font-family: "GothamProRegular", sans-serif; font-size: 0.875rem; line-height: 1.79; letter-spacing: 0.2px; text-align: left; color: #383838; } .mission__description-text p { margin-bottom: 28px; } .mission__description-annotation { font-family: "GothamProRegular", sans-serif; font-size: 0.8125rem; line-height: 1.92; letter-spacing: 0.2px; text-align: left; color: #6c6c6c; } .mission__description-annotation a { color: #fa4e00; text-transform: none; } .mission__story { margin-bottom: 200px; } .mission__title { font-family: "GothamProMedium", sans-serif; font-size: 1.75rem; font-weight: 400; line-height: 1.21; letter-spacing: 1.4px; text-align: left; color: #3a3a3a; margin-bottom: 25px; text-transform: none; } .mission__text { max-width: 800px; font-family: "GothamProRegular", sans-serif; font-size: 0.875rem; line-height: 1.86; letter-spacing: 0.7px; text-align: left; color: rgba(0, 0, 0, 0.8); } .mission__team { margin-bottom: 75px; } .mission__team-description { margin-bottom: 50px; } .mission__team-photos { position: relative; width: 100%; margin-bottom: 20px; } .mission__team-photo_2, .mission__team-photo_3 { position: absolute; } .mission__team-photo_1 { max-width: 670px; } .mission__team-photo_1 img { width: 100%; } .mission__team-photo_2 { top: 0; right: 0; } .mission__team-photo_3 { bottom: 0; right: 67px; } .mission__contacts-us { margin-bottom: 120px; } .mission__our-goals { margin-bottom: 50px; padding-top: 79px; padding-bottom: 79px; } .mission__our-goals-test { font-family: "GothamProRegular", sans-serif; font-size: 1.375rem; line-height: 1.82; letter-spacing: 0.2px; text-align: left; color: #ffffff; font-weight: 400; } .mission__lists { margin-bottom: 75px; } .mission__list { -webkit-box-flex: 0 1 48.46154%; -ms-flex: 0 1 48.46154%; flex: 0 1 48.46154%; } .mission__list_right { padding-top: 93px; } .mission__list-item { padding: 50px 50px 40px; background-color: #fff; margin-bottom: 50px; } .mission__list-header { font-family: "GothamProMedium", sans-serif; font-size: 1.125rem; line-height: 1.11111em; font-weight: 400; letter-spacing: 0.9px; color: #000000; margin-bottom: 20px; } .mission__list-text { font-family: "GothamProRegular", sans-serif; font-size: 0.875rem; line-height: 2; letter-spacing: 0.7px; text-align: left; color: #000000; margin-bottom: 0; } @media only screen and (max-width: 767px) { .mission__description { padding: 30px 15px; margin-bottom: 85px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .mission__description-title { margin-bottom: 15px; } .mission__text { font-size: 1rem; } .mission__team { margin-bottom: 75px; } .mission__team-description { margin-bottom: 15px; } .mission__team-photos { position: static; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .mission__team-photo { position: static; margin-bottom: 15px; } .mission__team-photo img { width: 100%; } .mission__contacts-us { margin-bottom: 80px; } .mission__lists { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .mission__list { -webkit-box-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; } .mission__list_right { padding-top: 0; } .mission__list-text { font-size: 1rem; } } .page__loader { position: fixed; width: 100vw; height: 100vh; background: #f6f6f6; z-index: 101; } .request-hamburger { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 0; margin: 0; background: transparent; border: none; width: 24px; height: 18px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; outline: none; margin-left: 50px; cursor: pointer; } .request-hamburger:hover .request-hamburger__line { background-color: rgba(93, 93, 93, 0.74); } .request-hamburger__opened .request-hamburger__line_top { -webkit-transform: rotate(45deg) translate(3px, 8px); transform: rotate(45deg) translate(3px, 8px); } .request-hamburger__opened .request-hamburger__line_middle { display: none; } .request-hamburger__opened .request-hamburger__line_bottom { -webkit-transform: rotate(-45deg) translate(3px, -8px); transform: rotate(-45deg) translate(3px, -8px); } .request-hamburger__line { display: inline-block; width: 24px; height: 2px; background-color: #000000; transition: all 0.25s ease-in-out 0s; } .request__wrapper { padding: 32px 0 40px; height: calc(100vh - 75px); } .request__inner { background-color: #fff; padding: 0 100px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 100%; } .request__title { font-family: "GothamProBold", sans-serif; font-size: 2.25rem; line-height: 0.88889; font-weight: 400; letter-spacing: 1.8px; text-align: left; color: #000000; margin-bottom: 20px; } .request__subtitle { font-family: "GothamProRegular", sans-serif; font-size: 0.875rem; line-height: 1.79; letter-spacing: 0.7px; text-align: left; color: #3a3a3a; margin-bottom: 51px; } .request__input { min-width: 260px; color: #000; } .request__btn { width: 260px; } .request__btn .btn { width: 100%; } @media only screen and (max-width: 767px) { .request__inner { padding: 0 15px; } .request__input { -ms-flex-item-align: center; align-self: center; } .request__btn { -ms-flex-item-align: center; align-self: center; } } .contacts__main { padding-top: 205px; } .contacts__heading { margin-bottom: 70px; } .contacts__wrapper { margin-bottom: 67px; position: relative; } .contacts__contacts { padding: 55px 55px 55px 100px; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; max-width: 767px; width: 100%; } .contacts__title { font-family: "GothamProMedium", sans-serif; font-size: 1.125rem; line-height: 1.11111em; font-weight: 400; letter-spacing: 0.9px; color: #000000; margin-bottom: 20px; } .contacts__address-title { font-family: "GothamProMedium", sans-serif; font-size: 0.875rem; line-height: 1.79; letter-spacing: 0.7px; text-align: left; color: #3a3a3a; font-weight: 400; } .contacts__address-address { font-family: "GothamProRegular", sans-serif; font-size: 0.875rem; line-height: 1.79; letter-spacing: 0.7px; text-align: left; color: #3a3a3a; font-weight: 400; margin-bottom: 20px; } .contacts__address-address_last { margin-bottom: 50px; } .contacts__subtitle { font-family: "GothamProRegular", sans-serif; font-size: 0.875rem; font-weight: 400; line-height: 1.79; letter-spacing: 0.7px; text-align: left; color: #3a3a3a; } .contacts__phone { font-family: "GothamProMedium", sans-serif; font-size: 0.875rem; font-weight: 400; line-height: 1.79; letter-spacing: 0.7px; text-align: left; color: #3a3a3a; margin-bottom: 9px; } .contacts__email { font-family: "GothamProMedium", sans-serif; font-size: 0.875rem; font-weight: 400; line-height: 1.79; letter-spacing: 0.7px; text-align: left; color: #fa4e00; text-transform: none; margin-bottom: 50px; } .contacts__email_last { margin-bottom: 40px; } .contacts__footer-title { font-family: "GothamProMedium", sans-serif; font-size: 1.125rem; line-height: 1.11111em; letter-spacing: 0.9px; color: #3a3a3a; margin-bottom: 40px; text-transform: uppercase; } .contacts__map { position: absolute; top: 61px; bottom: 55px; right: 0px; width: 100%; max-width: 705px; } @media only screen and (max-width: 1367px) { .contacts__contacts { padding: 45px 55px; max-width: none; width: 100%; } .contacts__map { position: static; max-width: none; width: 100%; height: 650px; } } @media only screen and (max-width: 1023px) { .contacts__wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } @media only screen and (max-width: 767px) { .contacts__contacts { padding: 35px 15px; } } .contacts__team-headline { margin-bottom: 50px; } @media (min-width: 1024px) { .contacts__team-headline { padding-left: 10px; } } @media (max-width: 992px) { .contacts__team-headline { padding-left: 0; } } @media (max-width: 767px) { .contacts__team-headline { padding-left: 0; text-align: center; } } .contacts__team-headline h3 { margin: 0; font-family: "GothamProBold", sans-serif; font-size: 36px; letter-spacing: 1.8px; color: #000; } .contacts__team-items { margin-top: 158px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (min-width: 1024px) { .contacts__team-items { margin-left: -29px; } } @media (min-width: 767px) and (max-width: 992px) { .contacts__team-items { margin-left: -20px; } } .contacts__team-item { width: 33.33%; height: 310px; padding: 0px 40px 0px 40px; box-sizing: border-box; margin-bottom: 190px; } @media (max-width: 992px) { .contacts__team-item { width: 50%; padding-left: 20px; padding-right: 30px; } } @media (max-width: 767px) { .contacts__team-item { width: 100%; padding-left: 0; margin-bottom: 175px; padding-right: 20px; } .contacts__team-item:last-child { margin-bottom: 130px; } } .contacts__team-item_in { height: 100%; background-color: #fff; box-sizing: border-box; } .contacts__team-item_img { width: 100%; height: 280px; } .contacts__team-item_img img { display: block; width: 100%; height: 100%; -o-object-position: center; object-position: center; -o-object-fit: cover; object-fit: cover; position: relative; top: -100px; right: -36px; } @media (max-width: 992px) { .contacts__team-item_img img { right: -30px; } } @media (max-width: 767px) { .contacts__team-item_img img { right: -20px; } } .contacts__team-item_name { margin-top: -68px; padding: 0px 0px 0px 36px; } @media (max-width: 767px) { .contacts__team-item_name { padding-left: 30px; } } @media (max-width: 767px) { .contacts__team-item_name { padding-left: 20px; } } .contacts__team-item_name h4, .contacts__team-item_name h3 { margin: 0; } .contacts__team-item_name h3 { text-transform: uppercase; color: #000000; font-family: "GothamProMedium", sans-serif; margin-bottom: 15px; font-size: 18px; letter-spacing: 0.9px; } .contacts__team-item_name h4 { color: #515151; font-family: "GothamProRegular", sans-serif; font-size: 13px; letter-spacing: 0.6px; } .contacts__wrapper { margin-bottom: 120px; } @media (max-width: 767px) { .contacts__wrapper { margin-bottom: 60px; } } .brokers { overflow-x: hidden; } .brokers__first-screen { padding-top: 0px; position: relative; } .brokers__first-screen:after { position: absolute; content: ''; left: 0; right: 0; top: 0; bottom: 0; background: rgba(17, 17, 17, 0.8); z-index: 0; } @media (max-width: 1024px) { .brokers__first-screen { padding-left: 0px; background: url(//creativequarter.net/wp-content/themes/creative-q/img/brokers/itwct.jpg); background-size: cover; position: relative; } .brokers__first-screen:before { position: absolute; content: ' '; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.6); } .brokers__first-screen .main_typical-img50 { display: none; } .brokers__first-screen .typical__title, .brokers__first-screen .typical__subtitle { color: #fff; } .brokers__first-screen .brokers__plans-inner_container { padding-left: 30px; box-sizing: border-box; } } .brokers .typical__page-heading { padding-top: 255px; } @media (max-width: 767px) { .brokers .typical__page-heading { padding-top: 155px; } } .brokers .header { background-color: trasparent; } .brokers__plans-header { margin-bottom: 40px; line-height: 1rem; } .brokers__plans-header h5 { color: #000 !important; opacity: 0.5; } @media (max-width: 767px) { .brokers__plans-header h5 { text-align: right; } } .brokers .locations__first-screen-form_sticked_bottom { bottom: 0; top: initial !important; } .brokers .locations__first-screen-form { padding: 48px 57px; box-shadow: 0 2px 17px 0 rgba(177, 177, 177, 0.5); } .brokers .locations__first-screen-form_sticked { top: 0; } .brokers__plans-subtitle { font-family: "GothamProMedium", sans-serif; font-size: 0.875rem; line-height: 1.86; letter-spacing: 0.7px; text-align: left; color: rgba(0, 0, 0, 0.8); margin-bottom: 1px; } .brokers__plans-text, .brokers__pricelist-price { font-family: "GothamProRegular", sans-serif; font-size: 0.875rem; line-height: 1.86; letter-spacing: 0.7px; text-align: left; color: rgba(0, 0, 0, 0.8); margin-bottom: 1px; } .brokers__pricelist-price { font-family: "GothamProMedium", sans-serif; -ms-flex-item-align: end; align-self: flex-end; } @media (max-width: 767px) { .brokers__pricelist-price { -ms-flex-preferred-size: 100px; flex-basis: 100px; text-align: right; } } .brokers__plans-title { font-family: "GothamProMedium", sans-serif; font-size: 1rem; letter-spacing: 1.4px; color: #000000; } .brokers__pricelist-number { margin-bottom: 0px; } .brokers__plans-inner { padding: 75px 100px 75px calc((100vw - 1170px)/2); width: calc(((100vw - 1170px)/2) + 626px); } @media (max-width: 1024px) { .brokers__plans-inner { padding-left: 30px; padding-right: 30px; width: calc(((100vw - 1170px)/2) + 750px); } } .brokers__plans-inner_container { width: 100%; padding-left: calc((100vw - 1170px)/2); } .brokers__plans-inner span { display: inline-block; } .brokers__plans-inner span + span { margin-top: 20px; } .brokers__plans-inner_compensation { padding-top: 82px; padding-bottom: 40px; } .brokers__plans-inner_compensation h5 { font-size: 0.75em; } .brokers__plans-inner_compensation .brokers__plans-subtitle { margin-bottom: 7px; } .brokers__plans-inner_compensation .location__pricelist-item { margin-bottom: 26px; } .brokers__plans-inner_header { padding-right: 20px; } .brokers__plans-inner_say { padding: 80px 100px 80px calc((100vw - 1170px)/2); width: calc(((100vw - 1170px)/2) + 626px); } @media (max-width: 1024px) { .brokers__plans-inner_say { width: calc(((100vw - 1170px)/2) + 750px); padding-right: 30px; padding-left: 30px; } } .brokers__desc { background-color: #FFF; margin-bottom: 74px; } .brokers__plans-inner_say-item { margin-bottom: 91px; } .brokers__plans-inner_say-item:last-child { margin-bottom: 0; } .brokers__plans-inner_say-item img { max-width: 265px; height: 290px; } @media (max-width: 767px) { .brokers__plans-inner_say-item img { padding-left: 30px; margin-bottom: 30px; } } .brokers__plans-inner_say-item-txt h3 { font-family: "GothamProMedium", sans-serif; color: rgba(0, 0, 0, 0.8); margin-bottom: 18px; font-size: 0.8rem; } .brokers__plans-inner_say-item-txt h4 { font-family: "GothamProRegular", sans-serif; color: rgba(0, 0, 0, 0.8); margin-bottom: 32px; font-size: 0.8rem; } .brokers__plans-inner_say-item-txt p { font-family: "GothamProRegular", sans-serif; color: #4c4c4c; font-size: 0.9rem; line-height: 190%; text-align: justify; } .brokers .btn_white_inverse:hover { opacity: 0.7; } .brokers .btn_white_inverse:hover .btn__text { color: #13161c; } .brokers .main_typical-img50 { max-width: 50%; } .brokers .main_typical-img50 img { width: 100%; } .brokers__header-top { margin-bottom: 44px; } .brokers__header h5 { color: #3a3a3a; font-size: 2.2rem; line-height: 100%; } @media (max-width: 1024px) { .brokers__header h5 { font-size: 1.9rem; line-height: 125%; } } @media (max-width: 767px) { .brokers__header h5 { text-align: center; } } .brokers__header .brokers__plans-inner { padding-top: 40px; padding-bottom: 40px; } .brokers__header .brokers__plans-inner span { color: #3a3a3a; font-family: "GothamProRegular", sans-serif; display: block; line-height: 160%; } .brokers__header .brokers__plans-inner > h3 { color: #000000; margin-top: 75px; letter-spacing: 1.5px; } .brokers__header .brokers__plans-inner_desc { margin: 25px 0px 0px 0px; } .brokers__header .brokers__plans-inner_desc:last-child { margin-bottom: 0; } .brokers__header .brokers__plans-inner_desc h3 { text-transform: none; font-family: "GothamProMedium", sans-serif; font-size: 0.875rem; line-height: 1.5; letter-spacing: 0.7px; text-align: left; color: rgba(0, 0, 0, 0.8); margin-bottom: 0px; } .brokers__header .brokers__plans-inner_desc h4 { font-family: "GothamProRegular", sans-serif; font-size: 0.875rem; line-height: 1.86; letter-spacing: 0.7px; text-align: left; color: rgba(0, 0, 0, 0.8); margin-bottom: 1px; } .brokers .mission__contacts-us { margin-bottom: 0; padding-bottom: 120px; } @media (max-width: 1024px) { .brokers .mission__contacts-us { padding-bottom: 75px; } } @media (max-width: 767px) { .brokers .justify-content-center_mob { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } @media (max-width: 767px) { .brokers .faq__title { margin-left: auto; margin-right: auto; } } @media (max-width: 1024px) { .brokers .faq__btn { width: 100%; } } .brokers .typical__title { font-size: 2.7rem; line-height: 1.3em; letter-spacing: 2.8px; color: #fff; position: relative; z-index: 10; margin-bottom: 25px; max-width: 665px; } .brokers .typical__subtitle { font-size: 1.04rem; line-height: 1.6; color: #fff; position: relative; z-index: 10; } @media (max-width: 767px) { .brokers .locations__first-screen { padding-top: 25px; } .brokers .locations__first-screen br { display: none; } } .brokers .locations__first-screen-form { width: 340px; top: -395px; } .brokers .locations__first-screen-form_sticked { top: 0 !important; } .brokers .brokers__header h5 { text-transform: uppercase; } .brokers .brokers__header-top { margin-top: 60px; } @media (max-width: 1024px) { .brokers .brokers__header-top { margin-top: 0; } } .brokers .location__plans { margin-bottom: 125px; } @media (max-width: 767px) { .brokers .location__plans { margin-bottom: 100px; } } @media (max-width: 1024px) { .brokers .header__panel-show { display: block; } .brokers .header__panel-show .header__btn .btn { width: 150px; margin-top: 3px; } } @media (max-width: 767px) { .brokers .header__panel-show { display: block; } .brokers .header__panel-show .header__btn .btn { width: 120px; margin-top: 7px; } } .brokers-dashboard { background-color: #F6F6F6; } .brokers-dashboard .container_wide { max-width: 1180px; } .brokers-dashboard .container_wide .btn { width: auto; margin-right: 17px; } .brokers-dashboard .header { background-color: #ECECEC; } .brokers-dashboard .header .menu__item-link, .brokers-dashboard .header .localization__item { color: #6a6a6a; transition: all 0.4s; } .brokers-dashboard .header .menu__item-link.active, .brokers-dashboard .header .menu__item-link:hover, .brokers-dashboard .header .localization__item.active, .brokers-dashboard .header .localization__item:hover { color: #000; } .brokers-dashboard .header .menu__item-link { padding: 0px 30px; } .brokers-dashboard .header .header__btn { margin-left: 75px; } .brokers-dashboard .header_inverted .header__btn:hover { transition: all 0.4s; opacity: 0.8; } .brokers-dashboard .header_display_displayed .btn_gold { background-color: transparent; } .brokers-dashboard .header_display_displayed .btn_gold .btn__text { color: #000; } .brokers-dashboard .header_inverted .header__btn .btn .btn__text { color: #000; transition: all 0.4s; } .brokers-dashboard_wrap { margin-left: -17px; margin-right: -17px; max-width: 1180px; margin: 0 auto; padding-top: 150px; margin-bottom: 400px; } .brokers-dashboard_wrap:after { content: ' '; visibility: hidden; display: block; height: 0; clear: both; } .brokers-dashboard_wrap-l, .brokers-dashboard_wrap-r { float: left; height: 360px; padding: 17px; box-sizing: border-box; } .brokers-dashboard_wrap-l_in, .brokers-dashboard_wrap-r_in { height: 100%; background: #fff; padding: 40px; } .brokers-dashboard_wrap-l { width: 65%; } .brokers-dashboard_wrap-r { width: 35%; } .brokers-dashboard_info input { transition: all 0.4s; padding-bottom: 20px; display: block; width: 100%; font-size: 36px; color: #000; outline: none; border: none; border-bottom: 1px solid #d7d7d7; margin-bottom: 20px; font-family: "GothamProMedium", sans-serif; } .brokers-dashboard_info textarea { border: none; resize: none; display: block; outline: none; height: 200px; width: 100%; font-size: 14px; color: #000; font-weight: bold; color: rgba(0, 0, 0, 0.7); font-family: "GothamProMedium", sans-serif; padding: 0; -webkit-overflow-scrolling: touch; } .brokers-dashboard_info textarea::-webkit-scrollbar { width: 6px; height: 2px; } .brokers-dashboard_info textarea::-webkit-scrollbar-track { background-color: rgba(0, 0, 0, 0.1); border-radius: 4px; } .brokers-dashboard_info textarea::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.25); border-radius: 4px; } .payment-page, .message-page { background-color: #F6F6F6; } .payment-page .container_payment, .message-page .container_payment { max-width: 1200px; margin: 0 auto; padding: 230px 0px 140px 0px; } .payment-page .tab-content > .tab-pane, .message-page .tab-content > .tab-pane { display: none; } .payment-page .tab-content > .active, .message-page .tab-content > .active { display: block; } .payment-page .main, .message-page .main { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .payment-page-l .headline, .message-page-l .headline { margin-bottom: 70px; } .payment-page-l .headline h3, .message-page-l .headline h3 { font-family: "GothamProMedium", sans-serif; font-weight: bold; font-size: 36px; text-transform: uppercase; color: #3a3a3a; letter-spacing: 1.8px; } .payment-page .nav-tabs, .message-page .nav-tabs { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-left: 0; margin-bottom: 38px; } .payment-page .nav-tabs li, .message-page .nav-tabs li { list-style-type: none; } .payment-page .nav-tabs li a, .message-page .nav-tabs li a { font-family: "GothamProRegular", sans-serif; font-weight: normal; font-size: 14px; letter-spacing: 0.7px; color: #7f7f7f; margin-bottom: 40px; margin-right: 42px; text-decoration: none; } .payment-page .nav-tabs li:last-child a, .message-page .nav-tabs li:last-child a { margin-right: 0; } .payment-page .nav-tabs .active a, .message-page .nav-tabs .active a { color: #3a3a3a; font-weight: bold; } .payment-page .info__box, .message-page .info__box { padding: 55px 75px 50px 95px; background: #FFF; margin-left: -95px; } .payment-page .info__box-headline, .message-page .info__box-headline { margin-bottom: 23px; } .payment-page .info__box-headline h4, .message-page .info__box-headline h4 { font-family: "GothamProMedium", sans-serif; font-weight: 500; font-size: 18px; letter-spacing: 0.9px; text-transform: uppercase; color: #000000; } .payment-page .info__box-types_item .headline h5, .message-page .info__box-types_item .headline h5 { font-family: "GothamProMedium", sans-serif; font-weight: normal; font-size: 14px; letter-spacing: 0.7px; color: #7f7f7f; margin-bottom: 40px; } .payment-page .info__box-types_item .form .inp-group, .message-page .info__box-types_item .form .inp-group { width: 320px; position: relative; margin-bottom: 37px; } .payment-page .info__box-types_item .form .inp-group label, .message-page .info__box-types_item .form .inp-group label { display: block; font-family: "GothamProMedium", sans-serif; font-size: 18px; font-weight: 500; letter-spacing: 0.9px; text-transform: uppercase; color: #000; margin-bottom: 23px; } .payment-page .info__box-types_item .form .inp-group input, .message-page .info__box-types_item .form .inp-group input { display: block; width: 80%; padding-right: 15px; border: none; border-bottom: 1px solid #c6c6c6; outline: none; padding: 3px 10px 3px 0px; } .payment-page .info__box-types_item .form .inp-group input:hover, .payment-page .info__box-types_item .form .inp-group input:focus, .payment-page .info__box-types_item .form .inp-group input:hover:focus, .message-page .info__box-types_item .form .inp-group input:hover, .message-page .info__box-types_item .form .inp-group input:focus, .message-page .info__box-types_item .form .inp-group input:hover:focus { outline: none; } .payment-page .info__box-types_item .form .inp-group input:hover, .payment-page .info__box-types_item .form .inp-group input:focus, .message-page .info__box-types_item .form .inp-group input:hover, .message-page .info__box-types_item .form .inp-group input:focus { border-bottom: 1px solid #000; } .payment-page .info__box-types_item .form .inp-group .grn, .message-page .info__box-types_item .form .inp-group .grn { position: absolute; right: 23px; bottom: 9px; color: rgba(24, 24, 24, 0.65); font-size: 13px; font-family: "GothamProMedium", sans-serif; font-size: 13px; letter-spacing: 0.6px; font-weight: normal; } .payment-page .info__box-types_item .form .btn-wrap button, .message-page .info__box-types_item .form .btn-wrap button { background-color: #FF6800; color: #ffffff; font-size: 12px; font-family: "GothamProMedium", sans-serif; text-transform: uppercase; font-weight: 500; height: 50px; line-height: 50px; outline: none; border: none; padding: 0px 80px; } .payment-page-r .photo__box, .message-page-r .photo__box { position: relative; margin-top: 103px; } .payment-page-r .photo__box-img img, .message-page-r .photo__box-img img { width: 500px; height: 320px; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .payment-page-r .photo__box-txt, .message-page-r .photo__box-txt { position: absolute; left: -40px; bottom: -107px; background: #FFF; right: 80px; padding: 40px 130px 30px 40px; } .payment-page-r .photo__box-txt h5, .message-page-r .photo__box-txt h5 { font-family: "GothamProMedium", sans-serif; font-size: 18px; font-weight: 500; letter-spacing: 0.9px; color: #000; margin-bottom: 28px; } .payment-page-r .photo__box-txt p, .message-page-r .photo__box-txt p { font-family: "GothamProRegular", sans-serif; font-size: 14px; font-weight: normal; letter-spacing: 0.7px; color: #515151; line-height: 1.8; width: 325px; } @media (max-width: 992px) { .payment-page .container_payment { display: block; padding-left: 30px; padding-right: 30px; padding-top: 150px; padding-bottom: 100px; } .payment-page .photo__box-img img { display: block; width: 100%; } .payment-page .info__box { box-sizing: border-box; } .payment-page-r .photo__box-txt { left: 0; position: static; } .payment-page .info__box { margin-left: 0; padding: 30px; } } @media (max-width: 767px) { .payment-page .nav-tabs { display: block; } .payment-page .nav-tabs:after { content: ' '; visibility: hidden; display: block; height: 0; clear: both; } .payment-page .nav-tabs li { display: block; width: 50%; margin-right: 0; float: left; margin-bottom: 20px; } .payment-page .nav-tabs li a { margin-right: 0; } .payment-page .container_payment { padding-left: 15px; padding-right: 15px; padding-bottom: 50px; padding-top: 140px; } .payment-page .info__box { padding-left: 15px; margin-left: -15px; } .payment-page .header__inner { padding-left: 15px; } .payment-page .btn { font-size: 1rem; } .payment-page .payment-page-l .headline { margin-bottom: 50px; } .payment-page .info__box-types_item .form .inp-group label { font-size: 16px; margin-bottom: 15px; } .payment-page-r .photo__box { margin-top: 50px; } .payment-page .photo__box-img img { margin-left: -15px; margin-right: -15px; width: auto; } .payment-page-r .photo__box-txt { margin-left: -15px; margin-right: -15px; padding: 20px 15px; } .payment-page-r .photo__box-txt h5 { margin-bottom: 15px; } } .message-page { padding-top: 100px; padding-bottom: 55px; } .message-page .header { position: fixed; top: 0; } .message-page .main { -ms-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } .message-page .message__content { max-width: 1278px; margin: 0 auto; min-height: auto; background: #FFF; padding: 124px 100px 125px 100px; box-sizing: border-box; } .message-page .message__content .nav-tabs li a { margin-right: 0; } .message-page .message__content .info__box-types_item { width: 860px; } .message-page .message__content .inp-fw { width: 100%; } .message-page .message__content-headline { margin-bottom: 52px; } .message-page .message__content-headline h3 { font-family: "GothamProMedium", sans-serif; font-weight: bold; color: #3a3a3a; font-size: 36px; letter-spacing: 1.8px; margin: 0px 0px 22px 0px; } .message-page .message__content-headline h5 { font-family: "GothamProRegular", sans-serif; font-weight: normal; color: #3a3a3a; letter-spacing: 0.7px; font-size: 14px; max-width: 330px; line-height: 179%; } .message-page .message__content-form .inp-wrap { margin-right: 40px; } .message-page .message__content-form .inp-wraps { margin-bottom: 35px; } .message-page .message__content .choose h4 { font-family: "GothamProMedium", sans-serif; font-weight: 500; font-size: 14px; letter-spacing: 0.7px; color: #000; margin: 0px 0px 0px 0px; } .message-page .message__content .nav-tabs { margin-top: 12px; margin-bottom: 35px; } .message-page .message__content .nav-tabs li a { letter-spacing: 0.1px; } .message-page .message__content .faq__btn { width: 260px; margin-top: 40px; } .uefa__first-screen-form { z-index: 10; } .locations__first-screen-form { right: 0; top: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 360px; padding: 48px 68px 60px; background-color: #fff; box-shadow: 4px 2px 24px 0 rgba(177, 177, 177, 0.5); box-sizing: border-box; transition: -webkit-transform 0.15s ease-in-out 0s; transition: transform 0.15s ease-in-out 0s; } .locations__first-screen-form_pushed { -webkit-transform: translateY(65px); transform: translateY(65px); } .locations__first-screen-form_sticked { position: fixed; top: 0; } .locations__first-screen-form_title { font-family: "GothamProMedium", sans-serif; text-transform: uppercase; font-size: 1rem; line-height: 1.375em; letter-spacing: 0.2px; text-align: center; color: #181818; margin-bottom: 3px; } .locations__first-screen-form_subtitle { font-family: "GothamProRegular", sans-serif; font-size: 0.8125rem; line-height: 1.92; letter-spacing: 0.6px; text-align: center; color: #181818; margin-bottom: 29px; } .locations__first-screen-uefa:after { position: absolute; content: ' '; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(17, 17, 17, 0.8); } .iti-flag { background-image: url(//creativequarter.net/wp-content/themes/creative-q/img/flags.png); } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .iti-flag { background-image: url(//creativequarter.net/wp-content/themes/creative-q/img/flags@2x.png); } } .uefa__first-screen-form { top: -30px; } .locations__first-screen_inner-uefa .locations__first-screen_title-uefa { max-width: 680px; box-sizing: border-box; font-weight: bold; padding-left: 15px; margin-bottom: 25px; position: relative; z-index: 10; font-size: 44px; line-height: 125%; } .locations__first-screen_inner-uefa .locations__first-screen_subtitle { padding-left: 15px; font-size: 18px; font-weight: normal; line-height: 156%; letter-spacing: 0.9px; text-transform: none; max-width: 460px; position: relative; z-index: 10; } .input-mobile_uefa { margin-bottom: 20px; } .input-mobile_uefa .intl-tel-input .selected-flag { padding-left: 0 !important; } .input-mobile_uefa .intl-tel-input .country-list { max-width: 225px; } .input-mobile_uefa .intl-tel-input .selected-flag:focus { outline: none; border-bottom: none; } .input-mobile_uefa .intl-tel-input .country-list .flag-box, .input-mobile_uefa .intl-tel-input .country-list .country-name, .input-mobile_uefa .intl-tel-input .country-list .country .dial-code { font-family: "GothamProRegular", sans-serif; font-size: 14px; } .main_locations-uefa { padding-top: 130px; } .main_locations-uefa .plans__items { margin-bottom: 0; } .main_locations-uefa .plans__item { margin-bottom: 105px; } .main_locations-uefa .plans__item_inverted .plans__item_img-container { padding-left: 69px; } .main_locations-uefa .plans__item_inverted .plans__item_description { padding-left: 20px; } .main_locations-uefa .plans__item-header { margin-bottom: 30px; } .main_locations-uefa .plans__item-text p { margin-bottom: 42px; } .a-service__slider-inner .owl-item.center { -webkit-filter: none; filter: none; } .locations__first-screen_inner-wrapper_uefa { padding-top: 260px; } .locations__first-screen_inner-wrapper_uefa .locations__first-screen-form_sticked { position: absolute; top: -30px; right: 0 !important; } .locations__first-screen_inner-wrapper_uefa .locations__first-screen-form_pushed { -webkit-transform: none !important; transform: none !important; } .locations__first-screen_inner-wrapper_uefa .locations__first-screen-form_sticked { bottom: initial; } .info__box-types_item.tab-pane .inp-wrap { margin-right: 0; } .thecarousel { margin-top: 145px; } .home__slider-uefa { margin-bottom: 111px; } .upwork__main { padding-top: 205px; } .upwork__main .container-block { display: block; } .upwork__main .why-us__community { margin-bottom: 95px; } .upwork__main .home__locations { margin-top: 125px; } .upwork__main .home__location { margin-bottom: 73px; } @media (max-width: 992px) { .upwork__main .upwork__new-format_r { padding-left: 0; } .upwork__main .upwork__headline { margin-bottom: 75px; } .upwork__main .upwork__new-format_l { padding-right: 30px; padding-top: 30px; padding-bottom: 30px; } .upwork__main .upwork__new-format_l h3 { margin-bottom: 30px; } .upwork__main .upwork__new-format { margin-bottom: 90px; } } @media (max-width: 767px) { .upwork__main .upwork__new-format { -ms-flex-wrap: wrap; flex-wrap: wrap; } .upwork__main .upwork__new-format_l { margin-bottom: 30px; width: 100%; padding-left: 15px; margin-left: -25px; } .upwork__main .upwork__new-format_l h3 { margin-bottom: 25px; } .upwork__main .upwork__new-format_r { width: 100%; } .upwork__main .upwork__new-format { margin-bottom: 70px; } .upwork__main .upwork__why h3 { line-height: 120%; } .upwork__main .home__locations { margin-top: 0; } } .upwork__headline { width: 100%; margin-bottom: 100px; } .upwork__headline h3, .upwork__headline p { margin: 0; } .upwork__headline h3 { color: #3a3a3a; font-size: 36px; font-family: "GothamProBold", sans-serif; text-transform: uppercase; margin-bottom: 20px; letter-spacing: 1.8px; max-width: 755px; } .upwork__headline p { color: #3a3a3a; font-size: 14px; font-family: "GothamProRegular", sans-serif; letter-spacing: 0.7px; line-height: 179%; max-width: 615px; } .upwork__new-format { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 180px; } .upwork__new-format_l { width: 70%; padding: 50px 90px 50px 75px; margin-left: -100px; background: #fff; box-sizing: border-box; } .upwork__new-format_l h3, .upwork__new-format_l p { margin: 0; } .upwork__new-format_l h3 { font-family: "GothamProRegular", sans-serif; font-weight: normal; font-size: 28px; line-height: 143%; letter-spacing: 0.3px; color: #000; text-transform: none; margin-bottom: 45px; } .upwork__new-format_l h3 span { font-family: "GothamProMedium", sans-serif; } .upwork__new-format_l p { font-family: "GothamProRegular", sans-serif; font-size: 14px; line-height: 179%; letter-spacing: 0.2px; color: #383838; margin-bottom: 25px; } .upwork__new-format_l p:last-child { margin-bottom: 0; } .upwork__new-format_l p b { font-family: "GothamProMedium", sans-serif; } .upwork__new-format_r { width: 30%; padding-left: 45px; box-sizing: border-box; } .upwork__new-format_r h3, .upwork__new-format_r p { margin: 0; } .upwork__new-format_r h3 { text-transform: uppercase; color: #181818; letter-spacing: 0.2px; font-family: "GothamProBold", sans-serif; font-size: 16px; line-height: 156%; margin-bottom: 20px; } .upwork__new-format_r .upwork__new-format_sale { margin-bottom: 20px; } .upwork__new-format_r .upwork__new-format_sale p { font-size: 14px; font-family: "GothamProRegular", sans-serif; line-height: 179%; letter-spacing: 0.7px; color: #181818; } .upwork__new-format_r .upwork__new-format_sale p span { color: #fa4e00; display: block; font-family: "GothamProMedium", sans-serif; } .upwork__new-format_r .upwork__new-format_btn { margin-top: 30px; } .upwork__why { margin-bottom: 75px; } .upwork__why h3, .upwork__why p { margin: 0; } .upwork__why h3 { font-size: 36px; color: #3a3a3a; font-family: "GothamProBold", sans-serif; letter-spacing: 1.8px; color: #3a3a3a; margin-bottom: 20px; max-width: 755px; } .upwork__why p { font-size: 14px; color: #3a3a3a; font-family: "GothamProRegular", sans-serif; letter-spacing: 0.7px; max-width: 655px; line-height: 179%; } .upwork__space { background: #FFF; padding: 58px 0px 58px 100px; margin-left: -100px; width: auto; } .upwork__space h3, .upwork__space p { margin: 0; } .upwork__space h3 { font-family: "GothamProMedium", sans-serif; font-size: 28px; line-height: 121%; letter-spacing: 1.4px; color: #000; margin-bottom: 25px; } .upwork__space p { font-family: "GothamProRegular", sans-serif; font-size: 14px; line-height: 186%; letter-spacing: 0.7px; color: rgba(0, 0, 0, 0.8); max-width: 400px; } .upwork__offer { margin-bottom: 90px; } .upwork__offer h3, .upwork__offer p { margin: 0; } .upwork__offer h3 { text-transform: uppercase; color: #181818; letter-spacing: 0.2px; font-family: "GothamProBold", sans-serif; font-size: 16px; line-height: 156%; margin-bottom: 30px; } .upwork__offer .upwork__new-format_sale { margin-bottom: 20px; } .upwork__offer .upwork__new-format_sale p { font-size: 14px; font-family: "GothamProRegular", sans-serif; line-height: 179%; letter-spacing: 0.7px; color: #181818; } .upwork__offer .upwork__new-format_sale p span { color: #fa4e00; display: block; font-family: "GothamProMedium", sans-serif; } .upwork__offer .upwork__new-format_btn { margin-top: 30px; } @media (max-width: 1024px) { .header__uefa .header__panel { display: block; } .header__uefa .header__inner { padding-bottom: 17px; } .uefa__first-screen-form { right: 10px; padding: 35px; width: auto; top: initial; max-width: 300px; box-sizing: border-box; } .uefa__first-screen-form form { text-align: center; } .locations__first-screen_inner-wrapper_uefa { padding-top: 180px; padding-bottom: 180px; } .locations__first-screen_inner-uefa .locations__first-screen_title-uefa, .locations__first-screen_inner-uefa .locations__first-screen_subtitle { max-width: calc(100% - 350px); } .main_locations-uefa { padding-top: 80px; } .main_locations-uefa .plans__item_description { padding: 50px; } .main_locations-uefa .plans__item-title, .main_locations-uefa .plans__item-label-term { line-height: 110%; } .main_locations-uefa .plans__item-label { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .thecarousel { margin-top: 20px; } .hidden-sm { display: none !important; } } @media (max-width: 767px) { .locations__first-screen_inner-wrapper_uefa { padding-top: 130px; padding-bottom: 60px; } .locations__first-screen_inner-uefa { -ms-flex-direction: column-reverse; -webkit-box-orient: vertical; -webkit-box-direction: reverse; flex-direction: column-reverse; } .locations__first-screen_inner-uefa .locations__first-screen_title-uefa, .locations__first-screen_inner-uefa .locations__first-screen_subtitle { max-width: 100%; padding-left: 0; } .locations__first-screen_inner-uefa .locations__first-screen_title-uefa { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .locations__first-screen_inner-uefa .locations__first-screen_subtitle { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin-bottom: 50px; } .uefa__first-screen-form { position: static; max-width: 100%; } .locations__first-screen_inner-uefa .locations__first-screen_title-uefa { font-size: 36px; margin-bottom: 20px; } .uefa__first-screen-form { margin-bottom: 0; } .main_locations-uefa { padding-top: 70px; } .main_locations-uefa .plans__item_description { padding: 25px; } .main_locations-uefa .plans__item_inverted .plans__item_img-container { padding-left: 0; } .main_locations-uefa .plans__item { margin-bottom: 75px; } .header__uefa .header__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .header__uefa .header__btn .btn { width: 140px; padding-top: 2px; } .uefa__contacts-us { margin-bottom: 75px; } .uefa__first-screen-form { width: 100%; } .hidden-xs { display: none !important; } } @media (max-width: 767px) { .home__slider { margin-bottom: 35px; } .a-service__slider-inner .owl-theme .owl-nav { margin: 0; margin-top: 20px; position: relative; top: initial; bottom: initial; height: auto; line-height: normal; text-align: center; } .a-service__slider-inner .owl-theme .owl-nav .owl-prev { float: none; position: relative; margin-right: 40px; margin-left: 15px; left: initial; right: initial; } .a-service__slider-inner .owl-theme .owl-nav .owl-next { float: none; position: relative; margin-left: 40px; margin-right: 15px; left: initial; right: initial; } .request__input { width: 100%; } #contact-us { width: 100%; } #contact-us .request__input { width: 100%; } .request__title { line-height: 125%; } .request__btn { width: 100%; } h3 { line-height: 125%; } .contacts__map { height: 550px; } } @media (max-width: 992px) { .localization__mobile-item.active { color: #ff6800; } .header__panel-mobile { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; padding-left: 31px; padding-right: 26px; box-sizing: border-box; margin-top: -10px; padding-bottom: 10px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .header__panel-mobile .header__mobile-phone { color: #000; margin-bottom: 8px; } .header__panel-mobile .localization { display: block; } .header__panel-mobile .localization__item { padding: 0px 0.25em; } .menu--opened .header__panel-mobile { display: none; } .request__wrapper { padding-top: 0px; } .header__mobile-footer_main { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: row; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .header__mobile-footer_main .localization__mobile-item:last-child { margin-right: 0; } .header__mobile-footer_main .localization__mobile-item.active { color: #ff6800; } .header__uefa .header__panel { display: block; } .plans__item-label-cost { line-height: 110%; } .typical__title { line-height: 125%; } } @media (max-width: 1920px) { .menu__item-link { padding: 0 0.75em; font-size: 0.85em; } } @media (max-width: 1440px) { .menu__item-link { padding: 0 0.75em; font-size: 0.7em; } } @media (max-width: 1280px) { .menu__item-link { font-size: 0.6rem; } } @media (min-width: 993px) { .header__panel-mobile { display: none; } } @media (min-width: 1024px) { .plans__item-label-cost br { display: none; } } .owl-tarifi .owl-nav [class*="owl-"], .owl-theme .owl-nav [class*="owl-"] { font-size: 0 !important; margin: 0; padding: 0 !important; background-color: transparent !important; border-radius: 0 !important; } .owl-tarifi .owl-nav .owl-prev, .owl-theme .owl-nav .owl-prev { background: url(//creativequarter.net/wp-content/themes/creative-q/img/slider/left.svg) 50% 50% no-repeat !important; width: 32px !important; height: 32px !important; margin: 0 15px; line-height: 32px !important; } .owl-tarifi .owl-nav .owl-prev:hover, .owl-theme .owl-nav .owl-prev:hover { background: url(//creativequarter.net/wp-content/themes/creative-q/img/slider/left.svg) 50% 50% no-repeat !important; } .owl-tarifi .owl-nav .owl-next, .owl-theme .owl-nav .owl-next { background: url(//creativequarter.net/wp-content/themes/creative-q/img/slider/right.svg) 50% 50% no-repeat !important; width: 32px !important; height: 32px !important; margin: 0 15px; line-height: 32px !important; } .owl-tarifi .owl-nav .owl-next:hover, .owl-theme .owl-nav .owl-next:hover { background: url(//creativequarter.net/wp-content/themes/creative-q/img/slider/right.svg) 50% 50% no-repeat !important; } @media screen and (min-width: 1200px) { .locations__slider { margin-bottom: 70px; } .location__plans { background: #fff; margin-bottom: 138px; } .locations__first-screen-form { } } .err { font-family: "GothamProRegular",sans-serif; display: none; padding: 10px 0 5px; font-size: 12px; color: #d22; } .err.err_on { display: block; } .main_bg_rent { background-color: transparent; background-image: url(//creativequarter.net/wp-content/themes/creative-q/img/rent_pdf_bg.jpg); background-position: 50% 50%; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; } .pdf-screen_inner { position: relative; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-top: 150px; padding-bottom: 150px; } .rent_pdf { text-align: left; display: block; box-sizing: border-box; width: 100%; } .rent_pdf .rent__pdf-screen_title { width: 100%; font-family: "GothamProBold",sans-serif; font-size: 1.8rem; line-height: 1.3em; letter-spacing: 0px; color: #fff; margin-bottom: 20px; text-transform: none; } .btn.btn_rent { width: 240px; background-color: #fff; border: solid 1px #fff; color: #ff6800; } .btn.btn_rent:hover { background-color: #f8f8f8; color: #000; } .rent__ckient-screen_inner-wrapper .owl-carousel { } .owl_wrap { width: 100%; padding: 0 30px; box-sizing: border-box; } .ulkeybutton { padding: 0; } .h_pluses { background-color: #f7f7f7; padding-top: 50px; padding-bottom: 20px; } .h_cust { padding-left: 20px; padding-right: 20px; } .home__title_conts, .home__title_pluses, .home__title_tarifi { margin-bottom: 30px; } .container_wide.contain_bl { display: block; position: relative; padding: 0; } .row_pluses { display: flex; margin: 0px -15px; flex-wrap: wrap; } .col_pluses { -webkit-box-flex: 0 1 33.333%; -ms-flex: 0 1 33.333%; flex: 0 1 33.333%; padding: 0 15px; box-sizing: border-box; margin-bottom: 30px; } .h_plus_item { position: relative; padding: 0 0 0 65px; min-height: 72px; } .h_p_i_icon { position: absolute; width: 50px; top: 0; left: 0; z-index: 1; } .h_p_i_icon img { max-width: 100%; } .h_p_i_title { font-size: 22px; font-family: "GothamProBold", sans-serif; line-height: 1.2; margin-bottom: 5px; color: #000; } .h_p_i_text { font-family: "GothamProRegular", sans-serif; font-size: 14px; line-height: 1.4; color: #666666; } .h_tarifi { padding-top: 50px; padding-bottom: 50px; background-color: #ffffff; } .owl_wrap_tarifi { margin: 0 -10px; } .item-tar { padding: 0 10px 10px; max-width: 350px; margin: 0 auto; } .tarif_block_img { position: relative; margin-right: 35px; overflow: hidden; display: block; z-index: 1; } .tarif_ttl { position: absolute; display: block; width: 100%; top: 29%; left: 0; text-align: center; font-family: "GothamProBold", sans-serif; font-size: 22px; line-height: 1.3; color: #ffffff; padding: 0 20px; box-sizing: border-box; z-index: 1; } .tarif_block_info { margin-left: 35px; margin-top: -60px; background-color: #ffffff; position: relative; z-index: 2; padding: 25px; text-align: center; -webkit-box-shadow: 0 0 9px 0 rgba(0,0,0,0.1); box-shadow: 0 0 9px 0 rgba(0,0,0,0.1); } .tarif_price { font-family: "GothamProMedium", sans-serif; font-size: 22px; color: #000000; display: block; margin-bottom: 15px; } .tarif_block_info .btn { line-height: 3em; font-size: 14px; width: 100%; max-width: 190px; } .tarif_block_info .btn:hover { background: #fff; } .owl-tarifi .owl-nav { padding: 10px 10px 0; text-align: center; } .owl-tarifi .owl-nav [class*="owl-"] { display: inline-block; } .owl-tarifi .owl-nav .owl-prev {margin-right: 40px;} .owl-tarifi .owl-nav .owl-next {margin-left: 40px;} .h_seo { padding-top: 50px; padding-bottom: 55px; background-color: #f7f7f7; } .h_seo_text { font-size: 14px; color: #666666; line-height: 1.4; font-family: "GothamProRegular", sans-serif; } .h_seo_text h1 { color: #000000; line-height: 1.2; text-transform: none; letter-spacing: normal; margin-bottom: 20px; } .h_seo_text p { margin-bottom: 10px; } .h_seo_text p:last-of-type { margin-bottom: 0; } .h_contacts { padding-top: 50px; padding-bottom: 50px; background-color: #fff; } .h_conts_block { max-width: 420px; background: #fff; padding: 40px 40px 35px; margin-bottom: 70px; position: relative; z-index: 2; -webkit-box-shadow: 0 0 9px 0 rgba(0,0,0,0.1); box-shadow: 0 0 9px 0 rgba(0,0,0,0.1); } .h_conts_img { position: absolute; bottom: -70px; right: 0; width: 70%; height: 110%; background-color: transparent; background-image: url(//creativequarter.net/wp-content/themes/creative-q/img/home/home_conts_img.png); background-repeat: no-repeat; background-position: bottom right; background-size: cover; z-index: 1; } .h_photos { padding-top: 50px; background: #fff; } .home__locations { padding-top: 50px; padding-bottom: 30px; background: #f7f7f7; } .pad_l_r { padding: 0 20px; display: block; width: 100%; box-sizing: border-box; } #home-form, #request-form, #contact-us, #gulliver-form, #astarta-form, #rent-form, #uslugi-form { position: relative; } .f_loading { position: absolute; display: flex; flex-direction:column; justify-content: center; align-items: center; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(255,255,255,0.8); opacity: 0; visibility: hidden; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .f_loading.l_on { opacity: 1; visibility: visible; } .f_loading_img { display: inline-block; line-height: 1; margin-top: -15px; max-width: 260px; height: 52px; width: 100%; background-color: transparent; background-image: url(//creativequarter.net/wp-content/themes/creative-q/img/load_gif.gif); background-position: 0 0; background-repeat: no-repeat; background-size: 100%; } .home-form .cont_check { display: block; position: relative; padding: 0 5px 0 35px; margin-bottom: 24px; color: #666666; cursor: pointer; font-size: 12px; font-family: "GothamProLight", sans-serif; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .home-form .cont_check input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .home-form .checkmark { position: absolute; top: 50%; left: 0; height: 22px; width: 22px; background-color: #fff; border: 1px solid #c6c6c6; -webkit-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .home-form .cont_check:hover input ~ .checkmark { background-color: #f5f5f5; } .home-form .cont_check input:checked ~ .checkmark { background-color: #fff; } .home-form .checkmark:after { content: ""; position: absolute; display: none; } .home-form .cont_check input:checked ~ .checkmark:after { display: block; } .home-form .cont_check .checkmark:after { top: 4px; left: 2px; width: 18px; height: 16px; background-color: transparent; background-image: url(//creativequarter.net/wp-content/themes/creative-q/img/home/h_check_ic.png); background-size: 100%; background-repeat: no-repeat; background-position: 0 0; } @media only screen and ( max-width: 1200px ) { } @media only screen and ( max-width: 992px ) { .col_pluses { -webkit-box-flex: 0 1 50%; -ms-flex: 0 1 50%; flex: 0 1 50%; } .h_p_i_title { font-size: 20px; } .tarif_ttl { top: 33%; } } @media only screen and ( max-width: 800px ) { .h_contacts { background-color: #333; background-image: url(//creativequarter.net/wp-content/themes/creative-q/img/home/home_conts_img_mob.png); background-size: cover; background-repeat: no-repeat; background-position: bottom right; } .home__title_conts { text-align: center; color: #fff; text-shadow: 0 0 3px rgba(0,0,0,0.8); } .h_conts_block { max-width: 360px; padding: 35px 35px 30px; margin: 0 auto; } .home-form .btn-wrap { display: block; margin: 0 auto; } .h_conts_img { display: none; bottom: 0; width: 0; height: 0; background: none !important; } .home__first-screen { height: 100vh; } } @media only screen and ( max-width: 768px ) { .h_photos, .h_pluses { padding-top: 40px; } .home__members, .home__locations, .h_contacts, .h_tarifi { padding-top: 40px; padding-bottom: 40px; } .h_seo { padding-top: 40px; padding-bottom: 45px; } .members__list { padding: 0 15px; } .pad_l_r { padding: 0 15px; } .h_cust { padding-left: 15px; padding-right: 15px; } .h_plus_item { padding: 0 0 0 50px; min-height: 55px; } .h_p_i_icon { width: 38px; } .h_p_i_title { font-size: 18px; } } @media only screen and ( max-width: 600px ) { .col_pluses { -webkit-box-flex: 0 1 100%; -ms-flex: 0 1 100%; flex: 0 1 100%; margin-bottom: 25px; } .tarif_block_img { margin-right: 0; } .tarif_block_info { margin-right: 35px; } .tarif_ttl { top: 35%; } .tarif_price { font-size: 20px; } .home__members-title, .home__title_locations, .home__title_conts, .home__title_pluses, .home__title_tarifi { text-align: center; margin-bottom: 25px; } } @media only screen and ( max-width: 370px ) { .h_conts_block { padding: 35px 22px 30px; } } .locations_margintop50{ margin-top: 50px; } .rent__first-screen_inner-wrapper { padding-top: 250px; padding-bottom: 198px; background-color: rgba(0, 0, 0, 0.25); position: relative; } .rent__first-screen_subtitle { max-width: 550px; text-transform: none; font-family: "GothamProRegular", sans-serif; font-size: 0.875rem; letter-spacing: 0.7px; text-align: left; color: rgba(255, 255, 255, 0.8); line-height: 1.79em; } .rent__first-screen_subtitle > p { margin-bottom: 0; } .rent__second-screen_inner-wrapper { padding-top: 55px; padding-bottom: 40px; background-color: rgba(0, 0, 0, 0); position: relative; } .rent__second-screen_title { width: 100%; text-align: center; font-family: "GothamProBold",sans-serif; font-size: 2.25rem; letter-spacing: 0px; line-height: 1.3em; color: #000; margin-bottom: 18px; text-transform: none; } .rent-service__list-count { font-family: "GothamProBlack",sans-serif; font-size: 46px; line-height: 1.4em; letter-spacing: 0.2px; color: #ff6800; padding: 0 5px; text-shadow: 0 0 0 #fff; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .align-items-left:hover .rent-service__list-count { text-shadow: 0 4px 1px #ddd; } .rent-service__list-title { font-family: "GothamProBold",sans-serif; font-size: 18px; line-height: 1.4em; color: #000; padding: 7px 10px 0; } .rent-service__list-subtitle { font-family: "GothamProRegular",sans-serif; font-size: 15px; line-height: 1.5em; text-align: center; color: #3a3a3a; padding: 0 10px; } .align-items-left { text-align: left; padding-bottom: 2em; } @media screen and (max-width: 480px) { .align-items-left { max-width: 100%; } } @media screen and (min-width: 640px) { .align-items-left { max-width: 50%; } } @media screen and (min-width: 1200px) { .align-items-left { max-width: 20%; } } .rent__third-screen_title { width: 100%; text-align: center; font-family: "GothamProBold",sans-serif; font-size: 2.25rem; letter-spacing: 0; line-height: 1.3em; color: #000; text-transform: none; } .rent__page-heading { padding: 55px 0 55px; width: 100%; } .rent-service__list-item { background-color: #f6f6f6; } .why-service__list-item { height: 10.4375rem; padding: 3rem 0.8rem 0; position: relative; width: 30%; } .rent-service__list-icon { height: 1.2rem; margin-bottom: 0.3rem; } .blockrent { text-align: center; display: -webkit-box; display: -ms-flexbox; display: table; box-sizing: border-box; } .rent-image-count{ text-align:left; } .rent-service__list-name { font-family: "GothamProRegular",sans-serif; font-size: 15px; line-height: 1.5em; text-align: left; color: #3a3a3a; } .rent-tooltip{ width: 300px !important; } .rent__item_img-container { position: relative; max-width: 900px; } .plans__item_inverted .rent__item_visual { padding-right: 41px; position: absolute; left: 0px; } .rent__item_visual { padding-right: 0; position: absolute; right: 0; } .rent__item { width: 100%; background-color: #fff; } .rent_background{ background-color: #fff; z-index:999; } .rent__item_description { -webkit-box-flex: 0 1 50%; -ms-flex: 0 1 50%; flex: 0 1 50%; position: relative; padding: 40px; z-index: 999; background: #fff; width: 50%; -webkit-box-shadow: 0 4px 7px 0 rgba(0,0,0,.15); box-shadow: 0 4px 7px 0 rgba(0,0,0,.15); } .main_rent__item_description{ padding: 84px 0 84px 0; } .plans__item_inverted .rent__item_description { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .rent__item-text p { margin-bottom: 30px; } .rent-item-label{ width: 30%; padding: 5% 3%; } .rent-item-label-text{ font-family: "GothamProMedium",sans-serif; font-size: 1.125rem; font-weight: 400; color: #000; line-height: 1.8em; position: relative; } .rent-item-label-text:after { color:#ffc4ad; font-size: 5em; font-family: "GothamProMedium",sans-serif; font-weight: bold; position: absolute; top: 10px; left: 0; z-index: -1; } .main_first_text{ font-family: "GothamProRegular",sans-serif; font-size: 15px; line-height: 1.5em; text-align: center; color: #3a3a3a; width: 100%; padding-bottom: 45px; } .our-client{ width: 100%; padding-bottom: 50px; font-family: "GothamProRegular",sans-serif; font-size: 15px; line-height: 1.5em; text-align: center; color: #3a3a3a; } .rent-item-label-cost{ } .rent-item-block { padding: 10px 0 40px; } .rent-ul-data { margin: 0; padding-left: 22px; } .rent-ul-data li { margin-bottom: 5px; } .rent-ul-data li:last-child { margin-bottom: 0; } .plans__item-header a{ text-decoration:none; } .sobitielink .btn_gold:hover, .rent__item_description .btn_gold:hover { background-color: #fff; border: solid 1px #ff6800; } .rent__four-screen_inner-wrapper { padding-top: 20px; padding-bottom: 0px; background-color: rgba(0,0,0,0); position: relative; } .rent__four-screen_title { width: 100%; text-align: center; font-family: "GothamProBold",sans-serif; font-size: 2.25rem; letter-spacing: 0; line-height: 1.3em; color: #000; margin-bottom: 10px; text-transform: none; } .rent__item_description{ font-family: "GothamProRegular",sans-serif; font-size: 15px; line-height: 1.5; text-align: left; color: #3a3a3a; margin-top: 45px; } .plans__item_inverted .main_rent__item_description { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .plans__item_inverted .rent__item_description { -webkit-box-flex: 0 1 50%; -ms-flex: 0 1 50%; flex: 0 1 50%; padding: 40px; right: 0; z-index: 999; background: #fff; width: 50%; float: right; } .a-service__list_rent { background-color: transparent; } .rent__ckient-screen_inner-wrapper { padding-top: 55px; padding-bottom: 50px; background-color: rgba(0, 0, 0, 0); position: relative; } .rent__ckient-screen_title { width: 100%; text-align: center; font-family: "GothamProBold",sans-serif; font-size: 2.25rem; line-height: 1.3em; letter-spacing: 0px; color: #000; margin-bottom: 18px; text-transform: none; } .tablink{ font-family: "GothamProBold",sans-serif; font-size: 30px; list-style-type: none; line-height: 1.2em; padding: 22px 0; text-transform: uppercase; cursor:pointer; } .ulkeybutton .active{ color:#ff6800; } .keyflex{ display:flex; width: 100%; } .keybutton{ width: 420px; padding:15px; } .keytext{ background: #fafafa; display: block; font-family: "GothamProRegular"; width: 800px; -webkit-box-shadow: 1px 2px 9px 0 rgba(0,0,0,.15); box-shadow: 1px 2px 9px 0 rgba(0,0,0,.15); min-height: 412px; } .tabcontent{ margin: 50px; } .tabcontent p{ font-family: "GothamProRegular",sans-serif; font-size: 16px; line-height: 1.5em; color: #3a3a3a; padding-left: 45px; text-align: center; width: 100%; } .tabcontent img{ object-fit: cover; height: 230px; width: auto; } .uslugi-screen_inner { position: relative; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-top: 50px; padding-bottom: 30px; } .uslugi-screen_title{ width: 100%; text-align: center; font-family: "GothamProBold",sans-serif; font-size: 2.25rem; line-height: 1.3em; letter-spacing: 0px; color: #000; margin-bottom: 18px; text-transform: none; } .contacts__contacts .uslugi-screen_title{ text-align: left; } .vse-uslugi{ width: 100%; padding-bottom: 20px; font-family: "GothamProRegular",sans-serif; font-size: 15px; line-height: 1.5em; text-align: center; color: #3a3a3a; } .fa-angle-left:before { content: "\f104"; } .fa-angle-right:before { content: "\f105"; } #nav > div { font-size: 28px; position: absolute; top: -112px; z-index: 2; cursor: pointer; padding: 0 5px; } .rent__ckient-screen_inner-wrapper .owl-prev { left: 0; } .rent__ckient-screen_inner-wrapper .owl-next{ right: 0; } #nav { position: relative; width: 100%; } .btnrent { display: inline-block; width: 260px; font-family: GothamProBold; font-size: 17px; line-height: 4.16667em; text-align: center; color: #13161c; transition: all 0.3s ease-in-out 0s; box-sizing: border-box; border-radius: 0; } .btn:hover .btn__over:before { transition: -webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1); transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1); opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } .btn:hover .btn__over:after { -webkit-transform: translateZ(0); transform: translateZ(0); transition: none; opacity: 0; } .rent__item_img { position:relative; top: 80px; width: 100%; -webkit-box-shadow: 0 3px 6px 0 rgba(0,0,0,0.15); box-shadow: 0 3px 6px 0 rgba(0,0,0,0.15); } .uslugi-service__list-name li{ text-align: left; } .uslugi-service__list-item { height: 10.4375rem; margin-bottom: 30px; padding: 3rem 1.3rem 0; position: relative; width:25%; } .uslugi-service__list-item .ic_a { display: inline-block; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transform: translateY(0); transform: translateY(0); } .uslugi-service__list-item .ic_a:hover { -webkit-transform: translateY(-3px); transform: translateY(-3px); } .uslugi-service__list-icon { margin-bottom: 1.2rem; max-height: 85px; } .uslugi-service__list-name { font-family: "GothamProRegular",sans-serif; font-size: 15px; line-height: 1.5em; text-align: center; color: #3a3a3a; min-height: 142px; } .uslugi-service__list-name ul{ margin-block-start: 0em !important; margin-block-end: 0em !important; } .uslugi-service__list-item h3 { font-family: "GothamProBold"; font-size: 18px; line-height: 1.2em; text-transform: none; color:#000; padding-bottom: 5px; min-height: 50px; } .uslugi { display: inline-block; width: 160px; font-family: GothamProBold; font-size: 17px; line-height: 2.46667em; text-align: center; color: #13161c; transition: all .3s ease-in-out 0s; box-sizing: border-box; border-radius: 0; } .sobitie-screen_inner { position: relative; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-top: 55px; padding-bottom: 50px; } .sobitie-screen_title{ width: 100%; text-align: center; font-family: "GothamProBold",sans-serif; font-size: 2.25rem; line-height: 1.3em; letter-spacing: 0px; color: #000; margin-bottom: 25px; text-transform: none; } .sotibie_wrap { padding:0 5px; -webkit-box-sizing: border-box; box-sizing: border-box; } .sotibie_block{ max-width: 470px; height: 420px; object-fit: cover; background: #fff; -webkit-box-shadow: 2px 3px 4px rgba(0,0,0,.1); box-shadow: 2px 3px 4px rgba(0,0,0,.1); margin: 0 auto 8px; overflow: hidden; } .sotibie_img img{ height:245px; object-fit: cover; } .sotibie_block h3{ font-family: GothamProBold; font-size: 24px; line-height: 1em; text-transform: uppercase; color: #ff6800; padding: 25px 25px; } .sotibie_block h4{ font-family: GothamProBold; font-size: 22px; line-height: 1.3em; text-transform: uppercase; color: #000; padding: 0 25px; } #navsob > div { font-size: 28px; position: absolute; top: -250px; z-index: 2; cursor: pointer; padding: 0 5px; } .sobitie-screen_inner .owl-prev { left: -30px; } .sobitie-screen_inner .owl-next { right: -30px; } #navsob { position: relative; width: 100%; } .sobitielink{ padding-top: 25px; width:100%; text-align: center; } .rent__item_img_mobile{ display:none !important; } .plans__items { margin-bottom: 35px; } .rent__desc-text { max-width: 695px; font-family: "GothamProRegular",sans-serif; font-size: .875rem; line-height: 1.93; letter-spacing: .2px; text-align: left; color: rgba(0,0,0,.8); } .page-template-rent .owl-carousel .owl-item img { width: 100% !important; } .page-template-rent .plans__item { margin-bottom: 35px; } .page-template-rent .plans__item:first-child { margin-bottom: 15px; } .page-template-rent .contacts__wrapper { margin-bottom: 0px!important; } @media only screen and (max-device-width: 480px) { .rent__second-screen_title{ line-height: 1.3em; } .rent-service__list-count{ font-size: 40px; line-height: 1; } .uslugi-service__list-name { min-height: 0px; } .uslugi-service__list-item h3 { min-height: 0px; } .plans__items { margin-bottom: 30px; } .rent__item_visual{ display:none !important; } .rent__item_img_mobile{ display:block !important; } .rent__item_img_mobile .rent__item_img { top: 0px !important; width: 100% !important; } .a-service__list_rent{ padding: 0 10px 0 10px !important; } .rent__ckient-screen_inner-wrapper { padding-top: 30px !important; padding-bottom: 40px !important; } .rent__second-screen_inner-wrapper { padding-top: 30px !important; padding-bottom: 40px !important; } #nav>div{ display:none !important; } .rent__ckient-screen_title{ } .main_rent__item_description { padding: 1px !important; } .rent__item_description { -webkit-box-flex: 0 1 100%; -ms-flex: 0 1 100%; flex: 0 1 100%; padding: 10px; z-index: 999; background: #fff; width: 100%; } .rent__four-screen_inner-wrapper { padding-bottom: 0px; } .rent__item_img_mobile { padding-bottom: 20px; } .plans__item_inverted .rent__item_description { -webkit-box-flex: 0 1 100%; -ms-flex: 0 1 100%; flex: 0 1 100%; padding: 10px; width: 100%; } .sobitie-screen_inner { padding-top: 30px !important; padding-bottom: 20px !important; } .sobitie-screen_title { padding-bottom: 5px !important; } .owl-sobitie { margin-left: 0px !important; } .sotibie_block { height: 400px !important; } .sobitielink { padding-top: 30px !important; } .btnrent { width: 200px !important; line-height: 3em !important; } .keyflex { display: block !important; } .keybutton { width: 100% !important; } .keytext { width: 100% !important; } #navsob{ display: none !important; } .uslugi-screen_inner { padding-top: 30px !important; padding-bottom: 20px !important; } .uslugi-screen_title { } .main_first_text{ } .our-client{ } .page-template-rent .header__logo img{ width: 100%; } } @media (max-width: 1199px) { .keytext { min-height: 375px; } .tabcontent { margin: 30px 40px; } .tablink { font-size: 26px; padding: 18px 0; } .tabcontent img { height: 150px; } .tabcontent p { padding-left: 30px; font-size: 15px; } .rent-item-label-text { font-size: 1rem; } .main_rent__item_description { padding: 74px 0; } .rent__item_description { padding: 30px; } .rent__item_img { -webkit-box-shadow: none; box-shadow: none; } } @media (max-width: 992px) { .pdf-screen_inner { padding-top: 120px; padding-bottom: 120px; } .keybutton { width: 380px; } .tablink { font-size: 22px; padding: 14px 0; } .tabcontent img { height: 80px; } .uslugi-service__list-item { width: 30%; } .plans__item_inverted .rent__item_description, .rent__item_description { width: 60%; } .main_rent__item_description { padding: 70px 0 30px; } } @media (max-width: 800px) { .plans__items { margin-bottom: 70px; } } @media (max-width: 640px) { .rent_pdf { text-align: center; } .rent-service__list-item{ flex: none !important; width:100%; height: auto; display: block; } .rent__second-screen_title, .rent__third-screen_title, .rent__ckient-screen_title, .rent__four-screen_title, .sobitie-screen_title, .uslugi-screen_title { font-size: 1.7rem; } .rent__page-heading { padding: 40px 0 40px; } .sotibie_block h3 { font-size: 22px; padding: 20px 25px 15px; } .sotibie_block h4 { font-size: 18px; } .uslugi-service__list-item { -webkit-box-flex: 0 1 100%; -ms-flex: 0 1 100%; flex: 0 1 100%; height: 10.4375rem; width:100%; } #navsob{ display: none !important; } .owl_wrap { padding: 0; } .uslugi-service__list-name { min-height: 0px; } .main_rent__item_description { padding: 1px !important; } .rent__item_description { -webkit-box-flex: 0 1 100%; -ms-flex: 0 1 100%; flex: 0 1 100%; padding: 10px; z-index: 999; width: 100%; } .rent__item_description, .plans__item_inverted .rent__item_description { background: #fafafa; margin-top: 20px; } .rent__four-screen_inner-wrapper { padding-bottom: 0px; } .rent__item_img_mobile { padding-bottom: 20px; } .plans__item_inverted .rent__item_description { -webkit-box-flex: 0 1 100%; -ms-flex: 0 1 100%; flex: 0 1 100%; padding: 10px; width: 100%; } .keyflex { display: block !important; } .keybutton { width: 100% !important; -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 0; } .ulkeybutton { margin-top: 0; } .keytext { width: 100% !important; min-height: auto; } .tablink { font-size: 18px; padding: 6px 0; } .tabcontent img { height: 70px; } .tabcontent { margin: 0 !important; padding: 16px; } .tabcontent p { padding-left: 15px; } } @media (max-width: 420px) { #nav > div { top: -90px; } .sotibie_block h4 { font-size: 16px; padding: 0 15px; } .sotibie_block h3 { font-size: 18px; padding: 15px 15px 15px; } .tabcontent img { height: 44px; } } @media (min-width: 481px) and (max-width: 640px) { .page-template-rent .header__logo img{ width: 100%; } .our-client{ } .main_first_text{ } .uslugi-service__list-item h3 { min-height: 0px; } .plans__items { margin-bottom: 40px; } .rent__item_visual{ display:none !important; } .rent__item_img_mobile{ display:block !important; } .rent__item_img_mobile .rent__item_img { top: 0px !important; width: 100% !important; } .a-service__list_rent{ padding: 0 10px 0 10px !important; } .rent__ckient-screen_inner-wrapper { padding-top: 30px !important; padding-bottom: 40px !important; } .rent__second-screen_inner-wrapper { padding-top: 30px !important; padding-bottom: 40px !important; } #nav>div{ display:none !important; } .rent__ckient-screen_title{ } .sobitie-screen_inner { padding-top: 30px !important; padding-bottom: 20px !important; } .sobitie-screen_title { padding-bottom: 5px !important; } .owl-sobitie { margin-left: 0px !important; } .sotibie_block { height: 400px !important; } .sobitielink { padding-top: 30px !important; } .btnrent { width: 200px !important; line-height: 3em !important; } .uslugi-screen_inner { padding-top: 30px !important; padding-bottom: 20px !important; } .uslugi-screen_title { } .uslugi-service__list-item { -webkit-box-flex: 0 1 100%; -ms-flex: 0 1 100%; flex: 0 1 100%; height: 10.4375rem; width:100%; } .contacts__team-headline { margin-bottom: 50px; } @media (min-width: 1024px) { .contacts__team-headline { padding-left: 10px; } } @media (max-width: 992px) { .contacts__team-headline { padding-left: 0; } } @media (max-width: 767px) { .contacts__team-headline { padding-left: 0; text-align: center; } } .contacts__team-headline h3 { margin: 0; font-family: "GothamProBold", sans-serif; font-size: 36px; letter-spacing: 1.8px; color: #000; } .contacts__team-items { margin-top: 158px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (min-width: 1024px) { .contacts__team-items { margin-left: -29px; } } @media (min-width: 767px) and (max-width: 992px) { .contacts__team-items { margin-left: -20px; } } .contacts__team-item { width: 33.33%; height: 310px; padding: 0px 40px 0px 40px; box-sizing: border-box; margin-bottom: 190px; } @media (max-width: 992px) { .contacts__team-item { width: 50%; padding-left: 20px; padding-right: 30px; } } @media (max-width: 767px) { .contacts__team-item { width: 100%; padding-left: 0; margin-bottom: 175px; padding-right: 20px; } .contacts__team-item:last-child { margin-bottom: 130px; } } .contacts__team-item_in { height: 100%; background-color: #fff; box-sizing: border-box; } .contacts__team-item_img { width: 100%; height: 280px; } .contacts__team-item_img img { display: block; width: 100%; height: 100%; -o-object-position: center; object-position: center; -o-object-fit: cover; object-fit: cover; position: relative; top: -100px; right: -36px; } @media (max-width: 992px) { .contacts__team-item_img img { right: -30px; } } @media (max-width: 767px) { .contacts__team-item_img img { right: -20px; } } .contacts__team-item_name { margin-top: -68px; padding: 0px 0px 0px 36px; } @media (max-width: 767px) { .contacts__team-item_name { padding-left: 30px; } } @media (max-width: 767px) { .contacts__team-item_name { padding-left: 20px; } } .contacts__team-item_name h4, .contacts__team-item_name h3 { margin: 0; } .contacts__team-item_name h3 { text-transform: uppercase; color: #000000; font-family: "GothamProMedium", sans-serif; margin-bottom: 15px; font-size: 18px; letter-spacing: 0.9px; } .contacts__team-item_name h4 { color: #515151; font-family: "GothamProRegular", sans-serif; font-size: 13px; letter-spacing: 0.6px; } } @media screen and (min-width: 1200px) { .align-items-left { max-width: 33%; } } @media screen and (max-width: 639px) { .locations__first-screen .align-items-left { text-align:center; width: 100%; } } @media screen and (min-width: 640px) { .locations__first-screen .align-items-left { width: 33%; text-align:center; } } @media screen and (min-width: 1200px) { .locations__first-screen .align-items-left { width: 30%; text-align:center; } }.request__input { display: block; } .inp-error, .inp-error input { border-color: red; } .localization a.active { color: #ff6800; } .header_inverted .localization__item.active:hover { color: #ff6800; } .a-service__list-item-tooltip-reverse { right: 100% !important; left: auto !important; opacity: 1 !important; display: none !important; } .a-service__list-item:hover .a-service__list-item-tooltip-reverse { display: flex !important; } .request__text { text-align: center; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-color: #FFF; z-index: 10; display: none; } .request__text-in { position: absolute; top: 50%; transform: translate(0, -50%); left: 0; right: 0; text-align: center; } .request__text h3 { color: #000; line-height: 1.4em; } .request__text h4 { font-family: "GothamProRegular", sans-serif; } .request__btn .btn { cursor: pointer; } .cp .a-service__list-item { cursor: pointer !important; } .a-service__list-item { cursor: default !important; } .locations__first-screen-btn .btn { cursor: pointer; } select[name=seats] { height: 27px; outline: none; color: rgba(24, 24, 24, 0.66); } .contacts__team-headline { margin-bottom: 50px; } @media (min-width: 1024px) { .contacts__team-headline { padding-left: 10px; } } @media (max-width: 992px) { .contacts__team-headline { padding-left: 0; } } @media (max-width: 767px) { .contacts__team-headline { padding-left: 0; text-align: center; } } .contacts__team-headline h3 { margin: 0; font-family: "GothamProBold", sans-serif; font-size: 36px; letter-spacing: 1.8px; color: #000; } .contacts__team-items { margin-top: 158px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (min-width: 1024px) { .contacts__team-items { margin-left: -29px; } } @media (min-width: 767px) and (max-width: 992px) { .contacts__team-items { margin-left: -20px; } } .contacts__team-item { width: 33.33%; height: 310px; padding: 0px 40px 0px 40px; box-sizing: border-box; margin-bottom: 190px; } @media (max-width: 992px) { .contacts__team-item { width: 50%; padding-left: 20px; padding-right: 30px; } } @media (max-width: 767px) { .contacts__team-item { width: 100%; padding-left: 0; margin-bottom: 175px; padding-right: 20px; } .contacts__team-item:last-child { margin-bottom: 130px; } } .contacts__team-item_in { height: 100%; background-color: #fff; box-sizing: border-box; } .contacts__team-item_img { width: 100%; height: 280px; } .contacts__team-item_img img { display: block; width: 100%; height: 100%; -o-object-position: center; object-position: center; -o-object-fit: cover; object-fit: cover; position: relative; top: -100px; right: -36px; } @media (max-width: 992px) { .contacts__team-item_img img { right: -30px; } } @media (max-width: 767px) { .contacts__team-item_img img { right: -20px; } } .contacts__team-item_name { margin-top: -68px; padding: 0px 0px 0px 36px; } @media (max-width: 767px) { .contacts__team-item_name { padding-left: 30px; } } @media (max-width: 767px) { .contacts__team-item_name { padding-left: 20px; } } .contacts__team-item_name h4, .contacts__team-item_name h3 { margin: 0; } .contacts__team-item_name h3 { text-transform: uppercase; color: #000000; font-family: "GothamProMedium", sans-serif; margin-bottom: 15px; font-size: 18px; letter-spacing: 0.9px; } .contacts__team-item_name h4 { color: #515151; font-family: "GothamProRegular", sans-serif; font-size: 13px; letter-spacing: 0.6px; }