#forminpun {
display: none;
}
/* Фон */
.background {
position:absolute;
left:0;
top:0;
width: 100vw;
height: 90vh;
z-index: 10;
overflow: hidden;
display: none;
}
.wc-camera {
height: 380px;
}
.wc-camera {
height: 500px;
vertical-align: top;
width: 100%;
}
.background__img {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100vw !important;
-ms-interpolation-mode: nearest-neighbor;
image-rendering: optimizeSpeed;
}
.no-touchevents .background.m-pc {
display: block !important;
}
.no-touchevents .background.m-mobile {
display: none !important;
}
.touchevents .background.m-pc {
display: none !important;
}
.touchevents .background.m-mobile {
display: block !important;
}
.touchevents .background.m-mobile img {
display: none !important;
}
.touchevents .slider__item:nth-child(1) .background.m-mobile {
background: url(/assets/templates/img/i/1.jpg) center center / cover no-repeat;
}
.touchevents .slider__item:nth-child(2) .background.m-mobile {
background: url(/assets/templates/img/i/2.jpg) center center / cover no-repeat;
}
.touchevents .slider__item:nth-child(3) .background.m-mobile {
background: url(/assets/templates/img/i/3.jpg) center bottom / cover no-repeat;
}
/* Кнопки-баннеры */
.bannerbuttons {
position: absolute;
top: 0;
left: 21rem;
font-size: 0;
z-index: 20;
}
.bannerbuttons__item {
position: relative;
display: inline-block;
height: 3.5rem;
margin-left: 2px;
padding: 0.75rem 1.5rem 0.75rem 3.5rem;
color: #fff;
font-size: 1rem;
background: rgba(10,78,133,0.9);
-webkit-transition: backgroud 0.5s ease-out;
transition: backgroud 0.5s ease-out;
}
.bannerbuttons__item:hover {
color: #fff;
background: rgba(10,78,133,1);
}
.bannerbuttons__icon {
position: absolute;
top: 0.75rem;
left: 1rem;
font-size: 1.5rem;
}
.bannerbuttons__title {
font-size: 1rem;
font-weight: bold;
}
.bannerbuttons__caption {
color: rgba(255,255,255,0.8);
font-size: 0.85rem;
}
/* Кнопки-баннеры → Адаптив */
@media only screen and (min-width : 480px) and (max-width : 768px) {
.bannerbuttons {
width: 100%;
left: 0;
margin-left: -2px;
}
.bannerbuttons__item:nth-child(1) {
width: calc(38.33% - 2px);
}
.bannerbuttons__item:nth-child(2) {
width: calc(28.33% - 2px);
}
}
@media only screen and (min-width : 480px) and (max-width : 640px) {
.bannerbuttons {
width: 100%;
left: 0;
}
}
@media only screen and (max-width : 479px) {
.bannerbuttons {
width: 100%;
left: 0;
margin-left: -2px;
}
.bannerbuttons__item:nth-child(1) {
width: calc(58% - 2px);
margin-bottom: 2px;
padding-right: 1rem;
white-space: nowrap;
}
.bannerbuttons__item:nth-child(2) {
width: 42%;
margin-right: -2px;
margin-bottom: 2px;
padding-right: 1rem;
white-space: nowrap;
}
}
/* Баннеры */
.banners {
clear: both;
}
.banners.text {
margin-bottom: 2rem;
}
.banners:after {
content: "";
display: block;
width: 100%;
clear: both;
}
.banners__item {
display: inline-block;
width: 13rem;
height: 22rem;
margin-right: 3px;
padding: 2rem 1.5rem;
color: #fff;
vertical-align: top;
text-align: left;
}
.banners__item:hover {
color: #fff;
}
.banners__item.m-red {
background: rgba(213,17,48,0.85);
}
.banners__item.m-red:hover {
background: rgba(213,17,48,1);
}
.banners__item.m-yellow {
background: rgba(245,161,26,0.85);
}
.banners__item.m-yellow:hover {
background: rgba(245,161,26,1);
}
.banners__date {
display: block;
padding-bottom: 0.5rem;
color: rgba(255,255,255,0.5);
font-size: 1rem;
}
#text_slide1, #text_slide2{
position: absolute;
opacity:0;
width: 17rem;
color: #FFFFFF;
}
.banners__title {
margin: 0 0 0.5em 0;
font-size: 1.4rem;
font-weight: bold;
text-transform: uppercase;
line-height: 1.2em;
}
.banners__caption {
margin: 0 0 0.5em 0;
font-size: 1rem;
line-height: 1.2em;
}
.banners__more {
font-size: 0.85rem;
font-weight: bold;
text-transform: uppercase;
}
.banners__item.m-red .banners__more {
color: rgba(245,161,26,1);
}
.banners__item.m-yellow .banners__more {
color: rgba(213,17,48,1);
}
.banners__more > *:before {
font-size: 0.8em;
}
/* Баннеры → На главной */
.banners.m-index {
position: absolute;
top: 30%;
right: 3rem;
z-index: 200;
}
/* Баннеры → На внутряке */
.banners.m-inner {
position: absolute;
top: 3rem;
right: auto;
z-index: 2;
left: 100%;
margin-left: 3rem;
}
/* Баннеры → В акциях */
.offers.banners {
position: relative;
}
.offers.banners .banners__item {
margin-right: 0;
}
.offers.banners .banners__more,
.offers.banners .banners__item:nth-child(6) .banners__more {
color: #d51130;
}
.offers.banners .banners__item .banners__more:hover {
color: #222;
}
.offers.banners .banners__title {
font-size: 1.6rem;
}
.banners__item.m-red .banners__more {
color: rgba(245,161,26,1);
}
.banners__item.m-yellow .banners__more {
color: #d51130;
}
/* Баннеры → Адаптив */
@media only screen and (max-width : 1152px) {
.banners.m-inner {
position: relative;
top: 0;
right: 0;
left: 0;
margin: 9rem 0 0 0;
text-align: center;
}
.banners.m-inner .banners__cover {
position: absolute;
top: 1rem;
left: 2rem;
}
.banners.m-inner .banners__item {
position: relative;
width: auto;
max-width: 27rem;
height: auto;
padding-left: 10rem;
}
.banners.m-index {
position: relative;
top: auto;
right: auto;
left: auto;
width: 100%;
margin: 0;
text-align: center;
}
.banners.m-index .banners__cover {
position: absolute;
top: 1rem;
left: 0;
max-height: 8rem;
margin: 0 !important;
}
.banners.m-index .banners__item {
position: relative;
width: 100% !important;
max-width: 100% !important;
height: 180px;
margin-right: 0;
padding-left: 8rem;
}
#text_slide1, #text_slide2 {
opacity: 0;
position: absolute;
width: auto;
}
}
/* Баннеры → Адаптив */
@media only screen and (min-width : 480px) and (max-width : 768px) {
.banners.text.text__center .banners__item {
margin-bottom: 0.5rem;
}
}
@media only screen and (max-width : 479px) {
.banners.text.text__center {
font-size: 0;
padding: 0 1px;
}
.banners.text.text__center .banners__item {
width: calc(50% - 2px);
margin-bottom: 0.5rem;
margin-left: 1px;
margin-right: 1px;
}
.offers.banners.status.m-bg-yellow .banners__title {
font-size: 1rem;
}
.offers.banners .banners__title {
font-size: 1rem;
}
}
.round_btn {
background: rgba(0, 0, 0, 0) url("../img/sprite.png") repeat scroll;
bottom: 10%;
cursor: pointer;
display: block;
height: 136px;
right: 6%;
margin: 0 0 -50px -68px;
position: absolute;
width: 136px;
z-index: 10;
position: fixed !important;
z-index: 1000;
}
/* Баннеры */
.banners {
clear: both;
}
.banners.text {
margin-bottom: 2rem;
}
.banners:after {
content: "";
display: block;
width: 100%;
clear: both;
}
.banners__item {
display: inline-block;
width: 13rem;
height: 22rem;
margin-right: 3px;
padding: 2rem 1.5rem;
color: #fff;
vertical-align: top;
text-align: left;
}
.banners__item:hover {
color: #fff;
}
.banners__item.m-red {
background: rgba(213,17,48,0.85);
}
.banners__item.m-red:hover {
background: rgba(213,17,48,1);
}
.banners__item.m-yellow {
background: rgba(245,161,26,0.85);
}
.banners__item.m-yellow:hover {
background: rgba(245,161,26,1);
}
.banners__date {
display: block;
padding-bottom: 0.5rem;
color: rgba(255,255,255,0.5);
font-size: 1rem;
}
#text_slide1, #text_slide2{
position: absolute;
opacity:0;
width: 17rem;
color: #FFFFFF;
}
.banners__title {
margin: 0 0 0.5em 0;
font-size: 1.4rem;
font-weight: bold;
text-transform: uppercase;
line-height: 1.2em;
}
.banners__caption {
margin: 0 0 0.5em 0;
font-size: 1rem;
line-height: 1.2em;
}
.banners__more {
font-size: 0.85rem;
font-weight: bold;
text-transform: uppercase;
}
.banners__item.m-red .banners__more {
color: rgba(245,161,26,1);
}
.banners__item.m-yellow .banners__more {
color: rgba(213,17,48,1);
}
.banners__more > *:before {
font-size: 0.8em;
}
/* Баннеры → На главной */
.banners.m-index {
position: absolute;
top: 30%;
right: 3rem;
z-index: 200;
}
/* Баннеры → На внутряке */
.banners.m-inner {
position: absolute;
top: 3rem;
right: auto;
z-index: 2;
left: 100%;
margin-left: 3rem;
}
/* Баннеры → В акциях */
.offers.banners {
position: relative;
}
.offers.banners .banners__item {
margin-right: 0;
}
.offers.banners .banners__more,
.offers.banners .banners__item:nth-child(6) .banners__more {
color: #d51130;
}
.offers.banners .banners__item .banners__more:hover {
color: #222;
}
.offers.banners .banners__title {
font-size: 1.6rem;
}
.banners__item.m-red .banners__more {
color: rgba(245,161,26,1);
}
.banners__item.m-yellow .banners__more {
color: #d51130;
}
/* Баннеры → Адаптив */
@media only screen and (max-width : 1152px) {
.banners.m-inner {
position: relative;
top: 0;
right: 0;
left: 0;
margin: 9rem 0 0 0;
text-align: center;
}
.banners.m-inner .banners__cover {
position: absolute;
top: 1rem;
left: 2rem;
}
.banners.m-inner .banners__item {
position: relative;
width: auto;
max-width: 27rem;
height: auto;
padding-left: 10rem;
}
.banners.m-index {
position: relative;
top: auto;
right: auto;
left: auto;
width: 100%;
margin: 0;
text-align: center;
}
.banners.m-index .banners__cover {
position: absolute;
top: 1rem;
left: 0;
max-height: 8rem;
margin: 0 !important;
}
.banners.m-index .banners__item {
position: relative;
width: 100% !important;
max-width: 100% !important;
height: 180px;
margin-right: 0;
padding-left: 8rem;
}
#text_slide1, #text_slide2 {
opacity: 0;
position: absolute;
width: auto;
}
}
/* Баннеры → Адаптив */
@media only screen and (min-width : 480px) and (max-width : 768px) {
.banners.text.text__center .banners__item {
margin-bottom: 0.5rem;
}
}
@media only screen and (max-width : 479px) {
.banners.text.text__center {
font-size: 0;
padding: 0 1px;
}
.banners.text.text__center .banners__item {
width: calc(50% - 2px);
margin-bottom: 0.5rem;
margin-left: 1px;
margin-right: 1px;
}
.offers.banners.status.m-bg-yellow .banners__title {
font-size: 1rem;
}
.offers.banners .banners__title {
font-size: 1rem;
}
}
.round_btn {
background: rgba(0, 0, 0, 0) url("../img/sprite.png") repeat scroll;
bottom: 10%;
cursor: pointer;
display: block;
height: 136px;
right: 6%;
margin: 0 0 -50px -68px;
position: absolute;
width: 136px;
z-index: 10;
position: fixed !important;
z-index: 1000;
}
/* Фон */
.bg {
position: fixed;
background: url(/assets/templates/img/i/1.jpg) no-repeat center center fixed;
height: 1474px;
margin: 0 auto;
width: 100%;
top: 0;
left: 0;
right: 0;
background-size: cover;
z-index: 5;
}
.bg.m-absolute {
position: absolute;
height: 100%;
}
.bg__pins {
position: absolute;
width: 100%;
height: 100%;
z-index: 2;
}
.bg__pin {
position: absolute;
top: 50vh;
left: 50%;
width: 3rem;
height: 3rem;
color: #fff;
font-size: 2rem;
text-align: center;
line-height: 3rem;
}
.bg__pin:after {
content: "";
position: absolute;
top: 100%;
left: 0;
border-top: none;
border-right: none;
border-bottom: 1rem solid rgba(255,255,255,0);
border-left-width: 1rem;
border-left-style: solid;
}
.bg__pin.m-red {
background: #d51130;
}
.bg__pin.m-red:after {
border-left-color: #d51130;
}
.bg__pin.m-yellow {
background: #f5a11a;
}
.bg__pin.m-yellow:after {
border-left-color: #f5a11a;
}
.bg__pin.m-blue {
background: #0a4e85;
}
.bg__pin.m-blue:after {
border-left-color: #0a4e85;
}
.bg__pin.m-green {
background: #093;
}
.bg__pin.m-green:after {
border-left-color: #093;
}
/* Блок */
.block {
position: relative;
padding: 3rem;
color: #fff;
background-size: cover;
background-position: center center;
}
.block__header {
position: relative;
margin-bottom: 3rem;
font-size: 4rem;
font-weight: bold;
line-height: 1.2em;
}
.block__header:before {
content: "";
position: absolute;
top: 100%;
left: 0;
width: 10rem;
height: 5px;
margin: 1rem 0 0 0;
}
.block__header img {
height: 3.5rem;
}
.block__subheader {
position: relative;
margin-bottom: 8rem;
font-size: 1.5rem;
font-weight: bold;
font-style: italic;
line-height: 1.2em;
}
.block__icon {
padding-bottom: 0.2em;
font-size: 3rem;
line-height: 1em;
}
.block__title {
margin: 0 0 0.25em 0;
font-size: 1.6rem;
font-weight: bold;
text-transform: uppercase;
line-height: 1.2em;
}
.block__title h3 {
margin: 0 0 0.25em 0;
font-size: 1.6rem;
font-weight: bold;
text-transform: uppercase;
line-height: 1.2em;
}
.block__caption {
padding-right: 2em;
line-height: 1.4em;
}
.block__shield .block__caption {
padding-bottom: 0;
}
.block__price {
margin: -0.5rem 0 0.75rem 0;
font-size: 3rem;
font-weight: bold;
line-height: 1.2em;
}
.block__price small {
font-size: 1.5rem;
font-weight: bold;
}
.block__shield {
display: inline-block;
padding: 2rem !important;
}
/* Блок → Природа */
.block.m-nature {
background-image: url(/assets/templates/img/i/13.jpg);
}
.block.m-nature .block__header:before {
background: #2b9c12;
}
.block.m-nature .block__shield:hover {
background: rgba(43,156,18,0.85);
}
.block.m-nature .block__subheader {
color: #222;
}
.pr_inline3 {
width: 20%;
}
.pr_inline, .pr_inline2, .pr_inline3, .pr_inline4 {
text-align: left;
width: 23%;
display: inline-block;
vertical-align: top;
margin-top: 40px;
margin-right: 1.5%;
}
/* Блок → Квартиры */
.block.m-apartments {
background-image: url(/assets/templates/img/i/12.jpg);
}
.block.m-apartments .block__header:before {
background: #ed9e1e;
}
.block.m-apartments .block__title {
color: #f29f19;
}
/* Блок → Вопросы и ответы */
.block.m-faqs {
padding: 8rem 0 12rem 0;
color: #222;
}
.block.m-faqs > .content {
width: 65%;
margin: 0 auto;
}
.block.m-faqs {
background-image: url(/assets/templates/img/i/1.jpg);
}
.number, .number2, .number3, .number_grey, .number_ok { float:left; margin:0px 15px 90px 0px; background:url('../img/number.png') no-repeat top center; line-height:48px; width:48px; height:48px; font-size: 36px; color: rgb(255, 255, 255); text-align: center; font-family:Times New Roman, Arial, sans-serif; }
/* Блок → Адаптив */
@media only screen and (min-width : 480px) and (max-width : 768px) {
.block .block__title,
.block .block__caption,
.block__icon,
.block__price {
text-shadow: 1px 1px 5px rgba(0,0,25,0.5),1px 1px 10px rgba(0,0,25,0.5);
}
.block.m-apartments + .block.m-faqs {
padding-top: 0;
}
}
@media only screen and (max-width : 479px) {
.block .block__title,
.block .block__caption,
.block__icon,
.block__price {
text-shadow: 1px 1px 5px rgba(0,0,25,0.5),1px 1px 10px rgba(0,0,25,0.5);
}
.block.m-nature .block__title br {
display: none;
}
.block.m-nature .block__caption br {
display: none;
}
.block.m-apartments .block__price {
display: inline-block;
vertical-align: middle;
margin-right: 1rem;
}
.block__shield {
display: inline-block;
padding: 1rem 0 !important;
}
.block.m-apartments + .block.m-faqs {
padding-top: 0;
}
.block__header img {
height: 3rem;
}
h2 {
line-height: 18px;
}
.pr_inline, .pr_inline2, .pr_inline3, .pr_inline4 {
width: 100%;
}
.number, .number2, .number3, .number_grey, .number_ok { float:left; margin:0px 15px 20px 0px; background:url('../img/number.png') no-repeat top center; line-height:48px; width:48px; height:48px; font-size: 36px; color: rgb(255, 255, 255); text-align: center; font-family:Times New Roman, Arial, sans-serif; }
}
}
.left {
text-align: left;
}
.main_w {
padding: 10px 10px;
max-width: 1170px;
}
.clasp {
font-size: 16.5px;
line-height: 18px;
}
.center {
text-align: center;
}
.pr_text {
color: rgb(181, 208, 222);
padding-top: 10px;
font-size: 16px;
line-height: 17px;
}
.pr_tit {
font-size: 24px;
color: rgb(255, 255, 255);
font-family: Times New Roman, Arial, sans-serif;
}
.nadegno { font-size: 36px; color: rgb(255, 255, 255); background:url('../img/nadegno.png') no-repeat top left; line-height:42px; padding-top:20px; font-family:Times New Roman, Arial, sans-serif; }
.vigoda { background:url('../img/vigoda.jpg') repeat bottom center; height:auto; position:relative; z-index:1; }
/* Кнопка */
.button {
position: relative;
display: inline-block;
padding: 0 1em;
color: #fff;
font-size: 1rem;
font-weight: bold;
text-decoration: none;
white-space: nowrap;
vertical-align: middle;
border: none;
outline: none;
cursor: pointer;
background: #0a4e85;
-webkit-transition: color 0.5s ease-out, background 0.5s ease-out;
transition: color 0.5s ease-out, background 0.5s ease-out;
}
.button::-moz-focus-inner {
padding:0;
border:0;
}
.button span:before {
top: 0;
font-size: 0.5em;
}
/* Кнопка → Состояния */
.button:hover {
color: #fff;
background: #00769D;
-webkit-transition: none;
transition: none;
}
.button:active {
top: 1px;
}
/* Кнопка → Размеры */
.button.m-xs {
height: 1.2rem;
font-size: 0.85rem;
line-height: 1.2rem;
}
.button.m-s {
height: 1.6rem;
font-size: 0.9rem;
font-weight: normal;
line-height: 1.6rem;
}
.button {
height: 2.5rem;
font-size: 1rem;
line-height: 2.5rem;
}
.button.m-l {
height: 3rem;
font-size: 1.1rem;
line-height: 3rem;
}
.button.m-xl {
height: 4rem;
font-size: 1.2rem;
line-height: 4rem;
}
/* Кнопка → Красная */
.button.m-red {
color: #fff;
border: none;
background: #d51130;
}
.button.m-red:hover {
color: #fff;
background: #a40d23;
}
/* Кнопка → Желтая */
.button.m-yellow {
color: #fff;
background: #f5a11a;
}
.button.m-yellow:hover {
color: #fff;
background: #e28a05;
}
/* Пкупка */
.buy {
position: relative;
margin: 0 0 1rem 0;
padding: 2rem 2.5rem;
font-size: 1rem;
border: 1px solid #e8e8e8;
border-radius: 0.5rem;
background: #fff;
background-origin: content-box;
}
.buy__payments {
position: absolute;
top: 1rem;
right: 1rem;
}
.buy__prices {
display: block;
padding: 1rem 0 1rem 0;
white-space: nowrap;
}
.buy__oldprice {
position: relative;
display: inline-block;
margin: -1rem 0 -0.5rem 0;
color: #555;
font-size: 1.2rem;
line-height: 2em;
word-spacing: -0.1em;
}
.buy__oldprice:before {
content: "";
position: absolute;
top: 50%;
right: -0.3rem;
left: -0.3rem;
display: block;
height: 1px;
background: #fc5218;
-webkit-transform: rotate(-18deg);
-ms-transform: rotate(-18deg);
transform: rotate(-18deg);
}
.buy__price {
position: relative;
display: block;
font-size: 3rem;
font-weight: 700;
line-height: 1em;
word-spacing: -0.1em;
vertical-align: baseline;
}
.buy__oldprice + .buy__price {
color: #fc5218;
}
.buy__action {
position: relative;
display: inline-block;
}
.buy__button {
}
.buy__form {
}
/* Корзина */
.cart {
position: relative;
width: 40em;
margin: 0 auto 6rem auto;
z-index: 1;
}
.cart__section {
position: relative;
margin: -0.5rem 0 0 0;
padding: 2.5rem 0 2.5rem 0;
border: 1px solid #D2D2D2;
border-bottom: none;
}
.cart__section:first-of-type {
border-radius: 0.5rem 0.5rem 0 0;
}
.cart__section:last-of-type {
border-radius: 0 0 0.5rem 0.5rem;
border: 1px solid #D2D2D2;
}
.cart__section.m-successful {
border-radius: 0.5rem;
border: 1px solid #D2D2D2;
}
.cart__section.m-successful + .cart__section {
border-radius: 0.5rem 0.5rem 0 0;
}
.cart__legend {
position: relative;
display: block;
margin: 0 0 0 2.5rem;
padding: 0 0.5rem;
font-weight: bold;
font-size: 1.2rem;
line-height: 1em;
}
.cart__section.m-successful .cart__legend {
color: #4B9700;
}
.cart__list {
border-collapse: collapse;
border-spacing: 0;
}
.cart__section.m-successful .cart__list {
margin-right: 3rem;
}
.cart__cell {
text-align: right;
padding: 0.5em 0;
}
.cart__body .cart__row:last-of-type .cart__cell {
padding-bottom: 1rem;
}
.cart__head .cart__cell {
padding-top: 0;
font-size: 0.9rem;
font-weight: normal;
text-align: right;
}
.cart__cell.m-delete {
padding-left: 1.5rem;
padding-right: 1rem;
}
.cart__cell.m-cover {
padding-left: 3rem;
text-align: center;
}
.cart__cell.m-header {
padding-left: 1.5rem;
padding-right: 1.5rem;
font-size: 1.2rem;
font-weight: normal;
line-height: 1.3em;
text-align: left;
}
.cart__cell.m-amount {
padding-right: 2em;
text-align: left;
white-space: nowrap;
}
.cart__cell em {
display: inline-block;
padding-left: 0.5em;
font-style: normal;
font-size: 0.9rem;
}
.cart__cell.m-price {
font-size: 1.2rem;
text-align: right;
white-space: nowrap;
}
.cart__delete {
position: relative;
display: block;
visibility: hidden;
width: 1em;
height: 1em;
color: #D2D2D2;
font-size: 2rem;
font-weight: normal;
line-height: 1em;
text-align: center;
}
.cart tr:hover .cart__delete,
.cart tr .cart__delete:hover {
visibility: visible;
}
.cart__delete:after {
content: "×";
position: absolute;
top: 0;
left: 0;
width: 1em;
height: 100%;
border: 1px solid #D2D2D2;
border-radius: 50%;
-webkit-transition: border 0.5s ease-out;
transition: border 0.5s ease-out;
}
.cart__delete:hover:after {
border: 1px solid #FC5218;
-webkit-transition: none;
transition: none;
}
.cart__footer {
font-weight: 700;
}
.cart__footer .cart__cell.m-amount,
.cart__footer .cart__cell.m-price {
padding-top: 1rem;
border-top: 1px solid #d6d6d6;
}
.cart__pay {
margin: 0 0 0 3rem;
float: left;
font-weight: 700;
}
.cart__yandex {
padding: 3rem 0 0 0;
text-align: center;
}
/* Корзина */
.cartpanel {
position: relative;
display: inline-block;
text-align: right;
vertical-align: top;
white-space: nowrap;
}
.cartpanel__layout {
display: inline-block;
color: #222;
line-height: 3rem;
}
.cartpanel__layout.m-disabled {
color: #999;
}
.cartpanel__link {
color: #222;
}
.cartpanel__icon {
margin-right: 0.2rem;
font-size: 1.4rem;
}
.cartpanel__amount {
display: inline-block;
width: 1.2rem;
height: 1.2rem;
color: #fff;
font-size: 0.9rem;
font-weight: 600;
line-height: 1.3rem;
text-align: center;
vertical-align: middle;
border-radius: 50%;
background: #ec2f2f;
white-space: normal;
}
/* Характеристики */
.characteristics {
position: relative;
border-collapse: collapse;
border-spacing: 0;
line-height: 1.3em;
}
.characteristics th,
.characteristics td {
padding: 0.5em 0;
text-align: left;
font-weight: normal;
vertical-align: bottom;
overflow: hidden;
}
.characteristics th:first-of-type {
padding-right: 1.5em;
}
.characteristics td:last-of-type {
padding-left: 0.5em;
}
.characteristics b {
position: relative;
padding-right: 0.5em;
font-weight: 600;
}
.characteristics b:after {
content: '';
position: absolute;
bottom: 0.3em;
left: 100%;
width: 900px;
height: 1px;
border-bottom: 1px dotted #bbb;
}
.characteristics caption {
padding: 0 0 0.5em 0;
font-size: 1.1rem;
line-height: 1.3em;
font-weight: 800;
text-align: left;
}
@charset "utf-8";
/*
.имя-блока {...}
.имя-блока.m-модификатор {...}
.имя-блока__элемент-блока {...}
.имя-блока__элемент-блока.m-модификатор {...}
*/
/* Основные стили */
*,
*:before,
*:after {
margin: 0;
padding: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
html {
font: 14px/1em Arial, sans-serif;
}
@media only screen and (max-width:2000px) {html {font-size: 15px;}}
@media only screen and (max-width:1440px) {html {font-size: 15px;}}
@media only screen and (max-width:1280px) {html {font-size: 14px;}}
@media only screen and (max-width:1152px) {html {font-size: 13px;}}
@media only screen and (max-width:1024px) {html {font-size: 12px;}}
@font-face {
font-family: 'Candara Web';
src: url('/assets/templates/fonts/candara.eot');
src:
local('candara'),
url('/assets/templates/fonts/candara.woff') format('woff'),
url('/assets/templates/fonts/candara.ttf') format('truetype');
}
body {
color: #222;
font-family: 'Candara', 'Candara Web';
background: #5ea3c7;
background-size: cover;
}
img {
border: 0;
}
a {
color: #0a4678;
text-decoration: none;
-webkit-transition: color 0.5s ease-out, opacity 0.5s ease-out;
transition: color 0.5s ease-out, opacity 0.5s ease-out;
}
a:hover {
color: #f29f19;
-webkit-transition: none;
transition: none;
}
a:active {
}
/* Глобальные стили */
.g-hidden {
display: none;
visibility: hidden;
}
.g-nowrap {white-space: nowrap;}
.g-disabled,
.g-disabled:hover,
*[disabled] {
color: inherit!important;
opacity: 0.33;
cursor: default;
}
.g-dotted {
position: relative;
display: inline-block;
padding: 0;
line-height: 1.2em;
border-bottom-width: 1px;
border-bottom-style: dotted;
cursor: pointer;
}
.g-inline {
position: relative;
display: inline-block;
vertical-align: middle;
}
.g-fl {float: left;}
.g-fr {float: right;}
.g-left {text-align: left;}
.g-right {text-align: right;}
.g-center {text-align: center;}
/* (?) */
.g-help {
position: relative;
display: inline-block;
width: 1.2rem;
height: 1.2rem;
margin: -0.2rem -1.8rem 0 0.3rem;
color: #f4f4f4;
font-size: 0.9rem;
font-weight: 600;
line-height: 1.2rem;
text-align: center;
vertical-align: middle;
border-radius: 50%;
background: #0085B2;
cursor: help;
white-space: normal;
}
/* Иконки */
@font-face {
font-family: "icons";
src:url("/assets/templates/fonts/sochikvart.eot");
src:url("/assets/templates/fonts/sochikvart.eot?#iefix") format("embedded-opentype"),
url("/assets/templates/fonts/sochikvart.woff") format("woff"),
url("/assets/templates/fonts/sochikvart.ttf") format("truetype"),
url("/assets/templates/fonts/sochikvart.svg#icons") format("svg");
font-weight: normal;
font-style: normal;
}
[data-icon]:before {
position: relative;
top: 0.1em;
display: inline-block;
width: 1em;
font-family: "icons" !important;
content: attr(data-icon);
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
text-decoration: none !important;
speak: none;
font-size: 1em;
line-height: 1em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
vertical-align: baseline;
}
[class^="i-"]:before,
[class*=" i-"]:before {
position: relative;
top: 0.15em;
display: inline-block;
width: 1em;
font-family: "icons" !important;
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
speak: none;
font-size: 1em;
line-height: 1em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
vertical-align: baseline;
}
.i-lock:before {content: "\61";}
.i-darr-outline:before {content: "\62";}
.i-crane:before {content: "\63";}
.i-phone:before {content: "\64";}
.i-instagram:before {content: "\65";}
.i-facebook:before {content: "\66";}
.i-vkontakte:before {content: "\67";}
.i-larr:before {content: "\68";}
.i-rarr:before {content: "\69";}
.i-flower:before {content: "\6a";}
.i-sea:before {content: "\6b";}
.i-beach:before {content: "\6c";}
.i-music:before {content: "\6d";}
.i-rss:before {content: "\6e";}
.i-camera:before {content: "\6f";}
.i-star:before {content: "\70";}
.i-star-outline:before {content: "\71";}
.i-linkedin:before {content: "\72";}
.i-tree:before {content: "\73";}
.i-fir:before {content: "\74";}
.i-parking:before {content: "\75";}
.i-transfer:before {content: "\76";}
.i-bag:before {content: "\77";}
.i-tennis:before {content: "\78";}
.i-carriage:before {content: "\79";}
.i-pool:before {content: "\7a";}
.i-suitcase:before {content: "\41";}
.i-fishing:before {content: "\42";}
.i-interior:before {content: "\43";}
.i-cart:before {content: "\44";}
.i-sauna:before {content: "\45";}
.i-serving:before {content: "\46";}
.i-fork:before {content: "\47";}
.i-food:before {content: "\48";}
.i-receipt:before {content: "\49";}
.i-delivery:before {content: "\4a";}
.i-microphone:before {content: "\4b";}
.i-bus:before {content: "\4c";}
.i-cocktail:before {content: "\4d";}
.i-academic:before {content: "\4e";}
.i-gymnastics:before {content: "\4f";}
.i-horse:before {content: "\50";}
.i-horse2:before {content: "\51";}
.i-pharmacy:before {content: "\52";}
.i-camera-2:before {content: "\53";}
.i-tourist:before {content: "\54";}
.i-lockhouse:before {content: "\55";}
.i-school:before {content: "\56";}
.i-child:before {content: "\57";}
.i-football:before {content: "\58";}
.i-smiley:before {content: "\5a";}
.i-mountains:before {content: "\59";}
.i-map:before {content: "\30";}
.i-map2:before {content: "\31";}
.i-instagram:before {color: #3f729b;}
.i-facebook:before {color: #3b5998;}
.i-vkontakte:before {color: #45668e;}
.i-linkedin:before {color: #0077b5;}
.i-instagram:hover:before,
.i-facebook:hover:before,
.i-vkontakte:hover:before,
.i-linkedin:hover:before {color: #f29f19;}
/* Ширина */
[data-width="auto"] {width: auto !important;}
[data-width="10"] {width: 10% !important;}
[data-width="15"] {width: 15% !important;}
[data-width="20"] {width: 20% !important;}
[data-width="25"] {width: 25% !important;}
[data-width="30"] {width: 30% !important;}
[data-width="40"] {width: 40% !important;}
[data-width="50"] {width: 50% !important;}
[data-width="60"] {width: 60% !important;}
[data-width="75"] {width: 75% !important;}
[data-width="80"] {width: 80% !important;}
[data-width="100"] {width: 100% !important;}
[data-symbols] {display: inline-block;}
[data-symbols="5"] {width: 5rem !important;}
[data-symbols="6"] {width: 6rem !important;}
[data-symbols="7"] {width: 7rem !important;}
[data-symbols="8"] {width: 8rem !important;}
[data-symbols="9"] {width: 9rem !important;}
[data-symbols="10"] {width: 10rem !important;}
[data-symbols="11"] {width: 11rem !important;}
[data-symbols="12"] {width: 12rem !important;}
[data-symbols="15"] {width: 15rem !important;}
[data-symbols="16"] {width: 16rem !important;}
[data-symbols="17"] {width: 17rem !important;}
[data-symbols="18"] {width: 18rem !important;}
[data-symbols="20"] {width: 20rem !important;}
[data-symbols="30"] {width: 30rem !important;}
[data-symbols="50"] {width: 50rem !important;}
[data-symbols="60"] {width: 60rem !important;}
[data-symbols="70"] {width: 70rem !important;}
/* Контент */
.content {
position: relative;
min-height: 25rem;
background: rgba(235,232,217,0.9);
}
.wrap.m-opaque .content {
background: rgba(235,232,217,1);
}
.wrap.m-black .content {
color: #fff;
background: rgba(38,38,38,0.9);
}
.wrap.m-orange .content {
background: rgba(245,161,26,1);
}
.content__decor {
position: absolute;
top: 100%;
left: 0;
right: 0;
width: 100%;
height: 6rem;
}
/* Контент → Адаптив */
@media only screen and (max-width : 768px) {
.content {
padding-top: 3rem;
}
.block.m-faqs > .content {
width: 100% !important;
}
}
/* Особенности */
.depiction {
position: relative;
margin: 0 0 3rem 0;
border: 1px solid #eaeaea;
border-radius: 0.5rem;
overflow: hidden;
}
.depiction__item {
position: relative;
height: 10rem;
border-right: 1px solid #eaeaea;
background: #fff;
}
.depiction__item:last-of-type {
border-right: none;
}
.depiction__cover {
position: absolute;
}
.depiction__cover.m-top {
top: 0;
left: 0;
width: 100%;
}
.depiction__cover.m-right {
bottom: 0;
right: 0;
height: 100%;
}
.depiction__cover.m-left {
top: 0;
left: 0;
height: 100%;
}
.depiction__cover.m-bottom {
bottom: 0;
left: 0;
width: 100%;
}
.depiction__content {
position: absolute;
width: 70%;
padding: 2rem;
}
.depiction__content.m-right {
top: 0;
right: 0;
}
.depiction__content.m-left {
top: 0;
left: 0;
}
.depiction__title {
padding-bottom: 0.3em;
font-size: 1.1rem;
font-weight: bold;
line-height: 1.2em;
}
.depiction__caption {
font-size: 0.9rem;
line-height: 1.3em;
}
/* Выпадашка */
.dropdown {
position: relative;
display: inline-block;
}
/* Выпадашка → Список */
.dropdown__list {
position: absolute;
top: 100%;
left: 0;
display: none;
}
.dropdown__list[style*="display: block;"] {
z-index: 10;
}
.dropdown:first-of-type .dropdown__list {
left: 0;
right: auto;
}
.dropdown .dropdown:last-of-type .dropdown__list {
left: auto;
right: 0;
}
.dropdown:only-of-type .dropdown__list {
left: 0;
right: auto;
}
.no-touchevents .dropdown:hover > .dropdown__list {
display: block;
z-index: 2;
}
/* Выпадашка → Подподразделы */
.no-touchevents .dropdown__list .dropdown__list {
display: none;
}
.no-touchevents .dropdown__list .dropdown__toggle:hover + .dropdown__list,
.no-touchevents .dropdown__list .dropdown__list:hover {
display: block;
}
.touchevents .dropdown__list .dropdown__list {
position: relative;
top: auto;
left: auto;
}
/* Равномерное выравнивание */
.elastic {
text-align: justify;
/* Обнуляем для родителя*/
line-height: 0;
font-size: 1px; /* 1px для Opera */
/* Включаем в работу последнюю строку*/
text-align-last: justify;
}
.elastic:after {
content: "";
display: inline-block;
width: 100%;
height: 0px;
visibility: hidden;
overflow: hidden;
}
.elastic__item {
display: inline-block;
text-align: left;
/* Востанавливаем у потомков, кроме последнего*/
line-height: normal;
font-size: 14px;
/* Без него в Opera будет отступ под элементами */
vertical-align: top;
}
.elastic.m-middle .elastic__item {
vertical-align: middle;
}
.submit .elastic__item,
.settings__submit .elastic__item {
vertical-align: middle;
}
/* Вопросы и ответы */
.faqs {
position: relative;
padding: 0 3rem;
}
.faqs__head {
position: relative;
margin-bottom: 2rem;
}
.faqs__head-header {
position: relative;
display: inline-block;
margin-right: 0.25rem;
font-size: 1.6rem;
font-weight: bold;
vertical-align: baseline;
}
.faqs__item {
margin-bottom: 2rem;
font-size: 1.1em;
}
.faqs__date {
margin-bottom: 0.5em;
color: rgba(0,0,0,0.6);
}
.faqs__header {
display: block;
margin-bottom: 0.25em;
font-size: 1.6rem;
font-weight: bold;
line-height: 1em;
}
.faqs__content {
display: block;
line-height: 1.3em;
}
.faqs__content p {
padding-bottom: 1rem;
}
.faqs__label {
position: relative;
display: inline-block;
margin-right: 0.5em;
padding: 0.2em 0.4em;
color: #fff;
font-size: 0.85rem;
line-height: 1em;
text-transform: uppercase;
background: #0a4678;
}
.faqs__label:before {
content: "Ответ"
}
.faqs__label:after {
content: "";
position: absolute;
top: 0;
left: 100%;
border-top: 0.7em solid rgba(255,255,255,0);
border-right: none;
border-bottom: 0.7em solid rgba(255,255,255,0);
border-left: 0.7em solid #0a4678;
}
.faqs__more {
display: inline-block;
color: #0a4678;
font-size: 0.85rem;
font-weight: bold;
text-transform: uppercase;
}
.faqs__more > *:before {
font-size: 0.8em;
}
/* Вопросы и ответы → Внутряк */
.faqs.m-inner .faqs__item {
margin-bottom: 0
}
@media only screen and (max-width : 900px) {
.faqs__head-header {
display: block;
margin-bottom: 0.5em;
}
}
@media only screen and (max-width : 479px) {
.faqs {
padding: 0 1.5rem 1rem 1.5rem;
}
}
/* Файлы */
.files {
position: relative;
padding: 0 0 2rem 0;
font-size: 0;
}
.files:after {
content: '';
display: block;
clear: both;
}
.files__item {
position: relative;
display: inline-block;
min-height: 80px;
padding: 0.5rem 2rem 2.5rem 4rem;
font-size: 1.2rem;
font-weight: bold;
line-height: 1.3em;
vertical-align: top;
border: none;
}
.files__item:before {
content: "";
position: absolute;
top: 0;
left: 0;
display: block;
width: 3rem;
height: 4rem;
padding: 2.5rem 0.5rem 0 0;
color: #fff;
font-size: 11px;
font-weight: bold;
text-align: right;
border-radius: 0 14px 0 0;
background: #006393;
}
.files__item:after {
content: "";
position: absolute;
top: 0;
left: 3rem;
left: calc(3rem - 10px);
border-top: none;
border-right: 10px solid rgba(235,232,217,0.9);
border-bottom: 10px solid transparent;
border-left: none;
}
.files__item[href*="doc"]:before {
content: "DOC";
background: #0a4e85;
}
.files__item[href*="xls"]:before {
content: "XLS";
background: #00a75c;
}
.files__item[href*="pdf"]:before {
content: "PDF";
background: #d9232d;
}
.files__item[href*="jpg"]:before {
content: "JPG";
}
.files__item[href*="ppt"]:before {
content: "PPT";
background: #f5a11a;
}
.files__date {
display: block;
font-size: 0.85rem;
color: rgba(0,0,0,0.7);
}
/* Фильтр */
.filter {
position: relative;
padding: 2rem;
text-align: left;
border: 1px solid #D2D2D2;
border-radius: 0.5rem;
}
.filter.m-horisontal {
display: table;
width: 100%;
margin: 3rem 0 3rem 0;
padding: 0;
white-space: nowrap;
}
.filter__header {
display: block;
padding: 0 0 0.5em 0;
font-weight: bold;
}
.filter.m-horisontal .filter__header {
font-weight: normal;
font-size: 0.9rem;
}
.filter__item {
padding-bottom: 2.0em;
}
.filter__item:last-of-type {
padding-bottom: 0;
}
.filter__cell {
display: table-cell;
padding: 2.5rem 1.5rem 1.5rem 1.5rem;
vertical-align: top;
}
.filter__cell:nth-child(2) {
padding-right: 0;
}
.filter__label {
display: block;
padding: 0.3em 0;
}
.filter__label.m-inline {
display: inline-block;
padding-right: 1em;
}
.filter__checkbox {
vertical-align: middle;
}
/* Пиктограммы государственных флагов в спрайте */
/* v0.2, 28 февраля 2012 года */
/* @author Артём Поликарпов, artpolikarpov.ru (artpolikarpov@gmail.com) */
/* @author Никита Иванов (исходные пиктограммы флагов), nickivanov.ru (nickivanov@nickivanov.ru) */
/* Набор распостраняется на условиях лицензии CC-BY-SA */
/* Эти летом я был: в Гондурасе, Лихтенштейне, и Швеции. */
.flag-NOWHERE, .flag-ABKHAZIA, .flag-AD, .flag-AE, .flag-AF, .flag-AG, .flag-AI, .flag-AL, .flag-AM, .flag-AN, .flag-AO, .flag-AQ, .flag-AR, .flag-AS, .flag-AT, .flag-AU, .flag-AW, .flag-AX, .flag-AZ, .flag-BA, .flag-BB, .flag-BD, .flag-BE, .flag-BF, .flag-BG, .flag-BH, .flag-BI, .flag-BJ, .flag-BL, .flag-BM, .flag-BN, .flag-BO, .flag-BR, .flag-BS, .flag-BT, .flag-BV, .flag-BW, .flag-BY, .flag-BZ, .flag-CA, .flag-CC, .flag-CD, .flag-CF, .flag-CG, .flag-CH, .flag-CI, .flag-CK, .flag-CL, .flag-CM, .flag-CN, .flag-CO, .flag-CR, .flag-CU, .flag-CV, .flag-CX, .flag-CY, .flag-CZ, .flag-DE, .flag-DJ, .flag-DK, .flag-DM, .flag-DO, .flag-DZ, .flag-EC, .flag-EE, .flag-EG, .flag-EH, .flag-ER, .flag-ES-CE, .flag-ES-ML, .flag-ES, .flag-ET, .flag-EU, .flag-FI, .flag-FJ, .flag-FK, .flag-FM, .flag-FO, .flag-FR, .flag-GA, .flag-GB, .flag-GD, .flag-GE, .flag-GF, .flag-GG, .flag-GH, .flag-GI, .flag-GL, .flag-GM, .flag-GN, .flag-GP, .flag-GQ, .flag-GR, .flag-GS, .flag-GT, .flag-GU, .flag-GW, .flag-GY, .flag-HK, .flag-HM, .flag-HN, .flag-HR, .flag-HT, .flag-HU, .flag-IC, .flag-ID, .flag-IE, .flag-IL, .flag-IM, .flag-IN, .flag-IO, .flag-IQ, .flag-IR, .flag-IS, .flag-IT, .flag-JE, .flag-JM, .flag-JO, .flag-JP, .flag-KE, .flag-KG, .flag-KH, .flag-KI, .flag-KM, .flag-KN, .flag-KOSOVO, .flag-KP, .flag-KR, .flag-KW, .flag-KY, .flag-KZ, .flag-LA, .flag-LB, .flag-LC, .flag-LI, .flag-LK, .flag-LR, .flag-LS, .flag-LT, .flag-LU, .flag-LV, .flag-LY, .flag-MA, .flag-MC, .flag-MD, .flag-ME, .flag-MF, .flag-MG, .flag-MH, .flag-MK, .flag-ML, .flag-MM, .flag-MN, .flag-MO, .flag-MP, .flag-MQ, .flag-MR, .flag-MS, .flag-MT, .flag-MU, .flag-MV, .flag-MW, .flag-MX, .flag-MY, .flag-MZ, .flag-NA, .flag-NC, .flag-NE, .flag-NF, .flag-NG, .flag-NI, .flag-NKR, .flag-NL, .flag-NO, .flag-NP, .flag-NR, .flag-NU, .flag-NZ, .flag-OM, .flag-PA, .flag-PE, .flag-PF, .flag-PG, .flag-PH, .flag-PK, .flag-PL, .flag-PM, .flag-PN, .flag-PR, .flag-PS, .flag-PT, .flag-PW, .flag-PY, .flag-QA, .flag-RE, .flag-RO, .flag-RS, .flag-RU, .flag-RW, .flag-SA, .flag-SB, .flag-SC, .flag-SD, .flag-SE, .flag-SG, .flag-SH, .flag-SI, .flag-SJ, .flag-SK, .flag-SL, .flag-SM, .flag-SN, .flag-SO, .flag-SOUTH-OSSETIA, .flag-SR, .flag-SS, .flag-ST, .flag-SV, .flag-SY, .flag-SZ, .flag-TC, .flag-TD, .flag-TF, .flag-TG, .flag-TH, .flag-TJ, .flag-TK, .flag-TL, .flag-TM, .flag-TN, .flag-TO, .flag-TR, .flag-TT, .flag-TV, .flag-TW, .flag-TZ, .flag-UA, .flag-UG, .flag-UM, .flag-US, .flag-UY, .flag-UZ, .flag-VA, .flag-VC, .flag-VE, .flag-VG, .flag-VI, .flag-VN, .flag-VU, .flag-WF, .flag-WS, .flag-YE, .flag-YT, .flag-ZA, .flag-ZM, .flag-ZW { background: url("/assets/templates/img/design/flags.png") no-repeat 0 9px; display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; *display: inline; *zoom: 1; vertical-align: baseline; position: relative; overflow: hidden; width: 16px; height: 9px; font-size: 0; line-height: 0; margin: 0; padding: 0; }
h1 [class*="flag"] {
vertical-align: middle;
}
.flag-ABKHAZIA { background-position: 0 0px; }
.flag-AD { background-position: 0 -9px; }
.flag-AE { background-position: 0 -18px; }
.flag-AF { background-position: 0 -27px; }
.flag-AG { background-position: 0 -36px; }
.flag-AI { background-position: 0 -45px; }
.flag-AL { background-position: 0 -54px; }
.flag-AM { background-position: 0 -63px; }
.flag-AN { background-position: 0 -72px; }
.flag-AO { background-position: 0 -81px; }
.flag-AQ { background-position: 0 -90px; }
.flag-AR { background-position: 0 -99px; }
.flag-AS { background-position: 0 -108px; }
.flag-AT { background-position: 0 -117px; }
.flag-AU { background-position: 0 -126px; }
.flag-AW { background-position: 0 -135px; }
.flag-AX { background-position: 0 -144px; }
.flag-AZ { background-position: 0 -153px; }
.flag-BA { background-position: 0 -162px; }
.flag-BB { background-position: 0 -171px; }
.flag-BD { background-position: 0 -180px; }
.flag-BE { background-position: 0 -189px; }
.flag-BF { background-position: 0 -198px; }
.flag-BG { background-position: 0 -207px; }
.flag-BH { background-position: 0 -216px; }
.flag-BI { background-position: 0 -225px; }
.flag-BJ { background-position: 0 -234px; }
.flag-BL { background-position: 0 -243px; }
.flag-BM { background-position: 0 -252px; }
.flag-BN { background-position: 0 -261px; }
.flag-BO { background-position: 0 -270px; }
.flag-BR { background-position: 0 -279px; }
.flag-BS { background-position: 0 -288px; }
.flag-BT { background-position: 0 -297px; }
.flag-BV { background-position: 0 -306px; }
.flag-BW { background-position: 0 -315px; }
.flag-BY { background-position: 0 -324px; }
.flag-BZ { background-position: 0 -333px; }
.flag-CA { background-position: 0 -342px; }
.flag-CC { background-position: 0 -351px; }
.flag-CD { background-position: 0 -360px; }
.flag-CF { background-position: 0 -369px; }
.flag-CG { background-position: 0 -378px; }
.flag-CH { background-position: 0 -387px; }
.flag-CI { background-position: 0 -396px; }
.flag-CK { background-position: 0 -405px; }
.flag-CL { background-position: 0 -414px; }
.flag-CM { background-position: 0 -423px; }
.flag-CN { background-position: 0 -432px; }
.flag-CO { background-position: 0 -441px; }
.flag-CR { background-position: 0 -450px; }
.flag-CU { background-position: 0 -459px; }
.flag-CV { background-position: 0 -468px; }
.flag-CX { background-position: 0 -477px; }
.flag-CY { background-position: 0 -486px; }
.flag-CZ { background-position: 0 -495px; }
.flag-DE { background-position: 0 -504px; }
.flag-DJ { background-position: 0 -513px; }
.flag-DK { background-position: 0 -522px; }
.flag-DM { background-position: 0 -531px; }
.flag-DO { background-position: 0 -540px; }
.flag-DZ { background-position: 0 -549px; }
.flag-EC { background-position: 0 -558px; }
.flag-EE { background-position: 0 -567px; }
.flag-EG { background-position: 0 -576px; }
.flag-EH { background-position: 0 -585px; }
.flag-ER { background-position: 0 -594px; }
.flag-ES-CE { background-position: 0 -603px; }
.flag-ES-ML { background-position: 0 -612px; }
.flag-ES { background-position: 0 -621px; }
.flag-ET { background-position: 0 -630px; }
.flag-EU { background-position: 0 -639px; }
.flag-FI { background-position: 0 -648px; }
.flag-FJ { background-position: 0 -657px; }
.flag-FK { background-position: 0 -666px; }
.flag-FM { background-position: 0 -675px; }
.flag-FO { background-position: 0 -684px; }
.flag-FR { background-position: 0 -693px; }
.flag-GA { background-position: 0 -702px; }
.flag-GB { background-position: 0 -711px; }
.flag-GD { background-position: 0 -720px; }
.flag-GE { background-position: 0 -729px; }
.flag-GF { background-position: 0 -738px; }
.flag-GG { background-position: 0 -747px; }
.flag-GH { background-position: 0 -756px; }
.flag-GI { background-position: 0 -765px; }
.flag-GL { background-position: 0 -774px; }
.flag-GM { background-position: 0 -783px; }
.flag-GN { background-position: 0 -792px; }
.flag-GP { background-position: 0 -801px; }
.flag-GQ { background-position: 0 -810px; }
.flag-GR { background-position: 0 -819px; }
.flag-GS { background-position: 0 -828px; }
.flag-GT { background-position: 0 -837px; }
.flag-GU { background-position: 0 -846px; }
.flag-GW { background-position: 0 -855px; }
.flag-GY { background-position: 0 -864px; }
.flag-HK { background-position: 0 -873px; }
.flag-HM { background-position: 0 -882px; }
.flag-HN { background-position: 0 -891px; }
.flag-HR { background-position: 0 -900px; }
.flag-HT { background-position: 0 -909px; }
.flag-HU { background-position: 0 -918px; }
.flag-IC { background-position: 0 -927px; }
.flag-ID { background-position: 0 -936px; }
.flag-IE { background-position: 0 -945px; }
.flag-IL { background-position: 0 -954px; }
.flag-IM { background-position: 0 -963px; }
.flag-IN { background-position: 0 -972px; }
.flag-IO { background-position: 0 -981px; }
.flag-IQ { background-position: 0 -990px; }
.flag-IR { background-position: 0 -999px; }
.flag-IS { background-position: 0 -1008px; }
.flag-IT { background-position: 0 -1017px; }
.flag-JE { background-position: 0 -1026px; }
.flag-JM { background-position: 0 -1035px; }
.flag-JO { background-position: 0 -1044px; }
.flag-JP { background-position: 0 -1053px; }
.flag-KE { background-position: 0 -1062px; }
.flag-KG { background-position: 0 -1071px; }
.flag-KH { background-position: 0 -1080px; }
.flag-KI { background-position: 0 -1089px; }
.flag-KM { background-position: 0 -1098px; }
.flag-KN { background-position: 0 -1107px; }
.flag-KOSOVO { background-position: 0 -1116px; }
.flag-KP { background-position: 0 -1125px; }
.flag-KR { background-position: 0 -1134px; }
.flag-KW { background-position: 0 -1143px; }
.flag-KY { background-position: 0 -1152px; }
.flag-KZ { background-position: 0 -1161px; }
.flag-LA { background-position: 0 -1170px; }
.flag-LB { background-position: 0 -1179px; }
.flag-LC { background-position: 0 -1188px; }
.flag-LI { background-position: 0 -1197px; }
.flag-LK { background-position: 0 -1206px; }
.flag-LR { background-position: 0 -1215px; }
.flag-LS { background-position: 0 -1224px; }
.flag-LT { background-position: 0 -1233px; }
.flag-LU { background-position: 0 -1242px; }
.flag-LV { background-position: 0 -1251px; }
.flag-LY { background-position: 0 -1260px; }
.flag-MA { background-position: 0 -1269px; }
.flag-MC { background-position: 0 -1278px; }
.flag-MD { background-position: 0 -1287px; }
.flag-ME { background-position: 0 -1296px; }
.flag-MF { background-position: 0 -1305px; }
.flag-MG { background-position: 0 -1314px; }
.flag-MH { background-position: 0 -1323px; }
.flag-MK { background-position: 0 -1332px; }
.flag-ML { background-position: 0 -1341px; }
.flag-MM { background-position: 0 -1350px; }
.flag-MN { background-position: 0 -1359px; }
.flag-MO { background-position: 0 -1368px; }
.flag-MP { background-position: 0 -1377px; }
.flag-MQ { background-position: 0 -1386px; }
.flag-MR { background-position: 0 -1395px; }
.flag-MS { background-position: 0 -1404px; }
.flag-MT { background-position: 0 -1413px; }
.flag-MU { background-position: 0 -1422px; }
.flag-MV { background-position: 0 -1431px; }
.flag-MW { background-position: 0 -1440px; }
.flag-MX { background-position: 0 -1449px; }
.flag-MY { background-position: 0 -1458px; }
.flag-MZ { background-position: 0 -1467px; }
.flag-NA { background-position: 0 -1476px; }
.flag-NC { background-position: 0 -1485px; }
.flag-NE { background-position: 0 -1494px; }
.flag-NF { background-position: 0 -1503px; }
.flag-NG { background-position: 0 -1512px; }
.flag-NI { background-position: 0 -1521px; }
.flag-NKR { background-position: 0 -1530px; }
.flag-NL { background-position: 0 -1539px; }
.flag-NO { background-position: 0 -1548px; }
.flag-NP { background-position: 0 -1557px; }
.flag-NR { background-position: 0 -1566px; }
.flag-NU { background-position: 0 -1575px; }
.flag-NZ { background-position: 0 -1584px; }
.flag-OM { background-position: 0 -1593px; }
.flag-PA { background-position: 0 -1602px; }
.flag-PE { background-position: 0 -1611px; }
.flag-PF { background-position: 0 -1620px; }
.flag-PG { background-position: 0 -1629px; }
.flag-PH { background-position: 0 -1638px; }
.flag-PK { background-position: 0 -1647px; }
.flag-PL { background-position: 0 -1656px; }
.flag-PM { background-position: 0 -1665px; }
.flag-PN { background-position: 0 -1674px; }
.flag-PR { background-position: 0 -1683px; }
.flag-PS { background-position: 0 -1692px; }
.flag-PT { background-position: 0 -1701px; }
.flag-PW { background-position: 0 -1710px; }
.flag-PY { background-position: 0 -1719px; }
.flag-QA { background-position: 0 -1728px; }
.flag-RE { background-position: 0 -1737px; }
.flag-RO { background-position: 0 -1746px; }
.flag-RS { background-position: 0 -1755px; }
.flag-RU { background-position: 0 -1764px; }
.flag-RW { background-position: 0 -1773px; }
.flag-SA { background-position: 0 -1782px; }
.flag-SB { background-position: 0 -1791px; }
.flag-SC { background-position: 0 -1800px; }
.flag-SD { background-position: 0 -1809px; }
.flag-SE { background-position: 0 -1818px; }
.flag-SG { background-position: 0 -1827px; }
.flag-SH { background-position: 0 -1836px; }
.flag-SI { background-position: 0 -1845px; }
.flag-SJ { background-position: 0 -1854px; }
.flag-SK { background-position: 0 -1863px; }
.flag-SL { background-position: 0 -1872px; }
.flag-SM { background-position: 0 -1881px; }
.flag-SN { background-position: 0 -1890px; }
.flag-SO { background-position: 0 -1899px; }
.flag-SOUTH-OSSETIA { background-position: 0 -1908px; }
.flag-SR { background-position: 0 -1917px; }
.flag-SS { background-position: 0 -1926px; }
.flag-ST { background-position: 0 -1935px; }
.flag-SV { background-position: 0 -1944px; }
.flag-SY { background-position: 0 -1953px; }
.flag-SZ { background-position: 0 -1962px; }
.flag-TC { background-position: 0 -1971px; }
.flag-TD { background-position: 0 -1980px; }
.flag-TF { background-position: 0 -1989px; }
.flag-TG { background-position: 0 -1998px; }
.flag-TH { background-position: 0 -2007px; }
.flag-TJ { background-position: 0 -2016px; }
.flag-TK { background-position: 0 -2025px; }
.flag-TL { background-position: 0 -2034px; }
.flag-TM { background-position: 0 -2043px; }
.flag-TN { background-position: 0 -2052px; }
.flag-TO { background-position: 0 -2061px; }
.flag-TR { background-position: 0 -2070px; }
.flag-TT { background-position: 0 -2079px; }
.flag-TV { background-position: 0 -2088px; }
.flag-TW { background-position: 0 -2097px; }
.flag-TZ { background-position: 0 -2106px; }
.flag-UA { background-position: 0 -2115px; }
.flag-UG { background-position: 0 -2124px; }
.flag-UM { background-position: 0 -2133px; }
.flag-US { background-position: 0 -2142px; }
.flag-UY { background-position: 0 -2151px; }
.flag-UZ { background-position: 0 -2160px; }
.flag-VA { background-position: 0 -2169px; }
.flag-VC { background-position: 0 -2178px; }
.flag-VE { background-position: 0 -2187px; }
.flag-VG { background-position: 0 -2196px; }
.flag-VI { background-position: 0 -2205px; }
.flag-VN { background-position: 0 -2214px; }
.flag-VU { background-position: 0 -2223px; }
.flag-WF { background-position: 0 -2232px; }
.flag-WS { background-position: 0 -2241px; }
.flag-YE { background-position: 0 -2250px; }
.flag-YT { background-position: 0 -2259px; }
.flag-ZA { background-position: 0 -2268px; }
.flag-ZM { background-position: 0 -2277px; }
.flag-ZW { background-position: 0 -2286px; }
/* Выбор квартиры */
.flats {
position: relative;
margin-bottom: 3rem;
}
.flats img {
position: relative;
display: block;
width: 100%;
}
.flats a {
cursor: pointer;
}
.flats svg {
position: absolute;
top: 0;
left: 0;
}
.flats__item {
fill: rgba(10,78,133,0);
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
stroke: #6C6B66;
stroke-width: 0;
stroke-linecap: round;
stroke-linejoin: round;
}
.flats__item.m-free:hover {
fill: rgba(125,199,107,0.5);
stroke: rgba(105,179,87,0.9);
stroke-width: 10;
stroke-linecap: round;
stroke-linejoin: round;
}
.flats__item.m-free {
fill: rgba(197,230,189,0.5);
}
.flats__item.m-sold {
fill: url(#img1);
stroke-width: 0;
}
.flats__item.m-hover {
fill: rgba(197,230,189,0);
}
.flats.m-flip {
transform: scaleY(-1);
}
.flats__legend {
position: relative;
display: block;
}
.flats__legend img {
position: relative;
display: inline-block;
width: auto;
height: auto;
}
/* Футер */
.footer {
position: relative;
padding-top: 1rem;
color: #fff;
background: #262626;
z-index: 20;
}
.footer__layout {
max-width: 1440px;
margin: 0 auto;
}
.footer__header {
margin: 0 0 1.5rem 0;
color: rgba(255,255,255,0.8);
font-size: 1.5rem;
font-weight: bold;
letter-spacing: 0.05em;
text-transform: uppercase;
}
.footer__links:after {
content: "";
display: block;
float: none;
clear: both;
width: 100%;
}
.footer__cell:nth-child(2) .footer__links {
-moz-column-count: 3;
-webkit-column-count: 3;
column-count: 3;
-moz-column-gap: 3rem;
-webkit-column-gap: 3rem;
column-gap: 3rem;
}
.footer__link {
display: inline-block;
clear: both;
margin-bottom: 0.5rem;
padding-bottom: 1rem;
color: #fff;
font-size: 1.1rem;
width: 100% !important;
max-width: 100% !important;
}
.footer__note {
color: rgba(255,255,255,0.5);
}
.footer__note.m-social {
display: inline-block;
vertical-align: middle;
font-size: 0.85rem;
line-height: 1.1em;
}
.footer__icons {
display: inline-block;
vertical-align: middle;
}
.footer__icon {
margin-right: 0.5rem;
font-size: 1.5rem;
}
.footer__time {
font-size: 1.1rem;
line-height: 1em;
}
.footer__phone {
display: block;
padding: 0.25rem 0;
color: #fff;
font-size: 3rem;
font-weight: bold;
line-height: 1em;
}
.footer__phone:before {
font-size: 2rem;
margin-right: -0.25em;
}
.footer__address {
margin-bottom: 2.5rem;
color: #f29f19;
line-height: 1em;
}
.footer__counter {
display: inline-block;
width: 88px;
height: 31px;
margin-right: 0.5rem;
vertical-align: middle;
border: 1px solid #444;
}
.footer__copyright {
display: inline-block;
color: rgba(255,255,255,0.8);
font-size: 0.85rem;
vertical-align: middle;
}
.footer__map {
display: block;
margin-top: 2rem;
color: #fff;
font-size: 0.85rem;
}
.liveinternet {
float: left;
margin-top: 10px;
}
/* Футер → Адаптив */
@media only screen and (min-width : 640px) and (max-width : 1024px) {
.footer__cell.m-20 {
width: 25% !important;
}
.footer__cell.m-50 {
width: 43% !important;
}
.footer__cell.m-30 {
width: 32% !important;
}
.footer__cell:nth-child(2) .footer__links {
-moz-column-count: 2;
-webkit-column-count: 2;
column-count: 2;
-moz-column-gap: 3rem;
-webkit-column-gap: 3rem;
column-gap: 3rem;
}
.footer__phone {
font-size: 2rem;
}
.footer__link {
margin-bottom: 0;
line-height: 1.3em;
}
}
@media only screen and (min-width : 480px) and (max-width : 639px) {
.footer__cell.m-20 {
display: inline-block !important;
width: 33.33% !important;
}
.footer__cell.m-50 {
display: inline-block !important;
width: 33.34% !important;
}
.footer__cell.m-30 {
display: inline-block !important;
width: 33.33% !important;
}
.footer__cell:nth-child(2) .footer__links {
-moz-column-count: 1;
-webkit-column-count: 1;
column-count: 1;
-moz-column-gap: 3rem;
-webkit-column-gap: 3rem;
column-gap: 3rem;
}
.footer__phone {
font-size: 1.5rem;
}
.footer__phone:before {
display: none;
}
.footer__copyright br {
display: none;
}
.footer__time {
font-size: 0.9rem;
}
.footer__link {
margin-bottom: 0;
line-height: 1.3em;
}
}
/* Путь → Адаптив */
@media only screen and (max-width : 479px) {
.footer__cell:nth-child(2) .footer__links {
-moz-column-count: 2;
-webkit-column-count: 2;
column-count: 2;
-moz-column-gap: 3rem;
-webkit-column-gap: 3rem;
column-gap: 3rem;
}
.footer__cell {
font-size: 0;
padding-left: 2rem !important;
padding-right: 2rem !important;
}
.footer__cell.m-20 .footer__links {
display: inline-block;
width: 50%;
vertical-align: top;
}
.footer__social {
display: inline-block;
width: 50%;
padding-left: 1rem;
vertical-align: top;
}
.footer__phone {
font-size: 2.5rem;
}
}
/* Форма */
.form {
position: relative;
margin-bottom: 2rem;
}
.form__layout {
position: relative;
display: table;
}
/* Форма → Заголовок */
.form__header {
position: relative;
display: table-caption;
padding: 0 0 1rem 0;
font-size: 1.3rem;
font-weight: bold;
line-height: 1.4em;
}
/* Форма → Блок */
.form__item {
position: relative;
display: table-row;
width: 100%;
font-size: 0;
}
/* Форма → Название */
.form__fieldname {
position: relative;
display: table-cell;
padding: 0 1rem 1rem 0;
font-size: 1.1rem;
font-weight: bold;
line-height: 1.3rem;
vertical-align: baseline;
}
/* Форма → Поля формы */
.form__fields {
position: relative;
display: table-cell;
padding: 0 0 1rem 0;
font-size: 0;
vertical-align: baseline;
}
.form__item:only-child > .form__fields:only-child {
padding-bottom: 0;
}
.form__field {
vertical-align: baseline;
}
input.form__field:not([size]):not([data-width]):not([data-symbols]),
select.form__field:not([size]):not([data-width]):not([data-symbols]),
textarea.form__field:not([size]):not([data-width]):not([data-symbols]) {
width: 100%;
}
/* Форма → Примечания */
.form__notes {
position: relative;
display: table-cell;
padding: 0 0 1rem 1rem;
font-size: 0;
vertical-align: baseline;
}
/* Форма → Чекбоксы и радиокнопки */
.form__radio,
.form__checkbox {
position: relative;
display: block;
max-width: 30rem;
padding: 0 0.75rem 0.5rem 1rem;
font-size: 1rem;
line-height: 1.3rem;
}
.form__radio .form__radio:last-of-type,
.form__checkbox .form__checkbox:last-of-type {
padding-bottom: 0;
}
.form__radio:only-child,
.form__checkbox:only-child {
padding: 0 0.75rem 0 17px;
}
.form__radio input[type="radio"],
.form__checkbox input[type="checkbox"] {
position: absolute;
top: 0.2rem;
left: 0;
}
.form__radio.m-inline,
.form__checkbox.m-inline {
display: inline-block;
}
/* Форма → Объединение полей */
.form__merge {
display: table-row-group;
}
.form__merge .form__fieldname,
.form__merge .form__fields {
padding-bottom: 0;
}
.form__merge .form__item:last-of-type .form__fieldname,
.form__merge .form__item:last-of-type .form__fields {
padding-bottom: 1rem;
}
.form__merge .form__field {
margin-bottom: -1px;
border-radius: 0;
}
.form__merge .form__item:first-of-type .form__field {
border-radius: 0.3rem 0.3rem 0 0;
}
.form__merge .form__item:last-of-type .form__field {
border-radius: 0 0 0.3rem 0.3rem;
}
.form__merge .form__item:only-child .form__field {
border-radius: 0.3rem;
}
/* Форма → Иконки */
.form__wrap {
position: relative;
vertical-align: baseline;
}
.form__wrap.m-xs {
font-size: 0.85rem;
line-height: calc(1.4rem -1px);
}
.form__wrap.m-s {
font-size: 0.9rem;
line-height: calc(1.6rem -1px);
}
.form__wrap {
font-size: 1rem;
line-height: calc(2.5rem -1px);
}
.form__wrap.m-l {
font-size: 1.1rem;
line-height: calc(3rem -1px);
}
.form__wrap.m-xl {
font-size: 1.3rem;
line-height: calc(4rem -1px);
}
/* Форма → Иконки */
.form__icon {
position: absolute;
top: 0;
bottom: 0;
display: table-cell;
padding: 0 0.5rem;
font-size: 1.5rem;
line-height: 2.5rem;
z-index: 3;
}
.form__wrap .form__icon:first-child {
left: 0;
}
.form__wrap .form__icon:last-child {
right: 0;
}
.form__wrap .form__icon + .form__field {
text-indent: 2em;
}
.form__icon.m-xs {
line-height: 1.4rem;
font-size: 1rem;
}
.form__icon.m-s {
line-height: 1.6rem;
font-size: 1.2rem;
}
.form__icon {
line-height: 2.5rem;
font-size: 1.5rem;
}
.form__icon.m-l {
line-height: 3rem;
font-size: 1.75rem;
}
.form__icon.m-xl {
line-height: 4rem;
font-size: 2rem;
}
/* Форма → Единицы измерения */
.form__unit {
display: inline-block;
margin-left: 0.25em;
vertical-align: baseline;
}
.form__field.m-xs + .form__unit {
font-size: 0.85rem;
}
.form__field.m-s + .form__unit {
font-size: 0.9rem;
}
.form__field + .form__unit {
font-size: 1rem;
}
.form__field.m-l + .form__unit {
font-size: 1.1rem;
}
.form__field.m-xl + .form__unit {
font-size: 1.3rem;
}
/* Форма → Вертикальная */
.form.m-horisontal .form__layout {
display: block;
}
.form.m-horisontal .form__item {
display: inline-block;
padding-right: 1rem;
vertical-align: top;
}
.form.m-horisontal .form__fieldname {
display: block;
padding-bottom: 0.25rem;
}
.form.m-horisontal .form__fields {
display: block;
}
.form.m-horisontal .form__merge {
display: inline-block;
padding-right: 1rem;
font-size: 0;
vertical-align: top;
}
.form.m-horisontal .form__merge .form__item {
padding-right: 0;
}
.form.m-horisontal .form__merge .form__item:last-of-type .form__fieldname {
padding-bottom: 0.25rem;
}
.form.m-horisontal .form__merge .form__item:last-of-type .form__fields {
padding-bottom: 0;
}
.form.m-horisontal .form__merge .form__item:first-of-type .form__field,
.form.m-horisontal .form__merge .form__item:last-of-type .form__field {
border-radius: 0;
}
/* Форма → Синяя */
.form.m-blue {
color: #fff;
background: #0a4e85;
}
.form.m-blue:after {
content: "";
position: absolute;
top: 100%;
left: 0;
right: 0;
height: 3rem;
background: url(/assets/templates/img/design/form_blue.png) center center / 100% 100%;
}
.form.m-yellow-footer:after {
content: "";
position: absolute;
top: 100%;
left: 0;
right: 0;
height: 3rem;
background: url(/assets/templates/img/design/form_yellow.png) center center / 100% 100%;
}
.form.m-blue a {
color: #f5a11a;
}
.form.m-blue a:hover {
color: #fff;
}
.form.m-blue.m-horisontal {
margin-bottom: 0;
}
.form.m-blue.m-horisontal:after {
display: none;
}
/* Форма → Слайдер */
.form__nouislider-value {
display: inline-block;
height: 2.5rem;
margin-right: 1px;
margin-bottom: 1rem;
padding: 0 0.5rem;
color: #222;
font-size: 1rem;
line-height: 2.5rem;
background: #fff;
}
.form__nouislider-value.m-from:before {
content: "от ";
}
.form__nouislider-value.m-to:before {
content: "до ";
}
.form__nouislider-value.m-meter:after {
content: " м²";
}
.form__nouislider-value.m-rub:after {
content: "Р";
font-family:'Rub', Arial, sans-serif;
}
/* Форма → Подпись к полю */
.form__fieldcaption {
position: absolute;
bottom: 100%;
left: 0;
margin-bottom: 2px;
font-size: 0.85rem;
white-space: nowrap;
}
.form__inline + .form__fieldcaption {
margin-left: 0;
}
/* Форма → Футер */
.form__footer {
margin: 0 -2rem -2rem -2rem;
padding: 1.5rem 2rem;
}
.form__footer.m-yellow {
color: #222;
background: #f5a11a;
}
.form__footer.m-yellow {
color: #222;
background: #f5a11a;
}
/* Форма → Универстальный блок */
.form__inline {
display: inline-block;
vertical-align: baseline;
}
.form__inline + * {
margin-left: 0.5rem;
}
.form__inline + .form__field {
vertical-align: baseline;
}
/* Форма → Блок */
.form.m-block .form__item,
.form.m-block .form__fields,
.form.m-block .form__header {
display: block;
}
/* Форма → Адаптив */
@media only screen and (min-width : 480px) and (max-width : 768px) {
.form.m-blue {
margin-top: 3rem;
}
.form.m-blue.m-horisontal {
margin-top: 0;
padding-left: 2rem;
padding-right: 2rem;
}
.form.m-blue.m-horisontal > .grid__cell {
width: 100% !important;
}
.form.m-blue.m-horisontal .form__merge.grid__cell.m-25 {
width: 100% !important;
}
.form.m-blue.m-horisontal .form__item.grid__cell.m-20 {
width: 50% !important;
padding-top: 2rem;
}
.form__footer.m-yellow {
margin: 0 -1rem -2rem -1rem;
}
.form.m-blue.m-horisontal.grid.m-cellpadding {
margin-bottom: 2rem;
}
}
@media only screen and (max-width : 479px) {
.form.m-blue {
margin-top: 1rem;
margin-bottom: 4rem;
padding-left: 2rem !important;
padding-right: 2rem !important;
}
.form.m-blue.m-horisontal {
margin-top: 0;
padding-left: 1rem;
padding-right: 1rem;
}
.form.m-blue.m-horisontal .form__merge.grid__cell {
}
.form.m-blue.m-horisontal .form__item.grid__cell.m-20 {
padding-top: 2rem !important;
}
.form__footer.m-yellow {
margin: 0 -3rem -2rem -3rem;
}
.form.m-blue.m-horisontal.grid.m-cellpadding {
margin-bottom: 2rem;
}
}
/*!
* Fotorama 4.6.4 | http://fotorama.io/license/
*/
.fotorama__arr:focus:after,.fotorama__fullscreen-icon:focus:after,.fotorama__html,.fotorama__img,.fotorama__nav__frame:focus .fotorama__dot:after,.fotorama__nav__frame:focus .fotorama__thumb:after,.fotorama__stage__frame,.fotorama__stage__shaft,.fotorama__video iframe{position:absolute;width:100%;height:100%;top:0;right:0;left:0;bottom:0}.fotorama--fullscreen,.fotorama__img{max-width:99999px!important;max-height:99999px!important;min-width:0!important;min-height:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important}.fotorama__wrap .fotorama__grab{cursor:move;cursor:-webkit-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.fotorama__grabbing *{cursor:move;cursor:-webkit-grabbing;cursor:-o-grabbing;cursor:-ms-grabbing;cursor:grabbing}.fotorama__spinner{position:absolute!important;top:50%!important;left:50%!important}.fotorama__wrap--css3 .fotorama__arr,.fotorama__wrap--css3 .fotorama__fullscreen-icon,.fotorama__wrap--css3 .fotorama__nav__shaft,.fotorama__wrap--css3 .fotorama__stage__shaft,.fotorama__wrap--css3 .fotorama__thumb-border,.fotorama__wrap--css3 .fotorama__video-close,.fotorama__wrap--css3 .fotorama__video-play{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.fotorama__caption,.fotorama__nav:after,.fotorama__nav:before,.fotorama__stage:after,.fotorama__stage:before,.fotorama__wrap--css3 .fotorama__html,.fotorama__wrap--css3 .fotorama__nav,.fotorama__wrap--css3 .fotorama__spinner,.fotorama__wrap--css3 .fotorama__stage,.fotorama__wrap--css3 .fotorama__stage .fotorama__img,.fotorama__wrap--css3 .fotorama__stage__frame{-webkit-transform:translateZ(0);transform:translateZ(0)}.fotorama__arr:focus,.fotorama__fullscreen-icon:focus,.fotorama__nav__frame{outline:0}.fotorama__arr:focus:after,.fotorama__fullscreen-icon:focus:after,.fotorama__nav__frame:focus .fotorama__dot:after,.fotorama__nav__frame:focus .fotorama__thumb:after{content:'';border-radius:inherit;background-color:rgba(0,175,234,.5)}.fotorama__wrap--video .fotorama__stage,.fotorama__wrap--video .fotorama__stage__frame--video,.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__html,.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__img,.fotorama__wrap--video .fotorama__stage__shaft{-webkit-transform:none!important;transform:none!important}.fotorama__wrap--css3 .fotorama__nav__shaft,.fotorama__wrap--css3 .fotorama__stage__shaft,.fotorama__wrap--css3 .fotorama__thumb-border{transition-property:-webkit-transform,width;transition-property:transform,width;transition-timing-function:cubic-bezier(0.1,0,.25,1);transition-duration:0ms}.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__no-select,.fotorama__video-close,.fotorama__video-play,.fotorama__wrap{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fotorama__select{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.fotorama__nav,.fotorama__nav__frame{margin:auto;padding:0}.fotorama__caption__wrap,.fotorama__nav__frame,.fotorama__nav__shaft{-moz-box-orient:vertical;display:inline-block;vertical-align:middle;*display:inline;*zoom:1}.fotorama__nav__frame,.fotorama__thumb-border{box-sizing:content-box}.fotorama__caption__wrap{box-sizing:border-box}.fotorama--hidden,.fotorama__load{position:absolute;left:-99999px;top:-99999px;z-index:-1}.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__nav,.fotorama__nav__frame,.fotorama__nav__shaft,.fotorama__stage__frame,.fotorama__stage__shaft,.fotorama__video-close,.fotorama__video-play{-webkit-tap-highlight-color:transparent}.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__video-close,.fotorama__video-play{background:url(/assets/templates/img/design/fotorama.png) no-repeat}@media (-webkit-min-device-pixel-ratio:1.5),(min-resolution:2dppx){.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__video-close,.fotorama__video-play{background:url(/assets/templates/img/design/fotorama@2x.png) 0 0/96px 160px no-repeat}}.fotorama__thumb{background-color:#7f7f7f;background-color:rgba(127,127,127,.2)}@media print{.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__thumb-border,.fotorama__video-close,.fotorama__video-play{background:none!important}}.fotorama{min-width:1px;overflow:hidden}.fotorama:not(.fotorama--unobtrusive)>*:not(:first-child){display:none}.fullscreen{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;margin:0!important;padding:0!important;overflow:hidden!important;background:#000}.fotorama--fullscreen{position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;float:none!important;z-index:2147483647!important;background:#000;width:100%!important;height:100%!important;margin:0!important}.fotorama--fullscreen .fotorama__nav,.fotorama--fullscreen .fotorama__stage{background:#000}.fotorama__wrap{-webkit-text-size-adjust:100%;position:relative;direction:ltr;z-index:0}.fotorama__wrap--rtl .fotorama__stage__frame{direction:rtl}.fotorama__nav,.fotorama__stage{overflow:hidden;position:relative;max-width:100%}.fotorama__wrap--pan-y{-ms-touch-action:pan-y}.fotorama__wrap .fotorama__pointer{cursor:pointer}.fotorama__wrap--slide .fotorama__stage__frame{opacity:1!important}.fotorama__stage__frame{overflow:hidden}.fotorama__stage__frame.fotorama__active{z-index:8}.fotorama__wrap--fade .fotorama__stage__frame{display:none}.fotorama__wrap--fade .fotorama__fade-front,.fotorama__wrap--fade .fotorama__fade-rear,.fotorama__wrap--fade .fotorama__stage__frame.fotorama__active{display:block;left:0;top:0}.fotorama__wrap--fade .fotorama__fade-front{z-index:8}.fotorama__wrap--fade .fotorama__fade-rear{z-index:7}.fotorama__wrap--fade .fotorama__fade-rear.fotorama__active{z-index:9}.fotorama__wrap--fade .fotorama__stage .fotorama__shadow{display:none}.fotorama__img{-ms-filter:"alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0;border:none!important}.fotorama__error .fotorama__img,.fotorama__loaded .fotorama__img{-ms-filter:"alpha(Opacity=100)";filter:alpha(opacity=100);opacity:1}.fotorama--fullscreen .fotorama__loaded--full .fotorama__img,.fotorama__img--full{display:none}.fotorama--fullscreen .fotorama__loaded--full .fotorama__img--full{display:block}.fotorama__wrap--only-active .fotorama__nav,.fotorama__wrap--only-active .fotorama__stage{max-width:99999px!important}.fotorama__wrap--only-active .fotorama__stage__frame{visibility:hidden}.fotorama__wrap--only-active .fotorama__stage__frame.fotorama__active{visibility:visible}.fotorama__nav{font-size:0;line-height:0;text-align:center;display:none;white-space:nowrap;z-index:5}.fotorama__nav__shaft{position:relative;left:0;top:0;text-align:left}.fotorama__nav__frame{position:relative;cursor:pointer}.fotorama__nav--dots{display:block}.fotorama__nav--dots .fotorama__nav__frame{width:18px;height:30px}.fotorama__nav--dots .fotorama__nav__frame--thumb,.fotorama__nav--dots .fotorama__thumb-border{display:none}.fotorama__nav--thumbs{display:block}.fotorama__nav--thumbs .fotorama__nav__frame{padding-left:0!important}.fotorama__nav--thumbs .fotorama__nav__frame:last-child{padding-right:0!important}.fotorama__nav--thumbs .fotorama__nav__frame--dot{display:none}.fotorama__dot{display:block;width:4px;height:4px;position:relative;top:12px;left:6px;border-radius:6px;border:1px solid #7f7f7f}.fotorama__nav__frame:focus .fotorama__dot:after{padding:1px;top:-1px;left:-1px}.fotorama__nav__frame.fotorama__active .fotorama__dot{width:0;height:0;border-width:3px}.fotorama__nav__frame.fotorama__active .fotorama__dot:after{padding:3px;top:-3px;left:-3px}.fotorama__thumb{overflow:hidden;position:relative;width:100%;height:100%}.fotorama__nav__frame:focus .fotorama__thumb{z-index:2}.fotorama__thumb-border{position:absolute;z-index:9;top:0;left:0;border-style:solid;border-color:#00afea;background-image:linear-gradient(to bottom right,rgba(255,255,255,.25),rgba(64,64,64,.1))}.fotorama__caption{position:absolute;z-index:12;bottom:0;left:0;right:0;font-family:'Helvetica Neue',Arial,sans-serif;font-size:14px;line-height:1.5;color:#000}.fotorama__caption a{text-decoration:none;color:#000;border-bottom:1px solid;border-color:rgba(0,0,0,.5)}.fotorama__caption a:hover{color:#333;border-color:rgba(51,51,51,.5)}.fotorama__wrap--rtl .fotorama__caption{left:auto;right:0}.fotorama__wrap--no-captions .fotorama__caption,.fotorama__wrap--video .fotorama__caption{display:none}.fotorama__caption__wrap{background-color:#fff;background-color:rgba(0,0,0,.3);color:#fff;padding:5px 10px}@-webkit-keyframes spinner{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spinner{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.fotorama__wrap--css3 .fotorama__spinner{-webkit-animation:spinner 24s infinite linear;animation:spinner 24s infinite linear}.fotorama__wrap--css3 .fotorama__html,.fotorama__wrap--css3 .fotorama__stage .fotorama__img{transition-property:opacity;transition-timing-function:linear;transition-duration:.3s}.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__html,.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__img{-ms-filter:"alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0}.fotorama__select{cursor:auto}.fotorama__video{top:32px;right:0;bottom:0;left:0;position:absolute;z-index:10}@-moz-document url-prefix(){.fotorama__active{box-shadow:0 0 0 transparent}}.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__video-close,.fotorama__video-play{position:absolute;z-index:11;cursor:pointer}.fotorama__arr{position:absolute;width:32px;height:32px;top:50%;margin-top:-16px}.fotorama__arr--prev{left:2px;background-position:0 0}.fotorama__arr--next{right:2px;background-position:-32px 0}.fotorama__arr--disabled{pointer-events:none;cursor:default;*display:none;opacity:.1}.fotorama__fullscreen-icon{width:32px;height:32px;top:2px;right:2px;background-position:0 -32px;z-index:20}.fotorama__arr:focus,.fotorama__fullscreen-icon:focus{border-radius:50%}.fotorama--fullscreen .fotorama__fullscreen-icon{background-position:-32px -32px}.fotorama__video-play{width:96px;height:96px;left:50%;top:50%;margin-left:-48px;margin-top:-48px;background-position:0 -64px;opacity:0}.fotorama__wrap--css2 .fotorama__video-play,.fotorama__wrap--video .fotorama__stage .fotorama__video-play{display:none}.fotorama__error .fotorama__video-play,.fotorama__loaded .fotorama__video-play,.fotorama__nav__frame .fotorama__video-play{opacity:1;display:block}.fotorama__nav__frame .fotorama__video-play{width:32px;height:32px;margin-left:-16px;margin-top:-16px;background-position:-64px -32px}.fotorama__video-close{width:32px;height:32px;top:0;right:0;background-position:-64px 0;z-index:20;opacity:0}.fotorama__wrap--css2 .fotorama__video-close{display:none}.fotorama__wrap--css3 .fotorama__video-close{-webkit-transform:translate3d(32px,-32px,0);transform:translate3d(32px,-32px,0)}.fotorama__wrap--video .fotorama__video-close{display:block;opacity:1}.fotorama__wrap--css3.fotorama__wrap--video .fotorama__video-close{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr,.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon{opacity:0}.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr:focus,.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:focus{opacity:1}.fotorama__wrap--video .fotorama__arr,.fotorama__wrap--video .fotorama__fullscreen-icon{opacity:0!important}.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr,.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon{display:none}.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr:focus,.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:focus{display:block}.fotorama__wrap--css2.fotorama__wrap--video .fotorama__arr,.fotorama__wrap--css2.fotorama__wrap--video .fotorama__fullscreen-icon{display:none!important}.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:not(:focus){-webkit-transform:translate3d(32px,-32px,0);transform:translate3d(32px,-32px,0)}.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--prev:not(:focus){-webkit-transform:translate3d(-48px,0,0);transform:translate3d(-48px,0,0)}.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--next:not(:focus){-webkit-transform:translate3d(48px,0,0);transform:translate3d(48px,0,0)}.fotorama__wrap--css3.fotorama__wrap--video .fotorama__fullscreen-icon{-webkit-transform:translate3d(32px,-32px,0)!important;transform:translate3d(32px,-32px,0)!important}.fotorama__wrap--css3.fotorama__wrap--video .fotorama__arr--prev{-webkit-transform:translate3d(-48px,0,0)!important;transform:translate3d(-48px,0,0)!important}.fotorama__wrap--css3.fotorama__wrap--video .fotorama__arr--next{-webkit-transform:translate3d(48px,0,0)!important;transform:translate3d(48px,0,0)!important}.fotorama__wrap--css3 .fotorama__arr:not(:focus),.fotorama__wrap--css3 .fotorama__fullscreen-icon:not(:focus),.fotorama__wrap--css3 .fotorama__video-close:not(:focus),.fotorama__wrap--css3 .fotorama__video-play:not(:focus){transition-property:-webkit-transform,opacity;transition-property:transform,opacity;transition-duration:.3s}.fotorama__nav:after,.fotorama__nav:before,.fotorama__stage:after,.fotorama__stage:before{content:"";display:block;position:absolute;text-decoration:none;top:0;bottom:0;width:10px;height:auto;z-index:10;pointer-events:none;background-repeat:no-repeat;background-size:1px 100%,5px 100%}.fotorama__nav:before,.fotorama__stage:before{background-image:linear-gradient(transparent,rgba(0,0,0,.2) 25%,rgba(0,0,0,.3) 75%,transparent),radial-gradient(farthest-side at 0 50%,rgba(0,0,0,.4),transparent);background-position:0 0,0 0;left:-10px}.fotorama__nav.fotorama__shadows--left:before,.fotorama__stage.fotorama__shadows--left:before{left:0}.fotorama__nav:after,.fotorama__stage:after{background-image:linear-gradient(transparent,rgba(0,0,0,.2) 25%,rgba(0,0,0,.3) 75%,transparent),radial-gradient(farthest-side at 100% 50%,rgba(0,0,0,.4),transparent);background-position:100% 0,100% 0;right:-10px}.fotorama__nav.fotorama__shadows--right:after,.fotorama__stage.fotorama__shadows--right:after{right:0}.fotorama--fullscreen .fotorama__nav:after,.fotorama--fullscreen .fotorama__nav:before,.fotorama--fullscreen .fotorama__stage:after,.fotorama--fullscreen .fotorama__stage:before,.fotorama__wrap--fade .fotorama__stage:after,.fotorama__wrap--fade .fotorama__stage:before,.fotorama__wrap--no-shadows .fotorama__nav:after,.fotorama__wrap--no-shadows .fotorama__nav:before,.fotorama__wrap--no-shadows .fotorama__stage:after,.fotorama__wrap--no-shadows .fotorama__stage:before{display:none}
.fotorama {
margin-bottom: 2rem;
}
/* GetCSS → Логотип */
.getcss-logo {
display: inline-block;
font-family: "Open Sans", Arial, sans-serif;
font-size: 2rem;
font-weight: 800;
line-height: 1em;
}
/* GetCSS → Пример */
.getcss-example {
padding: 2rem;
}
/* GetCSS → Сетка */
.getcss-example .getcss-example__grid .grid {
background: #f0f0f0;
}
.getcss-example .getcss-example__grid .grid__cell {
border: 1px dashed #ccc;
background: #fff;
}
.getcss-example__section {
padding: 2rem 0 1rem;
font-size: 1.5rem;
font-weight: bold;
line-height: 1.2em;
}
.getcss-example__section:first-of-type {
padding-top: 0;
}
.getcss-example__header {
padding: 2rem 0 0.5rem;
font-size: 1rem;
font-weight: bold;
line-height: 1.2em;
}
.getcss-example__header:first-of-type {
padding-top: 0;
}
/* GetCSS → Заголовок */
.getcss-header {
display: block;
padding: 0.8rem 0;
font-size: 1.2rem;
font-weight: bold;
}
.getcss-header__file {
font-family: Consolas, monospace;
font-size: 1rem;
font-weight: normal;
color: #999;
}
.getcss-paragraph {
position: relative;
display: block;
width: 100%;
height: 19.5rem;
background: -webkit-linear-gradient(to bottom, #ddd, #ddd 50%, #fff 50%, #fff);
background: linear-gradient(to bottom, #ddd, #ddd 50%, #fff 50%, #fff);
background-size: 100% 1rem;
}
.getcss-paragraph:after {
content: "";
position: absolute;
right: 0;
bottom: 0;
display: block;
width: 50%;
height: 0.5rem;
background: #fff;
}
.getcss-paragraph[data-height="3"] {height: 2.5rem;}
.getcss-paragraph[data-height="5"] {height: 4.5rem;}
.getcss-paragraph[data-height="10"] {height: 9.5rem;}
.getcss-paragraph[data-height="15"] {height: 14.5rem;}
/* Монитор */
.getcss-monitor {
margin: 2rem 0;
text-align: center;
}
.getcss-monitor__monitor {
position: relative;
width:60vw;
height:45vw;
margin: 0 auto;
border: 1px solid #ccc;
border-radius: 1rem;
}
.getcss-monitor__screen {
position: absolute;
top: 2rem;
right: 2rem;
bottom: 6rem;
left: 2rem;
background: #fff;
border: 1px solid #ccc;
overflow: auto;
}
.getcss-monitor__leg {
margin: 0 auto;
margin-top: -1px;
width: 20vw;
height: 5vw;
border: 1px solid #ccc;
border-bottom: 1px solid rgb(200, 200, 200);
}
.getcss-monitor__leg2 {
width: 30vw;
height: 1vw;
margin: 0 auto;
margin-top: -1px;
border: 1px solid #ccc;
border-radius: 0.5rem 0.5rem 0 0;
}
.getcss-monitor h2 {
line-height: 1.5em;
}
/* Сетка */
.grid {
position: relative;
font-size: 0 !important;
}
.grid.m-wrap {
max-width: 1400px;
margin: 0 auto;
}
.grid__cell {
position: relative;
display: inline-block;
width: 100%;
vertical-align: top;
font-size: 1rem;
}
/* Сетка → Текст */
.grid.m-text .grid__cell {
padding: 0 2rem 0 0;
}
/* Сетка → Макет */
.grid.m-layout {
overflow: hidden;
}
.grid.m-layout > .grid__layout > .grid__cell {
padding-left: 2rem;
padding-right: 2rem;
}
.grid__layout {
margin: 0 -2rem;
}
/* Сетка → Таблица */
.grid.m-table {
display: table;
width: 100%;
table-layout: fixed;
border-collapse: collapse;
border-spacing: 0;
}
.grid.m-table > .grid__layout {
display: table;
}
.grid.m-table > .grid__cell,
.grid.m-table > .grid__layout > .grid__cell {
display: table-cell;
width: auto;
height: 100%;
}
.grid.m-table > .grid__cell:not([class*="m-1"]):not([class*="m-2"]):not([class*="m-3"]):not([class*="m-4"]):not([class*="m-5"]):not([class*="m-6"]):not([class*="m-7"]):not([class*="m-8"]):not([class*="m-9"]):not([class*="m-10"]):not([class*="m-11"]):not([class*="m-12"]) {
width: auto;
}
/* Сетка → Baseline */
.grid.m-baseline {
vertical-align: baseline;
}
.grid.m-baseline > .grid__cell {
vertical-align: baseline;
}
/* Сетка → Плавающий блок */
.grid.m-float {
display: block;
}
.grid.m-float:after {
content: "";
width: 100%;
display: block;
clear: both;
}
.grid.m-float > .grid__cell {
display: block;
float: left;
width: auto;
}
/* Сетка → Выравнивание */
.grid.m-vm .grid__cell {
vertical-align: middle;
}
.grid.m-vb .grid__cell {
vertical-align: bottom;
}
/* Сетка → Внешний отступ */
.grid.m-margin {
margin-bottom: 2rem;
}
.grid.m-cellspacing > .grid__cell,
.grid.m-cellspacing > .grid__layout > .grid__cell,
.grid__cell.m-margin {
margin-bottom: 2rem;
}
/* Сетка → Внутренний отступ */
.grid.m-padding {
padding: 0 2rem;
}
.grid.m-cellpadding {
padding-bottom: 2rem;
}
.grid.m-cellpadding > .grid__cell,
.grid.m-cellpadding > .grid__layout > .grid__cell,
.grid__cell.m-padding {
padding: 2rem 2rem 0 2rem;
}
/* Сетка → Равные колонки */
.grid.m-2 > .grid__cell,
.grid.m-2 > .grid__layout > .grid__cell {width: 50%;}
.grid.m-3 > .grid__cell,
.grid.m-3 > .grid__layout > .grid__cell {width: 33.333%;}
.grid.m-4 > .grid__cell,
.grid.m-4 > .grid__layout > .grid__cell {width: 25%;}
.grid.m-5 > .grid__cell,
.grid.m-5 > .grid__layout > .grid__cell {width: 20%;}
.grid.m-6 > .grid__cell,
.grid.m-6 > .grid__layout > .grid__cell {width: 16.667%;}
.grid.m-7 > .grid__cell,
.grid.m-7 > .grid__layout > .grid__cell {width: 14.285%;}
.grid.m-8 > .grid__cell,
.grid.m-8 > .grid__layout > .grid__cell {width: 12.5%;}
.grid.m-9 > .grid__cell,
.grid.m-9 > .grid__layout > .grid__cell {width: 11.111%;}
.grid.m-10 > .grid__cell,
.grid.m-10 > .grid__layout > .grid__cell {width: 10%;}
.grid.m-12 > .grid__cell,
.grid.m-12 > .grid__layout > .grid__cell {width: 8.333%;}
/* Сетка → Разные колонки → Дроби */
.grid__cell.m-1-2 {width: 50%;}
.grid__cell.m-1-3 {width: 33.333%;}
.grid__cell.m-2-3 {width: 66.666%;}
.grid__cell.m-1-4 {width: 25%;}
.grid__cell.m-2-4 {width: 50%;}
.grid__cell.m-3-4 {width: 75%;}
.grid__cell.m-1-5 {width: 20%;}
.grid__cell.m-2-5 {width: 40%;}
.grid__cell.m-3-5 {width: 60%;}
.grid__cell.m-4-5 {width: 80%;}
.grid__cell.m-1-6 {width: 16.667%;}
.grid__cell.m-2-6 {width: 33.333%;}
.grid__cell.m-3-6 {width: 50%;}
.grid__cell.m-4-6 {width: 66.666%;}
.grid__cell.m-5-6 {width: 83.333%;}
.grid__cell.m-1-7 {width: 14.285%;}
.grid__cell.m-2-7 {width: 28.571%;}
.grid__cell.m-3-7 {width: 42.857%;}
.grid__cell.m-4-7 {width: 57.142%;}
.grid__cell.m-5-7 {width: 71.428%;}
.grid__cell.m-6-7 {width: 85.714%;}
.grid__cell.m-1-8 {width: 12.5%;}
.grid__cell.m-2-8 {width: 25%;}
.grid__cell.m-3-8 {width: 37.5%;}
.grid__cell.m-4-8 {width: 50%;}
.grid__cell.m-5-8 {width: 62.5%;}
.grid__cell.m-6-8 {width: 75%;}
.grid__cell.m-7-8 {width: 87.5%;}
.grid__cell.m-1-9 {width: 11.111%;}
.grid__cell.m-2-9 {width: 22.222%;}
.grid__cell.m-3-9 {width: 33.333%;}
.grid__cell.m-4-9 {width: 44.444%;}
.grid__cell.m-5-9 {width: 55.555%;}
.grid__cell.m-6-9 {width: 66.666%;}
.grid__cell.m-7-9 {width: 77.777%;}
.grid__cell.m-8-9 {width: 88.888%;}
.grid__cell.m-1-10 {width: 10%;}
.grid__cell.m-2-10 {width: 20%;}
.grid__cell.m-3-10 {width: 30%;}
.grid__cell.m-4-10 {width: 40%;}
.grid__cell.m-5-10 {width: 50%;}
.grid__cell.m-6-10 {width: 60%;}
.grid__cell.m-7-10 {width: 70%;}
.grid__cell.m-8-10 {width: 80%;}
.grid__cell.m-9-10 {width: 90%;}
.grid__cell.m-1-11 {width: 9.090%;}
.grid__cell.m-2-11 {width: 18.181%;}
.grid__cell.m-3-11 {width: 27.272%;}
.grid__cell.m-4-11 {width: 36.363%;}
.grid__cell.m-5-11 {width: 45.454%;}
.grid__cell.m-6-11 {width: 54.545%;}
.grid__cell.m-7-11 {width: 63.636%;}
.grid__cell.m-8-11 {width: 72.727%;}
.grid__cell.m-9-11 {width: 81.818%;}
.grid__cell.m-10-11 {width: 90.909%;}
.grid__cell.m-1-12 {width: 8.333%;}
.grid__cell.m-2-12 {width: 16.667%;}
.grid__cell.m-3-12 {width: 25%;}
.grid__cell.m-4-12 {width: 33.333%;}
.grid__cell.m-5-12 {width: 41.667%;}
.grid__cell.m-6-12 {width: 50%;}
.grid__cell.m-7-12 {width: 58.333%;}
.grid__cell.m-8-12 {width: 66.666%;}
.grid__cell.m-9-12 {width: 75%;}
.grid__cell.m-10-12 {width: 83.333%;}
.grid__cell.m-11-12 {width: 91.667%;}
/* Сетка → Разные колонки → Проценты */
.grid .grid__cell.m-5 {width: 5%;}
.grid .grid__cell.m-15 {width: 15%;}
.grid .grid__cell.m-18 {width: 18%;}
.grid .grid__cell.m-10 {width: 10%;}
.grid .grid__cell.m-20 {width: 20%;}
.grid .grid__cell.m-25 {width: 25%;}
.grid .grid__cell.m-30 {width: 30%;}
.grid .grid__cell.m-35 {width: 35%;}
.grid .grid__cell.m-40 {width: 40%;}
.grid .grid__cell.m-50 {width: 50%;}
.grid .grid__cell.m-60 {width: 60%;}
.grid .grid__cell.m-62 {width: 62%;}
.grid .grid__cell.m-65 {width: 65%;}
.grid .grid__cell.m-70 {width: 70%;}
.grid .grid__cell.m-75 {width: 75%;}
.grid .grid__cell.m-80 {width: 80%;}
.grid .grid__cell.m-90 {width: 90%;}
.grid .grid__cell.m-100 {width: 100%;}
/* Сетка → Отступы → Дроби */
.grid__cell.m-offset-1-2 {margin-left: 50%;}
.grid__cell.m-offset-1-3 {margin-left: 33.333%;}
.grid__cell.m-offset-2-3 {margin-left: 66.666%;}
.grid__cell.m-offset-1-4 {margin-left: 25%;}
.grid__cell.m-offset-2-4 {margin-left: 50%;}
.grid__cell.m-offset-3-4 {margin-left: 75%;}
.grid__cell.m-offset-1-5 {margin-left: 20%;}
.grid__cell.m-offset-2-5 {margin-left: 40%;}
.grid__cell.m-offset-3-5 {margin-left: 60%;}
.grid__cell.m-offset-4-5 {margin-left: 80%;}
.grid__cell.m-offset-1-6 {margin-left: 16.667%;}
.grid__cell.m-offset-2-6 {margin-left: 33.333%;}
.grid__cell.m-offset-3-6 {margin-left: 50%;}
.grid__cell.m-offset-4-6 {margin-left: 66.666%;}
.grid__cell.m-offset-5-6 {margin-left: 83.333%;}
.grid__cell.m-offset-1-7 {width: 14.285%;}
.grid__cell.m-offset-2-7 {width: 28.571%;}
.grid__cell.m-offset-3-7 {width: 42.857%;}
.grid__cell.m-offset-4-7 {width: 57.142%;}
.grid__cell.m-offset-5-7 {width: 71.428%;}
.grid__cell.m-offset-6-7 {width: 85.714%;}
.grid__cell.m-offset-1-8 {margin-left: 12.5%;}
.grid__cell.m-offset-2-8 {margin-left: 25%;}
.grid__cell.m-offset-3-8 {margin-left: 37.5%;}
.grid__cell.m-offset-4-8 {margin-left: 50%;}
.grid__cell.m-offset-5-8 {margin-left: 62.5%;}
.grid__cell.m-offset-6-8 {margin-left: 75%;}
.grid__cell.m-offset-7-8 {margin-left: 87.5%;}
.grid__cell.m-offset-1-9 {width: 11.111%;}
.grid__cell.m-offset-2-9 {width: 22.222%;}
.grid__cell.m-offset-3-9 {width: 33.333%;}
.grid__cell.m-offset-4-9 {width: 44.444%;}
.grid__cell.m-offset-5-9 {width: 55.555%;}
.grid__cell.m-offset-6-9 {width: 66.666%;}
.grid__cell.m-offset-7-9 {width: 77.777%;}
.grid__cell.m-offset-8-9 {width: 88.888%;}
.grid__cell.m-offset-1-10 {margin-left: 10%;}
.grid__cell.m-offset-2-10 {margin-left: 20%;}
.grid__cell.m-offset-3-10 {margin-left: 30%;}
.grid__cell.m-offset-4-10 {margin-left: 40%;}
.grid__cell.m-offset-5-10 {margin-left: 50%;}
.grid__cell.m-offset-6-10 {margin-left: 60%;}
.grid__cell.m-offset-7-10 {margin-left: 70%;}
.grid__cell.m-offset-8-10 {margin-left: 80%;}
.grid__cell.m-offset-9-10 {margin-left: 90%;}
.grid__cell.m-offset-1-11 {width: 9.090%;}
.grid__cell.m-offset-2-11 {width: 18.181%;}
.grid__cell.m-offset-3-11 {width: 27.272%;}
.grid__cell.m-offset-4-11 {width: 36.363%;}
.grid__cell.m-offset-5-11 {width: 45.454%;}
.grid__cell.m-offset-6-11 {width: 54.545%;}
.grid__cell.m-offset-7-11 {width: 63.636%;}
.grid__cell.m-offset-8-11 {width: 72.727%;}
.grid__cell.m-offset-9-11 {width: 81.818%;}
.grid__cell.m-offset-10-11 {width: 90.909%;}
.grid__cell.m-offset-1-12 {margin-left: 8.333%;}
.grid__cell.m-offset-2-12 {margin-left: 16.667%;}
.grid__cell.m-offset-3-12 {margin-left: 25%;}
.grid__cell.m-offset-4-12 {margin-left: 33.333%;}
.grid__cell.m-offset-5-12 {margin-left: 41.667%;}
.grid__cell.m-offset-6-12 {margin-left: 50%;}
.grid__cell.m-offset-7-12 {margin-left: 58.333%;}
.grid__cell.m-offset-8-12 {margin-left: 66.666%;}
.grid__cell.m-offset-9-12 {margin-left: 75%;}
.grid__cell.m-offset-10-12 {margin-left: 83.333%;}
.grid__cell.m-offset-11-12 {margin-left: 91.667%;}
/* Сетка → Отступы → Проценты */
.grid__cell.m-offset-10 {margin-left: 10%;}
.grid__cell.m-offset-20 {margin-left: 20%;}
.grid__cell.m-offset-25 {margin-left: 25%;}
.grid__cell.m-offset-30 {margin-left: 30%;}
.grid__cell.m-offset-40 {margin-left: 40%;}
.grid__cell.m-offset-50 {margin-left: 50%;}
.grid__cell.m-offset-60 {margin-left: 60%;}
.grid__cell.m-offset-70 {margin-left: 70%;}
.grid__cell.m-offset-75 {margin-left: 75%;}
.grid__cell.m-offset-80 {margin-left: 80%;}
/* Сетка → Адаптив */
@media only screen and (min-width : 480px) and (max-width : 840px) {
.grid {
}
.grid__cell {
width: 50% !important;
}
.grid__cell .grid__cell {
width: 100% !important;
}
.content__left.grid__cell .grid__cell {
width: 50% !important;
}
.grid.m-layout > .grid__layout > .grid__cell {
padding-left: 1rem;
padding-right: 1rem;
}
.grid__layout {
margin: 0 -1rem;
}
.grid.m-cellpadding > .grid__cell,
.grid.m-cellpadding > .grid__layout > .grid__cell,
.grid__cell.m-padding {
padding-left: 1rem;
padding-right: 1rem;
}
.grid.m-text.m-margin .grid__cell {
margin-bottom: 1rem;
}
.content > .grid > .grid__cell.m-2-3 {
width: 66.66% !important;
}
.content > .grid > .grid__cell.m-1-3 {
width: 33.33% !important;
}
}
@media only screen and (min-width : 480px) and (max-width : 768px) {
.grid.m-cellpadding.status.m-bg-beige > .grid__cell {
padding: 2rem 3rem 0 3rem;
}
.grid.m-cellpadding.status.m-bg-beige .grid__cell:first-child {
width: 100% !important;
}
.grid.m-cellpadding.status.m-bg-beige .grid__cell.m-62 {
width: 100% !important;
}
.grid.m-cellpadding.status.m-bg-beige .grid__cell:nth-child(5) {
width: 100% !important;
}
.modal > .grid > .grid__cell:only-child {
width: 100% !important;
}
.modal > .grid > .grid__cell:only-child .grid.m-text .grid__cell.m-60 {
width: 60% !important;
}
.modal > .grid > .grid__cell:only-child .grid.m-text .grid__cell.m-40 {
width: 40% !important;
}
.modal > .grid > .grid__cell:only-child .grid.m-text .grid__cell.m-35 {
width: 35% !important;
}
.modal > .grid > .grid__cell:only-child .grid.m-text .grid__cell.m-25 {
width: 25% !important;
}
.modal > .grid > .grid__cell:only-child .grid.m-text .grid__cell.m-40 {
width: 40% !important;
}
}
@media only screen and (max-width : 479px) {
.grid {
display: block !important;
width: 100% !important;
}
.grid__cell {
display: block !important;
width: 100% !important;
}
.grid.m-layout > .grid__layout > .grid__cell {
padding-left: 1rem;
padding-right: 1rem;
}
.grid__layout {
margin: 0 -1rem;
}
.grid.m-cellpadding > .grid__cell,
.grid.m-cellpadding > .grid__layout > .grid__cell,
.grid__cell.m-padding {
padding-left: 1rem;
padding-right: 1rem;
}
.grid.m-text.m-margin .grid__cell {
margin-bottom: 1rem;
}
.grid.m-cellpadding.status.m-bg-beige > .grid__cell {
padding: 2rem 3rem 0 3rem;
}
.modal > .grid > .grid__cell:only-child {
width: 100% !important;
}
}
/* Заголовок */
.header {
position: relative;
margin: 0 0 2rem 0;
padding: 2rem 3rem 1rem 3rem;
}
.path + .header {
padding: 0 3rem 1rem 3rem;
}
.header:before {
content: "";
position: absolute;
top: 100%;
left: 3rem;
width: 10rem;
height: 4px;
background: #f29f19;
}
.header h1,
.header__one {
padding: 0;
font-size: 2rem;
font-weight: bold;
line-height: 1.2em;
}
.wrap > .header h1,
.wrap > .header__one {
text-shadow: 1px 1px 5px rgba(0,0,0,1),1px 1px 10px rgba(0,0,0,0.5);
}
.header h2 {
font-size: 1.5rem;
font-weight: bold;
line-height: 1em;
}
.header h1 + h2 {
padding-top: 1em;
}
.wrap > .header {
padding: 2rem 0 0 0;
color: #fff;
}
.wrap > .header:before {
display: none;
}
/* Заголовок → Адаптив */
@media only screen and (min-width : 480px) and (max-width : 768px) {
.wrap.m-l.m-opaque .header,
.wrap.m-l.m-orange .header {
margin-top: 2rem;
}
}
@media only screen and (max-width : 479px) {
.header {
padding: 2rem 1.5rem 1rem 1.5rem;
}
.path + .header {
padding: 0 1.5rem 1rem 1.5rem;
}
.header:before {
left: 1.5rem;
}
.header h1,
.header__one {
font-size: 2rem;
}
.wrap.m-l.m-opaque .header,
.wrap.m-l.m-orange .header {
margin-top: 2rem;
}
.wrap.m-l.m-opaque .header .elastic__item:last-child {
display: block;
}
.wrap.m-l.m-opaque .header .elastic__item:last-child input {
width: 39%;
}
.wrap.m-l.m-opaque .header .elastic__item:last-child button {
width: 59%;
text-align: center !important;
}
.wrap.m-l.m-orange .header .elastic__item:last-child {
display: block;
}
.wrap.m-l.m-orange .header .elastic__item:last-child input {
width: 39%;
}
.wrap.m-l.m-orange .header .elastic__item:last-child button {
width: 59%;
text-align: center !important;
}
}
.bronbuttons {
background: rgba(255, 164, 32, 0.9) none repeat scroll 0 0;
display: inline-block;
font-size: 1.3rem;
font-weight: bold;
height: 3.5rem;
line-height: 1.2em;
margin-left: 2px;
padding: 0.75rem 1rem;
position: relative;
vertical-align: top;
z-index: 20;
color: #fff;
}
.bronbuttons:hover {
background: rgba(255, 164, 32, 1) none repeat scroll 0 0;
display: inline-block;
font-size: 1.3rem;
font-weight: bold;
height: 3.5rem;
line-height: 1.2em;
margin-left: 2px;
padding: 0.75rem 1rem;
position: relative;
vertical-align: top;
z-index: 20;
color: #fff;
cursor: pointer;
}
/* План корпусов */
.housing-plan__item {
stroke: #272727;
stroke-width: 35.28;
stroke-linecap: round;
stroke-linejoin: round;
-webkit-transition: all 0.1s ease-out;
transition: all 0.1s ease-out;
}
.housing-plan__link:hover .housing-plan__item {
stroke: #0E4C7A;
stroke-width: 55.28;
fill: rgba(190,221,228,0.5);
}
.housing-plan__link.m-current {
cursor: default;
}
.housing-plan__link.m-current .housing-plan__item {
stroke: #f5a11a;
stroke-width: 55.28;
fill: rgba(245,161,26,0.5);
stroke-width: 64;
}
.m-wave-1 {
stroke: #6C6B66;
stroke-width: 35.28;
stroke-linecap: round;
stroke-linejoin: round;
}
.m-wave-2 {
stroke: #6C6B66;
stroke-width: 20;
stroke-linecap: round;
stroke-linejoin: round;
}
.m-wave-3 {
stroke: #6C6B66;
stroke-width: 10;
stroke-linecap: round;
stroke-linejoin: round;
}
.m-transparent {
fill:rgba(255,255,255,0);
}
.m-text {
fill:#222;
}
/* Выбор корпуса */
.housing {
position: relative;
}
.housing img {
display: block;
width: 100%;
}
.housing svg {
position: absolute;
top: 0;
left: 0;
}
.housing path {
fill: rgba(10,78,133,0);
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.housing path:hover {
fill: rgba(10,78,133,0.5);
}
.housing__pin {
color: #fff;
font-size: 14px;
white-space: nowrap;
background: rgba(217,35,45,0.85);
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.housing__pin:hover {
background: #0a4e85;
}
.housing__beak {
content: "";
display: block;
width: 14px;
margin-top: -1px;
border-top: none;
border-right: none;
border-bottom: 14px solid rgba(255,255,255,0);
border-left: 14px solid rgba(217,35,45,0.85);
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.housing__pin:hover + .housing__beak {
border-left: 14px solid #0a4e85;
}
.housing__header {
padding: 8px 11px 3px 11px;
font-size: 20px;
font-weight: bold;
}
.housing__caption {
padding: 0 11px 8px 11px;
}
g:hover g path {
fill: rgba(10,78,133,0.5);
}
g:hover a .housing__pin {
background: #0a4e85;
}
g:hover a .housing__beak {
border-left: 14px solid #0a4e85;
}
/* Инфраструктура */
.infrastructure {
position: relative;
width: 100%;
}
.infrastructure__cover {
display: block;
width: 100%;
}
.infrastructure__pins {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.infrastructure__pin {
position: absolute;
top: 50%;
left: 50%;
width: 3rem;
height: 3rem;
color: #fff;
font-size: 2rem;
text-align: center;
line-height: 3rem;
cursor: pointer;
}
.infrastructure__pin:after {
content: "";
position: absolute;
top: 100%;
left: 0;
border-top: none;
border-right: none;
border-bottom: 1rem solid rgba(255,255,255,0);
border-left-width: 1rem;
border-left-style: solid;
}
.infrastructure__pin.m-red {
background: #d51130;
}
.infrastructure__pin.m-red:after {
border-left-color: #d51130;
}
.infrastructure__pin.m-yellow {
background: #f5a11a;
}
.infrastructure__pin.m-yellow:after {
border-left-color: #f5a11a;
}
.infrastructure__pin.m-blue {
background: #0a4e85;
}
.infrastructure__pin.m-blue:after {
border-left-color: #0a4e85;
}
.infrastructure__pin.m-green {
background: #093;
}
.infrastructure__pin.m-green:after {
border-left-color: #093;
}
/* Текстовое поле */
.input {
position: relative;
display: inline-block;
padding: 0 0 0 0.5em;
color: #222;
font-size: 1.1rem;
border: 1px solid #C7C7C7;
outline: none;
vertical-align: middle;
-webkit-appearance: none;
-webkit-transition: border 0.5s ease-out;
transition: border 0.5s ease-out;
}
.input[size="1"] {width: 1em !important;}
.input[size="2"] {width: 2em !important;}
.input[size="3"] {width: 3em !important;}
.input[size="4"] {width: 4em !important;}
.input[size="5"] {width: 5em !important;}
.input[size="6"] {width: 6em !important;}
.input[size="7"] {width: 7em !important;}
.input[size="8"] {width: 8em !important;}
.input[size="9"] {width: 9em !important;}
.input[size="10"] {width: 10em !important;}
.input.m-right {
text-align: right;
padding-right: 0.2em;
}
.input[type="file"] {
padding-left: 0;
}
.input.m-transparent {
border: 1px solid #e4e4e4;
background: transparent;
}
/* Текстовое поле → Состояния */
.input:focus {
border-color: #0f96da;
-webkit-transition: none;
transition: none;
z-index: 2;
}
.input.m-error {
border-color: #ed272f;
z-index: 2;
}
.input[disabled] {
opacity: 0.5;
}
/* Текстовое поле → Размеры */
.input.m-xs {
height: 1.2rem;
font-size: 0.85rem;
line-height: 1.2rem;
}
.input.m-s {
height: 1.6rem;
font-size: 0.9rem;
line-height: 1.6rem;
}
.input {
height: 2.5rem;
font-size: 1rem;
line-height: 2.5rem;
}
.input.m-l {
height: 3rem;
font-size: 1.1rem;
line-height: 3rem;
}
.input.m-xl {
height: 4rem;
font-size: 1.2rem;
line-height: 4rem;
}
/* Стилии для скриптов */
.js-hidden {
display: none;
}
.js-tabs__content {
display: none;
}
.js-tabs__content.m-current {
display: block;
}
/* Выпадающий список */
.dd-select {
display: inline-block !important;
width: auto !important;
background: transparent !important;
border: 1px solid #b17412 !important;
}
.dd-container {
display: inline-block !important;
width: auto !important;
font-size: 1rem !important;
}
.dd-option-image,
.dd-selected-image {
float: none !important;
height: 1.5rem;
}
.dd-selected {
padding: 0.3rem 2rem 0.3rem 0.5rem !important;
}
.dd-option-text,
.dd-selected-text {
color: #222 !important;
line-height: 1em !important;
}
.dd-options {
width: 15rem !important;
}
/* Выбор языка */
.lang {
position: relative;
display: inline-block;
line-height: 1em;
vertical-align: middle;
white-space: nowrap;
z-index: 2;
}
.lang:after {
content: "";
position: absolute;
right: 6px;
bottom: 50%;
display: block;
width: 0;
height: 0;
margin-bottom: -1px;
font-size: 0;
border-top: 4px solid #fff;
border-right: 4px outset transparent;
border-bottom: none;
border-left: 4px solid transparent;
}
.lang:before {
content: "";
position: absolute;
right: 6px;
bottom: 50%;
display: block;
width: 0;
height: 0;
margin-bottom: -2px;
font-size: 0;
border-top: 4px solid #253541;
border-right: 4px outset transparent;
border-bottom: none;
border-left: 4px solid transparent;
}
.lang__link {
position: relative;
display: inline-block;
margin: -1px;
padding: 0 1.2rem 0 0.5rem;
color: #253541;
font-size: 0.85rem;
font-weight: normal;
line-height: 2em;
text-decoration: none;
border: 1px solid #d6d6d6;
border-radius: 2px;
cursor: default;
}
.lang:hover .lang__link {
border-bottom: 1px solid #f1f1f1;
border-radius: 0.2rem 0.2rem 0 0;
z-index: 4;
}
.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(246,144,59,.7)}.likely{line-height:20px;margin:0 -5px -10px}.likely .likely__widget{font-size:14px;border-radius:3px;height:22px;margin:0 5px 10px}.likely .likely__icon{width:22px;height:22px}.likely .likely__button{padding:1px 4px 1px 0}.likely .likely__counter{padding:1px 4px}.likely svg{left:3px;top:3px;width:16px;height:16px}.likely-big{line-height:28px;margin:0 -6px -12px}.likely-big .likely__widget{font-size:18px;border-radius:4px;height:32px;margin:0 6px 12px}.likely-big .likely__icon{width:32px;height:32px}.likely-big .likely__button{padding:2px 6px 2px 0}.likely-big .likely__counter{padding:2px 6px}.likely-big svg{left:4px;top:4px;width:24px;height:24px}.likely-small{line-height:14px;margin:0 -4px -8px}.likely-small .likely__widget{font-size:12px;border-radius:2px;height:18px;margin:0 4px 8px}.likely-small .likely__icon{width:18px;height:18px}.likely-small .likely__button{padding:2px 3px 2px 0}.likely-small .likely__counter{padding:2px 3px}.likely-small svg{left:3px;top:3px;width:12px;height:12px}
.likely {
display: block;
margin-top: 1rem;
margin-bottom: 1rem;
text-align: center;
}
.likely:last-child {
margin-bottom: 0;
}
/* Меню */
.menu {
position: relative;
display: inline-block;
}
.menu__item {
position: relative;
display: inline-block;
line-height: 2.5em;
border: 1px solid transparent;
border-radius: 0.3rem;
}
.menu__item.m-current,
.menu__item:hover {
border-color: #dedede;
}
.menu__link {
position: relative;
display: inline-block;
padding: 0 1rem;
}
.menu__item.dropdown .menu__link {
padding-right: 2.5rem;
}
.menu__item.dropdown:hover {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.menu__item.dropdown .menu__link:before,
.menu__item.dropdown .menu__link:after {
content: "";
position: absolute;
top: 1rem;
right: 1rem;
display: inline-block;
width: 0;
height: 0;
border-top: 0.5rem solid #222;
border-top-color: inherit;
border-right: 0.5rem solid transparent;
border-bottom: none;
border-left: 0.5rem solid transparent;
vertical-align: middle;
}
.menu__item.dropdown .menu__link:after {
margin-top: -1px;
border-top-color: #fff;
}
.arcticmodal-overlay,
.arcticmodal-container {
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 1000;
}
.arcticmodal-overlay {
background: rgba(192,202,208,0.75);
}
.arcticmodal-container {
overflow: auto;
margin: 0;
padding: 0;
border: 0;
border-collapse: collapse;
}
*:first-child+html .arcticmodal-container {
height: 100%
}
.arcticmodal-container_i {
width: 100%;
height: 100%;
margin: 0 auto;
}
.arcticmodal-container_i2 {
padding: 2rem;
margin: 0;
border: 0;
text-align: center;
vertical-align: middle;
}
.arcticmodal-error {
padding: 20px;
border-radius: 10px;
background: #000;
color: #fff;
}
.arcticmodal-loading {
width: 80px;
height: 80px;
border-radius: 10px;
/*background: #000 url(loading.gif) no-repeat 50% 50%;*/
}
.modal__close {
position: absolute;
right: 12px;
top: 12px;
color: #999;
font-size: 32px;
cursor: pointer;
}
.modal__close:before {
content: "×";
}
.modal {
position: relative;
display: inline-block;
margin: 0 auto;
text-align: left;
background: #fff;
border-radius: 0.5rem;
box-shadow: 0px 12px 24px 0px rgba(0,0,0,0.3);
}
@media only screen and (max-width : 680px) {
.arcticmodal-container_i2 {
padding: 1rem;
}
}
@media only screen and (max-width : 768px) {
.modal {
max-width: 100vw !important;
max-width: calc(100vw - 2rem) !important;
width: auto !important;
}
.modal__close {
right: 15px;
top: 20px;
font-size: 64px;
}
}
/* Навигация */
.navigation {
position: relative;
width: auto;
padding: 0.75rem 0;
font-size: 0;
text-align: center;
background: #262626;
border: 1px solid rgba(0,0,0,0.3);
border-left: none;
border-right: 0;
z-index: 3;
}
.navigation:hover {
z-index: 50;
}
.navigation__section {
position: relative;
display: block;
}
.navigation__item {
position: relative;
display: block;
padding: 0.55rem 1.5rem 0.75rem 1.5rem;
color: #fff;
vertical-align: bottom;
white-space: nowrap;
-webkit-transition: none;
transition: none;
}
.navigation__item.m-current,
.navigation__section.m-current .navigation__item {
color: #fff;
background: #59b200;
}
.navigation__item:hover,
.navigation__section:hover .navigation__item,
.navigation__submenu.m-opened + .navigation__item {
color: #fff;
background: #f29f19;
z-index: 2;
}
.navigation__dropdown {
position: absolute;
left: -9999px;
}
.navigation__section:hover > .navigation__dropdown,
.navigation__section:hover .navigation__column:hover .navigation__dropdown {
top: 0;
left: 100%;
}
.navigation__column {
position: relative;
background: #f29f19;
}
.navigation__column:last-of-type {
background: transparent;
}
.navigation__dropdown .navigation__dropdown {
top: 0;
margin-left: 100%;
}
.navigation__link,
.navigation__link:hover {
position: relative;
display: block;
min-width: 14em;
padding: 0 2em 0 1em;
color: #fff;
font-size: 1rem;
white-space: nowrap;
text-align: left;
line-height: 2.6em;
text-decoration: none;
background: #f29f19;
}
.navigation__link:hover {
background: #D6253F;
}
.navigation__column:first-of-type,
.navigation__column:first-of-type .navigation__link {
border-radius: 0 0.5rem 0 0;
}
.navigation__column:last-of-type .navigation__link {
border-radius: 0 0 0.5rem 0;
}
.navigation__icon {
position: relative;
display: inline-block;
margin-left: -0.5rem;
font-size: 2.5rem;
line-height: 2.5rem;
}
.navigation__title {
position: relative;
display: block;
margin-top: 0.3rem;
font-size: 1.4rem;
font-weight: 600;
}
.navigation__darr {
display: inline-block;
font-size: 0.6rem;
vertical-align: top;
}
.navigation__button {
display: none;
}
#menu-line {
position: absolute;
top: 0;
left: 0;
height: 3px;
background: #009ae1;
-webkit-transition: all 0.25s ease-out;
-moz-transition: all 0.25s ease-out;
-ms-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
}
/*@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {*/
@media only screen and (max-width : 480px) {
.navigation {
width: 100%;
}
.navigation__layout,
.navigation__dropdown {
width: 100%;
display: none;
}
.navigation__section,
.navigation__column {
width: 100%;
height: auto;
}
.navigation__item {
display: block;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
text-align: left;
border-top: 1px solid rgba(0,0,0,0.05);
}
.navigation__icon {
margin-right: 0.75rem;
font-size: 1.8rem;
}
.navigation__title {
position: static;
display: inline-block;
}
.navigation__darr {
position: absolute;
top: 50%;
right: 2rem;
margin-top: -0.5rem;
}
.navigation__link,
.navigation__link:hover {
padding-left: 3.8rem;
}
.navigation__column:last-of-type .navigation__link {
border-radius: 0;
}
.navigation__dropdown {
position: relative;
left: 0;
right: auto;
width: 100%;
margin: 0;
}
.navigation__button {
position: relative;
display: block;
padding: 1rem 1.5rem;
cursor: pointer;
font-size: 1.2rem;
font-weight: 600;
text-align: left;
}
.navigation__button-icon {
position: absolute;
top: 0;
right: 1.3rem;
font-size: 2rem;
line-height: 3.2rem;
}
.navigation__submenu {
position: absolute;
right: 0;
top: 0;
display: block;
height: 100%;
width: 100%;
/*border-left: 1px solid #f0f0f0;*/
cursor: pointer;
z-index: 10;
}
.navigation__submenu.m-opened {
height: 4rem;
}
/* .navigation__submenu::after {
content: '';
position: absolute;
top: 21px;
left: 26px;
display: block;
width: 1px;
height: 11px;
background: #000000;
z-index: 99;
}
.navigation__submenu::before {
content: '';
position: absolute;
left: 21px;
top: 26px;
display: block;
width: 11px;
height: 1px;
background: #000000;
z-index: 99;
}
.navigation__submenu.m-opened:after {
display: none;
}*/
#menu-line {
display: none;
}
}
/* Навигация */
.nav {
position: relative;
width: 100%;
padding: 0.75rem 0;
text-align: center;
z-index: 10;
}
/* Навигация → Кнопка */
.nav__button {
position: relative;
display: block;
height: 3.5rem;
padding: 0 2rem 0 2rem;
color: #fff;
font-size: 1.6rem;
font-weight: 600;
text-align: left;
line-height: 3.5rem;
}
.nav__button:after {
content: "";
position: absolute;
top: 1rem;
right: 2rem;
display: block;
width: 1.8rem;
height: 1.2rem;
background: linear-gradient(
to bottom,
white, white 20%,
#262626 20%, #262626 40%,
white 40%, white 60%,
#262626 60%, #262626 80%,
white 80%, white 100%
);
}
/* Навигация → Выпадающий блок */
.nav__dropdown {
position: relative;
display: block;
}
/* Навигация → Категории */
.nav__items {
position: relative;
font-size: 0;
}
.nav__item {
display: block;
margin-top: 0.3rem;
padding: 0.55rem 1.5rem 0.75rem 1.5rem;
color: #fff;
font-size: 1.4rem;
font-weight: 600;
vertical-align: bottom;
white-space: nowrap;
-webkit-transition: none;
transition: none;
}
.nav__item:hover,
.nav__dropdown:hover .nav__item {
color: #fff;
background: #f29f19;
}
.nav__item.m-current {
color: #fff;
background: #f29f19;
}
.nav__title {
font-weight: bold;
}
/* Навигация → Выпадающий список */
.nav__list {
padding: 0;
font-size: 1rem;
text-align: left;
background: #f29f19;
border-radius: 0 0.5rem 0.5rem 0;
overflow: hidden;
}
.nav__column {
display: table-cell;
}
.nav__header {
display: block;
padding: 0.5rem 0.75rem;
white-space: nowrap;
}
.nav__link {
display: block;
color: #fff;
padding: 0 0.75rem;
white-space: nowrap;
line-height: 2.6em;
-webkit-transition: none;
transition: none;
}
.nav__link:hover {
color: #fff;
background: #D6253F;
}
/* Навигация → Адаптив */
@media only screen and (min-width : 480px) {
.nav__button {
display: none;
}
.nav__items {
display: block !important;
}
.nav__list {
top: 0 !important;
left: 100% !important;
min-width: 14rem;
}
.touchevents .dropdown__list .dropdown__list.nav__list {
position: absolute;
}
.nav__title {
font-size: 1.3rem;
}
}
@media only screen and (min-width : 480px) and (max-width : 768px) {
.nav__dropdown,
.nav__item {
display: inline-block;
}
.nav__item {
display: inline-block;
padding-left: 0.75rem;
padding-right: 0.75rem;
}
.nav__list {
top: 100% !important;
left: 0% !important;
min-width: 14rem;
}
}
@media only screen and (max-width : 479px) {
.nav__dropdown {
display: block;
}
.nav__list {
overflow: auto;
border-radius: 0;
}
.nav__item {
position: relative;
display: block;
width: auto;
padding: 1rem 0;
}
.nav__dropdown .nav__item:before {
content: "";
position: absolute;
top: 50%;
right: 0.5rem;
width: 0;
height: 0;
border-top: 0.5rem solid #fff;
border-right: 0.5rem solid rgba(255,255,255,0);
border-bottom: none;
border-left: 0.5rem solid rgba(255,255,255,0);
}
.nav__item:hover:before,
.nav__item.m-hover:before {
content: "";
position: absolute;
top: 50%;
right: 0.5rem;
width: 0;
height: 0;
border-top: none;
border-right: 0.5rem solid rgba(255,255,255,0);
border-bottom: 0.5rem solid #fff;
border-left: 0.5rem solid rgba(255,255,255,0);
}
.nav__items > * {
margin: 0 2rem;
border-top: 1px solid rgba(0,0,0,0.3);
}
.nav__icon,
.nav__title {
display: table-cell;
text-align: left;
vertical-align: middle;
}
.nav__icon {
width: 3.5rem;
}
.nav__icon svg {
width: 2.5rem;
height: 2.5rem;
margin: 0 auto;
}
.nav__title {
font-size: 1.2rem;
}
.no-touchevents .nav__items .nav__list {
display: none !important;
}
.nav__item:hover,
.nav__dropdown:hover .nav__item {
background: transparent;
}
.nav__list {
background: transparent;
padding-bottom: 1rem;
}
}
/* Новости */
.news {
position: relative;
font-size: 0;
}
.news:after {
content: '';
display: block;
clear: both;
}
.news__item {
display: block;
width: 100%;
float: left;
}
.news__layout {
position: relative;
}
.news__content {
position: relative;
display: inline-block;
height: 22rem;
padding: 2rem;
color: #fff;
vertical-align: top;
background: #f5a11a;
z-index: 2;
}
.news__content:before {
content: "";
position: absolute;
top: 4rem;
left: 100%;
border-top: 1.6rem solid #f5a11a;
border-bottom: none;
border-left: none;
}
.news__head {
position: relative;
margin-bottom: 1rem;
}
.news__head:before {
content: "";
position: absolute;
top: 100%;
left: 0;
width: 5rem;
height: 3px;
margin: 0.2rem 0 0 0;
background: #d51130;
}
.news__date {
position: relative;
display: inline-block;
margin-right: 0.5em;
font-size: 1rem;
vertical-align: baseline;
}
.news__label {
position: relative;
display: inline-block;
padding: 0.1em 0.2em 0.1em 0.25em;
color: #fff;
font-size: 0.85rem;
text-transform: uppercase;
vertical-align: baseline;
background: #d51130;
}
.news__body {
}
.news__source {
padding-bottom: 0.25rem;
color: #d51130;
font-size: 1rem;
font-weight: bold;
}
.news__header {
margin: 0 0 0.25em 0;
color: #d51130;
font-size: 1.4rem;
font-weight: bold;
text-transform: uppercase;
line-height: 1.2em;
}
.news__snippet {
margin: 0 0 0.5em 0;
font-size: 1rem;
line-height: 1.4em;
}
.news__more {
color: #d51130;
font-size: 0.85rem;
font-weight: bold;
text-transform: uppercase;
}
.news__more:hover {
color: #222;
}
.news__more > *:before {
font-size: 0.8em;
}
.news__cover {
position: relative;
display: inline-block;
height: 22rem;
vertical-align: top;
background-position: center center;
background-size: cover;
}
.news__offers {
position: absolute;
top: 0;
right: 0;
width: 20%;
height: 22rem;
padding: 2rem;
background: #d51130;
}
.news__offers .news__head {
position: relative;
margin-bottom: 1rem;
padding-bottom: 0.25rem;
color: #fff;
font-size: 2rem;
font-weight: bold;
line-height: 1em;
text-transform: uppercase;
}
.news__offers .news__head:before {
content: "";
position: absolute;
top: 100%;
left: 0;
width: 5rem;
height: 3px;
margin: 0.2rem 0 0 0;
background: #fff;
}
.news__list {
position: relative;
display: block;
padding-top: 0.5rem;
}
.news__li {
position: relative;
display: block;
margin-bottom: 1rem;
color: #fff;
font-size: 1.1rem;
}
.news__li span:before {
font-size: 0.5rem;
}
/* Новости → Позиционирование */
.news.m-inner .news__item:nth-child(1) {
width: 100%;
}
.news.m-inner .news__item:nth-child(1) .news__content {
width: 100%;
}
.news.m-inner .news__item:nth-child(2) {
width: 100%;
}
.news.m-inner .news__item:nth-child(2) .news__layout {
display: flex;
flex-direction: column;
flex-direction: column-reverse;
}
.news.m-inner .news__item:nth-child(2) .news__content {
width: 100%;
}
.news.m-inner .news__item:nth-child(2) .news__content:before {
top: auto;
bottom: 100%;
left: 4rem;
border-right: none;
border-top: 1.3rem solid rgba(255,255,255,0);
border-bottom: none;
border-left: 1.6rem solid #f5a11a;
}
.news.m-inner .news__item:nth-child(2) .news__cover {
width: 100%;
display: none;
}
.news.m-inner .news__item:nth-child(3) {
width: 100%;
}
.news.m-inner .news__item:nth-child(3) .news__content {
width: 100%;
}
.news.m-inner .news__item:nth-child(3) .news__cover {
width: 50%;
display: none;
}
.news.m-inner .news__item:nth-child(4) {
width: 66.66%;
}
.news.m-inner .news__item:nth-child(4) .news__layout {
display: flex;
flex-direction: row;
flex-direction: row-reverse;
}
.news.m-inner .news__item:nth-child(4) .news__content {
width: 50%;
}
.news.m-inner .news__item:nth-child(4) .news__content:before {
top: 4rem;
right: 100%;
left: auto;
border-top: 1.6rem solid #f5a11a;
border-left: 1.3rem solid rgba(255,255,255,0);
border-bottom: none;
border-right: none;
}
.news.m-inner .news__item:nth-child(4) .news__cover {
width: 50%;
}
.news.m-inner .news__item:nth-child(5) .news__layout {
display: flex;
flex-direction: row;
flex-direction: row-reverse;
}
.news.m-inner .news__item:nth-child(5) .news__content {
width: 66.66%;
color: #222;
background: transparent;
}
.news.m-inner .news__item:nth-child(5) .news__content:before {
display: none;
}
.news.m-inner .news__item:nth-child(5) .news__cover {
width: 33.33%;
}
.news.m-inner .news__item:nth-child(5) .news__cover:after {
content: "";
position: absolute;
right: 0;
bottom: 0;
left: 0;
height: 3rem;
background: url(/assets/templates/img/design/news__cover.png) no-repeat bottom right / 100% 100%;
}
/* Новости → Позиционирование на главной */
.news.m-index .news__item:nth-child(1) {
width: 60%;
}
.news.m-index .news__item:nth-child(1) .news__content {
position: absolute;
right: 0;
bottom: 0;
width: 66.66%;
height: 22rem;
background: #fff;
z-index: 2;
}
.news.m-index .news__item:nth-child(1) .news__cover {
width: 66.67%;
/* height: 44rem; */
height: 100%;
}
.news.m-index .news__item:nth-child(1) .news__date {
color: rgba(0,0,0,0.75);
}
.news.m-index .news__item:nth-child(1) .news__snippet {
color: #222;
}
.news.m-index .news__item:nth-child(1) .news__content:before {
content: "";
position: absolute;
top: auto;
bottom: 100%;
left: 4rem;
border-right: none;
border-top: 1.3rem solid rgba(255,255,255,0);
border-bottom: none;
border-left: 1.6rem solid #fff;
}
.news.m-index .news__item:nth-child(2) {
width: 40%;
margin-left: -20%;
}
.news.m-index .news__item:nth-child(2) .news__layout {
display: block;
}
.news.m-index .news__item:nth-child(2) .news__content {
width: 50%;
}
.news.m-index .news__item:nth-child(2) .news__cover {
width: 50%;
}
.news.m-index .news__item:nth-child(3) {
width: 40%;
}
.news.m-index .news__item:nth-child(3) .news__content {
width: 50%;
}
.news.m-index .news__item:nth-child(3) .news__cover {
width: 50%;
}
/* Новости → Заголовок над текстом */
.news.m-text {
display: inline-block;
margin: 0 0 -3rem 0;
padding: 2rem 0 1rem 0;
}
/* Новости → Галарея */
.news.m-gallery {
margin-bottom: 2rem;
}
.news.m-gallery .news__content,
.news.m-gallery .news__cover {
height: 17rem;
}
.news.m-gallery .news__item:nth-child(2n-1) {
width: 100%;
}
.news.m-gallery .news__item:nth-child(2n-1) .news__content {
width: 33.33%;
}
.news.m-gallery .news__item:nth-child(2n-1) .news__cover {
width: 66.66%;
}
.news.m-gallery .news__item:nth-child(2n) .news__layout {
display: flex;
flex-direction: row;
flex-direction: row-reverse;
}
.news.m-gallery .news__item:nth-child(2n) .news__content {
width: 33.33%;
}
.news.m-gallery .news__item:nth-child(2n) .news__content:before {
top: 4rem;
right: 100%;
left: auto;
border-top: 1.6rem solid #f5a11a;
border-left: 1.3rem solid rgba(255,255,255,0);
border-bottom: none;
border-right: none;
}
.news.m-gallery .news__item:nth-child(2n) .news__cover {
width: 66.66%;
}
@media only screen and (max-width : 900px) {
.news.m-gallery {
margin-top: -3rem;
}
.news.m-gallery .news__item:nth-child(2n-1) .news__content {
width: 50% !important;
}
.news.m-gallery .news__item:nth-child(2n-1) .news__cover {
width: 50% !important;
}
.news.m-gallery .news__item:nth-child(2n) .news__content {
width: 50% !important;
}
.news.m-gallery .news__item:nth-child(2n) .news__cover {
width: 50% !important;
}
.news.m-index .news__item:nth-child(1),
.news.m-index .news__item:nth-child(2),
.news.m-index .news__item:nth-child(3),
.news.m-index .news__item:nth-child(4) {
width: 100% !important;
}
.news.m-index .news__item:nth-child(1) .news__content,
.news.m-index .news__item:nth-child(2) .news__content,
.news.m-index .news__item:nth-child(3) .news__content,
.news.m-index .news__item:nth-child(4) .news__content {
width: 50% !important;
}
.news.m-index .news__item:nth-child(1) .news__cover,
.news.m-index .news__item:nth-child(2) .news__cover,
.news.m-index .news__item:nth-child(3) .news__cover,
.news.m-index .news__item:nth-child(4) .news__cover {
width: 50% !important;
height: 22rem;
}
.news.m-index .news__item:nth-child(2) {
margin-left: 0;
}
.news.m-index .news__item:nth-child(2) .news__layout {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.news.m-index .news__content:before {
display: none;
}
.news__offers {
position: relative;
display: block;
width: 100%;
height: auto;
float: left;
clear: both;
}
.news.m-inner {
margin-top: -3rem;
}
}
@media only screen and (max-width : 479px) {
.news.m-gallery {
margin-top: -3rem;
}
.news.m-gallery .news__item:nth-child(2n-1) .news__content {
width: 100% !important;
}
.news.m-gallery .news__item:nth-child(2n-1) .news__cover {
width: 100% !important;
}
.news.m-gallery .news__item:nth-child(2n) .news__content {
width: 100% !important;
}
.news.m-gallery .news__item:nth-child(2n) .news__cover {
width: 100% !important;
}
.news.m-gallery .news__item:nth-child(2n) .news__layout {
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.news.m-gallery .news__content {
height: auto;
}
.news.m-gallery .news__item:nth-child(2n) .news__content:before {
top: 100%;
right: auto;
left: auto;
border-top: 1.6rem solid #f5a11a;
border-right: 1.3rem solid rgba(255,255,255,0);
border-bottom: none;
border-left: none;
}
.news__content:before {
content: "";
position: absolute;
top: 100%;
right: auto;
left: auto;
border-top: 1.6rem solid #f5a11a;
border-right: 1.3rem solid rgba(255,255,255,0);
border-bottom: none;
border-left: none;
}
.news.m-index .news__item:nth-child(1),
.news.m-index .news__item:nth-child(2),
.news.m-index .news__item:nth-child(3),
.news.m-index .news__item:nth-child(4),
.news.m-inner .news__item:nth-child(1),
.news.m-inner .news__item:nth-child(2),
.news.m-inner .news__item:nth-child(3),
.news.m-inner .news__item:nth-child(4) {
width: 100% !important;
}
.news.m-index .news__item:nth-child(1) .news__content,
.news.m-index .news__item:nth-child(2) .news__content,
.news.m-index .news__item:nth-child(3) .news__content,
.news.m-index .news__item:nth-child(4) .news__content,
.news.m-inner .news__item:nth-child(1) .news__content,
.news.m-inner .news__item:nth-child(2) .news__content,
.news.m-inner .news__item:nth-child(3) .news__content,
.news.m-inner .news__item:nth-child(4) .news__content {
width: 100% !important;
height: auto;
}
.news.m-index .news__item:nth-child(1) .news__cover,
.news.m-index .news__item:nth-child(2) .news__cover,
.news.m-index .news__item:nth-child(3) .news__cover,
.news.m-index .news__item:nth-child(4) .news__cover,
.news.m-inner .news__item:nth-child(1) .news__cover,
.news.m-inner .news__item:nth-child(2) .news__cover,
.news.m-inner .news__item:nth-child(3) .news__cover,
.news.m-inner .news__item:nth-child(4) .news__cover {
width: 100% !important;
height: 22rem;
}
.news.m-index .news__item:nth-child(1) .news__cover {
height: 32rem;
}
.news.m-index .news__item:nth-child(2) {
margin-left: 0;
}
.news.m-index .news__item:nth-child(2) .news__layout {
display: block;
}
.news.m-index .news__content:before {
display: block;
}
.news.m-inner .news__item:nth-child(4) .news__layout {
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.news.m-inner .news__item:nth-child(2) .news__layout {
-webkit-flex-direction: row-reverse;
flex-direction: row-reverse;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.news.m-inner .news__item:nth-child(2n) .news__content:before {
top: 100%;
right: auto;
left: auto;
border-top: 1.6rem solid #f5a11a;
border-right: 1.3rem solid rgba(255,255,255,0);
border-bottom: none;
border-left: none;
}
}
.m-inner1 {
width: 33.33%;
}
.m-inner1 {
float: left;
}
.news__cover1 {
position: absolute;
display: block;
height: 1000px;
vertical-align: top;
background-position: center center;
background-size: cover;
width: 66.66%;
float: right;
top: 0px;
margin-left: 33.33%;
}
/* Стили для страницы НОВОСТИ */
.news.m-inner .novost__item .novost__content {
background: transparent none repeat scroll 0 0;
color: #222;
height: auto;
width: 66.66%;
}
.news.m-inner .novost__item .novost__content::before {
display: none;
}
.novost__content {
background: #f5a11a none repeat scroll 0 0;
color: #fff;
display: inline-block;
height: 22rem;
padding: 2rem;
position: relative;
vertical-align: top;
z-index: 2;
}
.news.m-inner .novost__item .novost__layout {
display: flex;
flex-direction: row-reverse;
}
.novost__item {
display: block;
float: left;
width: 100%;
margin-bottom: 10px;
}
.novost__content {
background: #f5a11a none repeat scroll 0 0;
color: #fff;
display: inline-block;
height: 22rem;
padding: 2rem;
position: relative;
vertical-align: top;
z-index: 2;
}
.news.m-inner .novost__item .news__cover {
width: 33.33%;
}
.novost__layout {
position: relative;
}
.novost__content::before {
border-color: #f5a11a rgba(255, 255, 255, 0) -moz-use-text-color -moz-use-text-color;
border-style: solid solid none none;
border-width: 1.6rem 1.3rem medium medium;
content: "";
left: 100%;
position: absolute;
top: 4rem;
}
.news.m-inner .novost__item .novost__cover::after {
background: rgba(0, 0, 0, 0) url("/assets/templates/img/design/news__cover.png") no-repeat scroll right bottom / 100% 100%;
bottom: 0;
content: "";
height: 3rem;
left: 0;
position: absolute;
right: 0;
}
.news.m-inner .novost__item .novost__cover {
width: 33.33%;
}
.novost__cover {
background-position: center center;
background-size: cover;
display: inline-block;
height: 22rem;
position: relative;
vertical-align: top;
}
/* Functional styling;
* These styles are required for noUiSlider to function.
* You don't need to change these rules to apply your design.
*/
.noUi-target,
.noUi-target * {
-webkit-touch-callout: none;
-webkit-user-select: none;
-ms-touch-action: none;
touch-action: none;
-ms-user-select: none;
-moz-user-select: none;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.noUi-target {
position: relative;
direction: ltr;
}
.noUi-base {
width: 100%;
height: 100%;
position: relative;
z-index: 1; /* Fix 401 */
}
.noUi-origin {
position: absolute;
right: 0;
top: 0;
left: 0;
bottom: 0;
}
.noUi-handle {
position: relative;
z-index: 1;
}
.noUi-stacking .noUi-handle {
/* This class is applied to the lower origin when
its values is > 50%. */
z-index: 10;
}
.noUi-state-tap .noUi-origin {
-webkit-transition: left 0.3s, top 0.3s;
transition: left 0.3s, top 0.3s;
}
.noUi-state-drag * {
cursor: inherit !important;
}
/* Painting and performance;
* Browsers can paint handles in their own layer.
*/
.noUi-base {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
/* Slider size and handle placement;
*/
.noUi-horizontal {
height: 12px;
}
.noUi-horizontal .noUi-handle {
width: 24px;
height: 24px;
left: -17px;
top: -6px;
}
.noUi-vertical {
width: 18px;
}
.noUi-vertical .noUi-handle {
width: 28px;
height: 34px;
left: -6px;
top: -17px;
}
/* Styling;
*/
.noUi-background {
background: #FAFAFA;
/*box-shadow: inset 0 1px 1px #f0f0f0;*/
}
.noUi-connect {
background: #F5A11A;
/* box-shadow: inset 0 0 3px rgba(51,51,51,0.45); */
-webkit-transition: background 450ms;
transition: background 450ms;
}
.noUi-origin {
/*border-radius: 2px;*/
}
.noUi-target {
/*border-radius: 4px;*/
/*border: 1px solid #D3D3D3;*/
/*box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;*/
}
.noUi-target.noUi-connect {
/*box-shadow: inset 0 0 3px rgba(51,51,51,0.45), 0 3px 6px -5px #BBB;*/
}
/* Handles and cursors;
*/
.noUi-draggable {
cursor: w-resize;
}
.noUi-vertical .noUi-draggable {
cursor: n-resize;
}
.noUi-handle {
border: 1px solid #0A4E85;
/* border-radius: 3px; */
background: #F5A11A;
cursor: default;
/* box-shadow: inset 0 0 1px #FFF,
inset 0 1px 7px #EBEBEB,
0 3px 6px -3px #BBB; */
}
.noUi-active {
background: #E28A05;
/*box-shadow: inset 0 0 1px #FFF,
inset 0 1px 7px #DDD,
0 3px 6px -3px #BBB;*/
}
/* Handle stripes;
*/
.noUi-handle:before,
.noUi-handle:after {
content: "";
display: block;
position: absolute;
height: 13px;
width: 3px;
background: #F5A11A;
left: 7px;
top: 5px;
border-left: 1px solid #F7B03C;
border-right: 1px solid #BD7909;
}
.noUi-handle:after {
left: 12px;
}
.noUi-vertical .noUi-handle:before,
.noUi-vertical .noUi-handle:after {
width: 14px;
height: 1px;
left: 6px;
top: 14px;
}
.noUi-vertical .noUi-handle:after {
top: 17px;
}
/* Disabled state;
*/
[disabled].noUi-connect,
[disabled] .noUi-connect {
background: #B8B8B8;
}
[disabled].noUi-origin,
[disabled] .noUi-handle {
cursor: not-allowed;
}
/* Новости */
.offers {
position: relative;
font-size: 0;
}
.offers:after {
content: '';
display: block;
clear: both;
}
.offers__item {
position: relative;
display: block;
width: 33.33%;
float: left;
}
.offers__layout {
position: relative;
}
.offers__content {
position: relative;
display: inline-block;
height: 22rem;
padding: 2rem;
color: #fff;
vertical-align: top;
background: transparent;
z-index: 2;
}
.offers__item:nth-child(2n+2) {
background: rgba(10,78,133,1);
}
.offers__item:nth-child(3n-3) {
background: rgba(213,17,48,1);
}
.offers__item:last-child {
border-left: 1px solid rgba(0,0,0,0.1);
background: transparent;
}
.offers__head {
position: relative;
margin-bottom: 1rem;
}
.offers__head:before {
content: "";
position: absolute;
top: 100%;
left: 0;
width: 5rem;
height: 3px;
margin: 0.2rem 0 0 0;
background: #d51130;
}
.offers__date {
position: relative;
display: inline-block;
margin-right: 0.5em;
font-size: 1rem;
vertical-align: baseline;
}
.offers__label {
position: relative;
display: inline-block;
padding: 0.1em 0.2em 0.1em 0.25em;
color: #fff;
font-size: 0.85rem;
text-transform: uppercase;
vertical-align: baseline;
background: #d51130;
}
.offers__body {
}
.offers__header {
margin: 0 0 0.25em 0;
color: #d51130;
font-size: 1.4rem;
font-weight: bold;
text-transform: uppercase;
line-height: 1.2em;
}
.offers__snippet {
margin: 0 0 0.5em 0;
font-size: 1rem;
line-height: 1.4em;
}
.offers__more {
color: #d51130;
font-size: 0.85rem;
font-weight: bold;
text-transform: uppercase;
}
.offers__more > *:before {
font-size: 0.8em;
}
.offers__cover {
position: relative;
display: inline-block;
height: 22rem;
vertical-align: top;
background-position: center center;
background-size: cover;
}
.offers__list {
position: relative;
display: block;
padding-top: 0.5rem;
}
.offers__li {
position: relative;
display: block;
margin-bottom: 1rem;
color: #fff;
font-size: 1.1rem;
}
.offers__li span:before {
font-size: 0.5rem;
}
.offers__item:nth-child(4):after {
content: "";
position: absolute;
right: 0;
bottom: 0;
left: 0;
height: 3rem;
background: url(/assets/templates/img/design/offers__cover.png) no-repeat bottom right / 100% 100%;
z-index: 2;
}
/* Акции → Адаптив */
@media only screen and (min-width : 480px) and (max-width : 768px) {
.wrap.m-l.m-orange .offers.banners {
margin-top: -3rem;
}
}
@media only screen and (max-width : 479px) {
.offers__item {
position: relative;
display: block;
width: 50%;
float: left;
}
.wrap.m-l.m-orange .offers.banners {
margin-top: -3rem;
}
}
/* Постраничная навигация */
.pagination {
position: relative;
text-align: center;
margin-bottom: 2rem;
}
.pagination__item {
position: relative;
display: inline-block;
margin: 0.2em 0.3em;
font-size: 1.5rem;
font-weight: bold;
line-height: 1.2em;
vertical-align: baseline;
}
.pagination__item.m-current,
.pagination__item.m-current:hover {
margin: 0;
padding: 0.2em 0.3em;
color: #d51130;
text-decoration: none;
border: none;
border-radius: 0.25em;
background: transparent;
cursor: default;
}
.pagination__item > *:before {
font-size: 0.65em;
}
/* Постраничная навигация → Бордер */
.pagination.m-hr {
padding-top: 2rem;
}
.likely + .pagination.m-hr {
margin-top: 2rem;
}
.pagination.m-hr:before {
content: "";
position: absolute;
right: 3rem;
bottom: 100%;
left: 3rem;
height: 1px;
background: rgba(0,0,0,0.15);
}
/* Постраничная навигация → Малая */
.pagination.m-s .pagination__item {
font-size: 1rem;
}
/* Постраничная навигация → На оранжевом фоне */
.wrap.m-orange .pagination__item {
color: #d9282c;
}
.wrap.m-orange .pagination__item:hover {
color: #5a1012;
}
.wrap.m-orange .pagination__item.m-current {
color: #000;
}
/* Путь */
.path {
position: relative;
padding: 1.5rem 0 0 3rem;
overflow: hidden;
z-index: 50;
}
.path:hover {
overflow: visible;
}
.path__layout {
position: relative;
width: 100%;
max-width: 1440px;
margin: 0 auto;
margin-left: -0.75rem;
border-collapse: separate;
border-spacing: 0;
}
.path__section {
position: relative;
display: inline-block;
height: 2.5rem;
padding: 0 0.75em 0 0.75em;
font-size: 1rem;
font-weight: bold;
line-height: 2.5rem;
text-align: center;
vertical-align: bottom;
-webkit-transition: none;
transition: none;
}
.path__section:after,
.path__section:before {
content: "";
position: absolute;
top: 30%;
right: 0;
display: block;
width: 2rem;
height: 20%;
border-right: 1px solid rgba(0,0,0,0.4);
-webkit-transform: skewX(33deg);
-ms-transform: skewX(33deg);
transform: skewX(33deg);
z-index: -1;
}
.path__section:before {
top: 50%;
-webkit-transform: skewX(-33deg);
-ms-transform: skewX(-33deg);
transform: skewX(-33deg);
}
.path__section:last-of-type:before,
.path__section:last-of-type:after {
display: none;
}
.path__item {
position: relative;
display: inline-block;
height: 2.5rem;
padding: 0 0.75em;
font-size: 0.85rem;
line-height: 2.5rem;
text-align: center;
white-space: nowrap;
vertical-align: bottom;
-webkit-transition: none;
transition: none;
}
.path__section + .path__item {
margin-left: 0.5em;
}
.path__link {
display: block;
color: rgba(0,0,0,0.8);
}
.path__item.m-current .path__link {
margin: 0.5rem -0.3em 0 -0.3em;
padding: 0 0.65em;
line-height: 1.5rem;
border-radius: 0.9em;
border: 1px solid rgba(0,0,0,0.4);
}
.path__more {
font-size: 0.8em;
}
/* Путь → Адаптив */
@media only screen and (max-width : 479px) {
.path {
padding-left: 1.5rem;
}
}
/* Лента */
.ribbon {
position: absolute;
top: 0;
right: 0;
width: 212px;
height: 212px;
background: url(/assets/templates/img/design/ribbon.png);
background-size: cover;
z-index: 20;
}
/* Щит → Адаптив */
@media only screen and (min-width : 1025px) and (max-width : 1152px) {
.ribbon {
width: 164px;
height: 164px;
}
}
@media only screen and (min-width : 901px) and (max-width : 1024px) {
.ribbon {
width: 128px;
height: 128px;
}
}
@media only screen and (max-width : 900px) {
.ribbon {
display: none;
}
}
/* Рубль */
@font-face {
font-family: 'Rub';
src: url('/assets/templates/fonts/alsrubl-arial-regular.eot');
src: url('/assets/templates/fonts/alsrubl-arial-regular.eot?#iefix') format('embedded-opentype'),url('/assets/templates/fonts/alsrubl-arial-regular.woff') format('woff'), url('/assets/templates/fonts/alsrubl-arial-regular.ttf') format('truetype'), url('/assets/templates/fonts/alsrubl-arial-regular.svg#ALSRublArialRegular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Rub';
src: url('/assets/templates/fonts/alsrubl-arial-bold.eot');
src: url('/assets/templates/fonts/alsrubl-arial-bold.eot?#iefix') format('embedded-opentype'), url('/assets/templates/fonts/alsrubl-arial-bold.woff') format('woff'), url('/assets/templates/fonts/alsrubl-arial-bold.ttf') format('truetype'), url('/assets/templates/fonts/alsrubl-arial-bold.svg#ALSRublArialBold') format('svg');
font-weight: bold;
font-style: normal;
}
.rub {
display: inline-block;
padding-left: 0.1em;
font-family:'Rub', Arial, sans-serif;
line-height: normal;
}
.rub:before {
content: "Р";
font-family:'Rub', Arial, sans-serif;
}
.rub > span {
width: 0;
height: 0;
overflow: hidden;
font-size: 0;
}
/* Поиск */
.search {
position: relative;
display: block;
width: 100%;
padding-top: 0.4rem;
}
.search__form {
position: relative;
}
.search__input {
position: relative;
display: inline-block;
width: 100%;
height: 2.2rem;
padding: 0 0 0 1rem;
color: #222;
font-size: 1rem;
border: 1px solid #d6d6d6;
border-radius: 1.1rem;
background: #fff;
outline: none;
vertical-align: top;
-webkit-appearance: none;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.search__input:focus {
box-shadow: 0px 0px 0px 1px #0F96DA inset;
background: #fff;
-webkit-transition: none;
transition: none;
z-index: 2;
}
.search__button {
position: absolute;
top: 0;
right: 0;
bottom: 0;
display: block;
width: 2.2em;
color: #333;
font-size: 1.4rem;
line-height: 1.5em;
border: none;
background: transparent;
cursor: pointer;
z-index: 2;
}
.search__button:hover {
color: #fc5218;
}
/* Выпадающий список */
.select {
position: relative;
display: inline-block;
padding: 0 1rem 0 0.5em;
vertical-align: middle;
text-indent: 0.01px;
text-overflow: "";
border: 1px solid #c7c7c7;
background: #fff url(/assets/templates/img/design/select.png) no-repeat right center;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
appearance: none;
}
.select.m-transparent {
border: 1px solid #e4e4e4;
background-color: transparent;
}
.select option[disabled] {
color: #999;
}
.select[multiple] {
padding: 0;
height: auto;
}
.select[multiple] option {
padding: 0.2rem 1rem;
}
/* Текстовое поле → Состояния */
.select.m-error {
border-color: #ed272f;
z-index: 2;
}
/* Выпадающий список → Размеры */
.select.m-xs {
height: 1.2rem;
font-size: 0.85rem;
}
.select.m-s {
height: 1.6rem;
font-size: 0.9rem;
}
.select {
height: 2.5rem;
font-size: 1rem;
}
.select.m-l {
height: 3rem;
font-size: 1.1rem;
}
.select.m-xl {
height: 4rem;
font-size: 1.2rem;
}
/* IE 9 */
:root .select {padding-right: 0 \0/IE9; }
/* IE 10 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
:root .select {
padding-right: 2rem;
background: url(/assets/templates/img/design/table-darr.png) no-repeat right center;
}
}
.select::-ms-expand {
display: none;
}
/* До FireFox 31 некорректное выравнивание по вертикали, компенсируем отступами */
/* FireFox ≥ 16 */
@supports (-moz-appearance:meterbar) {
.select.m-xs {padding-top: 0;}
.select.m-s {padding-top: 0.1em;}
.select {padding-top: 0.5em;}
.select.m-l {padding-top: 0.7em;}
.select.m-xl {padding-top: 0.9em;}
}
/* FireFox ≥ 30 */
@supports (-moz-appearance:meterbar) and (background-blend-mode:difference,normal) {
.select.m-xs,
.select.m-s,
.select,
.select.m-l,
.select.m-xl {
padding-top: 0;
}
}
/* Щит */
.shield {
position: absolute;
top: 0;
left: 3rem;
width: 18rem;
text-align: center;
color: #fff;
background: #262626;
z-index: 20;
}
.shield__login {
position: absolute;
top: 1.5rem;
left: 1.5rem;
font-size: 1rem;
color: rgba(255,255,255,0.75);
cursor: pointer;
}
.shield__login:hover {
color: rgba(255,255,255,1);
}
.shield__login a {
position: absolute;
top: 0.25rem;
left: 1.5rem;
font-size: 1rem;
color: rgba(255,255,255,0.75);
cursor: pointer;
}
.shield__login a:hover {
color: rgba(255,255,255,1);
}
.shield__header {
color: #fff;
}
.shield__header:hover {
color: rgba(255,255,255,0.8);
}
.shield__logo {
width: 6rem;
margin: 1.5rem 0 1rem 0;
}
.shield__slogan {
margin-bottom: 0.3em;
font-size: 0.75rem;
text-transform: uppercase;
letter-spacing: 0.05em;
}
.shield__title {
font-size: 2.5rem;
font-weight: bold;
line-height: 0.9em;
letter-spacing: -0.04em;
}
.shield__nav {
position: relative;
margin: 2rem 0 1.5rem 0;
}
.shield__nav:before,
.shield__nav:after {
content: "";
position: absolute;
right: 2rem;
left: 2rem;
height: 1px;
background: rgba(0,0,0,0.3);
}
.shield__nav:before {
top: 0;
}
.shield__nav:after {
bottom: 0;
}
.shield__footer {
}
.shield__phone {
color: #fff;
font-size: 2.5rem;
font-weight: bold;
line-height: 0.9em;
}
.shield__phone:hover {
color: rgba(255,255,255,0.8);
}
.shield__phone:before {
margin-right: -0.25em;
font-size: 0.7em;
}
.shield__phone small {
font-size: 0.65em;
}
.shield__caption {
padding-bottom: 1rem;
color: rgba(255,255,255,0.5);
font-size: 0.85rem;
}
.shield__address {
color: #f29f19;
font-size: 0.85rem;
}
.shield__decor {
position: absolute;
top: 100%;
left: 0;
right: 0;
width: 100%;
height: 4rem;
}
/* Щит → Адаптив */
@media only screen and (min-width : 769px) and (max-width : 1024px) {
.shield__phone {
font-size: 2.2rem;
}
}
@media only screen and (min-width : 480px) and (max-width : 768px) {
.shield {
position: relative;
width: 100%;
left: 0;
margin-top: calc(3.5rem + 2px);
padding-bottom: 2rem;
font-size: 0;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.shield__decor {
margin-top: -1px;
}
.shield__nav {
display: inline-block;
width: 100%;
margin-top: 0;
font-size: 1rem;
vertical-align: top;
}
.shield__header,
.shield__footer {
display: inline-block;
width: 50%;
font-size: 1rem;
vertical-align: top;
}
.shield__nav {
-webkit-order: 1;
order: 1;
}
.shield__nav:before,
.shield__nav:after {
display: none;
}
.shield__header {
position: relative;
padding-right: 2rem;
-webkit-order: 2;
order: 2;
}
.shield__footer {
margin-top: 1rem;
padding-left: 3rem;
-webkit-order: 3;
order: 3;
}
.shield__login {
position: absolute;
top: auto;
bottom: 0;
left: 50%;
margin-left: -2rem;
margin-top: 0;
color: rgba(255,255,255,0.75);
font-size: 1rem;
cursor: pointer;
}
.shield__logo {
position: absolute;
top: -2rem;
left: 100%;
width: 10rem;
margin-left: -5.5rem;
}
.shield__phone {
font-size: 2.5rem;
}
.shield__phone:before {
display: none;
}
}
@media only screen and (min-width : 480px) and (max-width : 640px) {
.shield {
width: 100%;
left: 0;
}
.shield__decor {
margin-top: -1px;
}
}
@media only screen and (max-width : 479px) {
.shield {
position: relative;
width: 100%;
left: 0;
margin-top: calc(7rem + 4px);
padding-bottom: 2rem;
font-size: 0;
}
.shield__decor {
margin-top: -1px;
}
.shield__login {
top: 0.5rem;
left: auto;
right: 3rem;
}
.shield__header {
position: relative;
display: block;
padding: 2rem 0 0 0;
}
.shield__logo {
position: absolute;
top: 0;
left: 50%;
margin: 2rem 0 0 -10rem;
width: 7rem;
}
.shield__slogan {
text-align: left;
padding-left: calc(50% - 2rem);
}
.shield__title {
font-size: 2rem;
text-align: left;
padding-left: calc(50% - 2rem);
}
.shield__address br {
display: none;
}
}
/* Слайдер */
.slider {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 90vh;
z-index: 10;
}
.slider *::selection {
background: rgba(255,255,255,0);
}
.slider__container {
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
}
.slider__items {
list-style: none;
margin: 0;
padding: 0;
height: 100%;
}
.slider__item {
position: relative;
float: left;
width: 100vw;
height: 90vh;
margin: 0;
padding: 0;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
color: #222;
text-align: center;
}
.slider__item.active {
}
.slider__pages {
position: relative;
top: 0;
text-align: center;
list-style: none;
}
.slider__pages li {
position: relative;
display: inline-block;
width: 16px;
height: 16px;
margin: 0 4px;
font-size: 0;
text-indent: -999em;
background: #D9DADA;
border-radius: 8px;
overflow: hidden;
}
.slider__pages li.active {
background: #4085D4;
}
.slider__header {
position: absolute;
top: 35vh;
left: 20vw;
display: inline-block;
margin: 4rem 0 0 4rem;
color: #fff;
font-size: 3.5rem;
font-weight: bold;
vertical-align: middle;
text-decoration: none;
text-align: left;
line-height: 1em;
text-shadow: 1px 1px 5px rgba(0,0,0,0.8), 1px 1px 5px rgba(0,0,0,0.8);
}
.slider__nav {
position: absolute;
bottom: 10%;
left: 50%;
width: 124px;
height: 115px;
margin: 0 0 0 -14px;
background: url(/assets/templates/img/design/slider__nav.png) top center;
}
.slider__prev,
.slider__next {
position: absolute;
top: 12px;
width: 48px;
height: 90px;
color: #f5a11a;
font-size: 1.5rem;
text-align: center;
line-height: 90px;
background-image: url(/assets/templates/img/design/slider__nav.png);
cursor: pointer;
}
.slider__prev:hover,
.slider__next:hover {
opacity: 1;
}
.slider__prev {
right: 100%;
background-position: 0 -12px;
}
.slider__prev:hover {
background-position: 0 -115px;
}
.slider__next {
left: 100%;
background-position: -172px -12px;
}
.slider__next:hover {
background-position: -172px -115px;
}
.slider__prev.disabled:before,
.slider__next.disabled:before {
opacity: 0.5;
}
.slider__prev.disabled:hover {
background-position: 0 -12px;
}
.slider__next.disabled:hover {
background-position: -172px -12px;
}
.background-mobile {
display: none;
}
/* Баннеры → Слайдер */
@media only screen and (min-width : 480px) and (max-width : 768px) {
.wrap.m-index + .slider {
position: relative;
margin-top: 0;
}
.slider__nav {
margin-left: -54px;
bottom: 1.5rem;
}
.slider {
display: none;
}
.background-mobile {
display: block;
height: 90vh;
left: 0;
overflow: hidden;
position: relative;
top: 0;
width: 100vw;
z-index: 10;
}
}
@media screen and (max-width : 479px) {
.wrap.m-index + .slider {
position: relative;
margin-top: 0;
}
.slider__nav {
display: none;
}
.slider {
display: none;
}
.background-mobile {
display: block;
height: 50vh;
left: 0;
overflow: hidden;
position: relative;
top: 0;
width: 100vw;
z-index: 10;
}
}
@media only screen and (min-width : 480px) and (max-width : 768px) and (orientation: portrait) {
.slider {
height: auto;
}
.slider__item {
height: 50vh;
}
.touchevents .slider__item .background.m-mobile {
height: 50vh;
}
.slider {
display: none;
}
.background-mobile {
display: block;
height: 500px;
left: 0;
overflow: hidden;
position: relative;
top: 0;
width: 100vw;
z-index: 10;
}
.background__img {
display: block;
left: 0;
overflow: hidden;
position: relative;
top: 0;
width: 100vw;
z-index: 10;
}
}
@media only screen and (max-width : 768px) and (orientation: landscape) {
.slider {
height: auto;
}
.slider__item {
height: 100vh;
}
.touchevents .slider__item .background.m-mobile {
height: 100vh;
}
.slider__nav {
display: none;
}
.slider {
display: none;
}
.background-mobile {
display: block;
height: 100vh;
left: 0;
overflow: hidden;
position: relative;
top: 0;
width: 100vw;
z-index: 10;
}
}
@media only screen and (min-width : 769px) and (max-width: 1025px) and (orientation: landscape) {
.slider {
height: auto;
}
.slider__item {
height: 100vh;
}
.touchevents .slider__item .background.m-mobile {
height: 100vh;
}
.slider__nav {
display: none;
}
.slider {
display: none;
}
.background-mobile {
display: block;
height: 700px;
left: 0;
overflow: hidden;
position: relative;
top: 0;
width: 100vw;
z-index: 10;
}
.background__img {
display: block;
left: 0;
overflow: hidden;
position: relative;
top: 0;
width: 100vw;
z-index: 10;
}
.wrap.m-index {
display: none;
}
}
/* Cоцсети */
.socialbuttons {
position: relative;
display: inline-block;
height: 3.5rem;
margin-left: 2px;
padding: 0.75rem 1rem 0.75rem 1rem;
color: #0a4e85;
font-size: 1.3rem;
font-weight: bold;
line-height: 1.2em;
z-index: 20;
background: rgba(255,255,255,0.9);
vertical-align: top;
}
.socialbuttons__icon {
margin-left: 0.25em;
font-size: 1.8rem;
vertical-align: middle;
line-height: 1em;
}
.socialbuttons__icon:before {
}
.socialbuttons__icon:hover:before {
color: #f29f19;
}
/* Cоцсети → Адаптив */
@media only screen and (min-width : 480px) and (max-width : 768px) {
.socialbuttons {
width: calc(33.37% - 2px);
margin-right: -2px;
padding: 0.75rem 1rem 0.75rem 1rem;
font-size: 0;
text-align: center;
}
}
@media only screen and (min-width : 480px) and (max-width : 640px) {
.socialbuttons {
width: calc(33.37% - 2px);
margin-right: -2px;
}
}
@media only screen and (max-width : 479px) {
.socialbuttons {
width: 100%;
margin-bottom: 2px;
text-align: center;
}
}
/* Этажи */
.stages {
position: relative;
}
.stages img {
position: relative;
display: block;
width: 100%;
}
.stages svg {
position: absolute;
top: 0;
left: 0;
}
.stages__item {
fill: rgba(190,221,228,0);
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
stroke: rgba(13,75,122,0);
stroke-width: 0;
stroke-linecap: round;
stroke-linejoin: round;
}
.stages__item:hover {
fill: rgba(190,221,228,0.5);
stroke: rgba(13,75,122,1);
stroke-width: 8;
stroke-linecap: round;
stroke-linejoin: round;
}
.stages__item.m-current {
fill: rgba(245,161,26,0.5);
stroke: #f5a11a;
stroke-width: 8;
stroke-linecap: round;
stroke-linejoin: round;
cursor: default;
}
/* Статус */
.status.m-red,
.status.m-error {color: #fda6a6;}
.status.m-orange {color: #fbbb75;}
.status.m-yellow {color: #efe166;}
.status.m-green {color: #093;}
.status.m-blue {color: #8fcdf1;}
.status.m-violet {color: #daa8fb;}
.status.m-gray {color: #c0c0c0;}
.status.m-white {color: #fff;}
.status.m-white a {color: #f29f19;}
.status.m-bg-red,
.status.m-bg-error {background-color: #fda6a6;}
.status.m-bg-orange {background-color: #fbbb75;}
.status.m-bg-yellow {background-color: #F5A11A;}
.status.m-bg-green {background-color: #acd87f;}
.status.m-bg-blue {background-color: #0a4e85;}
.status.m-bg-violet {background-color: #daa8fb;}
.status.m-bg-gray {background-color: #c0c0c0;}
.status.m-bg-beige {background-color: #ebe8d9;}
.status.m-circle {
display: inline-block;
width: 1rem;
height: 1rem;
border-radius: 50%;
}
.status.m-rectangle {
display: inline-block;
padding: 0.2rem 0.5rem;
border-radius: 0.25rem;
}
/* Переключатель */
.switcher {
position: relative;
display: inline-block;
vertical-align: baseline;
font-size: 0;
}
.switcher__item {
position: relative;
display: inline-block;
width: auto;
margin-right: -1px;
padding: 0 1em;
color: #333;
text-decoration: none;
white-space: nowrap;
vertical-align: baseline;
border: 1px solid #c7c7c7;
cursor: pointer;
}
.switcher.m-xs .switcher__item {
height: 1.2rem;
padding: 0 0.75em;
font-size: 0.85rem;
line-height: 1.2rem;
}
.switcher.m-s .switcher__item {
height: 1.6em;
padding: 0 0.75em;
font-size: 0.9rem;
line-height: 1.6em;
}
.switcher__item {
height: 2.5rem;
font-size: 1rem;
line-height: 2.5rem;
}
.switcher.m-l .switcher__item {
height: 2.5em;
font-size: 1.1rem;
line-height: 2.5em;
}
.switcher.m-xl .switcher__item {
height: 4rem;
font-size: 1.2rem;
line-height: 4rem;
}
.switcher__item:first-child {
border-top-left-radius: 0.3rem;
border-bottom-left-radius: 0.3rem;
}
.switcher__item:last-child {
border-top-right-radius: 0.3rem;
border-bottom-right-radius: 0.3rem;
}
.switcher__item:hover {
background: #d9d9d9;
}
.switcher__item.m-current,
.switcher__item.m-current:hover {
display: inline-block;
color: #333;
line-height: 2.6em;
border-width: 0;
background: #EDEEEF;
vertical-align: top;
box-shadow: 0px 0.15rem 0.35rem 0px rgba(0,0,0,0.5) inset;
}
.switcher.m-s .switcher__item.m-current,
.switcher.m-s .switcher__item.m-current:hover {
line-height: 1.8em;
}
.switcher__item.m-larr:before,
.switcher__item.m-rarr:before {
content: "";
position: relative;
display: inline-block;
}
.switcher__item.m-larr:before {
border-top: 6px solid transparent;
border-right: 6px solid #222;
border-bottom: 6px solid transparent;
border-left: none;
}
.switcher__item.m-rarr:before {
border-top: 6px solid transparent;
border-right: none;
border-bottom: 6px solid transparent;
border-left: 6px solid #222;
}
/* Преключатель → Плоский */
.switcher.m-flat .switcher__item {
position: relative;
display: inline-block;
width: auto;
margin-right: 1px;
padding: 0 1.2em;
color: #333;
text-decoration: none;
white-space: nowrap;
vertical-align: middle;
border: none;
background: #e4e4e4;
cursor: pointer;
}
.switcher__item:first-child {
border-top-left-radius: 0.3rem;
border-bottom-left-radius: 0.3rem;
}
.switcher__item:last-child {
border-top-right-radius: 0.3rem;
border-bottom-right-radius: 0.3rem;
}
.switcher.m-flat .switcher__item:hover {
background: #d3d3d3;
}
/* Таблица */
.table {
position: relative;
width: 100%;
margin-bottom: 2rem;
border-collapse: collapse;
border-spacing: 0;
}
.table col.m-sorted {
background: #f6f6f6;
}
.table caption {
padding: 0 0 1em 0;
font-size: 1.5rem;
text-align: left;
}
.table th,
.table td {
position: relative;
padding: 1rem 0.5rem 1rem 0.5rem;
}
.table th:first-child,
.table td:first-child {
padding-left: 1rem;
}
.table th:last-child,
.table td:last-child {
padding-right: 1rem;
}
.table thead th {
padding-right: 2.5rem;
font-size: 1.1rem;
font-weight: bold;
text-align: left;
vertical-align: middle;
cursor: pointer;
}
.table thead th.m-↑,
.table thead th.m-↓ {
background: rgba(235,232,217,1);
background-repeat: no-repeat;
background-position: right center;
}
.table thead th.m-↑:after,
.table thead th.m-↓:after {
content: "";
position: absolute;
top: 50%;
right: 1rem;
display: block;
clear: both;
width: 0;
height: 0;
margin: -0.2rem;
border-top: none;
border-right: 0.4rem solid transparent;
border-bottom: 0.4rem solid #000;
border-left: 0.4rem solid transparent;
}
.table thead th.m-↓:after {
border-top: 0.4rem solid #000;
border-right: 0.4rem solid transparent;
border-bottom: none;
border-left: 0.4rem solid transparent;
}
.table tbody td {
text-align: left;
}
.table tbody tr th,
.table tbody tr td {
border-top: 1px solid #bab8ac;
}
.table tbody tr:hover td {
background: rgba(235,232,217,1);
}
.table td em {
display: inline-block;
padding-left: 0.3em;
font-style: normal;
font-size: 0.8rem;
}
/* Таблица → Избранное */
.table__favorites {
position: relative;
display: inline-block;
font-size: 1.5rem;
width: 1.5rem;
height: 1.5rem;
line-height: 1em;
color: #f5a11a;
cursor: pointer;
}
.table__favorite {
position: absolute;
top: 0;
left: 0;
}
.table__favorites:hover .table__favorite,
.table__favorites.m-current .table__favorite {
display: none;
}
.table__favorite:last-child {
display: none;
}
.table__favorites:hover .table__favorite:last-child,
.table__favorites.m-current .table__favorite:last-child {
position: absolute;
top: 0;
left: 0;
display: block;
}
/* Таблица → Кнопки */
.table__button {
margin-bottom: 3px;
}
.table__button:last-child {
margin-bottom: 0;
}
/* Таблица → Адаптив */
.table {
display: inline-block;
vertical-align: top;
overflow-x: auto;
border-collapse: collapse;
border-spacing: 0;
}
.table {
-webkit-overflow-scrolling: touch;
background: -webkit-radial-gradient(left ellipse, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 75%) 0 center, -webkit-radial-gradient(right ellipse, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 75%) 100% center;
background: radial-gradient(ellipse at left, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 75%) 0 center, radial-gradient(ellipse at right, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 75%) 100% center;
background-size: 10px 100%, 10px 100%;
background-attachment: scroll, scroll;
background-repeat: no-repeat;
}
.table td:first-child {
background-image: -webkit-linear-gradient(left, rgba(235,232,217, 1) 50%, rgba(235,232,217, 0) 100%);
background-image: linear-gradient(to right, rgba(235,232,217, 1) 50%, rgba(235,232,217, 0) 100%);
background-repeat: no-repeat;
background-size: 20px 100%;
}
.table td:last-child {
background-image: -webkit-linear-gradient(right, rgba(235,232,217, 1) 50%, rgba(235,232,217, 0) 100%);
background-image: linear-gradient(to left, rgba(235,232,217, 1) 50%, rgba(235,232,217, 0) 100%);
background-repeat: no-repeat;
background-position: 100% 0;
background-size: 20px 100%;
}
.grid__cell.m-2-3 > .table tbody td:last-child {
white-space: nowrap;
}
/* Закладки */
.tabs {
position: relative;
width: 100%;
padding: 1px 0 0 0;
overflow: hidden;
}
.tabs__item {
position: relative;
display: inline-block;
padding: 0.8rem 1rem;
text-align: center;
vertical-align: bottom;
cursor: pointer;
border: 1px solid transparent;
}
.tabs__item:hover {
color: #FC5218;
}
.tabs__item.m-current {
color: #222;
border: 1px solid #d2d2d2;
border-bottom: 1px solid transparent;
border-radius: 0.3em 0.3em 0 0;
cursor: default;
}
.tabs__item.m-current:before,
.tabs__item.m-current:after {
content: "";
position: absolute;
top: 100%;
width: 2000px;
height: 1px;
background: #d2d2d2;
}
.tabs__item.m-current:before {
right: 100%;
}
.tabs__item.m-current:after {
left: 100%;
}
/* Текст */
.text {
}
.text > * {
font-size: 1.1rem;
}
.text.m-padding {
padding: 0 3rem 1rem 3rem;
}
/* Текст → Размер шрифта */
.text small,
.text__s {
font-size: 1rem;
line-height: 1.4em;
}
.text__m {
font-size: 1rem;
line-height: 1.4em;
}
.text__l {
font-size: 1.2rem;
line-height: 1.4em;
}
.text__xl {
font-size: 1.5rem;
line-height: 1.4em;
}
.text__xxl {
font-size: 2rem;
line-height: 1.4em;
}
/* Текст → Расположение */
.text__left {text-align: left;}
.text__right {text-align: right;}
.text__center {text-align: center;}
.text__vtop {vertical-align: top;}
.text__vbottom {vertical-align: bottom;}
.text__vbaseline {vertical-align: baseline;}
.text__vmiddle {vertical-align: middle;}
.text__fl {float: left;}
.text__fr {float: right;}
.text__fn {float: none;}
/* Текст → Начертание */
.text em,
.text__em {
color: #cf5301;
font-style: normal;
}
.text b,
.text__b {
font-weight: bold;
}
.text__pale {
color: #777;
}
.text__digits {
word-spacing: -0.1em;
}
.text__dotted {
position: relative;
display: inline-block;
padding: 0;
line-height: 1.2em;
border-bottom-width: 1px;
border-bottom-style: dotted;
cursor: pointer;
}
.text__nowrap {
white-space: nowrap;
}
.text s,
.text__strike {
position: relative;
display: inline-block;
color: #555;
text-decoration: none;
}
.text s:before,
.text__strike:before {
content: "";
position: absolute;
top: 50%;
right: -0.3rem;
left: -0.3rem;
display: block;
height: 1px;
background: #fc5218;
-webkit-transform: rotate(-12deg);
-ms-transform: rotate(-12deg);
transform: rotate(-12deg);
}
/* Текст → Параграф */
.text p {
margin-bottom: 1rem;
line-height: 1.4em;
}
/* Текст → Списки */
.text ul {
display: block;
margin-left: 1.2em;
padding: 00 0 1em 0;
}
.text ul li {
position:relative;
display:block;
list-style:none;
padding: 0 0 0.5em 0;
line-height: 1.4em;
}
.text ul li:before {
content:'—';
display:block;
position:absolute;
top:0;
right: 100%;
margin-right: 0.25em;
}
.text ul.m-check li:before {
content:'✔';
}
.text ol {
display: block;
padding: 0 0 0.5em 1.8em;
}
.text ol li {
position: relative;
padding: 0 0 0.5em 0;
line-height: 1.4em;
}
/* Текст → Список определений */
.text dl {
padding: 1em 0;
line-height: 1.4em;
}
.text dt {
font-weight: bold;
}
.text dd {
}
/* Текст → Маркер */
.text mark {
position: relative;
display: inline-block;
background-color: transparent;
z-index: 2;
}
.text mark:before,
.text mark:after {
content: "";
position: absolute;
top: 0;
bottom: 0;
display: block;
background-image: url(/assets/templates/img/design/mark.png);
background-size: cover;
z-index: -1;
}
.text mark:before {
right: 50%;
left: -0.85em;
background-position: top left;
}
.text mark:after {
right: -1.3em;
left: 50%;
background-position: top right;
}
/* Текст → Заголовки */
.header hs {
font-size: 3rem;
font-weight: bold;
line-height: 1.2em;
padding: 0;
}
.text h1 {
padding: 0 0 0.5em 0;
font-size: 3rem;
line-height: 1.2em;
font-weight: bold;
text-align: left;
}
.text h1.m-s {
font-size: 2rem;
}
.text h2 {
padding: 0 0 0.5em 0;
font-size: 2rem;
line-height: 1.3em;
font-weight: bold;
text-align: left;
}
.text h3 {
padding: 0 0 0.5em 0;
font-size: 1.5rem;
line-height: 1.3em;
font-weight: bold;
text-align: left;
}
.text :not(h1):not(h2):not(h3) + h1,
.text :not(h1):not(h2):not(h3) + h2,
.text :not(h1):not(h2):not(h3) + h3 {
padding: 1em 0 0.5em 0;
}
/* Текст → Изображения */
.text img {
max-width: 100%;
}
.grid__cell.m-40.m-margin img {
max-height: 80vh;
}
/* Текст → Полароид */
.text__polaroid {
box-shadow: 0px 0px 0px 10px rgba(255, 255, 255, 1), 1px 1px 4px 10px rgba(0, 0, 0, 0.3);
}
.text__polaroid.m-r1 {
transform: rotate(1deg);
}
.text__polaroid.m-l1 {
transform: rotate(-1deg);
}
.text__polaroid.m-r2 {
transform: rotate(2deg);
}
.text__polaroid.m-l2 {
transform: rotate(-2deg);
}
/* Текст → Универстальный блок */
.text__block {
position: relative;
display: inline-block;
}
* + .text__block {
margin-left: 1em;
}
/* Текст → Блок с рамкой */
.text__bordered {
padding: 1rem;
border: 1px solid rgba(0,0,0,0.3);
border-radius: 0.5rem;
}
.text__bordered p:last-child {
margin-bottom: 0;
}
/* Текст → Блок с иконкой */
.text__iconblock {
position: relative;
padding-left: 2.5rem;
}
.text__iconblock:before {
position: absolute;
top: 0.1em;
left: 0;
font-size: 2rem;
}
/* Текст → Таблица */
.text__table {
margin-bottom: 1rem;
}
.text__table caption {
padding: 0 0 0.5em 1rem;
font-size: 1.5rem;
line-height: 1.3em;
font-weight: bold;
text-align: left;
}
.text__table th,
.text__table td {
text-align: left;
padding: 0.3rem 1rem 0.3rem 1rem;
line-height: 1.4em;
vertical-align: middle;
}
.text__table th:first-child,
.text__table td:first-child {
padding-left: 0;
}
/* Текст → Обложка */
.text__cover {
position: relative;
float: right;
max-width: 50%;
margin: 0 -3rem 0 0;
font-size: 0;
}
.text__cover:before {
content: "";
position: absolute;
right: 0;
bottom: 0;
left: 0;
height: 3rem;
background: url(/assets/templates/img/design/text__cover.png) no-repeat bottom right / 100% 100%;
}
.text__cover img {
display: block;
margin: 0 auto;
}
/* Текст → Колонки */
.text__columns {
display: block;
}
.text__columns[data-columns="5"] {
-moz-column-count: 5;
-webkit-column-count: 5;
column-count: 5;
}
.text__columns[data-column-gap="3"] {
-moz-column-gap: 3rem;
-webkit-column-gap: 3rem;
column-gap: 3rem;
}
/* Текст → Отрицательный отступ */
.text__outcut {
margin: 0 -3rem;
}
/* Текст → Адаптив */
@media only screen and (min-width : 480px) and (max-width : 768px) {
.text__cover {
margin-top: -3rem;
}
}
@media only screen and (max-width : 479px) {
.text > * {
font-size: 1.2rem;
}
.text__outcut {
margin: 0 -1.5rem;
}
.text.m-padding {
padding: 0 1.5rem 1rem 1.5rem;
}
.text h1 {
font-size: 2rem;
}
.text__cover {
margin-top: -3rem;
}
}
/* Текстовое поле */
.textarea {
position: relative;
display: inline-block;
padding: 0.5em;
color: #222;
font-size: 1rem;
line-height: 1.3em;
font-family: Arial;
border: none;
border: 1px solid #C7C7C7;
outline: none;
vertical-align: top;
-webkit-appearance: none;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.textarea[rows="1"] {height: 1em;}
.textarea[rows="2"] {height: 2em;}
.textarea[rows="3"] {height: 3em;}
.textarea[rows="4"] {height: 4em;}
.textarea[rows="5"] {height: 5em;}
.textarea[rows="6"] {height: 6em;}
.textarea[rows="7"] {height: 7em;}
.textarea[rows="8"] {height: 8em;}
.textarea.m-transparent {
border: 1px solid #e4e4e4;
background: transparent;
}
/* Текстовое поле → Состояния */
.textarea:focus {
border-color: #0F96DA;
-webkit-transition: none;
transition: none;
z-index: 2;
}
.textarea.m-error {
border-color: #ed272f;
}
.textarea[disabled] {
opacity: 0.5;
}
/* Товары */
.thumbs {
position: relative;
width: 100%;
margin: 0 0 3rem 0;
padding: 0;
font-size: 0;
text-align: center;
display: block; /* IE9 */
display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display: box;
display: flex;
-webkit-box-direction: row;
-moz-box-direction: row;
box-direction: row;
-ms-flex-direction: row;
-webkit-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-ms-align-items: baseline;
-webkit-align-items: baseline;
align-items: baseline;
}
.thumbs.m-columns {
display: block;
-moz-column-count: 5;
-webkit-column-count: 5;
column-count: 5;
-moz-column-gap: 3rem;
-webkit-column-gap: 3rem;
column-gap: 3rem;
}
/* Товар */
.thumbs__item {
position: relative;
display: inline-block;
vertical-align: top;
padding: 0 1rem 0 0;
max-width: 20%;
margin-bottom: 3rem;
text-align: left;
}
.thumbs__cover,
.thumbs__cover:hover {
position: relative;
max-width: 100%;
max-height: 380px;
}
.thumbs__img {
max-width: 100%;
max-height: 380px;
}
.thumbs__description {
min-width: 10rem;
}
.thumbs__name {
position: relative;
display: block;
padding: 0.5em 2rem 0.3em 0;
font-size: 1rem;
font-weight: 600;
line-height: 1.3em;
-moz-hyphens: auto;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}
.thumbs__cover:hover + .thumbs__description .thumbs__name {
color: #FC5218;
-webkit-transition: none;
transition: none;
}
.thumbs__snippet {
display: block;
padding: 0 2rem 0 0;
color: #777;
font-size: 0.85rem;
line-height: 1.4em;
}
.thumbs__button {
margin-top: 0.5rem;
font-size: 1.4rem;
height: 1.6em;
padding: 0 0.4em;
line-height: 1.6em;
font-weight: 700;
}
.thumbs__oldprice + .thumbs__button {
background: #59B200;
}
.thumbs__oldprice {
display: inline-block;
padding: 0.5rem 0.5rem 0 0.5rem;
color: #999;
font-size: 1rem;
text-decoration: line-through;
vertical-align: middle;
}
/* Товар → 4 в ряду */
.thumbs.t-4 .thumbs__item {
max-width: 25%;
}
/* Товар → 5 в ряду */
.thumbs.t-5 .thumbs__item {
max-width: 20%;
}
@media only screen and (max-width:1100px) {
.thumbs.t-5 .thumbs__item {
max-width: 25%;
}
}
/* Товар → 6 в ряду */
.thumbs.t-6 .thumbs__item {
max-width: 16.666%;
}
@media only screen and (max-width:1100px) {
.thumbs.t-6 .thumbs__item {
max-width: 20%;
}
}
.dd {
border-color: rgb(28, 80, 122);
border-radius: 0;
border-style: solid;
border-width: 3px;
color: rgb(242, 252, 255);
height: 400px;
width: 732.5px;
}
.ddd {
height: 396px;
}
.wrapper2 {
padding: 159px 5px;
position: absolute;
}
/* Наверх */
.uppage {
position: fixed;
right: 0;
bottom: 0;
left: 0;
display: none;
cursor: pointer;
z-index: 50;
}
@media only screen and (max-width:1000px) {
.uppage {
opacity: 0;
}
}
.uppage__content {
position: relative;
height: 0;
margin: 0 auto;
max-width: 1280px;
min-width: 936px;
background: red;
}
.uppage__button {
position: absolute;
right: 0;
bottom: 2rem;
height: 3em;
padding: 0 2em;
font-size: 1rem;
text-align: center;
line-height: 3em;
border: 1px solid #E2E2E2;
border-radius: 0.3rem;
background: #E2E2E2;
}
/* Основное содержание */
.3d {
background-image: url("assets/templates/img/3d.png");
background-position: center center;
background-repeat: repeat;
background-size: cover;
border-color: rgb(28, 80, 122);
border-radius: 0;
border-style: solid;
border-width: 3px;
color: rgb(242, 252, 255);
}
.video {
margin-left: 50px;
}
.wrap {
position: relative;
width: 50%;
margin: 7rem 0 10rem 25rem;
min-height: 100vh;
min-height: calc(100vh - 17rem);
z-index: 10;
}
.wrap.m-l {
width: 65%;
}
.wrap.m-index {
margin: 0;
min-height: 90vh;
}
/* Основное содержание → Адаптив */
@media only screen and (min-width : 480px) and (max-width : 768px) {
.wrap {
position: relative;
width: calc(100% - 6rem);
margin: 0 3rem 10rem 3rem;
}
.wrap.m-l {
width: calc(100% - 6rem);
}
.wrap.m-index {
margin: 0;
min-height: inherit;
}
}
@media only screen and (min-width : 480px) and (max-width : 640px) {
.wrap {
position: relative;
width: calc(100% - 2rem);
margin: 0 1rem 10rem 1rem;
}
.wrap.m-l {
width: calc(100% - 2rem);
}
}
@media only screen and (max-width : 479px) {
.wrap {
position: relative;
width: calc(100% - 2rem);
margin: 0 1rem 10rem 1rem;
}
.wrap.m-l {
width: calc(100% - 2rem);
}
.wrap.m-index {
margin: 0;
min-height: inherit;
}
}