/*
Theme Name: Voodoo theme
Theme URI: https://voodoo.ru/
Description: Voodoo theme
Version: 1.0
Author: Voodoo
Author URI: https://voodoo.ru/
*/
@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap');

body {margin: 0; font-family: 'Rubik', sans-serif; color: #000;}
* {
	box-sizing: border-box;
}
.container:after {
	content: '';
	display: table;
	width: 100%;
}
#wpadminbar {
	opacity: 0.3;
}
#cookie_notification{
  display: none;
  justify-content: space-between;
  align-items: flex-end;
  position: fixed;
  bottom: 15px;
  left: 50%;
  width: 900px;
  max-width: 90%;
  transform: translateX(-50%);
  padding: 25px;
  background-color: white;
  border-radius: 4px;
  box-shadow: 2px 3px 10px rgba(0, 0, 0, 0.4);
	z-index: 100;
}

#cookie_notification p{
  margin: 0 0 10px;
      font-size: 16px;
  text-align: left;
}
#cookie_notification p:first-child {
    font-weight: 500;
    margin-bottom: 10px;
    font-size: 18px;
}
.cookie_accept {
    margin-top: 10px;
   
}
#cookie_notification a {
	color: #5a9a36;
	text-decoration: underline;
}
#cookie_notification a:hover {
	text-decoration: none;
}
.show {
		display: block !important;
}
.text-404 h1 {
	font-weight: 500;
    font-size: 48px;
}
.size-full {
	max-width: max-content;
}
.row {
	margin-left: -15px;
	margin-right: -15px;
}
.row:before {
    display: table;
    content: " ";
}
b, bold, strong {
	font-weight: 500;
}
header { width: 100%;   box-sizing: border-box; }
footer {position: relative;    float: left;    width: 100%;}
p {margin-top: 0;  font-size: 16px;    line-height: 24px;}
a {color:inherit; text-decoration: inherit;}
textarea {
    resize: none; /* Запрещаем изменять размер */
	font-family: inherit;
}
#logo-voodoo {
	width: 130px;
	margin-top: 25px;
	float: right;
}
#logo-voodoo .st0 {
	fill: #9e9e9e;
}
.pop_up_block {
	display: none;
	position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    z-index: 10;
    left: 0;
}
.fon {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #00000069;
    z-index: 2;
}
.pop_up_block .form_body {
    left: calc(50% - 160px);
    top: calc(50% - 250px);
    padding: 30px 20px;
    width: 320px;
    padding-top: 40px;
    position: absolute;
    z-index: 3;
    background-color: #fff;
	/*color: #fff;*/
}
.close_form {
    position: absolute;
    width: 30px;
    height: 30px;
    right: 10px;
    top: 10px;
    cursor: pointer;
}
.wpcf7-spinner {position: absolute !important;}
.wp-block-separator {
    margin: 20px 0;
    visibility: hidden;
}
.size-full {
	width: 100%;
    height: auto;
}
.wp-block-image .aligncenter img {
	margin-left: auto;
    margin-right: auto;
    display: block;
}
.wpcf7 .ajax-loader {position: absolute !important;}
h1 {font-size: 44px;color: inherit;margin: 0;}
h2 {font-size: 22px; font-weight: 600;}
h3 {font-size: 18px; font-weight: 600;}
#page ul li {font-size: 16px; line-height: 30px;}
#page ol li {font-size: 16px; line-height: 36px;}
ul {padding: 0;padding-left: 15px;}
ol {padding: 0;padding-left: 10px;}
.wp-block-file__button {display:none;}
.wp-block-file:before {content: ''; background-image: url(/wp-content/themes/voodootheme/images/doc2.svg); width: 17px; height: 22px; display: block;    float: left;    background-size: contain;    background-position: center;    background-repeat: no-repeat;}
.wp-block-file a {margin-left: 15px; text-decoration: underline;line-height: 22px;}
.wp-block-file a:hover {text-decoration: none;}
.wp-block-image img {
    max-width: 100%;
    height: auto;
}
.wp-block-image {
    margin: 0;
}
.go-top-arrow {
    width: 50px;
    height: 50px;
}
.fa-chevron-up {
    color: #000;
    font-size: 24px;
    position: absolute;
    left: calc(50% - 10.5px);
    top: calc(50% - 12px);
}
.go-top-arrow:hover {

}
.hide {visibility:hidden;}
.content {width:1170px;margin:0 auto;clear: both;position: relative;}
.content:after {
	content: '';
	display: table;
	width: 100%;
}
.content-mini {width:830px;margin:0 auto;clear: both;position: relative;}
.content-long {width:100%;margin:0 auto;clear: both;position: relative;}
.flex {display: flex;}
#map {height: 590px;}
#page {clear: both;}
.otstup-100 {padding-top: 100px;}
.otstup-80 {padding-top: 80px;}
.otstup-60 {padding-top: 60px;}
.otstup-50 {padding-top: 50px;}
.otstup-40 {padding-top: 40px;}
.otstup-20 {padding-top: 20px;}
.bottom-otstup-100 {padding-bottom: 100px;}
.bottom-otstup-80 {padding-bottom: 80px;}
.bottom-otstup-60 {padding-bottom: 60px;}
.bottom-otstup-50 {padding-bottom: 50px;}
.bottom-otstup-40 {padding-bottom: 40px;}
.bottom-otstup-30 {padding-bottom: 30px;}
.col-12 {float:left;width:100%;}
.col-9 {float:left;width:75%;}
.col-8 {float:left;width:66.66666667%;}
.col-6 {float:left;width:50%;}
.col-4 {float:left;width:33.33333333%;}
.col-3 {float:left;width:25%;}
.col-2 {float:left;width:16.66666667%;}
.col-1 {float:left;width:8.33333333%;}
.nav-links {float: right;}
.nav-links a {text-decoration:none;    padding: 0 5px;}
.page-numbers.current {font-weight: 600;color: #203d4d;}
.page-numbers	{color: grey;    padding: 0 5px;}
.nav-links a:hover {color: #203d4d;}
.pagination-block {    width: 100%;    float: left;     margin-bottom: 30px;}
.float-left {float:left;}
.align-center {text-align:center;}
.relative {position: relative;}
.return-404 {font-size: 12px;    text-decoration: underline;}
.logo-404 {float: left;    margin-right: 30px;    padding-top: 30px;}
.logo-404 img {    max-width: 300px;}
.text-404 {float: left;    margin-bottom: 30px;}


.menu-container {display: inline-block;width:100%;}
.menu-item a { text-decoration:none;}
.menu-item {}
.top-menu {margin-top: 0;    margin-bottom: 0;}
.top-menu > .menu-item {}
.top-menu > .menu-item:hover {}
.top-menu > .menu-item:hover a {}

.slider-zone {position: relative;}
.text-under-form a {text-decoration: underline;}

/* картинка на странице */
.minimized {
width: 300px;
cursor: pointer;
}

/* увеличенная картинка */
#magnify {
display: none;

/* position: absolute; upd: 24.10.2016 */
position: fixed;

height: auto;
z-index: 9999;
}

#magnify img {
width: 100%;
}

/* затемняющий фон */
#overlay {
display: none;

background: #000;
position: fixed;
top: 0;
left: 0;
height: 100%;
width: 100%;
opacity: 0.5;
z-index: 9990;
}

/* кнопка закрытия */
#close-popup {
width: 30px;
height: 30px;
padding: 0px;
background: #FFFFFF;
border: 1px solid #AFAFAF;
border-radius: 15px;
cursor: pointer;
position: absolute;
top: 15px;
right: 15px;
}

#close-popup i {
width: 28px;
height: 28px;
background: url(/wp-content/themes/voodootheme/images/krestik.svg) no-repeat center center;
background-size: 16px 16px;
display: block;
}

/***********/




.inp-obertka input {width: 200px;    border-radius: 5px;    height: 40px;    border: none;    background-color: #f5f5f5; padding-left: 15px;    box-sizing: border-box;    font-size: 14px;}
.form-message textarea { border: none;    background-color: #f5f5f5;padding-left: 15px;    box-sizing: border-box;    font-size: 14px;    font-family: inherit;}
.inp-obertka select {width: 200px;    border-radius: 5px;    height: 40px;    border: none;    background-color: #f5f5f5; padding-left: 15px;    box-sizing: border-box;    font-size: 14px;}

.inp-obertka input::-webkit-input-placeholder {color:rgb(42,54,59);}
.inp-obertka input::-moz-placeholder          {color:rgb(42,54,59);}/* Firefox 19+ */
.inp-obertka input:-moz-placeholder           {color:rgb(42,54,59);}/* Firefox 18- */
.inp-obertka input:-ms-input-placeholder      {color:rgb(42,54,59);}

.inp-obertka textarea::-webkit-input-placeholder {color:rgb(42,54,59);}
.inp-obertka textarea::-moz-placeholder          {color:rgb(42,54,59);}/* Firefox 19+ */
.inp-obertka textarea:-moz-placeholder           {color:rgb(42,54,59);}/* Firefox 18- */
.inp-obertka textarea:-ms-input-placeholder      {color:rgb(42,54,59);}


.inp-obertka {float:left;}
input {font-family: inherit;}

.text-under-form {   
display: block;
    margin: 20px 0;
    font-size: 12px;
    color: #808080;
    margin-top: 10px;}

.sandwich, .phone-mobile {display:none;}

.go-top-arrow {
	background-color: #d0d7dd;
	position: relative;
	border-radius: 50%;
}
.go-top-arrow:hover {
	background-color: #ff4479;
}
#toTop {
    position: fixed;
    right: 50px;
    opacity: 1;
    cursor: pointer;
    z-index: 1;
    bottom: 100px;
}
.go-top-arrow svg {
	width: 18px;
	position: absolute;
	left: calc(50% - 9px);
	top: calc(50% - 7px);
	height: 14px;
}
.go-top-arrow .fil0 {
	fill: #fff;
}
.alignleft {
	    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
}
.slick-dots {
    position: absolute;
    bottom: 25px;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    right: 45px;
    width: auto;
    z-index: 10;
}
.slick-dots li button {
	background-color: #fff;
	border-radius:50%;
	margin: 0 7px;
	width: 16px;
    height: 16px;
	    position: relative;
}
.slick-dots li.slick-active button:before {
    opacity: 1;
	font-size: 50px;
    color: black;
}
.slick-dots li button:before {
	opacity: 0;
	top: calc(50% - 4px);
	left: calc(50% - 4px);
	content: '';
	background-color: #000;
	border-radius: 50%;
	width: 8px;
	height: 8px;
}
.slick-dots li button:hover:before {
	opacity: 0;
}
.slick-dots li.slick-active button:hover:before {
	opacity: 1;
}

.orient {
	display: flex;
	gap: 50px;
}
.left.orient .sh_col2 {
	order: 1;
	border-right: 0;
}
.left.orient .sh_col1 {
	order: 2;
}
.right.orient .sh_col2 {
	border-left: 0;
}
.wp-block-lazyblock-shahmatnyj-blok {
	padding: 20px 0;
	width: 100%;
    display: table;
}
.shah_text {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	padding: 40px 50px;
	color: #fff;
}
.shah_col {
	float: left;
	width: 50%;
	    display: inline-block;
	position: relative;
}
.sh_col2 {
	padding: 10px 0px;
}
.sh_col1 img {
	width: 100%;
}

/** 1024 **/
@media (max-width:1200px) and (min-width: 1000px){
	.content {width: 1000px;}
}

/** mobile **/
@media (max-width:999px){
	.shah_col {
	width: 100%;
	    float: unset;
}
.orient {
	display: block;
}
.otstup-100 {padding-top: 50px;}
.otstup-80 {padding-top: 40px;}
.otstup-70 {padding-top: 35px;}
.otstup-60 {padding-top: 30px;}
.otstup-50 {padding-top: 25px;}
.otstup-40 {padding-top: 20px;}
.otstup-20 {padding-top: 10px;}
.bottom-otstup-120 {padding-bottom: 60px;}
.bottom-otstup-110 {padding-bottom: 55px;}
.bottom-otstup-100 {padding-bottom: 50px;}
.bottom-otstup-80 {padding-bottom: 40px;}
.bottom-otstup-60 {padding-bottom: 30px;}
.bottom-otstup-50 {padding-bottom: 25px;}
.bottom-otstup-40 {padding-bottom: 20px;}
.bottom-otstup-30 {padding-bottom: 15px;}
.bottom-otstup-20 {padding-bottom: 10px;}
.content-mini, .content {width: 100%; padding-left: 20px;    padding-right: 20px;    box-sizing: border-box;}
header ul {
    display: block;
    text-align: center;
    justify-content: unset;
    text-align-last: auto;
}

	.head_1 {
    height: 50px;
}
.content-mini, .content {
	max-width: 450px;
}
}
/** mobile end **/
