@import url('https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700,700i,900,900i&subset=cyrillic'); @import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,300i,400,400i,700,700i&subset=cyrillic'); @wDesktop: ~'1240rem'; @wDesktopM: ~'1239rem'; @wTabletWide: ~'992rem'; @wTabletWideM: ~'991rem'; @wTablet: ~'768rem'; @wTabletM: ~'767rem'; @wMobile: ~'480rem'; @wMobileM: ~'479rem'; @grey: ~'#434653'; @greyL: ~'#d1d3de'; @hover: ~'#df0334'; *:focus { outline: none; } .animate{ transition-duration: 0.5s; } /* Flex */ .flex { display: -webkit-box; display: -ms-flexbox; display: flex; } .flex_inline { display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; } .flex_sb { -webkit-justify-content: space-between; justify-content: space-between; } .flex_ac { -webkit-align-items: center; align-items: center; } .flex_hc { justify-content: center; } .flex_ab { -webkit-align-items: baseline; align-items: baseline; } .flex_center { .flex_ac; -webkit-justify-content: center; justify-content: center; } .flex_vertical { -webkit-flex-direction: column; flex-direction: column; } .flex_wrap { -webkit-flex-wrap: wrap; flex-wrap: wrap; } .flex_grow { -webkit-flex-grow: 1; flex-grow: 1; } .flex_no-grow { -webkit-flex-grow: 0; flex-grow: 0; } .flex_no-shrink { -webkit-flex-shrink: 0; flex-shrink: 0; } .verticalMiddle{ top: 50%; -ms-transform: translate(0,-50%); /* IE 9 */ -webkit-transform: translate(0,-50%); /* Chrome, Safari, Opera */ transform: translate(0,-50%); position: absolute; } .itemCenter{ top: 50%; left:50%; -ms-transform: translate(-50%,-50%); /* IE 9 */ -webkit-transform: translate(-50%,-50%); /* Chrome, Safari, Opera */ transform: translate(-50%,-50%); position: absolute; } .horizontalMiddle{ left: 50%; -ms-transform: translate(-50%,0); /* IE 9 */ -webkit-transform: translate(-50%,0); /* Chrome, Safari, Opera */ transform: translate(-50%,0); position: absolute; } .cssAnimate(@time:0.1s, @type:linear){ -moz-transition: all @time @type; -o-transition: all @time @type; -webkit-transition: all @time @type; } .cssRotate(@deg){ -ms-transform: rotate(@deg); /* IE 9 */ -webkit-transform: rotate(@deg); /* Chrome, Safari, Opera */ transform: rotate(@deg); } .fullSize(@positon:absolute){ top: 0; right: 0; bottom: 0; left: 0; position:@positon; } .scale(@deg:0){ -ms-transform: scale(@deg); /* IE 9 */ -webkit-transform: scale(@deg); /* Chrome, Safari, Opera */ transform: scale(@deg); } .rotate(@deg:0){ -ms-transform: rotate(@deg); /* IE 9 */ -webkit-transform: rotate(@deg); /* Chrome, Safari, Opera */ transform: rotate(@deg); } .clearfix{ &:after{ content: ""; display: block; clear: both; } } *{ -moz-box-sizing: border-box; box-sizing: border-box; } .bg__dark{ } /* Eric Meyer's CSS Reset */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } html{ font-size: 1px; } body { line-height: 1; &:after{ content: ""; width: 282px; height: 54px; background: url("/img/logo.svg") no-repeat; background-size: contain; .itemCenter; position: fixed; } .wrapper, .footer{ -webkit-transition: opacity 0.4s; opacity: 0; } &.loaded{ &:after{ display: none; } .wrapper,.footer{ opacity: 1; } } &::-webkit-scrollbar{ width: 0.25rem; background-color: #F5F5F5; } &::-webkit-scrollbar-thumb{ border-radius: 0.5rem; -webkit-box-shadow: inset 0 0 0.3rem rgba(0,0,0,.3); background-color: #000; } &.noScroll{ overflow: hidden; margin-right: 0.25rem; position: relative; } } h3{ color: #434653; font-family: "Roboto Condensed"; font-size: 1.75rem; font-weight: 700; line-height: 2rem; text-transform: uppercase; /* Text style for "Г, остиниц" */ letter-spacing: 0.035rem; margin-bottom: 1rem; } h4{ color: #434653; font-family: "Roboto Condensed"; font-size: 1rem; font-weight: 700; line-height: 1.5rem; text-transform: uppercase; /* Text style for "М, ечеть К" */ letter-spacing: 0.02rem; margin-bottom: 0.75rem; } p{ line-height: 1.5rem; letter-spacing: 0.018rem; margin-bottom: 0.5rem; } ol, ul { //list-style: none; margin-bottom: 0.75rem; } li{ margin-bottom: 0.5rem; } table:not([class]){ width: 100%; } td:not([class]){ padding: 0.5rem; vertical-align: top; } em{ font-style: italic; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } /* End of Eric Meyer's CSS Reset */ html { height: 100%; } article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } strong{ font-weight: 700; } body { font-size: 0.7rem; font-family: 'Roboto', sans-serif; color:#424552; height: 100%; } h1:not([class]){ color: #424552; font-family: "Roboto Condensed"; font-size: 3rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.025rem; margin-bottom: 2rem; } h2:not([class]){ color: #424552; font-family: "Roboto Condensed"; font-size: 2.5rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.02rem; } h3:not([class]){ color: #424552; font-family: "Roboto Condensed"; font-size: 2rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.0015rem; } a:not([class]){ font-weight: 700; text-decoration: none; color: #424552; .link_type-2 } .links{ } .link_type-1{ display: inline; background-image: linear-gradient(to right, #ffffff 100%, transparent 75%); background-position: 0 1.4em; background-repeat: repeat-x; background-size: 0.35rem 0.1rem; &:hover{ background-image: linear-gradient(to right, #df0334 100%, transparent 75%); background-size: 0.35rem 0.15rem; color: #df0334; } } .link_type-2{ display: inline; background-image: linear-gradient(to right, #c5c6ce 100%, transparent 75%); background-position: 0 1.1em; background-repeat: repeat-x; background-size: 0.35rem 0.1rem; &:hover{ background-image: linear-gradient(to right, #df0334 100%, transparent 75%); background-size: 0.35rem 0.15rem; color: #df0334; } } .wrapper { width: 100%; min-width: 16rem; min-height: 100%; height: auto !important; height: 100%; position: relative; overflow: hidden; background: #dee1eb; &:after{ width: 0.05rem; height: 100%; background: rgba(255,255,255,0.15); position: absolute; right: 4.6rem; top: 5.75rem; content: ''; z-index: 10; } } .main-img{ position: absolute; width: 100%; top: 0; left: 0; opacity: 0; z-index: 111; pointer-events: none; display: none; } .s_arr{ margin-left:0.9rem; width: 0.65rem; height: 0.4rem; } .s_arr-rotate{ .cssRotate(180deg); } .btn-link{ cursor: pointer; //overflow: visible !important; height: 2.75rem; display: inline-block; .flex_inline; .flex_center; color: #424552; font-family: Roboto; font-size: 0.85rem; font-weight: 700; line-height: 0.015rem; text-transform: uppercase; /* Text style for "к, списку" */ letter-spacing: 0.0165rem; text-decoration: none; text-align: center; background: #ececec; position: relative; padding: 0 1.25rem; margin-left: 1.85rem; margin-right: 1.85rem; border: 0; &.ladda-button{ transition: 0s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important; } } .btn-type-1{ color: #ffffff; background: #df0334; &:after{ content: ""; width: 2rem; height: 2.75rem; background: url(../img/btn-left-type-2.svg) left; background-size: 8.6rem 2.75rem; top: 0; position: absolute; right: 100%; margin-right: -0.1rem; } &:before{ content: ""; width: 2rem; height: 2.75rem; background: url(../img/btn-left-type-2.svg) right; background-size: 8.6rem 2.75rem; top: 0; position: absolute; left: 100%; margin-left: -0.1rem; } .s_arr path{ fill:#fff; } .btn-link__icon-arr{ path{ fill:#fff; } } &:hover{ background:#fff; color: #424552; &:after{ background: url(../img/btn-type-3.svg) left; background-size: 15rem 2.75rem; top: 0; position: absolute; right: 100%; } &:before{ background: url(../img/btn-type-3.svg) right; background-size: 15rem 2.75rem; top: 0; position: absolute; left: 100%; } .s_arr path{ fill:#424552; } } .ok-icon{ path{ fill:#fff; } } } .btn-type-2{ &:after{ content: ""; width: 2rem; height: 2.75rem; background: url(../img/btn-type-1.svg) left; background-size: 17.8rem 2.75rem; top: 0; position: absolute; right: 100%; margin-right:-0.1rem; } &:before{ content: ""; width: 2rem; height: 2.75rem; background: url(../img/btn-type-1.svg) right; background-size: 17.8rem 2.75rem; top: 0; position: absolute; left: 100%; margin-left:-0.1rem; } &:hover{ color: #ffffff; background: #df0334; &:after{ background: url(../img/btn-left-type-2.svg) left; background-size: 8.6rem 2.75rem; top: 0; position: absolute; right: 100%; } &:before{ background: url(../img/btn-left-type-2.svg) right; background-size: 8.6rem 2.75rem; top: 0; position: absolute; left: 100%; } .btn-link__icon-arr{ path{ fill:#fff; } } .ok-icon{ path{ fill:#fff; } } .s_arr path{ fill:#fff; } } } .btn-type-3{ background:#fff; color: #424552; &:after{ content: ""; width: 2rem; height: 2.75rem; background: url(../img/btn-type-2.svg) left; background-size: 8.6rem 2.75rem; top: 0; position: absolute; right: 100%; margin-right:-0.1rem; } &:before{ content: ""; width: 2rem; height: 2.75rem; background: url(../img/btn-type-2.svg) right; background-size: 8.6rem 2.75rem; top: 0; position: absolute; left: 100%; margin-left:-0.1rem; } &:hover{ color: #ffffff; background: #df0334; &:after{ background: url(../img/btn-left-type-2.svg) left; background-size: 8.6rem 2.75rem; top: 0; position: absolute; right: 100%; } &:before{ background: url(../img/btn-left-type-2.svg) right; background-size: 8.6rem 2.75rem; top: 0; position: absolute; left: 100%; } .btn-link__icon-arr{ path{ fill:#fff; } } .ok-icon{ path{ fill:#fff; } } .s_arr path{ fill:#fff; } } } .btn-type-4{ background:#434653; color: #fff; &:after{ content: ""; width: 1.85rem; height: 2.75rem; background: url(../img/btn-type-4.svg) left; background-size: 8.6rem 2.75rem; top: 0; position: absolute; right: 100%; margin-right: -0.1rem; } &:before{ content: ""; width: 1.85rem; height: 2.75rem; background: url(../img/btn-type-4.svg) right; background-size: 8.6rem 2.75rem; top: 0; position: absolute; left: 100%; margin-left: -0.1rem; } .close-icon{ margin-top: 0.25rem; margin-left: 0.25rem; path{ fill:#fff; } } .s_arr path{ fill:#fff; } } .btn-type-5{ color: #ffffff; background: #df0334; &:after{ content: ""; width: 2rem; height: 2.75rem; background: url(../img/search-btn.svg) left; background-size: 12.6rem 2.75rem; top: 0; position: absolute; right: 100%; margin-right: -0.1rem; } &:before{ content: ""; width: 2rem; height: 2.75rem; background: url(../img/search-btn.svg) right; background-size: 12.6rem 2.75rem; top: 0; position: absolute; left: 100%; margin-left: -0.1rem; } .s_arr path{ fill:#fff; } .btn-link__icon-arr{ path{ fill:#fff; } } &:hover{ background:#b60029; &:after{ background: url(../img/btn-type-5.svg) left; background-size: 12.6rem 2.75rem; top: 0; position: absolute; right: 100%; } &:before{ background: url(../img/btn-type-5.svg) right; background-size: 12.6rem 2.75rem; top: 0; position: absolute; left: 100%; } .s_arr path{ //fill:#424552; } } .ok-icon{ path{ fill:#fff; } } } .btn{ width: 17.2rem; height: 2.75rem; display: inline-block; .flex; .flex_center; color: #424552; font-family: Roboto; font-size: 0.85rem; font-weight: 700; line-height: 0.015rem; text-transform: uppercase; /* Text style for "к, списку" */ letter-spacing: 0.0165rem; text-decoration: none; text-align: center; } .btn-link__icon-arr{ width: 1.25rem !important; } .btn_light{ background: url(../img/btn-light.png); } .btn_news{ background: url(../img/btn-news.png); width: 14.4rem; height: 2.75rem; .btn__icon{ margin-left: 1rem; } } .btn-link__icon-close{ width: 0.75rem; margin-left: 0.75rem; } .btn_discount{ background: url(../img/btn-discount.png); width: 17.2rem; height: 2.75rem; color: #fff; .btn__icon{ margin-left: 1rem; } } .btn__icon{ margin-left: 0.7rem; } .up-btn { background: url(../img/up.png); width: 3.85rem; height: 4.45rem; position: fixed; right: 2.7rem; bottom: 5rem; display:inline-block; z-index: 11; display:none; } #topcontrol{ z-index: 11; right: 2.75rem!important; bottom: 7.75rem!important; img{ width:3.85rem; } } .discount-btn__wrap{ position: absolute; right: 2.65rem; top: 7.5rem; z-index:11; } .discount-btn { background: url(../img/discount-btn.svg) no-repeat; background-size: 3.85rem 4.45rem; width: 3.85rem; height: 4.45rem; display:inline-block; .flex; .flex_center; text-decoration: none; } .discount-btn__hint{ color: #ffffff; font-family: Roboto; font-size: 0.75rem; font-weight: 700; line-height: 1.45rem; text-transform: uppercase; /* Text style for "акция" */ letter-spacing: 0.0375rem; } .close_discount{ background: url(../img/close.svg); background-size: 3.85rem 4.45rem; width: 3.85rem; height: 4.45rem; position: absolute; right: 2.4rem; top: 5rem; display:inline-block; z-index: 11; cursor: pointer; //.animate; &:hover{ background: url(../img/close-h.svg); background-size: 3.85rem 4.45rem; } /*&:after{ content:'закрыть'; .itemCenter; font-size: 0.65rem; line-height:29px; color:#ffffff; font-weight: 900; } */ } .pop-full-box__wrap{ position: relative; } .pop-full-box__bg{ position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.4); } .pop__news-search-wrap{ box-shadow: 0 0 7.5rem rgba(66, 69, 82, 0.3), 0 3.4rem 3.5rem rgba(0, 0, 0, 0.21); background-color: #ffffff; background-image: linear-gradient(to top, #f2f3f7 0%, #f2f3f7 1%, #d9dce3 100%); padding: 1.75rem 2rem 1.8rem 2.6rem; } .pop__news-search-head{ color: #434653; font-family: "Roboto Condensed"; font-size: 2rem; font-weight: 700; line-height: 1.5rem; text-transform: uppercase; /* Text style for "н, айти но" */ letter-spacing: 0.04rem; margin-bottom: 1.25rem; } .pop__news-search-form{ position: relative; .btn-link{ position: absolute; right: 0; .verticalMiddle; } } .pop__news-search-input{ width: 33.5rem; margin-right: 1.5rem; height: 2.5rem; border-radius: 0.15rem; background-color: #ffffff; border: 0; padding: 0 0.8rem; @media (max-width: 1400px) { height: 28px; width:362px; margin-right: 20px; padding-right: 140px; } } .pop-full-box{ position: fixed; width: 100%; height: 100%; overflow: auto; left: 0; top: 0; //background: #fff; z-index: 100; opacity: 0; &::-webkit-scrollbar{ width: 0.25rem; background-color: #F5F5F5; } &::-webkit-scrollbar-thumb{ border-radius: 0.5rem; -webkit-box-shadow: inset 0 0 0.3rem rgba(0,0,0,.3); background-color: #000; } //.scale(1.3); pointer-events: none; .animate; &.active{ opacity: 1; //.scale(1); pointer-events: auto; } } /* Header -----------------------------------------------------------------------------*/ .header { height: 6.5rem; position: relative; z-index: 22; padding-top: 1.15rem; } .page_light{ .breadcrumbs a{ color: #fff; } .header{ position: relative; z-index: 22; background: none; .logo__img_light{ display: block; } .logo__img_dark{ display: none; } &:before{ content:''; width: 100%; position: absolute; background: -moz-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0.64) 1%, rgba(0,0,0,0) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.64) 1%,rgba(0,0,0,0) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.64) 1%,rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); display: block; height: 11.4rem; top: 0; left: 0; z-index: -1; opacity: 0.4; pointer-events: none; } .header__phone, .header__time, .header__enter-link{ color: #ffffff; } .header__call-me-btn{ //background-color: rgba(255,255,255,0.1); } .header__enter-link{ border-bottom: 0.05rem solid #dcdcdc; &:hover{ color: #df0334; border-bottom: 0.15rem solid #df0334; } } } } .header-content{ position: relative; z-index: 2; } .header-menu{ position: absolute; width: 100%; padding: 0 3.4rem; padding-top: 10rem; height: 28.35rem; box-shadow: -0.5rem 3.35rem 3.5rem rgba(0, 0, 0, 0.21); background-color: #dee0e7; background-image: linear-gradient(to top, #f2f3f7 0%, #f2f3f7 1%, #d9dce3 100%); top: 0; opacity: 0; pointer-events: none; .animate; &.active{ opacity: 1; pointer-events: auto; } } .header-menu_content{ .flex; .flex_sb; } .header-menu__bottom{ position:absolute; bottom:1rem; //width: 100%; } .menu_dark{ .menu__head{ color: #31395e; .menu__link_big; } .menu__link-wrap{ margin-bottom: 1.5rem; } .menu__link{ font-weight: 700; color: #31395e; border-bottom: 0.05rem solid rgba(49, 57, 94, 0.2); &:hover{ color: #df0334; border-bottom: 0.05rem solid #df0334; } } .menu__link_big{ color: #31395e; border-bottom: 0.1rem solid rgba(49, 57, 94, 0.2); &:hover{ color: #df0334; border-bottom: 0.15rem solid #df0334; } } .menu__link-wrap_big{ margin-bottom: 1.5rem; } } .social_dark{ .social__hint{ color: #9396a7; font-size: 0.8rem; font-weight: 300; line-height: 1.2rem; letter-spacing: 0.016rem; } } #nav-icon3 { //display: inline-block; vertical-align: top; width: 1.1rem; height: 12px; position: relative; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; } #nav-icon3 span{ display: block; position: absolute; height: 2px; width: 100%; border-radius: 0.15rem; background-color: #666666; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; @media (max-width: 1400px) { height: 1px; } } /* Icon 3 */ #nav-icon3 span:nth-child(1) { top: 0px; } #nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3) { top: 5px; /*@media (max-width: 1400px) { top: 0.4rem; } */ } #nav-icon3 span:nth-child(4) { top: 10px; /*@media (max-width: 1400px) { top: 0.75rem; } */ } #nav-icon3.open span:nth-child(1) { top: 0.35rem; width: 0%; left: 50%; } #nav-icon3.open span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } #nav-icon3.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } #nav-icon3.open span:nth-child(4) { top: 0.9rem; width: 0%; left: 50%; } .header_left{ float: left; padding-left: 2.5rem; .flex; } .logo{ //float: left; margin-right: 3.05rem; } .logo__img{ width: 14.1rem; } .logo__img_light{ display: none; } .header__phone{ margin-right: 1.2rem; color: #424552; font-size: 0.75rem; font-weight: 700; text-transform: uppercase; font-weight: 300; letter-spacing: 0.095rem; //float: left; margin-top: 0.9rem; } .banner-main-top{ position: relative; } .header__call-me-btn{ color: #424552; font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.0145rem; height: 2.3rem; box-shadow: -0.15rem 1rem 1.05rem rgba(0, 0, 0, 0.08); border-radius: 0.1rem; line-height: 2.3rem; padding: 0 1.5rem; text-decoration: none; display: inline-block; background: #ffffff; &:hover{ color:#fff; background: @hover; } } .header__call-me-btn_mix{ //float: left; margin-right: 2.7rem; } .header__time{ //float: left; color: #424552; font-size: 0.75rem; font-weight: 300; margin-top: 0.9rem; margin-right: 1.1rem; } .header__time-val{ font-weight: 700; } .header__right{ float: right; margin-right: 1.4rem; } .header__enter-link{ color: #424552; font-size: 0.75rem; font-weight: 700; line-height: 1.6rem; text-transform: uppercase; /* Text style for "в, ход" */ letter-spacing: 0.0375rem; margin-right: 2.85rem; display: inline-block; text-decoration: none; border-bottom: 0.05rem solid rgba(66, 69, 82, 0.2); vertical-align: -0.1rem; border-bottom: 0.05rem solid #dcdcdc; &:hover{ color: #df0334; border-bottom: 0.15rem solid #df0334; } } .menu-link{ .flex_inline; .flex_ac; height: 2.8rem; //width: 7rem; box-shadow: -0.5rem 3.35rem 3.5rem rgba(0, 0, 0, 0.21); border-radius: 0.1rem; background-color: #ffffff; line-height: 2.6rem; cursor: pointer; padding-left: 1.35rem; padding-right: 1rem; } .menu-link__hint{ color: #424552; font-family: Roboto; font-size: 0.85rem; font-weight: 700; text-transform: uppercase; /* Text style for "М, еню" */ letter-spacing: 0.0425rem; vertical-align: middle; } .menu-link__btn{ display: inline-block; line-height: 1; vertical-align: middle; margin-right: 0.6rem; } .menu_open{ display: block; } /* Middle -----------------------------------------------------------------------------*/ .content { padding: 0 0 19.45rem; } .banner-main__img{ width: 100%; display: block; position: relative; &_bottom{ top: -17.5rem; } } .banner-main-top{ } .banner-main{ clear: both; position: relative; top: -6.5rem; margin-bottom: -4.7rem; } .banner-main-top__img-wrap{ height: 35.6rem; overflow: hidden; &:after { top: 0; right: 0; bottom: 0; left: 0; position: absolute; pointer-events: none; content: ""; background: rgba(0, 0, 0, 0.3); } } .banner-top__content{ position: absolute; top: 9.7rem; //width: 100%; padding-left: 2.2rem; width: 88.95rem; white-space: nowrap; } .banner-main-top__title{ text-shadow: -0.5rem 3.35rem 3.5rem rgba(0, 0, 0, 0.21); color: #ffffff; font-family: "Roboto Condensed"; font-size: 17.25rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.15rem; text-decoration: none; } .banner-main-top__year{ font-weight: 300; letter-spacing: -0.65rem; margin-left: 1.55rem; } .banner-main__link{ color: #ffffff; font-size: 0.75rem; font-weight: 700; line-height: 1.2rem; /* Text style for "Порядок со" */ letter-spacing: 0.0375rem; text-decoration: none; margin-right: 4.2rem; .link_type-1; display: inline-block; } .banner-main__link-wrap{ margin-top: 3.55rem; margin-left: 0.35rem; .flex; .flex_ac; .btn-link{ margin-left: auto; } } .banner-main-bottom{ position: relative; } .banner-main-bottom__img-wrap{ height: 13.8rem; overflow: hidden; &:after { top: 0; right: 0; bottom: 0; left: 0; position: absolute; pointer-events: none; content: ""; background: rgba(0, 0, 0, 0.3); } } .banner-main-bottom__title{ color: #ffffff; font-family: "Roboto Condensed"; font-size: 10rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.085rem; text-decoration: none; } .banner-bottom__content { position: absolute; top: 1.65rem; width: 100%; padding-left: 2.5rem; .flex; .flex_ac; } .banner-main-bottom__link-wrap{ width: 20.2rem; margin-left: 5.7rem; .banner-main__link{ margin: 0.85rem 0; } } .main-content{ padding: 0 2.5rem; padding-right: 7rem; padding-bottom: 2rem; } .main-content_light{ .title__h1{ color: #ffffff; } .breadcrumbs{ color: #c3c6d0; a{ color: #ffffff; } } .gallery-nav__link{ color: #fff; } } .h1-wrap{ .flex; .flex_sb; .flex_ac; margin-bottom: 2.3rem; h1{ margin-bottom: 0; } } .title__h1{ color: #424552; font-family: "Roboto Condensed"; font-size: 2rem; font-weight: 700; line-height: 3rem; text-transform: uppercase; margin-bottom: 1.8rem; position: relative; z-index: 2; } .title__h1_light{ font-size: 3rem; margin-bottom: 2.3rem; } .title__h1_white{ color:#fff; } .title__btn-wrap{ .flex; .flex_sb; .flex_ac; margin-bottom: 1.8rem; //width: 77rem; .title__h1{ margin-bottom: 0; } } .news{ .flex; //.flex_sb; //padding-right: 3.5rem; } .news_on-main{ .news__img{ margin-bottom: -2.2rem; min-height: 2.1rem; } .news__img-wrap{ } .wrap_col-2-3{ height: 100%; } .flex{ min-height: 50%; .flex_sb; .news__card{ width: 50%; &:last-child{ margin-right:0; } } } } .news_on-main{ .news__img-wrap{ position: relative; &:after{ content: ""; position: absolute; height: 80%; width: 100%; left: 0; bottom: 0; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+14,ffffff+14,ffffff+68&0+14,1+81 */ background: -moz-linear-gradient(top, rgba(234, 236, 241,0) 14%, rgba(234, 236, 241,0.81) 68%, rgba(234, 236, 241,1) 81%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(234, 236, 241,0) 14%,rgba(234, 236, 241,0.81) 68%,rgba(234, 236, 241,1) 81%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(234, 236, 241,0) 14%,rgba(234, 236, 241,0.81) 68%,rgba(234, 236, 241,1) 81%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ } .news__img{ opacity: 1; } } } .news_page{ margin-bottom: 3.5rem; .news__link-hint{ font-size: 1.5rem; line-height: 2.1rem; } .news__date{ font-size: 1.1rem; } .news__card_big{ .news__link-hint{ font-size: 1.75rem; line-height: 2.25rem; } .news__img{ opacity: 1; } } .flex_wrap; .news__img-wrap{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; &:after{ content: ""; position:absolute; top:0; left:0; width:100%; height:50%; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eaecef+0,ffffff+100&1+0,0+100 */ background: -moz-linear-gradient(top, rgba(234,236,239,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(234,236,239,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(234,236,239,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaecef', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */ } } .news__card{ width: 33.3%; min-height: 19rem; } .news__card_big{ width: 100%; .flex; .news__img-wrap{ width: 50%; position: relative; &:after{ position: absolute; height: 100%; width: 50%; content: ''; top:0; right:0 !important; left: auto; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,eaecef+100&0+0,1+100 */ background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(234,236,239,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(234,236,239,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(234,236,239,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#eaecef',GradientType=1 ); /* IE6-9 */ } } .news__content{ width: 50%; padding-top: 3rem; } } .news__card_mid { width: 50%; } .news__img-wrap{ img{ opacity:0.3; } } } .news__img{ width: 100%; height: 100%; object-fit: cover; display: block; } .news__card{ box-shadow: -0.05rem 0.5rem 0.65rem rgba(0, 0, 0, 0.08); background-color: #eaecef; margin-right: 0.9rem; margin-bottom: 0.9rem; position: relative; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dfdfe8+0,f0f2f6+100 */ /*background: rgb(223,223,232); !* Old browsers *! background: -moz-linear-gradient(top, rgba(223,223,232,1) 0%, rgba(240,242,246,1) 100%); !* FF3.6-15 *! background: -webkit-linear-gradient(top, rgba(223,223,232,1) 0%,rgba(240,242,246,1) 100%); !* Chrome10-25,Safari5.1-6 *! background: linear-gradient(to bottom, rgba(223,223,232,1) 0%,rgba(240,242,246,1) 100%); !* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ *! filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dfdfe8', endColorstr='#f0f2f6',GradientType=0 ); !* IE6-9 *!*/ } .news__card_big{ height: calc(~"100% - 0.9rem"); } .news__row-card{ .flex; } .news__row-card_mid{ width: 70%; .news__card{ width: 50%; } } .news__card_mid{ width: 75%; } .wrap_col-1-2{ width: 50%; } .wrap_col-1-3{ width: 33.333%; } .wrap_col-2-3{ width: 66.333%; } .news__date{ opacity: 0.3; color: #000000; font-size: 0.9rem; font-weight: 300; margin-bottom: 0.65rem; } .news__content{ padding: 0 1.8rem; padding-bottom: 1.75rem; padding-top: 1.45rem; position: relative; } .gray-bg{ background-color: #e8eaef; } .news__link-wrap{ margin-bottom: 0.5rem; } .news__link-hint{ color: #424552; font-family: "Roboto Condensed"; font-size: 1.1rem; font-weight: 700; line-height: 1.5rem; text-transform: uppercase; letter-spacing: 0.05rem; text-decoration: none; .link_type-2; } .news__short{ color: #424552; font-size: 0.7rem; font-weight: 300; line-height: 1.2rem; @media (max-width: 1400px) { line-height: 1.5rem; font-size: 0.9rem; } } .news-main{ width: 30%; padding-right: 0.9rem; height: 38.9rem; .news__card{ width: 100%; height: 100%; } } .pop__news-search-wrap{ .itemCenter; } .news-main__search{ border-bottom: 0.1rem solid #cecedd; //width: 10rem; .flex; .flex_ac; margin-right: 0.9rem; cursor:pointer; } .news-main__btn{ width: 0.65rem; height: 0.65rem; background: url(../img/icons/search_dark.png) center no-repeat; background-size: contain; border: 0; margin-right: 0.75rem; } .news-main__input{ padding-right: 0.7rem; border: 0; background: none; color: #fff; width: 7.35rem; color: #424552; ; font-family: Roboto; font-size: 0.7rem; font-weight: 300; line-height: 1.2rem; text-transform: uppercase; letter-spacing: 0.049rem; &.active{ width: 12.5rem; } } .news-main__head{ color: #424552; font-family: "Roboto Condensed"; font-size: 2rem; font-weight: 700; line-height: 1.6rem; text-transform: uppercase; /* Text style for "главное за" */ letter-spacing: 0.05rem; margin-bottom: 2rem; } .news-main__wrap{ height: 31rem; overflow: auto; &::-webkit-scrollbar{ width: 0.25rem; background-color: #F5F5F5; } &::-webkit-scrollbar-thumb{ border-radius: 0.5rem; -webkit-box-shadow: inset 0 0 0.3rem rgba(0,0,0,.3); background-color: #000; } padding-right: 1.5rem; } .news-main__link{ color: #424552; font-family: "Roboto Condensed"; font-size: 0.9rem; font-weight: 700; line-height: 1.6rem; text-transform: uppercase; /* Text style for "Г, убернат" */ letter-spacing: 0.0225rem; text-decoration: none; .link_type-2; } .discount-slide{ overflow: hidden; &.owl-loaded{ overflow: visible; } } .discount-slide__img{ display: block; width: 100%; } .news-main__element{ margin-bottom: 2.5rem; } .owl-dot{ display: inline-block; width: 0.6rem; height: 0.6rem; border-radius: 100%; margin: 0.25rem; background: #fff; .animate; &.active{ background-color: #30323f; .scale(1.5); } } .owl-dots{ text-align: center; } .owl-dots{ position: absolute; bottom: 1.75rem; width: 100%; } .owl-next { width: 2.8rem; height: 3.2rem; background: url(../img/owl-right.svg) no-repeat center; background-size: 2.75rem 3.2rem; right: -1.4rem; font-size: 0; position: absolute; &.disabled{ opacity: 0.4; } &:hover{ background: url(../img/owl-right-h.svg) no-repeat center; background-size: 2.75rem 3.2rem; } } .owl-prev { width: 2.8rem; height: 3.2rem; background: url(../img/owl-left.svg) no-repeat center; background-size: 2.75rem 3.2rem; //.animate; left: -1.4rem; font-size: 0; position: absolute; &.disabled{ opacity: 0.4; } &:hover{ background: url(../img/owl-left-h.svg) no-repeat center; background-size: 2.75rem 3.2rem; } } .owl-nav{ width:100%; .itemCenter; } .discount-slide__element{ .bg__dark; } .discount-slide__content{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; .flex; .flex_center; .flex_vertical; } .discount-slide__text-1{ color: #ffffff; font-family: "Roboto Condensed"; font-size: 1.8rem; font-weight: 700; //line-height: 182.0.55rem; text-transform: uppercase; font-weight: 700; letter-spacing: 0.007rem; margin-bottom: 0.95rem; span{ font-weight: 300; } } .discount-slide__text-2{ color: #ffffff; font-family: "Roboto Condensed"; font-size: 3.75rem; font-weight: 700; //line-height: 182.0.55rem; text-transform: uppercase; /* Text style for "на путевки" */ letter-spacing: 0.015rem; margin-bottom: 1.15rem; } .discount-slide__text-3{ color: #ffffff; font-family: "Roboto Condensed"; font-size: 6.1rem; text-transform: uppercase; font-weight: 700; margin-bottom: 1.85rem; span{ font-weight: 300; } } .breadcrumbs{ color: #424552; font-family: "Roboto Condensed"; font-size: 0.7rem; font-weight: 400; color: #c3c6d0; letter-spacing: 0.005rem; margin-bottom: 1.4rem; position: relative; z-index: 2; @media (max-width: 1400px) { font-size: 0.9rem; } a{ color: #424552; margin-right: 1.25rem; text-decoration: none; &:hover{ color: #df0334; } //border-bottom: 0.05rem solid #92939f; } } .letters{ .flex; .flex_wrap; } .letters__element{ margin-right: 0.8rem; margin-bottom: 1.15rem; width: calc(~"33.3% - 0.8rem"); position: relative; cursor: pointer; } .letters__content{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; .flex; .flex_center; } .letters__img-wrap{ height: 9.25rem; position: relative; overflow: hidden; } .letters__img{ //.cssRotate(-45deg); position: absolute; width: 120%; margin-top: -35%; margin-left: -2rem; -webkit-filter: blur(0.5rem); -moz-filter: blur(0.5rem); filter: blur(0.5rem); //transform: rotate(-45deg); //filter: url('blur.svg#blur'); /* путь к svg */ } .letters__title{ max-width: 16.45rem; color: #424552; font-family: "Roboto Condensed"; font-size: 1.2rem; font-weight: 700; line-height: 2rem; text-transform: uppercase; text-align: center; background: #fff; padding: 0.5rem; } .media{ .flex; .flex_wrap; } .media__element{ margin-right: 0.55rem; margin-bottom: 1.1rem; width: calc(~"33.3% - 0.55rem"); position: relative; cursor: pointer; } .media__img{ display: block; width: 100%; } .media__content{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; .flex; .flex_center; } .media__link{ text-decoration: none; position: relative; display: block; &:hover{ .media__title{ box-shadow: 0 0 2.3rem rgba(223, 3, 52, 0.4); background-color: #df0334; color: #ffffff; } .media__title_open{ opacity: 1; } } } .media__title{ height: 3.05rem; border-radius: 0.15rem; background-color: #f0f2f6; color: #424552; font-family: "Roboto Condensed"; font-size: 1.5rem; font-weight: 700; line-height: 1.45rem; text-transform: uppercase; border-radius: 0.15rem; padding: 0 2.25rem; .flex; .flex_ac; } .media__title_open{ color: #424552; font-family: "Roboto Condensed"; font-size: 1.2rem; font-weight: 700; text-transform: uppercase; position: absolute; .animate; opacity: 0; pointer-events: none; top: 0; left: 0; width: 100%; padding: 1.6rem 1.4rem; z-index: 1; height: 11rem; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dee1eb+62,ffffff+62,dee1eb+62,dee1eb+62,ffffff+100&1+39,0+100 */ background: -moz-linear-gradient(top, rgba(222,225,235,1) 39%, rgba(222,225,235,0.62) 62%, rgba(255,255,255,0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(222,225,235,1) 39%,rgba(222,225,235,0.62) 62%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(222,225,235,1) 39%,rgba(222,225,235,0.62) 62%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dee1eb', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */ } .media__video-icon{ position: absolute; right: 0rem; bottom: -1.25rem; } .gallery-nav{ .flex; .flex_ac; } .gallery-nav__link{ color: #424552; text-decoration: none; font-family: Roboto; font-size: 0.8rem; font-weight: 700; line-height: 1.45rem; text-transform: uppercase; letter-spacing: 0.04rem; text-decoration: none; margin-right: 1.25rem; &.active{ height: 2.3rem; border-radius: 0.15rem; background-color: #ffffff; .flex; .flex_ac; padding: 0 0.95rem; color: #424552; } } .toure-nav{ margin-right: 9.75rem; position: relative; } .toure-nav__drop{ .flex; .flex_ac; } .toure-nav__link.toure-nav__link_head.active{ .flex_inline; margin-right:0; } .toure-nav{ } .toure-nav__drop-element{ .flex; .flex_ac; white-space:nowrap; } .toure-nav__link_head.active{ cursor: pointer; svg{ margin-left:0.9rem; } &:hover{ background: #df0334; color: #fff; path{ fill: #fff; } } } .toure-nav__link_head-icon path{ //width: 0.65rem; //height: 0.4rem; margin-left: 0.9rem; } .sss.js-toure-nav__drop.toure-nav__drop_active{ left: 0; right: auto; } .toure-nav__drop_active{ display: block; position:absolute; right: 0; top: 100%; margin-top: 0.35rem; //padding: 1rem 0; background:#fff; box-shadow: 0rem 1.6rem 2.45rem 0rem rgba(66, 69, 82, 0.3); position: absolute; z-index: 10; //top: 0rem; opacity: 0; z-index: 50; transition-duration: 0.5s; pointer-events: none; transform: translate(0rem, 0.5rem); padding-bottom: 0; &.active{ opacity: 1; transform: translate(0rem, 0rem); pointer-events: auto; } .toure-nav__drop-element{ } .toure-nav__link.active{ background: 0; } .toure-nav__link{ margin-left:0 !important; margin-right:0 !important; height: 2.15rem; padding: 0 1.5rem !important; display: block !important; text-align:right; line-height: 2.15rem; &.active, &:hover{ border-radius: 0.05rem; background-color: #424552; color:#fff; } } .toure-nav__drop-element{ display:block !important; } } .toure-nav__link{ color: #424552; text-decoration: none; font-family: Roboto; font-size: 0.8rem; font-weight: 700; line-height: 1.45rem; text-transform: uppercase; letter-spacing: 0.04rem; text-decoration: none; margin-right: 1.25rem; &.active{ height: 2.3rem; border-radius: 0.15rem; background-color: #ffffff; .flex; .flex_ac; padding: 0 0.95rem; color: #424552; } } .details__content{ .flex; //.flex_wrap; .wrap_col-1-2{ &:first-child{ margin-right: 1rem; } } } .details{ .flex; } .details__element{ width: calc(~"33.33% - 1.6rem"); padding: 1.4rem 2.9rem; box-shadow: 0 1rem 1.05rem rgba(0, 0, 0, 0.08); background-color: #ebedf4; margin-right: 1.6rem; } .details__head{ color: #424552; font-family: Roboto; font-size: 1.5rem; font-weight: 700; margin-bottom: 1.3rem; } .details__label{ color: @grey; font-family: Roboto; font-size: 0.65rem; font-weight: 300; /* Text style for "С, трана" */ letter-spacing: 0.013rem; margin-bottom: 0.55rem; } .details__val{ color: @grey; font-family: Roboto; font-size: 0.9rem; font-weight: 500; line-height: 1.5rem; } .details__row{ margin-bottom: 1.5rem; width: 100%; &:last-child{ } } .online{ height: calc(~"100vh - 15.25rem"); position: relative; } .online-video{ position: absolute; top: -13.8rem; left: -2.5rem; right: -7rem; bottom: -4rem; iframe{ width: 100%!important; height: 100% !important; } &:after{ content:''; width: 100%; position: absolute; background: -moz-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0.64) 1%, rgba(0,0,0,0) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.64) 1%,rgba(0,0,0,0) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.64) 1%,rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); display: block; height: 11.4rem; top: 0; left: 0; opacity: 0.4; } &:before{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.3); content: ""; } } .main-content_online{ .breadcrumbs{ position: relative; z-index: 2; } .title__h1{ position: relative; z-index: 2; } } .online__nav{ position: absolute; z-index: 11; } .online__nav-head{ color: #ffffff; font-family: "Roboto Condensed"; font-size: 1.2rem; font-weight: 700; line-height: 1.2rem; text-transform: uppercase; /* Text style for "Список ," */ letter-spacing: 0.06rem; margin-bottom: 1.15rem; } .online__nav-element{ display: block; height: 2.45rem; width: 2.7rem; text-decoration: none; .flex; .flex_center; color: #424552; font-family: Roboto; font-size: 1rem; font-weight: 500; line-height: 2.395rem; text-transform: uppercase; /* Text style for "2," */ letter-spacing: 0.073rem; margin: auto; margin-bottom: 0.75rem; cursor: pointer; background: url("../img/online-btn.png") center no-repeat; background-size: contain; position: relative; &.active{ color: #fff; background: url("../img/online-btn-active.png") center no-repeat; background-size: contain; } } .online__nav-element-wrap{ position: relative; left: -0.6rem; &:before{ content: ""; width: 0; height: calc(~"100% + 1rem"); border: 0.05rem solid #f0f2f6; opacity: 0.5; top: -0.5rem; left: 2.25rem; position: absolute; } } .note{ color: #df0334; font-size: 0.8rem; font-weight: 400; text-transform: uppercase; /* Text style for "В, НИМАНИЕ" */ font-weight: 900; /* Text style for "В данный м" */ text-align: center; border-bottom: 0.1rem solid #df0334; padding-bottom: 0.4rem; margin-bottom:1rem; margin-right: 2.5rem; span{ font-family: Roboto; font-weight: 300; } } .toure-list{ .flex; .flex_wrap; } .toure-list__element_big{ width: 100%; padding-right: 2.5rem; } .toure-list__element_mid{ width: 50%; padding-right: 2.5rem; .toure-list__element-wrap{ padding:1.85rem 3.1rem 1.85rem 3.1rem; } .toure-list__attr{ display: block; } .toure-list__content-element{ padding-right: 0.5rem; &:nth-child(3){ //width: 12%; padding-right: 0; .flex_no-shrink; } } .toure-list__head{ font-size: 2.75rem; margin-bottom: 2.5rem; } .toure-list__attr-label{ font-size: 0.8rem; margin-right: 0; } .toure-list__attr-val{ font-size: 0.9rem; } .toure-list__price-wrap{ width: 50%; } .toure-list__btn-wrap{ width: 40%; } } .toure-list__element_small{ width: 33.33%; .toure-list__element-wrap{ padding:1.85rem 3.1rem 1.85rem 3.1rem; } .toure-list__attr{ display: block; } .toure-list__content{ .flex_wrap; padding-bottom: 1.75rem; margin-bottom: 1rem; } .toure-list__content-element{ padding-right: 0rem; margin-bottom: 1.1rem; //height: 1.75rem; width: 100%; } .toure-list__attr{ .flex; } .toure-list__head{ font-size: 2rem; margin-bottom: 2rem; } .toure-list__attr-label{ font-size: 0.7rem; margin-right: 0; width: 42%; } .toure-list__attr-val{ font-size: 0.7rem; } .toure-list__price-wrap{ width: 50%; } .toure-list__btn-wrap{ width: 40%; } .toure-list__price_usd{ font-size: 1.5rem; } } .toure-list__element{ //height: 20.45rem; padding-right: 2.5rem; margin-bottom: 2.5rem; } .toure-list__element-img-wrap{ position: absolute; width: 100%; overflow: hidden; left: 0; top:0; overflow: hidden; height: 100%; &:before{ content: ""; position: absolute; left: 0; bottom:0; width: 100%; height: 100%; background: rgba(0,0,0,0.4); } &:after{ content: ""; position: absolute; left: 0; bottom:0; width: 100%; height: 100%; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,454555+52&0+0,0.93+66,1+75,1+85 */ background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(69,69,85,0.73) 52%, rgba(69,69,85,0.93) 66%, rgba(69,69,85,1) 75%, rgba(69,69,85,1) 85%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(69,69,85,0.73) 52%,rgba(69,69,85,0.93) 66%,rgba(69,69,85,1) 75%,rgba(69,69,85,1) 85%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(69,69,85,0.73) 52%,rgba(69,69,85,0.93) 66%,rgba(69,69,85,1) 75%,rgba(69,69,85,1) 85%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#454555',GradientType=0 ); /* IE6-9 */ } } .toure-list__element-img{ width:100%; } .toure-list__element-wrap{ padding: 1.65rem 2.95rem; background-position:center; background-size: cover; color: #fff; position: relative; height: 100%; .flex; .flex_vertical; &:before{ content: ""; position: absolute; left: 0; bottom:0; width: 100%; height: 100%; background: rgba(0,0,0,0.4); } &:after{ content: ""; position: absolute; left: 0; bottom:0; width: 100%; height: 100%; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+33,434453+100&0+41,0+41,0+41,1+97 */ background: -moz-linear-gradient(top, rgba(255,255,255,0) 33%, rgba(233,233,234,0) 41%, rgba(75,76,91,1) 97%, rgba(67,68,83,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(255,255,255,0) 33%,rgba(233,233,234,0) 41%,rgba(75,76,91,1) 97%,rgba(67,68,83,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(255,255,255,0) 33%,rgba(233,233,234,0) 41%,rgba(75,76,91,1) 97%,rgba(67,68,83,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#434453',GradientType=0 ); /* IE6-9 */ } } .toure-list__head{ color: #ffffff; font-family: "Roboto Condensed"; font-size: 3.75rem; font-weight: 700; text-transform: uppercase; text-align: center; margin-bottom: 4.2rem; position: relative; z-index: 2; //margin-top: auto; //height: 5.5rem; } .toure-list__content{ .flex; .flex_sb; margin-top: auto; padding-bottom: 2.25rem; border-bottom: 0.05rem solid rgba(240, 242, 246, 0.3); margin-bottom: 1.75rem; position: relative; z-index: 2; } .toure-list__content-element{ //.flex_grow; //width: 33.33%; } .toure-list__attr{ .flex; //.flex_ac; } .toure-list__attr-label{ color: #ffffff; font-family: Roboto; font-size: 0.9rem; line-height: 1.2rem; margin-right: 0.9rem; font-weight: 700; } .toure-list__attr-val{ color: #ffffff; font-family: Roboto; font-size: 1rem; line-height: 1.2rem; font-weight: 300; } .toure-list__bottom{ .flex; .flex_ac; position: relative; z-index: 2; } .toure-list__note-wrap{ .flex; .flex_ac; width: 55%; padding-right: 7rem; } .toure-list__note-icon-wrap{ margin-right: 0.85rem; img{ width: 2.6rem; } } .toure-list__note{ color: #ffffff; font-size: 0.75rem; font-weight: 300; line-height: 1.2rem; font-style: italic; } .toure-list__price-wrap{ width: 24.5%; } .toure-list__btn-wrap{ width: 15.5%; } .toure-list__price-label{ color: #ffffff; font-family: Roboto; font-size: 0.8rem; font-weight: 300; line-height: 1.2rem; margin-bottom: 0.2rem; } .toure-list__price{ .flex; .flex_ab; } .toure-list__price_usd{ color: #ffffff; font-family: Roboto; font-size: 2rem; font-weight: 300; font-weight: 700; margin-right: 0.5rem; } .toure-list__price_r{ font-size: 0.8rem; font-weight: 300; position: relative; border-bottom: 0.05rem dashed rgba(240, 242, 246, 0.3); } .tooltip{ position: absolute; bottom: 100%; margin-bottom: 0.5rem; left: 50%; opacity: 0; pointer-events: none; z-index: 22; .animate; } .tooltip-label{ position: relative; } .tooltip-label:hover{ .tooltip{ opacity: 1; pointer-events: auto; } } .toure-list__tooltip-wrap{ width: 8rem; } .tooltip__content{ box-shadow: -0.05rem 0.6rem 1.2rem rgba(0, 0, 0, 0.27); border: 0.05rem solid rgba(67, 70, 83, 0.11); background-image: linear-gradient(to top, #f2f3f7 0%, #f2f3f7 1%, #d9dce3 100%); opacity: 0.98; padding-left: 1.35rem; padding-top: 1.05rem; padding-right: 1.2rem; padding-bottom: 1.05rem; } .toure-list__tooltip-label{ color: #8a8d9d; font-family: Roboto; font-size: 0.8rem; font-weight: 300; margin-bottom: 0.25rem; } .toure-list__tooltip-val{ color: @grey; font-family: Roboto; font-size: 1.1rem; font-weight: 700; line-height: 1.5rem; /* Text style for "5, 7,63" */ font-weight: 700; span{ font-weight: 300; } } .toure-list__tooltip-icon{ width: 0.4rem; display: none; } .toure-list__btn-wrap{ .btn-link{ width: 90%; } } .toure-list__nav{ .flex; .flex_sb; padding: 1.4rem 6.75rem; padding-right: 16.5rem; position: relative; z-index: 2; //box-shadow: -2px 32px 51px rgba(29, 33, 41, 0.07); background-color: #e5e6eb; width: calc(~"100% + 9.5rem"); transform: translate(-2.5rem, 2rem); background: url("/img/toure-bottom-fon.png"); background-size: 95.9rem 8.05rem; background-position: center; height: 8.1rem; } .toure-list__nav_order{ background: url("/img/toure1.svg") -2.25rem -4.25rem; background-size: 100.95rem 23.65rem; } .toure-list__nav_document{ background: url("/img/toure2.svg") -2.25rem -4.25rem; background-size: 100.95rem 23.65rem; } .toure-list__nav_toure{ background: url("/img/toure3.svg") -2.25rem -4.25rem; background-size: 100.95rem 23.65rem; } .toure-list__nav-element{ text-align: center; } .toure-list__nav-head{ color: #424552; font-family: "Roboto Condensed"; font-size: 1.2rem; font-weight: 700; line-height: 2.4rem; text-transform: uppercase; } .toure-list__nav-btn-wrap_left{ //margin-left: 3.75rem; } .toure-list__nav-btn-wrap_right{ //margin-right: 3.75rem; } .document-list{ .flex; .flex_wrap; } .document-list__element{ width: 50%; padding-right: 4.05rem; margin-bottom: 4.05rem; &:nth-child(1){ .document-list__index{ width: 3rem; } } &:nth-child(2){ .document-list__content{ } .document-list__head{ margin-bottom: 1.25rem; } .document-list__text{ margin: 0 6%; } .document-list__index{ width: 4.7rem; } } &:nth-child(3){ .document-list__index{ width: 4.65rem; } } &:nth-child(4){ .document-list__index{ width: 4.8rem; } } &:nth-child(5){ .document-list__content{ } .document-list__head{ margin-bottom: 2.25rem; } .document-list__text{ margin: 0 6%; } .document-list__index{ width: 4.55rem; } } &:nth-child(6){ .document-list__head{ padding: 0 0%; } .document-list__index{ width: 4.6rem; } } } .document-list__dwn-wrap{ position: absolute; bottom: 0.75rem; .horizontalMiddle; } .document-list__dwn{ color: #ffffff; font-family: "Roboto Condensed"; text-transform: uppercase; font-size: 0.8rem; font-weight: 700; line-height: 1.5rem; .flex; .flex_ac; &:hover{ text-decoration: none; } } .document-list__dwn-icon{ width: 0.8rem; margin-right: 0.5rem; } .document-list__wrap{ box-shadow: 0 1.8rem 4.05rem rgba(0, 0, 0, 0.34); position: relative; //background: #000; } .document-list__img-wrap{ //height: 17.45rem; img{ width: 100%; display: block; } } .document-list__content{ position: absolute; width: 100%; left: 0; text-align: center; min-height: 11.5rem; .verticalMiddle; margin-top: 0.75rem; .flex; .flex_vertical; .flex_sb; } .document-list__head{ text-shadow: 0 0.5rem 1.6rem rgba(0, 0, 0, 0.3); color: #ffffff; font-family: "Roboto Condensed"; font-size: 1.8rem; font-weight: 700; line-height: 2rem; text-transform: uppercase; position: relative; padding: 0 13%; } .document-list__index{ position: absolute; .itemCenter } .document-list__text{ color: #ffffff; font-family: Roboto; font-size: 0.8rem; font-weight: 300; line-height: 1.5rem; margin: 0rem 10%; padding: 0 1.5rem; max-height: 7.5rem; overflow: auto; &::-webkit-scrollbar{ width: 0.25rem; background-color: rgba(255,255,255,0.5); } &::-webkit-scrollbar-thumb{ border-radius: 0.5rem; //-webkit-box-shadow: inset 0 0 0.3rem rgba(0,0,0,.3); background-color: #fff; } } .document-list__text-column{ margin-top: 1rem; .flex; .flex_sb; span{ margin: 0 0.75rem; } } .reviews-list__date{ color: #ffffff; font-family: Roboto; font-size: 1.1rem; font-weight: 300; line-height: 3.417rem; /* Text style for "2, 1.11.20" */ letter-spacing: 0.0195rem; width: 7.1rem; height: 2.15rem; background-color: #ced0dc; margin: auto; .flex; .flex_center; margin-bottom: 0.75rem; position: relative; z-index: 2; } .reviews-list__content{ padding: 2rem 2.5rem; } .reviews-list__question{ background-color: #eeeff4; max-width: 65rem; margin-bottom: 1.25rem; position: relative; /*&:after{ content: ''; width: 1.3rem; height: 1.15rem; background: url("../img/reviews-q.png"); background-size: 1.3rem 1.15rem; position: absolute; right: 100%; top:0; } */ } .reviews-list__name{ color: #424552; font-family: "Roboto Condensed"; font-size: 1.75rem; font-weight: 700; text-transform: uppercase; margin-bottom:1.1rem; span{ font-weight: 400; } } .reviews-list__text{ color: #424552; font-family: Roboto; font-size: 0.8rem; font-weight: 300; line-height: 1.2rem; } .reviews-list__answer{ position: relative; background-color: #424552; //float: right; width: 65rem; margin-bottom: 1.5rem; margin-left:auto; .reviews-list__name{ color: #ffffff; } .reviews-list__text{ color: #ffffff; } /*&:after{ content: ''; width: 1.3rem; height: 1.15rem; background: url("../img/reviews-a.png"); background-size: 1.3rem 1.15rem; position: absolute; left: 100%; top:0; } */ } .reviews-list__wrap{ .clearfix; .flex; .flex_vertical; } .reviews-list__element{ position: relative; margin-bottom: 1.25rem; &:before{ content: ""; width: 0.1rem; position: absolute; height: 100%; background: #ced0dc; .horizontalMiddle; top: 0; } } .yiiPager{ list-style: none; text-align: center; margin-bottom: 4.25rem; li{ display: inline-block; vertical-align: middle; width: 2.5rem; height: 2.5rem; margin: 0 0.25rem; a{ color: #424552; font-family: "Roboto Condensed"; font-size: 0.9rem; font-weight: 700; line-height: 2.4rem; text-transform: uppercase; /* Text style for "1," */ letter-spacing: 0.0225rem; //border-radius: 100%; text-decoration: none; .flex; .flex_center; background: none; &:hover{ background: none; } } } .selected{ a{ width: 2.15rem; height: 2.45rem; background: url("/img/pager-active.png") !important; background-size: 2.15rem 2.45rem !important; } } .first, .last{ display: none; } .previous{ height: 3.25rem; width: 2.85rem; position: relative; //border-radius: 100%; background: url("/img/pager-left.png") center no-repeat; background-size: 2.85rem 3.25rem; //box-shadow: 0 1rem 1.2rem rgba(0, 0, 0, 0.13); &:hover{ } margin-right: 2.75rem; a{ font-size: 0; height: 3.25rem; width: 2.85rem; display: block; } } .next{ height: 3.25rem; width: 2.85rem; position: relative; background: url("/img/pager-right.png") center no-repeat; background-size: 2.85rem 3.25rem; &:hover{ } margin-left: 2.75rem; a{ font-size: 0; height: 3.25rem; width: 2.85rem; display: block; &:after{ } } } } .reviews-list__form-content{ max-width: 60rem; margin: auto; } .reviews-list__form-note{ color: #434653; font-family: Roboto; font-size: 0.8rem; font-weight: 300; line-height: 1.5rem; letter-spacing: 0.016rem; display: block; span{ color: red; } } .reviews-list__form-head{ color: @grey; font-family: "Roboto Condensed"; font-size: 2rem; font-weight: 700; text-align: center; text-transform: uppercase; /* Text style for "о, ставить" */ letter-spacing: 0.04rem; margin-bottom: 1.5rem; } .reviews-list__form-left{ width:30%; padding-right: 3.85rem; } .reviews-list__form-wrap{ .flex; } .reviews-list__form{ padding: 2.75rem 0; background: #eeeff4; } .field__label{ color: @grey; font-family: Roboto; font-size: 0.8rem; font-weight: 300; line-height: 1.5rem; /* Text style for "В, аше имя" */ letter-spacing: 0.016rem; /* Text style for "*" */ display: block; margin-left: 0.8rem; } .field__input{ width: 100%; height: 2.5rem; border-radius: 0.15rem; background-color: #ffffff; border: 0; padding: 0 0.8rem; @media (max-width: 1400px) { height: 28px; } } .field__row{ margin-bottom: 1rem; } .reviews-list__form-right{ width: 70%; } .field__textarea{ height: 7.5rem; border-radius: 0.15rem; background-color: #ffffff; border: 0; padding: 0.8rem; width: 100%; @media (max-width: 1400px) { height: 82px; } } .help-block{ margin-top: 0.25rem; position: absolute; } .reviews-list__form-bottom{ .flex; .flex_sb; .flex_ac; } .succsess__wrap{ width: 22.5rem; box-shadow: 0 0 7.5rem rgba(66, 69, 82, 0.3), 0 3.4rem 3.5rem rgba(0, 0, 0, 0.21); background-color: #ffffff; background-image: linear-gradient(to top, #f2f3f7 0%, #f2f3f7 1%, #d9dce3 100%); margin: auto; position: relative; .itemCenter; } .succsess__head{ color: @grey; font-family: "Roboto Condensed"; font-size: 2.4rem; font-weight: 700; line-height: 1.5rem; text-transform: uppercase; /* Text style for "С, пасибо" */ letter-spacing: 0.048rem; position: relative; margin-bottom: 2.05rem; text-align: center; span{ font-size: 1.5rem; font-weight: 400; line-height: 1.5rem; text-transform: uppercase; /* Text style for "ч, то хоти" */ letter-spacing: 0.03rem; display: block; margin-top: 0.5rem; } } .succsess__icon{ .itemCenter; z-index: -1; width: 12.9rem; } .succsess__short{ color: @grey; font-family: Roboto; font-size: 0.8rem; font-weight: 300; line-height: 1.5rem; /* Text style for "М, ы с ним" */ letter-spacing: 0.016rem; margin-bottom: 1.9rem; text-align: center; } .succsess__wrap{ padding: 0 2rem; padding-top: 6.65rem; padding-bottom: 2.7rem; } .succsess__btn{ text-align: center; cursor: pointer; } .contact-page__city{ .flex; align-items :flex-end; } .contact-page__link{ color: #424552; font-family: Roboto; font-size: 1rem; font-weight: 300; border-bottom:0.1rem solid #9294a0; text-decoration: none; margin-right: 1.2rem; &.active{ color: #424552; font-family: Roboto; font-size: 1.5rem; font-weight: 700; /* Text style for "М, ахачкал" */ letter-spacing: 0.075rem; border-bottom: 0; } } .contact-page__city{ margin-bottom: 2.75rem; } .contact-page__info-label{ color: @grey; font-family: Roboto; font-size: 0.65rem; font-weight: 300; /* Text style for "А, дрес оф" */ letter-spacing: 0.013rem; margin-bottom: 0.35rem; } .contact-page__info-val{ color: @grey; font-family: Roboto; font-size: 1.1rem; font-weight: 500; line-height: 1.5rem; span{ font-weight: 300; } .header__call-me-btn{ margin-left: 0.8rem; } } .contact-page__info-row{ margin-bottom: 2.45rem; } .contact-page__person-head{ color: @grey; font-family: Roboto; font-size: 1.5rem; font-weight: 700; line-height: 1.2rem; /* Text style for "К, онтактн" */ letter-spacing: 0.03rem; margin-bottom: 1.45rem; } .contact-page__person-element{ .flex; .flex_ac; margin-bottom: 1.5rem; } .contact-page__person-photo-wrap{ margin-right: 1.2rem; img{ width: 6.8rem; } } .contact-page__person-name{ color: @grey; font-family: Roboto; font-size: 1.2rem; font-weight: 700; line-height: 1.5rem; /* Text style for "Муртазалие" */ letter-spacing: 0.03rem; margin-bottom: 0.55rem; } .contact-page__person-desk{ color: @grey; font-family: Roboto; font-size: 0.65rem; font-weight: 300; /* Text style for "Р, уководи" */ letter-spacing: 0.013rem; margin-bottom: 0.65rem; } .contact-page__person-email{ color: @grey; font-family: Roboto; font-size: 0.65rem; font-weight: 300; /* Text style for "A, limurta" */ font-weight: 300; letter-spacing: 0.0165rem; /* Text style for "@gmail.com" */ } .contact-page{ position: relative; } .contact-page__fon-top{ position: absolute; top:0; left:0; width: 100%; height:25.7rem; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dee1eb+56,ffffff+91&1+14,0+91 */ background: -moz-linear-gradient(top, rgba(222,225,235,1) 14%, rgba(222,225,235,0.45) 56%, rgba(255,255,255,0) 91%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(222,225,235,1) 14%,rgba(222,225,235,0.45) 56%,rgba(255,255,255,0) 91%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(222,225,235,1) 14%,rgba(222,225,235,0.45) 56%,rgba(255,255,255,0) 91%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dee1eb', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */ z-index:1; pointer-events: none; } .contact-page__fon-bottom{ position: absolute; bottom:0; left:0; width: 100%; height:25.7rem; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+9,dee1eb+44&0+9,1+86 */ background: -moz-linear-gradient(top, rgba(255,255,255,0) 9%, rgba(222,225,235,0.45) 44%, rgba(222,225,235,1) 86%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(255,255,255,0) 9%,rgba(222,225,235,0.45) 44%,rgba(222,225,235,1) 86%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(255,255,255,0) 9%,rgba(222,225,235,0.45) 44%,rgba(222,225,235,1) 86%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#dee1eb',GradientType=0 ); /* IE6-9 */ z-index:1; pointer-events: none; } .contact-page__fon-left{ position: absolute; bottom:0; left:0; width: 59rem; height:100%; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dee1eb+56,ffffff+70&1+14,0+70 */ background: -moz-linear-gradient(left, rgba(222,225,235,1) 14%, rgba(222,225,235,0.25) 56%, rgba(255,255,255,0) 70%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(222,225,235,1) 14%,rgba(222,225,235,0.25) 56%,rgba(255,255,255,0) 70%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(222,225,235,1) 14%,rgba(222,225,235,0.25) 56%,rgba(255,255,255,0) 70%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dee1eb', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */ z-index:1; pointer-events: none; } .contact-page__map-wrap{ position: absolute; top: 0; left: 0; right: 0; bottom: 19.5rem; } .contact-page__map{ position: fixed !important; top: 0; left: 0; right: 0; bottom: 0rem; } .contact-page{ position: relative; z-index: 2; } .map__wrap{ display: inline-block; } .enter{ max-width: 30rem; margin: auto; margin-bottom: 4rem; .flex; box-shadow: 0 3.4rem 3.5rem rgba(0, 0, 0, 0.21); background-color: #ffffff; background-image: linear-gradient(to top, #f2f3f7 0%, #f2f3f7 1%, #d9dce3 100%); } .enter__left{ width: 50%; padding-left: 4.3rem; padding-top: 3.5rem; padding-bottom: 1.5rem; } .enter__hint{ color: @grey; font-family: "Roboto Condensed"; font-size: 1.5rem; font-weight: 700; line-height: 1.8rem; text-transform: uppercase; /* Text style for "з, ачем ва" */ letter-spacing: 0.075rem; margin-bottom: 2.05rem; } .enter__note-list{ margin-bottom: 2.5rem; li{ color: @grey; font-family: "Roboto Condensed"; font-size: 0.9rem; font-weight: 300; line-height: 1.8rem; /* Text style for "И, нформац" */ letter-spacing: 0.018rem; list-style: disc; list-style-position: inside; margin-left: 3rem; } } .enter__right{ width: 100%; padding-left: 5.5rem; padding-top: 2.25rem; padding-right: 6.25rem; padding-bottom: 2.1rem; } .enter__head{ color: @grey; font-family: "Roboto Condensed"; font-size: 2rem; font-weight: 700; line-height: 1.5rem; text-transform: uppercase; /* Text style for "В, ойти" */ letter-spacing: 0.04rem; text-align: center; margin-bottom: 1.5rem; } .enter__form{ text-align: center; } .checkbox__custom{ display: inline-block; vertical-align: top; //margin-right: 1.75rem; input[type='checkbox']{ opacity: 0; width: 0.75rem; height: 0.75rem; margin-right: 0.25rem; position: absolute; &:checked + label{ &:after{ content: ''; width: 1.1rem; height: 0.95rem; display: inline-block; background: url('/img/icons/checkbox.svg') no-repeat center; background-size:contain; position: absolute; left: 0.1rem; top: 0.1rem; } } } label{ font-size: 0.7rem; cursor: pointer; position: relative; .flex; .flex_ac; &:before{ content: ''; display: inline-block; margin-right: 0.75rem; width: 0.85rem; height: 0.85rem; border-radius: 0.15rem; border: 0.05rem solid #cbced7; ; background-color: #dbdee4; } } } .enter__checkbox{ margin-bottom: 1.5rem; margin-top: 1.5rem; } .enter__link{ color: @grey; font-family: Roboto; font-size: 0.8rem; font-weight: 700; line-height: 1.5rem; letter-spacing: 0.016rem; border-bottom: 0.1rem solid #9a9aa4; text-decoration: none; } .enter__btn{ margin-bottom: 1.25rem; } .office{ max-width: 75rem; margin:auto; } .office_name{ color: #424552; font-family: Roboto; font-size: 0.8rem; font-weight: 700; line-height: 1.45rem; text-transform: uppercase; /* Text style for "магомедов" */ letter-spacing: 0.04rem; margin-right: 1.25rem; .link; &.active{ height: 2.3rem; border-radius: 0.15rem; background-color: #ffffff; line-height: 2.3rem; display: inline-block; border-bottom: 0; padding: 0 1rem; } } .link{ border-bottom: 0.1rem solid #92939f; text-decoration: none; } .link_bl{ border-bottom: 0.1rem solid #cfcfd8; text-decoration: none; } .brd_ds{ border-bottom: 0.1rem dashed #cfcfd8; } .office__nav{ margin-bottom: 1rem; .flex; .flex_ac; } .office__nav-wrap{ .flex; .flex_ac; overflow-x: auto; } .office__wrap{ box-shadow: 0 3.4rem 3.5rem rgba(0, 0, 0, 0.21); background-color: #e7e9ee; } .office_content{ padding: 3rem; .flex; } .office__left{ width: 50%; border-right: 0.1rem solid #dcdee4; } .office__right{ width: 50%; padding-left: 3rem; } .office__block{ .flex; .flex_ac; margin-bottom: 2.25rem; } .office__img{ margin-right: 1.5rem; width: 2.65rem; img{ max-width: 100%; max-height: 4rem; display: inline-block; } } .office__head{ color: @grey; font-family: "Roboto Condensed"; font-size: 1rem; font-weight: 700; line-height: 1.5rem; text-transform: uppercase; /* Text style for "Ф, ИО" */ letter-spacing: 0.05rem; } .office__text{ color: @grey; font-family: Roboto; font-size: 0.8rem; font-weight: 300; line-height: 1.5rem; /* Text style for "М, агомедо" */ letter-spacing: 0.016rem; margin-left: 0.5rem; } .office__footer{ border-top: 0.2rem solid #b1b2bb; padding-top: 1.5rem; padding-left: 4.5rem; padding-right: 6rem; padding-bottom: 1.5rem; .flex; .flex_sb; } .office__note-head{ font-family: Roboto; font-size: 1.2rem; font-weight: 700; line-height: 1.5rem; text-transform: uppercase; /* Text style for "Х, адж 201" */ letter-spacing: 0.06rem; margin-bottom: 0.15rem; } .office__note-text{ color: #df0334; font-family: Roboto; font-size: 0.9rem; font-weight: 300; line-height: 1.5rem; letter-spacing: 0.045rem; a{ color: #df0334; text-decoration: none; border-bottom: 0.05rem dashed #e4c5d4; } } .office__price{ .flex; .flex_ac; } .office__price-head{ color: #424552; font-family: Roboto; font-size: 0.8rem; font-weight: 500; line-height: 1rem; text-transform: uppercase; /* Text style for "И, тоговая" */ letter-spacing: 0.04rem; margin-right: 2rem; } .office__price-val{ color: #424552; font-family: "Roboto Condensed"; font-size: 2.4rem; font-weight: 700; line-height: 1.5rem; text-transform: uppercase; border-bottom: 0.05rem dashed #e4c5d4; padding-bottom: 0.5rem; } .office__phone{ color: @grey; font-family: Roboto; font-size: 0.9rem; font-weight: 300; line-height: 1.5rem; /* Text style for "+, 7 928 7" */ letter-spacing: 0.045rem; } .office__phone_add-link{ color: @grey; font-family: Roboto; font-size: 0.8rem; font-weight: 700; line-height: 1.5rem; /* Text style for "+ Добавить" */ letter-spacing: 0.04rem; text-decoration: none; .link_bl; margin-top: 0.75rem; } .office__text_goods{ .flex; } .office__goods-column{ margin-right: 2rem; } .office__text_service{ span{ margin-right: 1.25rem; a{ color: #cb9762; font-weight: 700; letter-spacing: 0.016rem; text-decoration: none; } } } .lider-img{ border-radius: 50%; overflow: hidden; text-align: center; } .office__img_big{ width: 4.25rem; } .office__head_status{ color: @grey; font-family: "Roboto Condensed"; font-size: 1rem; font-weight: 300; line-height: 1.5rem; text-transform: uppercase; /* Text style for "С, татус д" */ font-weight: 300; letter-spacing: 0.05rem; >strong{ .brd_ds; } } .tooltip-wrap_status{ width: 15rem; color: #8a8d9d; font-family: Roboto; font-size: 0.6rem; font-weight: 300; line-height: 0.9rem; /* Text style for "В, ам нужн" */ font-weight: 300; letter-spacing: 0.012rem; /* Text style for "все необхо" */ color: #40434f; } .office__exit{ margin-right: 5.5rem; } .office__exit-link{ color: #424552; font-family: Roboto; font-size: 0.75rem; font-weight: 700; line-height: 0.015rem; text-transform: uppercase; /* Text style for "в, ыйти из" */ letter-spacing: 0.006rem; .link_bl; svg{ width:0.75rem; path{ fill:#424552; } } } .office-exit__btn{ width: 18.5rem; margin:auto; margin-top:4rem; .flex; .flex_sb; } .toure__img{ position: absolute; top: -13.3rem; top: 0; left: -2.5rem; right: -7rem; bottom: -2rem; background: #424552; img{ width: 100%; } } .toure__img-wrap{ //filter: blur(11px); position: relative; &:before{ content: ""; width: 100%; height: 100%; background: rgba(0,0,0,0.5); position: absolute; left: 0; top:0; } &:after{ content: ""; position: absolute; width:100%; height:100%; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,424552+100&0+0,1+100 */ background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(66,69,82,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(66,69,82,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(66,69,82,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#424552',GradientType=0 ); /* IE6-9 */ bottom:0; left:0; } } .toure{ position: relative; z-index: 2; .flex; } .toure__block_city{ overflow: hidden; } .toure__block{ box-shadow: -0.25rem 3.4rem 3.5rem rgba(0, 0, 0, 0.21); background-color: #ffffff; background-image: linear-gradient(to top, #f2f3f7 0%, #f2f3f7 1%, #d9dce3 100%); padding: 1.25rem 2.25rem; margin-bottom: 0.85rem; position:relative; } .toure__block_wide{ width: 72.95rem; ; } .toure__left{ width: 48.2rem; margin-right: 0.85rem; } .toure__right{ width: 23.9rem; } .toure__right_wide{ margin-top: 6.3rem; } .toure__label{ color: #424552; font-family: Roboto; font-size: 0.7rem; font-weight: 300; line-height: 1.2rem; margin-bottom: 0.6rem; @media (max-width: 1400px) { font-size: 0.8rem; } } .toure__gradient{ display: block; width: 8.5rem; height: 9.5rem; position:absolute; .horizontalMiddle; bottom: -6rem; } .toure__gradient-place{ display: block; width: 5.7rem; height: 100%; position:absolute; top: 0; left:0; } .toure__wrap{ position:relative; } .o_h{ overflow: hidden; } .toure__route{ .flex; .flex_ab; } .toure__route-element{ .flex_grow; .flex; .flex_ac; } .toure__route-icon{ //margin-right: 0.75rem; display: block; width: 2.8rem; @media (max-width: 1400px) { width: 4rem; } } .toure__route-icon-wrap{ //margin-right: 0.5rem; .flex_grow; } .toure__route-hint_medina{ span{ position: relative; } position: relative; &:before{ content: ''; width: 7.95rem; height: 4.85rem; background: url(../img/toure__route-hint_medina.png); position: absolute; bottom: -1.25rem; .horizontalMiddle; } } .toure__route-hint_mekka{ span{ position: relative; } position: relative; &:before{ content: ''; width: 7.95rem; height: 4.85rem; background: url(../img/toure__route-hint_mekka.png); position: absolute; bottom: -1.25rem; .horizontalMiddle; } } .toure__route-hint{ color: #424552; font-family: Roboto; font-size: 1.2rem; font-weight: 500; line-height: 1.2rem; position: relative; span{ position: relative; } } .toure__head{ color: #424552; font-family: Roboto; font-size: 1rem; line-height: 1.2rem; font-weight: 700; margin-bottom: 1.75rem; span{ font-weight: 300; } } .toure__hotel-wrap{ .flex; } .toure__hotel-element{ position: relative; margin-right: 2.5rem; } .toure__hotel-icon-wrap{ position: absolute; .verticalMiddle; left: -0.75rem; display: none; } .toure__hotel-label{ color: #424552; font-family: Roboto; font-size: 0.6rem; font-weight: 300; line-height: 1.2rem; margin-bottom: 0.15rem; @media (max-width: 1400px) { font-size: 0.75rem; } } .toure__hotel-attr{ color: #424552; font-family: Roboto; font-size: 0.8rem; font-weight: 300; line-height: 1.1rem; font-weight: 300; @media (max-width: 1400px) { font-size: 0.85rem; } } .toure__attr{ margin-bottom: 1rem; padding-left: 2rem; line-height: 1.1rem; color: #434653; font-family: Roboto; font-weight: 300; font-size: 0.65rem; @media (max-width: 1400px) { font-size: 0.9rem; line-height: 1.5rem; } } .toure__attr-head{ color: @grey; font-family: Roboto; font-size: 0.8rem; font-weight: 700; line-height: 1rem; letter-spacing: 0.016rem; margin-bottom: 0.55rem; } .toure__attr-info-list{ padding-left: 0.75rem; } .toure__attr-info-list-li{ color: @grey; font-family: Roboto; font-size: 0.65rem; font-weight: 300; line-height: 1.1rem; margin-bottom: 0.4rem; position: relative; @media (max-width: 1400px) { font-size: 0.9rem; line-height: 1.5rem; } &.disabled{ opacity: 0.5; pointer-events: none; } &:before{ position: absolute; content: "-"; left: -0.5rem; } } .toure__attr-info-list-li_mix{ line-height: 0.9rem; @media (max-width: 1400px) { line-height: 1.5rem; } &:before{ display: none; } } .hr{ border: 0.05rem solid #d4d4dd; margin: 1.25rem 0; } .pdf-link{ text-decoration: none; span{ color: @grey; font-family: Roboto; font-size: 0.8rem; font-weight: 700; line-height: 1.5rem; /* Text style for "Скачать ту" */ letter-spacing: 0.016rem; .link_bl; } } .pdf-link_margin{ margin-left: 2.7rem; img{ margin-right: 1rem; width: 2.55rem; } } .text_org{ color: #bb9564; } .ml_10{ margin-left: 0.5rem; } .toure__attr_mix{ margin-left: 0.75rem; margin-top: 0.75rem; } .itog-sum{ .toure-list__price_usd{ color: @grey; } .toure-list__price_r{ color: @grey; .brd_ds; } .toure-list__price-label{ color: @grey; } } .toure__note-price{ color: #434653; font-family: Roboto; font-size: 0.6rem; font-weight: 300; line-height: 0.8rem; margin-top: 0.85rem; margin-bottom: 1rem; @media (max-width: 1400px) { font-size: 0.75rem; line-height: 1rem; } } .form-pop{ width: 27.3rem; .itemCenter; box-shadow: 0 0 7.5rem rgba(66, 69, 82, 0.3), -0.25rem 3.4rem 3.5rem rgba(0, 0, 0, 0.21); background-color: #ffffff; background-image: linear-gradient(to top, #f2f3f7 0%, #f2f3f7 1%, #d9dce3 100%); padding-top: 2.25rem; padding-left: 4.15rem; padding-right: 4.15rem; padding-bottom: 1.65rem; } .form-pop__note{ color: #98999e; font-size: 0.6rem; font-weight: 300; line-height: 0.8rem; font-style: italic; } .order{ .clearfix; max-width: 77rem; margin-top: 4.25rem; margin-bottom: 2.5rem; } .close_form{ position: absolute; width: 2.35rem; height: 2.7rem; right: -1.15rem; top: -1.35rem; background: url("../img/close.svg"); background-size: 2.35rem 2.7rem; &:hover{ background: url("../img/close-h.svg"); background-size: 2.35rem 2.7rem; } cursor:pointer; } .order__left{ width: 20%; float: left; padding-top: 1rem; } .order__right{ width: 80%; float: right; } .order-list__img{ width: 100%; } .order-list__btn{ position: absolute; width:100%; bottom:0; text-align: center; bottom: 2.2rem; z-index: 2; } .order-list__element{ box-shadow: 0 1.6rem 7.35rem rgba(66, 69, 82, 0.41); background-color: #e9ecf4; max-height: 19rem; overflow: hidden; &.active{ .animate; max-height: 150rem; .order-list__img-wrap{ .animate; position: relative; &:after{ opacity: 1; } } .order-list__note{ opacity: 0; } .order-list__btn{ display: none; } .order-list__city{ font-size: 6rem; margin-top: 3rem; } .order__drop{ opacity: 1; pointer-events: auto; position: relative; } } } .order-list__img-wrap{ &:after{ opacity: 0; content: ''; display: block; width: 100%; left: 0; bottom: 0; height: 80%; position: absolute; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e9ecf4+100&0+0,1+100 */ background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(233,236,244,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(233,236,244,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(233,236,244,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#e9ecf4',GradientType=0 ); /* IE6-9 */ } } .order-list__content{ position: absolute; text-align: center; width: 100%; .itemCenter; z-index: 2; } .order-list__wrap{ position: relative; height: 19rem; &:after{ content:''; .fullSize; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100; Neutral+Density */ background: -moz-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */ } } .order-list__city{ color: #ffffff; font-family: "Roboto Condensed"; font-size: 3.6rem; font-weight: 700; text-transform: uppercase; /* Text style for "Махачкала" */ letter-spacing: 0.072rem; .animate; cursor:pointer; margin-bottom: 0.75rem; } .order-list__note{ color: #ffffff; font-family: Roboto; font-size: 0.8rem; font-weight: 300; line-height: 1.5rem; text-align: center; margin-bottom: 1.5rem; .animate; } .order__nav-city{ color: #424552; font-family: "Roboto Condensed"; font-size: 0.7rem; font-weight: 700; line-height: 0.7rem; text-transform: uppercase; letter-spacing: 0.035rem; margin-bottom: 0.25rem; display: block; text-decoration: none; position: relative; .animate; &.active, &.activeParent{ color: #df0334; &:after{ content: ''; width: 0.25rem; height: 0.25rem; border-radius: 50%; background-color: #df0334; display: block; position: absolute; .verticalMiddle; left: -0.75rem; } } } .order__nav{ width: 4.25rem; } .order__nav-icon-wrap{ margin-bottom: 0.35rem; height: 3.45rem; position: relative; width: 0.6rem; &:after{ content: ""; position: absolute; top: 0; .horizontalMiddle; width: 0; height: 1.25rem; border: 0.05rem solid #d1d1e0; } &:before{ content: ""; position: absolute; bottom: 0; .horizontalMiddle; width: 0; height: 1.25rem; border: 0.05rem solid #d1d1e0; } } .order__nav-icon{ max-width: 0.65rem; max-height: 0.8rem; margin: 0 0.25rem; } .order__nav-icon_center{ .itemCenter; .flex; .flex_ac; span{ position: relative; display: inline-block; &:after{ content: ""; height: 0.5rem; width: 0.05rem; background: #c7cad6; .cssRotate(22deg); position: absolute; left: 0rem; top: 0.05rem; } &:first-child{ &:after{ display: none; } } } } .order__nav_child{ position: absolute; .verticalMiddle; left: 5rem; padding: 0.75rem 0; padding-left: 1.65rem; border-left: 0.05rem solid @greyL; &:after{ width: 0.25rem; height: 0.25rem; content: ''; display: block; position:absolute; border: 0.1rem solid @greyL; .verticalMiddle; border-bottom: 0; border-right:0; .cssRotate(-45deg); left:-0.25rem; background:#dee1eb; } } .order__nav-city-wrap{ position: relative; } .order__nav-city_child{ color: #424552; font-family: "Roboto Condensed"; font-size: 0.7rem; font-weight: 400; line-height: 0.9rem; /* Text style for "Гостиница" */ letter-spacing: 0.014rem; text-decoration: none; margin-bottom: 2rem; display: block; &:last-child{ margin-bottom: 0; } &.active{ color:#df0334; } } .order-list__icon-wrap{ .flex; .flex_center; margin: 1.5rem 0; height: 12.7rem; position: relative; &:before{ content: ""; width: 0rem; height: 3.6rem; border-left: 1px solid #424552; position: absolute; top:0; .horizontalMiddle; } &:after{ content: ""; width: 0rem; height: 3.6rem; border-left: 1px solid #424552; position: absolute; bottom:0; .horizontalMiddle; } } .order-list__icon-info-block{ .flex_inline; .flex_center; margin: 0 1.25rem; position: relative; &:after{ content: ""; height: 3.6rem; width: 0.05rem; background: #c7cad6; .cssRotate(22deg); position: absolute; left: -1.5rem; } &:first-child{ &:after{ display: none; } } } .order-list__icon-info{ margin-left: 1.5rem; strong{ color: #424552; font-family: Roboto; font-size: 0.8rem; font-weight: 700; text-transform: uppercase; display: block; margin-bottom: 0.4rem; } span{ color: #424552; font-family: Roboto; font-size: 0.8rem; font-weight: 300; display: block; } } .order-list__icon{ //margin-left: 10.5rem; max-width: 3.1rem; max-height: 3.1rem; } .order__content{ padding: 0 3.95rem; //text-align: center; top: -5.5rem; position: relative; table{ width: 100%; margin: auto; } img{ max-width: 100%; } } .order__drop{ opacity: 0; pointer-events: none; .animate; } .order__drop-btn{ text-align: center; //margin-top: 2rem; padding-bottom: 2.25rem; margin-top: -5rem; margin-bottom:2.9rem; } .static-page{ box-shadow: 0 1rem 1.05rem rgba(0, 0, 0, 0.08); background-color: #f4f5f9; padding:2.25rem 2.75rem; line-height: 1.5rem; font-size: 1.1rem; letter-spacing: 0.018rem; @media (max-width: 1400px) { font-size: 1.3rem; line-height: 2rem; } } .error{ text-align: center; margin-top: 4rem; } .error__note{ width: 5.9rem; height: 6.7rem; background: url("/img/figure.svg"); background-size: 5.9rem 6.7rem; .flex; .flex_center; position:absolute; left:50%; top: -1.45rem; margin-left: 13.5rem; } .error__note-hint{ font-family: Roboto; font-size: 1.755rem; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 0.83; letter-spacing: normal; color: #ffffff; } .error__nav{ width: 77rem; margin: auto; margin-top: 6.8rem; margin-bottom: 9.3rem; } .error_number{ position: relative; font-family: Roboto; font-size: 20.15rem; font-weight: bold; font-style: normal; font-stretch: condensed; letter-spacing: -1.01rem; color: #ffffff; line-height: 17.05rem; } .error__message{ font-family: Roboto; font-size: 1rem; font-weight: bold; font-style: normal; font-stretch: normal; line-height: 1.8; letter-spacing: 0.05rem; text-align: center; color: #424552; text-transform: uppercase; } .close-icon{ margin-left: 0.25rem; } .ok-icon{ margin-left: 0.25rem; } /* Footer -----------------------------------------------------------------------------*/ .footer { margin: -19.45rem auto 0; min-width: 16rem; height: 21rem; background: #424552; position: relative; } .footer-content { padding: 1.5rem; padding-bottom: 0.5rem; padding-right: 9.3rem; } .footer-top{ .flex; .flex_ac; margin-bottom: 2.35rem; } .footer__phone{ margin-right: 1.2rem; color: #ffffff; font-size: 0.75rem; font-weight: 700; text-transform: uppercase; font-weight: 300; letter-spacing: 0.095rem; //float: left; //margin-top: 0.9rem; } .footer__call-me-btn{ color: #ffffff; font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.0145rem; height: 2.3rem; box-shadow: -0.15rem 1rem 1.05rem rgba(0, 0, 0, 0.08); border-radius: 0.1rem; line-height: 2.3rem; padding: 0 1.35rem; text-decoration: none; display: inline-block; background-color: rgba(255,255,255,0.1); &:hover{ color: #fff; background: #df0334; } } .footer__call-me-btn_mix{ //float: left; margin-right: 2.7rem; } .footer__time{ //float: left; color: #ffffff; font-size: 0.75rem; font-weight: 300; //margin-top: 0.9rem; margin-right: 1.1rem; } .footer__time-val{ font-weight: 700; } .footer__right{ float: right; margin-right: 1.4rem; } .footer-menu{ padding-left: 0.9rem; .flex; min-height: 10.55rem; } .menu__block{ margin-right: 3.95rem; } .menu__head{ color: #ffffff; font-size: 0.7rem; font-weight: 700; text-transform: uppercase; /* Text style for "х, адж 201" */ letter-spacing: 0.049rem; padding-bottom: 0.15rem; text-decoration: none; border-bottom: 0.1rem solid rgba(220, 220, 220, 0.29); &:hover{ border-bottom: 0.15rem solid rgba(220, 220, 220, 1); } } .menu__head-wrap{ margin-bottom: 1.2rem; } .menu__link{ color: #ffffff; font-size: 0.5rem; font-weight: 300; text-transform: uppercase; letter-spacing: 0.035rem; text-decoration: none; border-bottom: 0.05rem solid rgba(220, 220, 220, 0.2); padding-bottom: 0.1rem; &:hover{ color: #fff; background: none !important; border-bottom: 0.05rem solid rgba(220, 220, 220, 1); } } .menu__link-wrap{ margin-bottom: 0.8rem; padding-left: 0.5rem; } .menu__link-wrap_big{ margin-bottom: 0.75rem; margin-left: 1.5rem; } .menu__link_big{ color: #ffffff; font-size: 0.7rem; font-weight: 700; line-height: 1.2rem; text-transform: uppercase; /* Text style for "к, онтакты" */ letter-spacing: 0.049rem; text-decoration: none; padding-bottom: 0.15rem; border-bottom: 0.05rem solid rgba(220, 220, 220, 0.2); &:hover{ background: none !important; color: #fff; border-bottom: 0.05rem solid rgba(220, 220, 220, 1); } } .footer-bottom{ padding-left: 0.9rem; .flex; .flex_ac; .social{ margin-right: 4.35rem; } } .social{ .flex; .flex_ac; } .social__link{ margin-right: 0.85rem; svg{ width: 1.25rem; max-height: 1.25rem; display: block; path{ fill:#9d9faa } &:hover{ path{ fill:#df0334 } } } } .social_dark{ svg{ path{ fill:#31395e } } } .social__hint{ color: #d9dbe2; font-size: 0.65rem; font-weight: 300; /* Text style for "М, ы в соц" */ letter-spacing: 0.013rem; margin-right: 1.1rem; } .social__icon-content{ .flex; .flex_ac; } .footer-address__wrap{ .flex; margin-right: 3.85rem; } .footer-address__hint{ color: #d9dbe2; font-family: Roboto; font-size: 0.65rem; font-weight: 300; letter-spacing: 0.013rem; margin-right: 0.7rem; } .footer-address__value{ color: #ffffff; font-size: 0.7rem; font-weight: 500; letter-spacing: 0.0175rem; } .footer_bottom-wrap{ margin-left: auto; } .footer_bottom-dis{ float: right; color: #555864; font-size: 0.7rem; font-weight: 300; line-height: 1.186rem; text-transform: uppercase; /* Text style for "дизайн сай" */ letter-spacing: 0.035rem; text-decoration: none; vertical-align: middle; } .footer__enter-link-wrap{ margin-left: auto; height: 2rem; text-align: right; } .footer__enter-link{ color: #ffffff; font-size: 0.75rem; font-weight: 700; line-height: 1.6rem; text-transform: uppercase; letter-spacing: 0.0375rem; border-bottom: 0.1rem solid rgba(255, 255, 255, 0.1); margin-left: auto; margin-right: 1.95rem; text-decoration: none; display: inline-block; &:hover{ border-bottom: 0.15rem solid #dcdcdc; } } .footer_bottom-dis-img{ display: inline-block; vertical-align: -0.25rem; width: 2.4rem; } .footer-search__input{ //padding-left:1.85rem; height: 1.8rem; padding-right: 0.7rem; border: 0; background: none; color: #fff; width: 7.35rem; color: #ffffff; font-family: Roboto; font-size: 0.7rem; font-weight: 300; line-height: 1.2rem; text-transform: uppercase; /* Text style for "п, оиск по" */ letter-spacing: 0.049rem; .flex; .flex_ac; cursor:pointer; } .footer-search__btn{ width: 0.65rem; height: 0.65rem; background: url(../img/icons/search.svg) center no-repeat; background-size: contain; border: 0; margin-right: 0.75rem; margin-top: -0.2rem; } .footer-search__content{ //border-bottom: 0.1rem solid rgba(220, 220, 220, 0.29); color: #ffffff; background-color: rgba(255, 255, 255, 0.1); width: 12rem; height: 2.3rem; box-shadow: -0.15rem 1rem 1.05rem rgba(0, 0, 0, 0.08); border-radius: 0.1rem; padding: 0 1.35rem; &:hover{ background: #df0334; } .footer-search__input{ font-weight: 700; width: 8rem; font-size: 0.75rem; } .flex; .flex_ac; } .footer-iaa__img{ width: 7rem; } .footer-iaa__wrap{ margin-right: 3rem; } .menu__block_search{ margin-right: 0rem; margin-left: auto; margin-top: -0.6rem; } .discount-slide_wrap{ margin: 5.9rem 4.35rem 0 2.7rem; } .extra-icons .toure__route-icon{ display: inline-block; width: 0.8rem; margin: 0rem 0.5rem; position: relative; top: 0.05rem; } .not-active-wrapper .toure-list__element-wrap{ position: relative; } .not-active-wrapper .toure-list__element-wrap:after{ content: ''; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; z-index: 99999; background: rgba(255, 255, 255, 0.5); } .news_on-main .news__img-wrap:after{ bottom: -3.5rem; } .news_on-main .news__img-wrap{ padding-bottom: 2.5rem; } .notifications{ position: fixed; right: 1.25rem; background: #fff; padding: 0.7rem; z-index: 9999; top: 5.5rem; border-radius: 1rem; color: #fff; background: #df0334; text-transform: uppercase; } .notifications a{ text-decoration: none; color: #fff; } .notifications a:hover{ color: #fff; } .mobile_hide{ display: block; } .mobile_show{ display: none; } .toure__note-price-text a{ color: #424552 !important; font-size: 0.6rem !important; font-weight: initial !important; } .toure__note-price-text a:hover{ color: #000 !important; } .checkbox__custom label:before{ box-shadow: 0px 0px 6px -1px; } .boxlent { width: 600px; border: 1px solid #ddd; height: 400px; position: relative; margin: 0 auto; background: #efefef; overflow: hidden; } .ribbon-2 { text-decoration: none; text-decoration: none; text-transform: uppercase; width: 225px; padding: 16px; position: absolute; text-align: center; color: #f0f0f0; top: 30px; right: -59px; transform: rotate(45deg); background-color: #262e5d; font-family: "Roboto Condensed"; font-weight: 700; font-size: 1.2rem; } .toure__block-widht-r{ overflow: hidden; } .itog-sum{ margin-top: 1.2rem; }