/*
 Theme Name:   Zh Child
 Author:       Алексей и Никита
 Author URI:   @tolstopo
 Template:     storefront
*/

.navbar-light .navbar-nav .nav-link {
    color: #fff;
}

/* Slider */
#slider img {
	object-fit: cover;
    height: 400px;
}
#slider #carouselMain {
	min-height: 350px;
}
#slider .carousel-indicators [data-bs-target] {
	background-color: #c1282d;
}
#slider .carousel-indicators {
	margin-bottom: -0.5rem;
}
#slider .carousel-control-next-icon, #slider .carousel-control-prev-icon {
    width: 2.5rem;
    height: 2.5rem;
}

.slider {
	z-index: 9;
	width: 100%;
	overflow: hidden;
	margin: 0 0 7px;
	position: relative;
}
.slider ul, .slider li {
	padding: 0;
	margin: 0;
	list-style-type: none;
}
.slider ul {
	width: 9999px;
}
.slider ul li {
	list-style-type: none;
	float: left;
	width: 600px;
	height: 300px;
}
.slider .nav {
	position: absolute;
	left: 15px;
	bottom: 12px; 
}
.slider .nav span {
	opacity: 0.9;
	background: #fff;
	margin: 0 8px 0 0;
	width: 16px;
	height: 16px;
	border-radius: 8px;
	cursor: pointer;
	overflow: hidden;
	display: block;
	float: left;
	box-shadow: 0 1px 2px #000;
}
.slider .nav span.on {
	background: #ea8e04;
}

/* Section-1 */
#section-one {
	min-height:680px;
	background-color: #ea9405;
    background-repeat: no-repeat;
    background-image: url(/wp-content/uploads/2018/10/hero-pattern.png), linear-gradient(to bottom right,#ea9405,#e96302);
    background-attachment: scroll;
    background-position: center center;
	position:relative;
}
#section-one hr {
	width:50px;
	background-color: #fff;
}
#section-one .angle__bg, #section-three .angle__bg, #section-five .angle__bg, #section-seven .angle__bg {
	height: 250px;
	position: relative;
    width: 100%;
    overflow: visible;
}
#section-one .angle__bg > div, #section-three .angle__bg > div, #section-five .angle__bg > div, #section-seven .angle__bg > div {
	overflow: hidden;
	top: 260px;
    width: 110%;
    height: 111%;
    position: absolute;
    transform: rotate(-5deg);
    transform-origin: left top;
    right: auto;
    left: -5%;
    background-color: #fff;
}

/* Section-2 */
#section-two h2, #section-two p, #section-four h2, #section-four h3, #section-six h2, #section-six p, #section-eight h2,#section-eight .work__image {
	z-index:1;
}
#section-two hr {
	width:35px;
	background-color: #be1421;
	margin:0;
}
#section-two .circle {
	background: #be1421;
	height: 0.6em;
	width: 0.6em;
	border-radius: 50%;
}
#section-two .kind__item {
	padding: 40px;
	box-shadow: 0 0 5px 0 rgb(0 0 0 / 18%);
}
#section-two .kind__item:nth-child(2){
    z-index: 4;
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
#section-two .price_table{
    background-color: #c1282d;
	font-weight: 600;
}
#section-two .price_table li {
	list-style-type: none;
}
#slider .btn-red, #section-two .btn-red {
    background-color: #c1282d;
    padding: 15px 30px 13px;
    font-size: 13px;
    min-width: 139px;
    text-decoration: none;
    text-transform: uppercase;
}

/* Section-3 & Section-5 */
#section-three .flip:hover, #section-five .flip:hover {
	transform: rotateY(180deg);
	-webkit-transform: rotateY(180deg);
}
#section-three .flip, #section-five .flip {
	height:400px;
	transition: 0.8s;
    position: relative;
	cursor:pointer;
	transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
}
#section-five .flip {
	height:350px;
}
#section-three .flip .front, #section-three .flip .back, #section-five .flip .front, #section-five .flip .back {
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
    position: absolute;
	width:100%;
    top: 0;
    left: 0;
	bottom: 0;
	right: 0;
	margin:auto;
	height:70%;
}
#section-three .flip .front, #section-five .flip .front {
	z-index: 2;
}
#section-three .flip .back, #section-five .flip .back {
	transform: rotateY(180deg);
	-webkit-transform: rotateY(180deg);
}
@media only screen and (min-width: 991px){
	#section-three .col-sm-4:nth-child(1), #section-three .col-sm-4:nth-child(2) {
		border-bottom:1px solid; 
		border-right:1px solid;
	}
	#section-three .col-sm-4:nth-child(3) {
		border-bottom:1px solid;
	}
	#section-three .col-sm-4:nth-child(4), #section-three .col-sm-4:nth-child(5) {
		border-right:1px solid;
	}
	#section-five .col-sm-3:nth-child(1), #section-five .col-sm-3:nth-child(2), #section-five .col-sm-3:nth-child(3) {
		border-right:1px solid;
	}
}

/* Section-4 */
#section-four .aroch, #section-four .single, #section-four .double {
	width: 855px;
}
#section-four .aroch_awn .btn-1 {
	top: 19.5%;
    left: 17.5%;
}
#section-four .aroch_awn .btn-2 {
	top: 6.6%;
    left: 27.9%;
}
#section-four .aroch_awn .btn-3 {
	top: 17%;
    left: 50%;
}
#section-four .aroch_awn .btn-4 {
	top: 37.6%;
    left: 47.4%;
}
#section-four .aroch_awn .btn-5 {
	top: 50%;
    right: 18.7%;
}

#section-four .single_awn .btn-1 {
    top: 10.6%;
    left: 27.9%;
}
#section-four .single_awn .btn-2 {
    top: 24.6%;
    left: 14.9%;
}
#section-four .single_awn .btn-3 {
    top: 8%;
    left: 50%;
}
#section-four .single_awn .btn-4 {
    top: 35.6%;
    left: 41.4%;
}
#section-four .single_awn .btn-5 {
    top: 50%;
    right: 45.7%;
}

#section-four .double_awn .btn-1 {
    top: 0;
    left: 18%;
}
#section-four .double_awn .btn-2 {
    top: 19.6%;
    left: 14.9%;
}
#section-four .double_awn .btn-3 {
    top: 8%;
    left: 50%;
}
#section-four .double_awn .btn-4 {
    top: 26.6%;
    left: 41.4%;
}
#section-four .double_awn .btn-5 {
    top: 50%;
    right: 45.7%;
}
/* Section-6 */
#section-six .review__video img {
	object-fit:cover;
}
#section-six .adv img {
	height:300px;
	object-fit:cover;
}
@media only screen and (min-width: 991px){
	#section-six #carousel__review {
		width:50%;
		min-height: 800px;
	}
	#section-six #carousel__review .review {
		width:70%;
	}
	#section-six #carousel__review .review img {
		width:90%;
	}
}
/* Section-7 */
@media only screen and (min-width: 991px){
	#section-seven .fluentform {
		width:50%;
		margin:auto;
	}
}
/* Section-8 */
#section-eight .square {
	position: relative;
    width: 50px;
    height: 25px;
    left: 50%;
    margin-left: -26px;
    margin-top: -1px;
    z-index: 25;
    margin-bottom: -25px;
    clear: both;
}
#section-eight .square .outer {
	overflow: hidden;
    height: 100%;
    width: 100%;
    position: absolute;
}
#section-eight .square .inner {
	position: absolute;
    left: 50%;
    width: 50px;
    height: 50px;
    transform: translateX(-50%) rotate(45deg);
    top: -39px;
	background-color: #ffffff;
}
#section-eight .final {
	background-color: #f29900;
}
#section-eight .gallery__work img {
	max-height:225px;
	object-fit:cover;
}