@media screen and (max-width: 500px) {
    .dialog-reservation .ui-calendar,
    .dialog-reservation .timeSelect {
        width: auto;
        float: none;
    }
}                   
.ui-calendar {
    position: relative;
    z-index: 0;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
    outline: 1px solid #ccc;
    background-color: #fff;
}
.ui-calendar .lt-ie7 {
    display: inline;
}
.ui-calendar ul {
    display: block;
    list-style: none;
    position: relative;
    margin: 0;
    padding: 0;
}
.ui-calendar .hidden {
    visibility: hidden;
}
.ui-calendar .ui-calendar-month {
    float: left;
    width: 200px;
    box-sizing: border-box;
    border-right: 1px solid #ccc;
    background-color: #fff;
}
.ui-calendar .ui-calendar-month:first-of-type .year-cell {
    margin-left: 24px;
}
.ui-calendar .ui-calendar-month:last-of-type {
    border-right: none;
}
.ui-calendar .ui-calendar-month:last-of-type .year-cell {
    margin-right: 24px;
}
.ui-calendar .prev-cell,
.ui-calendar .next-cell {
    absolute: top 0;
    z-index: 1;
    border: 1px solid #ccc;
    width: 24px;
    text-align: center;
    cursor: pointer;
}
.ui-calendar .prev-cell {
    left: 0;
    border: top left bottom none;
}
.ui-calendar .next-cell {
    right: 0;
    border: top bottom right none;
}
.ui-calendar .ui-calendar-months,
.ui-calendar .ui-calendar-years {
    width: 200px;
    max-width: 100%;
}
.ui-calendar .ui-calendar-months li,
.ui-calendar .ui-calendar-years li {
    width: 16.666666666666668%;
    cursor: pointer;
    height: 25px;
    line-height: 25px;
}
.ui-calendar .ui-calendar-year {
    border-bottom: 1px solid #ccc;
}
.ui-calendar .year-cell {
    display: static;
    float: none;
    text-align: center;
    width: auto;
}
.ui-calendar .day-cell:nth-child(7n+1) {
    clear: left;
}
.ui-calendar .monthName-cell:nth-child(6n+1) {
    clear: left;
}
.ui-calendar .ui-calendar-day li {
    cursor: pointer;
}
.ui-calendar .ui-calendar-buttons {
    clear: both;
}
.ui-calendar .ui-calendar-buttons li {
    cursor: pointer;
    width: 100%;
}
.ui-calendar li {
    box-sizing: border-box;
    width: 14%;
    height: 25px;
    line-height: 25px;
    text-align: center;
    float: left;
    overflow: hidden;
    font-family: Arial, sans-serif;
    font-size: 12px;
}
.ui-calendar li.other-month {
    color: #999;
}
.ui-calendar li.today {
    font-weight: bold;
    outline: 1px solid #f2f2f2;
}
.ui-calendar li.selected {
    background-color: #ccc;
}
.ui-calendar li.button-cell {
    padding: 0;
    margin: 0;
    border-top: 1px solid #ccc;
}
.ui-calendar li.button-cell:hover {
    outline: none;
    background-color: #f2f2f2;
}
.ui-calendar .day-cell {
    margin-bottom: 1px;
}
.ui-calendar .day-cell:hover {
    outline: 1px solid #ccc;
}
.ui-calendar .day-cell,
.ui-calendar .dayName-cell,
.ui-calendar .year-cell,
.ui-calendar .prev-cell,
.ui-calendar .next-cell,
.ui-calendar .button-cell {
    height: 23px;
    line-height: 23px;
}
.ui-calendar .ui-calendar-day li {
    width: 14.285714285714286%;
}
.ui-calendar .day-rows-6 {
    padding-bottom: 5px;
}
.ui-calendar .day-rows-6 li {
    height: 19px;
    margin-bottom: 0;
}
.ui-calendar .ui-calendar-week {
    border-bottom: 1px solid #ccc;
}
.ui-calendar .ui-calendar-week li {
    font-size: 9px;
}
 
.ui-filmstrip {
    position: relative;
}

.ui-filmstrip .ui-filmstrip-content {
    overflow: hidden;
    position: relative;
}

.ui-filmstrip .ui-filmstrip-content .ui-filmstrip-scroll {
    top: 0;
    left: 0;
    position: absolute;
}

.ui-filmstrip .ui-filmstrip-box {
    float: left;
}

.ui-filmstrip .ui-filmstrip-box img {
    max-width: 100%;
}

.ui-filmstrip .ui-filmstrip-left {
    position: absolute;
    left: -30px;
    width: 30px;
    height: 30px;
    z-index: 1;
    cursor: pointer;
}

.ui-filmstrip .ui-filmstrip-right {
    position: absolute;
    right: -30px;
    width: 30px;
    height: 30px;
    z-index: 1;
    cursor: pointer;
}

.ui-filmstrip .ui-filmstrip-left {
    left: 0;
}

.ui-filmstrip .ui-filmstrip-right {
    right: 0;
}

.ui-filmstrip .ui-filmstrip-left,
.ui-filmstrip .ui-filmstrip-right {
    top: 50px;
    margin-top: -15px;
}

.ui-cardMenu {
    width: 300px;
    overflow: hidden;
}

.ui-cardMenu ul {
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative;
    top: 0;
}

.ui-cardMenu li {
    margin: 0;
    padding: 0;
}

.ui-cardMenu li ul {
    position: absolute;
    left: 100%;
}

.ui-cardMenu a,
.ui-cardMenu span {
    color: #444;
    background-color: #ccc;
    text-decoration: none;
    line-height: 18px;
    padding: 6px 10px;
    font-size: 14px;
    display: block;
    cursor: pointer;
}

.ui-cardMenu a:hover,
.ui-cardMenu span:hover {
    background-color: #ddd;
}

.ui-cardMenu .parentLink a {
    font-weight: bold;
    font-size: 16px;
}

.ui-cardMenu a.selected {
    background-color: #ddd;
}

.ui-cardMenu .ui-cardMenu-back {
    background-image: url("data:image/gif;base64,R0lGODlhDQANAIABAAAAAP///yH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS41LWMwMTQgNzkuMTUxNDgxLCAyMDEzLzAzLzEzLTEyOjA5OjE1ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjhEMDVFQTAxNTQ4NzExRTM5MTJBQjNGRUJGNDRBNjY1IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjhEMDVFQTAyNTQ4NzExRTM5MTJBQjNGRUJGNDRBNjY1Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OEQwNUU5RkY1NDg3MTFFMzkxMkFCM0ZFQkY0NEE2NjUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OEQwNUVBMDA1NDg3MTFFMzkxMkFCM0ZFQkY0NEE2NjUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAABACwAAAAADQANAAACF4yPAZC53MyLclFl6dT5bt9xEDiKV1UAADs=");
    background-position: left center;
    background-repeat: no-repeat;
    padding: 6px 10px 6px 18px;
    background-color: #f3f3f3;
}

.ui-cardMenu span {
    background-image: url("data:image/gif;base64,R0lGODlhDQANAIABAAAAAP///yH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS41LWMwMTQgNzkuMTUxNDgxLCAyMDEzLzAzLzEzLTEyOjA5OjE1ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkYyNkNEODQ1NTQ2ODExRTNCNkUzQjlCMUYzMDEyMDU1IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkYyNkNEODQ2NTQ2ODExRTNCNkUzQjlCMUYzMDEyMDU1Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RjI2Q0Q4NDM1NDY4MTFFM0I2RTNCOUIxRjMwMTIwNTUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RjI2Q0Q4NDQ1NDY4MTFFM0I2RTNCOUIxRjMwMTIwNTUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAABACwAAAAADQANAAACFwSCqWG32x40UsWKLtaPTyd5FlWJI4YUADs=");
    background-position: right center;
    background-repeat: no-repeat;
    padding-right: 26px;
}

.ui-cardMenu span {
    background-image: url("https://site.sitexo.com/cache/images/cardmenu-folder.gif");
}

.ui-cardMenu .ui-cardMenu-back {
    background-image: url("https://site.sitexo.com/cache/images/cardmenu-back.gif");
}

.ui-slideMenu {
    background-color: #444;
    display: none;
}

.header-info>.menu .dropdown:hover > .dropdown-menu {
    display: block;
}

.ui-loader {
    position: relative;
}
.ui-loader .ui-loader-clock {
    background: #fff;
    display: none;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
    opacity: 0.7;
}
.ui-loader .ui-loader-image {
    position: absolute;
    background: url(../images/loading.gif) no-repeat scroll center center;
    width: 32px;
    height: 32px;
    padding-left: 16px;
    left: 50%;
    top: 50%;
}
.ui-loader.ui-loading .ui-loader-clock {
    display: block;
}
body.dark-page {
	margin: 0;
}
body.dark-page main {
	overflow: hidden;
}
body.dark-page .open-time,
body.dark-page #menu-secondary,
body.dark-page #menu-primarna-navigacija,
body.dark-page .header-social {
	display: none;
}
body.dark-page .header-info {
	width: 100%;
	padding-right: 0;
	padding: 0 !important;
	border-right: 0;
	border-bottom: 0 !important;
}
body.dark-page .header {
	padding: 0 20px;
    max-width: 1600px;
    width: 100%;
    position: absolute;
    left: 50%;
    top: 0;
    -webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	border-bottom: 0 !important;
}
body.dark-page .logo {
	background: #ffffff;
    padding: 10px 20px;
}
body.dark-page .wkb_heading {
	text-align: center;
}
body.dark-page h2 {
	font-size: 60px;
	display: inline-block;
	position: relative;
}
.wkb_tiles h2:after,
body.dark-page .wkb_heading h2:after {
	content: '';
	display: block;
	width: 60px;
	height: 5px;
    background: rgb(6,184,77);
	background: linear-gradient(90deg, rgba(6,184,77,1) 0%, rgba(9,201,190,1) 69%, rgba(9,201,190,1) 100%);
    margin: 20px auto 0 auto;
}
body.dark-page h3 {
	font-size: 45px;
}
.dark-page .header-banner {
	position: relative;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	height: 740px;
}

.dark-page .header-banner .text {
	position: absolute;
    bottom: 50px;
	left: 50%;
    -webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
    transform: translateX(-50%);
	width: 100%;
	max-width: 1600px;
}
.dark-page .header-banner .text p,
.dark-page .header-banner .text h2 {
	color: #ffffff;
}
.dark-page .header-banner .text h2 {
	margin: 30px 0;
}

.dark-page .header-banner .text h2:after {
	display: none;
}
.dark-page .header-banner .text-inner {
	position: relative;
	display: inline-block;
	background-color: rgba(0,0,0,0.3);
	padding: 30px 60px 30px 20px;
	box-sizing: border-box;
}
.dark-page .header-banner .text-inner:after {
	content: '';
    position: absolute;
    left: -100%;
    top: 0;
    width: 100%;
    display: block;
    height: 100%;
    background-color: rgba(0,0,0,0.3);
}

.stores-container {
	max-width: 1600px;
	margin: 0 auto;
}

.wkb_stores {
	background-color: #f6f6f6;
	padding: 10px 20px 50px 20px;
	box-sizing: border-box;
}

.wkb_stores .stores {
	display: -webkit-box;
    display: -ms-flexbox; 
    display: flex;
	-ms-flex-wrap: wrap;
        flex-wrap: wrap; 
	-webkit-box-pack: center;
       -ms-flex-pack: center;
     justify-content: center;
	margin-left: -40px;
}
.wkb_stores .store-item {
	width: 25%;
	min-height: 350px;
	padding-left: 40px;
	padding-bottom: 40px;
	box-sizing: border-box;
}
.wkb_stores .store-item-inner {
	height: 100%;
	position: relative;
	background-color: #ffffff;
	padding: 20px;
	box-sizing: border-box;
	text-align: center;
}
.wkb_stores .heading {
	line-height: 1;
	font-size: 45px;
	font-family: 'Bebas Neue', sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
	margin-bottom: 20px;
}
.wkb_stores .text {
	margin-bottom: 40px;
}
.wkb_stores .phone {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	font-weight: bold;
	letter-spacing: 2px;
	padding: 10px 0;
	color: #ffffff;
	background: rgb(6,184,77);
	background: linear-gradient(90deg, rgba(6,184,77,1) 0%, rgba(9,201,190,1) 69%, rgba(9,201,190,1) 100%);
}
.wkb_text,
.wkb_tiles,
.wkb_dbanner,
.wkb_safty,
.wkb_notifications {
	padding: 0 20px;
	box-sizing: border-box;
    max-width: 1600px;
    width: 100%;
	margin: 0 auto;
}
.wkb_safty .saftys {
		-webkit-box-align: strech;
       -ms-flex-align: strech;
          align-items: strech;
}
.wkb_safty .saftys,
.wkb_notifications .notifications {
	display: -webkit-box;
    display: -ms-flexbox; 
    display: flex;
		-webkit-box-pack: center;
       -ms-flex-pack: center;
     justify-content: center;
	-ms-flex-wrap: wrap;
        flex-wrap: wrap;
	margin-left: -40px;
}
.wkb_notifications .notifications .notification {
	width: 33.3333%;
	min-height: 460px;
	padding-left: 40px;
    padding-bottom: 40px;
    box-sizing: border-box;
}

.wkb_notifications .notifications .notification-inner {
	height: 100%;
	background-color: #21c28c;
	padding: 30px;
	box-sizing: border-box;
}
.wkb_notifications .notifications h2,
.wkb_notifications .notifications h3,
.wkb_notifications .notifications p {
	color: #ffffff;
	text-align: left;
}

.wkb_notifications .notifications h2,
.wkb_notifications .notifications h3 {
	margin-top: 10px;
	margin-bottom: 10px;
}

.wkb_safty .safty {
	width: 50%;
	padding-left: 40px;
    padding-bottom: 40px;
    box-sizing: border-box;
}

.wkb_safty .safty-inner {
	display: -webkit-box;
    display: -ms-flexbox; 
    display: flex;
	background-color: #f6f6f6;
	padding: 30px;
	box-sizing: border-box;
	height: 100%;
}

.wkb_safty .safty-inner .image,
.wkb_safty .safty-inner .text {
	padding-left: 10px;
	box-sizing: border-box;
}
.wkb_safty .safty-inner .image img {
	width: 100%;
}
.wkb_safty .safty-inner .image {
	width: 40%;
}

.wkb_safty .safty-inner .text h3 {
	margin: 0 0 20px 0;
	text-align: left;
}
.wkb_safty .safty-inner .text {
	width: 60%;
}

.wkb_dbanner .dbanner {
	position: relative;
	height: 446px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.wkb_dbanner .dbanner a {
	display: block;
	font-weight: bold;
	color: #ffffff;
	max-width: 160px;
	width: 100%;
	text-align: center;
	position: absolute;
	left: 50%;
	bottom: 40px;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	background-color: #000000;
	padding: 10px 0;
}
.wkb_dbanner .dbanner a:hover {
	background-color: #ffffff;
	color: #000000;
}

.wkb_tiles.grey {
	background-color: #f6f6f6;
	max-width: 100%;
	padding: 0;
}

.wkb_tiles.grey .grey-container {
	width: 100%;
	max-width: 1600px;
	margin: 0 auto;
	padding: 60px 20px;
	box-sizing: border-box;
}

.wkb_tiles .tiles {
	display: -webkit-box;
    display: -ms-flexbox; 
    display: flex;
		-webkit-box-pack: center;
       -ms-flex-pack: center;
     justify-content: center;
	-ms-flex-wrap: wrap;
        flex-wrap: wrap;
	margin-left: -40px;
}	

.wkb_tiles .tile {
	width: 33.3333%;
	min-height: 460px;
	padding-left: 40px;
	padding-bottom: 40px;
	box-sizing: border-box;
}

.wkb_tiles .tile-inner {
	position: relative;
	height: 100%;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	padding: 30px;
	box-sizing: border-box;
	/* display: -webkit-box; */
    /* display: -ms-flexbox;  */
    /* display: flex; */
		/* -webkit-box-align: flex-end; */
       /* -ms-flex-align: flex-end; */
          /* align-items: flex-end; */
}

.wkb_tiles .tile-inner:after {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.3);
	z-index: 1;
	position: absolute;
	left: 0;
	top: 0;
}

.wkb_tiles .upper_heading {
	text-align: center;
	margin-bottom: 70px;
}
.wkb_tiles .upper_heading h2 {
	margin: 30px 0;
}
.wkb_tiles .content {
	position: absolute;
	left: 0;
	bottom: 0;
	padding: inherit;
	z-index: 2;
}
.wkb_tiles .content h3,
.wkb_tiles .content h2 {
	margin-top: 0;
	margin-bottom: 10px; 
}
.wkb_tiles .content h3,
.wkb_tiles .content h2,
.wkb_tiles .content p {
	color: #ffffff;
	text-align: left;
}

	
.wkb_tiles .content a {
	display: block;
	font-weight: bold;
	color: #ffffff;
	max-width: 160px;
	width: 100%;
	text-align: center;
	background-color: #000000;
	padding: 10px 0;
	margin-top: 40px;
}
.wkb_tiles .content a:hover {
	background-color: #ffffff;
	color: #000000;
}

.wkb_tiles .content a:before {
	display: none;
}

.content-info.dark {
	border-top: 2px solid #11292e;
}

.content-info.dark .copyright {
	text-align: center;
	padding: 5px;
}

.dark-page-footer {
	width: 100%;
	max-width: 1600px;
	margin: 0 auto;
	padding: 60px 20px;
	box-sizing: border-box;
}

.dark-page-footer-inner {
	display: -webkit-box;
    display: -ms-flexbox; 
    display: flex;
}
.dark-page-footer-inner img {
	width: 100%;
	max-width: 270px;
}
.dark-page-footer-inner h3 {
	margin-top: 0;
	margin-bottom: 40px;
	text-align: left;
}
.dark-page-footer-inner h3,
.dark-page-footer-inner li {
	/* color: #ffffff; */
}
.dark-page-footer-inner ul {
	padding-left: 0; 
	list-style-type: none;
}
.dark-page-footer-inner li {
	margin-bottom: 38px;
	display: block;
}
.dark-page-footer-inner li a {
	display: -webkit-box;
    display: -ms-flexbox; 
    display: flex;
			-webkit-box-align: center;
       -ms-flex-align: center;
          align-items: center;
}
.dark-page-footer-inner .fas,
.dark-page-footer-inner .fab {
	background-color: #21c28c;
	min-width: 40px;
	width: 40px;
	height: 40px;
	position: relative;
	margin-right: 20px;
	border-radius: 50%;
}
.dark-page-footer-inner .fas:before,
.dark-page-footer-inner .fab:before {
	color: #ffffff;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}

.dark-page-footer-inner .social li {
	margin-bottom: 20px;
}
.footer-bottom-container {
	border-top: 1px solid rgba(0,0,0,.1); 
    padding: 27px 20px;
		box-sizing: border-box;
}

.inverted button {
	background-color: transparent !important;
	color: #000000 !important; 
}
.inverted button:hover {
	background-color: #000000 !important; 
	color: #ffffff !important;
}
.inverted-white button { 
	border: 2px solid #ffffff !important; 
	background-color: transparent !important;
	color: #ffffff !important; 
}
.inverted-white button:hover {
	background-color: #ffffff !important; 
	color: #000000 !important;
}
.footer-bottom {
	display: -webkit-box;
    display: -ms-flexbox; 
    display: flex;
	-ms-flex-wrap: wrap;
        flex-wrap: wrap;
			-webkit-box-pack: space-between;
       -ms-flex-pack: space-between;
     justify-content: space-between;
		-webkit-box-align: center;
       -ms-flex-align: center;
          align-items: center;
		  		  width: 100%;
		  max-width: 1600px;
		  margin: 0 auto;
}
body.page-id-4130 .rel_breadcrumbs {
	display: none;
}

body.dark-page.page-id-4130 .header {
	position: relative;
}


.header-message {
	background-color: #21c28c;
	height: 80px;
	width: 100%;
	display: -webkit-box;
    display: -ms-flexbox; 
    display: flex;
		-webkit-box-pack: center;
       -ms-flex-pack: center;
     justify-content: center;
	-webkit-box-align: center;
       -ms-flex-align: center;
          align-items: center;

}
.header-container {
	position: relative;
}
.header-message p {
	color: #ffffff;
}

.wkb_text.style-bg-green .text-inner {
	padding: 40px 20px 20px 20px;
	background-color: #21c28c;
}
.wkb_text.style-bg-green .text-inner p,
.wkb_text.style-bg-green .text-inner li,
.wkb_text.style-bg-green .text-inner h2,
.wkb_text.style-bg-green .text-inner h3 {
	color: #ffffff;
}

.wkb_faqs {
	background-color: #f6f6f6;
	padding: 60px 20px;
	box-sizing: border-box;
}

.wkb_faqs .wkb_faqs_inner {
	width: 100%;
	max-width: 1600px;
	margin: 0 auto;
}
.wkb_faqs h2 {
	MARGIN-TOP: 0;
	margin-bottom: 20px;
}
.accordion {
	background-color: #ffffff;
	padding: 60px;
	box-sizing: border-box;
}
.accordion input[type="checkbox"] {
    display: none;
}
.accordion label {
		cursor: pointer;
	display: -webkit-box;
    display: -ms-flexbox; 
    display: flex;
	-webkit-box-pack: space-between;
       -ms-flex-pack: space-between;
     justify-content: space-between;
	position: relative;
	border-bottom: 1px solid #f6f6f6;
	padding: 20px 0;
	text-align: left;
	-webkit-box-align: center;
       -ms-flex-align: center;
          align-items: center;
}
.accordion .heading-7 {
	font-family: 'Bebas Neue', sans-serif;
    font-weight: bold;
    text-transform: uppercase;
	font-size: 45px;
	padding-right: 20px;
}
.accordion label i:before {
	color: #000000;
	font-size: 40px;
}
 
.accordion .content-container {
    margin-bottom: 30px;
}
.accordion .content-container:last-child {
	margin-bottom: 0;
}

.accordion .content-container .content {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    box-sizing: border-box;
	display: -webkit-box;
    display: -ms-flexbox; 
    display: flex;
	-ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

/* .accordion input[type="checkbox"]:checked + .content-container .fa-chevron-down { */
.accordion .content-container.active .fa-chevron-down {
    -webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
} 
/* .accordion input[type="checkbox"]:checked + .content-container .content, */
.accordion .content-container.active .content {
    max-height: 800px;
    padding: 20px 0;
}

.accordion .content-container .text {
	width: 60%;
	padding-right: 20px;
	box-sizing: border-box;
}

.accordion .content-container .image {
	width: 40%;
}

.accordion .content-container .image img {
	width: 100%;
}

#category-description {
	padding: 0 9%;
	width: 100%;
	margin: 80px auto 0 auto;
}

.cat-description {
	display: none;
	background: linear-gradient(to right, #0ab950 0%, #00cdbe 100%);
	color: #ffffff;
	padding: 50px;
}
.cat-description p,
.cat-description div,
.cat-description a,
.cat-description a:hover,
.cat-description ul,
.cat-description li {
	color: #ffffff;
}
.cat-description a:hover {
	text-decoration: underline;
}
.cat-description.active {
	display: block;
}

@media (max-width: 991px) {
	.dark-page .header-banner {
		height: 600px;
	}
	.dark-page .header-banner .text-inner {
		padding: 10px 30px 10px 20px;
	}
	.dark-page .header-banner .text h2 {
		font-size: 50px;
	}
	.wkb_stores .store-item {
		width: 33.3333%;
	}
	.wkb_safty .safty-inner .text h3,
	.wkb_notifications .notifications h3 {
		font-size: 30px;
	}
	div.dark-page-footer-inner h3 {
		font-size: 30px;
	}
}

@media (max-width: 768px) {
	.dark-page .header-banner {
		height: 500px;
	}
	.dark-page .header-banner .text h2 {
		font-size: 40px;
		margin: 20px 0;
	}
	.dark-page .header-banner .text {
		bottom: 0;
	}
	.wkb_tiles .tile,
	.wkb_notifications .notifications .notification,
	.wkb_stores .store-item {
		width: 50%;
	}
	.wkb_safty .saftys {
		margin-left: 0;
	}
	.wkb_safty .safty {
		width: 100%;
		padding-left: 0;
	}
	.accordion .heading-7 {
		font-size: 30px;
	}
	.accordion label {
		padding: 10px 0;
	}
	.accordion .content-container {
		margin-bottom: 0;
	}
}

@media (max-width: 599px) {
	.wkb_tiles .tiles,
	.wkb_notifications .notifications,
	.wkb_stores .stores {
		margin-left: 0;
	}
	.accordion .content-container .text,
	.accordion .content-container .image,
	.wkb_tiles .tile,
	.wkb_notifications .notifications .notification,
	.wkb_stores .store-item {
		width: 100%;
		padding-left: 0;
	}
	.wkb_notifications .notifications .notification {
		min-height: 300px;
	}
	.wkb_stores .heading {
		font-size: 35px;
	}
	.wkb_dbanner .dbanner {
		height: 300px;
	}
	.dark-page-footer-inner {
		-ms-flex-wrap: wrap;
        flex-wrap: wrap;
	}
	.dark-page-footer-inner .col {
		width: 100%;
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
		margin-bottom: 20px;
	}
	.accordion {
		padding: 20px;
	}
	.accordion label i:before {
		font-size: 30px;
	}
	.footer-bottom div {
		width: 100%;
		margin-bottom: 20px;
	}
	.footer-bottom div:last-child {
		margin-bottom: 0;
	}
}
@media (max-width: 499px) {
	.wkb_safty .safty-inner {
		flex-wrap: wrap;
	}
	.wkb_safty .safty-inner .image,
	.wkb_safty .safty-inner .text {
		width: 100%;
	}
	.accordion .heading-7 {
		font-size: 20px;
	}
	.accordion label i:before {
		font-size: 20px;
	}
}