body, html{
	background-color: #181818;
	background-image: url(../images/templates/body-bg.gif);
	height: 100%;
	color: #fff;
}

.header-bg{
	background: url(../images/templates/main-bg.jpg) no-repeat center 0;
	height: 100%;
}

.container{
	max-width:  1170px;
	margin: 0 auto;
	padding: 80px 10px 0 10px;
}
.container-body{
	max-width:  1170px;
	margin: 0 auto;
	padding: 0 10px 0 10px;
}

.header-top{
	background: url(../images/templates/header-bg.png);
	padding: 26px 40px 25px 40px;
	display: flex;
	justify-content: space-between;	
	position: relative;
	z-index: 1;
}

.menu{
	width: 700px;
}

.menu__list, .footer-nav__list{
	display: flex;
	justify-content: space-between;	
	padding: 0 0 0 18px;
}

.menu a:hover{
	color: #afaa9b;
}

.menu a, .menu-mobile a, .footer-nav a, .sidebar a{
	display: block;
	text-decoration: none;
  display: block;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  line-height: 18px;
  text-transform: uppercase;
  color: #fff;
  cursor: pointer;
  padding: 22px 16px;
}

.container-body{
	position: relative;
	top: -113px;
	z-index: 0;
}

.container-body h1{
		font-size: 36px;
		color: #fff;
}
.wrapper-content{
	padding: 35px 40px 0 40px;
	background-color: #181818;
	background-image: url(../images/templates/body-bg.gif);
	position: relative;
	top:-4px;
}
.image-slider_image{
	text-align: center;	
}

.image-slider_image img{
	width: 100%;
}
 
.swiper-container .swiper-button-next::after,
.swiper-container .swiper-button-prev::after{
	color: #fff;
	font-size: 80px;
	display: none;
	}

.slider__black-right{
	background: url(../images/slider/slider-next.png);
}

.slider-text_block{
	height: 170px;	
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0;	
	left: 0;
	right: 0;	
	text-transform: uppercase;
}
.slide-1_text-1{
	font: 84px arial;
	color: #ad0000;
	line-height: 70px;
}
.slide-1_text-2{
	font: 110px arial;
	line-height: 90px;
}
.slide-1_text-3{
	font: 84px arial;
	line-height: 70px;
}

.slide-2_text-1{
	font: 93px arial;
	line-height: 80px;
}
.slide-2_text-2{
	font: 84px arial;
	color: #ad0000;
	line-height: 70px;
}

.slide-3_text-1{
	font: 92px arial;
	line-height: 80px;
}
.slide-3_text-2{
	font: 84px arial;
	color: #000;
	line-height: 70px;
}
.slide-3_text-3{
	font: 84px arial;
	color: #ad0000;
	line-height: 70px;
}
/*hr*/
.style-one {
  border: 0;
  height: 1px;
  background: #333;
  background-image:-webkit-linear-gradient(left, #333, #ccc, #333);
  background-image:-moz-linear-gradient(left, #333, #ccc, #333);
  background-image:-ms-linear-gradient(left, #333, #ccc, #333);
  background-image:-o-linear-gradient(left, #333, #ccc, #333);
  margin: 0 0 30px 0;
}
.mini-hr{
	max-width: 800px;
	margin-left: 25px;
}
.footer-hr{
  border: 0;
  height: 1px;
  background: #333;
  background-image:-webkit-linear-gradient(left, #333, #ccc, #333);
  background-image:-moz-linear-gradient(left, #333, #ccc, #333);
  background-image:-ms-linear-gradient(left, #333, #ccc, #333);
  background-image:-o-linear-gradient(left, #333, #ccc, #333);
  margin: 0 0 10px 0;
}

/*sidebar*/
[class^=block_] {
  position:fixed;
}
.block_bottom_right {
	z-index: 	10;
  bottom: 0;
  right: 0;
}

.sidebar{
	background-image: url(../images/templates/header-bg.png);
	display: 	flex;
	justify-content: space-between;
	height: 228px;
	position: relative;	
}
.sidebar-bt{
	position: absolute;
	top:0px;
	left: -27px;
	animation: none;
}

@-webkit-keyframes sidebar-bt {
	0% {
		-webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);
	}
	70% {
		-webkit-box-shadow: 0 0 0 80px rgba(204,169,44, 0);
	}
	100% {
		-webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
	}
}

@keyframes sidebar-bt {
	0% {
		-moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);
		box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);
	}
	70% {
		-moz-box-shadow: 0 0 0 80px rgba(204,169,44, 0);
		box-shadow: 0 0 0 80px rgba(204,169,44, 0);
	}
	100% {
		-moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
		box-shadow: 0 0 0 0 rgba(204,169,44, 0);
	}
}

.sidebar-bt_puls{
	display: block;
	width: 28px;
	height: 88px;
	border-radius: 50%;
	background: #cca92c;
	cursor: pointer;
	box-shadow: 0 0 0 rgba(204,169,44, 0.4);
	animation: sidebar-bt 2s infinite;
}

.sidebar-bt a{
	display: block;
	background-color: #000;
	padding: 10px 8px;
	border-top-left-radius:15px;
	border-bottom-left-radius:15px;
	writing-mode: tb;
}
.sidebar-bt a:hover{
	color: #B09609;
}
.sidebar a{
	padding: 10px 5px;
}
.block_sidebar{
	list-style: none;
}
.sidebar__list{
	width: 0;	
	padding: 0px;
	transition: all 0.5s ease 0s;
	transform: scale(0);
}
.sidebar__list.active{
	width: 200px;
	transition: all 0.5s ease 0s;
	padding: 5px;
	transform: scale(1);
}

.sidebar__list-item:hover{
	background-color: #1B1B1B;
}
.sidebar__list-item:hover a{
	color: #B09609;
}


/*footer*/
.footer{
	padding: 20px 0;
}
.footer-wrapper{
	display: flex;
	justify-content: space-between;
}
.footer-row1{
		display: flex;
		justify-content: flex-start;
}
.footer-year{
	font-size: 14px;
	position: relative;
	top:8px;
}

.footer-logo{
	font-size: 24px;
	font-family: 'Passion One', cursive;
  color: #717171;
  margin-left: 10px;
}

.footer-text{
	font-size: 12px;
}

.footer-nav a{
	font-size: 12px;
	padding: 10px 0;
}

.footer__grid-body{
	display: grid;
	grid-template-columns: repeat(3, minmax(210px, 1fr));
	grid-auto-rows: 25px;
	grid-auto-flow: row;
	max-width: 600px;
}
.footer__grid-item{
	text-align: center;
	/*border: 2px dashed rgba(255,255,255, 0.2);*/
}
.footer__grid_list-link{
	padding: 0px;
}
.footer-cont{
	max-width: 25px;
	margin-right: 10px;
}

@media (max-width: 1220px){
	.container{
		padding-top: 20px;
		transition: all 0.5s ease 0s;
	}
}

@media (max-width: 1170px) {
	.container, .container-body{
		padding: 0;
		margin: 0;
		transition: all 0.5s ease 0s;
	}
	
}

@media (max-width: 1000px) {
	.slider-text_block{
		height: 130px;	
	}
	.slide-1_text-1{
		font: 54px arial;
		color: #ad0000;
		line-height: 45px;
	}
	.slide-1_text-2{
		font: 80px arial;
		line-height: 60px;
	}
	.slide-1_text-3{
		font: 54px arial;
		line-height: 40px;
	}

	.slide-2_text-1{
		font: 63px arial;
		line-height: 55px;
	}
	.slide-2_text-2{
		font: 54px arial;
		color: #ad0000;
		line-height: 45px;
	}

	.slide-3_text-1{
		font: 62px arial;
		line-height: 50px;
	}
	.slide-3_text-2{
		font: 54px arial;
		color: #000;
		line-height: 40px;
	}
	.slide-3_text-3{
		font: 54px arial;
		color: #ad0000;
		line-height: 40px;
	}
}

@media (max-width: 922px) {
	.swiper-container .swiper-button-next::after,
	.swiper-container .swiper-button-prev::after{
		display: block;
	}

	.footer__grid-body{
		grid-template-columns: repeat(2, minmax(180px, 1fr));
		transition: all 0.5s ease 0s;
	}
	.header-top{
		padding: 16px 20px 15px 20px;
		transition: all 0.5s ease 0s;
		background-image: url(../images/templates/body-bg.gif);
	}
	.swiper-container{
		top: 113px;
		transition: all 0.5s ease 0s;
		position: relative;	
	}
	.wrapper-content{
		top:109px;
		transition: all 0.5s ease 0s;
	}

}

@media (max-width: 720px) {
	
	.menu__list{
		display: block;
		transition: all 0.5s ease 0s;
		transform-origin: top;
		transform: scale(0);
	}
	.menu__list.active{
		display: block;
		transition: all 0.5s ease 0s;
		transform: scale(1);
	}
  		
	.menu-mobile{
		height: 0;
		background-image: url(../images/templates/body-bg-menu.gif);
		transition: all .3s ease 0s;
	}
	.menu-mobile.active{
		height: 152px;
		background-image: url(../images/templates/body-bg-menu.gif);
		padding-right: 18px;
		transition: all .3s ease 0s;
	}
	.menu-mobile a{
		padding: 10px 0;
		text-align: center;
	}

	.menu-mobile a:hover{
		color: #B09609;
		background-color: #1B1B1B;
	}
	.menu-mobile__burger{
		display: block;
		position: absolute;
		right: 30px;
		z-index: 2;
    display: flex;
    align-items: center;
    height: 60px;

	}
	.header__burger{
		display: block;	
		position: relative;
		margin-left: 20px;
		width: 40px;
		height: 25px;
	}
	.header__burger:before,
	.header__burger:after{
		content: '';
		position: absolute;
		background-color: #fff;
		width: 100%;	
		height: 3px;	
		left: 0;
	}
	.header__burger:before{
		top: 0;	
		transition: all .3s ease 0s;
	}
	.header__burger:after{
		bottom: 0;	
		transition: all .3s ease 0s;
	}
	.header__burger span{
		content: '';
		position: absolute;
		background-color: #fff;
		width: 100%;	
		height: 3px;
		top: 11px;	
		left: 0;
		transition: all .3s ease 0s;
	}
	/*при нажатии на бургер*/
	.header__burger.active:before{
		transform: rotate(45deg);	
		top: 11px;
	}
	.header__burger.active:after{
		transform: rotate(-45deg);	
		bottom: 11px;
	}
	.header__burger.active span{
		transform: scale(0);
	}


}

@media (max-width: 680px) {
	.footer__grid-body{
		display: block;
	}
	.footer-nav a{
		font-size: 12px;
		padding: 3px 0;
	}
}
@media (max-width: 600px) {
	.swiper-container .swiper-button-next::after,
.swiper-container .swiper-button-prev::after{
	color: #fff;
	font-size: 50px;
	}
	.slider-text_block{
		height: 80px;	
	}
	.slide-1_text-1{
		font: 30px arial;
		color: #ad0000;
		line-height: 25px;
	}
	.slide-1_text-2{
		font: 50px arial;
		line-height: 45px;
	}
	.slide-1_text-3{
		font: 30px arial;
		line-height: 25px;
	}

	.slide-2_text-1{
		font: 25px arial;
		line-height: 20px;
	}
	.slide-2_text-2{
		font: 30px arial;
		color: #ad0000;
		line-height: 25px;
	}

	.slide-3_text-1{
		font: 40px arial;
		line-height: 35px;
	}
	.slide-3_text-2{
		font: 30px arial;
		color: #000;
		line-height: 25px;
	}
	.slide-3_text-3{
		font: 30px arial;
		color: #ad0000;
		line-height: 25px;
	}
}
@media 	(max-width: 500px) {
	.wrapper-content{
		padding: 15px 20px 0px;
	}
	.one-block h1 {
    font-size: 30px;
    color: #fff;
	}

}

@media 	(max-width: 475px) {
	.footer-wrapper{
		display: block;
	}

	.footer__grid-body{
		padding-top: 20px;
	}

	.footer-cont{
		padding: 10px;
		margin: 0 auto;
		max-width: 80px;
		display: flex;
		justify-content: space-between;
	}
	
}