/*=====  SLIDE MENU  ======*/

/*----------  HIDE SELECT CHECKBOX  ----------*/


/*----------  TOGGLE OFF-CANVAS MENU  ----------*/


/*.toggle:checked + .toggle2  + .page_content > .menu-container 
{
  	margin-left: 70%;
	box-shadow-: 0 0 30px rgba(0,0,0,.5);
}*/
#checkbox_offcanvas_menu_left:checked ~ .offcanvas_menu_left, #checkbox_offcanvas_menu_left:checked ~ .offcanvas_menu_title_left {margin-left: 0px;}
#checkbox_offcanvas_menu_left_2:checked ~ .offcanvas_menu_left_2, #checkbox_offcanvas_menu_left_2:checked ~ .offcanvas_menu_title_left_2 {margin-left: 0px;}
@media (min-width: 1024px) {
#checkbox_offcanvas_menu_right:checked ~ .offcanvas_menu_right, #checkbox_offcanvas_menu_right:checked ~ .offcanvas_menu_title_right {margin-left: calc(100% - 550px);}
}
@media (max-width: 1023px) {
#checkbox_offcanvas_menu_right:checked ~ .offcanvas_menu_right, #checkbox_offcanvas_menu_right:checked ~ .offcanvas_menu_title_right {margin-left: calc(100% - 550px);}
}
@media (max-width: 599px) {
#checkbox_offcanvas_menu_right:checked ~ .offcanvas_menu_right, #checkbox_offcanvas_menu_right:checked ~ .offcanvas_menu_title_right {margin-left: 10%;}
}
#checkbox_offcanvas_menu_left:checked ~ .fsc_left_menu, #checkbox_offcanvas_menu_left_2:checked ~ .fsc_left_menu_2, #checkbox_offcanvas_menu_right:checked ~ .fsc_right_menu
{
  	display: block;
	opacity:1;
	visibility: visible;
	background: rgba(0,0,0,.6);
	transition: all 0.3s;
}

.menu-container, .offcanvas_menu_title_right, .offcanvas_menu_title_left, .offcanvas_menu_title_left_2
{
	background: #fff;
	/*box-shadow: 0 0 20px rgba(0,0,0,.2);*/
	top:0px;
	width: 550px;
	/*max-width:550px;*/
	margin-left: 100%;
	height: 100%;
	position: fixed;
	z-index:10003;
	padding:0px;
	transition: margin 0.3s;
}
.menu-container.offcanvas_menu_left, .offcanvas_menu_title_left, .offcanvas_menu_left_2, .offcanvas_menu_title_left_2 {width: 350px;}
@media (max-width: 1023px) {
	.menu-container, .offcanvas_menu_title_right  {width: 550px;}
}
@media (max-width: 599px) {
	.menu-container, .offcanvas_menu_title_right, .menu-container.offcanvas_menu_left, .offcanvas_menu_title_left, .offcanvas_menu_title_left_2 {width: 90%;}
}

.offcanvas_menu_right {
	margin-top:58px; padding:0px; height: calc(100% - 58px);
}
@media (max-width: 767px) {
	.offcanvas_menu_right {margin-top:54px; height: calc(100% - 54px);}
}
@media (max-width: 479px) {
	.offcanvas_menu_right {margin-top:44px; height: calc(100% - 44px);}
}

.offcanvas_menu_left, .offcanvas_menu_title_left {
	margin-left: -550px;
	/*margin-left: 0%;*/
}
.offcanvas_menu_left_2, .offcanvas_menu_title_left_2 {
	margin-left: -350px;
	/*margin-left: 0%;*/
}
@media (max-width: 1023px) {
	.offcanvas_menu_left, .offcanvas_menu_title_left {margin-left: -550px;}
}
@media (max-width: 599px) {
	.offcanvas_menu_left, .offcanvas_menu_title_left, .offcanvas_menu_left_2, .offcanvas_menu_title_left_2 {margin-left: -90%;}
}
.offcanvas_menu_left, .offcanvas_menu_left_2 {
	margin-top:58px; padding:0px; height: calc(100% - 58px);
}
@media (max-width: 767px) {
	.offcanvas_menu_left, .offcanvas_menu_left_2 {margin-top:54px; height: calc(100% - 54px);}
}
@media (max-width: 479px) {
	.offcanvas_menu_left, .offcanvas_menu_left_2 {margin-top:44px; height: calc(100% - 44px);}
}


.full-screen-close
{
	display: block;
	margin:0px;
	opacity:0;
	visibility:hidden;
  	background: transparent;
	transition: all 0.3s;
	width: 100%;
	height: 100vh;
	position: fixed;
	cursor: pointer;
	top:0;
	left:0;
	z-index:10002;
}

.offcanvas_menu_title_right, .offcanvas_menu_title_left, .offcanvas_menu_title_left_2 {
	z-index:10003;
	height:auto;
	background:#999;
    color: #fff;
    padding: 18px 15px 18px 15px;
    font-size: 22px;
	line-height: 22px;
    font-weight: normal;
}
@media (max-width: 767px) {
	.offcanvas_menu_title_right, .offcanvas_menu_title_left, .offcanvas_menu_title_left_2 {
		padding: 16px 15px 16px 15px;
	}
}
@media (max-width: 479px) {
	.offcanvas_menu_title_right, .offcanvas_menu_title_left, .offcanvas_menu_title_left_2 {
		padding: 11px 15px 11px 15px;
		font-size: 18px;
		line-height: 20px;
	}
}
.close-btn
{
	background: transparent url('/img/icons/tmb_cancel.svg') no-repeat center center; background-size:22px; width: 22px; height: 22px; text-decoration:none; display: inline-flex; align-items: center; color:#fff; font-size:22px; float:right; cursor:pointer; margin:0px;
}