/*
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/css?family=Montserrat:400,500,700,800&display=swap&subset=cyrillic');

body {margin: 0; font-family: "Montserrat";background-color: #eeeeee;}
header {float: left;width: 100%;background-color: #fff;}
p {margin-top: 0;}
a {color:unset;}
h1 {font-size: 48px;line-height: 54px;color: rgb(29,29,27);font-weight: bold;margin: 0;}
.node-5 h3 {margin-top: 0;}
.content {width:1200px;margin:0 auto;clear: both;}
.content-mini {width:830px;margin:0 auto;clear: both;}
.content-long {width:100%;margin:0 auto;clear: both;}
#page {clear: both;}
.otsup-80 {padding-top: 80px;}
.otsup-40 {padding-top: 40px;}
.otsup-50 {padding-top: 50px;}
.otsup-60 {padding-top: 60px;}
.bottom-otsup-80 {padding-bottom: 80px;}
.bottom-otsup-60 {padding-bottom: 60px;}
.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%;}
.float-left {float:left;}
.align-center {text-align:center;}
.relative {position: relative;}
.logo {height: 50px;    margin-top: 25px;    margin-bottom: 20px;} 
.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;}
.callback, .phones {float:right;}
.phones {margin-top: 40px;}
.callback-btn {border-radius: 5px;background-color: #4fab31;color: #fff;}
.menu-container {background-color: #292b63;display: inline-block;width:100%;}
.menu-item a {color:#fff; text-decoration:none;}
.menu-item {list-style: none;float:left;display: inline-block;display: -webkit-box; /* хак для Android 4.3-, должен идти после inline-block */}
header ul {
	padding: 0;
	display: -webkit-box; /* Android 4.3-, Safari без оптимизации */
    -webkit-box-pack: justify; /* Android 4.3-, Safari без оптимизации */
    display: -webkit-flex; /* оптимизация для Safari */
    webkit-justify-content: space-between; /* оптимизация для Safari */
    display: flex;
    justify-content: space-between;
    text-align: justify; /* IE10-, Firefox 12-22 */
    text-align-last: justify; /* IE10-, Firefox 12-22 */
	}

.slider-zone {position: relative;}
.arrow {position: absolute;top: calc(50% - 17px);cursor:pointer;}
.arrow-left  {left:35px;}
.arrow-right {right:35px;}
.slick-active {background: #fff !important;width: 14px !important; height: 14px !important; }
.slick-dots li {background: #877e7a;    border-radius: 10px; width: 14px ; height: 14px ;    margin: 10px;}
.slick-dots {background: #000000d1; width:unset !important;bottom: 50px !important;left: calc(50% - 70px);    border-radius: 15px;} 
.slick-dots li button:before {font-size:0 !important;} 
.hard,.grunt,.trava,.kover {height: 200px;position:relative;}
.hard {background: linear-gradient(45deg, rgba(2, 2, 2, 0.3), rgba(0, 0, 0, 0.3)), url(/wp-content/themes/voodootheme/images/hard.jpeg);background-size: cover;}
.hard:hover {background: linear-gradient(45deg, rgba(2, 2, 2, 0.6), rgba(0, 0, 0, 0.6)), url(/wp-content/themes/voodootheme/images/hard.jpeg);background-size: cover;}
.grunt {background: linear-gradient(45deg, rgba(2, 2, 2, 0.3), rgba(0, 0, 0, 0.3)), url(/wp-content/themes/voodootheme/images/grunt.jpg);background-size: cover;}
.grunt:hover {background: linear-gradient(45deg, rgba(2, 2, 2, 0.6), rgba(0, 0, 0, 0.6)), url(/wp-content/themes/voodootheme/images/grunt.jpg);background-size: cover;}
.trava {background: linear-gradient(45deg, rgba(2, 2, 2, 0.3), rgba(0, 0, 0, 0.3)), url(/wp-content/themes/voodootheme/images/trava.jpg);background-size: cover;}
.trava:hover {background: linear-gradient(45deg, rgba(2, 2, 2, 0.6), rgba(0, 0, 0, 0.6)), url(/wp-content/themes/voodootheme/images/trava.jpg);background-size: cover;}
.kover {background: linear-gradient(45deg, rgba(2, 2, 2, 0.6), rgba(0, 0, 0, 0.6)), url(/wp-content/themes/voodootheme/images/kover.jpg);background-size: cover;}
.kover:hover {background: linear-gradient(45deg, rgba(2, 2, 2, 0.3), rgba(0, 0, 0, 0.3)), url(/wp-content/themes/voodootheme/images/kover.jpg);background-size: cover;}
.card-title {position: absolute;top: 30px;left: 30px;color: #fff;}
.card-logo	{position: absolute;
    top: 140px;
    left: 30px;
    color: #fff;
	width: 150px;
    height: 35px;
    background-repeat: no-repeat;
	}
.hard .card-logo {background-image: url(/wp-content/themes/voodootheme/images/logo-3.png);}
.grunt .card-logo {background-image: url(/wp-content/themes/voodootheme/images/logo-2.png);}
.trava .card-logo {background-image: url(/wp-content/themes/voodootheme/images/logo-1.png);}
.text-img {width: 100%;}
.title {
font-size: 24px;
letter-spacing: 2px;
line-height: 30px;
color: rgb(29,29,27);
font-weight: bold;
text-transform: uppercase;
} 
.otstup-for-left {padding-right: 15px;    box-sizing: border-box;}
.otstup-for-right {    padding-left: 15px;    box-sizing: border-box;}
.regular-text {font-size: 14px;line-height: 24px;}
.phone-1, .phone-2 {float:left;font-size: 18px;color: rgb(41,44,99);font-weight: bold; }
.phone-1 {margin-right:30px;}
.photo-prewiev {float:left; margin-bottom: 30px; border: 1px solid;    box-sizing: border-box;}
.photo-1{width: calc(50% - 15px); height: 690px;margin-right: 15px; }
.photo-2{width: calc(50% - 15px); height: 330px;margin-left: 15px; }
.photo-3{width: calc(50% - 15px); height: 330px;margin-left: 15px; }
.photo-4{width: 100%; height: 330px; }
.photo-5{width: calc(50% - 15px); height: 330px; }
.photo-6{width: calc(50% - 15px); height: 330px; }
.photo-7{width: calc(50% - 15px); height: 690px;float: right;}
.photo-8{width: 100%; height: 330px;}
.btn {   
	border: 2px solid rgb(166,166,166);
    padding: 15px 25px;
    text-decoration: none;
    border-radius: 25px;
    color: rgb(166,166,166);
    display: inline-block;
	background-color: #fff;
}
.btn:hover {
	background-color: #50ab31;
	color: #fff;
}
.usluga {height: 240px; width: calc(33.33333333% - 20px);float: left;    position: relative; margin-bottom: 80px;margin: 0 15px;background-size: cover;margin-bottom: 60px;margin-right: 20px;}
.page-5 .usluga {margin-right: 30px;}
.usluga:first-child {margin-left: 0;}
.text-usluga {
	margin-left: 0;
    position: absolute;
    bottom: 30px;
    left: 30px;
    color: #fff;
    font-size: 18px;
    width: 50%;
}
.foot-col-1 {width: 35%; float:left;}
.foot-col-2 {width: 25%; float:left;}
.foot-col-3 {width: 25%; float:left;}
.foot-col-4 {width: 15%; float:left;position:relative;}
.form-name input {width: 230px;    border-radius: 5px;    height: 55px;    border: none;    background-color: #f5f5f5; padding-left: 15px;
    box-sizing: border-box;    font-size: 16px;}
.form-phone input {width: 230px; height: 55px; border-radius: 5px; border: none;    background-color: #f5f5f5;padding-left: 15px;
    box-sizing: border-box;    font-size: 16px;}
.form-name input::-webkit-input-placeholder {color:rgb(42,54,59);}
.form-name input::-moz-placeholder          {color:rgb(42,54,59);}/* Firefox 19+ */
.form-name input:-moz-placeholder           {color:rgb(42,54,59);}/* Firefox 18- */
.form-name input:-ms-input-placeholder      {color:rgb(42,54,59);}
.form-phone input::-webkit-input-placeholder {color:rgb(42,54,59);}
.form-phone input::-moz-placeholder          {color:rgb(42,54,59);}/* Firefox 19+ */
.form-phone input:-moz-placeholder           {color:rgb(42,54,59);}/* Firefox 18- */
.form-phone input:-ms-input-placeholder      {color:rgb(42,54,59);}

.inp-obertka {float:left;}
.god-btn {    
	background-color:#fff;
	border: 1px solid rgb(152,152,152);
    border-radius: 5px;
    padding: 10px 15px;
    color: rgb(152,152,152);
    text-decoration: none;
	margin: 0 5px;
	}
.god-btn:first-child {margin-left: 0;}
.god-btn:last-child {margin-right: 0;}
.god-btn:hover {background-color:#50ab31; color: #fff;}
.active-cat {background-color:#50ab31; color: #fff;}
.div-title {font-size: 18px;letter-spacing: 1px;font-weight: bold;}
.footer .content-long {background-color: #fff;}
.form-block {display: inline-block;}
.form-name, .form-phone {margin-right: 20px;}
.wpcf7-submit {border-radius: 5px;background-color: #4fab31;height: 56px;    width: 140px;border: none; color:#fff;font-size: 14px;font-weight: bold;    cursor: pointer;}
.div-regular-text {font-size: 16px;font-weight: 500;}
.footer-line-2 {    background: #292b63;    display: inline-block;color: rgb(196,192,240);padding-bottom: 80px;}
.column-1 {font-size: 12px;
    line-height: 18px;}
.bottom-menu li {float:left; clear: both;margin-bottom:20px;}
.logo-footer {}
.bottom-menu {padding-top: 90px;padding-left: 0;}
.node-5 .alm-btn-wrap {display:none;}
.footer .col-3, .footer .col-2 {position:relative;}
.logo-voodoo {position: absolute;
    right: 0;
    top: 200px;}
.footer-line-2 span {font-size: 12px;
    line-height: 18px;}
.awesome-icons span {font-size: 18px;
line-height: 36px;    margin-right: 25px;}
.alm-load-more-btn {    border: 2px solid rgb(166,166,166) !important;
    padding: 15px 25px !important;
    text-decoration: none !important;
    border-radius: 25px !important;
    color: rgb(166,166,166) !important;
    display: inline-block !important;
    background-color: #fff !important;
    height: unset !important;
    line-height: unset !important;}
	
.alm-load-more-btn:hover {
	background-color: #50ab31 !important;
	color: #fff !important;
}
.regular-pages h2 {    font-size: 30px;    font-weight: 500;}
.regular-pages h3 {font-size:18px;	font-weight:700;}
.breadcrumbs {font-size: 14px;line-height: 24px;    padding-top: 80px;    padding-bottom: 40px;font-weight: 500;}
.breadcrumbs a {
font-size: 14px;
line-height: 24px;
color: rgb(154,154,154);
text-decoration:none;
}
/* галерея */
.bg-text {background-color: #242c57d9;height: 100%; opacity: 0;-webkit-transition: all .6s; color: #fff;padding: 30px; position: relative;}
.gallery-city {float: left;}
.year {float: right;}
.bg-title {clear: both;padding-top: 30px;text-align: start;}
.bg-btn {    
	border: 2px solid #4fab31;
    padding: 15px 25px;
    text-decoration: none;
    border-radius: 25px;
    color: rgb(166,166,166);
    display: inline-block;
    background-color: #fff;
	position: absolute;
    bottom: 90px;
	    left: 30px;
	}
.gallery-card	{padding-left: 0 !important; overflow: hidden;    background-size: cover !important; background-position-y: center;}
.gallery-card:hover .bg-text{opacity: 1;}
.gallery-card:nth-child(8n+1) {
	width: calc(50% - 15px);
    float: left;
    margin-right: 15px;
    box-sizing: border-box;
    height: 690px;
	margin-bottom: 30px;
	}
.gallery-card:nth-child(8n+2)	{
	width: calc(50% - 15px);
    float: left;
    margin-left: 15px;
    box-sizing: border-box;
    height: 330px;
    margin-bottom: 30px;
	}
.gallery-card:nth-child(8n+3)	{
	width: calc(50% - 15px);
    float: left;
    margin-left: 15px;
    box-sizing: border-box;
    height: 330px;
    margin-bottom: 30px;
	}
.gallery-card:nth-child(8n+4)	{
	width: 100%;
    float: left;
    box-sizing: border-box;
    height: 330px;
    margin-bottom: 30px;
	}
.gallery-card:nth-child(8n+5)	{
	width: calc(50% - 15px);
    float: left;
    margin-right: 15px;
    box-sizing: border-box;
    height: 330px;
    margin-bottom: 30px;
	}
.gallery-card:nth-child(8n+6)	{
	width: calc(50% - 15px);
    float: right;
    margin-left: 15px;
    box-sizing: border-box;
    height: 690px;
	margin-bottom: 30px;
	}
.gallery-card:nth-child(8n+7)	{
	width: calc(50% - 15px);
    float: left;
    margin-right: 15px;
    box-sizing: border-box;
    height: 330px;
    margin-bottom: 30px;
	}	
.gallery-card:nth-child(8n+8)	{
	width: 100%;
    float: left;
    box-sizing: border-box;
    height: 330px;
    margin-bottom: 30px;
	}
.slick-slide {height: 500px !important; margin-left: -7px;}
.contacts-gray-title {
    width: 100%;
    font-size: 10px;
    letter-spacing: 1px;
    margin-top: 50px;
    margin-bottom: 15px;
    color: rgb(133,133,133);
    font-weight: 500;
    text-transform: uppercase;
}
.contacts-text {
    font-size: 20px;
    line-height: 28px;
    width: 90%;
}
.green {
    color: rgb(20,152,20);
}
.line {
    float: left;
    width: 50%;
}
.line-icons {
    width: 100%;
    float: left;
    margin-top: 30px;
    margin-bottom: 28px;
}
.icons {
    float: left;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    background-color: #fff;
    text-align: center;
	margin-right: 10px;
	font-size: 22px;
    line-height: 40px;
}
.fa {
	color: #292b63;
	font-size: 22px;
    line-height: 40px;
	}
.green-line {
	height: 3px;
    width: 100%;
    background-color: #4fab31;
    margin: 40px 0;
}
.lined-body {
	text-align: center;
    font-weight: 500;
    font-size: 18px;
}
ol {    padding: 0;}
ol li {padding-left: 5px;}
.regular-pages #page {line-height: 24px;}
.regular-pages tr:first-child {background-color: #b9b9b9;font-weight: 600;}
.regular-pages td {    
text-align: center;
    border: 1px solid grey;
    padding: 10px 0;
	}
.regular-pages table {   border-spacing: 0;}
.wp-block-table {margin: 0;}
.podrobnee-title, .podrobnee-close {
    cursor: pointer;
    text-decoration: underline;
    margin-bottom: 20px;
}
.podrobnee-body {
    display: none;
}
.hide {display:none;}
.active, .show {display:block !important;}
.footer .line-icons {margin:0;}
.sandwich, .phone-mobile {display:none;}
.oborud-card {padding: 30px; background-color: #fff;    display: flow-root;margin-bottom: 30px;}
.oborud-img {width: 440px;    height: 400px;float: left;background-repeat: no-repeat;}
.oborud-info {margin-left: 30px; float: left;width: calc(100% - 470px);}
.oborud-title {font-weight: 600;    font-size: 24px;    text-transform: uppercase;}
.oborud-mini-title {font-size: 18px;    font-weight: 600;    margin-top: 15px;     width: 100%;    float: left;    margin-bottom: 15px;}
.oborud-haract-title {font-weight: 600; float: left;    margin-right: 5px;clear: both;}
.oborud-komplekt li {    list-style-type: none; }
.oborud-komplekt li:before {content: "—  ";}
.oborud-komplekt ul {padding: 0;}
.oborud-skr-text-perekluch {font-weight: 500;
    border-bottom: 1px dashed;
    width: fit-content;
	cursor: pointer;
	margin-bottom: 15px;
	}
.bunner-under-title {height: 340px; width: 100%;position: relative;background-size: cover;}
.bunner-under-title h1 {
	position: absolute;
    top: 143px;
    color: #fff;
	width: 100%;
    text-align: center;
	}
.slick-slide img {position:absolute;}
.main-slider-title {position:absolute;top: 290px;    color: #fff;    font-size: 32px;    font-weight: 500;}
.main-slider-text {position:absolute;top: 350px;    color: #fff;    font-size: 18px;}
.wp-block-gallery {margin: 50px 0 !important;}
.select-years {display:none;}


/** mobile **/
@media (max-width:960px){
	.oborud-info {width: 100%;}
	.plus:after {
		content: '+';
		float: right;
    font-size: 26px;
    font-weight: 700;
    line-height: 22px;
		}
	.minus:after {
		content: '-';
		float: right;
    font-size: 26px;
    font-weight: 700;
    line-height: 18px;
		}
	.select-years {
		display:block;
		text-align: left;
    background-color: #fff;
    border: 1px solid rgb(152,152,152);
    border-radius: 5px;
    padding: 10px;
    font-weight: 500;
	margin-bottom: 10px;
		}
	.god-btn {display:none;}
.slick-slide {
    height: 100vw !important;
    width: 100vw !important;
}
.slick-slide img {
    width: unset !important;
    height: 100%;
}
	.phone-mobile .phones {
		text-align: center;
    display: block;
    padding: 15px 0;
	float:unset;
	margin: 0;
	}
.phone-mobile {background-color: #4fab31; color:#fff;}
	.logo {height:40px;}
	.content, .content-mini {width:100%;padding-left:10px; padding-right:10px;  box-sizing: border-box;}
	header .menu-container {
		display:none;
		position: absolute;
    left: 0;
    z-index: 10;
    top: 180px;
    padding-bottom: 10px;
		}
	header ul {
    display: block;
    text-align-last: unset;
	    margin-left: 0;
}
header .menu-item {
    width: 100%;
    display: inline-block;
    text-align: center;
    padding: 12px 0px;
}
.phone-mobile {
    width: 100%;
    position: absolute;
    z-index: 11;
    left: 0;
}
	.sandwich {
		display:block;
		float: right;
    margin-right: 10px;
    margin-top: 20px;
		}
	.phones-desc {display:none;}
.c-hamburger {
  z-index: 10;
  display: block;
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0;
  width: 50px;
  height: 50px;
  font-size: 0;
  text-indent: -9999px;
  appearance: none;
  box-shadow: none;
  border-radius: none;
  border: none;
  cursor: pointer;
  transition: background 0.3s;
}
 
.c-hamburger:focus {
  outline: none;
}
.c-hamburger span {
  display: block;
  position: absolute;
  top: 24px;
  left: 12px;
  right: 12px;
  height: 3px;
  background: white;
}
 
.c-hamburger span::before,
.c-hamburger span::after {
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #fff;
  content: "";
}
 
.c-hamburger span::before {
  top: -10px;
}
 
.c-hamburger span::after {
  bottom: -10px;
}

.c-hamburger--htx {
  background-color: #292b63;
}
 
.c-hamburger--htx span {
  transition: background 0s 0.3s;
}
 
.c-hamburger--htx span::before,
.c-hamburger--htx span::after {
  transition-duration: 0.3s, 0.3s;
  transition-delay: 0.3s, 0s;
}
 
.c-hamburger--htx span::before {
  transition-property: top, transform;
}
 
.c-hamburger--htx span::after {
  transition-property: bottom, transform;
}
 
/* состояние active при открытом меню  */
.c-hamburger--htx.is-active {
  background-color: #292b63;
}
 
.c-hamburger--htx.is-active span {
  background: none;
}
 
.c-hamburger--htx.is-active span::before {
  top: 0;
  transform: rotate(45deg);
}
 
.c-hamburger--htx.is-active span::after {
  bottom: 0;
  transform: rotate(-45deg);
}
 
.c-hamburger--htx.is-active span::before,
.c-hamburger--htx.is-active span::after {
  transition-delay: 0s, 0.3s;
}

.slider-zone {display:none;}
.otstup-for-left {padding-right: unset;}
.otstup-for-right {padding-left: unset;}
.col-3,.col-6, .col-4 {width:100%;padding-left:10px; padding-right:10px;box-sizing: border-box;}
header .col-6 {width:50%;padding-left:0px; padding-right:0px;}
header .content {padding-left:0px; padding-right:0px;}
.otsup-80 {padding-top: 25px;}
.otsup-40 {padding-top: 15px;}
.otsup-60 {padding-top: 20px;}
.bottom-otsup-80 {padding-bottom: 25px;}
.bottom-otsup-60 {padding-bottom: 20px;}
.gallery-card {width: 100% !important;    height: 330px !important; margin-bottom: 10px !important; margin-left: 0px !important;margin-right: 0px !important;}
.usluga {width: 100%; margin: 0;    margin-bottom: 10px;}
.form-name input {    width: 100%;}
.form-name, .form-phone, .wpcf7-submit {    margin-right: 20px;    margin-left: 20px;margin-bottom: 10px;}
.form-phone input {    width: 100%;}
.form-submit {    display: contents;}
.foot-col-1, .foot-col-2, .foot-col-3, .foot-col-4 {    width: 100%; text-align: center;}
.bottom-menu {    display: inline-block; padding-top: 0;}
.icons {    margin-left: 13%;}
.logo-voodoo {position: unset; margin-top: 30px;}
.breadcrumbs {padding-top: 10px;padding-bottom: 10px;}
h1 {    font-size: 36px;line-height: 40px;}
.regular-pages h2 {    line-height: 32px;}
.oborud-img {    width: calc(100vw - 80px);height: 50vw;margin-bottom: 10px;}
.oborud-info {margin-left: 0;}
.god-btn {
	    width: 100%;
    float: left;
    margin: 5px 0;
    padding: 5px 0;
	text-align: center;
}
}
/** mobile end **/