/* -- F-rent.com system.css #2016 -- */ .right-block a h3 span { color: rgb(51, 65, 71); text-decoration: none; border-bottom: 1px solid rgb(183, 188, 190); } .right-block a:hover h3 span { color: #237ef7 !important; border-color: #3a8efa !important; } a.f-btn.gray:hover { color: white !important; } a.f-btn.gray.f-btn_down:hover { color: white !important; } .f-textarea { font-size: 18px; } .any-questions a, .any-info_white a { color: white; border-bottom-color: rgba(255, 255, 255, .5); } .favorite-input { position: absolute; left: -9999px; } #no-main .title h1 { font-size: 42px; font-weight: 600; letter-spacing: -1px; } #no-main .f-header { position: relative; } #no-main .f-footer { } .f-header .f-left-column { width: 15%; } .f-header .f-center-column { width: 60%; } .tohidden { visibility: hidden; } .toshow { visibility: visible; } .f-header-reducer { padding: 15px 0; } .f-header .f-header__logo { margin-top: 10px !important; } .f-header .f-header__logo .logo { background: url('../images/logo.png'); background-size: 128px 18px; width: 128px; height: 18px; position: relative; margin-left: 40px; } .f-header .f-header__logo .logo.black { background: url('../images/logo-black.png'); } .logo { z-index: 33; } .logo img { z-index: 33; position: relative; } /* .logo:after { content: ""; position: absolute; width: 250px; height: 50px; background: rgb(181,189,200); left: 0; z-index: 1; border-top-right-radius: 4px; top: 15px; } */ li.no-pad { padding: 0 !important; margin: 0 !important; } .f-header__main-navigation { float: right; } .f-header .f-header__main-navigation ul li { float: left; padding: 0; margin-right: 0 !important; margin-left: 45px; font-size: 15px; /* margin-right: 8px; */ } .f-header .f-header__main-navigation ul li.text-link { line-height: 37px; } .f-header .f-header__main-navigation ul li b { color: white; /* font-family: 'Futuris', Arial !important; */ font-family: 'Lato', 'PT Sans', Arial; font-weight: normal; opacity: .8; } .f-header .f-btn { margin-top: 2px; margin-right: 0 !important; } .f-content { background: white; /* margin-top: 15px; */ z-index: 555; position: relative; } .f-header .f-btn.right { margin-right: 40px !important; } .f__reviews .f-header { } /* .footer-bg { -webkit-box-shadow: inset 5px 15px 11px -7px rgba(0,0,0,.3); -moz-box-shadow: inset 5px 15px 11px -7px rgba(0,0,0,.3); box-shadow: inset 5px 15px 11px -7px rgba(0,0,0,.3); } */ /*-- BASIC --*/ #content { zoom: 1; padding-top: 0; } .f-main-page { margin-top: 0 !important; } .f-system { padding: 15px 0 0 0; margin-top: 0 !important; /* min-height: 900px; */ z-index: 31; } /* USER MENU */ .f-system__user-menu { width: 23%; min-height: 30px; position: absolute; border-top-right-radius: 5px; /* border-bottom-right-radius: 4px; */ z-index: 444; margin-top: -55px; display: none; opacity: 1; } .f-system__user-menu.shadow, .f_small-modal.shadow { border-bottom: 3px solid #8d94d6; box-shadow: 0 25px 40px -10px rgba(8, 26, 40, 0.3); border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background: rgb(254, 246, 232); background: -moz-linear-gradient(top right, #fef6e8, #fff2e9, #feefed, #f5f0f8, #e8f7fe); background: -webkit-linear-gradient(top right, rgb(254, 246, 232), rgb(255, 242, 233), rgb(254, 239, 237), rgb(245, 240, 248), rgb(232, 247, 254)); background: -o-linear-gradient(top right, #fef6e8, #fff2e9, #feefed, #f5f0f8, #e8f7fe); background: linear-gradient(top right, #fef6e8, #fff2e9, #feefed, #f5f0f8, #e8f7fe); z-index: 444; display: block; } .f-system__user-menu .user-menu { padding: 11px 0 2px 40px; } .f-system__user-menu .user-menu { position: relative; } .f-system__user-menu .user-menu .user-menu__top { position: relative; height: 48px; } .toggle { position: absolute; display: inline-block; left: 40px; top: 79px; z-index: 555; } .toggle .arr-top, .toggle .arr-bottom { position: absolute; display: inline-block; right: -4px; top: 5px; } .toggle .small { font-size: 80%; } a.toggle { border-bottom: none !important; } .toggle .circle { border: 1px solid rgba(0,0,0, .5); font-size: 17px; border-radius: 17px; display: inline-block; height: 30px; width: 30px; line-height: 30px; text-align: center; margin-right: 15px; } .toggle .ti-angle-down { margin-left: 2px; } a.toggle.active, a.toggle.active .circle { color: #000; border-color: #000 !important; } a.toggle:hover, a.toggle:hover .circle { color: #57a3fa !important; border-color: #57a3fa !important; } .f-system__user-menu .user-menu .user-menu__content { display: none; } .f-system__user-menu .user-menu .user-menu__content .user { padding-bottom: 200px; } /* SMALL MODAL */ .f_small-modal { /* background: rgb(254, 246, 232); background: -moz-linear-gradient(top right, #f5f0f8, #e8f7fe); background: -webkit-linear-gradient(top right, rgb(245, 240, 248), rgb(232, 247, 254)); background: -o-linear-gradient(top right, #f5f0f8, #e8f7fe); background: linear-gradient(top right, #f5f0f8, #e8f7fe); box-shadow: 0 25px 40px -10px rgba(8, 26, 40, 0.1); border-bottom: 3px solid #8d94d6; */ z-index: 99; position: absolute; border-radius: 4px; } .f_small-modal .inner { padding: 5px 14px 6px; position: relative; } .modal-settings { width: 150px; top: 60px; right: 40px; } .modal-settings ul li { margin: 6px 0; position: relative; } .modal-settings ul li i { font-size: 14px; position: relative; left: 4px; top: 2px; } .modal-settings .closer { top: 0; right: 0; font-weight: normal; } .btn-quit { background: none; padding: 0; border: none; cursor: pointer; color: white; margin-right: 40px; } #loader { display: none; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 4px; background: rgba(255,255,255, .9); z-index: 9; } .login #loader .inner { display: none; position: absolute; top: 50%; left: 50%; margin-left: -16px; margin-top: -16px; width: 32px; height: 32px; } /* SUB-LINE MENU */ .f-system__sub-user-menu { width: 100%; /* -blue */ /* background: rgba(221, 238, 254, 0.35); */ /* border-bottom: 1px solid rgba(130, 188, 253, .42); */ /* -deep purple */ /* background: #e8f7fe; */ /* border-bottom: 1px solid rgb(225, 237, 287); */ /* background: rgb(232,247,254); background: -moz-linear-gradient(left, rgba(232,247,254,1) 0%, rgba(245,240,248,1) 29%, rgba(245,240,248,1) 32%, rgba(245,240,248,1) 32%, rgba(254,239,237,1) 60%, rgba(232,247,254,1) 100%); background: -webkit-linear-gradient(left, rgba(232,247,254,1) 0%,rgba(245,240,248,1) 29%,rgba(245,240,248,1) 32%,rgba(245,240,248,1) 32%,rgba(254,239,237,1) 60%,rgba(232,247,254,1) 100%); background: linear-gradient(to right, rgba(232,247,254,1) 0%,rgba(245,240,248,1) 29%,rgba(245,240,248,1) 32%,rgba(245,240,248,1) 32%,rgba(254,239,237,1) 60%,rgba(232,247,254,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8f7fe', endColorstr='#e8f7fe',GradientType=1 ); */ background: rgb(248, 248, 248); border-bottom: 1px solid rgb(242, 242, 242); /* -yellow ---- background: rgb(255,253,231); /* Old browsers */ /* background: -moz-linear-gradient(top, rgba(255,253,231,1) 0%, rgba(255,248,225,1) 100%); /* FF3.6-15 */ /* background: -webkit-linear-gradient(top, rgba(255,253,231,1) 0%,rgba(255,248,225,1) 100%); /* Chrome10-25,Safari5.1-6 */ /* background: linear-gradient(to bottom, rgba(255,253,231,1) 0%,rgba(255,248,225,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ /* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffde7', endColorstr='#fff8e1',GradientType=0 ); /* IE6-9 */ } .f__reviews .f-system__sub-user-menu { background: white !important; border-bottom: 1px solid rgba(242, 242, 242, .1); } .f__reviews .f-system__sub-user-menu a { /* color: white !important; border-bottom-color: rgba(255, 255, 255, .7) !important; */ } .f__reviews .f-system__sub-user-menu { color: white; } .f-system__sub-user-menu .sub-user-menu { padding: 13px 40px; } .f-system__sub-user-menu .sub-user-menu ul li { position: relative; display: inline-block; padding: 3px 7px 4px 27px; font-size: 16px; margin-right: 30px; border-radius: 4px; } .f-system__sub-user-menu .sub-user-menu ul li a { color: #000; border-bottom-color: rgba(0, 0, 0, .3); } .f-system__sub-user-menu .sub-user-menu ul li i { position: absolute; top: 4px; left: 7px; font-size: 16px; } .f-system__sub-user-menu .sub-user-menu ul li.active { background: #0c2f95; background: -moz-linear-gradient(45deg, #0c2f95 0%, #154cba 100%); background: -webkit-linear-gradient(45deg, #0c2f95 0%,#154cba 100%); background: linear-gradient(45deg, #0c2f95 0%,#154cba 100%); color: white !important; } .f-system__sub-user-menu .sub-user-menu ul li.active a { color: white !important; border-bottom: 0 !important; } .f-system__sub-user-menu .sub-user-menu ul li .sub-menu_counter { position: absolute; width: 19px; height: 19px; font-size: 12px; color: rgb(255, 255, 255); border-radius: 11px; border-top: 1px solid rgb(255, 255, 255); border-right: 1px solid rgb(255, 255, 255); /* background: rgb(255, 193, 7); */ background: rgb(211,47,47); background: -moz-linear-gradient(top, rgba(211,47,47,1) 0%, rgba(183,28,28,1) 100%); background: -webkit-linear-gradient(top, rgb(211, 47, 47) 0%,rgb(183, 28, 28) 100%); background: linear-gradient(to bottom, rgb(211, 47, 47) 0%,rgb(183, 28, 28) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d32f2f', endColorstr='#b71c1c',GradientType=0 ); text-align: center; line-height: 19px; right: -13px; top: -5px; } .f-system__big-search-form .f-search-form__type-group .abs-right { bottom: 62px; right: -30px; } .search_form-reser { position:absolute; bottom:84px; left:30px;} .search-form__pseudo { color: rgba(0, 0, 0, .5); padding: 6px 12px 5px 35px; border: 1px dashed rgba(0, 0, 0, .5); border-radius: 6px; font-size: 17px; cursor: pointer; } .search-form__pseudo span { } .search-form__pseudo i { position: absolute; bottom: 3px; left: 12px; font-size: 17px; } .f-system__title { margin: 26px 40px 30px; } .ti-control-forward { position: relative; top: 5px !important; } /* SEARCH FORM YEA */ .big-search { position: relative; } .f-system .f-system__big-search-form { width: 75%; float: left; } .f-system__big-form { width: 75%; float: left; } .f-system .f-system__big-search-form .big-search-form, .big-form { padding: 0 30px 0; min-height: 100px; margin: 0 0 30px 40px; /* background: rgb(255,255,255); background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 89%, rgba(242,242,242,1) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(242,242,242,1) 89%,rgba(242,242,242,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(242,242,242,1) 89%,rgba(242,242,242,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); */ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAACKklEQ…AM0/dg0TRNArx/DhmCyWQiqdjj8Ri/ZhFCuvU9HA6TAAB/aN+Qornkk9wAAAAASUVORK5CYII=), radial-gradient(ellipse at center, rgb(255, 255, 255) 45%,rgb(242,242,242) 100%); background-repeat: repeat, no-repeat; box-shadow: 0 0 50px -1px rgba(0,0,0,.1) inset; border-bottom: 1px solid 1px solid rgba(130, 188, 253, .42); border-radius: 4px; box-shadow: 0 15px 30px -10px rgba(8, 26, 40, 0.21); } .f-system .f-system__big-search-form .big-search-form h2 { } .s__room-bg { opacity: .2; } .h-500 { height: 1000px; overflow-y: hidden; position: relative; } .with-line { border-top: 1px solid #e8ebed; } .with-two-line { border-top: 1px solid #e8ebed; border-bottom: 1px solid #e8ebed; } .second-level { } .white-fade { height: 1000px; width: 100%; position: absolute; top: 0; left: 0; z-index: 4; background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ } .form-search__main-label { width: 115px; float: left; /* font-family: 'Futuris', Arial !important; */ padding-top: 7px; } .form-search__main-label span { font-size: 16px; } .form-search__main-label.first-label { padding-top: 8px; } .form-search__main-label.small-label { width: 170px; } .control-group { width: 100%; padding: 20px 0 21px; /* margin-bottom: 20px; */ } .control-line.min-width { min-width: 450px; } .control-group .control-inputs input, input.day, input.year { padding: 7px 10px 8px; margin-left: 5px; font-size: 16px; } select.month { margin-left: 6px; } input.year { margin-left: 13px; } .control-group .control-inputs input.price { } .control-group .control-inputs input.s { } .control-group .control-inputs input.b { width: 100%; } .control-group .form-label { font-size: 16px; line-height: 28px; position: relative; top: -1px; color: #8b8b8b; } .control-group .form-label.with-pad { padding: 0 4px 0 7px; } .control-group .control-line { margin: 0 0 30px; } .control-group select { position: relative; top: 0px; height: 35px; line-height: 34px; font-size: 16px; } .control-group .control-line select.srok { width: 190px; } .no-mrg-left { margin-left: 0 !important; left: 0 !important; } .no-mrg-bottom, .control-line.last { margin-bottom: 0 !important; } .control-group.icons { padding: 4px 0 20px 0 !important; } .area .control-inputs { margin: 0 0 20px 170px; } .area .form-label { width: 59px !important; display: inline-block; } .button-row { /** height: 110px; **/ border-radius: 7px; /** -webkit-box-shadow: inset 0 1px 3px rgb(255, 255, 255),0 5px 25px -4px rgba(0,0,0,.2); -moz-box-shadow: inset 0 1px 3px white,0 5px 25px -4px rgba(0,0,0,.2); box-shadow: inset 0 1px 3px rgb(255, 255, 255),0 5px 25px -4px rgba(0,0,0,.2); **/ /* display: inline-block; */ } .button-row .type-button { /* YELLOW */ /* border: 1px solid rgb(255, 236, 179); */ /* BLUE */ /* border: 1px solid rgba(130, 188, 253, .52); */ /* DARK BLUE */ border: 1px solid rgba(12, 48, 150, .7); border-radius: 4px; /* padding: 13px 24px 5px; */ padding: 8px 24px 10px; /* font-family: "Futuris"; */ font-family: 'Lato', 'PT Sans', Arial; font-size: 16px; font-weight: 400; float: left; /* background: rgb(255, 255, 255); */ position: relative; -webkit-transition: border-color ease-in-out .25s, background ease-in-out .25s, color ease-in-out .25s; -o-transition: border-color ease-in-out .25s, background ease-in-out .25s, color ease-in-out .25s; transition: border-color ease-in-out .25s, background ease-in-out .25s, color ease-in-out .25s; } .f-group { width: 97%; min-width: 356px; margin-right: 3%; } .control-group .single { padding: 20px 0 21px; } .hidden--radio { position: absolute; left: -9999px; } .label-overlay { cursor: pointer; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; } .label-number-overlay { cursor: pointer; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; } .subway, .state, .num-of-rooms { margin-right: 35px; } .num-of-rooms .number-group { display: inline-block; /* margin-top: -1px; */ border-radius: 5px; /**-webkit-box-shadow: inset 0 1px 3px rgb(255, 255, 255),0 5px 25px -4px rgba(0,0,0,.2); -moz-box-shadow: inset 0 1px 3px white,0 5px 25px -4px rgba(0,0,0,.2); box-shadow: inset 0 1px 3px rgb(255, 255, 255),0 5px 25px -4px rgba(0,0,0,.2);**/ } .num-of-rooms .number-group .number { font-size: 17px; position: relative; font-style: normal; padding: 5px 0; margin: 0 !important; border-width: 1px 0 1px 1px; border-style: solid; /* border-color: rgb(255, 236, 179); */ border-color: rgba(130, 188, 253, .52); background: #fff; margin: 0; display: inline-block; width: 37px; text-align: center; cursor: pointer; } .num-of-rooms .number-group .number:hover { /* YELLOW background: rgba(255,253,231, .85); */ /* BLUE */ background: rgba(12, 47, 149, 0.35); } .num-of-rooms .number-group .number.number-selected { background: #424242 !important; color: white !important; /* text-shadow: 0 2px 2px rgba(67, 83, 102, 0.75); **/ } .num-of-rooms .number-group .number.number-first { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .num-of-rooms .number-group .number.number-last { border-top-right-radius: 4px; border-bottom-right-radius: 4px; /* YELLOW border-right: 1px solid rgb(255, 236, 179); */ /* BLUE */ border-right: 1px solid rgba(130, 188, 253, .52); } .button-row .type-button:hover { cursor: pointer; /* YELLOW background: rgba(255,253,231, .85); */ /* BLUE */ background: rgba(12, 47, 149, 1); color: white; } .button-row .type-button.type-selected { border: 1px solid #424242; color: rgb(255, 255, 255) !important; /** text-shadow: 0 2px 2px rgba(67, 83, 102, 0.75); **/ box-shadow: 0 1px 5px -1px rgba(67, 83, 102, 0.75) inset; cursor: default; background: #424242; } .button-left { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } .button-right { border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; } .button-center { border-radius: 0 !important; border-left: 0 !important; border-right: 0 !important; } .button-row .type-button .type-img { width: 105px; height: 65px; overflow: hidden; border-radius: 3px !important; display: none; } .button-row .type-button span { display: inline-block; /* margin-top: 4px; margin-bottom: 8px; */ font-size: 16px; /** text-shadow: 0 1px 1px rgba(67, 83, 102, 0.3); **/ } .subway .subway-group, .state .state-group { display: inline-block; } .subway .subway-group .f-btn, .state .state-group .f-btn { padding: 11px 24px; line-height: normal !important; font-size: 15px; } .holod, .stirka, .tv, .mebel { display:inline-block; } .holod input[type='checkbox'] { display:none; } .desc_search_1, .desc_search_2 { display: none; bottom: -10px; position: absolute; background: rgba( 0, 0, 0, 0.8); color: rgb(255, 255, 255); font-size: 11px; padding: 0 5px; border-radius: 5px; } .holod label {display:inline-block; background:url(../images/holod.png); width:16px; height:28px; margin:5px 7px; cursor:pointer;} .holod input[type='checkbox']:checked + label {background:url(../images/holod-click.png);} .stirka input[type='checkbox'] {display:none;} .stirka label {display:inline-block; background:url(../images/stirka.png); width:21px; height:24px; margin:5px 7px; cursor:pointer;} .stirka input[type='checkbox']:checked + label {background:url(../images/stirka-click.png);} .tv input[type='checkbox'] {display:none;} .tv label {display:inline-block; background:url(../images/tv.png); width:26px; height:21px; margin:5px 7px; cursor:pointer;} .tv input[type='checkbox']:checked + label {background:url(../images/tv-click.png);} .mebel input[type='checkbox'] {display:none;} .mebel label {display:inline-block; background:url(../images/mebel.png); width:29px; height:21px; margin:5px 7px; cursor:pointer;} .mebel input[type='checkbox']:checked + label {background:url(../images/mebel-click.png);} .form-submit { /* background: rgb(245,240,248); */ /* background: -moz-linear-gradient(left, rgba(245,240,248,1) 0%, rgba(254,239,237,1) 38%, rgba(255,242,233,1) 100%); background: -webkit-linear-gradient(left, rgba(245,240,248,1) 0%,rgba(254,239,237,1) 38%,rgba(255,242,233,1) 100%); background: linear-gradient(to right, rgba(245,240,248,1) 0%,rgba(254,239,237,1) 38%,rgba(255,242,233,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f0f8', endColorstr='#fff2e9',GradientType=1 ); */ margin: 0px -30px; height: 47px; padding: 20px 30px; border-top: 1px solid #e9e9e9; /* border-bottom: 1px solid #EBDEF4; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; */ } .form-submit .search-form__pseudo { position: relative; top: 12px; } .form-submit .search-form__pseudo i { bottom: 8px; } .button-arrow { position: relative; top: 2px; } .first-level { padding-top: 30px; } #subway_mini { display: none; } /* Metro Interamap */ .f__modal.subway-popup { padding: 0 !important; width: 1010px; border-top: 4px solid rgba(63, 81, 181, .7); top: 0 !important; margin: 70px auto; } .subway-map { margin-top: 20px; position: relative; background: white url('../images/subway-sheme.png') no-repeat; width: 1010px; height: 1235px; background-size: 990px 1235px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; } .subway-popap .closer { top: 30px; } .f__modal.subway-popup h2 { position: absolute; top: 8px; left: 40px; font-size: 28px; } .modal-form-submit { background: rgba(221, 238, 254, .4); height: 74px; width: 100%; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; } .f__modal.subway-popup .modal-form-submit { position: absolute; bottom: 0; left: 0; } .f__modal.subway-popup .modal-form-submit .abs-right { right: 40px; bottom: 19px; } .f__modal.subway-popup .modal-form-submit .search-form__pseudo { position: relative; top: 24px; left: 40px; } .f__modal.subway-popup .modal-form-submit .search-form__pseudo i { bottom: 8px; } input.subway-circle[type="checkbox"] + span { } label.checkbox input[type='checkbox'].subway-circle { position: absolute; left: -9000px !important; } .subway-lines label.active { background: #3F51B5 !important; color: white; } .subway-lines label { cursor: pointer; font-size: 16px !important; line-height: 18px; font-weight: 400; position: absolute; /* font-family: "Futuris"; */ font-family: 'Lato', 'PT Sans', Arial; padding: 2px 4px; border-radius: 2px; -webkit-transition: background ease-in-out .25s, color ease-in-out .25s; -o-transition:background ease-in-out .25s, color ease-in-out .25s; transition: background ease-in-out .25s, color ease-in-out .25s; } .subway-lines label:hover { /* color: #237ef7; */ background: #FFECB3; } .subway-lines label.faded { background: rgba(255, 255, 255, .8); } .subway-lines input[type='checkbox']:checked + .subway-lines label { background: rgba(35, 126, 247, .9) !important; } .subway-lines label.faded:hover { } .subway-lines label.subway-station i { font-style: normal; } .subway-lines label.subway-station.label1-1 { left: 710px; } .subway-lines label.subway-station.label1-2 { left: 650px; } .subway-lines label.subway-station.label1-3 { left: 114px; } .line-one .nine { top: 35px; z-index: 9; } .line-one .grajd { top: 75px; z-index: 9; } .line-one .academ { top: 121px; z-index: 9; } .line-one .politeh { top: 153px; z-index: 9; } .line-one .brave { top: 185px; z-index: 9; } .line-one .forest { left: 670px; top: 246px; z-index: 9; } .line-one .viborg { top: 292px; z-index: 9; } .line-one .lenin { top: 355px; z-index: 9; } .line-one .chern { top: 446px; z-index: 9; } .line-one .vosst { top: 493px; z-index: 9; } .line-one .vlad { left: 465px; top: 644px; } .line-one .pushkin { left: 352px; top: 710px; z-index: 9; } .line-one .balt { left: 173px; top: 802px; } .line-one .narv { top: 872px; } .line-one .kirov { top: 934px; } .line-one .avtovo { top: 1007px; } .line-one .lenin-prosp { top: 1042px; } .line-one .veteran { top: 1088px; } .subway-lines label.subway-station.label2-1 { left: 488px; } .subway-lines label.subway-station.label2-2 { left: 319px; } .line-two .parnas { top: 45px; } .line-two .prosv { top: 77px; } .line-two .ozerki { top: 109px; } .line-two .udel { top: 141px; } .line-two .pioner { top: 181px; } .line-two .river { top: 255px; } .line-two .petr { top: 321px; } .line-two .gork { top: 376px; } .line-two .nevskiy { top: 457px; left: 487px; } .line-two .sennaya { left: 274px; top: 644px; } .line-two .tech-inst { top: 742px; left: 94px; } .line-two .frunz { top: 810px; } .line-two .m-vorota { top: 899px; } .line-two .electro { top: 945px; } .line-two .pobedi { top: 980px; } .line-two .moscow { top: 1015px; } .line-two .star { top: 1066px; left: 361px; } .line-two .kupchino { top: 1099px; left: 395px; } .subway-lines label.subway-station.label3-1 { left: 98px; } .subway-lines label.subway-station.label3-2 { left: 107px; } .subway-lines label.subway-station.label3-3 { left: 728px; } .line-three .primor { top: 387px; } .line-three .vasil { top: 445px; } .line-three .dvor { left: 345px; top: 512px; } .line-three .mayak { left: 508px; top: 513px; } .line-three .nevskiysq { left: 726px; top: 628px; z-index: 9; } .line-three .eliz { top: 877px; } .line-three .lomonos { top: 946px; } .line-three .prolet { top: 1013px; } .line-three .obuh { left: 751px; top: 1066px; } .line-three .fish { left: 787px; top: 1099px; } .subway-lines label.subway-station.label4-1 { left: 827px; } .line-four .spass { left: 262px; top: 586px; } .line-four .dost { top: 586px; left: 465px; } .line-four .ligov { left: 601px; top: 628px; } .line-four .nevskiysq2 { left: 175px; top: 54px; } .line-four .novocher { left: 816px; top: 688px; } .line-four .lad { top: 724px; } .line-four .bolsh { top: 780px; } .line-four .dibenko { top: 829px; } .line-four .theater { left: -56px; } .subway-lines label.subway-station.label5-1 { left: 326px; } label.subway-station.label5-5 { left: 526px !important; } .line-five .komend { top: 171px; } .line-five .derevnya { top: 227px; } .line-five .ostrov { top: 296px; } .line-five .chkalovskaya { top: 356px; } .line-five .sport { top: 397px; } .line-five .admiral { top: 517px; left: 173px; } .line-five .sad { left: 330px; top: 560px; } .line-five .zven { left: 504px; top: 710px; } .line-five .canal { left: 526px !important; top: 779px; z-index: 9; } .line-five .volk { top: 878px; } .line-five .buharest { top: 946px; } .line-five .inter { top: 980px; } /* SHOW FORM or HIDE FORM */ .show-form { margin: 44px 0 103px; text-align: center; } .show-form a { border: none; color: #8d94d6; } .show-form a span { padding: 12px 35px; font-size: 17px; border: 1px dashed #8d94d6; border-radius: 7px; cursor: pointer; -webkit-transition: border-color ease-in-out .25s, color ease-in-out .25s; -o-transition: border-color ease-in-out .25s, color ease-in-out .25s; transition: border-color ease-in-out .25s, color ease-in-out .25s; } .show-form a span i { margin-right: 7px; position: relative; top: 2px; } .show-form a span:hover { border-color: #195dcf; } /* Raion Interamap */ .raion-popup{ padding: 0; width: 908px; border-top: 4px solid rgba(63, 81, 181, .7); top: 0 !important; margin: 70px auto; } .popwindowDistricts { padding: 20px 0 0 0; } .popwindowDistricts h2 { padding: 10px 40px 0; font-size: 28px; } ul.list li { cursor: pointer; line-height: 20px; /* font-family: "Futuris"; */ font-family: 'Lato', 'PT Sans', Arial; font-size: 16px; font-weight: 400; float: left; margin-right: 20px; } ul.list { margin: 13px 38px 15px; } .mapWrapper { float: right; } #upload-container2 { cursor: pointer; color: white; position: relative; float: left; margin-bottom: 11px; margin-top: 11px; margin-right: 30px; background: url("../images/plus.png"); width: 95px; height: 95px; border: 1px solid #b8bce6; border-radius: 5px; } #upload-container2:hover { border-color: #656ec4; } #upload-container2 input[type='file'] { opacity: 0; cursor: pointer; width: 95px; height: 95px; position: absolute; left: 0; top: 0; z-index: 22; } #upload-result { position: relative; margin-top: 11px; } .del_photo { height: 100px; width: 100px; cursor: pointer; float: left; margin-right: 20px; } #upload-container2.preloader { } ul.horizontal { width: 100%; border-top: 1px solid #dedede; padding: 15px 0; } ul.horizontal li { float: left; margin: 0 0 0 20px; padding: 2px 4px; border-radius: 3px; } ul.horizontal li:first-child { margin: 0 0 0 40px; } .popupWindow .popupwindow-buttons { margin-bottom: 15px; text-align: center; } .popupWindow .popupwindow-buttons input { } input.yellow-btn { cursor: pointer; text-transform: uppercase; } ul.list li span { display: inline-block; padding: 2px 4px; border-radius: 3px; } ul.list { float: left; list-style: outside none none; padding: 0; } ul.list.horizontal { margin: 0 !important; padding: 20px 0; } .popupWindow .popupwindow-closeButton { cursor: pointer; height: 17px; position: absolute; right: 17px; top: 17px; width: 17px; } .raion-popup .popupwindow-title{ color: #1f4685; font-size: 18px; font-weight: bold; text-align:center; } .raion-popup #districtsList label{ margin:0; padding:0; } .raion-popup #districtsList li{ margin-bottom:8px; } .raion-popup #districtsList span{ border-radius: 3px; } .raion-popup #districtsList input[type="checkbox"]{ margin:0; display:none; } .raion-popup #districtsList input[type="checkbox"] + span:hover{ background: #FFECB3; } .raion-popup #districtsList input[type="checkbox"].hover + span{ background: #FFECB3; } .raion-popup #districtsList input[type="checkbox"]:checked + span { color: #ffffff !important; background: #3F51B5 !important; } .raion-popup #districtsList input[type="checkbox"].active + span { background: #3F51B5 !important; color: #ffffff !important; } .raion-popup #districtsList input[type="checkbox"] + span { display: block; cursor:pointer; } #regionsList li:hover { background: #FFECB3 !important; } #regionsList .active { background: rgb(66, 66, 66) !important; color: #fff; } #regionsList li.active:hover { background: rgb(66, 66, 66) !important; } .popupwindow-buttons { text-align: right; padding: 24px 40px; } /* ADD FORM size */ .add-form { width: 65% !important; } .add-right { width: 35% !important; } /* RIGHT */ .f-system_f-right { float: right; width: 25%; } .f-system_f-right .inner { margin: 0 40px; } .f-system_f-right .right-block { margin-top: 40px; } .f-system_f-right .right-block .icon { width: 100%; margin: 0 auto; } .f-system_f-right .right-block .icon img { width: 100%; } .f-system_f-right .right-block .description { margin: 10px auto 0; } .f-system_f-right .right-block .description h3 { /* font-family: "Futuris"; */ font-family: 'Lato', 'PT Sans', Arial; font-weight: 400; font-size: 17px; text-align: center; } .f-system_f-right .right-block .description p { margin-top: 8px; font-size: 16px; } .search-result { /* border: 1px solid rgb(235, 222, 244); */ background: white; position: absolute; top: -1px; right: 0; /* padding: 14px 20px; */ border-radius: 4px; /* width: 200px; */ padding: 8px 12px 7px; font-size: 17px; } .big-search-form iframe { display: none; } .f-system_f-right .inner .type { margin-top: 15px; padding: 0 50px 10px 0; border-bottom: 1px solid #dedede; } .f-system_f-right .inner .type p { font-size: 15px; font-style: italic; line-height: 21px; font-family: "Lato"; color: rgb(119, 119, 119); } .f-system_f-right .inner .type.price { position: relative; top: 30px; } .f-system_f-right .inner .type b { font-size: 17px; margin-bottom: 8px; display: block; } .f-system_f-right .inner .type.rooms { position: relative; top: 43px; } .f-system_f-right .inner .type.square { position: relative; top: 55px; } .f-system_f-right .inner .type.date { position: relative; top: 70px; } .f-system_f-right .inner .type.have { position: relative; top: 170px; } .f-system_f-right .inner .type.description { position: relative; top: 180px; } .f-system_f-right .inner .type.photo { position: relative; top: 200px; } /* MORE */ #preloader { display:none; } .right-block.documents { margin-top: 80px !important; } .documents ul li { margin-bottom: 20px; } .documents .file { width: 80%; margin: 0 auto; } .file { display: table; position: relative; vertical-align: top; border-collapse: initial; border-radius: 6px; padding: 0 25px 0 0; cursor: pointer; border: 1px solid; background-clip: padding-box; -webkit-background-clip: padding-box; -webkit-transition: border-color ease-in-out .25s, background ease-in-out .25s; -o-transition: border-color ease-in-out .25s, background ease-in-out .25s; transition: border-color ease-in-out .25s, background ease-in-out .25s; } .file:before { content: ''; position: absolute; top: 0; left: 50px; height: 100%; width: 1px; -webkit-transition: background ease-in-out .25s; -o-transition: background ease-in-out .25s; transition: background ease-in-out .25s; } .file.PDF:before { background: rgba(141,148,214,0.3); } .file.PDF { border-color: rgba(141,148,214,0.3); } .file.PDF:hover { background: rgb(141,148,214); border-color: rgba(141,148,214,1); color: white; } .documents a:hover .file.PDF:before { background: white; } .file.PDF .file-icon { color: rgb(141,148,214); } .file.PDF .file-name { color: rgb(141,148,214); } .file.PDF:hover .file-name, .file.PDF:hover .file-icon { color: white; } .file .file-icon { padding: 5px 10px; position: relative; display: table-cell; vertical-align: top; font-size: 90%; width: 10%; -webkit-transition: color ease-in-out .25s; -o-transition: color ease-in-out .25s; transition: color ease-in-out .25s; } .file .file-icon .file-icon_pseudo { display: block; position: relative; width: 20px; padding: 2px 0; } .file .file-icon .file-icon_pseudo .first { margin-bottom: 2px; display: block; width: 100%; height: 1px; -webkit-transition: background ease-in-out .25s; -o-transition: background ease-in-out .25s; transition: background ease-in-out .25s; } .file .file-icon .file-icon_pseudo .second { display: block; width: 80%; height: 1px; -webkit-transition: background ease-in-out .25s; -o-transition: background ease-in-out .25s; transition: background ease-in-out .25s; } .file.PDF .file-icon .file-icon_pseudo .first { background: rgba(141,148,214,0.3); } .file.PDF .file-icon .file-icon_pseudo .second { background: rgba(141,148,214,0.3); } .file.PDF:hover .file-icon .file-icon_pseudo .first, .file.PDF:hover .file-icon .file-icon_pseudo .second { background: white; } .file .file-name { padding: 4px 0 7px 15px; position: relative; display: table-cell; vertical-align: top; -webkit-transition: color ease-in-out .25s; -o-transition: color ease-in-out .25s; transition: color ease-in-out .25s; } .file .file-name .name { /* font-family: "Futuris"; */ font-family: 'Lato', 'PT Sans', Arial; font-size: 16px; font-weight: 400; } .file .file-name nobr { display: block; font-size: 13px; opacity: .8; margin-top: 10px; } .f-system__main-block { /* background: #f9f9f9; */ /* position: relative; padding-bottom: 50px;*/ } .f-system__objects { padding: 30px 40px 0px; margin-top: 20px; position: relative; } .f-system__objects:before { content: ''; position: absolute; z-index: -1; top: 0px; left: 0px; width: 100%; height: 500px; border-top: 1px solid rgb(242, 242, 242); background: #f2f2f2; background: -moz-linear-gradient(top, #f8f8f8 0%, #ffffff 100%); background: -webkit-linear-gradient(top, #f8f8f8 0%,#ffffff 100%); background: linear-gradient(to bottom, #f8f8f8 0%,#ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#ffffff',GradientType=0 ); } .s__room { width: 100%; margin-bottom: 40px; position: relative; background: rgb(255,255,255); box-shadow: 0 15px 30px -7px rgba(8, 26, 40, 0.21); border-bottom: 2px solid #d9d9d9; -webkit-transition: box-shadow 0.1s ease-in-out; transition: box-shadow 0.1s ease-in-out; } .s__room:hover { box-shadow: 0 15px 30px -10px rgba(176, 213, 253, .7); } .s__room.favorite { box-shadow: 0 15px 30px -10px rgba(255, 215, 64, .7); border-bottom: 2px solid #FFECB3; } .s__room.viewed { box-shadow: none !important; } .s__room.viewed:after { content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 111; background: rgba(255, 255, 255, .5); } .s__room .img { position: absolute; width: 385px; height: 385px; overflow-y: hidden; z-index: 99; /* float: left; */ /* border-top-left-radius: 4px; */ /* border-bottom-left-radius: 4px; */ } .s__room .img .fotorama { background: rgb(255,255,255); background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 56%, rgba(242,242,242,1) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 56%,rgba(242,242,242,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 56%,rgba(242,242,242,1) 100%); } .s__room .img .fotorama img { border-top-left-radius: 4px !important; border-bottom-left-radius: 4px !important; } .s__room .img .img-bg { position: absolute; height: 100%; width: 100%; left: 0; top: 0; background: rgba(0, 0, 0, .3); } .s__room .right-info { /* float: left; */ width: 100%; } .fotorama { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .s__room .fotorama__arr, .fotorama__fullscreen-icon { z-index: 99 !important; } .s__room .right-info .object__info { position: relative; padding-left: 385px; height: 428px; /* overflow-y: hidden; */ } .s__room .right-info.no-photo .object__info { padding-left: 0px !important; } .s__room .right-info .object__info .top { position: absolute; padding: 10px 0; left: 0; width: 100%; background: rgb(248, 248, 248); border-top: 1px solid rgb(233, 233, 233); border-bottom: 1px solid rgb(233, 233, 233); } .s__room .right-info.no-photo .object__info .top .top-in { padding-left: 30px !important; display: inline-block; } .s__room .right-info .object__info .top .top-in { padding-left: 416px; display: inline-block; } .s__room .right-info .object__info .top .right { float: right; margin-right: 60px; } .s__room .right-info .object__info .top span { font-size: 15px; margin-right: 15px; color: #333333; } .s__room .right-info .object__info .top span.tooltip { margin-right: 0 !important; } .s__room .right-info .object__info .top span.tooltip-content { color: #ffffff !important; } .s__room .right-info .object__info .top span.grey { color: #aeaeae; } .s__room .right-info .object__info .top span i { margin-right: 6px; } .s__room .right-info .object__info .top a { border-bottom: none !important; } .s__room .right-info .object__info .top .ti-eye { font-size: 16px; position: relative; color: #667c8b; cursor: pointer; margin-right: 0; top: 1px; z-index: 222 !important; } .s__room .right-info .object__info .top .ti-eye.active { color: black; } .s__room .right-info .object__info .top .ti-announcement { font-size: 16px; color: #667c8b; cursor: pointer; position: relative; top: 1px; z-index: 555; margin-left: 6px; margin-right: 0 !important; } .s__room .right-info .object__info .top .ti-eye:hover, .s__room .right-info .object__info .top .ti-settings:hover { color: #0c2f95; } .s__room .right-info .object__info .middle { padding: 55px 30px 20px; } .s__room .right-info .object__info .middle h2 { margin-bottom: 20px; } .s__room .right-info .object__info .middle h2 span { /* position: relative; top: 1px; */ /* font-size: 23px; */ color: rgb(157, 165, 174); cursor: pointer; } .s__room .right-info .object__info .middle h2 span:hover { color: #0c2f95; } .s__room .right-info .object__info .middle h2 span.active { color: #FFC107; } .s-icon { left: 0; } .s-icon img { width: 14px; } .s-icon.black { background: url('../images/spb-sub-icon-black.png') no-repeat; background-size: 14px 11px; } .s__room .middle p { font-family: "PT Sans"; margin-bottom: 7px; font-size: 16px; } .s__room .middle p { padding-left: 21px; position: relative; } .s__room .middle .location i { position: absolute; left: 0; top: 2px; } .s__room .location, .s__room .square { /* margin-top: 5px; */ /* border: 1px solid #e8ebed; */ /* background: rgb(254, 246, 232); */ padding: 7px 15px 2px 15px; } .s__room .square { position: relative; padding-left: 0; } .s__room .square p { margin-bottom: 7px; } .backgrounded { position: relative; /* background: #e8f7fe; */ background: -moz-linear-gradient(top right, #fef6e8, #fff2e9, #feefed, #f5f0f8, #e8f7fe); background: -webkit-linear-gradient(top right, rgb(254, 246, 232), rgb(255, 242, 233), rgb(254, 239, 237), rgb(245, 240, 248), rgb(232, 247, 254)); background: -o-linear-gradient(top right, #fef6e8, #fff2e9, #feefed, #f5f0f8, #e8f7fe); background: linear-gradient(top right, #fef6e8, #fff2e9, #feefed, #f5f0f8, #e8f7fe); /* border-radius: 5px; */ /* padding: 7px; */ } .s__room .backgrounded { border-radius: 5px; padding: 7px; } .s__room .square .ti-ruler-pencil { position: absolute; top: 7px; left: 0; } .s__room .square .ti-view-list { position: absolute; top: 2px; left: 0; } .s__room .price { white-space: nowrap; overflow-x: hidden; border-radius: 4px; background: rgba(255, 255, 255, .5); float: left; width: 45%; margin-top:5px; } .s__room .price h1 { font-size: 26px; padding: 2px 15px 3px; display: inline-block; font-weight: 500 !important; border-radius: 4px; border: 2px solid rgb(232, 247, 254); margin:0; } .s__room .price p { padding-left: 0 !important; } .s__room .buttons { position: absolute; bottom: 0; left: 0; /* padding-left: 360px; */ width: 100%; /* height: 60px; */ padding: 10px 0 11px; background: #f8f8f8; border-top: 1px solid #e9e9e9; } .s__room .number { float: right; margin-right: 30px; } .s__room .more { float: left; padding-left: 415px; } .s__room .right-info.no-photo .more { padding-left: 30px !important; } .s__room .more .f-btn { margin-right: 15px; } .s__room:hover .more { } .s__room .number .medium { position: relative; } .s__room .col-3 { width: 25%; float: left; } .s__room .col-4 { width: 45%; float: left; } .s__room .col-5 { width: 50%; float: left; } .s__room .icons { margin-top: 10px; float: left; } .s__room .icons img.icon { margin: 0 5px 0 0; height: 21px; } .s__room .description { margin: 15px 0; font-size: 14px; width: 95%; } sup { vertical-align: super; } .adress_map { font-weight: normal !important; } .s__room.favorite .right-info .object__info .top, .s__room.favorite .backgrounded { background: rgb(254, 246, 232) !important; } .s__room.favorite .right-info .object__info .top, .s__room.favorite .buttons { border-color: #FFECB3; } .s__room.favorite .buttons { background: rgb(254, 246, 232) !important; } /* SHOW MAP */ .s__room.with-map { height: 662px; } .s__room .map_object { position: relative; } .s__room .closer { right: 24px !important; font-size: 32px; top: 15px; padding: 2px 5px 0; line-height: 24px; border-radius: 3px; background: rgba(255, 255, 255, .8); } /* SHOW NUMBER */ .show { display: block !important; } .popup_phone_bg { position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: rgba(255, 255, 255, .5); z-index: 9999; } .popup_phone { top: 100px; z-index: 8; width: 680px; margin: 0 auto; padding: 30px 40px 30px; background: rgb(255,255,255); /* Old browsers */ background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 56%, rgba(242,242,242,1) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 56%,rgba(242,242,242,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 56%,rgba(242,242,242,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); box-shadow: 0 25px 40px -10px rgba(8, 26, 40, 0.3); position: relative; border-radius: 4px; } .popup_phone h2 { margin: 0 0 15px 0; padding: 0; font-size: 120%; font-weight: bold; } .popup_phone h1 { font-size: 75px; font-weight: 500; text-align: center; padding-bottom: 20px; border-bottom: 1px solid rgb(222, 222, 222); margin-bottom: 10px; } .popup_phone span { color: #626262; } .popup_phone span.right { float: right; font-size: 17px; } .phone-closer { right: 24px !important; font-size: 32px; top: 15px; padding: 0 3px 3px; border-radius: 3px; position: absolute; border: none !important; } .popup_phone .big { width: 500px !important; margin-left: 90px; } /* PAGINATION */ .f-system_pagination { margin: 0 0 30px; min-width: 948px; position: relative; } .f-system_pagination ul li { float: left; margin-right: 5px; } .f-system_pagination ul li a { padding: 7px 9px; /* font-family: "Futuris"; */ font-family: 'Lato', 'PT Sans', Arial; display: block; background: #fff; border-radius: 3px; font-size: 19px; border: none; } .f-system_pagination ul li.active a { background: rgb(40, 53, 147); color: white; } .f-system_pagination ul li a:hover { background: #ddedfe !important; color: black !important; } .f-system_pagination ul li.active a:hover { color: white !important; cursor: default; background: rgb(40, 53, 147) !important; } .f-system_pagination i { font-size: 15px; } /* PAGES */ .system-reducer { padding: 0 40px 50px; } .title { margin-top: 20px; } .help-container h3 { margin-bottom: 20px; padding-right: 40px; /* font-family: "Futuris"; */ font-family: 'Lato', 'PT Sans', Arial; font-weight: 500; font-size: 19px; font-weight: bold; } .help-container p { font-size: 16px; padding-right: 40px; } .help-container .file { margin-bottom: 5px; } .help-container .docs { padding-right: 40px; } .help-container ul li { margin-bottom: 10px; } .help-container .p-link { } .help-container .desc { font-style: italic; margin-bottom: 15px; color: #8b8b8b; } .help-container ul { padding-right: 40px; } /* HLEB SP v.1.02 */ .breadcrumbs { position: relative; margin: 0 40px 30px; } .breadcrumbs ul { margin: 0; padding: 0; /* font-family: "Futuris"; */ } .breadcrumbs ul li { display: inline-block; margin-right: 8px; font-size: 15px; font-weight: 500; } .breadcrumbs ul li i { font-size: 13px; position: relative; top: 2px; left: 7px; } .breadcrumbs a { color: rgb(140, 140, 140) !important; border-color: rgba(140, 140, 140, .7) !important; } .f__reviews .breadcrumbs { color: white; } .f__reviews .breadcrumbs a { color: white !important; border-color: rgba(255, 255, 255, .7) !important; } /* OBJECT */ .object-card .f-header__main-navigation a { color: #ffffff !important; border-bottom-color: rgba(255, 255, 255, .7) !important; text-shadow: none; } .object-card .f-header__main-navigation b { color: #ffffff; } .object-card { background: #263238 !important; background: -moz-linear-gradient(top, #263238 0%, #212121 100%) !important; background: -webkit-linear-gradient(top, #263238 0%,#212121 100%) !important; background: linear-gradient(to bottom, #263238 0%,#212121 100%) !important; } .object-card .f-system__sub-user-menu { position: relative; z-index: 999; width: 75%; /* background: rgb(45, 45, 126) !important; background: -moz-repeating-linear-gradient(top,#38388b 0,#232373 100%) !important; background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgb(56, 56, 139)),color-stop(100%,rgb(35, 35, 115))) !important; background: -webkit-repeating-linear-gradient(top,rgb(56, 56, 139) 0,rgb(35, 35, 115) 100%) !important; background: -o-repeating-linear-gradient(top,#38388b 0,#232373 100%) !important; background: -ms-repeating-linear-gradient(top,#38388b 0,#232373 100%) !important; background: repeating-linear-gradient(to bottom,rgb(56, 56, 139) 0,rgb(35, 35, 115) 100%) !important; */ /* background: rgb(254, 246, 232); background: -moz-linear-gradient(top right, #fef6e8, #fff2e9, #feefed, #f5f0f8, #e8f7fe); background: -webkit-linear-gradient(top right, rgb(254, 246, 232), rgb(255, 242, 233), rgb(254, 239, 237), rgb(245, 240, 248), rgb(232, 247, 254)); background: -o-linear-gradient(top right, #fef6e8, #fff2e9, #feefed, #f5f0f8, #e8f7fe); background: linear-gradient(top right, #fef6e8, #fff2e9, #feefed, #f5f0f8, #e8f7fe); */ background: rgb(248, 248, 248); border-top-right-radius: 6px; } /* .f-layout.object-card .f-system__sub-user-menu a, .f-layout.object-card .f-system__sub-user-menu b { color: white; border-bottom-color: rgba(255, 255, 255, .7); } */ .object-card .f-content { background: none !important; } .object-card .f-layout { background: none !important; } .object-card .f-footer .footer-bg, .object-card .f-footer .footer-gr-bg { display: none; } .f-object { margin: 0 !important; padding: 15px 0 0; position: relative; } .f-object .object_bg { position: absolute; left: 0; height: 100%; width: 75%; z-index: -1; background: white; border-bottom-right-radius: 6px; /* border-right: 2px solid #e1e4f4; */ box-shadow: 0 15px 30px 10px rgba(0, 0, 0, .3); } .f-object .breadcrumbs { margin: 0 0 25px; padding: 0 0 15px; width: 75%; border-bottom: 1px solid #e9e9e9; } .f-object .breadcrumbs ul { padding: 0 40px; } .f-object .object-id { margin: 0 0 5px 40px; } .f-fotorama { background: rgb(255,255,255); background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 56%, rgba(242,242,242,1) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 56%,rgba(242,242,242,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 56%,rgba(242,242,242,1) 100%); border-top: 3px solid rgb(35, 35, 115); border-bottom: 3px solid rgb(35, 35, 115); } .f-fotorama .fotorama { /* border: 1px solid #ddedfe; */ border-radius: 0 !important; } .f-object .backgrounded { position: relative; } .f-object .backgrounded:before, .f-object .backgrounded:after { content: ''; bottom: 15px; height: 1px; position: relative; width: 44%; box-shadow: 0 0 30px 10px rgba(0,0,0,0.6); -moz-box-shadow: 0 0 20px 10px rgba(0,0,0,0.6); -webkit-box-shadow: 0 0 30px 10px rgba(0,0,0,0.6); } .f-object .backgrounded:before { left: 25px; transform: rotate(-2deg); -ms-transform: rotate(-2deg); -moz-transform: rotate(-2deg); -webkit-transform: rotate(-2deg); -o-transform: rotate(-2deg); } .f-object .backgrounded:after { right: 25px; transform: rotate(2deg); -ms-transform: rotate(2deg); -moz-transform: rotate(2deg); -webkit-transform: rotate(2deg); -o-transform: rotate(2deg); } .f-fotorama .fotorama__nav-wrap { } .f-object .f-object_row { } .f-object .f-object_left { float: left; width: 75%; } .f-object .f-object_left.photos { margin-bottom: 20px; } .f-object .f-object_right { float: left; width: 25%; } .f-object .object-info { margin: 0 40px 0 40px; } .f-object .object-info h1 .ti-star { position: relative; left: 9px; top: 2px; color: #8b8b8b; } .f-object .top-info { margin-top: 20px; background: #fff; border-top: 1px solid #f1f1f1; border-left: 1px solid #f1f1f1; border-right: 1px solid #f1f1f1; padding: 10px 20px 12px; border-top-left-radius: 4px; border-top-right-radius: 4px; } .f-object .top-info { color: #8b8b8b; } .f-object .top-info div { display: inline-block; line-height: 15px; } .f-object .top-info .period { font-size: 16px; } .f-object .period i { position: relative; font-size: 14px; top: 1px; margin-right: 5px; } .f-object .date { float: right; /* font-family: "Futuris"; */ font-family: 'Lato', 'PT Sans', Arial; font-weight: 400; font-size: 15px; line-height: 15px; } .f-object .date span { position: relative; top: 2px; margin-left: 7px; } .f-object .date i { position: relative; font-size: 15px; top: 2px; } .f-object .bg-map { /* background: rgba(255, 255, 255, .7); */ background: white; opacity: .85; width: 100%; height: 100%; position: absolute; top: 0; left: 0; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } .f-object .f-map { background: url("../images/f-map.png"); position: relative; padding: 20px 0 23px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-bottom: 1px solid #f1f1f1; border-right: 1px solid #f1f1f1; border-left: 1px solid #f1f1f1; } .f-object .middle-info { } .f-object .middle-info .address { font-size: 21px; /* font-family: "Futuris"; */ font-family: 'Lato', 'PT Sans', Arial; font-weight: bold; position: relative; margin: 0 20px; } .f-object .middle-info .address i { font-size: 18px; } .f-object .middle-info i { position: relative; top: 0px; } .f-object .middle-info span { margin-left: 4px; } .f-object #scrollMap { margin-left: 25px; } .f-object #scrollMap i, .f-object #scrollMap span { color: #626262; font-size: 16px; line-height: 22px; cursor: pointer; } .f-object #scrollMap span { position: relative; border-bottom: 1px dashed #626262; top: -2px; left: 2px; } .f-object #scrollMap i { position: relative; top: -1px; } .f-object #scrollMap:hover i, .f-object #scrollMap:hover span { color: #237ef7; border-color: #237ef7; } .object-subway { margin: 15px 20px 0; position: relative; padding-left: 19px; font-weight: 400; /* font-family: "Futuris"; */ font-family: 'Lato', 'PT Sans', Arial; } .object-subway .s-icon { top: 5px; } .f-object .price { margin: 25px 5% 25px 0; width: 45%; float: left; white-space: nowrap; overflow-x: hidden; border-radius: 4px; /* background: rgba(255, 255, 255, .5); */ position: relative; } .f-object .price h1 { padding: 0 15px 4px; font-weight: 400; display: inline-block; border-radius: 4px; border: 2px solid rgb(232, 247, 254); } .f-object .number h1 { padding: 6px 15px 3px; display: inline-block; border-radius: 4px; border: 2px solid rgb(254, 246, 232); } .f-object .number .name { font-size: 17px; margin-top: 7px; color: #4d4d4d; } .f-object .price p { padding-left: 0 !important; } .f-object .price span.month { position: absolute; margin-left: 15px; font-weight: bold; font-size: 16px; top: 14px; } .f-object .ti-star { position: relative; top: 2px; } .f-object .price p, .f-object .number p { margin-bottom: 5px; font-size: 16px; } .f-object .number { margin: 25px 0; } .f-object .number, .f-object .have { float: left; width: 50%; } .f-object .number .inner, .f-object .have .inner { } .f-object .square { float: left; width: 45%; margin-right: 5%; } .f-object .have .biglin { margin-bottom: 0px; } .f-object .likely { margin: 10px 0 0 -6px; } .f-object .social { border: 1px solid #f2f2f2; padding: 15px 20px 5px 20px; margin: 30px 0 30px; border-radius: 4px; } .biglin { text-transform: uppercase; letter-spacing: 2px; color: #8b8b8b; } .biglin.line { width: 100%; border-bottom: 1px solid #d9d9d9; padding-bottom: 5px; } .f-object .info-label { width: 60%; display: inline-block; border-bottom: 1px solid #d9d9d9; padding: 10px 0; } .f-object .info-value { width: 40%; display: inline-block; text-align: right; border-bottom: 1px solid #d9d9d9; padding: 10px 0; } .f-object .columns .info-label, .f-object .columns .info-value { padding: 8px 0 12px; } .etazh div { border-bottom: 1px solid #d9d9d9; padding: 11px 0 98x; } .f-object .have ul li { list-style: none outside none; color: #aeaeae; } .f-object .have ul li { line-height: 30px; } .f-object .have ul li b { font-weight: normal; } .f-object .have ul li span { width: 40px; } .f-object .have ul li img { width: auto !important; } .f-object .have .icon { position: relative; display: inline-block; top: 3px; width: 38px; } .f-object .description { margin: 25px 0 0; padding: 15px 20px; background: #f1f1f1; border-radius: 6px; } .f-object .description .biglin { margin-bottom: 5px; } .f-object .on-map .biglin { margin: 0 40px 5px; } #map_canvas { /* border-top: 3px solid rgba(63, 81, 181, 1); */ border-bottom-right-radius: 6px; } .tech-info { border-top: 1px solid #e9e9e9; width: 78%; } .f-fotorama .fotorama__nav-wrap { /* background: rgb(255, 255, 255); */ /* border-top: 3px solid rgb(35, 35, 115); */ padding-top: 5px; position: absolute; bottom: 15px; left: 15px; } .f-fotorama .fotorama__nav { text-align: left; } .f-fotorama .fotorama__nav--thumbs { } .f-fotorama .fotorama__nav--thumbs .fotorama__nav__frame { } /* .f-fotorama .fotorama__thumb-border { border-color: #38388b !important; width: 29px !important; height: 29px !important; } .fotorama__nav__frame { width: 32px !important; height: 32px !important; } */ .no-auth { border-top-right-radius: 6px; top: 0px; } .auth { top: -53px; border-top-right-radius: 6px; } .fotorama__error .fotorama__img, .fotorama__loaded .fotorama__img { } /* .fotorama__thumb-border { margin-top: 1px !important; } */ .add-object { margin-top: 20px; } .f--subscribe .f-system__main-block, .f--cabinet .f-system__main-block { padding-bottom: 0 !important; } .f--subscribe .f-system, .f--cabinet .f-system, .f--add .f-system { padding-bottom: 0 !important; } .f--subscribe .f-footer, .f--cabinet .f-footer, .f--add .f-footer { background: #212121; } /* Containers */ .subscribe-container, .cabinet-container, .blog-container, .contacts-container { margin: 20px 0 0; padding: 20px 0 0; position: relative; } .help-container { margin: 20px 0 50px; padding: 25px 35px; border-radius: 4px; background: rgb(254,246,232); background: -moz-linear-gradient(top, rgba(254,246,232,1) 0%, rgba(255,242,233,1) 100%); background: -webkit-linear-gradient(top, rgba(254,246,232,1) 0%,rgba(255,242,233,1) 100%); background: linear-gradient(to bottom, rgba(254,246,232,1) 0%,rgba(255,242,233,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fef6e8', endColorstr='#fff2e9',GradientType=0 ); } .subscribe-container:before, .cabinet-container:before, .contacts-container:before { content: ''; position: absolute; z-index: -1; top: 0px; left: 0px; width: 100%; height: 150px; border-top: 1px solid rgb(242, 242, 242); background: #f2f2f2; background: -moz-linear-gradient(top, #f8f8f8 0%, #ffffff 100%); background: -webkit-linear-gradient(top, #f8f8f8 0%,#ffffff 100%); background: linear-gradient(to bottom, #f8f8f8 0%,#ffffff 100%); } .cabinet-container, .info-container { padding: 20px 0 50px; } /* Cabinet */ .cabinet-message { margin: 0 40px 30px; } .cabinet-container input { width: 300px; } .cabinet-container .big-form { padding: 20px 30px 25px !important; margin-bottom: 40px; background: -moz-linear-gradient(top right, #fef6e8, #fff2e9, #feefed, #f5f0f8); background: -webkit-linear-gradient(top right, rgb(254, 246, 232), rgb(255, 242, 233), rgb(254, 239, 237), rgb(245, 240, 248)); background: -o-linear-gradient(top right, #fef6e8, #fff2e9, #feefed, #f5f0f8); background: linear-gradient(top right, #fef6e8, #fff2e9, #feefed, #f5f0f8); } .cabinet-container .big-form h2 { margin-bottom: 15px; } .cabinet-container .big-form .f-submit.bckgrnd { background: rgba(255, 255, 255, .3); border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; margin: 0 -30px -46px; padding: 15px 30px 20px; text-align: right; } .cabinet-container .big-form .password { float: left; width: 62%; padding-bottom: 20px; } .cabinet-container .big-form .password input { width: 100%; } .cabinet-container .big-form .f-s-password { float: right; } .cabinet-container .big-form { position: relative; } .cabinet-form .f__message_error { position: absolute; bottom: 157px; right: 30px; width: 150px; padding: 10px 20px; } /* Subscribe */ .my-subscribe { margin: 10px 40px 0; padding: 0 0 50px; } .my-subscribe .m-inner { width: 50%; background: white; border-radius: 3px; float: left; } .my-subscribe .m-inner .top { background: #0c2f95; background: -moz-linear-gradient(45deg, #0c2f95 0%, #154cba 100%); background: -webkit-linear-gradient(45deg, #0c2f95 0%,#154cba 100%); background: linear-gradient(45deg, #0c2f95 0%,#154cba 100%); color: white; padding: 10px 25px; border-top-left-radius: 3px; border-top-right-radius: 3px; } .my-subscribe .m-inner .bottom { padding: 65px 25px 20px; } .my-subscribe .m-inner h3 { font-family: "Lato"; } .my-subscribe .m-inner h1 { font-size: 66px; } .information { padding: 0 0 40px 40px; } .information .m-left { width: 500px; float: left; } .my-subscribe .m-right, .information .m-right { float: left; width: 50%; } .my-subscribe .m-right .more-info { padding:0 0 10px 40px; } .information h3, .more-info h3 { font-family: "Lato"; font-weight: 600; margin-bottom: 10px; } .my-subscribe .m-right p { margin-bottom: 8px; } .f__plans { background: #212121; background: -moz-linear-gradient(top, #212121 0%, #263238 100%); background: -webkit-linear-gradient(top, #212121 0%,#263238 100%); background: linear-gradient(to bottom, #212121 0%,#263238 100%); padding: 20px; border-top: 1px solid rgba(255,255,255, .3); } .f__plans .plans-list { margin: 0 10px; } .f__plans .sub-plan { width: 33.33%; float: left; } .f__plans .four .sub-plan { width: 25% !important; } .f__plans .sub-plan .plan-inner { background: rgb(255,255,255); background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 56%, rgba(242,242,242,1) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 56%,rgba(242,242,242,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 56%,rgba(242,242,242,1) 100%); position: relative; margin: 20px 10px; padding: 0 0 40px; border-radius: 3px; } .f__plans .sub-plan .plan-inner:hover { box-shadow: 0 15px 30px -20px rgba(0,0,0, .8); background: white; } .f__plans .sub-plan .plan-inner .plan-number { padding: 25px 0; display: block; font-size: 90px; font-weight: 400; font-family: "Lato"; line-height: 1; text-align: center; } .f__plans .sub-plan .plan-inner .plan-number sup { margin-left: 5px; position: absolute; top: 30px; font-size: 16px; line-height: 18px; color: #8b8b8b; } .f__plans .sub-plan .plan-inner .plan-description { padding: 0 35px; text-align: center; font-size: 17px; } .f__plans .sub-plan .plan-inner .plan-price { border-top: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; margin: 20px 35px 10px; padding: 20px 0 10px; } .f__plans .plan-price span, .f__plans .plan-on-day span { border: 0; margin: 0; padding: 0; } .f__plans .plan-price span { font-size: 42px; color: black; } .f__plans .plan-on-day span { color: #8b8b8b; } .f__plans .plans ul li:hover .plan-price span, .f__plans .plans ul li:hover .plan-on-day span { color: black !important; } .f__plans .plan-on-day { margin: 0 35px 20px; text-align: center; } .f__plans .plan-on-day b { font-weight: normal; font-size: 17px; color: #8b8b8b; } .f__plans .plan-button { text-align: center; } /* Блог и тексты */ .blog-container:before { content: ''; position: absolute; z-index: -1; top: 0px; left: 0px; width: 100%; border-top: 1px solid rgb(242, 242, 242); } .blog-container { padding: 30px 0 50px; } .blog-description h1 { margin-bottom: 12px; } .blog-note { margin-bottom: 30px; padding: 0 40px 40px; min-height: 200px; position: relative; } .blog-note:after { content: ''; position: absolute; z-index: -1; width: 100%; height: 250px; bottom: 0px; left: 0; border-bottom: 1px solid rgb(242, 242, 242); background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 56%, rgba(242,242,242,1) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 56%,rgba(242,242,242,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 56%,rgba(242,242,242,1) 100%); } .blog-note .date { width: 15%; float: left; } .blog-note .note { width: 60%; float: left; } .calendar { /* background: -moz-linear-gradient(top, #fef6e8, #fff2e9, #feefed); background: -webkit-linear-gradient(top, rgb(254, 246, 232), rgb(255, 242, 233), rgb(254, 239, 237)); background: -o-linear-gradient(top, #fef6e8, #fff2e9, #feefed); background: linear-gradient(top, #fef6e8, #fff2e9, #feefed); */ background: -moz-linear-gradient(45deg, #0c2f95 0%, #154cba 100%); background: -webkit-linear-gradient(45deg, #0c2f95 0%,#154cba 100%); background: linear-gradient(45deg, #0c2f95 0%,#154cba 100%); width: 70%; margin-top: 7px; border-radius: 4px; } .calendar .inner { padding: 15px 20px 20px; text-align: center; color: #ffffff; } .calendar h1 { font-size: 36px; } .calendar span { display: block; font-size: 20px; font-family: "Lato"; font-weight: 500; margin-top: 10px; text-transform: uppercase; } .blog-note .note .text, .info-container .text { margin-top: 20px; } .blog-note .note .text p, .info-container .text p { margin-bottom: 10px; font-size: 16px; line-height: 24px; } .blog-note .note .text h3, .info-container .text h3 { font-family: "Lato"; font-weight: 600; margin: 25px 0 15px; } .blog-note .note .text b.title, .info-container .text b.title { display: block; margin-bottom: 15px; font-family: "Lato"; font-size: 19px; } .blog-note p.important, .info-container .text p.important { border: 2px solid #154cb9; font-size: 19px !important; line-height: 19px; font-family: "Lato"; margin: 20px 0; padding: 10px 20px 12px 15px; border-radius: 3px; } .blog-note p.important i, .info-container .text p.important i { position: relative; top: 2px; margin-right: 8px; color: #154cb9; } .blog-note p.description, .info-container .text p.description { color: #aeaeae; font-style: italic; font-size: 19px !important; line-height: 19px; font-family: "Lato"; margin: 20px 0; } .info-container { width: 75%; } .info-container .text { margin: 0 0 0 40px; } .info-right { position: absolute; width: 25%; top: 0; right: 0; } .info-right .inner { border: 1px solid #e9e9e9; border-radius: 4px; padding: 10px 20px; margin: 15px 40px 0; } .info-right .inner h1 { text-align: center; font-size: 46px; margin: 15px 0; } .info-container .text p.important { position: relative; padding-top: 15px; padding-bottom: 15px; } .text p.important b { display: block; margin-bottom: 20px; padding-left: 55px; } .text p.important span { font-size: 15px; line-height: 22px; padding-left: 55px; } .info-container .text p.important i { position: absolute; top: 10px; font-size: 42px; } /* Text markers Artlebedev.ru */ .text ul, .text ol { padding: 0; margin: 1em 0; } .text li { margin: 0.5em 0 0.5em 1.3em; } .text ul { list-style-type: none; //list-style-image: url('li.gif'); } .text ul li { padding: 0; behavior: expression( ( !this.before && parentNode && parentNode.tagName == 'UL' ) ? ( this.before = true ) & ( parentNode.style.listStyleImage = 'none' ) & ( ( this.firstChild && this.firstChild.firstChild ) ? ( this.firstChild.style.marginTop = '-1.2em' ) & ( this.firstChild.style.position = 'relative' ) : '' ) & ( eNOBR = document.createElement( '' ) ) & ( eNOBR.innerHTML = '— ' ) & ( this.insertBefore( eNOBR, this.firstChild ) ) : '' ); } .text ul>li:before { content: '\2014\a0'; float: left; margin-left: -1.25em; } .text ul>li>*:first-child:-moz-first-node { margin-top: -1.2em; } .text ul>li>* { text-indent: 0; } .text .sup { position: relative; top: -0.5em; font-size: 0.75em; //font-size: 0.89em; line-height: 0; vertical-align: baseline; } /* SP Tabs 02.2016 */ .f__sp-tabs { } .f__sp-tabs > div { padding: 20px 0 0; background: -moz-linear-gradient(top, #fef6e8, #fff2e9, #feefed, #f5f0f8); background: -webkit-linear-gradient(top, rgb(254, 246, 232), rgb(255, 242, 233), rgb(254, 239, 237), rgb(245, 240, 248)); background: -o-linear-gradient(top, #fef6e8, #fff2e9, #feefed, #f5f0f8); background: linear-gradient(top, #fef6e8, #fff2e9, #feefed, #f5f0f8); /* background: -moz-linear-gradient(top, rgba(254,246,232,1) 0%, rgba(255,242,233,1) 100%); background: -webkit-linear-gradient(top, rgb(254, 246, 232) 0%,rgb(255, 242, 233) 100%); background: linear-gradient(to bottom, rgb(254, 246, 232) 0%,rgb(255, 242, 233) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fef6e8', endColorstr='#fff2e9',GradientType=0 ); */ /* border-bottom: 2px solid rgba(255, 236, 179, 1); */ /* box-shadow: 0 15px 30px 0px rgba(255, 236, 179, .7); */ } .f__sp-tabs .tabs__content { } .f__sp-tabs .tabs__content.active { display: block; } .f__sp-tabs ul { margin: 0px 40px; padding: 0px; } .f__sp-tabs ul:after { content:""; display:block; clear:both; } .f__sp-tabs ul li { margin: 0px; padding: 8px 25px 9px; z-index: 999; display: block; float: left; cursor: pointer; } .f__sp-tabs ul li span { font-size: 16px; border-bottom: 1px dashed rgba(0, 0, 0, .5); } .f__sp-tabs ul li.active, .f__sp-tabs ul li.active:hover { background: #fef6e8; border-top-left-radius: 3px; border-top-right-radius: 3px; } .f__sp-tabs ul li.active span, .f__sp-tabs ul li.active:hover span { border-bottom: 0; color: black !important; } .f__sp-tabs .tab-inner { padding: 15px 0 0; } .f__sp-tabs .f-buy h1 { text-align: center; font-size: 42px; margin-bottom: 15px; } .f__sp-tabs .f-buy h2 { text-align: center; font-size: 24px; line-height: 32px; } .f__sp-tabs .f-content__advantages { background: #212121; padding: 2px 0 5px !important; margin-top: 40px; } .f__sp-tabs .f-content__advantages ul { margin: 0 20px !important; } .f__sp-tabs .f-buy li { padding: 0 !important; cursor: default !important; } .f__sp-tabs .advantage { float: left !important; padding: 20px 0 17px !important; color: white; } .f__sp-tabs .f-content__advantages { width: auto !important; } /* Pay */ .client-choice { background: white; width: 500px; margin: 0 40px 0 40px; border-radius: 3px; } .client-choice .price-tag { } .client-choice .price-tag h1 { font-size: 42px; } .client-choice .price-tag h2 { padding: 20px 30px 10px; } .client-choice .price-tag p { padding: 5px 30px; margin-bottom: 50px; } .client-choice .price-tag .bottom { background: #ddedfe; padding: 15px 25px 10px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } .client-choice .price-tag .bottom h1 { float: left; } .client-choice .price-tag .bottom form { float: right; } .client-choice .price-tag .bottom button { } .any-questions { background: #263238 !important; background: -moz-linear-gradient(top, #263238 0%, #212121 100%) !important; background: -webkit-linear-gradient(top, #263238 0%,#212121 100%) !important; background: linear-gradient(to bottom, #263238 0%,#212121 100%) !important; text-align: center; color: white; padding: 30px 40px 20px; } .any-info_white { text-align: center; color: white; padding: 30px 40px 20px; } .success_pay { margin: 10px 40px 0; width: 50%; } .success_pay .message { background: white; border: 2px solid rgb(200, 230, 201); padding: 15px 30px; border-radius: 3px; } .success_pay .message h1 { padding-bottom: 20px; } .success_pay .message p { margin-bottom: 10px; } .success_pay .b-right { text-align: right; margin-top: 50px; } .error_pay { margin: 30px 0 0; width: 50%; } .error_pay .message { background: white; border: 2px solid rgb(255, 205, 210); padding: 10px 30px 15px; border-radius: 3px; } /* Если не зарегистрирован/авторизован или пусто */ .empty-block { width: 50%; margin: 40px auto 0; padding-bottom: 60px; } .empty-block .inner { background: rgb(255,255,255); background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 56%, rgba(242,242,242,1) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 56%,rgba(242,242,242,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 56%,rgba(242,242,242,1) 100%); border: 1px solid #e9e9e9; border-radius: 4px; padding: 25px 25px 35px; text-align: center; } .empty-block .inner h1 { font-size: 150px; color: #aeaeae; } .empty-block .inner h2 { font-size: 20px; line-height: 28px; font-weight: 500; } .empty-block .inner .buttons { margin-top: 20px; } /* Форма жалобы */ .initial_selected { } .radio-group { display: block; margin: 10px 0; } .radio input { position: absolute; left: -9999px; } .radio { padding: 5px 10px 6px; cursor: pointer; margin: 0 8px 0 0; border-radius: 4px; } .radio:hover i { color: #237ef7 !important; border-color: #3a8efa !important; } #complaint .small { margin-bottom: 15px; } .radio.selected { background: #0c2f95; color: white; } .radio.selected i:hover, .radio.selected:hover i { color: white !important; } .radio i { font-style: normal; border-bottom: 1px dashed #8b8b8b; } .radio.selected i { border-bottom: 0 !important; } /* Reviews */ .f__reviews .f-content__reviews { background: none !important; } .f__reviews .f-content { background: none !important; } .f__reviews .title { margin-bottom: 30px; } .f__reviews . /* Contacts */ .contacts-container { padding: 0 !important; } .contacts-container .address { position: absolute; top: 40px; right: 40px; width: 350px; background: rgb(255,255,255); background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 56%, rgba(242,242,242,1) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 56%,rgba(242,242,242,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 56%,rgba(242,242,242,1) 100%); border-radius: 4px; box-shadow: 0 25px 40px -10px rgba(8, 26, 40, 0.3); } .contacts-container .map { width: 100%; padding-top: 1px; } .contacts-container .address .inner { margin: 20px 35px; } .contacts-container h2 { margin-bottom: 20px; } /* TOOLTIP */ .tooltip { display: inline; position: relative; z-index: 999; } .tooltip-item { cursor: pointer; display: inline-block; } .tooltip-item::after { content: ''; position: absolute; width: 120px; height: 20px; bottom: 100%; left: 50%; pointer-events: none; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .tooltip:hover .tooltip-item::after { pointer-events: auto; } .tooltip-content { position: absolute; z-index: 9999; width: 120px; left: 50%; margin: 0 0 6px -79px; bottom: 100%; text-align: left; font-size: 0.765em; line-height: 1.4; box-shadow: -5px -5px 15px rgba(48,54,61,0.2); background: rgba(29, 37, 43, .65); border-radius: 3px; opacity: 0; cursor: default; pointer-events: none; } .tooltip-effect-1 .tooltip-content { -webkit-transform: translate3d(0,-10px,0); transform: translate3d(0,-10px,0); -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, transform 0.3s; } .tooltip-effect-2 .tooltip-content { -webkit-transform-origin: 50% calc(100% + 10px); transform-origin: 50% calc(100% + 10px); -webkit-transform: perspective(1000px) rotate3d(1,0,0,45deg); transform: perspective(1000px) rotate3d(1,0,0,45deg); -webkit-transition: opacity 0.2s, -webkit-transform 0.2s; transition: opacity 0.2s, transform 0.2s; } .tooltip-effect-3 .tooltip-content { -webkit-transform: translate3d(0,10px,0) rotate3d(1,1,0,25deg); transform: translate3d(0,10px,0) rotate3d(1,1,0,25deg); -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, transform 0.3s; } .tooltip-effect-4 .tooltip-content { -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transform: scale3d(0.7,0.3,1); transform: scale3d(0.7,0.3,1); -webkit-transition: opacity 0.2s, -webkit-transform 0.2s; transition: opacity 0.2s, transform 0.2s; } .tooltip-effect-5 .tooltip-content { width: 120px; margin-left: -60px; -webkit-transform-origin: 50% calc(100% + 6em); transform-origin: 50% calc(100% + 6em); -webkit-transform: rotate3d(0,0,1,15deg); transform: rotate3d(0,0,1,15deg); -webkit-transition: opacity 0.2s, -webkit-transform 0.2s; transition: opacity 0.2s, transform 0.2s; -webkit-transition-timing-function: ease, cubic-bezier(.17,.67,.4,1.39); transition-timing-function: ease, cubic-bezier(.17,.67,.4,1.39); } .tooltip:hover .tooltip-content { pointer-events: auto; opacity: 1; -webkit-transform: translate3d(0,0,0) rotate3d(0,0,0,0); transform: translate3d(0,0,0) rotate3d(0,0,0,0); } .tooltip.tooltip-effect-2:hover .tooltip-content { -webkit-transform: perspective(1000px) rotate3d(1,0,0,0deg); transform: perspective(1000px) rotate3d(1,0,0,0deg); } .tooltip-content::after { content: ''; top: 100%; left: 73%; border: solid rgba(0, 0, 0, 0); height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(0, 0, 0, 0); border-top-color: rgba(29, 37, 43, .65); border-width: 5px; margin-left: -10px; } .tooltip-text { color: #fff !important; } .tooltip-effect-5 .tooltip-text { padding: 1.4em; } .tooltip-text a { font-weight: bold; } .tooltip-text { font-weight: normal !important; text-align: center; padding: 4px 8px; display: block; font-size: 15px !important; } .tt-hide { width: 80px !important; margin-left: -55px !important; } .tt-hide .tooltip-content { width: 80px !important; } .tt-hide.tooltip-content::after { left: 72%; } .tt-favorite.tooltip-content::after { left: 70%; } .tt-favorite { margin-bottom: 4px !important; } /* MEDIA */ @media screen and (max-width: 1024px) { .f-header__main-navigation { float: right; } .f-header .f-center-column { width: 60%; min-width: 0 !important; /* min-width: 758px; */ } .f-system .f-system__big-search-form { width: 100%; float: none; } .big-search-form { margin-right: 40px !important; } .f-system_f-right { display: none; } .f-object .f-object_row { margin: 0 0 40px 0; } .f-object .f-object_left { width: 100%; } .f-object .f-object_right { display: none; } .f-object .object_bg { width: 100%; } .object-card .f-system__sub-user-menu { width: 100%; border-radius: 0px; } .blog-note .note { width: 85%; } } @media screen and (min-width 1025px and max-width: 1245px) { .f-header__main-navigation { float: right; } .f-header .f-center-column { width: 60%; min-width: 0 !important; /* min-width: 758px; */ } .f-system .f-system__big-search-form { width: 100%; float: none; } .big-search-form { margin-right: 40px !important; } .f-system_f-right { display: none; } }