/* 
 * Scroll TOP Button
 *
*/
.scrolltop{display:none;font-family:sans-serif;font-size:32px;cursor:pointer;text-align:center;color:#fff!important;height:40px;width:40px;line-height:34px;position:fixed;bottom:15px;right:15px;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;z-index:99999}
.rtl .scrolltop{right:auto;left:15px}
.scrolltop svg{fill:#fff;margin:2px 0 0;width:24px;height:24px;vertical-align:middle}
.scrolltop:hover{color:#fff!important;opacity:.7}

/* 
 * SlideOut
*/
#mmobile{z-index:99999999999999;background-color:#fff}
#mmobile a{color:#333}
#mmobile a:hover{text-decoration:none}
.dark #mmobile{background-color:#1d2327}
.dark #mmobile a{color:#fff}
@media only screen and (min-width: 767px){
	.slideout-menu{width:300px}
}

#mmobile {bottom:0;left:0;overflow-y:auto;position:fixed;top:0;width:80%;max-width:320px;z-index:9999999;transform: translateX(-100%);-webkit-transform: translateX(-100%);}
.rtl #mmobile {
	left:auto;
	right:0;
    transform: translateX(100%);
    -webkit-transform: translateX(100%);
}
.slide-in {
    animation: slide-in 0.5s forwards;
    -webkit-animation: slide-in 0.5s forwards;
}

.slide-out {
    animation: slide-out 0.5s forwards;
    -webkit-animation: slide-out 0.5s forwards;
}
@keyframes slide-in {
    100% { transform: translateX(0%); }
}
@-webkit-keyframes slide-in {
    100% { -webkit-transform: translateX(0%); }
}

/* 
 * SlideOut : Logo & Close
 *
*/
.so-wrap{width:100%;display:inline-block;position:relative}
.close-icon,
.so-logo{padding:16px 20px;display:inline-block;vertical-align:middle;position:relative}
.so-logo{width:80%}
.close-icon{border:none;background-color:transparent;cursor:pointer;width:10%}
.close-icon svg{fill:#333;width:24px;height:24px}
#mmobile .so-wrap.color .so-logo a{color:#fff}
#mmobile .so-wrap.color .close-icon svg{fill:#fff}
.dark #mmobile .so-wrap.white .close-icon svg{fill:#fff}
/* 
 * SlideOut : Search Form
 *
*/
.search-wrap{background-color:#f5f5f5;display:inline-block;width:100%}
.search-form{padding:12px 20px;display:inline-block;width:100%;border:1px solid #e9edf0;position:relative}
.search-form input{padding:12px 20px;display:inline-block;width:100%;border:0 none;text-indent:25px;box-shadow:0 1.5px 3px 2px rgba(0,35,64,0.1);border-radius:2px}
.search-form input:focus + svg{fill:#333}
.search-form svg{padding:0;display:inline-block;position:absolute;left:32px;top:50%;-ms-transform:translateY(-50%);transform:translateY(-50%);fill:#999}
.search-form svg:hover{fill:#333}
.rtl .search-form svg{right:32px;left:auto}
.dark .search-wrap {background-color:#2c3338}
.dark .search-form {border:1px solid #31313c}
.dark .search-form input {color:#fff;background-color:#1d2327;box-shadow: 0 1.5px 3px 2px rgba(0,35,64,.1)}
.dark .search-form input:focus + svg{fill:#ccc}
.dark .search-form svg {fill:#fff}
.dark .search-form svg:hover{fill:#ccc}
/* 
 * SlideOut : Menu 
 *
*/
.menu-section-list{list-style:none;margin:0;padding:0}
.menu-section-list li {position:relative;width:100%;}
.menu-section-list .sub-menu {display:none;}
.menu-section-list a{display:block;width:100%;word-break:break-word;padding:10px 20px}
.menu-section-list a:hover{text-decoration:none}
.menu-section-list .submenu-sh {position:absolute;right:10px;z-index: 999999;top:8px}
.rtl .menu-section-list .submenu-sh {left:10px;right:auto;}
.menu-section-list .submenu-sh svg{cursor:pointer;vertical-align:middle;width:30px!important;height:30px!important;margin:0 5px;}
.menu-section-list li li a{padding:10px 0 10px 40px}
.menu-section-list li li li a{padding:10px 0 10px 60px}
.rtl .menu-section-list li li a{padding:10px 40px 10px 0}
.rtl .menu-section-list li li li a{padding:10px 60px 10px 0}
.menu-section-list .submenuSvgClose {display:none;}
.menu-section-list li {border-bottom:1px solid #eee}
.menu-section-list a:hover{background-color:#f9f9f9}
.menu-section-list .sub-menu {box-shadow:unset}
.menu-section-list .submenu-sh {background-color:transparent}
.menu-section-list .submenu-sh svg{fill:#999}
.menu-section-list .submenu-sh:hover svg{fill:#31313c}
.dark .menu-section-list .submenu-sh {background-color:transparent}
.dark .menu-section-list .submenu-sh svg{fill:#ccc}
.dark .menu-section-list .submenu-sh:hover svg{fill:#fff}
.dark .menu-section-list li{border-bottom:1px solid #283035}
.dark .menu-section-list a:hover{background-color:#283035}
.menu-section-list .sub-menu li {border-top:1px solid #eee;border-bottom:0px solid transparent}
.dark .menu-section-list .sub-menu li {border-color:#283035}
/* 
 * SlideOut : Social Links
 *
*/
.so-social{background-color:#f9f9f9;list-style:none;width:100%;display:table;padding:12px 20px}
.so-social li{width:auto;margin:0;padding:0 5px;display:inline-block;text-align:center;vertical-align:middle}
.rtl .so-social li{margin:0;padding:0 5px}
.so-social svg{text-align:center;width:25px;height:25px;fill:#656c7a}
.so-social a:hover.googleplus svg{fill:#d0422a}
.so-social a:hover.facebook svg{fill:#3b5998}
.so-social a:hover.twitter svg{fill:#000}
.so-social a:hover.tiktok svg{fill:#000}
.so-social a:hover.youtube svg{fill:#cf2200}
.so-social a:hover.pinterest svg{fill:#ca2127}
.so-social a:hover.instagram svg{fill:#87766c}
.so-social a:hover.android svg{fill:#8ec047}
.so-social a:hover.apple svg{fill:#00abf1}
.so-social a:hover.rss svg{fill:#f9bc2e}
.so-social a:hover.telegram svg{fill:#0088cc}
.so-social a:hover.pinterest svg{fill:#ca2127}
.so-social a:hover.reddit svg{fill:#e74a1e}
.dark .so-social{background-color:#2c3338}
.dark .so-social svg{fill:#fff}
/* 
 * SlideOut : Overlay
 *
*/
#page-overlay {cursor:pointer;background-color:rgba(0, 0, 0, 0.5);width:100%;height:100%;left:0;right:0;position:fixed;top:0;z-index:999997;visibility:hidden;}
.dark #page-overlay {background-color:rgba(255, 255, 255, 0.35)}