body {
background: #f7e3e3;
max-width: 1600px;
margin: 0 auto;
}

#wrapper {
margin-top: -1px;
}
td, th {
border: 1px solid rgba(14, 57, 148, 0.13);
padding: 5px;
}
.node-93 td, .node-93 th,
.node-94 td, .node-94 th,
.node-95 td, .node-95 th {
padding: 15px;
}

a {
color: #0e3994;
outline: none !important;
}

a:hover {
color: #0063dd;
}

input, textarea {
max-width: 85vw;
padding: 1px 6px;
}
.big_title {
font-size: 22px;
text-align: center;
}
#edit-tema, #edit-tema--1, #edit-tema--2, #edit-tema--3, #edit-tema--4, #edit-tema--5 {
display: none;
}
.mfp-auto-cursor .mfp-content {
width: auto!important;
padding: 0px 20px 20px 20px;
}
.mfp-auto-cursor .mfp-content form {
padding: 25px 20px 0 20px;
}
#block-views-block-i1-taimer-block-2 {
padding: 0px 0px 20px 0px;
}
.js-form-type-tel {
float: left;
width: 100%;
}
.js-form-type-tel input {
border: 1px solid #e31e24;
box-shadow: none;
height: 38px;
padding: 2px 8px;
width: 100%;
}
#edit-soobsenie-, #edit-kontaktnyi-adres-el-pocty-, #edit-otpravit-submit {
width: 100%;
max-width: 100%;
min-width: 100%;
}
#edit-kontaktnyi-adres-el-pocty- {
height: 38px;
}
#block-webform-client-block-5 .js-form-type-tel input {
height: 30px;
width: 100%;
}

#block-webform-3 {
background: url(/themes/igroup/images/home-banner-bg.jpg);
height: 100%;
background-attachment: fixed;
background-position: top center;
background-repeat: no-repeat;
-moz-background-size: cover;
-webkit-background-size: cover;
background-size: cover;
text-align: center;
}
#block-webform-3 h2 {
margin: 0px 0 30px 0;
text-align: center;
padding: 20px 0 20px 0;
background: rgba(0, 0, 0, 0.25);
color: #fff;
}
#block-webform-3 in {
padding-bottom: 20px;
}
.plitki2 .views-field-field-image, .plitki2 .views-field-field-parameters2 {
float: left;
}
.plitki2 .views-field-field-parameters2 {
margin-bottom: 20px;
}
.plitki2 .views-field-field-image, .plitki2 .views-field-title, #block-uznatstoimost {
clear: left;
}
.plitki2 .views-field-title {
text-align: center;
}
.plitki2 .views-field-title h4 {
font-size: 120%;
font-weight: bold;
}
.plitki2 table {
width: 800px!important;
max-width: 95vw;
}

article > in,
block > in,
nav > in,
div > in,
.main-header .row,
.footer-menu .row,
.page-node-done #content > .links,
.region > in,
.region  .messages,
.view > in,
.view-i1-slide .view-content,
.webform-confirmation,
#content > in,
#content > .profile,
#content > #ulogin-user-identity,
#content > #user-login,
#content > #user-pass,
#content > #user-pass-reset,
#content > #user-profile-form,
#content > #user-register-form,
#header > in {
display: block;
margin: 0 auto;
/*max-width: 1200px;*/
max-width: 1600px;
}

h1 {
font-size: 200%;
}

h2 {
font-size: 180%;
}

iframe {
max-width: 100%;
}

img {
height: auto;
max-width: 100%;
transition: all 222ms;
}

ul {
padding-left: 22px;
}

.ahidden,
.atel {
color: inherit;
text-decoration: none;
}
.webform-client-form-63 .form-actions {
    text-align: center;
}

.toolbar-fixed.toolbar-horizontal .region-highlighted {
    top: 39px;
}
.toolbar-fixed.toolbar-horizontal.toolbar-tray-open .region-highlighted {
    top: 80px!important;
}
.region-highlighted {
    top: 0px;
    z-index: 120;
    right: 0;
    width: 100%;
    border: 1px solid rgb(14, 57, 148);
    overflow: hidden!important;
    /*width: 100vw;*/
}
.ahidden:hover,
.atel:hover {
color: inherit !important;
cursor: text;
text-decoration: inherit !important;
}

.block {
position: relative;
}

.block content h2 {
margin-top: 0;
}

.block content .block-title {
margin: 0 0 20px 0;
}

.block in > h2,
.block .block-title {
font-size: 300%;
margin: 90px 0 30px 0;
text-align: center;
}

.contact {
color: inherit;
text-decoration: underline;
}

.contact:active,
.contact:hover,
.contact:focus {
color: inherit;
outline: none;
text-decoration: underline;
}

.contact .fa {
padding: 0 6px;
}

.pad-l-0 {
padding-left: 0 !important;
}

.pad-r-0 {
padding-right: 0 !important;
}

.rtecenter {
text-align: center;
}



/*** ПИКТОГРАММЫ ***/

.fa span {
display: none;
}

.fa.blue,
.blue .fa {
color: #0e3994;
}

.fa.green,
.green .fa {
color: #34A853;
}

.fa.red,
.red .fa {
color: #e31e24;
}

.fa.w15 {
text-align: center;
width: 15px;
}



/*** ССЫЛКА НА РЕДАКТИРОВАНИЕ ***/

.views-field-edit-node {
display: none;
position: absolute;
}

.views-row:hover .views-field-edit-node {
display: block;
}

.views-field-edit-node a {
background-image: url(/core/themes/stable/images/core/icons/bebebe/pencil.svg);
background-position: center center;
background-repeat: no-repeat;
background-size: 16px 16px;
height: 26px !important;
width: 26px !important;
text-indent: -9999px;
background-attachment: scroll;
background-color: #fff;
border: 1px solid #ccc;
border-radius: 13px;
margin: 0;
overflow: hidden;
padding: 0 2px;
position: relative;
cursor: pointer;
display: block;
}



/*** ВСПЛЫВАЮЩИЕ ОКНА ***/

.mfp-bg {
z-index: 10002 !important;
}

.mfp-wrap {
z-index: 10003 !important;
}

.mfp-content {
background: #ffffff;
box-sizing: border-box;
border-radius: 6px;
max-width: 1180px !important;
overflow: hidden;
}

body .mfp-wrap .mfp-content .mfp-close,
body .mfp-wrap .mfp-iframe-holder .mfp-close {
background: #ffffff;
background: rgba(255,255,255,0.85);
/*border: 1px solid #eaeaea;*/
border-radius: 4px;
color: #838383;
/*padding: 2px 8px;*/
text-align: center;
height: auto;
line-height: 100%;
width: auto;
right: 15px;
top: 10px !important;
}

.mfp-image-holder .mfp-content {
background: none;
}

body .mfp-wrap .mfp-image-holder .mfp-close {
background: none;
border: none;
color: #b9b9b9;
top: 4px !important;
right: -8px;
}

body .mfp-wrap .mfp-image-holder .mfp-close:hover {
color: #ffffff;
}

.mfp-iframe-scaler iframe {
background: #ffffff !important;
}

.dlg-box {
/*max-width: 300px !important;*/
}



/*** ШАПКА ***/

.main-header {
background: none;
margin-bottom: 0;
}

.main-header::after {
background: none;
}

.region-header .brand.logo img {
max-height: 180px;
}

.region-header .brand.site-name {
display: none;
}

.region-header #block-drupal8-zymphonies-theme-branding {
float: left;
}

.region-header #block-knopkamenu {
float: right;
}

.path-node .region-header #primary-menu-open {
opacity: 0.75;
}

.region-header #primary-menu-open:hover {
opacity: 1;
}

.path-frontpage .region-header #block-knopkamenu {
float: none;
}



/*** МЕНЮ ***/

.main-header .region-primary-menu {
  //background: rgba(15,8,16,0.2);
  color: #ffffff;
  transition: all 555ms;
  opacity: 0;
  //overflow-y: scroll;
  position: fixed;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
}

.toolbar-horizontal .region-primary-menu {
  top: 40px;
//  max-height: calc(100% - 50px);
}

.toolbar-horizontal.toolbar-tray-open .region-primary-menu {
  top: 80px;
//  max-height: calc(100% - 90px);
}

.region-primary-menu.opened {
  opacity: 1;
  z-index: 1000;
}

.region-primary-menu.fixed {
max-height: 100%;
overflow-y: scroll;
}

.toolbar-horizontal .region-primary-menu.fixed {
  max-height: calc(100% - 50px);
}

.toolbar-horizontal.toolbar-tray-open .region-primary-menu.fixed {
  max-height: calc(100% - 90px);
}

.region-primary-menu a {
  color: #ffffff;
  text-decoration: underline;
}

.region-primary-menu a:hover {
  color: #ffffff;
}

.region-primary-menu p {
  margin: 0;
}

.region-primary-menu .block {
  background: rgba(15,8,16,0.8);
  padding: 20px;
  max-width: 880px;
  margin: 15px auto;
}

.region-primary-menu .block h2 {
  color: #e6c8a3;
  display: block;
  font-size: 28px;
  margin: 0 0 12px 0;
}

.region-primary-menu .block content {
  display: table;
  margin: 0 auto;
}

.soc a {
  border-top: 1px dashed #d5d5d5;
  color: #0f0810 !important;
  display: inline-block;
  margin: 0 10px;
  padding: 6px 3px;
  text-decoration: none;
}

.soc .fa {
background: linear-gradient(to bottom, #fefefe 0%, #d3d3d3 100%);
display: inline-block;
font-size: 26px;
text-align: center;
line-height: 38px;
height: 38px;
width: 38px;
}

#block-menuknopkazakryt {
background: none;
padding: 0;
right: 0;
margin: 0 auto;
height: 1px;
}

#primary-menu-close {
color: #d3d3d3;
font-size: 20px;
position: absolute;
right: 10px;
top: 18px;
z-index: 1000;
}



/*** ПОДВАЛ ***/





/*** ЦЕНТР ***/

.main-header {
z-index: 1;
}

.main-header.opened {
z-index: 2;
}

.region-content,
#page-title {
position: relative;
z-index: 1;
}

.node .comment-submitted {
border: none;
color: #cccccc;
padding-left: 0;
}

.node .field--name-field-image {
text-align: center;
margin: 0 0 30px 0;
}

.node .field--name-field-fotografii {
clear: both;
display: table;
margin: 0 0 20px 0;
width: 100%;
}

.node .field--name-field-fotografii .field__item {
float: left;
margin: 6px;
}

.node .node__content section,
.node .node__content .links {
clear: both;
display: table;
width: 100%;
}

.more-link {
text-align: right;
}

.sobytiya footer .more-link {
padding-right: 10px;
}



/*** СОБЫТИЯ ***/

.sobytiya .views-row {
display: table;
margin: 0 0 6px 0;
width: 100%;
}

.sobytiya .views-field-field-vrema-1,
.sobytiya .views-field-field-image,
.sobytiya .views-field-nothing {
float: left;
height: 100px;
max-width: calc(100% - 202px);
}

.sobytiya .views-field-field-vrema-1 {
background: #090606;
color: #ffffff;
margin: 0 0 -46px 0;
text-align: center;
}

.sobytiya .views-field-field-vrema-1 .field-content {
display: table;
padding: 0 22px 0 16px;
}

.sobytiya .views-field-field-vrema-1 b,
.sobytiya .views-field-field-vrema-1 i {
display: block;
}

.sobytiya .views-field-field-vrema-1 i {
font-size: 300%;
line-height: 80px;
margin: 0 0 -10px 0;
}

.sobytiya .views-field-field-vrema-1 b {
line-height: 5px;
}

.sobytiya .views-field-field-image {
margin: 0 16px 0 0;
}

.field--name-field-cena div,
.field--name-field-vrema div {
display: inline-block;
}

.field--name-field-cena .field--label,
.field--name-field-vrema .field--label {
font-weight: bold;
}

.field--name-field-cena .field--label::after,
.field--name-field-vrema .field--label::after {
content: ":";
}



/*** ВИДЕО ***/

.thumbs-hor .views-row {
display: inline-block;
margin: 0 4px;
position: relative;
overflow: hidden;
}

.thumbs-hor .views-field-title a {
background: rgba(0,0,0,0.3);
display: inline;
text-shadow: 0 0 3px #000000;
padding: 2px 6px;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
line-height: 110%;
}

.thumbs-hor .views-field-title,
.thumbs-hor .views-field-title a {
color: #ffffff !important;
text-decoration: none !important;
}

.node .field--name-field-adres-video {
margin: 0 0 30px 0;
}

.menu-video {
visibility: hidden;
}

.menu-video.ready {
visibility: visible;
}

.menu-video .views-row {
display: inline-block;
margin: 3px 24px 3px 0;
}



/*** КНОПКИ И ФОРМЫ ***/

button.form-submit,
input.form-submit,
.btn {
background: #e31e24;
border-radius: 2px;
color: #ffffff !important;
font-size: 90%;
height: auto;
line-height: 100%;
padding: 11px 17px;
text-decoration: none;
text-transform: uppercase;
}

button.form-submit:hover,
input.form-submit:hover,
.btn:hover {
background: #BA251C;
color: #ffffff;
text-decoration: none;
}

.cta-form-block h2 {
text-shadow: 0 0 4px #ffffff;
}

.cta-form-block in {
background: url("../images/fon-cta.jpg") center center no-repeat;
margin: 0 auto;
padding: 30px 0;
}

.form-item label {
display: block;
text-align: left;
}

.form-item description {
display: none;
text-align: left;
}

.form-text {
height: 38px;
line-height: 38px;
padding: 1px 6px;
}

#block-webform-client-block-5 > in {
margin: 0 auto;
}

#block-webform-client-block-5 {
float: right;
width: auto;
}

#block-webform-client-block-5 h3 {
margin: -10px 0 0 0;
}

#block-webform-client-block-5 img {
border-radius: 200px;
margin: -10px 0px -24px;
}

#block-webform-client-block-5 in {
background: rgb(255, 219, 76);
background: rgba(255, 219, 76, 0.8);
//color: #ffffff;
margin: -490px 0px 0px -344px;
padding: 0px 20px;
position: absolute;
text-align: center;
z-index: 5;
width: 300px !important;
}

#block-webform-client-block-5 h2,
#block-webform-client-block-5 .webform-component-markup {
//color: #ffffff;
font-size: 150%;
line-height: 1.2em;
margin: 0.8em 0 !important;
text-align: center;
}

#block-webform-client-block-5 select {
background: #ffffff;
border: 1px solid #e31e24;
line-height: 30px;
width: 100%;
height:30px;
}

#block-webform-client-block-5 textarea {
border: 1px solid #e31e24;
height: 30px;
}

#block-webform-client-block-5 .form-actions {
/*margin: 60px 0 40px 0;*/
text-align: center;
}

#block-webform-client-block-5 .form-submit {
background: #e31e24;
//color: #000000;
    margin: 30px 0 10px 0;
}

#block-webform-client-block-5 .form-submit:hover {
background: #BA251C !important;
//color: #000000;
}



#block-webform-client-block-5 .form-item {
margin: 33px 0;
height:30px
}

#block-webform-client-block-5 .webform-component-textarea {
margin-top:-8px;
}

#block-webform-client-block-5 .form-text {
border: 1px solid #e31e24;
height:30px;
width: 100%;
}

#form-arrow-wrap {
margin: 77px 0px 0px -125px;
position: absolute;
}



/*** ФОРМА В ОКНЕ ***/

#cboxContent p,
#cboxContent .form-item {
margin: 0 0 12px 0;
}

#cboxContent textarea,
#cboxContent .form-text {
width: 100%;
    max-width: 100%;
}

block .inline-form-block form,
block #webform-client-form-32 {
margin: -16px auto 6px auto;
}

block .inline-form-block in,
block #block-webform-client-block-32 in {
margin: 0;
}

.inline-form,
#webform-client-form-32 {
clear: both;
display: table;
margin: 0 auto;
width: auto;
}

.inline-form .form-actions,
#webform-client-form-32 .form-actions {
float: left;
margin: 0 1% 0 0;
width: 100%;
}

.inline-form .form-item,
#webform-client-form-32 .form-item {
margin: 0;
}

.inline-form .form-submit,
#webform-client-form-32 .form-submit {
border-radius: 0;
height: 38px;
padding: 2px 8px !important;
width: 100%;
}

.inline-form .form-text,
#webform-client-form-32 .form-text {
border: 1px solid #e31e24;
box-shadow: none;
height: 38px;
padding: 2px 8px;
width: 100%;
}

.inline-form .webform-component-email,
.inline-form .webform-component-textfield,
#webform-client-form-32 .webform-component-email {
float: left;
margin: 0 1%;
width: 68%;
}


#cboxMiddleLeft {
    /*width: 0;*/
}
#cboxContent #block-block-1-0 {
color: #000000;
font-weight: normal;
margin: 0;
}
#cboxContent input, #cboxContent textarea {
max-width: 100%;
}

#cboxContent #block-block-1-0 a {
color: #3B3681;
}

#cboxContent #block-block-1-0 div {
display: block;
}

#cboxContent #block-block-1-0 #mobile-contakts {
display: none;
}

#cboxContent #block-block-1-0 .fl-right,
#cboxContent #block-block-1-0 .wpad-left {
float: none;
padding: 10px 0;
}

#cboxContent #block-block-1-0 .contact.callback {
background-image: url("../images/tel-black.png");
}

#cboxContent #block-block-1-0 .contact.mail {
background-image: url("../images/konvert-black.png");
display: block;
margin: 0 0 16px 0;
}

#cboxContent #block-block-1-0 .phone {
font-size: 121%;
font-weight: bold;
}

#cboxContent #webform-client-form-34 {
display: block;
}

#cboxContent #webform-client-form-34 select {
height: 34px;
width: 100%;
}

#cboxContent #webform-client-form-34 .form-submit {
font-size: 1em;
}

#cboxContent #webform-client-form-34 .webform-component--soobshchenie {
display: block;
}



/*** СЛАЙДШОУ ***/

.i1-slaidshou .views-row,
.i1-slaidshou .views-row .views-field-field-image,
.i1-slaidshou .views_slideshow_cycle_main,
.i1-slaidshou .views_slideshow_cycle_teaser_section,
.i1-slaidshou .views_slideshow_slide {
/*height: 650px !important;*/
height: 74vh !important;
margin: 0 auto;
max-width: 2000px;
width: 100% !important;
}

.i1-slaidshou .views-row {
max-width: 100%;
overflow: hidden;
}

.i1-slaidshou .views-row p {
font-size: 125%;
margin: 0;
}

.i1-slaidshou .views-row .views-field-body {
/*background: #ffffff;*/
/*background: rgba(255, 255, 255, 0.8);*/
    background: rgba(14, 57, 148, 0.6);
    color: #fff;
display: table !important;
margin: 40px 0 0 40px;
padding:20px;
position: absolute;
z-index: 99;
font-size:17px;
    bottom: 25%;
}

#webform-client-form-1111 {
    margin: 0 auto;
    width: 530px;
    text-align: center;
    max-width: 100vw;
}
#block-views-block-i1-uslugi-block-1 h2,
#block-views-block-i1-garantii-block-10 h2 {
    margin-top: 0;
}
#block-views-block-i1-uslugi-block-1 .plitki .views-row,
#block-views-block-i1-uslugi-block-3 .plitki .views-row {
    border: 2px solid #fff;
}
#block-views-block-i1-uslugi-block-3 .plitki .views-row:hover,
#block-views-block-i1-uslugi-block-1 .plitki .views-row:hover {
    border: 2px dotted rgba(14, 57, 148, 0.45);
}
#block-views-block-i1-garantii-block-1 img {
    opacity: 1;
}
#block-views-block-i1-garantii-block-1 img:hover {
    opacity: 0.5;
}
#block-views-block-i1-klienty-block-2 {
    padding-right: 30px;
    padding-left: 15px;
}
#block-partneram p {
    text-align: center;
}
#block-partneram a {
    font-size: 150%;
}

.font-class-map {
    font-size: 150%;
    padding-bottom: 40px;
    padding-top: 20px;
    text-align: center;
}
.class-map {
    margin: 0 auto;
    width: 100%;
}
.font-class-map a {
    color: #333;
    cursor: pointer;
}
.node-1111 .g-recaptcha-wrap {
    display: none;
}
#block-views-block-slaidsou-block-1 {
    margin-left: -15px;
    margin-right: -15px;
    margin-top: -1px;
}
.i1-slaidshou .views-row .views-field-body a {
color: #000000;
}

.i1-slaidshou .views-row .views-field-title {
font-size: 2em;
}

.i1-slaidshou .views-row .views-field-field-image img {
display: block;
max-width: 1000000px;
}

.i1-slaidshou .widget_pager_bottom {
display: table;
margin: -40px auto 0 auto;
position: relative;
z-index: 100;
}

.i1-slaidshou .widget_pager_bottom .views_slideshow_pager_field_item {
/*background: #cccccc;*/
background: none;
border: 2px solid #ffffff;
border-radius: 50%;
cursor: pointer;
display: inline-block;
height: 20px;
line-height: 20px;
margin: 0 8px;
overflow: hidden;
text-align: center;
text-indent: -10000px;
width: 20px;
}

.i1-slaidshou .widget_pager_bottom .views_slideshow_pager_field_item.active {
/*background: rgb(255, 0, 25);*/
    background: rgb(254, 254, 254);
}

.i1-slaidshou .views-slideshow-controls-bottom .views-slideshow-controls-text-next {
float: right;
}

.i1-slaidshou .views-slideshow-controls-bottom .views-slideshow-controls-text-previous {
float: left;
}

.i1-slaidshou .views-slideshow-controls-bottom .views-slideshow-controls-text-next a,
.i1-slaidshou .views-slideshow-controls-bottom .views-slideshow-controls-text-previous a {
background: url("../images/arrow-right.png") center center no-repeat;
background-color: rgba(0, 0, 0, 0.5);
height: 52px;
margin: -332px 0px 0px -32px;
overflow: hidden;
position: absolute;
text-indent: 1000px;
width: 32px;
z-index: 11;
}

.i1-slaidshou .views-slideshow-controls-bottom .views-slideshow-controls-text-previous a {
background: url("../images/arrow-left.png") center center no-repeat;
background-color: rgba(0, 0, 0, 0.6);
margin-left: 0;
}

.i1-slaidshou .views-slideshow-controls-bottom .views-slideshow-controls-text-next a:hover,
.i1-slaidshou .views-slideshow-controls-bottom .views-slideshow-controls-text-previous a:hover {
background-color: rgba(0, 0, 0, 0.8);
}

.i1-slaidshou .views-slideshow-controls-bottom .views-slideshow-controls-text-pause {
display: none;
}



/*** ТАЙМЕР ***/

.i1-taimer h2 {
text-align: center;
}

.i1-taimer .views-field-field-image {
float: left;
margin: 0 20px 8px 0;
}

.i1-taimer .views-field-field-vrema {
display: table;
margin: 0 auto;
text-align: center;
}

.i1-taimer .views-row {
clear: both;
display: table;
width: 100%;
}



/*** УСЛУГИ - ЗИГЗАГОМ ***/

.zigzag ul {
display: table;
}

.zigzag .views-field-field-image {
float: left;
margin: 0 20px 8px 0;
}

.zigzag .views-row {
clear: both;
display: table;
width: 100%;
}

.zigzag .views-row:nth-of-type(2n) .views-field-field-image {
float: right;
margin: 0 0 8px 20px;
}



/*** СПИСОК ***/

.spisok .views-field-title {
font-size: 150%;
margin: 0 0 8px 0;
}

.spisok .views-field-field-image {
float: left;
margin: 0 30px 12px 0;
}

.spisok .views-row {
clear: both;
display: table;
margin: 0 0 10px 0;
width: 100%;
}



/*** ПЛИТКИ ***/

.plitki {
clear: both;
display: table;
width: 100%;
}

.plitki h4 {
font-size: 160%;
}

.plitki .views-field-field-image .fa {
font-size: 160px;
}

.plitki .views-row {
float: left;
margin: 1%;
text-align: center;
overflow: hidden;
width: 31%;
}

.plitki.qty-2 .views-row {
width: 48%;
}

.plitki.qty-3 .views-row {
width: 31%;
}

.plitki.qty-4 .views-row {
width: 23%;
}

.plitki.qty-5 .views-row {
width: 18%;
}

.plitki.qty-4 .views-field-field-image .fa {
font-size: 140px;
}

.plitki.qty-5 .views-field-field-image .fa {
font-size: 120px;
}

.plitki.fa-small .views-field-field-image .fa,
.spisok.fa-small .views-field-field-image .fa {
font-size: 120px;
}

.plitki.fa-uslugi .views-field-field-image .fa {
font-size: 180px;
}

.plitki.fa-uslugi.qty-2 .views-field-field-image .fa {
font-size: 300px;
}

.plitki.fa-uslugi.qty-4 .views-field-field-image .fa {
font-size: 140px;
}

.plitki.fa-uslugi.qty-5 .views-field-field-image .fa {
font-size: 118px;
}



/*** ПЛИТКИ С КАРТИНКАМИ ПО ЦЕНТРУ ПО ВЕРТИКАЛИ ***/

.image-valign-middle .views-field-field-image {
display: table-row;
}

.image-valign-middle .views-field-field-image .field-content {
display: table-cell;
vertical-align: middle;
}

.image-valign-middle .views-row {
display: table;
}



/*** ПО ЦЕНТРУ ПО ВЕРТИКАЛИ ***/

.va-tab {
display: table;
}

.va-tab-row {
display: table-row;
}

.va-tab-cell {
display: table-cell;
vertical-align: middle;
}



/*** ЛЕНТА ***/

.lenta .views-field-created {
color: #cccccc;
float: right;
margin: 0 0 8px 20px;
}

.lenta .views-field-title h4 {
font-size: 180%;
margin-top: 0;
}

.lenta .views-field-field-image {
float: left;
margin: 0 20px 8px 0;
}

.lenta .views-row {
clear: both;
display: table;
margin: 0 0 20px 0;
width: 100%;
}



/*** БЛОКИ С ФОНОМ ***/

#block-views-block-castye-voprosy-block-1,
#block-views-block-i1-garantii-block-4,
#block-views-block-i1-klienty-block-1,
#block-views-block-i1-garantii-block-1 {
background: #f6f6f6;
margin-top: 60px;
padding: 30px 20px 0 20px;
}

#block-views-block-castye-voprosy-block-1 > in > h2,
#block-views-block-i1-garantii-block-4 > in > h2,
#block-views-block-i1-klienty-block-1 > in > h2,
#block-views-block-i1-garantii-block-1 > in > h2 {
background: #f6f6f6;
margin-top: 0;
}

.region-header .brand {width: 100%;}
#block-sloganvsapke {float: left;}
.region-footer-menu #block-sloganvsapke-2 {float: left;}


.node .node__content table thead tr {
    color: #fff;
    background: rgb(14, 57, 148);
    font-size: 120%;
}
.node .node__content table tbody td:nth-child(2){
    font-size: 120%;
    font-weight: bold;
}



/*** ГЛАВНАЯ СТРАНИЦА ***/

.path-frontpage {
background: #f7e3e3 url("../images/bg-front.jpg") center center no-repeat;
//background-attachment: fixed;
}

.path-frontpage .content_layout {
text-align: left;
}

.path-frontpage .navbar-header {
float: none;
max-width: 920px;
margin: 0 auto;
}

.path-frontpage .region-content {
max-width: 1111px;
margin: 0 auto;
}

#block-logotipglavnaa {
float: left;
margin-left: -15px;
z-index: 2;
}

#block-logotipglavnaa content img {
opacity: 0.96;
}

#block-menunapravlenianaglavnoi {
float: right;
z-index: 2;
margin-right: 15px;
}

#block-menunapravlenianaglavnoi .nav img {
opacity: 0.8;
}

#block-menunapravlenianaglavnoi .nav img:hover {
opacity: 1;
}

#block-devuskiiderevonaglavnoi {
margin: -130px 0 -42px 0;
overflow: hidden;
}

.extended #block-devuskiiderevonaglavnoi {
position: fixed;
bottom: 0;
}

#block-devuskiiderevonaglavnoi in {
float: right;
padding: 0 30px 0 38px;
}

#derevo {
margin: 0 -30px -15px 0;
transition: all 999ms ease-in-out;
}

#derevo.ethno {
transform: rotateZ(16deg);
}

#derevo.jazz {
transform: rotateZ(41deg);
}

#derevo.classica {
transform: rotateZ(66deg);
}

#derevo.menu {
transform: rotateZ(180deg);
}

#girls {
position: absolute;
top: 200px;
width: 100%;
}

#girls img:hover {
transform: scale3d(1.1,1.1,1);
top: -28px;
}

#girls .girls {
opacity: 0;
position: relative;
transition: all 555ms;
}

#girls .girl1 {
position: absolute;
left: -30px;
top: 0;
}

#girls .girl2 {
position: absolute;
left: 350px;
top: 0;
}

#girls .classica .girl1 {
left: -50px;
}

#girls .classica .girl2 {
left: 250px;
}

#girls .ethno .girl1 {
left: 0px;
}

#girls .ethno .girl2 {
left: 430px;
}



/*** МЕДИА  ***/

@media (min-width: 1200px) {
    .container {
        width: 100vw;
        max-width: 1600px;
        /*padding: 0;*/
    }
    .menu-base-theme a, .menu-base-theme a:hover, .menu-base-theme a:focus, .menu-base-theme a:active, .menu-base-theme a.highlighted {
        padding: 13px 3.1vw;
    }
}

@media screen and (max-width: 1200px) {
  #block-sloganvsapke {width: 40%;}
  .region-footer-menu .block {margin: 0 2% 0 0;}
  .region-footer-menu #block-sloganvsapke-2 {width: 35%; margin: 0 2% 0 0;}
  .region-footer-menu #block-sitebranding {width: 25%;}
  .region-footer-menu #block-kontaktyvpodvale {width: 30%;}

  .region-footer-menu #block-sloganvsapke-2,
  .region-footer-menu #block-sitebranding,
  .region-footer-menu #block-kontaktyvpodvale {height: 118px;}

  .i1-taimer .views-field-field-image {display: none;}
  .i1-taimer .views-field-body .va-tab {
    width: 100%;
  }
    .container {
        width: 100%;
        max-width: 100vw;
    }
    .plitki2 table {
        max-width: 64vw;
    }
}

@media screen and (max-width: 991px) {
    .region-primary-menu .block {
        margin: 0 15px 0 0;
    }
    #block-views-block-i1-garantii-block-5 .views-field-field-image {
        width: 100%;
        text-align: center;
    }
    .i1-slaidshou .views-row, .i1-slaidshou .views-row .views-field-field-image, .i1-slaidshou .views_slideshow_cycle_main, .i1-slaidshou .views_slideshow_cycle_teaser_section, .i1-slaidshou .views_slideshow_slide {
        height: 70vh !important;
    }
  .col-md-3 {width: 190px; float: left;}
  .col-md-9 {width: 70%; float: right;}
  #block-sloganvsapke {width: 30%;}
  .region-primary-menu .block in content {height: 75px;}
  .region-footer-menu #block-kontaktyvpodvale {width: 100%;}
  .region-footer-menu #block-sloganvsapke-2 {width: auto;}

  .zigzag .views-field-body {clear: both;}
  .zigzag .views-field-body .va-tab-cell {display: block; height: auto !important;}

  .plitki.qty-4 .views-row {width: 31%;}
}
@media screen and (max-width: 810px) {
    .col-md-9 {
        width: 74%;
    }
}
@media screen and (max-width: 800px) {
    .region-primary-menu .block {
        margin: 0 8px 0 0;
    }
    .i1-slaidshou .views-row p {
        font-size: 100%;
    }
}
@media (min-width: 768px) {
    .node-93 .node__content .quickedit-field:nth-child(1) img,
    .node-94 .node__content .quickedit-field:nth-child(1) img,
    .node-95 .node__content .quickedit-field:nth-child(1) img {
        display: none;
    }
    .node-93 .node__content .quickedit-field:nth-child(2),
    .node-94 .node__content .quickedit-field:nth-child(2),
    .node-95 .node__content .quickedit-field:nth-child(2) {
        width: 80%;
        margin: 0px auto 0 auto;
    }
    .node-93 .node__content .quickedit-field:nth-child(2) table,
    .node-94 .node__content .quickedit-field:nth-child(2) table,
    .node-95 .node__content .quickedit-field:nth-child(2) table {
        margin: 15px auto 0 auto;
    }
}
@media screen and (max-width: 767px) {
    .region-primary-menu .block {
        float: left;
    }
    .i1-slaidshou .views-row .views-field-body {
        margin: 40px 0 0 10px;
    }
    .i1-slaidshou .views-row p {
        font-size: 90%;
    }
    .node-93 .node__content .quickedit-field:nth-child(1) img,
    .node-94 .node__content .quickedit-field:nth-child(1) img,
    .node-95 .node__content .quickedit-field:nth-child(1) img {
        display: block;
    }
    .node-93 .node__content .quickedit-field:nth-child(2) img,
    .node-94 .node__content .quickedit-field:nth-child(2) img,
    .node-95 .node__content .quickedit-field:nth-child(2) img {
        display: none;
    }
    .node-93 td, .node-93 th, .node-94 td, .node-94 th, .node-95 td, .node-95 th {
        padding: 5px;
    }
    .node .node__content table tbody td:nth-child(2) {
        font-size: 110%;
        font-weight: normal;
    }
    #block-sloganvsapke {width: 62%;}
  .main-header .region-primary-menu {margin-top: -50px; background: inherit; float: right;}
  .region-highlighted {display: none;}
    .col-md-3 {
        width: 170px;
    }
}

@media screen and (max-width: 700px) {
    .col-md-9 {
        width: 71%;
    }
  .plitki.qty-4 .views-row {width: 48%;}

  #block-webform-client-block-5 {
    float: none;
    width: auto;
    display: block;
  }

  #block-webform-client-block-5 in {
    margin: 0px auto;
    position: relative;
    width: 90% !important;
  }

  #block-webform-client-block-5 .form-submit {margin-bottom: 10px;}

}

@media screen and (max-width: 660px) {

    #block-kontaktyvpodvale {
        width: 100%;
    }
    #block-kontaktyvpodvale .quickedit-field p.text-align-right {
        text-align: left;
        padding-left: 12px;
    }
  .i1-taimer .flip-clock-divider {
    float: left;
    display: inline-block;
    position: relative;
    width: 13px;
    height: 44px;
  }

  .i1-taimer .flip-clock-wrapper ul {
    width: 26px;
    height: 26px;
    margin: 2px;
  }

  .i1-taimer .flip-clock-wrapper ul li {line-height: 26px;}
  .i1-taimer .flip-clock-wrapper ul li a div.up div.inn, .flip-clock-wrapper ul li a div.down div.inn {font-size: 14px;}
  .i1-taimer .flip-clock-dot.top {top: 18px;}
  .i1-taimer .flip-clock-divider .flip-clock-dot {
    width: 3px;
    height: 3px;
  }

  .i1-taimer .flip-clock-divider .flip-clock-label {
    position: absolute;
    top: -1.5em;
    right: -48px !important;
    color: #000;
    text-shadow: none;
  }

}

@media screen and (max-width: 640px) {
    #block-webform-client-block-5 h2 {
        padding-top: 20px;
    }
    #block-webform-client-block-5 .form-actions {
        clear: both;
        width: 100%;
        padding: 10px 0;
    }
    #block-webform-client-block-5 .form-item {
        width: 100%;
    }
    #block-webform-client-block-5 .js-form-type-tel input {
        width: 50%;
    }
    #block-webform-client-block-5 .form-item label {
        text-align: center;
    }
    #block-webform-client-block-5 .rtecenter {
       margin: 0;
    }
  .col-md-9 {width: 100%;}
  .main-header .navbar-toggle {margin-top: -50px;}
  .main-header .region-primary-menu {margin-top: 0;}
  #block-sloganvsapke {width: 100%;}

  .zigzag .views-field-field-image img {width: 100%;}

  .plitki.qty-2 .views-row {width: 98%;}
  .plitki.qty-2 .views-row .views-field-field-image img {width: 100%;}

  .plitki .views-row {width: 48%;}
}

@media screen and (max-width: 600px) {
    #webform-client-form-1111 {
        width: 100%;
    }
  .region-footer-menu #block-sloganvsapke-2,
  .region-footer-menu #block-sitebranding,
  .region-footer-menu #block-kontaktyvpodvale {clear: both; width: 100%;}
  .region-footer-menu #block-kontaktyvpodvale {margin-bottom: 4%;}
  .region-footer-menu #block-kontaktyvpodvale in content, .region-footer-menu #block-sloganvsapke-2 in content {height: auto;}
  .region-footer-menu #block-sloganvsapke-2, .region-footer-menu #block-sitebranding, .region-footer-menu #block-kontaktyvpodvale {height: auto; margin-bottom: 2%;}
}

@media screen and (max-width: 490px) {
    .plitki2 table {
        max-width: 94vw;
    }
  .plitki.qty-4 .views-row {width: 98%;}
}

@media screen and (max-width: 480px) {
    .mfp-auto-cursor .mfp-content form {
        padding: 25px 0px 0 0px;
    }
    #cboxContent {
        max-width: 93vw;
        overflow-x: scroll;
    }
    #cboxContent .form-item {
        max-width: 93vw;
    }
    .block in > h2 {
        font-size: 200%;
    }
  .plitki .views-row {width: 98%;}
  .plitki .views-row .views-field-field-image {overflow: hidden;}
  div.block[class*="i1-portfolio"] .views-row .views-field-field-image img {width: 100%;}
  div.block[class*="i1-uslugi"] .views-row .views-field-field-image img {width: 100%;}
  div.block[class*="i1-garantii"] .views-row .views-field-field-image img {width: 100%;}
}

@media screen and (max-width: 430px) {
  .main-header #block-kontaktyvsapke,
  .main-header #block-adresivrema {clear: both; width: auto; float: left;}
}
@media screen and (max-width: 360px) {
    #block-webform-client-block-5 .js-form-type-tel input {
        width: 90%;
    }
    #cboxContent .rtecenter {
        font-size: 90%;
    }
}
@media screen and (max-width: 320px) {
    .mfp-inline-holder .mfp-content {
        top: 30%;
        position: fixed;
        left: 3px;
    }
    .mfp-content .rtecenter {
        padding-top: 10px;
    }
}