/* ========================================================================*/
button {
    background: transparent;
    border: 1px solid #d7d7d7;
    transition: all 0.4s ease-out 0s;
    -webkit-transition: all 0.4s ease-out 0s;
    color: #424242;
}

/*================( 991px )=================*/
@media only screen and (max-width: 991px){
	
	/* .mobile-header__menu-button {
		color: #fff;
		background-color: #fff;
		height: 24px;
		padding: 0;
		border-radius: 0;
		display: flex;
		justify-content: center;
		align-items: center;
		border: none;
		-webkit-appearance: none;
		cursor: pointer;
	} */
	
	.mobile-header__menu-button {
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
		border: 0;
		border: none;
		border-radius: 4px;
		padding: 0;
		background: #FE5877;
		overflow: hidden;
		width: 34px;
		height: 34px;
	}
	.line-toggle {
		position: absolute;
		display: block;
		width: 18px;
		height: 2px;
		background: #FFFFFF;
		border-radius: 4px;
		transition: all 0.6s;
	}
	.line-toggle:first-child {
        transform: translateY(-10px) translateX(-4px);
        width: 12px;
        transition-delay: 0s;
    }
    .line-toggle:nth-child(2) {
        transition-delay: 0.12s;
    }
    .line-toggle:last-child {
        transform: translateY(10px) translateX(-4px);
        width: 12px;
        transition-delay: 0s;
    }

    .top_logo {color:#fff; width: 100%; max-width: 150px;/* margin-left: 20px;*/}
    .top_logo a{color:#fff;}
    .top_logo a img {margin: 0;}

   /* .icon_arrow_back {
        background-image: url(../images/icon_left_white_arrow_20.svg);
    }

    .icon_solid_arrow_right {
        background-image: url(../images/icon_right_white_arrow_20.svg);
    }*/

    .icon_close {
        background-image: url(../images/icon_close.svg);
    }
    
    .icon_24 {
        width: 24px;
        height: 24px;
        display: inline-block;
        background-repeat: no-repeat;
        background-position: center;
    }

    .mobile-menu__panel-title {
		color:#fff;
        text-align: center;
        margin: auto;
        font-size: 15px;
		line-height: 20px;
        font-weight: 500;
    }
    
   	.mobile-menu {visibility: hidden; -webkit-transition: visibility 0s 0.25s; transition: visibility 0s 0.25s;}	  
	.mobile-menu__backdrop {position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 1000; background: rgba(51, 51, 51, 0.8); opacity: 0; will-change: opacity;
		-webkit-transition: opacity 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
		transition: opacity 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	}

	.mobile-menu__body {position: fixed; top: 0; bottom: 0; z-index: 1000; background:#151E47; width:90%; max-width:280px; overflow: hidden;
		-webkit-transition: -webkit-transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
		transition: -webkit-transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
		transition: transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
		transition: transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
		will-change: transform;		
	}
	
	[dir=ltr] .mobile-menu__body {left: 0; -webkit-transform: translateX(-100%); transform: translateX(-100%)}
	[dir=rtl] .mobile-menu__body {right: 0; -webkit-transform: translateX(100%); transform: translateX(100%)}

	.mobile-menu--open {visibility: visible; -webkit-transition-delay: 0s; transition-delay: 0s;}
	.mobile-menu--open .mobile-menu__backdrop {opacity: 0}
	.mobile-menu--open .mobile-menu__body {	-webkit-transform: translateX(0); transform: translateX(0);}

	.mobile-menu__close {
		position: absolute; 
		top: 0; 
		width: 48px;  
		height: 50px; 
		display: -webkit-box; 
		display: -ms-flexbox; 
		display: flex; 
		-webkit-box-align: center; 
		-ms-flex-align: center; 
		align-items: center;
		-webkit-box-pack: center; 
		-ms-flex-pack: center; 
		justify-content: center; 
		z-index: 2;
		border: none; 
		padding: 0; 
		fill: currentColor; 
		-webkit-transition: background-color .15s, color .15s; 
		transition: background-color .15s, color .15s; 
		background-color:#FE5877; 
		cursor: pointer;
	}

	/* .mobile-menu__close:hover, .mobile-menu__close:active {background-color: #ebebeb;color: #4d4d4d;} */
	.mobile-menu__close:focus {outline: none;}

	[dir=ltr] .mobile-menu__close {right: 0;}	  
	[dir=rtl] .mobile-menu__close {left: 0;}	

	.mobile-menu__panel {
		display: -webkit-box; 
		display: -ms-flexbox; 
		display: flex; 
		position: absolute; 
		left: 0; 
		top: 0; 
		right: 0; 
		bottom: 0; 
		-webkit-box-orient: vertical; 
		-webkit-box-direction: normal;
		-ms-flex-direction: column; 
		flex-direction: column; 
		background: #FE5877; 
		z-index: 1; 
		-webkit-transition: -webkit-transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
		transition: -webkit-transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
		transition: transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	}
	.mobile-menu__panel .mobile-menu__panel
	[dir=ltr] .mobile-menu__panel--hide {-webkit-transform: translateX(-100%); transform: translateX(-100%);}	  
	[dir=rtl] .mobile-menu__panel--hide {-webkit-transform: translateX(100%); transform: translateX(100%);}	  
	[dir=ltr] .mobile-menu__panel--hidden {-webkit-transform: translateX(100%);transform: translateX(100%);}
	[dir=rtl] .mobile-menu__panel--hidden {-webkit-transform: translateX(-100%); transform: translateX(-100%);}

	.mobile-menu__panel-header {
		-ms-flex-negative: 0; 
		flex-shrink: 0; 
		height: 55px; 
		border-bottom: 1px solid #dfdfdf; 
		display: -webkit-box; 
		display: -ms-flexbox; 
		display: flex; 
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center; 
		padding-bottom: 2px; 
		position: relative; 
		-webkit-backface-visibility: hidden; 
		backface-visibility: hidden;
	}

	.mobile-menu__panel-back {position: absolute; top: 0; width:auto; height: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center;
			align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; z-index: 1; border: none; padding-top: 0; padding-bottom: 0; fill: currentColor; 
			-webkit-transition: background-color .15s, color .15s; transition: background-color .15s, color .15s; cursor: pointer;}

	.mobile-menu__panel-back span{font-style: normal; font-weight: 500; font-size: 14px; line-height: 20px; display: flex; align-items: center; letter-spacing: 0;color: #FFFFFF;}
	/* .mobile-menu__panel-back:hover, .mobile-menu__panel-back:active {background-color: #fff; color: #4d4d4d;} */

	[dir=ltr] .mobile-menu__panel-back {left: 0; padding-left:8px; padding-right: 2px;}
	[dir=rtl] .mobile-menu__panel-back {right: 0; padding-right:8px; padding-left: 2px;}

	[dir=ltr] .mobile-menu__panel-back svg {-webkit-transform: scaleX(1); transform: scaleX(1);}
	[dir=rtl] .mobile-menu__panel-back svg {-webkit-transform: scaleX(-1); transform: scaleX(-1);}	  

	.mobile-menu__links {list-style: none; padding: 0; margin: 0; position: relative;}

    .mobile-menu__links li{display:block; position: relative;}
    .mobile-menu__links li .child_menu_icon{position:absolute; top:0; right:0; height:48px; width:48px; border-left:1px solid #dfdfdf; cursor:pointer;}

	/* .mobile-menu__links.second_level{padding-bottom:28px;} */
	.mobile-menu__links > li > a{position: relative; color:#fff; width: 100%; border: none; background: transparent; font-size: 16px;
		font-weight: inherit; display: -webkit-box; display: -ms-flexbox;display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;	padding-top:10px; padding-bottom:10px;line-height: normal;}

	.secondary_links.mobile-menu__links{padding-top:0;}
	.secondary_links.mobile-menu__links > li > a{font-size:12px; padding-top:8px; padding-bottom:8px; color:#fff;}

	[dir=ltr] .mobile-menu__links > li > a {padding-left: 15px; padding-right: 15px; text-align: left;}
	[dir=rtl] .mobile-menu__links > li > a{padding-right: 15px; padding-left: 15px; text-align: right;}

	.mobile-menu__links > li > a:hover{text-decoration:none}
	.mobile-menu__links > li > a:focus{outline: none;}

	.mobile-menu__links > li > a svg, .mobile-menu__links > li > a .right_icon{position: absolute; top: calc(50% - 12px); fill: #bfbfbf;}
	.mobile-menu__links > li > a .left_icon{margin-right:10px;}

	[dir=ltr] .mobile-menu__links > li > a svg, [dir=ltr] .mobile-menu__links > li > a .right_icon{right: 16px; -webkit-transform: scaleX(1); transform: scaleX(1);}
	[dir=rtl] .mobile-menu__links > li > a svg, [dir=rtl] .mobile-menu__links > li > a .right_icon{left: 16px; -webkit-transform: scaleX(-1); transform: scaleX(-1);}

	.mobile-menu__divider {-ms-flex-negative: 0; flex-shrink: 0; height: 1px; background: #dfdfdf;}

	.mobile_sidebar_menu img {
		width: 24px;
		height: 24px;
	}

	/* END Mobile Menu CSS */    


}


@media only screen and (max-width: 767px) {
	.mobile-menu__links > li > a {
		font-size: 15px;
	}
}

@media only screen and (max-width: 480px) {
	.mobile_sidebar_menu img {
		width: 22px;
		height: 22px;
	}
}