3557 lines
78 KiB
CSS
3557 lines
78 KiB
CSS
|
/* -- 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( '<nobr style="position: relative; display: block; width: 1.25em; left: -1.25em; margin: 0 -1.25em -1.2em 0;" />' ) )
|
||
|
|
& ( 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;
|
||
|
|
}
|
||
|
|
}
|