@media(max-width: 992px){
	.preloader .box {width: calc(100% - 80px); height: calc(100% - 80px); left: 40px; top: 40px;}
	.preloader .box img {width: 84px; height: 109px; position: absolute; margin-left: -42px; margin-top: -54px;}

	.interface_layout .white_frame {width: calc(100% - 80px); height: calc(100% - 80px); left: 40px; top: 40px;}
	.interface_layout .white_frame img {width: 36px; height: 53px; margin-left: -18px;}
	.interface_layout .white_frame img.static {top: -21px; opacity: 1;}

	.interface_layout .buttons .left_box {width: 80px; height: 80px; margin-top: -40px;}
	.interface_layout .buttons .right_box {width: 80px; height: 80px; margin-top: -40px;}
	.interface_layout .buttons .left_box .menu_text {display: none;}
	.interface_layout .buttons .left_box .menu_icon {width: 30px; height: 24px; margin-top: 28px; margin-left: 23px; background-size: contain; -webkit-background-size: contain; -mpz-background-size: contain; -o-background-size: contain; -ms-background-size: contain;}
	.interface_layout .buttons .right_box .phone_ico {width: 28px; height: 28px; margin-top: 28px; margin-right: 26px; background-size: contain; -webkit-background-size: contain; -mpz-background-size: contain; -o-background-size: contain; -ms-background-size: contain;}
}


/* MOBILE VERTICAL */
@media screen and (orientation:portrait) and (max-width: 992px){
	/* CUSTOM */
	.white_frame {display: none;}
	.interface_layout .buttons .left_box  {top: 0; left: 0%; margin-top: 0; width: 66px; height: 66px;}
	.interface_layout .buttons .right_box  {bottom: 0; right: 0%; top: 33px; width: 66px; height: 66px;}
	.interface_layout .inner_layout {width: 100%; height: 100%; left: 0px; top: 0px; position: fixed; z-index: 102;}
	.interface_layout .buttons .right_box .phone_ico {margin-top: 20px; margin-right: 15px; width: 35px; height: 35px;}
	.interface_layout .buttons .left_box .menu_icon {margin-top: 21px; margin-left: 18px;}
	.interface_layout .timeline .sections .part {display: none; font-size: 14px;}
	.interface_layout .timeline .sections .part.active {display: block;}
	.interface_layout .timeline {bottom: 85px;}
	.interface_layout .timeline {width: 90%; margin-left: -45%;}
	body {overflow: hidden;}
	/*  MENU */
	.modal-backdrop {opacity: 0 !important;}
	#menu_modal {height:100%; opacity: 1 !important; background: #00020a; padding: 0 !important; animation-duration: 1s; overflow: hidden; position: relative;}
	#menu_modal .modal-dialog {padding: 0; margin: 0;}

	.menu_container .blocks {width: 50%; height: 33.33%; background-size: cover !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; -ms-background-size: cover !important; cursor: pointer; position: relative; opacity: 0; animation-duration: 1s; background: #000; transition-duration: 1s;}
	#menu_modal .blocks .image {width: 100%; height: 100%; background-size: cover !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; -ms-background-size: cover !important;}

	#menu_modal .blocks .text hr {border: 1px solid #fff; float: left; width: 20%; border-top: 0; margin-bottom: 0; }
	.close_wrap {width: 60px; height: 60px; border: 1px solid #62686c; background-color: rgba(0,0,0,0.5); position: fixed; left: 50%; top: 0; margin-left: -30px; z-index: 205; display: none;}
	.close_wrap .cls_mod {width: 100%; height: 100%; border: 0; background: url('../img/cls_mod.png') center no-repeat;}
	#menu_modal .blocks .text  {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}

	.skip_video {top: auto; bottom: 36px; right: 20px; font-size: 10px;}
	#menu_modal .blocks .image {opacity: 0.7;}



	.pause_sm {left: 0; width: 100%; text-align: center;}
	.play_sm {left: 0; width: 100%; text-align: center; }



}









@media (max-width: 500px){
	.interface_layout .timeline .sections .part {display: none; font-size: 14px;}
	.interface_layout .timeline .sections .part.active {display: block;}

}



/* landscape */
@media (max-width: 992px) and (orientation:landscape) {

	.blocks[page="management"] .menu_page_name {font-size: 15px !important; width: 100% !important; text-align: center !important; margin-left: 0 !important; letter-spacing: 1px !important;}
	.blocks[page="contacts"] .menu_page_name {font-size: 15px !important; width: 100% !important; text-align: center !important; margin-left: 0 !important; letter-spacing: 1px !important;}
	/* CUSTOM */
	.white_frame {display: none;}

	.mobile_vertical_logo {display: none !important;}
	.interface_layout .buttons .left_box  {top: 50%; left:0; margin-top: -33px; width: 66px; height: 66px;}
	.interface_layout .buttons .right_box  {top: 50%; right: 0; margin-top: -33px; width: 66px; height: 66px;}
	.interface_layout .inner_layout {width: 100%; height: 100%; left: 0px; top: 0px; position: fixed; z-index: 102;}
	.interface_layout .buttons .right_box .phone_ico {margin-top: 20px; margin-right: 20px;}
	.interface_layout .buttons .left_box .menu_icon {margin-top: 21px; margin-left: 18px;}
	.interface_layout .timeline .sections .part {font-size: 18px; letter-spacing: 0; line-height: 17px;}
	.interface_layout .timeline .sections {margin-bottom: 5px;}

	.interface_layout .timeline {bottom: 70px; width: 90%; margin-left: -45%;}
	.mobile_vertical_logo {opacity: 1; display: block;}

	.interface_layout .timeline .sections .part span {display: none;}
	.interface_layout .timeline .sections .part.active span {display: block;}



	#menu_modal {opacity: 1 !important; background: #00020a; padding: 0 !important; animation-duration: 1s; width: 100%; height: 100%; max-width: 100%; padding: 0; margin: 0; z-index: 101 !important;}
	#menu_modal .remodal-dialog {width: 100%; height: 100%; padding: 0; margin: 0; position: relative;}
	.menu_container {position: absolute; width: 100%; height: 100%; z-index: 200;}
	.cls_border {position: absolute; z-index: 205; cursor: pointer;}
	.cls_border.clb1 {left: 0; top: 0; width: 100%; height: 60px;}
	.cls_border.clb2 {right: 0; top: 0; width: 60px; height: 100%;}
	.cls_border.clb3 {bottom: 0; left: 0; width: 100%; height: 60px;}
	.cls_border.clb4 {left: 0; top: 0; width: 60px; height: 100%;}



	.menu_container .blocks {width: 50%; float: left; height: 50%; background-size: cover !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; -ms-background-size: cover !important; cursor: pointer; position: relative; opacity: 0; animation-duration: 0.7s; transition-duration: 0s;}


	.menu_container .menu_fst_sld .blocks {width: 50%;}
	.apart {height: 100% !important;}
	.apart .text {height: 90% !important;}
	#menu_modal .apart.blocks .text .menu_page_name {/*margin-left: 10px; font-size: 14px*/ width: 100%; text-align: center; margin-left: 0;}


	.menu_container .blocks .image {transition-duration: 2s; width: 100%; height: 100%; position: relative; z-index: 201;}


	#menu_modal .blocks .text hr {border: 1px solid #fff; float: left; width: 20%; border-top: 0; margin-bottom: 0; margin-top: 20px;}
	.close_wrap {width: 60px; height: 60px; border: 1px solid #62686c; background-color: rgba(0,0,0,0.5); position: fixed; left: 0; top: 50%; margin-top: -30px; z-index: 205; display: none;}
	.close_wrap .cls_mod {width: 100%; height: 100%; border: 0; background: url('../img/cls_mod.png') center no-repeat;}

	.skip_video {top: 30px; right: 40px; font-size: 10px;}

	.menu_container .menu_sec_sld .blocks:nth-child(2){width: 50%;}
	.menu_container .menu_sec_sld .blocks:nth-child(3){width: 25%;}
	.menu_container .menu_sec_sld .blocks:nth-child(4){width: 25%;}
	.menu_container .menu_sec_sld .blocks:nth-child(5){width: 100%;}

}

@media (max-height: 400px){
	.menu_container .blocks .image {transition-duration: 0s; width: 100%; height: 100%; position: relative; z-index: 201; background-position: 40% 20% !important;}

}

@media (max-height: 295px){
	.interface_layout .timeline {bottom: 70px; width: 60%; margin-left: -30%;}
	.interface_layout .timeline .sections .part {display: none; font-size: 14px;}
	.interface_layout .timeline .sections .part.active {display: block;}
}


@media(max-height: 700px) and (orientation: landscape){
	.interface_layout .timeline {bottom: 80px;}
}


/*

.menu_container .blocks {width: 100%; float: none; height: 300px;}
	.signature_modal .modal-dialog {width: 100%; height: 100%; left: 0px; top: 0px; position: static !important; display: block;}
	#menu_modal .close_wrap {position: fixed !important; z-index: 300; display: block; opacity: 1; width: 60px; height: 60px; margin-left: 0px; margin-top: -30px;}

	.modal .cls_border {display: none;}
	.menu_container {position: static; display: block;}
	.menu_container .blocks .image {transition-duration: 0s;}
	.menu_container .blocks .hover {transition-duration: 0s; display: none;}

*/