@charset "utf-8";
/* CSS Document */
@media screen and (max-width:1200px) {
	/*MOBIL ICON*/
	.logotip img {
		max-width:100%;
	}
	.header-menu {
		display: none;
	}
	.left-blok, .mobil-icon {
		display: block;
	}
	.mobil-icon {
		width: 30px;
		height: 30px;
		position: absolute;
		top:3px;
		right: 30px;
	}
	#checkbox1{
		display:none;
	}
	.hamburger {
		margin: 0 auto;
		margin-top: 30px;
		width: 60px;
		height: 30px;
		position: relative;
		text-align: center;
		padding-left: 15px;
	}

	.hamburger .bar {
		padding: 0;
		width: 30px;
		height: 4px;
		background-color:var(--site-color);
		display: block;
		border-radius: 4px;
		transition: all 0.4s ease-in-out;
		position: absolute;
		overflow: hidden;
	}

	.bar1 {
		top: 0;
	}

	.bar2,
	.bar3 {
		top: 13.5px;
	}

	.bar3 {
		/*right: 0;*/
	}

	.bar4 {
		bottom: 0;
	}

	/* HAMBURGER 1 */
	.checkbox1:checked + label > .hamburger1 > .bar1{
		transform: rotate(45deg);
		transform-origin: 5%;
		width: 41px
	}

	.checkbox1:checked + label > .hamburger1 > .bar2 {
		transform: translateX(-40px);
		background-color: transparent;
	}

	.checkbox1:checked + label > .hamburger1 > .bar3 {
		transform: translateX(40px);
		background-color: transparent;
	}

	.checkbox1:checked + label > .hamburger1 > .bar4 {
		transform-origin: 5%;
		transform: rotate(-45deg);
		width: 41px;
	}
	/*MOBIL ICON END*/
	.left-blok{
		-moz-transform: translateX(0px);
		-moz-transition: all 0.4s ease-in-out;
		-webkit-transform: translateX(0px);
		-webkit-transition: all 0.4s ease-in-out;
		-o-transform: translateX(0px);
		-o-transition: all 0.4s ease-in-out;
	}
	.left-blok-open {
		left: 300px !important;
		-moz-transform: translateX(0px);
		-moz-transition: all 0.4s ease-in-out;
		-webkit-transform: translateX(0px);
		-webkit-transition: all 0.4s ease-in-out;
		-o-transform: translateX(0px);
		-o-transition: all 0.4s ease-in-out;
	}
	.left-blok + .center-blok {
		position: relative;
		overflow: hidden;
		margin-left:0;
	}
	.left-blok {
		position: fixed;
		top: 0;
		left: 0;
		width: 280px;
		height: 100%;
		margin-left: -300px;
		background: #FFFFFF;
		box-shadow: 20px 3px 27px -26px rgba(0,0,0,0.5);
		padding: 15px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		z-index: 4;
	}
	.holst-menu-items ul > li{
		display:block;
		float: left;
		width: 50%;
		height: 46px;
		margin-left: 0;
	}
	.holst-menu-items ul > li a{
		padding: 15px 0 0 0 !important;
		display: block;
		width: 100%;
		height: 46px;
		background-image: none;
		background-position: center center;
		background-size: contain;
		background-repeat: no-repeat;
		background: #ffffff;
		color:#000000;
		font-size: 11px;
		font-family: var(--font-family-2);
		font-weight:bold;
		text-transform: uppercase;
		padding: 8px 0 0 0;
		position: relative;
		z-index: 0;
	}
	.holst-menu-items ul > li a:hover{
		padding: 15px 0 0 0;
		background-image: none;
		background-position: center center;
		background-size: contain;
		background-repeat: no-repeat;
		background: #000000;
		color:#ffcc44;
		font-family: var(--font-family-2);
		text-transform: uppercase;
		text-decoration: none;
	}
	.holst-menu-items ul > li.active a{
		padding: 15px 0 0 0;
		background-image: none;
		background-position: center center;
		background-size: contain;
		background-repeat: no-repeat;
		background: #ffcc44;
		color:#000000;
		font-family: var(--font-family-2);
		text-transform: uppercase;
	}
	.holst-menu-items ul > li.active a:hover{
		padding: 15px 0 0 0;
		background-image: none;
		background-position: center center;
		background-size: contain;
		background-repeat: no-repeat;
		background: #000000;
		color:#ffffff;
		font-family: var(--font-family-2);
		text-transform: uppercase;
		text-decoration: none;
	}
	.holst-menu-items ul > li {
		display: inline-block;
		/* margin-left: -30px; */
	}
	.holst-style-1 {
		padding: 100px 15px 50px 15px;
	}
	.holst-style-2 {
		padding: 50px 15px 50px 15px;
	}	
	.holst-title {
		font-size: 24px;
		line-height: 26px;
	}
	.holst-3-icon, .holst-big-text, .holst-text, .holst-buttons {
		text-align: center;
	}
	.holst-block-col-item {
		border-right:none;
	}
	.holst-row-number {
		padding: 0 0 0 0;
	}
	.carusel-item-bigtext {
		font-size: 28px;
		line-height: 30px;
		text-transform: uppercase;
		font-weight: bold;
		margin-bottom: 10px;
	}
	.carusel-item-decor {
		height: 28px;
		width: 70%;
		background: url(../images/decor2.png) center center no-repeat;
		margin-bottom: 41px;
		margin: auto;
	}
	.carusel-item-button {
		margin-top: 40px;
	}
	.holst-icons-item-image {
		float: none;
		text-align: center;
	}
	.holst-icons-item-text {
		text-align: center;
	}
	.holst-icons-item-text {
		padding: 0px 0 20px 0;
	}
	.footer-copyright, .padding-top{
		text-align: center;
	}
	.footer-copyright img{
		display: block;
		margin: auto;
	}
	.footer-menu {
		display: none;
	}
	img {
	    max-width:100%;
	    height:auto !important;
	}
	video {
	    max-width:100%;
	    height:auto !important;
	}
	.holst-tovars-content iframe {
	    height:200px;
	}
}