.sidr { display:none; position:absolute; position:fixed; top:0; height:100%; z-index:999999; width:264px; overflow-x:none; overflow-y:auto; }
.sidr .sidr-inner { padding: 0; height: 100%; position: relative; }

.sidr { width: 360px; } .sidr.right { right: -360px; } .sidr.left { left: -360px; }
.sidr.sidr-wide { width: 85%; } .sidr.right.sidr-wide { right: -85%; } .sidr.left.sidr-wide { left: -85%; }

.sidr { background: #38383b;
	/*-webkit-box-shadow: rgba(0,0,0,0.5) 0px 0 10px; -moz-box-shadow: rgba(0,0,0,0.5) 0px 0 10px; box-shadow: rgba(0,0,0,0.5) 0px 0 10px;*/
}
a.sidr-close, a.sidr-close:visited { color: #979394; position: fixed; top: 0; left: 300px; width: 15%; height: 64px; z-index: 1000; border-left: 1px solid rgba(255,255,255,0); border-right: 1px solid rgba(255,255,255,0.4); }
a.sidr-close:hover, a.sidr-close:focus { color: #fff; outline: none; text-decoration: none; }
a.sidr-close em { font-size: 24px; display: block; line-height: 64px; text-align: center; }
.sidr-right a.sidr-close, .sidr-right a.sidr-close:visited, .sidr-wide a.sidr-close, .sidr-wide a.sidr-close:visited { left: auto; right: 0; }

/*** hdr ***/
#sidr-hdr { width: 364px; min-width: 300px !important; opacity: 0; background: #38383b; height: 64px; padding: 0; z-index: 101; position: fixed; top: 0; left: 0; }
.sidr-wide #sidr-hdr { width: 100%; }
.sidr-right #sidr-hdr { left: auto; right: 0; }
/*** logo ***/
#sidr-logo { position: relative; left: 20px; top: 10px; }
#sidr-logo a { display: block; height: 40px; color: #fff; }
#sidr-logo a img { height: 100%; width: auto; float: left; }
#sidr-logo a span  { font-size: 18px; line-height: 40px; float: left; padding-left: 16px; white-space: nowrap; font-family: 'CBASans-Bold'; }
/*.sidr-right #sidr-logo { left: 20px; }*/

#sidr-hdr a.sidr-close, #sidr-hdr a.sidr-close:visited { left: auto; right: 0; }



.sidr ul { }
.sidr ul li { font-size: 14px; overflow: hidden; border-bottom: 1px solid #4f4c4d; }
.sidr ul li a, .sidr ul li a:visited { color: #fff; padding: 15px 20px; line-height: 1.3; border-left: 5px solid transparent; font-family: 'CBASans-Bold'; position: relative; }
.sidr ul li a:hover, .sidr ul li a:focus { background-color: rgba(255,255,255,0.1); }

.sidr ul li a.link-frame-open { position: relative; }
.sidr ul li a.link-frame-open:before { position: absolute; top: 14px; right: 20px; font-size: 17px; content:"\f105"; font-family: "Font Awesome\ 5 Pro"; }


/*.sidr ul li.active a, .sidr ul li.active a:visited, .sidr ul li.active a:hover, .sidr ul li.active a:focus { cursor: default; }*/

.sidr ul.submenu { margin-top: 5px; }
.sidr ul.submenu li a, .sidr ul.submenu li a:visited { padding: 10px 20px; }

.sidr .nav-categories em { position: absolute; top: 15px; right: 15px; }
.sidr .nav-categories em.fa-chevron-up, .sidr .nav-categories.open em.fa-chevron-down { display: none; }
.sidr .nav-categories em.fa-chevron-down, .sidr .nav-categories.open em.fa-chevron-up { display: block; }

.dim-overlay { display: none; position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 2000; }




#sidr #submenu-categories { padding: 5px 0; background: #f1f1f1; }

.sidr ul li.nav-grey a { background: #4f4c4d; }
.sidr ul li.nav-grey.active a { background: #706d6e; }
.sidr ul li.level2 a { padding-left: 30px; }





/*** submenu ***/
.sidr .submenu-categories { width: 100%; position: relative; top: auto; left: auto; margin: 0; padding: 0; z-index: 20; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.sidr .submenu-categories.open { display: block; }
.sidr .submenu-categories ol { margin: 0; padding: 0; }
.sidr .submenu-categories ol li { list-style: none; background: none; font-size: 15px; border-bottom: none; }
.sidr .submenu-categories ol li a, .sidr .submenu-categories li a:visited { padding: 15px 20px 15px 45px; line-height: 1.3; display: block; text-decoration: none; background: #706d6e; }
.sidr .submenu-categories ol li a:hover, .sidr .submenu-categories li a:focus { color: #fff !important; background: #7e7c7d; }
.sidr .submenu-categories .col-md-7 { padding: 0; }
.sidr .submenu-categories a { background: #706d6e; }

.sidr .open a.dropdown-toggle { background: #706d6e; border-color: transparent; }



/*** sidr-frame ***/
.sidr-frame { background: #38383b; position: absolute; top: -100%; left: -100%; width: 100%; height: auto; height: 100%; z-index: 100;
	-webkit-transition: left 0.05s ease-out, top 0s linear;
	-moz-transition: left 0.05s ease-out, top 0s linear;
	-o-transition: left 0.05s ease-out, top 0s linear;
	transition: left 0.05s ease-out, top 0s linear;
}
.sidr-frame.open { top: 0; left: 0;
	-webkit-transition: left .15s ease-in, top 0s linear;
	-moz-transition: left .15s ease-in, top 0s linear;
	-o-transition: left .15s ease-in, top 0s linear;
    transition: left .15s ease-in, top 0s linear;
}


.sidr-frame-inner { padding-top: 64px; background: #38383b; }

.frame-close-wrapper a.link-frame-close { font-size: 14px; color: #231f20; background: #ffcc00; padding: 15px 20px 15px 30px; line-height: 30px; display: block; position: relative; font-family: 'CBASans-Bold'; text-decoration: none; }
.frame-close-wrapper a.link-frame-close:before { color: #231f20; font-size: 17px; display: block; position: absolute; top: 14px; left: 15px; content:"\f104"; font-family: "Font Awesome\ 5 Pro"; }
.frame-close-wrapper a.link-frame-close.link-frame-close:hover, .frame-close-wrapper a.link-frame-close.link-frame-close:focus { color: #231f20; }


/*** sidr-user-block ***/
.sidr-user-block { margin-bottom: 10px; }
a.sidr-login, a.sidr-login:visited { font-size: 14px; color: #231f20; background: #ffcc00; padding: 15px 20px; line-height: 30px; display: block; font-family: 'CBASans-Bold'; text-decoration: none; }
a.sidr-login:hover, a.sidr-login:focus, a.sidr-logout:hover, a.sidr-logout:focus { text-decoration: none; }
.sidr-login span { font-size: 23px; line-height: 30px; float: left; margin-right: 10px; }
#sidr-hdr .username { padding: 15px 20px; line-height: 34px; color: #fff; font-family: 'CBASans-Bold'; }
.sidr-user-block__loggedin { background: #fff; padding: 20px 20px; }
.sidr-user-block__loggedin .usercard { font-size: 14px; margin-bottom: 5px; }
.sidr-user-block__loggedin .userpoints { font-size: 16px; font-family: 'CBASans-Bold'; }
.sidr-user-block__loggedin .userpoints big { font-size: inherit;  }
.sidr-logout span { font-size: 21px; line-height: 20px; float: left; margin-right: 10px; position: relative; top: -2px; }

/*** bottom ***/
#sidr-bottom-menu { display: block; border-right: 1px solid #fff; }
#sidr.with-fixed-sidr-bottom #sidr-bottom-menu, .with-fixed-sidr-bottom .sidr-bottom-menu { position: fixed; bottom: 0; left: 0; width: 364px; z-index: 10; }
.sidr-frame .form-submit { padding: 0 15px 15px; }

.sidr.subframe-open #sidr-bottom-menu { display: none; }


/*** user ***/
#sidr-user { color: #38383b; background: #fff; }
#sidr-user .sidr-frame, #sidr-user .sidr-frame-inner { background: #fff;}
#sidr-user #submenu-user-mobile { padding: 0; position: relative; top: auto; left: auto; right: auto; width: 100%; display: block; z-index: 100; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
#sidr-user .user-details-item { padding: 2px 20px; }
#sidr-user #submenu-user-mobile a em { top: 12px; display: none; }
#sidr-user ul li a, #sidr-user ul li a:visited { color: #38383b;}
.sidr-nav-user-fav, .sidr-nav-langs { margin: 10px 0; padding-top: 10px; border-top: 1px solid rgba(255,255,255,0.4); }
#sidr-user .user-details { padding: 13px 0 17px; margin-top: -7px; color: #38383b; }

#sidr-user #sidr-hdr a.sidr-close, #sidr-user #sidr-hdr a.sidr-close:visited { left: auto; right: 0; }
#sidr-user .frame-close-wrapper a { color: #38383b; border-bottom-color: #ccc; }


/*** search ***/
#search-mobile-wrapper { padding: 10px 20px 20px; border-bottom: 1px solid rgba(255,255,255,0.4); margin-bottom: 10px; }
#search-mobile-wrapper .navbar-form { position: relative; width: 100%; border: none; margin: 0; padding: 0 38px 0 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
#search-mobile-wrapper .navbar-form .form-control { width: 100%; height: 36px; }
#search-mobile-wrapper .btn { font-size: 18px; height: 36px; line-height: 34px; position: absolute; top: 0; right: 0; }
#search-mobile-wrapper label, #search-mobile-wrapper .btn span { display: none; }
#search-mobile-wrapper .btn em { display: block; }


/*** fav ***/
#favblock-content-mobile .row { margin: 0; }
#favblock-content-mobile .merch-list { margin: 0; }
#favblock-content-mobile .merch-list .merch-wrapper { display: none; float: none; width: 100%; padding: 0; margin-bottom: 0; }
#favblock-content-mobile .merch-list .merch-wrapper:nth-child(1), #favblock-content-mobile .merch-list .merch-wrapper:nth-child(2), #favblock-content-mobile .merch-list .merch-wrapper:nth-child(3) { display: block; }

#favblock-content-mobile .merch-list a.link-to-merchant { padding: 15px; color: #38383b; background: transparent; border: none; border-bottom: 1px solid #ccc; min-height: auto; overflow: hidden; }
#favblock-content-mobile .merch-list a.link-to-merchant .merch-title, #favblock-content-mobile .merch-list a.link-to-merchant .merch-rates { color: #38383b; }
#favblock-content-mobile .merch-list a.link-to-merchant:hover, #favblock-content-mobile .merch-list a.link-to-merchant:focus { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
#favblock-content-mobile .merch-list .merch-item .merch-full .merch-banner { float: left; width: 25%; max-width: 120px; border: 1px solid #38383b; padding: 1px; background: #fff; margin-right: 20px; }
#favblock-content-mobile .merch-list .merch-item .merch-full .merch-banner img { width: 100%; height: auto; display: block; }
#favblock-content-mobile .merch-list .merch-item a .merch-title, #favblock-content-mobile .merch-list .merch-item .merch-rates { background: transparent; float: left; width: 70%; text-align: left; padding: 0; min-height: inherit; height: auto; }
#favblock-content-mobile .merch-list .merch-item a .merch-title span { height: auto; }
body.logged-in #favblock-content-mobile .merch-item .merch-fav a { display: none !important; }
#sidr-frame-21 div.more { padding: 5px 0; }
#sidr-frame-21 a.more { color: #fff; padding: 10px 20px; display: block; }
#user-fav-mobile .nomerchants { padding: 15px; }

/*** langs ***/
#regions-radio-dropdown-mobile ul { margin: 0; padding: 20px 0 10px 15px; }
#regions-radio-dropdown-mobile ul span.radio { margin: 5px 0; }




@media (max-width: 364px) {
	.sidr { width: 100%; } .sidr.right { right: -100%; } .sidr.left { left: -100%; }
	#sidr-hdr,  { width: 100%; min-width: 100% !important; }
	#sidr.with-fixed-sidr-bottom #sidr-bottom-menu, .with-fixed-sidr-bottom .sidr-bottom-menu { width: 100%; }
	
}