3047 lines
67 KiB
CSS
3047 lines
67 KiB
CSS
|
/* -- F-rent.com base.css #2015-16 -- */
|
|||
|
|
|
|||
|
|
/* -- Fonts -- */
|
|||
|
|
|
|||
|
|
/* Загрузить на хост */
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
@import "http://webfonts.ru/import/lato.css";
|
|||
|
|
@import "http://webfonts.ru/import/ptsans.css";
|
|||
|
|
|
|||
|
|
@font-face {
|
|||
|
|
font-family: 'themify';
|
|||
|
|
src:url('/fonts/themify.eot?-fvbane');
|
|||
|
|
src:url('/fonts/themify.eot?#iefix-fvbane') format('embedded-opentype'),
|
|||
|
|
url('/fonts/themify.woff?-fvbane') format('woff'),
|
|||
|
|
url('/fonts/themify.ttf?-fvbane') format('truetype'),
|
|||
|
|
url('/fonts/themify.svg?-fvbane#themify') format('svg');
|
|||
|
|
font-weight: normal;
|
|||
|
|
font-style: normal;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
@font-face {
|
|||
|
|
font-family: 'ALSRubl';
|
|||
|
|
src: url('/fonts/rouble.ttf');
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
body.lock {
|
|||
|
|
/* modal fix */
|
|||
|
|
overflow: hidden;
|
|||
|
|
}
|
|||
|
|
ol, ul {
|
|||
|
|
list-style: none;
|
|||
|
|
}
|
|||
|
|
table {
|
|||
|
|
border-collapse: separate;
|
|||
|
|
border-spacing: 0;
|
|||
|
|
}
|
|||
|
|
caption, th, td {
|
|||
|
|
font-weight: normal;
|
|||
|
|
text-align: left;
|
|||
|
|
}
|
|||
|
|
blockquote:before, blockquote:after, q:before, q:after {
|
|||
|
|
content: "";
|
|||
|
|
}
|
|||
|
|
blockquote, q {
|
|||
|
|
quotes: "" "";
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
h1 {
|
|||
|
|
font-family: 'Lato', Arial;
|
|||
|
|
font-size: 32px;
|
|||
|
|
font-weight: 600;
|
|||
|
|
}
|
|||
|
|
h2 {
|
|||
|
|
font-size: 21px;
|
|||
|
|
font-family: 'Lato', Arial;
|
|||
|
|
font-weight: 600;
|
|||
|
|
}
|
|||
|
|
p {
|
|||
|
|
font-size: 16px;
|
|||
|
|
}
|
|||
|
|
.f-col__white-inner p, .inner p {
|
|||
|
|
line-height: 24px;
|
|||
|
|
margin-bottom: 10px;
|
|||
|
|
}
|
|||
|
|
a {
|
|||
|
|
color: rgb(51, 65, 71);
|
|||
|
|
text-decoration: none;
|
|||
|
|
}
|
|||
|
|
a.no-border {
|
|||
|
|
border-bottom: none !important;
|
|||
|
|
}
|
|||
|
|
.likely-big .likely__button {
|
|||
|
|
font-family: 'Lato', Arial !important;
|
|||
|
|
text-transform: uppercase;
|
|||
|
|
font-size: 13px;
|
|||
|
|
font-weight: bold;
|
|||
|
|
letter-spacing: 1px;
|
|||
|
|
}
|
|||
|
|
.small {
|
|||
|
|
font-size: 16px;
|
|||
|
|
}
|
|||
|
|
a.small {
|
|||
|
|
font-size: 16px;
|
|||
|
|
}
|
|||
|
|
a.big, .big {
|
|||
|
|
font-size: 18px;
|
|||
|
|
}
|
|||
|
|
a.medium, span.medium, .medium {
|
|||
|
|
font-size: 16px;
|
|||
|
|
}
|
|||
|
|
.medium p {
|
|||
|
|
line-height: 130%;
|
|||
|
|
margin-bottom: 15px;
|
|||
|
|
}
|
|||
|
|
a.medium.bold {
|
|||
|
|
}
|
|||
|
|
a.pseudo, span.pseudo {
|
|||
|
|
color: rgb(255, 255, 255);
|
|||
|
|
border-bottom: 1px dashed rgba(255, 255, 255, .5);
|
|||
|
|
}
|
|||
|
|
.rub {
|
|||
|
|
font-family: 'ALSRubl';
|
|||
|
|
font-weight: normal;
|
|||
|
|
}
|
|||
|
|
.purple {
|
|||
|
|
color: #3F51B5;
|
|||
|
|
}
|
|||
|
|
.grey {
|
|||
|
|
color: #8b8b8b;
|
|||
|
|
}
|
|||
|
|
.text-center {
|
|||
|
|
text-align: center;
|
|||
|
|
}
|
|||
|
|
.bg {
|
|||
|
|
position: absolute;
|
|||
|
|
width: 100%;
|
|||
|
|
height: 100%;
|
|||
|
|
overflow: hidden;
|
|||
|
|
}
|
|||
|
|
.clear {
|
|||
|
|
float: none;
|
|||
|
|
clear: both;
|
|||
|
|
}
|
|||
|
|
.relative {
|
|||
|
|
position: relative;
|
|||
|
|
}
|
|||
|
|
.f-header-reducer, .f-page-reducer, .f-footer-reducer {
|
|||
|
|
padding: 20px 30px 0 25px;
|
|||
|
|
}
|
|||
|
|
.blue .f-btn {
|
|||
|
|
/*
|
|||
|
|
background: rgb(46,56,173);
|
|||
|
|
background: -moz-linear-gradient(top, rgba(46,56,173,1) 0%, rgba(34,40,148,1) 100%);
|
|||
|
|
background: -webkit-linear-gradient(top, rgba(46,56,173,1) 0%,rgba(34,40,148,1) 100%);
|
|||
|
|
background: linear-gradient(to bottom, rgba(46,56,173,1) 0%,rgba(34,40,148,1) 100%);
|
|||
|
|
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e38ad', endColorstr='#222894',GradientType=0 );
|
|||
|
|
*/
|
|||
|
|
color: white;
|
|||
|
|
border-radius: 4px;
|
|||
|
|
|
|||
|
|
transition-property: color, background;
|
|||
|
|
transition-duration: 0.33s;
|
|||
|
|
transition-timing-function: ease-out;
|
|||
|
|
|
|||
|
|
top: -1px;
|
|||
|
|
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%);
|
|||
|
|
/*
|
|||
|
|
background: -moz-linear-gradient(top, rgba(46,56,173,1) 0%, rgba(34,40,148,1) 100%);
|
|||
|
|
background: -webkit-linear-gradient(top, rgba(46,56,173,1) 0%,rgba(34,40,148,1) 100%);
|
|||
|
|
background: linear-gradient(to bottom, rgba(46,56,173,1) 0%,rgba(34,40,148,1) 100%);
|
|||
|
|
*/
|
|||
|
|
/* color: rgb(255, 255, 255); */
|
|||
|
|
text-shadow: 0px -1px 1px rgba(1,30,87,.4);
|
|||
|
|
/* background: linear-gradient(to bottom, rgb(68, 184, 227) 0%,rgb(37, 104, 195) 100%); */
|
|||
|
|
box-shadow: 0 -8px 11px 0 rgba(255,255,255,.08) inset, 0 -1px 0 -1px rgb(46,56,173) inset, 0 4px 0 0 rgba(17, 17, 112,.93), 0 1px 25px 1px rgba(116,208,242,.20)
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
.blue .f-btn.white {
|
|||
|
|
background: none !important;
|
|||
|
|
box-shadow: none;
|
|||
|
|
}
|
|||
|
|
.blue .f-btn:hover {
|
|||
|
|
background: rgb(17,52,147);
|
|||
|
|
background: -moz-linear-gradient(left, rgba(17,52,147,1) 0%, rgba(60,56,181,1) 100%);
|
|||
|
|
background: -webkit-linear-gradient(left, rgba(17,52,147,1) 0%,rgba(60,56,181,1) 100%);
|
|||
|
|
background: linear-gradient(to right, rgba(17,52,147,1) 0%,rgba(60,56,181,1) 100%);
|
|||
|
|
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#113493', endColorstr='#3c38b5',GradientType=1 );
|
|||
|
|
}
|
|||
|
|
.blue .f-btn.white:hover {
|
|||
|
|
background: white !important;
|
|||
|
|
color: black !important;
|
|||
|
|
border-color: white !important;
|
|||
|
|
text-shadow: none !important;
|
|||
|
|
}
|
|||
|
|
.f-btn:hover {
|
|||
|
|
background-color: #0c2f95 !important;
|
|||
|
|
}
|
|||
|
|
.f-btn i {
|
|||
|
|
font-size: 14px;
|
|||
|
|
position: relative;
|
|||
|
|
top: 1px;
|
|||
|
|
}
|
|||
|
|
.f-btn.gray {
|
|||
|
|
background: none !important;
|
|||
|
|
border: 1px solid rgba(140,140,140,.55);
|
|||
|
|
box-shadow: none !important;
|
|||
|
|
top: 0;
|
|||
|
|
color: rgba(140,140,140,.55);
|
|||
|
|
text-shadow: none !important;
|
|||
|
|
}
|
|||
|
|
.f-btn.gray.f-btn_down {
|
|||
|
|
cursor: default;
|
|||
|
|
box-shadow: inset 0 2px 4px rgba(0,0,0,0.125);
|
|||
|
|
}
|
|||
|
|
.f-btn.gray:hover {
|
|||
|
|
background: rgba(140,140,140,.4) !important;
|
|||
|
|
border-color: rgba(140,140,140,.6) !important;
|
|||
|
|
}
|
|||
|
|
.blue .f-btn.small {
|
|||
|
|
font-size: 13px;
|
|||
|
|
}
|
|||
|
|
.blue .f-btn.medium {
|
|||
|
|
padding: 8px 20px;
|
|||
|
|
font-size: 15px;
|
|||
|
|
width: auto;
|
|||
|
|
}
|
|||
|
|
.blue .f-btn.big {
|
|||
|
|
padding: 16px 34px 15px;
|
|||
|
|
font-size: 17px;
|
|||
|
|
width: auto;
|
|||
|
|
}
|
|||
|
|
button[disabled=disabled], button.disabled {
|
|||
|
|
cursor: default;
|
|||
|
|
opacity: .8;
|
|||
|
|
}
|
|||
|
|
.relative {
|
|||
|
|
position: relative;
|
|||
|
|
}
|
|||
|
|
.hidden {
|
|||
|
|
display: none;
|
|||
|
|
}
|
|||
|
|
.abs-right {
|
|||
|
|
position: absolute;
|
|||
|
|
right: 0;
|
|||
|
|
bottom: 0;
|
|||
|
|
}
|
|||
|
|
.abs-left {
|
|||
|
|
position: absolute;
|
|||
|
|
left: 0;
|
|||
|
|
bottom: 0;
|
|||
|
|
}
|
|||
|
|
.reducer {
|
|||
|
|
margin: 0 40px;
|
|||
|
|
}
|
|||
|
|
.f-layout {
|
|||
|
|
position: relative;
|
|||
|
|
z-index: 1;
|
|||
|
|
min-width: 1024px;
|
|||
|
|
max-width: 1440px;
|
|||
|
|
margin: 0 auto;
|
|||
|
|
}
|
|||
|
|
.f-layout .f-bg {
|
|||
|
|
position: absolute;
|
|||
|
|
z-index: -1;
|
|||
|
|
top: -10%;
|
|||
|
|
left: -10%;
|
|||
|
|
height: 110%;
|
|||
|
|
width: 110%;
|
|||
|
|
background: rgb(236,239,241);
|
|||
|
|
background: -moz-radial-gradient(center, ellipse cover, rgba(236,239,241,1) 0%, rgba(213,219,224,1) 85%, rgba(213,219,224,1) 85%, rgba(207,216,220,1) 100%);
|
|||
|
|
background: -webkit-radial-gradient(center, ellipse cover, rgba(236,239,241,1) 0%,rgba(213,219,224,1) 85%,rgba(213,219,224,1) 85%,rgba(207,216,220,1) 100%);
|
|||
|
|
background: radial-gradient(ellipse at center, rgba(236,239,241,1) 0%,rgba(213,219,224,1) 85%,rgba(213,219,224,1) 85%,rgba(207,216,220,1) 100%);
|
|||
|
|
}
|
|||
|
|
.f-layout .f-left-column {
|
|||
|
|
width: 20%;
|
|||
|
|
float: left;
|
|||
|
|
}
|
|||
|
|
.f-layout .f-center-column {
|
|||
|
|
width: 50%;
|
|||
|
|
float: left;
|
|||
|
|
}
|
|||
|
|
.f-layout .f-right-column {
|
|||
|
|
width: 30%;
|
|||
|
|
float: left;
|
|||
|
|
}
|
|||
|
|
.f-layout .f-left-center-column {
|
|||
|
|
width: 70%;
|
|||
|
|
float: left;
|
|||
|
|
}
|
|||
|
|
.f-layout .f-2-column {
|
|||
|
|
width: 50%;
|
|||
|
|
float: left;
|
|||
|
|
}
|
|||
|
|
.f-layout .f-four-column {
|
|||
|
|
width: 25%;
|
|||
|
|
float: left;
|
|||
|
|
}
|
|||
|
|
.f-layout .f-four-center-2-column {
|
|||
|
|
width: 50%;
|
|||
|
|
float: left;
|
|||
|
|
}
|
|||
|
|
.f-layout .f-three-column {
|
|||
|
|
width: 20%;
|
|||
|
|
float: left;
|
|||
|
|
}
|
|||
|
|
.f-layout .f-three-center-1-column {
|
|||
|
|
width: 40%;
|
|||
|
|
float: left;
|
|||
|
|
}
|
|||
|
|
.f-layout .f-three-center-1-column {
|
|||
|
|
width: 40%;
|
|||
|
|
float: left;
|
|||
|
|
}
|
|||
|
|
/*
|
|||
|
|
.f-layout .f-col {
|
|||
|
|
}
|
|||
|
|
*/
|
|||
|
|
.f-layout .f-col .f-col-2 {
|
|||
|
|
width: 16.66%;
|
|||
|
|
float: left;
|
|||
|
|
position: relative;
|
|||
|
|
}
|
|||
|
|
.f-layout .f-col .f-col-3, .f__modal .f-col .f-col-3 {
|
|||
|
|
width: 25%;
|
|||
|
|
float: left;
|
|||
|
|
position: relative;
|
|||
|
|
}
|
|||
|
|
.f-layout .f-col .f-col-5 {
|
|||
|
|
width: 41.66%;
|
|||
|
|
float: left;
|
|||
|
|
position: relative;
|
|||
|
|
}
|
|||
|
|
.f-layout .f-col .f-col-4 {
|
|||
|
|
width: 33.33%;
|
|||
|
|
float: left;
|
|||
|
|
position: relative;
|
|||
|
|
}
|
|||
|
|
.f-layout .f-col .f-col-6, .f__modal .f-col .f-col-6 {
|
|||
|
|
width: 50%;
|
|||
|
|
float: left;
|
|||
|
|
position: relative;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* -- Header -- */
|
|||
|
|
|
|||
|
|
.f-header {
|
|||
|
|
position: relative;
|
|||
|
|
width: 100%;
|
|||
|
|
}
|
|||
|
|
.main-page .f-header {
|
|||
|
|
position: absolute;
|
|||
|
|
}
|
|||
|
|
.f-header a {
|
|||
|
|
color: rgb(255, 255, 255);
|
|||
|
|
border-bottom: 1px solid rgba(255, 255, 255, .5);
|
|||
|
|
text-shadow: 0 1px 1px rgba(0,0,0,.3)
|
|||
|
|
}
|
|||
|
|
.f-header a:hover {
|
|||
|
|
color: rgb(79, 195, 247);
|
|||
|
|
border-bottom-color: rgba(79, 195, 247, .5);
|
|||
|
|
}
|
|||
|
|
.f-header-reducer {
|
|||
|
|
padding: 20px 40px 0;
|
|||
|
|
}
|
|||
|
|
/* .f-header .header-bg {
|
|||
|
|
background: #212121;
|
|||
|
|
position: absolute;
|
|||
|
|
width: 1640px;
|
|||
|
|
height: 307px;
|
|||
|
|
top: 0;
|
|||
|
|
margin-top: -200px;
|
|||
|
|
left: 0;
|
|||
|
|
margin-left: -200px;
|
|||
|
|
z-index: -1;
|
|||
|
|
opacity: .95;
|
|||
|
|
|
|||
|
|
background: rgb(0,0,0);
|
|||
|
|
background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,1) 0%, rgba(55,71,79,1) 100%);
|
|||
|
|
background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,1) 0%,rgba(55,71,79,1) 100%);
|
|||
|
|
background: radial-gradient(ellipse at center, rgba(0,0,0,1) 0%,rgba(55,71,79,1) 100%);
|
|||
|
|
} */
|
|||
|
|
.f-header .f-header__main-navigation ul {
|
|||
|
|
margin-left: -15px;
|
|||
|
|
}
|
|||
|
|
.f-header .f-header__main-navigation ul li {
|
|||
|
|
float: left;
|
|||
|
|
padding: 9px 12px 12px 18px;
|
|||
|
|
margin-right: 8px;
|
|||
|
|
}
|
|||
|
|
.f-header .f-header__main-navigation ul li.active:before {
|
|||
|
|
background: white;
|
|||
|
|
content: '';
|
|||
|
|
position: absolute;
|
|||
|
|
width: 100%;
|
|||
|
|
height: 100%;
|
|||
|
|
}
|
|||
|
|
.f-header .f-header__main-navigation ul li.active a {
|
|||
|
|
color: black;
|
|||
|
|
border-bottom: 0px;
|
|||
|
|
}
|
|||
|
|
.f-header .f-header__main-navigation ul li a {
|
|||
|
|
/* font-family: 'Futuris', Arial; */
|
|||
|
|
font-weight: 400;
|
|||
|
|
}
|
|||
|
|
.f-header .f-header__logo {
|
|||
|
|
margin-top: 11px;
|
|||
|
|
}
|
|||
|
|
.f-right-column.relative {
|
|||
|
|
height: 41px;
|
|||
|
|
}
|
|||
|
|
.f-header .f-header__phone {
|
|||
|
|
position: absolute;
|
|||
|
|
right: 0;
|
|||
|
|
bottom: 6px;
|
|||
|
|
background: rgba(255, 255, 255, .2);
|
|||
|
|
height: 30px;
|
|||
|
|
padding: 0 8px 0 27px;
|
|||
|
|
line-height: 30px;
|
|||
|
|
border-radius: 4px;
|
|||
|
|
border: 1px solid rgba(255, 255, 255, .1);
|
|||
|
|
}
|
|||
|
|
.f-header .f-header__phone:hover {
|
|||
|
|
border: 1px solid rgba(255, 255, 255, .7);
|
|||
|
|
}
|
|||
|
|
.f-header .f-header__phone .header-phone {
|
|||
|
|
color: rgba(255, 255, 255, 1);
|
|||
|
|
letter-spacing: 1px;
|
|||
|
|
font-size: 101%;
|
|||
|
|
font-family: 'Futuris', Arial;
|
|||
|
|
}
|
|||
|
|
.f-header .f-header__phone .header-phone .header-phone-icon {
|
|||
|
|
position: absolute;
|
|||
|
|
left: 5px;
|
|||
|
|
top: 3px;
|
|||
|
|
}
|
|||
|
|
.f-header .f-header__login {
|
|||
|
|
padding: 2px 0 0 0;
|
|||
|
|
/* position: absolute;
|
|||
|
|
right: 224px; */
|
|||
|
|
}
|
|||
|
|
.f-header .f-btn {
|
|||
|
|
margin-top: 3px;
|
|||
|
|
float: right !important;
|
|||
|
|
}
|
|||
|
|
.f-header .f-header__main-navigation .login .f-btn:after {
|
|||
|
|
content: "";
|
|||
|
|
display: block;
|
|||
|
|
position: absolute;
|
|||
|
|
left: 0;
|
|||
|
|
right: 0;
|
|||
|
|
top: 100%;
|
|||
|
|
height: 6px;
|
|||
|
|
background: rgb(46, 125, 50);
|
|||
|
|
opacity: 0.1;
|
|||
|
|
border-bottom-left-radius: 4px;
|
|||
|
|
border-bottom-right-radius: 4px;
|
|||
|
|
margin: -3px 0 0 0;
|
|||
|
|
-webkit-transition: height 0.3s ease;
|
|||
|
|
-moz-transition: height 0.3s ease;
|
|||
|
|
transition: height 0.3s ease;
|
|||
|
|
}
|
|||
|
|
.f-header .f-header__settings a {
|
|||
|
|
border: none;
|
|||
|
|
}
|
|||
|
|
.f-header .f-header__settings .circle {
|
|||
|
|
font-size: 24px;
|
|||
|
|
line-height: 39px;
|
|||
|
|
float: right;
|
|||
|
|
}
|
|||
|
|
.f-header .f-header__settings .circle:hover {
|
|||
|
|
color: #237ef7;
|
|||
|
|
}
|
|||
|
|
.main-button-mrg-left {
|
|||
|
|
margin-right: 20px;
|
|||
|
|
}
|
|||
|
|
.btn-quit {
|
|||
|
|
background: none;
|
|||
|
|
padding: 0;
|
|||
|
|
border: none;
|
|||
|
|
cursor: pointer;
|
|||
|
|
color: rgb(255, 255, 255);
|
|||
|
|
}
|
|||
|
|
.search_go {
|
|||
|
|
float: right;
|
|||
|
|
margin-top: 32px;
|
|||
|
|
}
|
|||
|
|
.search_go a {
|
|||
|
|
margin: 0 40px 0 0;
|
|||
|
|
}
|
|||
|
|
/* -- Content -- */
|
|||
|
|
|
|||
|
|
.f-content {
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
.f-content .f-content__bg-white {
|
|||
|
|
background: rgb(255, 255, 255);
|
|||
|
|
padding-bottom: 50px;
|
|||
|
|
-webkit-box-shadow: 0px -1px 45px -5px rgba(25, 25, 25, 0.19);
|
|||
|
|
-moz-box-shadow: 0px -1px 45px -5px rgba(25, 25, 25, 0.19);
|
|||
|
|
box-shadow: 0px -1px 45px -5px rgba(25, 25, 25, 0.19);
|
|||
|
|
}
|
|||
|
|
.f-content .f-content__bg-blue {
|
|||
|
|
background: rgb(255, 255, 255);
|
|||
|
|
padding-bottom: 50px;
|
|||
|
|
-webkit-box-shadow: 0px -1px 45px -5px rgba(25, 25, 25, 0.19);
|
|||
|
|
-moz-box-shadow: 0px -1px 45px -5px rgba(25, 25, 25, 0.19);
|
|||
|
|
box-shadow: 0px -1px 45px -5px rgba(25, 25, 25, 0.19);
|
|||
|
|
}
|
|||
|
|
.f-content .f-page {
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
.f-main-page {
|
|||
|
|
margin-top: -15px;
|
|||
|
|
}
|
|||
|
|
.f-content .f-page h1 {
|
|||
|
|
margin: 30px 20px 20px 0;
|
|||
|
|
font-size: 270%;
|
|||
|
|
line-height: 120%;
|
|||
|
|
}
|
|||
|
|
.f-content .f-page p {
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
.f-content__advantages {
|
|||
|
|
position: relative;
|
|||
|
|
z-index: 33;
|
|||
|
|
background: #37474f;
|
|||
|
|
background: -moz-linear-gradient(top, #37474f 0%, #212121 100%);
|
|||
|
|
background: -webkit-linear-gradient(top, #37474f 0%,#212121 100%);
|
|||
|
|
background: linear-gradient(to bottom, #37474f 0%,#212121 100%);
|
|||
|
|
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#37474f', endColorstr='#212121',GradientType=0 );
|
|||
|
|
}
|
|||
|
|
.f-content__advantages ul {
|
|||
|
|
position: relative;
|
|||
|
|
z-index: 99;
|
|||
|
|
padding: 0 22px;
|
|||
|
|
}
|
|||
|
|
.f-content__advantages ul li {
|
|||
|
|
color: white;
|
|||
|
|
float: left;
|
|||
|
|
width: 20%;
|
|||
|
|
}
|
|||
|
|
.f-content__advantages ul li.center {
|
|||
|
|
background: white;
|
|||
|
|
color: black;
|
|||
|
|
}
|
|||
|
|
.f-content__advantages .advantage {
|
|||
|
|
padding: 20px 18px 20px 0;
|
|||
|
|
position: relative;
|
|||
|
|
}
|
|||
|
|
.f-content__advantages .advantage.first {
|
|||
|
|
padding-top: 14px;
|
|||
|
|
}
|
|||
|
|
.f-content__advantages .advantage.last {
|
|||
|
|
padding-top: 15px;
|
|||
|
|
}
|
|||
|
|
.f-content__advantages ul li.center .advantage {
|
|||
|
|
padding-top: 22px;
|
|||
|
|
}
|
|||
|
|
.f-content__advantages ul li.li-center .advantage {
|
|||
|
|
padding-top: 22px;
|
|||
|
|
}
|
|||
|
|
.f-content__advantages .advantage p {
|
|||
|
|
font-size: 17px;
|
|||
|
|
line-height: normal;
|
|||
|
|
color: white;
|
|||
|
|
}
|
|||
|
|
.f-content__advantages .advantage span {
|
|||
|
|
}
|
|||
|
|
.f-content__advantages .advantage .advantage-text {
|
|||
|
|
padding-left: 60px;
|
|||
|
|
}
|
|||
|
|
.f-content__advantages .advantage .advantage-icon {
|
|||
|
|
position: absolute;
|
|||
|
|
left: 18px;
|
|||
|
|
top: 25px;
|
|||
|
|
}
|
|||
|
|
.f-content__advantages .advantage.first .advantage-icon {
|
|||
|
|
top: 17px;
|
|||
|
|
}
|
|||
|
|
.f-content__advantages .advantage.last .advantage-icon {
|
|||
|
|
top: 21px;
|
|||
|
|
}
|
|||
|
|
.f-content__advantages .advantage .advantage-icon img {
|
|||
|
|
width: 30px;
|
|||
|
|
}
|
|||
|
|
.f-content__how {
|
|||
|
|
padding: 40px 10px 40px 40px;
|
|||
|
|
background: #f9f9f9;
|
|||
|
|
}
|
|||
|
|
.f-content__how h2 {
|
|||
|
|
font-family: 'Lato', Arial;
|
|||
|
|
font-weight: 500;
|
|||
|
|
font-size: 28px;
|
|||
|
|
margin-bottom: 20px;
|
|||
|
|
}
|
|||
|
|
.left-inner, .right-inner {
|
|||
|
|
padding-top: 0px;
|
|||
|
|
}
|
|||
|
|
.left-inner {
|
|||
|
|
padding-right: 35px;
|
|||
|
|
}
|
|||
|
|
.right-inner {
|
|||
|
|
padding-left: 0;
|
|||
|
|
}
|
|||
|
|
.f-content__how .button {
|
|||
|
|
margin-bottom: 15px;
|
|||
|
|
}
|
|||
|
|
.f-content__how .big-btn {
|
|||
|
|
min-width: 180px;
|
|||
|
|
height: 40px;
|
|||
|
|
font-size: 16px;
|
|||
|
|
}
|
|||
|
|
.very-big-btn {
|
|||
|
|
min-width: 260px;
|
|||
|
|
height: 50px;
|
|||
|
|
font-size: 16px;
|
|||
|
|
border-radius: 10px;
|
|||
|
|
}
|
|||
|
|
.f-col__white-inner {
|
|||
|
|
padding: 20px 60px 25px 0;
|
|||
|
|
border-radius: 4px;
|
|||
|
|
position: relative;
|
|||
|
|
}
|
|||
|
|
.f-col__white-inner .img {
|
|||
|
|
height: 50px;
|
|||
|
|
}
|
|||
|
|
.f-col__white-inner .img img {
|
|||
|
|
height: 50px;
|
|||
|
|
}
|
|||
|
|
.f-col__white-inner h2 {
|
|||
|
|
margin: 30px 0 20px;
|
|||
|
|
}
|
|||
|
|
.arr-t {
|
|||
|
|
position: absolute;
|
|||
|
|
background-image: url('/images/arrs.png');
|
|||
|
|
background-repeat: no-repeat;
|
|||
|
|
z-index: 3;
|
|||
|
|
width: 82px;
|
|||
|
|
height: 17px;
|
|||
|
|
background-position: 0 0;
|
|||
|
|
top: 10px;
|
|||
|
|
left: 60%;
|
|||
|
|
}
|
|||
|
|
.arr-b {
|
|||
|
|
position: absolute;
|
|||
|
|
background-image: url('/images/arrs.png');
|
|||
|
|
background-repeat: no-repeat;
|
|||
|
|
z-index: 3;
|
|||
|
|
width: 86px;
|
|||
|
|
height: 24px;
|
|||
|
|
background-position: 0 -17px;
|
|||
|
|
top:45px;
|
|||
|
|
left: 60%;
|
|||
|
|
}
|
|||
|
|
.f-col__sign-block {
|
|||
|
|
padding: 20px 20px 20px;
|
|||
|
|
margin-right: 40px;
|
|||
|
|
position: relative;
|
|||
|
|
background: white;
|
|||
|
|
border: 1px solid #f3f3f3;
|
|||
|
|
box-shadow: 0 1px 5px 0 rgba(92, 71, 102, 0.15);
|
|||
|
|
}
|
|||
|
|
.sign {
|
|||
|
|
padding-right: 0;
|
|||
|
|
}
|
|||
|
|
.bord-top {
|
|||
|
|
border-top: 1px solid #dedede;
|
|||
|
|
padding-top: 20px;
|
|||
|
|
width: 70%;
|
|||
|
|
}
|
|||
|
|
.counter {
|
|||
|
|
padding: 15px 20px;
|
|||
|
|
}
|
|||
|
|
.counter .numbers {
|
|||
|
|
font-size: 72px;
|
|||
|
|
font-family: "Lato";
|
|||
|
|
}
|
|||
|
|
.main-faq, .main-warranty {
|
|||
|
|
margin-top: 24px;
|
|||
|
|
position: relative;
|
|||
|
|
}
|
|||
|
|
.main-faq .faq-icon, .main-warranty .warranty-icon {
|
|||
|
|
margin: 0;
|
|||
|
|
padding: 0;
|
|||
|
|
position: absolute;
|
|||
|
|
top: 0;
|
|||
|
|
left: 0;
|
|||
|
|
}
|
|||
|
|
.main-faq a {
|
|||
|
|
color: #FFC107;
|
|||
|
|
border-color: #FFC107;
|
|||
|
|
line-height: 22px;
|
|||
|
|
margin: 0 0 0 32px;
|
|||
|
|
padding: 0;
|
|||
|
|
}
|
|||
|
|
.main-warranty a {
|
|||
|
|
color: #3F51B5;
|
|||
|
|
border-color: #3F51B5;
|
|||
|
|
line-height: 22px;
|
|||
|
|
margin: 0 0 0 32px;
|
|||
|
|
padding: 0;
|
|||
|
|
}
|
|||
|
|
.f-new {
|
|||
|
|
margin: 10px 50px 0 0;
|
|||
|
|
padding: 25px 30px 20px;
|
|||
|
|
display: block;
|
|||
|
|
position: relative;
|
|||
|
|
z-index: 55;
|
|||
|
|
background: white;
|
|||
|
|
box-shadow: 0 1px 7px 0 rgba(92, 71, 102, 0.2);
|
|||
|
|
}
|
|||
|
|
.f-new .inner {
|
|||
|
|
z-index: 55;
|
|||
|
|
}
|
|||
|
|
.f-new a {
|
|||
|
|
border: 0px !important;
|
|||
|
|
}
|
|||
|
|
.f-new h1 {
|
|||
|
|
margin-bottom: 15px;
|
|||
|
|
}
|
|||
|
|
.f-new .inner p {
|
|||
|
|
margin: 5px 0 5px;
|
|||
|
|
}
|
|||
|
|
.f-new .inner .left {
|
|||
|
|
float: left;
|
|||
|
|
width: 40%;
|
|||
|
|
}
|
|||
|
|
.f-new .inner .button {
|
|||
|
|
margin-top: 5px;
|
|||
|
|
float: right;
|
|||
|
|
}
|
|||
|
|
.p-border {
|
|||
|
|
border-bottom: 1px solid #e8e8e8;
|
|||
|
|
padding-bottom: 25px;
|
|||
|
|
}
|
|||
|
|
.f-new .inner .button .f-btn {
|
|||
|
|
width: 100%;
|
|||
|
|
margin-right: 20px;
|
|||
|
|
min-width: 50px !important;
|
|||
|
|
}
|
|||
|
|
.upp {
|
|||
|
|
text-transform: uppercase;
|
|||
|
|
letter-spacing: 2px;
|
|||
|
|
font-weight: normal;
|
|||
|
|
}
|
|||
|
|
.f-head {
|
|||
|
|
padding-right: 30px;
|
|||
|
|
margin-bottom: 28px;
|
|||
|
|
}
|
|||
|
|
.f-head h1 {
|
|||
|
|
font-size: 42px;
|
|||
|
|
line-height: 50px;
|
|||
|
|
}
|
|||
|
|
h1.upp {
|
|||
|
|
font-size: 150%;
|
|||
|
|
}
|
|||
|
|
.big-shadow {
|
|||
|
|
position: absolute;
|
|||
|
|
width: 600px;
|
|||
|
|
margin-left: -300px;
|
|||
|
|
height: 150px;
|
|||
|
|
left: 50%;
|
|||
|
|
bottom: -60px;
|
|||
|
|
z-index: -1;
|
|||
|
|
background: url('../images/big-shadow.png') 0 0 no-repeat;
|
|||
|
|
background-size: 100% 150px;
|
|||
|
|
opacity: .6;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.f-about {
|
|||
|
|
background: white;
|
|||
|
|
margin: 20px 0 30px -30px;
|
|||
|
|
padding: 5px 0 0 30px;
|
|||
|
|
}
|
|||
|
|
.f-about .promo-about {
|
|||
|
|
padding: 20px 40px 0 0;
|
|||
|
|
}
|
|||
|
|
.f-about .promo-about h2 {
|
|||
|
|
font-size: 26px;
|
|||
|
|
line-height: 34px;
|
|||
|
|
margin: 0 0 20px 0;
|
|||
|
|
padding-bottom: 3px;
|
|||
|
|
padding-right: 20px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* -- Последние -- */
|
|||
|
|
|
|||
|
|
.f-content__latest {
|
|||
|
|
padding: 40px 0px 10px 30px;
|
|||
|
|
position: relative;
|
|||
|
|
}
|
|||
|
|
.f-content__latest .room {
|
|||
|
|
margin: 0 30px 25px 0;
|
|||
|
|
border: 2px solid #3F51B5;
|
|||
|
|
box-shadow: 0 1px 5px 0 rgba(92, 71, 102, 0.4);
|
|||
|
|
}
|
|||
|
|
.f-content__latest h1 {
|
|||
|
|
margin-bottom: 25px;
|
|||
|
|
}
|
|||
|
|
.f-content__latest .room .img {
|
|||
|
|
position: relative;
|
|||
|
|
height: 260px;
|
|||
|
|
overflow-y: hidden;
|
|||
|
|
}
|
|||
|
|
.f-content__latest .room .img .fotorama {
|
|||
|
|
background: #e3e3e3;
|
|||
|
|
}
|
|||
|
|
.f-content__latest .room .img .img-bg {
|
|||
|
|
position: absolute;
|
|||
|
|
height: 100%;
|
|||
|
|
width: 100%;
|
|||
|
|
left: 0;
|
|||
|
|
top: 0;
|
|||
|
|
background: rgba(0, 0, 0, .3);
|
|||
|
|
}
|
|||
|
|
.f-content__latest .room .info {
|
|||
|
|
}
|
|||
|
|
.f-content__latest .room .info h2 {
|
|||
|
|
font-family: 'Lato', Arial;
|
|||
|
|
font-weight: 500;
|
|||
|
|
}
|
|||
|
|
.f-content__latest .room .top-info {
|
|||
|
|
color: white;
|
|||
|
|
position: absolute;
|
|||
|
|
bottom: top;
|
|||
|
|
left: 0;
|
|||
|
|
padding: 10px 30px 10px 15px;
|
|||
|
|
z-index: 44;
|
|||
|
|
text-shadow: 0 1px 1px rgba(0,0,0,.3)
|
|||
|
|
}
|
|||
|
|
.f-content__latest .room .bottom-info {
|
|||
|
|
color: white;
|
|||
|
|
position: absolute;
|
|||
|
|
bottom: 0;
|
|||
|
|
left: 0;
|
|||
|
|
padding: 0 30px 10px 15px;
|
|||
|
|
z-index: 44;
|
|||
|
|
text-shadow: 0 1px 1px rgba(0,0,0,.3)
|
|||
|
|
}
|
|||
|
|
.f-content__latest .room .bottom-info .subway {
|
|||
|
|
position: relative;
|
|||
|
|
float: left;
|
|||
|
|
margin-right: 20px;
|
|||
|
|
}
|
|||
|
|
.f-content__latest .room .bottom-info .location {
|
|||
|
|
position: relative;
|
|||
|
|
float: left;
|
|||
|
|
}
|
|||
|
|
.f-content__latest .room .bottom-info .s-name {
|
|||
|
|
padding: 0 0 0 21px;
|
|||
|
|
font-size: 14px;
|
|||
|
|
}
|
|||
|
|
.f-content__latest .room .bottom-info .location-text {
|
|||
|
|
font-size: 14px;
|
|||
|
|
padding-left: 20px;
|
|||
|
|
}
|
|||
|
|
.s-icon {
|
|||
|
|
width: 18px;
|
|||
|
|
height: 14px;
|
|||
|
|
position: absolute;
|
|||
|
|
top: 4px;
|
|||
|
|
}
|
|||
|
|
.s-icon.white {
|
|||
|
|
background: url('../images/spb-sub-icon-white.png') no-repeat;
|
|||
|
|
background-size: 18px 14px;
|
|||
|
|
}
|
|||
|
|
.s-icon.black {
|
|||
|
|
background: url('../images/spb-sub-icon-black.png') no-repeat;
|
|||
|
|
background-size: 18px 14px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.f-content__latest .room .location-icon {
|
|||
|
|
width: 16px;
|
|||
|
|
height: 16px;
|
|||
|
|
position: absolute;
|
|||
|
|
top: 4px;
|
|||
|
|
}
|
|||
|
|
.f-content__latest .room .location-icon {
|
|||
|
|
background: url('../images/flat-icon-location.png') no-repeat;
|
|||
|
|
background-size: 16px 16px;
|
|||
|
|
}
|
|||
|
|
.f-content__latest .room .bottom-info-bg {
|
|||
|
|
position: absolute;
|
|||
|
|
height: 70px;
|
|||
|
|
width: 100%;
|
|||
|
|
z-index: 33;
|
|||
|
|
bottom: 0;
|
|||
|
|
left: 0;
|
|||
|
|
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%);
|
|||
|
|
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
|
|||
|
|
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
|
|||
|
|
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
|
|||
|
|
opacity: .45;
|
|||
|
|
}
|
|||
|
|
.f-content__latest .room .top-info-bg {
|
|||
|
|
position: absolute;
|
|||
|
|
height: 70px;
|
|||
|
|
width: 100%;
|
|||
|
|
z-index: 33;
|
|||
|
|
top: 0;
|
|||
|
|
left: 0;
|
|||
|
|
background: -moz-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%);
|
|||
|
|
background: -webkit-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
|
|||
|
|
background: linear-gradient(to bottom, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
|
|||
|
|
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 );
|
|||
|
|
opacity: .45;
|
|||
|
|
}
|
|||
|
|
.f-content__latest .room .num-rooms .number {
|
|||
|
|
display: block;
|
|||
|
|
font-size: 56px;
|
|||
|
|
line-height: 58px;
|
|||
|
|
font-family: 'Futuris', Arial;
|
|||
|
|
margin: 0 0 -15px 0;
|
|||
|
|
padding: 0;
|
|||
|
|
}
|
|||
|
|
.f-content__latest .room .num-rooms .n-text {
|
|||
|
|
font-size: 11px;
|
|||
|
|
padding: 0;
|
|||
|
|
}
|
|||
|
|
.f-content__latest .room .info .main-info {
|
|||
|
|
padding: 11px 15px 10px;
|
|||
|
|
}
|
|||
|
|
.f-content__latest .room .main-info .main-info-text {
|
|||
|
|
display: block;
|
|||
|
|
}
|
|||
|
|
.f-content__latest .room .main-info .main-info-h2 {
|
|||
|
|
margin-top: 5px;
|
|||
|
|
font-size: 28px;
|
|||
|
|
line-height: 30px;
|
|||
|
|
}
|
|||
|
|
.f-content__latest .room .info .add-info {
|
|||
|
|
border-top: 1px solid #e3e3e3;
|
|||
|
|
background: rgba(0, 0, 0, .03);
|
|||
|
|
}
|
|||
|
|
.f-content__latest .room .info .add-date {
|
|||
|
|
position: relative;
|
|||
|
|
}
|
|||
|
|
.f-content__latest .room .info .add-info span {
|
|||
|
|
font-size: 13px;
|
|||
|
|
}
|
|||
|
|
.f-content__latest .room .info .add-date {
|
|||
|
|
position: relative;
|
|||
|
|
}
|
|||
|
|
.f-content__latest .room .info .add-date .d-icon {
|
|||
|
|
width: 30px;
|
|||
|
|
height: 30px;
|
|||
|
|
position: absolute;
|
|||
|
|
top: -1px;
|
|||
|
|
left: 14px;
|
|||
|
|
background: url('../images/flat-icon-added-gray.png') no-repeat;
|
|||
|
|
background-size: 30px 30px;
|
|||
|
|
z-index: 54;
|
|||
|
|
}
|
|||
|
|
.f-content__latest .room .info .add-date .d-date {
|
|||
|
|
padding: 9px 15px 10px;
|
|||
|
|
display: block;
|
|||
|
|
}
|
|||
|
|
.f-content__latest .room .fotorama__arr, .fotorama__fullscreen-icon {
|
|||
|
|
z-index: 99 !important;
|
|||
|
|
}
|
|||
|
|
.f-content__latest h3 {
|
|||
|
|
margin-bottom: 15px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* О сервисе */
|
|||
|
|
|
|||
|
|
.f-content__about {
|
|||
|
|
margin: 15px 40px 60px;
|
|||
|
|
}
|
|||
|
|
.f-content__about p {
|
|||
|
|
margin-bottom: 10px;
|
|||
|
|
font-size: 17px;
|
|||
|
|
font-family: "Lato";
|
|||
|
|
line-height: 26px;
|
|||
|
|
padding-left: 70px;
|
|||
|
|
}
|
|||
|
|
.f-content__about h3 {
|
|||
|
|
font-size: 21px;
|
|||
|
|
padding-left: 70px;
|
|||
|
|
font-weight: 800;
|
|||
|
|
margin: 25px 0 15px;
|
|||
|
|
text-align: center;
|
|||
|
|
}
|
|||
|
|
.f-content__about .f-col-6 .inner {
|
|||
|
|
margin-left: 40px !important;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* -- Отзывы -- */
|
|||
|
|
|
|||
|
|
.f-content__reviews {
|
|||
|
|
padding: 40px;
|
|||
|
|
position: relative;
|
|||
|
|
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%);
|
|||
|
|
color: white;
|
|||
|
|
}
|
|||
|
|
.f-content__reviews .f-head h1 {
|
|||
|
|
text-shadow: 0 2px 1px rgba(0,0,0,.15);
|
|||
|
|
}
|
|||
|
|
.f-content__reviews .f-review-author {
|
|||
|
|
width: 30%;
|
|||
|
|
float: left;
|
|||
|
|
position: relative;
|
|||
|
|
}
|
|||
|
|
.f-content__reviews .review-left .f-review-author .review-author .author-pic {
|
|||
|
|
float: right;
|
|||
|
|
margin-right: 50px;
|
|||
|
|
border-radius: 60px;
|
|||
|
|
border: 3px solid #fff;
|
|||
|
|
-webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.84);
|
|||
|
|
-moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.84);
|
|||
|
|
box-shadow: 0 1px 10px rgba(0, 0, 0, 0.84);
|
|||
|
|
width: 100px;
|
|||
|
|
height: 100px;
|
|||
|
|
overflow: hidden;
|
|||
|
|
background: white;
|
|||
|
|
}
|
|||
|
|
.f-content__reviews .review-right .f-review-author .review-author .author-pic {
|
|||
|
|
float: left;
|
|||
|
|
margin-left: 50px;
|
|||
|
|
border-radius: 60px;
|
|||
|
|
border: 3px solid #fff;
|
|||
|
|
-webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.84);
|
|||
|
|
-moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.84);
|
|||
|
|
box-shadow: 0 1px 10px rgba(0, 0, 0, 0.84);
|
|||
|
|
width: 100px;
|
|||
|
|
height: 100px;
|
|||
|
|
overflow: hidden;
|
|||
|
|
background: white;
|
|||
|
|
}
|
|||
|
|
.f-content__reviews .f-review-author .review-author .author-pic img {
|
|||
|
|
height: 120%;
|
|||
|
|
}
|
|||
|
|
.f-content__reviews .f-review {
|
|||
|
|
position: relative;
|
|||
|
|
width: 65%;
|
|||
|
|
min-height: 80px;
|
|||
|
|
float: left;
|
|||
|
|
background: white;
|
|||
|
|
border-radius: 5px;
|
|||
|
|
-webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.84);
|
|||
|
|
-moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.84);
|
|||
|
|
box-shadow: 0 1px 10px rgba(0, 0, 0, 0.84);
|
|||
|
|
}
|
|||
|
|
.f-content__reviews .review-left .f-review:before {
|
|||
|
|
content: '';
|
|||
|
|
width: 34px;
|
|||
|
|
height: 32px;
|
|||
|
|
position: absolute;
|
|||
|
|
top: 53px;
|
|||
|
|
left: -34px;
|
|||
|
|
display: block;
|
|||
|
|
background: url('../images/f-review-bg_arr.png') no-repeat 0 0;
|
|||
|
|
}
|
|||
|
|
.f-content__reviews .f-review.review-right {
|
|||
|
|
margin-left: 2.5%;
|
|||
|
|
}
|
|||
|
|
.f-content__reviews .review-right .f-review:before {
|
|||
|
|
content: '';
|
|||
|
|
width: 34px;
|
|||
|
|
height: 32px;
|
|||
|
|
position: absolute;
|
|||
|
|
top: 40px;
|
|||
|
|
right: -34px;
|
|||
|
|
display: block;
|
|||
|
|
background: url('../images/f-review-bg_arr.png') no-repeat 100% 0;
|
|||
|
|
}
|
|||
|
|
.f-content__reviews .f-review .f-review-text {
|
|||
|
|
position: relative;
|
|||
|
|
padding: 17px 30px 20px;
|
|||
|
|
z-index: 77;
|
|||
|
|
color: black;
|
|||
|
|
font-size: 16px;
|
|||
|
|
line-height: 24px;
|
|||
|
|
}
|
|||
|
|
.f-content__reviews .f-review .f-review-text h2 {
|
|||
|
|
margin-bottom: 15px;
|
|||
|
|
}
|
|||
|
|
.f-content__reviews .review-left .review-author span {
|
|||
|
|
display: inline-block;
|
|||
|
|
font-size: 14px;
|
|||
|
|
font-style: italic;
|
|||
|
|
margin-left: 30px;
|
|||
|
|
margin-top: 7px;
|
|||
|
|
}
|
|||
|
|
.f-content__reviews .review-right .review-author span {
|
|||
|
|
display: inline-block;
|
|||
|
|
font-size: 14px;
|
|||
|
|
font-style: italic;
|
|||
|
|
margin-left: 50px;
|
|||
|
|
margin-top: 7px;
|
|||
|
|
}
|
|||
|
|
.f-content__reviews .f-one {
|
|||
|
|
margin-bottom: 30px;
|
|||
|
|
}
|
|||
|
|
.dark-bg {
|
|||
|
|
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;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* -- Line block -- */
|
|||
|
|
|
|||
|
|
.f-content__line-block {
|
|||
|
|
padding: 0 40px 40px;
|
|||
|
|
}
|
|||
|
|
.f-content__line-block .line-block {
|
|||
|
|
padding: 15px 10px 0 0;
|
|||
|
|
}
|
|||
|
|
/* -- Футер -- */
|
|||
|
|
|
|||
|
|
.f-footer {
|
|||
|
|
position: relative;
|
|||
|
|
z-index: 3;
|
|||
|
|
}
|
|||
|
|
.f-footer .footer-img-bg {
|
|||
|
|
position: absolute;
|
|||
|
|
z-index: 2;
|
|||
|
|
left: 0;
|
|||
|
|
top: 0;
|
|||
|
|
width: 100%;
|
|||
|
|
height: 100%;
|
|||
|
|
background: url('../images/f-a-bg.jpg') no-repeat;
|
|||
|
|
}
|
|||
|
|
.f-footer .footer-bg {
|
|||
|
|
position: absolute;
|
|||
|
|
z-index: 3;
|
|||
|
|
left: 0;
|
|||
|
|
top: 0;
|
|||
|
|
width: 100%;
|
|||
|
|
height: 100%;
|
|||
|
|
background: #292929;
|
|||
|
|
opacity: .75;
|
|||
|
|
}
|
|||
|
|
.f-footer .footer-gr-bg {
|
|||
|
|
position: absolute;
|
|||
|
|
z-index: 2;
|
|||
|
|
left: 0;
|
|||
|
|
top: 0px;
|
|||
|
|
width: 100%;
|
|||
|
|
height: 100%;
|
|||
|
|
background: rgb(42, 42, 42);
|
|||
|
|
opacity: .8;
|
|||
|
|
}
|
|||
|
|
.f-footer .footer-block {
|
|||
|
|
padding: 10px 20px 0 40px;
|
|||
|
|
}
|
|||
|
|
.f-footer .footer-block a {
|
|||
|
|
color: white;
|
|||
|
|
border-bottom-color: rgba(255, 255, 255, .3);
|
|||
|
|
text-shadow: 0 2px 1px rgba(0,0,0,.15)
|
|||
|
|
}
|
|||
|
|
.f-footer p {
|
|||
|
|
color: #f2f2f2;
|
|||
|
|
margin-bottom: 12px;
|
|||
|
|
line-height: 22px;
|
|||
|
|
}
|
|||
|
|
.f-footer .footer-block h2 {
|
|||
|
|
color: white;
|
|||
|
|
z-index: 66;
|
|||
|
|
font-family: 'Lato', Arial;
|
|||
|
|
font-size: 24px;
|
|||
|
|
line-height: 32px;
|
|||
|
|
font-weight: 500;
|
|||
|
|
text-shadow: 0 2px 1px rgba(0,0,0,.15)
|
|||
|
|
}
|
|||
|
|
.f-footer .footer-block h3 {
|
|||
|
|
color: white;
|
|||
|
|
z-index: 66;
|
|||
|
|
font-family: 'Futuris', Arial;
|
|||
|
|
font-size: 18px;
|
|||
|
|
line-height: 26px;
|
|||
|
|
font-weight: bold;
|
|||
|
|
text-shadow: 0 2px 1px rgba(0,0,0,.3)
|
|||
|
|
}
|
|||
|
|
.f-footer-reducer {
|
|||
|
|
padding: 20px 0 0 0;
|
|||
|
|
z-index: 77;
|
|||
|
|
position: relative;
|
|||
|
|
}
|
|||
|
|
.f-footer .footer-block ul {
|
|||
|
|
margin-top: 15px;
|
|||
|
|
}
|
|||
|
|
.f-footer .footer-block ul li {
|
|||
|
|
padding-bottom: 15px;
|
|||
|
|
font-size: 16px !important;
|
|||
|
|
}
|
|||
|
|
.f-footer .docs {
|
|||
|
|
border: 1px solid rgba(255, 255, 255, .5);
|
|||
|
|
padding: 10px 15px;
|
|||
|
|
margin-top: 15px;
|
|||
|
|
}
|
|||
|
|
.f-footer .second-level {
|
|||
|
|
margin: 40px 0px 0px 0px;
|
|||
|
|
padding-bottom: 40px;
|
|||
|
|
}
|
|||
|
|
.f-footer .social a {
|
|||
|
|
position: relative;
|
|||
|
|
padding-left: 29px;
|
|||
|
|
border-bottom: none !important;
|
|||
|
|
}
|
|||
|
|
.f-footer .social span {
|
|||
|
|
border-bottom: 1px solid rgba(255, 255, 255, .5);
|
|||
|
|
}
|
|||
|
|
.f-footer .social i.icon {
|
|||
|
|
position: absolute;
|
|||
|
|
width: 21px;
|
|||
|
|
height: 21px;
|
|||
|
|
left: 0;
|
|||
|
|
top: 0;
|
|||
|
|
border-radius: 4px;
|
|||
|
|
border: 1px solid rgba(255, 255, 255, .5);
|
|||
|
|
}
|
|||
|
|
.f-footer .social a:hover span, .f-footer .social a:hover i {
|
|||
|
|
border-color: rgb(58, 142, 250);
|
|||
|
|
}
|
|||
|
|
.f-footer .social i.icon img {
|
|||
|
|
margin-top: 3px;
|
|||
|
|
margin-left: 3px;
|
|||
|
|
}
|
|||
|
|
.f-footer .footer-phone {
|
|||
|
|
}
|
|||
|
|
.f-footer .footer-phone span {
|
|||
|
|
color: white;
|
|||
|
|
margin-top: -1px;
|
|||
|
|
display: block;
|
|||
|
|
}
|
|||
|
|
.f-footer .footer-phone .phone {
|
|||
|
|
margin-top: 8px;
|
|||
|
|
}
|
|||
|
|
.f-footer .like {
|
|||
|
|
margin-bottom: 20px;
|
|||
|
|
}
|
|||
|
|
.f-footer .footer-block p img {
|
|||
|
|
padding-top: 6px;
|
|||
|
|
}
|
|||
|
|
.footer-logo a {
|
|||
|
|
border: none !important;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* -- F-btn -- */
|
|||
|
|
|
|||
|
|
.f-btn {
|
|||
|
|
position: relative;
|
|||
|
|
display: inline-block;
|
|||
|
|
color: rgb(0, 0, 0);
|
|||
|
|
background-color: rgba(255, 217, 128, .8);
|
|||
|
|
font-weight: 600;
|
|||
|
|
line-height: 16px;
|
|||
|
|
text-decoration: none;
|
|||
|
|
text-align: center;
|
|||
|
|
text-transform: uppercase;
|
|||
|
|
/* font-family: "Futuris", Helvetica, sans-serif; */
|
|||
|
|
|
|||
|
|
font-family: 'Lato', 'PT Sans', Arial;
|
|||
|
|
|
|||
|
|
padding: 8px 12px;
|
|||
|
|
letter-spacing: 1px;
|
|||
|
|
border-radius: 4px;
|
|||
|
|
border: none;
|
|||
|
|
cursor: pointer;
|
|||
|
|
top: -1px;
|
|||
|
|
}
|
|||
|
|
.f-btn:hover {
|
|||
|
|
background-color: rgba(255, 217, 128, 1);
|
|||
|
|
}
|
|||
|
|
.f-btn.no-bckgrnd {
|
|||
|
|
background: none !important;
|
|||
|
|
}
|
|||
|
|
.f-btn.no-bckgrnd.white {
|
|||
|
|
border: 1px solid rgba(255, 255, 255, .6);
|
|||
|
|
color: white !important;
|
|||
|
|
}
|
|||
|
|
.f-btn.no-bckgrnd.white.small {
|
|||
|
|
padding: 8px 12px;
|
|||
|
|
}
|
|||
|
|
#sign-in:hover {
|
|||
|
|
background-color: rgba(255, 255, 255, 1) !important;
|
|||
|
|
color: black !important;
|
|||
|
|
}
|
|||
|
|
/* -- F-input -- */
|
|||
|
|
|
|||
|
|
input.text, textarea, select, input.year, input.day {
|
|||
|
|
border: 1px rgb(208, 208, 208) solid;
|
|||
|
|
border-radius: 3px;
|
|||
|
|
padding: 4px;
|
|||
|
|
transition-property: border-color, background;
|
|||
|
|
transition-duration: 0.33s;
|
|||
|
|
transition-timing-function: ease-out;
|
|||
|
|
border-top-color: rgb(180, 184, 183);
|
|||
|
|
box-shadow: 0 2px 4px -2px rgb(220, 225, 229) inset;
|
|||
|
|
background: -moz-linear-gradient(top, #f8f8f8, #fff);
|
|||
|
|
background: -webkit-linear-gradient(top, rgb(248, 248, 248), rgb(255, 255, 255));
|
|||
|
|
background: -o-linear-gradient(top, #f8f8f8, #fff);
|
|||
|
|
background: -ms-linear-gradient(top, #f8f8f8, #fff);
|
|||
|
|
background: linear-gradient(top, #f8f8f8, #fff);
|
|||
|
|
}
|
|||
|
|
input.big {
|
|||
|
|
font-size: 22px;
|
|||
|
|
margin-bottom: 8px;
|
|||
|
|
}
|
|||
|
|
input[placeholder] {
|
|||
|
|
text-overflow: ellipsis;
|
|||
|
|
font-size: 13px;
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
input::-moz-placeholder {
|
|||
|
|
text-overflow: ellipsis;
|
|||
|
|
font-size: 13px;
|
|||
|
|
}
|
|||
|
|
input:-moz-placeholder {
|
|||
|
|
text-overflow: ellipsis;
|
|||
|
|
font-size: 13px;
|
|||
|
|
}
|
|||
|
|
input:-ms-input-placeholder {
|
|||
|
|
text-overflow: ellipsis;
|
|||
|
|
font-size: 13px;
|
|||
|
|
}
|
|||
|
|
input:focus {
|
|||
|
|
border-color: rgb(63, 81, 181);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* SP Modal ver.2 12.2015 */
|
|||
|
|
|
|||
|
|
.f__modal {
|
|||
|
|
top: 100px;
|
|||
|
|
z-index: 8;
|
|||
|
|
width: 500px;
|
|||
|
|
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;
|
|||
|
|
}
|
|||
|
|
.f__modal h2 {
|
|||
|
|
margin: 0 0 15px 0;
|
|||
|
|
padding: 0;
|
|||
|
|
font-size: 120%;
|
|||
|
|
font-weight: bold;
|
|||
|
|
}
|
|||
|
|
.f__modal h3 {
|
|||
|
|
font-size: 200%;
|
|||
|
|
font-weight: normal;
|
|||
|
|
margin-bottom: 25px;
|
|||
|
|
}
|
|||
|
|
.f__modal .rf {
|
|||
|
|
border-top: 1px solid #dedede;
|
|||
|
|
border-bottom: 1px solid #dedede;
|
|||
|
|
margin: 25px 0 25px;
|
|||
|
|
}
|
|||
|
|
.f__modal table {
|
|||
|
|
width: 100%;
|
|||
|
|
font-size: 15px;
|
|||
|
|
margin: 20px 0 10px;
|
|||
|
|
}
|
|||
|
|
.f__modal table td {
|
|||
|
|
padding-bottom: 12px;
|
|||
|
|
}
|
|||
|
|
.f__modal table .label {
|
|||
|
|
width: 30%;
|
|||
|
|
padding: 6px 0;
|
|||
|
|
}
|
|||
|
|
.f__modal #call_time {
|
|||
|
|
width: 60px !important;
|
|||
|
|
}
|
|||
|
|
.f__modal .result {
|
|||
|
|
position: absolute;
|
|||
|
|
/* background: white; */
|
|||
|
|
/* border: 1px solid #dedede; */
|
|||
|
|
font-size: 13px;
|
|||
|
|
padding: 8px 25px 0;
|
|||
|
|
left: 220px;
|
|||
|
|
margin-right: 25px;
|
|||
|
|
}
|
|||
|
|
.f__modal .result span.errors {
|
|||
|
|
color: red;
|
|||
|
|
padding: 0;
|
|||
|
|
margin: 0;
|
|||
|
|
}
|
|||
|
|
.f__modal .success {
|
|||
|
|
border: 2px solid #dff0d8;
|
|||
|
|
padding: 12px 20px;
|
|||
|
|
border-radius: 20px;
|
|||
|
|
margin-top: -7px;
|
|||
|
|
}
|
|||
|
|
.closer {
|
|||
|
|
display: block;
|
|||
|
|
position: absolute;
|
|||
|
|
top: 28px;
|
|||
|
|
right: 40px;
|
|||
|
|
color: rgba(0, 0, 0, .6);
|
|||
|
|
border: none;
|
|||
|
|
font-size: 32px;
|
|||
|
|
line-height: 1;
|
|||
|
|
cursor: pointer;
|
|||
|
|
z-index: 9999;
|
|||
|
|
}
|
|||
|
|
.closer:hover {
|
|||
|
|
color: rgba(0, 0, 0, 1);
|
|||
|
|
}
|
|||
|
|
.b-popup .closer {
|
|||
|
|
font-size: 48px !important;
|
|||
|
|
z-index: 99999;
|
|||
|
|
}
|
|||
|
|
.f__modal-bg {
|
|||
|
|
background-color: rgba(255,255,255,0.7);
|
|||
|
|
position:fixed;
|
|||
|
|
top:0;
|
|||
|
|
left: 0;
|
|||
|
|
bottom: 0;
|
|||
|
|
right: 0;
|
|||
|
|
z-index: 99999;
|
|||
|
|
overflow: auto;
|
|||
|
|
-webkit-overflow-scrolling: touch;
|
|||
|
|
}
|
|||
|
|
.f__modal-bg > * {
|
|||
|
|
-webkit-transform: translateZ(0px);
|
|||
|
|
}
|
|||
|
|
.f__modal-bg {
|
|||
|
|
/* background: rgba(255,255,255,0.7); */
|
|||
|
|
background: rgba(0,0,0, .7);
|
|||
|
|
|
|||
|
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000); /* IE6–IE8 */
|
|||
|
|
zoom: 1;
|
|||
|
|
}
|
|||
|
|
.f__modal.big-phone {
|
|||
|
|
width: 80%;
|
|||
|
|
min-width: 900px;
|
|||
|
|
}
|
|||
|
|
.form-label {
|
|||
|
|
text-align: right;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* Modal login */
|
|||
|
|
|
|||
|
|
.f__modal.login {
|
|||
|
|
width: 800px;
|
|||
|
|
}
|
|||
|
|
.f__modal.login .f-control {
|
|||
|
|
margin: 12px 0;
|
|||
|
|
}
|
|||
|
|
.f__modal.login .f-control span {
|
|||
|
|
line-height: 43px;
|
|||
|
|
}
|
|||
|
|
.f__modal.login .f-control input {
|
|||
|
|
width: 342px;
|
|||
|
|
font-size: 28px;
|
|||
|
|
padding: 4px 8px;
|
|||
|
|
}
|
|||
|
|
.f__modal.login h2 {
|
|||
|
|
font-size: 28px;
|
|||
|
|
}
|
|||
|
|
.f__modal.login .login-sign-block {
|
|||
|
|
margin-top: 1px;
|
|||
|
|
padding: 10px 20px;
|
|||
|
|
border: 1px solid rgb(238, 238, 238);
|
|||
|
|
border-radius: 3px;
|
|||
|
|
}
|
|||
|
|
.f__modal.login .login-sign-block p {
|
|||
|
|
font-size: 16px;
|
|||
|
|
}
|
|||
|
|
.f__modal.login .f-btn {
|
|||
|
|
}
|
|||
|
|
.f__modal.login .f-col-6 {
|
|||
|
|
width: 45% !important;
|
|||
|
|
}
|
|||
|
|
.f__modal.login .form-label span {
|
|||
|
|
padding-right: 30px;
|
|||
|
|
}
|
|||
|
|
/* Modal signin */
|
|||
|
|
|
|||
|
|
.f__modal.sign {
|
|||
|
|
width: 850px;
|
|||
|
|
}
|
|||
|
|
.f__modal.sign .f-control {
|
|||
|
|
margin: 12px 0;
|
|||
|
|
}
|
|||
|
|
.f__modal.sign .f-control span {
|
|||
|
|
line-height: 43px;
|
|||
|
|
text-align: right;
|
|||
|
|
}
|
|||
|
|
.f__modal.sign .f-control input {
|
|||
|
|
width: 311px;
|
|||
|
|
font-size: 28px;
|
|||
|
|
padding: 4px 8px;
|
|||
|
|
}
|
|||
|
|
.f__modal.sign h2 {
|
|||
|
|
font-size: 28px;
|
|||
|
|
}
|
|||
|
|
.f__modal.sign .login-sign-block {
|
|||
|
|
margin-top: 1px;
|
|||
|
|
padding: 10px 20px;
|
|||
|
|
border: 1px solid rgb(238, 238, 238);
|
|||
|
|
border-radius: 3px;
|
|||
|
|
width: 287px;
|
|||
|
|
}
|
|||
|
|
.f__modal.sign .login-sign-block p {
|
|||
|
|
font-size: 16px;
|
|||
|
|
}
|
|||
|
|
.f__modal.sign .f-btn {
|
|||
|
|
}
|
|||
|
|
.f__modal.sign .social-auth {
|
|||
|
|
width: 287px;
|
|||
|
|
}
|
|||
|
|
.f__modal.sign .f-col-6 {
|
|||
|
|
width: 45%;
|
|||
|
|
margin-left: 5%;
|
|||
|
|
}
|
|||
|
|
.f__modal.login .form-label span {
|
|||
|
|
padding-right: 30px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.cool-notebook {
|
|||
|
|
position: absolute;
|
|||
|
|
width: 33%;
|
|||
|
|
right: 40px;
|
|||
|
|
top: 100px;
|
|||
|
|
}
|
|||
|
|
.cool-notebook .notebook {
|
|||
|
|
margin-bottom: 20px;
|
|||
|
|
}
|
|||
|
|
.cool-notebook .message {
|
|||
|
|
font-size: 15px;
|
|||
|
|
padding-left: 20px;
|
|||
|
|
}
|
|||
|
|
.cool-notebook .message h2 {
|
|||
|
|
font-size: 24px !important;
|
|||
|
|
font-weight: bold;
|
|||
|
|
}
|
|||
|
|
/* Social login and signin */
|
|||
|
|
|
|||
|
|
.social-auth {
|
|||
|
|
margin: 10px 0 20px;
|
|||
|
|
padding: 15px 20px 20px;
|
|||
|
|
border: 1px solid #e3e3e3;
|
|||
|
|
border-radius: 4px;
|
|||
|
|
box-shadow: 0 1px 5px 0 rgba(92, 71, 102, 0.15);
|
|||
|
|
}
|
|||
|
|
.social-auth ul {
|
|||
|
|
width: 100%;
|
|||
|
|
}
|
|||
|
|
.social-auth ul li {
|
|||
|
|
float: left;
|
|||
|
|
width: 50%;
|
|||
|
|
}
|
|||
|
|
.social-auth .facebook .go, .social-auth .vk .go {
|
|||
|
|
position: relative;
|
|||
|
|
width: 135px;
|
|||
|
|
height: 48px;
|
|||
|
|
line-height: 48px;
|
|||
|
|
color: rgb(255, 255, 255);
|
|||
|
|
font-weight: 400;
|
|||
|
|
font-style: normal;
|
|||
|
|
font-size: 16px;
|
|||
|
|
border-radius: 4px;
|
|||
|
|
cursor: pointer;
|
|||
|
|
background-repeat: no-repeat;
|
|||
|
|
-webkit-tap-highlight-color: transparent;
|
|||
|
|
margin-top: 10px;
|
|||
|
|
text-align: left;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.f__modal.sign .social-auth .facebook .go, .f__modal.sign .social-auth .vk .go {
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.social-auth .facebook .go {
|
|||
|
|
background-color: rgb(104, 134, 188);
|
|||
|
|
background-color: -moz-linear-gradient(top, #6886bc 0%, #466ca9 100%);
|
|||
|
|
background-color: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(104, 134, 188)), color-stop(100%,rgb(70, 108, 169)));
|
|||
|
|
background-color: -webkit-linear-gradient(top, rgb(104, 134, 188) 0%,rgb(70, 108, 169) 100%);
|
|||
|
|
background-color: -o-linear-gradient(top, #6886bc 0%,#466ca9 100%);
|
|||
|
|
background-color: -ms-linear-gradient(top, #6886bc 0%,#466ca9 100%);
|
|||
|
|
background-color: linear-gradient(to bottom, rgb(104, 134, 188) 0%,rgb(70, 108, 169) 100%);
|
|||
|
|
text-indent: 36px;
|
|||
|
|
background-size: 23px 23px;
|
|||
|
|
background-position: 8px 12px;
|
|||
|
|
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAA70lEQVRYR+1X0RXBQBCc6YAOlKADOlACOtABOqADKiAdUIHoRAfjrZcP71ySSyR+7Hzf7czNm919R3wJSQsAMwBTAINIuT3JVRkN2/JLGgE4ARjX1LiSNHFRtBJQkN9KXhwS9SLgAmCS6F63AiSZ5fb6VHQuYANgncoO4EjSgtpNBiRV2Z8B2AVMOcnHrwQMq8hiIhp3QZUDJBvXa3zhvwQULWdj9h2WaJuCMViHhMhI5q1CWJP41E7ckowJe92vzIALcAckHQDMU9NWcm5J0ur0vwt8EroD7oA74A64A79y4Fx8x8PtdidZ91P+2IhPNQKTIVWVvNoAAAAASUVORK5CYII=');
|
|||
|
|
margin-left: 10px;
|
|||
|
|
}
|
|||
|
|
.social-auth .facebook .go:hover {
|
|||
|
|
background-color: rgba(70, 96, 162, 1);
|
|||
|
|
}
|
|||
|
|
.social-auth .vk .go:hover {
|
|||
|
|
background-color: rgba(87, 120, 154, 1);
|
|||
|
|
}
|
|||
|
|
.social-auth .vk .go {
|
|||
|
|
background-color: rgba(87, 120, 154, .85);
|
|||
|
|
text-indent: 41px;
|
|||
|
|
background-size: 23px 23px;
|
|||
|
|
background-position: 12px 12px;
|
|||
|
|
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAB0ElEQVRYR+1W0VUCQQzMVKAdqBUoHUgFagVKBdKBWIFagViBUoFYgVCBlAAVxDf7crzlbrOLd77Hz+0nl2RnZyYJkAMfHPh+6QH0DLRmQFVPaWAAqy5GhqpeiMhRosgSwLr6XVWPReRdRC4TsYwbAfiof7O8cwfkhgDU+TgHMIwA8MXXIvLkxH8BaIBT1amI3HosEUAuYABgESdn4hsATKafjEQzAuDLvKA3AHc1ABMReUgUTQHwYqv0QTBhgYWz2GiqOnZk2AFg2vNh9E7qvAAYVwByLNS9QEZeSwyo6rOI3DuXL2lmmnzbhgUWhgDmxlZRAlWlGT8959vlwVsxgBwLDCaIdeZlQQKj/ltEwpxIHLYrjR/OziBS1ZxpCIL6MzlVnLOA8rAGZ0vqNExdB0DD8KKTTOu0/bQh8Hi4NRgwjXP6tb2ceQsAg3qB5C4oOLgLiCmAUVzAA0Ap6Hpvhv8bCHcb2oSkH1KLygNAnXlKOVsmsuvYNiWZKBWsAFFjrmd2ylWBpkcAk+L/AQPBNVvqDK7v0H42C/aR8KYIICrI/vZGK8NSu6AEYrUXgIpK8wWHEVu1btBAaUy7McGd4P0fWP4JQBfre7k9gJ6BnoFfB3jFGkg34UUAAAAASUVORK5CYII=');
|
|||
|
|
}
|
|||
|
|
.f__modal p.grey {
|
|||
|
|
display: none;
|
|||
|
|
}
|
|||
|
|
.social-auth {
|
|||
|
|
position: relative;
|
|||
|
|
}
|
|||
|
|
.social-auth:after {
|
|||
|
|
content: 'Скоро...';
|
|||
|
|
text-align: center;
|
|||
|
|
color: rgb(76, 175, 80);
|
|||
|
|
font-size: 17px;
|
|||
|
|
line-height: 113px;
|
|||
|
|
width: 100%;
|
|||
|
|
height: 100%;
|
|||
|
|
background: rgba(255, 255, 255, .85);
|
|||
|
|
position: absolute;
|
|||
|
|
top: 0;
|
|||
|
|
left: 0;
|
|||
|
|
z-index: 2345;
|
|||
|
|
border-radius: 4px;
|
|||
|
|
}
|
|||
|
|
.f__modal.login .f-btn {
|
|||
|
|
margin-top: 15px;
|
|||
|
|
min-width: 100px !important;
|
|||
|
|
width: 100%;
|
|||
|
|
}
|
|||
|
|
.f__modal.sign .f-btn {
|
|||
|
|
margin-top: 15px;
|
|||
|
|
}
|
|||
|
|
.f__modal a.pseudo {
|
|||
|
|
color: rgb(63, 81, 181);
|
|||
|
|
border-bottom-color: rgba(63, 81, 181, .5);
|
|||
|
|
cursor: pointer;
|
|||
|
|
}
|
|||
|
|
.f__modal.login .forgotpass span {
|
|||
|
|
display: inline-block;
|
|||
|
|
padding: 18px 0 0 15px;
|
|||
|
|
line-height: 20px !important;
|
|||
|
|
font-size: 14px;
|
|||
|
|
}
|
|||
|
|
.f__modal.login .forgotpass a {
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.big-p {
|
|||
|
|
padding-bottom: 20px;
|
|||
|
|
border-bottom: 1px solid rgb(241, 241, 241);
|
|||
|
|
}
|
|||
|
|
.big-phone h1 {
|
|||
|
|
font-size: 90pt !important;
|
|||
|
|
font-family: 'Futuris', Arial;
|
|||
|
|
font-weight: normal;
|
|||
|
|
white-space: nowrap;
|
|||
|
|
text-align: center;
|
|||
|
|
margin-top: 30px;
|
|||
|
|
margin-bottom: 30px;
|
|||
|
|
}
|
|||
|
|
.modal-list h4 {
|
|||
|
|
font-size: 20px;
|
|||
|
|
font-weight: bold;
|
|||
|
|
margin-bottom: 10px;
|
|||
|
|
font-family: 'Futuris', Arial;
|
|||
|
|
}
|
|||
|
|
.modal-list ul li {
|
|||
|
|
float: left;
|
|||
|
|
padding: 15px 50px 0 0;
|
|||
|
|
}
|
|||
|
|
.modal-list p {
|
|||
|
|
margin: 0 0 10px 0;
|
|||
|
|
font-size: 14px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.modal-list .support {
|
|||
|
|
width: 25%;
|
|||
|
|
}
|
|||
|
|
.modal-list .support p {
|
|||
|
|
margin-bottom: 20px;
|
|||
|
|
}
|
|||
|
|
.city-phone {
|
|||
|
|
font-size: 110%;
|
|||
|
|
}
|
|||
|
|
.show {
|
|||
|
|
display: block;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* MESSAGES */
|
|||
|
|
.hide {
|
|||
|
|
display: none;
|
|||
|
|
}
|
|||
|
|
.alert {
|
|||
|
|
font-size: 16px;
|
|||
|
|
}
|
|||
|
|
.f__message {
|
|||
|
|
width: 500px;
|
|||
|
|
margin: 20px auto 60px;
|
|||
|
|
}
|
|||
|
|
.f__message_error {
|
|||
|
|
background: rgb(242,117,109);
|
|||
|
|
background: -moz-linear-gradient(top, rgba(242,117,109,.7) 0%, rgba(255,68,84,.7) 100%);
|
|||
|
|
background: -webkit-linear-gradient(top, rgba(242,117,109,.7) 0%,rgba(255,68,84,.7) 100%);
|
|||
|
|
background: linear-gradient(to bottom, rgba(242,117,109,.7) 0%,rgba(255,68,84,.7) 100%);
|
|||
|
|
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2756d', endColorstr='#ff4454',GradientType=0 );
|
|||
|
|
/* border: 1px solid #c62828; */
|
|||
|
|
padding: 15px 30px 20px;
|
|||
|
|
border-radius: 4px;
|
|||
|
|
color: white !important;
|
|||
|
|
text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
|
|||
|
|
}
|
|||
|
|
.f__message_error a {
|
|||
|
|
color: white;
|
|||
|
|
border-color: rgba(255, 255, 255, .5);
|
|||
|
|
cursor: pointer;
|
|||
|
|
}
|
|||
|
|
.f__message_success {
|
|||
|
|
border: 1px solid #388e3c;
|
|||
|
|
background: rgb(67,160,71);
|
|||
|
|
background: -moz-linear-gradient(top, rgba(67,160,71,.7) 0%, rgba(46,125,50,.7) 100%);
|
|||
|
|
background: -webkit-linear-gradient(top, rgba(67,160,71,.7) 0%,rgba(46,125,50,.7) 100%);
|
|||
|
|
background: linear-gradient(to bottom, rgba(67,160,71,.7) 0%,rgba(46,125,50,.7) 100%);
|
|||
|
|
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#43a047', endColorstr='#2e7d32',GradientType=0 );
|
|||
|
|
padding: 15px 30px 20px;
|
|||
|
|
color: white;
|
|||
|
|
border-radius: 4px;
|
|||
|
|
text-shadow: 0 1px 1px rgba(0, 0, 0, .5);
|
|||
|
|
}
|
|||
|
|
.f__message h2 {
|
|||
|
|
margin-bottom: 15px;
|
|||
|
|
}
|
|||
|
|
.sign .f__message_error {
|
|||
|
|
position: absolute;
|
|||
|
|
bottom: 232px;
|
|||
|
|
right: 40px;
|
|||
|
|
width: 150px;
|
|||
|
|
padding: 10px 20px;
|
|||
|
|
}
|
|||
|
|
.login .f__message_error {
|
|||
|
|
position: absolute;
|
|||
|
|
bottom: 150px;
|
|||
|
|
right: 40px;
|
|||
|
|
width: 150px;
|
|||
|
|
padding: 10px 20px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
/* -- Main page version -- */
|
|||
|
|
|
|||
|
|
.main-page .f-header {
|
|||
|
|
z-index: 44;
|
|||
|
|
}
|
|||
|
|
.main-page .f-header #a-login {
|
|||
|
|
top: -1px;
|
|||
|
|
}
|
|||
|
|
.main-page .f-content {
|
|||
|
|
display: block;
|
|||
|
|
width: 100%;
|
|||
|
|
min-height: 500px;
|
|||
|
|
position: relative;
|
|||
|
|
}
|
|||
|
|
.main-page .f-video {
|
|||
|
|
position: relative;
|
|||
|
|
height: 500px;
|
|||
|
|
}
|
|||
|
|
.main-page .f-video .video-bg video {
|
|||
|
|
position: absolute;
|
|||
|
|
right: 0;
|
|||
|
|
bottom: 0;
|
|||
|
|
min-height: 100%;
|
|||
|
|
width: 1440px;
|
|||
|
|
height: auto;
|
|||
|
|
z-index: -100;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* -- Video fix -- */
|
|||
|
|
|
|||
|
|
@media (min-aspect-ratio: 16/9) {
|
|||
|
|
.f-video > video { height: 300%; top: -100%; }
|
|||
|
|
}
|
|||
|
|
@media (max-aspect-ratio: 16/9) {
|
|||
|
|
.f-video > video { width: 300%; left: -100%; }
|
|||
|
|
}
|
|||
|
|
@supports (object-fit: cover) {
|
|||
|
|
.f-video > video {
|
|||
|
|
top: 0; left: 0;
|
|||
|
|
width: 100%; height: 100%;
|
|||
|
|
object-fit: cover;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* Device fix */
|
|||
|
|
|
|||
|
|
@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%;
|
|||
|
|
}
|
|||
|
|
.f-footer .f-btn.no-bckgrnd.white.small {
|
|||
|
|
width: 100%;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
@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;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
/* end */
|
|||
|
|
|
|||
|
|
.main-page .f-video .video-bg {
|
|||
|
|
width: 100%;
|
|||
|
|
height: 500px;
|
|||
|
|
position: absolute;
|
|||
|
|
z-index: 0;
|
|||
|
|
top: 0;
|
|||
|
|
}
|
|||
|
|
.main-page .b-bg {
|
|||
|
|
position: absolute;
|
|||
|
|
z-index: 33;
|
|||
|
|
width: 100%;
|
|||
|
|
height: 500px;
|
|||
|
|
top: 0;
|
|||
|
|
left: 0;
|
|||
|
|
background: rgb(0,0,0);
|
|||
|
|
background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,1) 0%, rgba(55,71,79,1) 100%);
|
|||
|
|
background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,1) 0%,rgba(55,71,79,1) 100%);
|
|||
|
|
background: radial-gradient(ellipse at center, rgba(0,0,0,1) 0%,rgba(55,71,79,1) 100%);
|
|||
|
|
opacity: .35;
|
|||
|
|
}
|
|||
|
|
.main-page .f-content .f-video video {
|
|||
|
|
}
|
|||
|
|
.main-page .f-promo {
|
|||
|
|
position: absolute;
|
|||
|
|
z-index: 55;
|
|||
|
|
bottom: 55px;
|
|||
|
|
width: 100%;
|
|||
|
|
}
|
|||
|
|
.main-page .f-promo {
|
|||
|
|
color: white;
|
|||
|
|
}
|
|||
|
|
.main-page .f-promo h1 {
|
|||
|
|
font-weight: 500;
|
|||
|
|
font-size: 42px;
|
|||
|
|
line-height: 50px;
|
|||
|
|
text-shadow: 0 2px 1px rgba(0,0,0,.3);
|
|||
|
|
margin-left: 40px;
|
|||
|
|
}
|
|||
|
|
.main-page .f-promo .actions .f-btn.second {
|
|||
|
|
margin-top: 15px;
|
|||
|
|
}
|
|||
|
|
.main-page .f-content .f-content__bg-white {
|
|||
|
|
z-index: 55;
|
|||
|
|
min-height: 200px;
|
|||
|
|
position: relative;
|
|||
|
|
margin-top: 350px;
|
|||
|
|
}
|
|||
|
|
.worktime {
|
|||
|
|
display: block;
|
|||
|
|
padding-top: 10px;
|
|||
|
|
color: #dedede;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* -- Other dimensions -- */
|
|||
|
|
|
|||
|
|
@media screen and (max-width: 1024px) {
|
|||
|
|
a.medium {
|
|||
|
|
font-size: 15px;
|
|||
|
|
}
|
|||
|
|
.small {
|
|||
|
|
font-size: 13px;
|
|||
|
|
}
|
|||
|
|
.f-header-reducer {
|
|||
|
|
padding: 18px 30px 0 30px;
|
|||
|
|
}
|
|||
|
|
.f-header .f-header__logo {
|
|||
|
|
margin-top: 7px;
|
|||
|
|
}
|
|||
|
|
.f-header .f-header__phone {
|
|||
|
|
bottom: 6px;
|
|||
|
|
}
|
|||
|
|
.f-header .f-header__main-navigation ul li {
|
|||
|
|
float: left;
|
|||
|
|
padding: 6px 12px 7px 12px;
|
|||
|
|
margin-right: 8px;
|
|||
|
|
}
|
|||
|
|
.f-right-column.relative {
|
|||
|
|
height: 33px;
|
|||
|
|
}
|
|||
|
|
.f-header .f-header__main-navigation .login {
|
|||
|
|
bottom: 7px;
|
|||
|
|
}
|
|||
|
|
.f-header .f-header__main-navigation .login .f-btn {
|
|||
|
|
padding: 4px 12px 3px;
|
|||
|
|
}
|
|||
|
|
.f-header .f-header__phone .header-phone {
|
|||
|
|
font-size: 82%;
|
|||
|
|
margin-left: 19px;
|
|||
|
|
}
|
|||
|
|
.f-header .f-header__phone .header-phone .header-phone-icon {
|
|||
|
|
margin-top: 1px;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* -- FIX -- */
|
|||
|
|
|
|||
|
|
#chatra.chatra--pos-left {
|
|||
|
|
bottom: 0;
|
|||
|
|
left: 35px !important;
|
|||
|
|
}
|
|||
|
|
#chatra.chatra--pos-right {
|
|||
|
|
right: 35px !important;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
/*-- Icon pack --*/
|
|||
|
|
|
|||
|
|
@font-face {
|
|||
|
|
font-family: 'themify';
|
|||
|
|
src:url('../fonts/themify.eot?-fvbane');
|
|||
|
|
src:url('../fonts/themify.eot?#iefix-fvbane') format('embedded-opentype'),
|
|||
|
|
url('../fonts/themify.woff?-fvbane') format('woff'),
|
|||
|
|
url('../fonts/themify.ttf?-fvbane') format('truetype'),
|
|||
|
|
url('../fonts/themify.svg?-fvbane#themify') format('svg');
|
|||
|
|
font-weight: normal;
|
|||
|
|
font-style: normal;
|
|||
|
|
}
|
|||
|
|
[class^="ti-"], [class*=" ti-"] {
|
|||
|
|
font-family: 'themify';
|
|||
|
|
speak: none;
|
|||
|
|
font-style: normal;
|
|||
|
|
font-weight: normal;
|
|||
|
|
font-variant: normal;
|
|||
|
|
text-transform: none;
|
|||
|
|
line-height: 1;
|
|||
|
|
|
|||
|
|
/* Better Font Rendering =========== */
|
|||
|
|
-webkit-font-smoothing: antialiased;
|
|||
|
|
-moz-osx-font-smoothing: grayscale;
|
|||
|
|
}
|
|||
|
|
.ti-wand:before {
|
|||
|
|
content: "\e600";
|
|||
|
|
}
|
|||
|
|
.ti-volume:before {
|
|||
|
|
content: "\e601";
|
|||
|
|
}
|
|||
|
|
.ti-user:before {
|
|||
|
|
content: "\e602";
|
|||
|
|
}
|
|||
|
|
.ti-unlock:before {
|
|||
|
|
content: "\e603";
|
|||
|
|
}
|
|||
|
|
.ti-unlink:before {
|
|||
|
|
content: "\e604";
|
|||
|
|
}
|
|||
|
|
.ti-trash:before {
|
|||
|
|
content: "\e605";
|
|||
|
|
}
|
|||
|
|
.ti-thought:before {
|
|||
|
|
content: "\e606";
|
|||
|
|
}
|
|||
|
|
.ti-target:before {
|
|||
|
|
content: "\e607";
|
|||
|
|
}
|
|||
|
|
.ti-tag:before {
|
|||
|
|
content: "\e608";
|
|||
|
|
}
|
|||
|
|
.ti-tablet:before {
|
|||
|
|
content: "\e609";
|
|||
|
|
}
|
|||
|
|
.ti-star:before {
|
|||
|
|
content: "\e60a";
|
|||
|
|
}
|
|||
|
|
.ti-spray:before {
|
|||
|
|
content: "\e60b";
|
|||
|
|
}
|
|||
|
|
.ti-signal:before {
|
|||
|
|
content: "\e60c";
|
|||
|
|
}
|
|||
|
|
.ti-shopping-cart:before {
|
|||
|
|
content: "\e60d";
|
|||
|
|
}
|
|||
|
|
.ti-shopping-cart-full:before {
|
|||
|
|
content: "\e60e";
|
|||
|
|
}
|
|||
|
|
.ti-settings:before {
|
|||
|
|
content: "\e60f";
|
|||
|
|
}
|
|||
|
|
.ti-search:before {
|
|||
|
|
content: "\e610";
|
|||
|
|
}
|
|||
|
|
.ti-zoom-in:before {
|
|||
|
|
content: "\e611";
|
|||
|
|
}
|
|||
|
|
.ti-zoom-out:before {
|
|||
|
|
content: "\e612";
|
|||
|
|
}
|
|||
|
|
.ti-cut:before {
|
|||
|
|
content: "\e613";
|
|||
|
|
}
|
|||
|
|
.ti-ruler:before {
|
|||
|
|
content: "\e614";
|
|||
|
|
}
|
|||
|
|
.ti-ruler-pencil:before {
|
|||
|
|
content: "\e615";
|
|||
|
|
}
|
|||
|
|
.ti-ruler-alt:before {
|
|||
|
|
content: "\e616";
|
|||
|
|
}
|
|||
|
|
.ti-bookmark:before {
|
|||
|
|
content: "\e617";
|
|||
|
|
}
|
|||
|
|
.ti-bookmark-alt:before {
|
|||
|
|
content: "\e618";
|
|||
|
|
}
|
|||
|
|
.ti-reload:before {
|
|||
|
|
content: "\e619";
|
|||
|
|
}
|
|||
|
|
.ti-plus:before {
|
|||
|
|
content: "\e61a";
|
|||
|
|
}
|
|||
|
|
.ti-pin:before {
|
|||
|
|
content: "\e61b";
|
|||
|
|
}
|
|||
|
|
.ti-pencil:before {
|
|||
|
|
content: "\e61c";
|
|||
|
|
}
|
|||
|
|
.ti-pencil-alt:before {
|
|||
|
|
content: "\e61d";
|
|||
|
|
}
|
|||
|
|
.ti-paint-roller:before {
|
|||
|
|
content: "\e61e";
|
|||
|
|
}
|
|||
|
|
.ti-paint-bucket:before {
|
|||
|
|
content: "\e61f";
|
|||
|
|
}
|
|||
|
|
.ti-na:before {
|
|||
|
|
content: "\e620";
|
|||
|
|
}
|
|||
|
|
.ti-mobile:before {
|
|||
|
|
content: "\e621";
|
|||
|
|
}
|
|||
|
|
.ti-minus:before {
|
|||
|
|
content: "\e622";
|
|||
|
|
}
|
|||
|
|
.ti-medall:before {
|
|||
|
|
content: "\e623";
|
|||
|
|
}
|
|||
|
|
.ti-medall-alt:before {
|
|||
|
|
content: "\e624";
|
|||
|
|
}
|
|||
|
|
.ti-marker:before {
|
|||
|
|
content: "\e625";
|
|||
|
|
}
|
|||
|
|
.ti-marker-alt:before {
|
|||
|
|
content: "\e626";
|
|||
|
|
}
|
|||
|
|
.ti-arrow-up:before {
|
|||
|
|
content: "\e627";
|
|||
|
|
}
|
|||
|
|
.ti-arrow-right:before {
|
|||
|
|
content: "\e628";
|
|||
|
|
}
|
|||
|
|
.ti-arrow-left:before {
|
|||
|
|
content: "\e629";
|
|||
|
|
}
|
|||
|
|
.ti-arrow-down:before {
|
|||
|
|
content: "\e62a";
|
|||
|
|
}
|
|||
|
|
.ti-lock:before {
|
|||
|
|
content: "\e62b";
|
|||
|
|
}
|
|||
|
|
.ti-location-arrow:before {
|
|||
|
|
content: "\e62c";
|
|||
|
|
}
|
|||
|
|
.ti-link:before {
|
|||
|
|
content: "\e62d";
|
|||
|
|
}
|
|||
|
|
.ti-layout:before {
|
|||
|
|
content: "\e62e";
|
|||
|
|
}
|
|||
|
|
.ti-layers:before {
|
|||
|
|
content: "\e62f";
|
|||
|
|
}
|
|||
|
|
.ti-layers-alt:before {
|
|||
|
|
content: "\e630";
|
|||
|
|
}
|
|||
|
|
.ti-key:before {
|
|||
|
|
content: "\e631";
|
|||
|
|
}
|
|||
|
|
.ti-import:before {
|
|||
|
|
content: "\e632";
|
|||
|
|
}
|
|||
|
|
.ti-image:before {
|
|||
|
|
content: "\e633";
|
|||
|
|
}
|
|||
|
|
.ti-heart:before {
|
|||
|
|
content: "\e634";
|
|||
|
|
}
|
|||
|
|
.ti-heart-broken:before {
|
|||
|
|
content: "\e635";
|
|||
|
|
}
|
|||
|
|
.ti-hand-stop:before {
|
|||
|
|
content: "\e636";
|
|||
|
|
}
|
|||
|
|
.ti-hand-open:before {
|
|||
|
|
content: "\e637";
|
|||
|
|
}
|
|||
|
|
.ti-hand-drag:before {
|
|||
|
|
content: "\e638";
|
|||
|
|
}
|
|||
|
|
.ti-folder:before {
|
|||
|
|
content: "\e639";
|
|||
|
|
}
|
|||
|
|
.ti-flag:before {
|
|||
|
|
content: "\e63a";
|
|||
|
|
}
|
|||
|
|
.ti-flag-alt:before {
|
|||
|
|
content: "\e63b";
|
|||
|
|
}
|
|||
|
|
.ti-flag-alt-2:before {
|
|||
|
|
content: "\e63c";
|
|||
|
|
}
|
|||
|
|
.ti-eye:before {
|
|||
|
|
content: "\e63d";
|
|||
|
|
}
|
|||
|
|
.ti-export:before {
|
|||
|
|
content: "\e63e";
|
|||
|
|
}
|
|||
|
|
.ti-exchange-vertical:before {
|
|||
|
|
content: "\e63f";
|
|||
|
|
}
|
|||
|
|
.ti-desktop:before {
|
|||
|
|
content: "\e640";
|
|||
|
|
}
|
|||
|
|
.ti-cup:before {
|
|||
|
|
content: "\e641";
|
|||
|
|
}
|
|||
|
|
.ti-crown:before {
|
|||
|
|
content: "\e642";
|
|||
|
|
}
|
|||
|
|
.ti-comments:before {
|
|||
|
|
content: "\e643";
|
|||
|
|
}
|
|||
|
|
.ti-comment:before {
|
|||
|
|
content: "\e644";
|
|||
|
|
}
|
|||
|
|
.ti-comment-alt:before {
|
|||
|
|
content: "\e645";
|
|||
|
|
}
|
|||
|
|
.ti-close:before {
|
|||
|
|
content: "\e646";
|
|||
|
|
}
|
|||
|
|
.ti-clip:before {
|
|||
|
|
content: "\e647";
|
|||
|
|
}
|
|||
|
|
.ti-angle-up:before {
|
|||
|
|
content: "\e648";
|
|||
|
|
}
|
|||
|
|
.ti-angle-right:before {
|
|||
|
|
}
|
|||
|
|
.ti-angle-left:before {
|
|||
|
|
content: "\e64a";
|
|||
|
|
}
|
|||
|
|
.ti-angle-down:before {
|
|||
|
|
content: "\e64b";
|
|||
|
|
}
|
|||
|
|
.ti-check:before {
|
|||
|
|
content: "\e64c";
|
|||
|
|
}
|
|||
|
|
.ti-check-box:before {
|
|||
|
|
content: "\e64d";
|
|||
|
|
}
|
|||
|
|
.ti-camera:before {
|
|||
|
|
content: "\e64e";
|
|||
|
|
}
|
|||
|
|
.ti-announcement:before {
|
|||
|
|
content: "\e64f";
|
|||
|
|
}
|
|||
|
|
.ti-brush:before {
|
|||
|
|
content: "\e650";
|
|||
|
|
}
|
|||
|
|
.ti-briefcase:before {
|
|||
|
|
content: "\e651";
|
|||
|
|
}
|
|||
|
|
.ti-bolt:before {
|
|||
|
|
content: "\e652";
|
|||
|
|
}
|
|||
|
|
.ti-bolt-alt:before {
|
|||
|
|
content: "\e653";
|
|||
|
|
}
|
|||
|
|
.ti-blackboard:before {
|
|||
|
|
content: "\e654";
|
|||
|
|
}
|
|||
|
|
.ti-bag:before {
|
|||
|
|
content: "\e655";
|
|||
|
|
}
|
|||
|
|
.ti-move:before {
|
|||
|
|
content: "\e656";
|
|||
|
|
}
|
|||
|
|
.ti-arrows-vertical:before {
|
|||
|
|
content: "\e657";
|
|||
|
|
}
|
|||
|
|
.ti-arrows-horizontal:before {
|
|||
|
|
content: "\e658";
|
|||
|
|
}
|
|||
|
|
.ti-fullscreen:before {
|
|||
|
|
content: "\e659";
|
|||
|
|
}
|
|||
|
|
.ti-arrow-top-right:before {
|
|||
|
|
content: "\e65a";
|
|||
|
|
}
|
|||
|
|
.ti-arrow-top-left:before {
|
|||
|
|
content: "\e65b";
|
|||
|
|
}
|
|||
|
|
.ti-arrow-circle-up:before {
|
|||
|
|
content: "\e65c";
|
|||
|
|
}
|
|||
|
|
.ti-arrow-circle-right:before {
|
|||
|
|
content: "\e65d";
|
|||
|
|
}
|
|||
|
|
.ti-arrow-circle-left:before {
|
|||
|
|
content: "\e65e";
|
|||
|
|
}
|
|||
|
|
.ti-arrow-circle-down:before {
|
|||
|
|
content: "\e65f";
|
|||
|
|
}
|
|||
|
|
.ti-angle-double-up:before {
|
|||
|
|
content: "\e660";
|
|||
|
|
}
|
|||
|
|
.ti-angle-double-right:before {
|
|||
|
|
content: "\e661";
|
|||
|
|
}
|
|||
|
|
.ti-angle-double-left:before {
|
|||
|
|
content: "\e662";
|
|||
|
|
}
|
|||
|
|
.ti-angle-double-down:before {
|
|||
|
|
content: "\e663";
|
|||
|
|
}
|
|||
|
|
.ti-zip:before {
|
|||
|
|
content: "\e664";
|
|||
|
|
}
|
|||
|
|
.ti-world:before {
|
|||
|
|
content: "\e665";
|
|||
|
|
}
|
|||
|
|
.ti-wheelchair:before {
|
|||
|
|
content: "\e666";
|
|||
|
|
}
|
|||
|
|
.ti-view-list:before {
|
|||
|
|
content: "\e667";
|
|||
|
|
}
|
|||
|
|
.ti-view-list-alt:before {
|
|||
|
|
content: "\e668";
|
|||
|
|
}
|
|||
|
|
.ti-view-grid:before {
|
|||
|
|
content: "\e669";
|
|||
|
|
}
|
|||
|
|
.ti-uppercase:before {
|
|||
|
|
content: "\e66a";
|
|||
|
|
}
|
|||
|
|
.ti-upload:before {
|
|||
|
|
content: "\e66b";
|
|||
|
|
}
|
|||
|
|
.ti-underline:before {
|
|||
|
|
content: "\e66c";
|
|||
|
|
}
|
|||
|
|
.ti-truck:before {
|
|||
|
|
content: "\e66d";
|
|||
|
|
}
|
|||
|
|
.ti-timer:before {
|
|||
|
|
content: "\e66e";
|
|||
|
|
}
|
|||
|
|
.ti-ticket:before {
|
|||
|
|
content: "\e66f";
|
|||
|
|
}
|
|||
|
|
.ti-thumb-up:before {
|
|||
|
|
content: "\e670";
|
|||
|
|
}
|
|||
|
|
.ti-thumb-down:before {
|
|||
|
|
content: "\e671";
|
|||
|
|
}
|
|||
|
|
.ti-text:before {
|
|||
|
|
content: "\e672";
|
|||
|
|
}
|
|||
|
|
.ti-stats-up:before {
|
|||
|
|
content: "\e673";
|
|||
|
|
}
|
|||
|
|
.ti-stats-down:before {
|
|||
|
|
content: "\e674";
|
|||
|
|
}
|
|||
|
|
.ti-split-v:before {
|
|||
|
|
content: "\e675";
|
|||
|
|
}
|
|||
|
|
.ti-split-h:before {
|
|||
|
|
content: "\e676";
|
|||
|
|
}
|
|||
|
|
.ti-smallcap:before {
|
|||
|
|
content: "\e677";
|
|||
|
|
}
|
|||
|
|
.ti-shine:before {
|
|||
|
|
content: "\e678";
|
|||
|
|
}
|
|||
|
|
.ti-shift-right:before {
|
|||
|
|
content: "\e679";
|
|||
|
|
}
|
|||
|
|
.ti-shift-left:before {
|
|||
|
|
content: "\e67a";
|
|||
|
|
}
|
|||
|
|
.ti-shield:before {
|
|||
|
|
content: "\e67b";
|
|||
|
|
}
|
|||
|
|
.ti-notepad:before {
|
|||
|
|
content: "\e67c";
|
|||
|
|
}
|
|||
|
|
.ti-server:before {
|
|||
|
|
content: "\e67d";
|
|||
|
|
}
|
|||
|
|
.ti-quote-right:before {
|
|||
|
|
content: "\e67e";
|
|||
|
|
}
|
|||
|
|
.ti-quote-left:before {
|
|||
|
|
content: "\e67f";
|
|||
|
|
}
|
|||
|
|
.ti-pulse:before {
|
|||
|
|
content: "\e680";
|
|||
|
|
}
|
|||
|
|
.ti-printer:before {
|
|||
|
|
content: "\e681";
|
|||
|
|
}
|
|||
|
|
.ti-power-off:before {
|
|||
|
|
content: "\e682";
|
|||
|
|
}
|
|||
|
|
.ti-plug:before {
|
|||
|
|
content: "\e683";
|
|||
|
|
}
|
|||
|
|
.ti-pie-chart:before {
|
|||
|
|
content: "\e684";
|
|||
|
|
}
|
|||
|
|
.ti-paragraph:before {
|
|||
|
|
content: "\e685";
|
|||
|
|
}
|
|||
|
|
.ti-panel:before {
|
|||
|
|
content: "\e686";
|
|||
|
|
}
|
|||
|
|
.ti-package:before {
|
|||
|
|
content: "\e687";
|
|||
|
|
}
|
|||
|
|
.ti-music:before {
|
|||
|
|
content: "\e688";
|
|||
|
|
}
|
|||
|
|
.ti-music-alt:before {
|
|||
|
|
content: "\e689";
|
|||
|
|
}
|
|||
|
|
.ti-mouse:before {
|
|||
|
|
content: "\e68a";
|
|||
|
|
}
|
|||
|
|
.ti-mouse-alt:before {
|
|||
|
|
content: "\e68b";
|
|||
|
|
}
|
|||
|
|
.ti-money:before {
|
|||
|
|
content: "\e68c";
|
|||
|
|
}
|
|||
|
|
.ti-microphone:before {
|
|||
|
|
content: "\e68d";
|
|||
|
|
}
|
|||
|
|
.ti-menu:before {
|
|||
|
|
content: "\e68e";
|
|||
|
|
}
|
|||
|
|
.ti-menu-alt:before {
|
|||
|
|
content: "\e68f";
|
|||
|
|
}
|
|||
|
|
.ti-map:before {
|
|||
|
|
content: "\e690";
|
|||
|
|
}
|
|||
|
|
.ti-map-alt:before {
|
|||
|
|
content: "\e691";
|
|||
|
|
}
|
|||
|
|
.ti-loop:before {
|
|||
|
|
content: "\e692";
|
|||
|
|
}
|
|||
|
|
.ti-location-pin:before {
|
|||
|
|
content: "\e693";
|
|||
|
|
}
|
|||
|
|
.ti-list:before {
|
|||
|
|
content: "\e694";
|
|||
|
|
}
|
|||
|
|
.ti-light-bulb:before {
|
|||
|
|
content: "\e695";
|
|||
|
|
}
|
|||
|
|
.ti-Italic:before {
|
|||
|
|
content: "\e696";
|
|||
|
|
}
|
|||
|
|
.ti-info:before {
|
|||
|
|
content: "\e697";
|
|||
|
|
}
|
|||
|
|
.ti-infinite:before {
|
|||
|
|
content: "\e698";
|
|||
|
|
}
|
|||
|
|
.ti-id-badge:before {
|
|||
|
|
content: "\e699";
|
|||
|
|
}
|
|||
|
|
.ti-hummer:before {
|
|||
|
|
content: "\e69a";
|
|||
|
|
}
|
|||
|
|
.ti-home:before {
|
|||
|
|
content: "\e69b";
|
|||
|
|
}
|
|||
|
|
.ti-help:before {
|
|||
|
|
content: "\e69c";
|
|||
|
|
}
|
|||
|
|
.ti-headphone:before {
|
|||
|
|
content: "\e69d";
|
|||
|
|
}
|
|||
|
|
.ti-harddrives:before {
|
|||
|
|
content: "\e69e";
|
|||
|
|
}
|
|||
|
|
.ti-harddrive:before {
|
|||
|
|
content: "\e69f";
|
|||
|
|
}
|
|||
|
|
.ti-gift:before {
|
|||
|
|
content: "\e6a0";
|
|||
|
|
}
|
|||
|
|
.ti-game:before {
|
|||
|
|
content: "\e6a1";
|
|||
|
|
}
|
|||
|
|
.ti-filter:before {
|
|||
|
|
content: "\e6a2";
|
|||
|
|
}
|
|||
|
|
.ti-files:before {
|
|||
|
|
content: "\e6a3";
|
|||
|
|
}
|
|||
|
|
.ti-file:before {
|
|||
|
|
content: "\e6a4";
|
|||
|
|
}
|
|||
|
|
.ti-eraser:before {
|
|||
|
|
content: "\e6a5";
|
|||
|
|
}
|
|||
|
|
.ti-envelope:before {
|
|||
|
|
content: "\e6a6";
|
|||
|
|
}
|
|||
|
|
.ti-download:before {
|
|||
|
|
content: "\e6a7";
|
|||
|
|
}
|
|||
|
|
.ti-direction:before {
|
|||
|
|
content: "\e6a8";
|
|||
|
|
}
|
|||
|
|
.ti-direction-alt:before {
|
|||
|
|
content: "\e6a9";
|
|||
|
|
}
|
|||
|
|
.ti-dashboard:before {
|
|||
|
|
content: "\e6aa";
|
|||
|
|
}
|
|||
|
|
.ti-control-stop:before {
|
|||
|
|
content: "\e6ab";
|
|||
|
|
}
|
|||
|
|
.ti-control-shuffle:before {
|
|||
|
|
content: "\e6ac";
|
|||
|
|
}
|
|||
|
|
.ti-control-play:before {
|
|||
|
|
content: "\e6ad";
|
|||
|
|
}
|
|||
|
|
.ti-control-pause:before {
|
|||
|
|
content: "\e6ae";
|
|||
|
|
}
|
|||
|
|
.ti-control-forward:before {
|
|||
|
|
content: "\e6af";
|
|||
|
|
}
|
|||
|
|
.ti-control-backward:before {
|
|||
|
|
content: "\e6b0";
|
|||
|
|
}
|
|||
|
|
.ti-cloud:before {
|
|||
|
|
content: "\e6b1";
|
|||
|
|
}
|
|||
|
|
.ti-cloud-up:before {
|
|||
|
|
content: "\e6b2";
|
|||
|
|
}
|
|||
|
|
.ti-cloud-down:before {
|
|||
|
|
content: "\e6b3";
|
|||
|
|
}
|
|||
|
|
.ti-clipboard:before {
|
|||
|
|
content: "\e6b4";
|
|||
|
|
}
|
|||
|
|
.ti-car:before {
|
|||
|
|
content: "\e6b5";
|
|||
|
|
}
|
|||
|
|
.ti-calendar:before {
|
|||
|
|
content: "\e6b6";
|
|||
|
|
}
|
|||
|
|
.ti-book:before {
|
|||
|
|
content: "\e6b7";
|
|||
|
|
}
|
|||
|
|
.ti-bell:before {
|
|||
|
|
content: "\e6b8";
|
|||
|
|
}
|
|||
|
|
.ti-basketball:before {
|
|||
|
|
content: "\e6b9";
|
|||
|
|
}
|
|||
|
|
.ti-bar-chart:before {
|
|||
|
|
content: "\e6ba";
|
|||
|
|
}
|
|||
|
|
.ti-bar-chart-alt:before {
|
|||
|
|
content: "\e6bb";
|
|||
|
|
}
|
|||
|
|
.ti-back-right:before {
|
|||
|
|
content: "\e6bc";
|
|||
|
|
}
|
|||
|
|
.ti-back-left:before {
|
|||
|
|
content: "\e6bd";
|
|||
|
|
}
|
|||
|
|
.ti-arrows-corner:before {
|
|||
|
|
content: "\e6be";
|
|||
|
|
}
|
|||
|
|
.ti-archive:before {
|
|||
|
|
content: "\e6bf";
|
|||
|
|
}
|
|||
|
|
.ti-anchor:before {
|
|||
|
|
content: "\e6c0";
|
|||
|
|
}
|
|||
|
|
.ti-align-right:before {
|
|||
|
|
content: "\e6c1";
|
|||
|
|
}
|
|||
|
|
.ti-align-left:before {
|
|||
|
|
content: "\e6c2";
|
|||
|
|
}
|
|||
|
|
.ti-align-justify:before {
|
|||
|
|
content: "\e6c3";
|
|||
|
|
}
|
|||
|
|
.ti-align-center:before {
|
|||
|
|
content: "\e6c4";
|
|||
|
|
}
|
|||
|
|
.ti-alert:before {
|
|||
|
|
content: "\e6c5";
|
|||
|
|
}
|
|||
|
|
.ti-alarm-clock:before {
|
|||
|
|
content: "\e6c6";
|
|||
|
|
}
|
|||
|
|
.ti-agenda:before {
|
|||
|
|
content: "\e6c7";
|
|||
|
|
}
|
|||
|
|
.ti-write:before {
|
|||
|
|
content: "\e6c8";
|
|||
|
|
}
|
|||
|
|
.ti-window:before {
|
|||
|
|
content: "\e6c9";
|
|||
|
|
}
|
|||
|
|
.ti-widgetized:before {
|
|||
|
|
content: "\e6ca";
|
|||
|
|
}
|
|||
|
|
.ti-widget:before {
|
|||
|
|
content: "\e6cb";
|
|||
|
|
}
|
|||
|
|
.ti-widget-alt:before {
|
|||
|
|
content: "\e6cc";
|
|||
|
|
}
|
|||
|
|
.ti-wallet:before {
|
|||
|
|
content: "\e6cd";
|
|||
|
|
}
|
|||
|
|
.ti-video-clapper:before {
|
|||
|
|
content: "\e6ce";
|
|||
|
|
}
|
|||
|
|
.ti-video-camera:before {
|
|||
|
|
content: "\e6cf";
|
|||
|
|
}
|
|||
|
|
.ti-vector:before {
|
|||
|
|
content: "\e6d0";
|
|||
|
|
}
|
|||
|
|
.ti-themify-logo:before {
|
|||
|
|
content: "\e6d1";
|
|||
|
|
}
|
|||
|
|
.ti-themify-favicon:before {
|
|||
|
|
content: "\e6d2";
|
|||
|
|
}
|
|||
|
|
.ti-themify-favicon-alt:before {
|
|||
|
|
content: "\e6d3";
|
|||
|
|
}
|
|||
|
|
.ti-support:before {
|
|||
|
|
content: "\e6d4";
|
|||
|
|
}
|
|||
|
|
.ti-stamp:before {
|
|||
|
|
content: "\e6d5";
|
|||
|
|
}
|
|||
|
|
.ti-split-v-alt:before {
|
|||
|
|
content: "\e6d6";
|
|||
|
|
}
|
|||
|
|
.ti-slice:before {
|
|||
|
|
content: "\e6d7";
|
|||
|
|
}
|
|||
|
|
.ti-shortcode:before {
|
|||
|
|
content: "\e6d8";
|
|||
|
|
}
|
|||
|
|
.ti-shift-right-alt:before {
|
|||
|
|
content: "\e6d9";
|
|||
|
|
}
|
|||
|
|
.ti-shift-left-alt:before {
|
|||
|
|
content: "\e6da";
|
|||
|
|
}
|
|||
|
|
.ti-ruler-alt-2:before {
|
|||
|
|
content: "\e6db";
|
|||
|
|
}
|
|||
|
|
.ti-receipt:before {
|
|||
|
|
content: "\e6dc";
|
|||
|
|
}
|
|||
|
|
.ti-pin2:before {
|
|||
|
|
content: "\e6dd";
|
|||
|
|
}
|
|||
|
|
.ti-pin-alt:before {
|
|||
|
|
content: "\e6de";
|
|||
|
|
}
|
|||
|
|
.ti-pencil-alt2:before {
|
|||
|
|
content: "\e6df";
|
|||
|
|
}
|
|||
|
|
.ti-palette:before {
|
|||
|
|
content: "\e6e0";
|
|||
|
|
}
|
|||
|
|
.ti-more:before {
|
|||
|
|
content: "\e6e1";
|
|||
|
|
}
|
|||
|
|
.ti-more-alt:before {
|
|||
|
|
content: "\e6e2";
|
|||
|
|
}
|
|||
|
|
.ti-microphone-alt:before {
|
|||
|
|
content: "\e6e3";
|
|||
|
|
}
|
|||
|
|
.ti-magnet:before {
|
|||
|
|
content: "\e6e4";
|
|||
|
|
}
|
|||
|
|
.ti-line-double:before {
|
|||
|
|
content: "\e6e5";
|
|||
|
|
}
|
|||
|
|
.ti-line-dotted:before {
|
|||
|
|
content: "\e6e6";
|
|||
|
|
}
|
|||
|
|
.ti-line-dashed:before {
|
|||
|
|
content: "\e6e7";
|
|||
|
|
}
|
|||
|
|
.ti-layout-width-full:before {
|
|||
|
|
content: "\e6e8";
|
|||
|
|
}
|
|||
|
|
.ti-layout-width-default:before {
|
|||
|
|
content: "\e6e9";
|
|||
|
|
}
|
|||
|
|
.ti-layout-width-default-alt:before {
|
|||
|
|
content: "\e6ea";
|
|||
|
|
}
|
|||
|
|
.ti-layout-tab:before {
|
|||
|
|
content: "\e6eb";
|
|||
|
|
}
|
|||
|
|
.ti-layout-tab-window:before {
|
|||
|
|
content: "\e6ec";
|
|||
|
|
}
|
|||
|
|
.ti-layout-tab-v:before {
|
|||
|
|
content: "\e6ed";
|
|||
|
|
}
|
|||
|
|
.ti-layout-tab-min:before {
|
|||
|
|
content: "\e6ee";
|
|||
|
|
}
|
|||
|
|
.ti-layout-slider:before {
|
|||
|
|
content: "\e6ef";
|
|||
|
|
}
|
|||
|
|
.ti-layout-slider-alt:before {
|
|||
|
|
content: "\e6f0";
|
|||
|
|
}
|
|||
|
|
.ti-layout-sidebar-right:before {
|
|||
|
|
content: "\e6f1";
|
|||
|
|
}
|
|||
|
|
.ti-layout-sidebar-none:before {
|
|||
|
|
content: "\e6f2";
|
|||
|
|
}
|
|||
|
|
.ti-layout-sidebar-left:before {
|
|||
|
|
content: "\e6f3";
|
|||
|
|
}
|
|||
|
|
.ti-layout-placeholder:before {
|
|||
|
|
content: "\e6f4";
|
|||
|
|
}
|
|||
|
|
.ti-layout-menu:before {
|
|||
|
|
content: "\e6f5";
|
|||
|
|
}
|
|||
|
|
.ti-layout-menu-v:before {
|
|||
|
|
content: "\e6f6";
|
|||
|
|
}
|
|||
|
|
.ti-layout-menu-separated:before {
|
|||
|
|
content: "\e6f7";
|
|||
|
|
}
|
|||
|
|
.ti-layout-menu-full:before {
|
|||
|
|
content: "\e6f8";
|
|||
|
|
}
|
|||
|
|
.ti-layout-media-right-alt:before {
|
|||
|
|
content: "\e6f9";
|
|||
|
|
}
|
|||
|
|
.ti-layout-media-right:before {
|
|||
|
|
content: "\e6fa";
|
|||
|
|
}
|
|||
|
|
.ti-layout-media-overlay:before {
|
|||
|
|
content: "\e6fb";
|
|||
|
|
}
|
|||
|
|
.ti-layout-media-overlay-alt:before {
|
|||
|
|
content: "\e6fc";
|
|||
|
|
}
|
|||
|
|
.ti-layout-media-overlay-alt-2:before {
|
|||
|
|
content: "\e6fd";
|
|||
|
|
}
|
|||
|
|
.ti-layout-media-left-alt:before {
|
|||
|
|
content: "\e6fe";
|
|||
|
|
}
|
|||
|
|
.ti-layout-media-left:before {
|
|||
|
|
content: "\e6ff";
|
|||
|
|
}
|
|||
|
|
.ti-layout-media-center-alt:before {
|
|||
|
|
content: "\e700";
|
|||
|
|
}
|
|||
|
|
.ti-layout-media-center:before {
|
|||
|
|
content: "\e701";
|
|||
|
|
}
|
|||
|
|
.ti-layout-list-thumb:before {
|
|||
|
|
content: "\e702";
|
|||
|
|
}
|
|||
|
|
.ti-layout-list-thumb-alt:before {
|
|||
|
|
content: "\e703";
|
|||
|
|
}
|
|||
|
|
.ti-layout-list-post:before {
|
|||
|
|
content: "\e704";
|
|||
|
|
}
|
|||
|
|
.ti-layout-list-large-image:before {
|
|||
|
|
content: "\e705";
|
|||
|
|
}
|
|||
|
|
.ti-layout-line-solid:before {
|
|||
|
|
content: "\e706";
|
|||
|
|
}
|
|||
|
|
.ti-layout-grid4:before {
|
|||
|
|
content: "\e707";
|
|||
|
|
}
|
|||
|
|
.ti-layout-grid3:before {
|
|||
|
|
content: "\e708";
|
|||
|
|
}
|
|||
|
|
.ti-layout-grid2:before {
|
|||
|
|
content: "\e709";
|
|||
|
|
}
|
|||
|
|
.ti-layout-grid2-thumb:before {
|
|||
|
|
content: "\e70a";
|
|||
|
|
}
|
|||
|
|
.ti-layout-cta-right:before {
|
|||
|
|
content: "\e70b";
|
|||
|
|
}
|
|||
|
|
.ti-layout-cta-left:before {
|
|||
|
|
content: "\e70c";
|
|||
|
|
}
|
|||
|
|
.ti-layout-cta-center:before {
|
|||
|
|
content: "\e70d";
|
|||
|
|
}
|
|||
|
|
.ti-layout-cta-btn-right:before {
|
|||
|
|
content: "\e70e";
|
|||
|
|
}
|
|||
|
|
.ti-layout-cta-btn-left:before {
|
|||
|
|
content: "\e70f";
|
|||
|
|
}
|
|||
|
|
.ti-layout-column4:before {
|
|||
|
|
content: "\e710";
|
|||
|
|
}
|
|||
|
|
.ti-layout-column3:before {
|
|||
|
|
content: "\e711";
|
|||
|
|
}
|
|||
|
|
.ti-layout-column2:before {
|
|||
|
|
content: "\e712";
|
|||
|
|
}
|
|||
|
|
.ti-layout-accordion-separated:before {
|
|||
|
|
content: "\e713";
|
|||
|
|
}
|
|||
|
|
.ti-layout-accordion-merged:before {
|
|||
|
|
content: "\e714";
|
|||
|
|
}
|
|||
|
|
.ti-layout-accordion-list:before {
|
|||
|
|
content: "\e715";
|
|||
|
|
}
|
|||
|
|
.ti-ink-pen:before {
|
|||
|
|
content: "\e716";
|
|||
|
|
}
|
|||
|
|
.ti-info-alt:before {
|
|||
|
|
content: "\e717";
|
|||
|
|
}
|
|||
|
|
.ti-help-alt:before {
|
|||
|
|
content: "\e718";
|
|||
|
|
}
|
|||
|
|
.ti-headphone-alt:before {
|
|||
|
|
content: "\e719";
|
|||
|
|
}
|
|||
|
|
.ti-hand-point-up:before {
|
|||
|
|
content: "\e71a";
|
|||
|
|
}
|
|||
|
|
.ti-hand-point-right:before {
|
|||
|
|
content: "\e71b";
|
|||
|
|
}
|
|||
|
|
.ti-hand-point-left:before {
|
|||
|
|
content: "\e71c";
|
|||
|
|
}
|
|||
|
|
.ti-hand-point-down:before {
|
|||
|
|
content: "\e71d";
|
|||
|
|
}
|
|||
|
|
.ti-gallery:before {
|
|||
|
|
content: "\e71e";
|
|||
|
|
}
|
|||
|
|
.ti-face-smile:before {
|
|||
|
|
content: "\e71f";
|
|||
|
|
}
|
|||
|
|
.ti-face-sad:before {
|
|||
|
|
content: "\e720";
|
|||
|
|
}
|
|||
|
|
.ti-credit-card:before {
|
|||
|
|
content: "\e721";
|
|||
|
|
}
|
|||
|
|
.ti-control-skip-forward:before {
|
|||
|
|
content: "\e722";
|
|||
|
|
}
|
|||
|
|
.ti-control-skip-backward:before {
|
|||
|
|
content: "\e723";
|
|||
|
|
}
|
|||
|
|
.ti-control-record:before {
|
|||
|
|
content: "\e724";
|
|||
|
|
}
|
|||
|
|
.ti-control-eject:before {
|
|||
|
|
content: "\e725";
|
|||
|
|
}
|
|||
|
|
.ti-comments-smiley:before {
|
|||
|
|
content: "\e726";
|
|||
|
|
}
|
|||
|
|
.ti-brush-alt:before {
|
|||
|
|
content: "\e727";
|
|||
|
|
}
|
|||
|
|
.ti-youtube:before {
|
|||
|
|
content: "\e728";
|
|||
|
|
}
|
|||
|
|
.ti-vimeo:before {
|
|||
|
|
content: "\e729";
|
|||
|
|
}
|
|||
|
|
.ti-twitter:before {
|
|||
|
|
content: "\e72a";
|
|||
|
|
}
|
|||
|
|
.ti-time:before {
|
|||
|
|
content: "\e72b";
|
|||
|
|
}
|
|||
|
|
.ti-tumblr:before {
|
|||
|
|
content: "\e72c";
|
|||
|
|
}
|
|||
|
|
.ti-skype:before {
|
|||
|
|
content: "\e72d";
|
|||
|
|
}
|
|||
|
|
.ti-share:before {
|
|||
|
|
content: "\e72e";
|
|||
|
|
}
|
|||
|
|
.ti-share-alt:before {
|
|||
|
|
content: "\e72f";
|
|||
|
|
}
|
|||
|
|
.ti-rocket:before {
|
|||
|
|
content: "\e730";
|
|||
|
|
}
|
|||
|
|
.ti-pinterest:before {
|
|||
|
|
content: "\e731";
|
|||
|
|
}
|
|||
|
|
.ti-new-window:before {
|
|||
|
|
content: "\e732";
|
|||
|
|
}
|
|||
|
|
.ti-microsoft:before {
|
|||
|
|
content: "\e733";
|
|||
|
|
}
|
|||
|
|
.ti-list-ol:before {
|
|||
|
|
content: "\e734";
|
|||
|
|
}
|
|||
|
|
.ti-linkedin:before {
|
|||
|
|
content: "\e735";
|
|||
|
|
}
|
|||
|
|
.ti-layout-sidebar-2:before {
|
|||
|
|
content: "\e736";
|
|||
|
|
}
|
|||
|
|
.ti-layout-grid4-alt:before {
|
|||
|
|
content: "\e737";
|
|||
|
|
}
|
|||
|
|
.ti-layout-grid3-alt:before {
|
|||
|
|
content: "\e738";
|
|||
|
|
}
|
|||
|
|
.ti-layout-grid2-alt:before {
|
|||
|
|
content: "\e739";
|
|||
|
|
}
|
|||
|
|
.ti-layout-column4-alt:before {
|
|||
|
|
content: "\e73a";
|
|||
|
|
}
|
|||
|
|
.ti-layout-column3-alt:before {
|
|||
|
|
content: "\e73b";
|
|||
|
|
}
|
|||
|
|
.ti-layout-column2-alt:before {
|
|||
|
|
content: "\e73c";
|
|||
|
|
}
|
|||
|
|
.ti-instagram:before {
|
|||
|
|
content: "\e73d";
|
|||
|
|
}
|
|||
|
|
.ti-google:before {
|
|||
|
|
content: "\e73e";
|
|||
|
|
}
|
|||
|
|
.ti-github:before {
|
|||
|
|
content: "\e73f";
|
|||
|
|
}
|
|||
|
|
.ti-flickr:before {
|
|||
|
|
content: "\e740";
|
|||
|
|
}
|
|||
|
|
.ti-facebook:before {
|
|||
|
|
content: "\e741";
|
|||
|
|
}
|
|||
|
|
.ti-dropbox:before {
|
|||
|
|
content: "\e742";
|
|||
|
|
}
|
|||
|
|
.ti-dribbble:before {
|
|||
|
|
content: "\e743";
|
|||
|
|
}
|
|||
|
|
.ti-apple:before {
|
|||
|
|
content: "\e744";
|
|||
|
|
}
|
|||
|
|
.ti-android:before {
|
|||
|
|
content: "\e745";
|
|||
|
|
}
|
|||
|
|
.ti-save:before {
|
|||
|
|
content: "\e746";
|
|||
|
|
}
|
|||
|
|
.ti-save-alt:before {
|
|||
|
|
content: "\e747";
|
|||
|
|
}
|
|||
|
|
.ti-yahoo:before {
|
|||
|
|
content: "\e748";
|
|||
|
|
}
|
|||
|
|
.ti-wordpress:before {
|
|||
|
|
content: "\e749";
|
|||
|
|
}
|
|||
|
|
.ti-vimeo-alt:before {
|
|||
|
|
content: "\e74a";
|
|||
|
|
}
|
|||
|
|
.ti-twitter-alt:before {
|
|||
|
|
content: "\e74b";
|
|||
|
|
}
|
|||
|
|
.ti-tumblr-alt:before {
|
|||
|
|
content: "\e74c";
|
|||
|
|
}
|
|||
|
|
.ti-trello:before {
|
|||
|
|
content: "\e74d";
|
|||
|
|
}
|
|||
|
|
.ti-stack-overflow:before {
|
|||
|
|
content: "\e74e";
|
|||
|
|
}
|
|||
|
|
.ti-soundcloud:before {
|
|||
|
|
content: "\e74f";
|
|||
|
|
}
|
|||
|
|
.ti-sharethis:before {
|
|||
|
|
content: "\e750";
|
|||
|
|
}
|
|||
|
|
.ti-sharethis-alt:before {
|
|||
|
|
content: "\e751";
|
|||
|
|
}
|
|||
|
|
.ti-reddit:before {
|
|||
|
|
content: "\e752";
|
|||
|
|
}
|
|||
|
|
.ti-pinterest-alt:before {
|
|||
|
|
content: "\e753";
|
|||
|
|
}
|
|||
|
|
.ti-microsoft-alt:before {
|
|||
|
|
content: "\e754";
|
|||
|
|
}
|
|||
|
|
.ti-linux:before {
|
|||
|
|
content: "\e755";
|
|||
|
|
}
|
|||
|
|
.ti-jsfiddle:before {
|
|||
|
|
content: "\e756";
|
|||
|
|
}
|
|||
|
|
.ti-joomla:before {
|
|||
|
|
content: "\e757";
|
|||
|
|
}
|
|||
|
|
.ti-html5:before {
|
|||
|
|
content: "\e758";
|
|||
|
|
}
|
|||
|
|
.ti-flickr-alt:before {
|
|||
|
|
content: "\e759";
|
|||
|
|
}
|
|||
|
|
.ti-email:before {
|
|||
|
|
content: "\e75a";
|
|||
|
|
}
|
|||
|
|
.ti-css3:before {
|
|||
|
|
content: "\e75d";
|
|||
|
|
}
|
|||
|
|
.ti-rss:before {
|
|||
|
|
content: "\e75e";
|
|||
|
|
}
|
|||
|
|
.ti-rss-alt:before {
|
|||
|
|
content: "\e75f";
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
/* Likely соц. сети */
|
|||
|
|
|
|||
|
|
.likely,.likely__widget{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;margin:0;padding:0;text-indent:0!important;list-style:none!important;font-weight:400;font-family:"Helvetica Neue",Arial,sans-serif;font-size:inherit}.likely{opacity:0;font-size:0!important}.likely_visible{opacity:1;transition:opacity .1s ease-in}.likely>*{display:inline-block;visibility:hidden}.likely_visible>*{visibility:inherit}.likely__widget{display:inline-block;position:relative;white-space:nowrap}.likely__button,.likely__counter{text-decoration:none;text-rendering:optimizeLegibility;display:inline-block;margin:0;outline:0}.likely__button{position:relative;cursor:pointer;user-select:none}.likely__counter{display:none;position:relative;font-weight:400}.likely_ready .likely__counter{display:inline-block}.likely_ready .likely__counter_empty{display:none}.likely__widget,.likely__icon,.likely__button,.likely__counter{vertical-align:top}.likely__widget{transition:background .33s ease-out,color .33s ease-out,fill .33s ease-out;line-height:inherit}.likely__widget:hover,.likely__widget:active,.likely__widget:focus{transition:none;cursor:pointer}.likely__icon{position:relative;text-align:left;display:inline-block}.likely svg{position:absolute}.likely__button,.likely__counter{line-height:inherit;cursor:inherit}.likely__button:empty{display:none}.likely__counter{text-align:center}.likely .likely__widget{color:#000;background:#ececec;background:rgba(231,231,231,.8)}.likely .likely__counter{background-size:1px 1px;background-repeat:repeat-y;background-image:linear-gradient(to right,rgba(0,0,0,.2)0,rgba(0,0,0,0).5px,rgba(0,0,0,0)100%)}.likely-light .likely__widget{color:#fff;fill:#fff;background:rgba(236,236,236,.16);text-shadow:rgba(0,0,0,.2)0 0 .33em}.likely-light .likely__counter{background-image:linear-gradient(to right,rgba(255,255,255,.4)0,rgba(255,255,255,0).5px,rgba(255,255,255,0)100%)}.likely__widget_facebook{fill:#425497}.likely__widget_facebook:hover,.likely__widget_facebook:active,.likely__widget_facebook:focus{background:rgba(207,212,229,.8)}.likely-light .likely__widget_facebook:hover,.likely-light .likely__widget_facebook:active,.likely-light .likely__widget_facebook:focus{text-shadow:#425497 0 0 .25em;background:rgba(66,84,151,.7)}.likely__widget_twitter{fill:#00b7ec}.likely__widget_twitter:hover,.likely__widget_twitter:active,.likely__widget_twitter:focus{background:rgba(191,237,250,.8)}.likely-light .likely__widget_twitter:hover,.likely-light .likely__widget_twitter:active,.likely-light .likely__widget_twitter:focus{text-shadow:#00b7ec 0 0 .25em;background:rgba(0,183,236,.7)}.likely__widget_gplus{fill:#dd4241}.likely__widget_gplus:hover,.likely__widget_gplus:active,.likely__widget_gplus:focus{background:rgba(246,207,207,.8)}.likely-light .likely__widget_gplus:hover,.likely-light .likely__widget_gplus:active,.likely-light .likely__widget_gplus:focus{text-shadow:#dd4241 0 0 .25em;background:rgba(221,66,65,.7)}.likely__widget_vkontakte{fill:#526e8f}.likely__widget_vkontakte:hover,.likely__widget_vkontakte:active,.likely__widget_vkontakte:focus{background:rgba(211,218,227,.8)}.likely-light .likely__widget_vkontakte:hover,.likely-light .likely__widget_vkontakte:active,.likely-light .likely__widget_vkontakte:focus{text-shadow:#526e8f 0 0 .25em;background:rgba(82,110,143,.7)}.likely__widget_pinterest{fill:#cc002b}.likely__widget_pinterest:hover,.likely__widget_pinterest:active,.likely__widget_pinterest:focus{background:rgba(242,191,202,.8)}.likely-light .likely__widget_pinterest:hover,.likely-light .likely__widget_pinterest:active,.likely-light .likely__widget_pinterest:focus{text-shadow:#cc002b 0 0 .25em;background:rgba(204,0,43,.7)}.likely__widget_odnoklassniki{fill:#f6903b}.likely__widget_odnoklassniki:hover,.likely__widget_odnoklassniki:active,.likely__widget_odnoklassniki:focus{background:rgba(252,227,206,.8)}.likely-light .likely__widget_odnoklassniki:hover,.likely-light .likely__widget_odnoklassniki:active,.likely-light .likely__widget_odnoklassniki:focus{text-shadow:#f6903b 0 0 .25em;background:rgba
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* PaymentFont Styles 1.1.2 by @vendocrat/@AMPoellmann
|
|||
|
|
* https://vendocr.at or @vendocrat
|
|||
|
|
* License Font: SIL OFL 1.1, CSS: MIT License
|
|||
|
|
*/
|
|||
|
|
@font-face{font-family:PaymentFont;src:url(../fonts/paymentfont-webfont.eot);src:url(../fonts/paymentfont-webfont.eot?#iefix) format('embedded-opentype'),url('../fonts/paymentfont-webfont.woff') format('woff2'),url(../fonts/paymentfont-webfont.woff) format('woff'),url(../fonts/paymentfont-webfont.ttf) format('truetype'),url(../fonts/paymentfont-webfont.svg#paymentfont-webfont) format('svg');font-weight:400;font-style:normal}.pf{display:inline-block;font:normal normal normal 14px/1 PaymentFont;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.pf-amazon:before{content:"\f000"}.pf-american-express:before{content:"\f001"}.pf-american-express-alt:before{content:"\f002"}.pf-atm:before{content:"\f003"}.pf-bankomat:before{content:"\f004"}.pf-bank-transfer:before{content:"\f005"}.pf-bitcoin:before{content:"\f006"}.pf-bitcoin-sign:before{content:"\f007"}.pf-braintree:before{content:"\f008"}.pf-btc:before{content:"\f009"}.pf-card:before{content:"\f00a"}.pf-carta-si:before{content:"\f00b"}.pf-cash:before{content:"\f00c"}.pf-cash-on-delivery:before{content:"\f00d"}.pf-cb:before{content:"\f00e"}.pf-cirrus:before{content:"\f00f"}.pf-cirrus-alt:before{content:"\f010"}.pf-clickandbuy:before{content:"\f011"}.pf-credit-card:before{content:"\f012"}.pf-diners:before{content:"\f013"}.pf-discover:before{content:"\f014"}.pf-ec:before{content:"\f015"}.pf-eps:before{content:"\f016"}.pf-eur:before{content:"\f017"}.pf-facture:before{content:"\f018"}.pf-fattura:before{content:"\f019"}.pf-flattr:before{content:"\f01a"}.pf-giropay:before{content:"\f01b"}.pf-gittip:before,.pf-gratipay:before{content:"\f01c"}.pf-google-wallet:before{content:"\f01d"}.pf-google-wallet-alt:before{content:"\f01e"}.pf-gbp:before{content:"\f01f"}.pf-ideal:before{content:"\f020"}.pf-ils:before{content:"\f021"}.pf-inr:before{content:"\f022"}.pf-invoice:before{content:"\f023"}.pf-invoice-sign:before{content:"\f024"}.pf-invoice-sign-alt:before{content:"\f025"}.pf-invoice-sign-alt-o:before{content:"\f026"}.pf-invoice-sign-o:before{content:"\f027"}.pf-jcb:before{content:"\f028"}.pf-jpy:before{content:"\f029"}.pf-krw:before{content:"\f02a"}.pf-maestro:before{content:"\f02b"}.pf-maestro-alt:before{content:"\f02c"}.pf-mastercard:before{content:"\f02d"}.pf-mastercard-alt:before{content:"\f02e"}.pf-mastercard-securecode:before{content:"\f02f"}.pf-ogone:before{content:"\f030"}.pf-paybox:before{content:"\f031"}.pf-paylife:before{content:"\f032"}.pf-paypal:before{content:"\f033"}.pf-paypal-alt:before{content:"\f034"}.pf-paysafecard:before{content:"\f035"}.pf-postepay:before{content:"\f036"}.pf-quick:before{content:"\f037"}.pf-rechnung:before{content:"\f038"}.pf-ripple:before{content:"\f039"}.pf-rub:before{content:"\f03a"}.pf-skrill:before{content:"\f03b"}.pf-sofort:before{content:"\f03c"}.pf-square:before{content:"\f03d"}.pf-stripe:before{content:"\f03e"}.pf-truste:before{content:"\f03f"}.pf-try:before{content:"\f040"}.pf-unionpay:before{content:"\f041"}.pf-usd:before{content:"\f042"}.pf-verified-by-visa:before{content:"\f043"}.pf-verisign:before{content:"\f044"}.pf-visa:before{content:"\f045"}.pf-visa-electron:before{content:"\f046"}.pf-western-union:before{content:"\f047"}.pf-western-union-alt:before{content:"\f048"}.pf-wirecard:before{content:"\f049"}.pf-sepa:before{content:"\f04a"}.pf-sepa-alt:before{content:"\f04b"}.pf-apple-pay:before{content:"\f04c"}.pf-interac:before{content:"\f04d"}.pf-paymill:before{content:"\f04e"}.pf-dankort:before{content:"\f04f"}.pf-bancontact-mister-cash:before{content:"\f050"}.pf-moip:before{content:"\f051"}.pf-pagseguro:before{content:"\f052"}.pf-cash-on-pickup:before{content:"\f053"}.pf-sage:before{content:"\f054"}.pf-elo:before{content:"\f055"}.pf-elo-alt:before{content:"\f056"}.pf-payu:before{content:"\f057"}.pf-mercado-pago:before{content:"\f058"}.pf-mercado-pago-sign:before{content:"\f059"}.pf-payshop:before{content:"\f05a"}.pf-multibanco:before{content:"\f05b"}.pf-gratipay-sign:before{content:"\f05c"}.pf-six:before{content:"\f05d"}.pf-cashcloud:before{content:"\f05e"}
|
|||
|
|
|
|||
|
|
.payment-icons {
|
|||
|
|
margin-top: 20px;
|
|||
|
|
color: #fff;
|
|||
|
|
text-shadow: 0 2px 1px rgba(0,0,0,.15);
|
|||
|
|
}
|
|||
|
|
.payment-icons span {
|
|||
|
|
font-size: 22px;
|
|||
|
|
margin: 0 7px 5px 0;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/*
|
|||
|
|
* Красота?
|
|||
|
|
*/
|
|||
|
|
|
|||
|
|
|