@charset "utf-8";
/* CSS Document */
@media screen and (max-width:1200px) {
    .home-countregion {
        position: absolute;
        top: 90%;
        left: 0;
        right: 0;
        margin: auto;
        font-size: 7px;
        color: red;
        text-align: center;
        font-weight: bolder;
        font-family: Arial;
        text-transform: uppercase;
    }
    .youtubethumb iframe{
        max-width:100% !important;
    }
    .news-item-image img {
        height: auto;
    }
    .obrashenie-image img {
        max-width: 50%;
    }
    .semiya {
        display:none;
    }
	.stat-chlenom {
		background-image: none;
		background-position: right bottom;
		background-repeat: no-repeat;
		background-color: var(--site-color-hover);
		padding: 30px;
		position: relative;
	}
	.gor-menu-container > ul > li {
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		width: 100%;
		min-height: 40px;
		list-style: none;
		position: relative;
	}
	.site-button {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		border: 0;
		color: #ffffff;
		background: var(--site-color);
		background: #25548f;
		padding: 8px 12px 10px 12px;
		font-size: .8em;
		line-height: 1em;
		font-weight: 100;
		border-radius: 6px;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		-khtml-border-radius: 6px;
		display: block ruby;
		max-width: 180px;
		display: block;
	}
	#onregion {
		display:none;
	}
	.header {
	    min-height:205px;
	}
	.header-buttons {
		text-align: center;
		margin: 5px 0 5px 0;
		display: block ruby;
		margin: auto;
	}
	.header-sety {
		text-align:center;
	}
	/*MOBIL ICON*/
	.mobil-icon {
		width: 30px;
		height: 30px;
		position: absolute;
		top:25px;
		right: 15px;
	}
	#checkbox1{
		display:none;
	}
	.hamburger {
		margin: 0 auto;
		margin-top: 30px;
		width: 30px;
		height: 30px;
		position: relative;
	}

	.hamburger .bar {
		padding: 0;
		width: 30px;
		height: 4px;
		background-color:#000;
		display: block;
		border-radius: 4px;
		transition: all 0.4s ease-in-out;
		position: absolute; 
	}

	.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;
	}
	.header-logo, .header-lozung, .header-col.border-right-blue {
		text-align: left;
		border: 0;
		font-size: .9em;
		line-height: 1.2em;
	}
	.gor-menu > ul {
		display: flex;
		width: 100%;
		flex-wrap: wrap;
		margin:0;
		padding:0;
	}
	.gor-menu > ul > li {
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		width:50%;
		list-style: none;
		padding: 2px;
	}
	.main-video {
		padding:15px 15px;
		background: #3c3c3c;
		margin-bottom: 5px;
	}
	.dop-video {
		padding:15px 15px;
		background: #3c3c3c;
		margin-bottom: 15px;
	}
	.dop-video a{
		width: 100%;
		display: inline-block;
		padding: 5px;
		text-align: center;
	}
	.holst-part-image {
		text-align: center;
		margin-bottom: 10px;
	}
	.holst-part-name, .holst-part-doljnost, .holst-part-doljnost {
		text-align: center;
	}
	.slider-row {
		margin:0 !important;
		padding:0 !important;
	}
	.slider-right-col {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	.slider-left-col {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	.border-right-footer {
		border-right: none;
	}
	.footer-col {
		margin-bottom: 15px;
	}
	.news-item-image {
		width: 25%;
	}
	.news-item-image img{
		width: 100%;
	}
	.gor-menu > ul > li > a {
	    min-height:55px;
        font-size: 17px;
        text-shadow: 0 1px 1px rgba(0,0,0,0.9);
        background: var(--site-color);
        background: linear-gradient(180deg, var(--site-color-hover) 0%, var(--site-color) 35%, var(--site-color) 100%);
        color: #ffffff;
        display: block;
        padding: 7px 5px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        text-align: center;
        line-height: 18px;
        width: 100%;
        height: 100%;
        display: inline-table;
        vertical-align: middle;
        border-radius: 2px;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        -khtml-border-radius: 2px;
        -moz-transform: translateX(0px);
        -moz-transition: all 0.2s ease-in-out;
        -webkit-transform: translateX(0px);
        -webkit-transition: all 0.2s ease-in-out;
        -o-transform: translateX(0px);
        -o-transition: all 0.2s ease-in-out;
    }
    .slide-tab {
        font-size: 15px;
        line-height: 18px;
    }
    .slide-tab.active:after {
        display:none;
    }
    .col-xs-1-5, .col-sm-1-5, .col-md-1-5, .col-lg-1-5 {
        margin: auto;
    }
    .struktura-bg {
        background-image:none
    }
    .header-lozung {
        font-family: var(--font-family-1);
        color: #3f66a1;
        font-weight: bolder;
        font-size: 1.1em;
        text-transform: uppercase;
        line-height: 20px;
        padding: 0 15px 0 15px;
        text-align: left;
        border-left: 1px solid #f5f5f5;
    }
}