/*
Theme Name: Установка кабин
Theme URI: http://xn-----8kceclfc5arqmjd1a0bt2b4c6c.xn--p1ai/
Author: the WordPress team
Author URI: https://searchengines.guru/showthread.php?p=15641527
Description: Создание шаблона
Requires at least: WordPress 4.9.6
Version: 1.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: twentynineteen
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Twenty Nineteen is based on Underscores https://underscores.me/, (C) 2012-2018 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

html {  scroll-behavior: smooth;}
body{
	font-family:"open Sans", arial;
	padding:0;
	margin:0;
	background-image:url(images/body.jpg);
	background-repeat:no-repeat;
	background-position: center 120px;
	background-size: contain 720px; 

}
.imputs p{ margin:0; padding:0;}
.textwidget p{ padding:0; margin:0;}
.right{ float:right;}
.left{ float:left;}
.top_s{ margin-top:35px;}
.clear{ clear:both;}

.header{ background-color:#554f4d; height:120px;}
.footer{ background-color:#423B39; padding-top:35px;}
.footer_police{ text-align:center; padding-bottom:35px;}
.footer  a{ color:#fff;}
.footer_tel{font-size:28px; color: #FFF;  padding:37px; font-weight:bold; text-align:right; float:right;}
.footer_tel a{ text-decoration:none;}



/* Стили модального окна и содержания 
-------------------------------------------------------------------------------*/
 
/* слой затемнения */
 
.dm-overlay {
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.65);
    display: none;
    overflow: auto;
    width: 100%;
    height: 100%;
    z-index: 1000;
}
/* активируем модальное окно */
 
.dm-overlay:target {
    display: block;
    -webkit-animation: fade .6s;
    -moz-animation: fade .6s;
    animation: fade .6s;
}
/* блочная таблица */
 
.dm-table {
    display: table;
    width: 100%;
    height: 100%;
}
/* ячейка блочной таблицы */
 
.dm-cell {
    display: table-cell;
    padding: 0 1em;
    vertical-align: middle;
    text-align: center;
}
/* модальный блок */
 
.dm-modal {
    display: inline-block;
    padding: 30px;
    max-width: 50%;
    background: #423E3D;
    -webkit-box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.22), 0px 19px 60px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.22), 0px 19px 60px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.22), 0px 19px 60px rgba(0, 0, 0, 0.3);
    color: #ccc;
    text-align: left;
	z-index:999;
}
/* изображения в модальном окне */
 
.dm-modal img {
    width: 100%;
    height: auto;
}
/* миниатюры изображений */
 
.pl-left,
.pl-right {
    width: 25%;
    height: auto;
}
/* миниатюра справа */
 
.pl-right {
    float: right;
    margin: 5px 0 5px 15px;
}
/* миниатюра слева */
 
.pl-left {
    float: left;
    margin: 5px 15px 5px 0;
}
/* встраиваемое видео в модальном окне */
 
.video {
    position: relative;
    overflow: hidden;
    padding-bottom: 56.25%;
    height: 0;
}
.video iframe,
.video object,
.video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/* рисуем кнопарь закрытия */
 
.close {
	z-index: 9999;
	float: right;
	width: 40px;
	height: 40px;
	color: #cfd8dc;
	text-align: center;
	text-decoration: none;
	line-height: 40px;
	cursor: pointer;
	margin-right: -33px;
	margin-top: -33px;
}
.close:after {
	background-color:#333;
    display: block;
    content: 'X';
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    transition: all 0.6s;
    -webkit-transform: scale(0.85);
    -moz-transform: scale(0.85);
    -ms-transform: scale(0.85);
    transform: scale(0.85);
}
/* кнопка закрытия при наведении */
 
.close:hover:after {
    border-color: #fff;
    color: #fff;
}
/* варианты фонвой заливки модального блока */
 
.green {
    background: #388e3c!important;
}
.cyan {
    background: #0097a7!important;
}
.teal {
    background: #00796b!important;
}
/* движуха при появлении блоков с содержанием */
 
@-moz-keyframes fade {
    from {
        opacity: 0;
    }
    to {
        opacity: 1
    }
}
@-webkit-keyframes fade {
    from {
        opacity: 0;
    }
    to {
        opacity: 1
    }
}
@keyframes fade {
    from {
        opacity: 0;
    }
    to {
        opacity: 1
    }
}

/*===END Modal===Start TABS=*/

::selection {
  background-color: #4EC6DE;
}

.tabbed {
  width: auto;
  margin: 0px auto;
}

.tabbed > input {
  display: none;
}

.tabbed > label {
  display: block;
  float: left;
  padding: 20px;
  margin-right: 22px;
  cursor: pointer;
  transition: background-color .3s;
	background-color: transparent;
	border: 3px solid #00BFF3;
	font-size:18px;
	font-weight:bold;
	color:#00BFF3;
}

.tabbed > label:hover,
.tabbed > input:checked + label {
background-color:#00BFF3; color:#fff; cursor:pointer;

}

.tabs {
  clear: both;
  perspective: 600px;
}

.tabs > div {
  width: 100%;
  position: absolute;
  padding: 35px 0px 40px 0px;
  line-height: 1.4em;
  opacity: 0;
  transform: rotateX(-20deg);
  transform-origin: top center;
  transition: opacity .3s, transform 1s;
  z-index: 0;
}

#tab-nav-1:checked ~ .tabs > div:nth-of-type(1),
#tab-nav-2:checked ~ .tabs > div:nth-of-type(2),
#tab-nav-3:checked ~ .tabs > div:nth-of-type(3),
#tab-nav-4:checked ~ .tabs > div:nth-of-type(4) {
  transform: rotateX(0);
  opacity: 1;
  z-index: 1;
}
/*===END TABS=*/


.logo{ background-image:url(images/logo.PNG); width:210px; height:118px; float:left;}
.loloname{
	color: #838180;
	font-size:24px;
	float:left;
	padding-top: 25px;
	padding-right: 0px;
	padding-bottom: 25px;
	padding-left: 52px;
}
.tel, .h_bt{float:right;padding:14px; color:#00BDEF; }
.tel{font-size:24px; color: #FFF; margin-right:50px; padding:25px; font-weight:bold; text-align:right;}
.tel a{ color:#fff; text-decoration:none;}
.h_bt{border:3px solid #00BDEF; font-weight:bold; margin-top:30px;}
h1{ color:#fff; font-size:46px; text-align:center; line-height:1.2em; font-weight:bold; margin-top:65px; font-family:"Arial Black", Gadget, sans-serif;}
h2{ text-align:center; color:#fff; font-weight:normal; font-size:24px;}
.ico > .a,
.ico > .b,
.ico > .c,
.ico > .d{float:left; color:#fff; width:16.4%; padding-top:55px; background-repeat:no-repeat; background-position:left 35px; padding-right: 1.9%; padding-bottom: 1.9%;	padding-left: 7%; margin-bottom:42px;}

.ico > .a{ background-image:url(images/1.png);}
.ico > .b{ background-image:url(images/2.png);}
.ico > .c{ background-image:url(images/3.png);}
.ico > .d{ background-image:url(images/4.png);padding-right:0; }

.ico .tt{ font-size:18px; text-transform:uppercase; margin-bottom:10px; font-weight:bold;}

.form{
	width:70%;
	margin-left:auto;
	margin-right:auto;
	background-color:#FFF;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #00BDEF;
	
	-webkit-box-shadow: 0px 0px 55px #222;
	-moz-box-shadow: 0px 0px 15px #222;
	box-shadow: 0px 90px 200px #CCC;
}
.form > .top{ background-image:url(images/bgform.png); background-position:right top; background-repeat:no-repeat;}

.form > .top_girl{ background-image:url(images/bgform2.png); background-position:right top; background-repeat:no-repeat;}

.form_top{ height:137px; padding-left:180px; font-size:14px;}

div.wpcf7-mail-sent-ok{ background-color:#00BFF3 !important; color:#fff !important; font-weight:bold; border:none !important; clear:both; font-size:16px !important; margin-top:25px;}
.form_down{
	background-color:#EFEFEF;
	background-image:url(images/bgform.png);
	background-position:right -140px;
	background-repeat:no-repeat;
	text-align:center;
	padding-bottom:25px;
}
.form_down_girl{
height:250px;
background-color:#EFEFEF;
background-image:url(images/bgform2.png);
background-position:right -140px;;
background-repeat:no-repeat;
text-align:center;
}
.santeh{
	background-image:url(images/santeh.png);
	width:102px;
	height:156px;
	position:absolute;
	margin-left:40px;
	margin-top:-19px;
	z-index:768;
}
.santeh_girl{
	background-image:url(images/santeh2.png);
	width:122px;
	height:113px;
	position:absolute;
	margin-left:40px;
	margin-top:24px;
	z-index:99999;
}

.imputs{ margin-top:20px; padding-left:2%; padding-right:2%;}
.form_name, .form_tel {  padding:17px;}
.rez{width:23%; float:left; margin-right:1%; margin-left:1%;padding-left:45px;}


.form_name{ background-image:url(images/name.png); background-repeat:no-repeat; background-position:17px 17px; border:none;}
.form_tel{background-image:url(images/tel.png); background-repeat:no-repeat; background-position:17px 17px; border:none;}
.two_button{ float:left; margin-top:35px; margin-right:25px; padding-bottom:35px;}
.two_button input{ padding:25px;}
.form_bt{
	background-color: transparent;
	border: 3px solid #00BFF3;
	padding:11px;
	font-size:18px;
	font-weight:bold;
	color:#00BFF3;
}
a.form_bt{
	background-color: transparent;
	border: 3px solid #00BFF3;
	padding:11px;
	font-size:18px;
	font-weight:bold;
	color:#00BFF3;
	text-decoration: none;
}
.form_bt:hover{ background-color:#00BFF3; color:#fff; cursor:pointer;}
.form_bt:hover,.form_bt{-webkit-transition-duration:1s;-moz-transition-duration:1s}

.dd_form_center{ width:70%; margin-left:auto; margin-right:auto; margin-bottom:65px; margin-bottom:25px;}
.dd_form{ margin-left:1%;}

.f_tit{font-size:18px; font-weight:normal; padding-top:25px;}
.f_tit_girl{font-size:24px; font-weight:normal; padding-top:25px; font-family:"Arial Black", Gadget, sans-serif; padding-top:35px;}
.f_tit_girl span{ color:#00BFF3;}

h3{ font-size:32px; font-weight:bold; margin-top:35px; text-align:center; font-family:"Arial Black", Gadget, sans-serif;}
.h3_a{	margin-top:115px;	color: #423B39;}
.h3_b{	margin-top:115px;	color: #fff; padding-top:60px;}
.h3_c{	margin-top:190px;	color: #423B39; padding:25px;border:5px solid #E1F8FD; z-index:9999px; position:relative; background-color:#FFFFFF; width:70%; margin-left:auto; margin-right:auto; }


.prem > .p_a,
.prem > .p_b,
.prem > .p_c{ width:30%; padding-right:2%; padding-left:2%; float:left; font-size:14px; line-height:1.6em;}

.prem > .p_c{ padding-right:0;}
.prem  .p_t{ margin-top:25px; font-weight:bold; margin-bottom:25px;}

.center_bt,.bt_prem{ margin-top:60px; width:270px; margin-left:auto; margin-right:auto; text-align:center; display:block;}

.price{ background-color:#3F3B3A;;}
.cnf_right{ width:30%; background-color:#7F7F7F; padding:2%; text-align:center; padding-bottom:85px;}
.cnf_title{ color:#FFF; margin-top:45px; margin-bottom:45px; margin-left:15px; margin-left:15px; font-size:20px; font-weight:bold;}
.cnf_discont{color:#C8C8C8; margin-top:45px; margin-bottom:45px; margin-left:15px; margin-left:15px; font-size:20px; font-weight:bold;}
.w{ width:80%; margin-bottom:25px; padding-left:45px}
.relat{
	position: relative;
	bottom: -190px;
	top: 70px;
}
.price_tables{ width:60%; float:left; margin-right:6%; height:700px;}
table.price_table{ color:#fff; font-size:14px; font-weight:bold;}

.price_table td:first-child{ border-left:none !important;}
.price_table_title{
	color:#969696;
	
}
.price_table td{
	padding:10px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #7E7E7E;
	border-right-color: #7E7E7E;
	border-bottom-color: #7E7E7E;
	border-left-color: #7E7E7E;
}

.imgform{ background-image:url(images/1920979698.jpg); background-position:center center; background-color:#1D253F; text-align:center; color:#fff; font-size:22px; font-family:"Arial Black", Gadget, sans-serif; padding-bottom:60px; }
.imgform span{font-size:18px; padding-top:35px;}
.contects{ width:60%; margin-left:auto; margin-right:auto; text-align:center; padding-bottom:120px;}



.m_a{ background-image:url(images/ic_1.png);}
.m_b{background-image:url(images/ic_2.png);}
.m_c{background-image:url(images/ic_3.png);}
.m_d{background-image:url(images/ic_4.png);}
.m_e{background-image:url(images/ic_5.png);}


.m_a,
.m_b,
.m_c,
.m_d,
.m_e{float:left; padding-left:45px; background-repeat:no-repeat;}

.m_a,
.m_b,
.m_c{
	width:19%;
	padding-right: 5%;
	margin-left: 5%;
	margin-top:45px;
}

.m_d,
.m_e{ width:40%; margin-top:25px;padding-right: 5%;}

.m_e{ padding-right: 0;}

.d_e_center{ width:600px; margin-left:auto; margin-right:auto;}
.grey_fon{ background-color:#EEEEEE;}
.menubg { background-image:url(images/menu_bg.PNG); font-family:"Arial Black", Gadget, sans-serif;}
.menu li {
	font-size:14px;
	float:left;
	
}
.menu li a:hover{ color:#00ccff;}
.menu li a {
	display: inline-block;
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
	padding-top: 25px;
	padding-right: 18px;
	padding-bottom: 25px;
	padding-left: 18px;
}
ul.menu{
	width: 1000px;
	margin: 0 auto;
}
nav ul, nav li {
	margin:0;
	padding:0;
	list-style-type:none;
}
nav {
	color:#fff;
	width: 100%;
	z-index: 99999;
	opacity:0.9;
}
.clearfix::after {
	content: "";
	display:block;
	clear:both;
}
.menutoggle {
	padding: 15px;
	display:none;
	text-transform:uppercase;
}
#mm{ display:none;}

@media only screen and (min-width:0px) and (max-width:1190px) {

.menu {
display:none;
position:absolute;
width: 100%;
margin-top: 60px !important;
text-align: center;
background-color: #554f4c;
}
ul.menu{ left:0;}
.menu li {
	float:none;
	
}
.menu li a{
	font-size:18px;
	padding-top:15px;
	padding-bottom:15px;

}
.menutoggle {
	display: inline-block;
	cursor:pointer;
	text-align: right;
}
label.menutoggle{
	float:right;font-size:140%;
}
label.menutoggle span{
	
	padding-top: 2px;
	float: right;
	padding-left: 8px;
}
#mm:checked + .menu{ display:block;
}

ul.menu{width: 100%;}label.menutoggle span{ font-size:80%;}nav {opacity:100;}
.form{ width:auto;}
.loloname, .cnf_right{ display:none;}
.dd_form_center{ width:auto;}
}

@media only screen and (min-width:0px) and (max-width:768px) {
.page{ width:90%; margin-left:auto; margin-right: auto;}
.tel{ display:block; background-color:#000; text-align:center; margin: 0 auto; float:none; font-size:18px;}
a.head_bt{ display:none; margin-right:0;}

h1{ font-size:32px;}
.dm-modal {   max-width: 100%;}
.tabs > div{ min-height:800px;}
.price_tables{ width:auto; margin-left:0; margin-right:0;}
.tabbed > label{ padding:0;  width:40%; text-align:center;}
}
@media only screen and (min-width:769px) and (max-width:1190px) {

.page{ width:700px; margin-left:auto; margin-right: auto;}

.tel { padding:0; font-size:18px; margin-top:35px; margin-right:17px;}
h1{font-size: 36px; margin-top:25px;}
.rez{ width:18%;}

.f_tit_girl{ font-size:20px;}
.m_a, .m_b, .m_c {
    width: 20%;
    padding-right: 0;
    margin-left: 5%;
    margin-top: 45px;
}

}



@media only screen and (min-width:1190px) and (max-width:9999px) {
.page{ width:1160px; margin-left:auto; margin-right: auto;}
.price_tables { height:auto;}
}

@media only screen and (min-width:1790px) and (max-width:9999px) {
	body{background-size: contain;}	
}


@media only screen and (min-width:769px) and (max-width:1189px) {

.ico > .a, .ico > .b, .ico > .c, .ico > .d {
    float: left;
    color: #fff;
    width: 34%;
    padding-top: 35px;
    background-repeat: no-repeat;
    background-position: left 35px;
    padding-right: 1%;
    padding-bottom: 1%;
    padding-left: 15%;
    margin-bottom: 30px;
}
.price_tables{ width:auto; margin-right:0;}	
}


@media only screen and (min-width:0px) and (max-width:768px) {
.f_center_bt{ display:block; margin:0 auto; margin-bottom: 0;}
.bt_prem{
	display:block;
	margin-right: auto;
	margin-left: auto;
}
.head_bt{ background-color:#000 !important; color:#fff !important; display:block;}
.right, .left,.price_tables{ float:none;}
.tabbed > label{  width: 100%; text-align:center; margin-bottom:15px; padding-top:15px; padding-bottom:15px;}
.f_tit_girl,.form_top{ text-align:center;}

.logo{ width:210px; margin-left:auto; margin-right:auto; float:none;}
.header{background-color: #4bbdef;height: 250px;}

.top_s{ margin-top: 0px; text-align:center;}
.top_s:hover{ border: 3px solid #FFF;}
h1,h3{ font-size:22px;margin-top: 15px;}
h2{font-size:16px;}
.ico{ font-size:14px;}
.ico > .a, .ico > .b, .ico > .c, .ico > .d {
    float: left;
    color: #fff;
    width: auto;
    padding-top: 16px;
    background-repeat: no-repeat;
    background-position: left 0px;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 27%;
    margin-bottom: 0;
}

.form{ margin-top:65px; margin-top:50px; }
.form_top{ height:auto;}
.form_top{ padding:5%; padding-top:120px;}

.santeh {
    background-image: url(images/santeh.png);
	background-position:center top;
	background-repeat:no-repeat;
    width: 90%;
    height: 156px;
    position: absolute;
    margin-left: 0;
    margin-top: -19px;
    z-index: 99999;
}
.santeh_girl{
	background-position:center top;
	background-repeat:no-repeat;
    width: 90%;
    height: 156px;
    position: absolute;
    margin-left: 0;
    z-index: 99999;

}
.form > .top_girl{ background-image:none;}
.form_down_girl{ height:auto; background-image:none; padding-bottom:25px;}

.form > .top{ background-image:none;}

.form_down {background-image: none; padding-bottom:35px; height:auto;padding:5%;}
.rez {
    width: 80%;
    float: none;
    margin-right: 0;
    margin-left: 0;
    padding-left: 45px;
}
.form_name, .form_tel {
	padding-top: 17px;
	margin-bottom:15px;
}
.prem > .p_a, .prem > .p_b, .prem > .p_c{ width:auto;}

.two_button input{ width:100%;}
.two_button {
    float: none;
    margin-top:0;
    margin-right:0;/
    padding-bottom: 35px;
}
.h3_b,.h3_a { margin-top:50px;}

.h3_c{ margin-top:120px; width:auto;}
.m_a, .m_b, .m_c {
    width: auto;
    padding-right: 5%;
    margin-left:0;
    margin-top: 45px;
}
.m_a, .m_b, .m_c, .m_d, .m_e{ float:none;}
.prem > .p_a, .prem > .p_b, .prem > .p_c {
    width: auto;
    padding-right: 2%;
    padding-left: 2%;
    float: none;
    font-size: 16px;
    line-height: 1.6em;
}
.contects{ padding-bottom:50px;}
.logo_bott{ margin-bottom:25px;}
.d_e_center{ width:auto;}
.footer_tel{ text-align:center; padding-left:0; padding-right:0; float:none; clear:both;}