/*
	Theme Name: The Zone @ Rosebank
	Theme URI: https://www.thezoneatrosebank.co.za
	Description: The Zone @ Rosebank shopping centre is an integrated mixed-use development in Rosebank, Johannesburg providing retail, office and hotel space in the highly frenetic environment of the pedestrian oriented Rosebank retail node.
	Version: 4.9.6x
	Author: Joshua Wolfe / Excellerate Brand Management
	Author URI: https://noveldesign.co.za
	License: Old Mutual Property
	License URI: https://www.thezoneatrosebank.co.za
	Tags: food, fashion, rosebank, retail, fashionable, movies, now showing, ster-kineor, shopping experience, free wifi, convenient, redevelopment, culinary delights, The Zone, Walking Gallery
	Text Domain: thezone


*/

/*------------------------------------*\
   ONLINE FONT
\*------------------------------------*/

@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700');

/*------------------------------------*\
    MAIN
\*------------------------------------*/

*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body, html { font-size: 100%; padding: 0; margin: 0 !important; }
body {font-family: 'Roboto', sans-serif; color: #333; font-size:14px;}

.comments { display:none;}

/* Backround Image : background-color:#ffffff; background-image:url(../img/backing.jpg); 
background-size: cover; background-repeat:no-repeat; background-attachment:fixed; */

.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }

a {color: #333;text-decoration: none;}
a:hover {color: #000;}


/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

.banner-top { background:#f0f2f4; min-height:45px;}
.banner-top section > div {width: 90%; max-width: 1140px; margin:0 auto; font-size: 15px; text-transform: uppercase; overflow:hidden; text-align:left;  }


.banner-top ul li:last-child{border:none;}

.banner-top a:active { text-decoration:none; color:#222;}
.banner-top a:visited {text-decoration:none; color:#222;}
.banner-top a:hover {text-decoration:none; color:#c22034;}
.banner-top a:link {text-decoration:none; color:#222;}

.toplink {float:left; margin-left:-40px; margin-top: 30px;}

.toplink ul { list-style:none;}
.toplink li {display:inline-block; padding: 12px 15px; border-right: 0px #ccc dotted; }

.header { background-color:#ffffff;}
.header section > div {width: 90%; max-width: 1140px; margin:0 auto; padding: 10px 0px 10px 0px; text-align:right;  }

.navigation { background:rgba(255, 255, 255, 1); border-top:1px #efefef solid; border-bottom:1px #efefef solid;  position: -webkit-sticky; position: sticky; top: 0px; z-index:999 !important; }
.navigation section > div {width: 90%;  max-width: 1140px; margin:0 auto; padding: 10px 0px 10px 0px; text-align: left !important;   }

.pagetop {}
.pagetop_feat { position: relative; max-height: 420px; overflow: hidden; background: #e8e8e8;}
.pgff { background-size: cover; background-attachment: fixed;}

.pagetop_feat img { overflow:hidden; width: 100%; height: auto; background-size: cover; filter: grayscale(0%); -webkit-transition: all 1s; transition: all 1s;  }
.pagetop_feat img:hover { background-size: 100%;  transform: scale(1.1); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */  -webkit-transition: all 1s; transition: all 1s; filter: grayscale(100%);}

.overlay_feat { position: absolute; width: 100%; height: 100%; background: #000;  opacity: 0.4; transition: all 0.2s ease-out; z-index: 2;}

.showb {-moz-transition: 0.5s; -o-transition: 0.5s;-webkit-transition: 0.5s; transition: 0.5s;text-align:center !important;}
#show {-moz-transition: 0.5s; -o-transition: 0.5s;-webkit-transition: 0.5s; transition: 0.5s; opacity:1}


.timer {font-family: 'Roboto', sans-serif; font-weight:100;} 

.former {position:relative; z-index:999;}
.form1 {position:absolute; margin-top: 20px; right:0;}

.sub { width:300px; padding:10px; background-image:url(img/form.png); background-repeat:repeat; border-radius:6px; border:1px #ddd solid; display:block;}

.logo { display:block; float:left; margin-right:10px; padding:10px; max-width:260px; animation: bounce 1s; }
.logo img { max-width:100%; height:auto;}

.copyright { float:left; }

@keyframes bounce {0%, 20%, 60%, 100% {	-webkit-transform: translateY(0); transform: translateY(0);	}40% { -webkit-transform: translateY(-20px); transform: translateY(-20px);}
80% {-webkit-transform: translateY(-10px);	transform: translateY(-10px);	}}

.trigger {visibility: hidden;opacity: 1; transition: visibility 0s linear 0.33s, opacity 0.33s linear;}
.msg { display: block; opacity: 0;margin-top: 8px; padding: 8px 12px;border: 1px solid #ddd; border-radius: 3px;}

.tags {font-size: 16px !important;  font-weight: 300 !important; border-top: #e8e8e8 1px solid; padding-top: 20px; margin-top: 20px;}

.tags a:active { text-decoration:none;  color: #333; padding: 8px;  border-radius: 4px; background: #e8e8e8; margin: 3px; }
.tags a:link { text-decoration:none;  color: #333; padding: 8px; border-radius: 4px; background: #e8e8e8; margin: 3px; }
.tags a:hover { text-decoration:none; color: #333; padding: 8px; border-radius: 4px; background: #e8e8e8; margin: 3px; }
.tags a:visited { text-decoration:none;  color: #333; padding: 8px; border-radius: 4px; background: #e8e8e8; margin: 3px; }

/*------------------------------------*\
    NOTICES
\*------------------------------------*/

.notice p { font-size:18px; margin: 0 0 10px; font-weight:300;}
.notice h1 {color: #222; font-family: inherit; font-size:38px;text-transform: uppercase; font-weight:400; margin-bottom: 2px; margin: 0.25em auto; } 

/*------------------------------------*\
    FOOTER
\*------------------------------------*/

.footer { background-color:#515151; overflow:hidden; padding: 10px; }
.footer p { font-size:14px; margin-top:0px; color:#ffffff;text-align: center !important; font-weight: 300;}

.footer a:link { color: #fff; text-decoration:none;}
.footer a:active { color: #fff; text-decoration:none; }
.footer a:visited { color: #fff; text-decoration:none;}
.footer a:hover {color: #ccc; text-decoration:none;}


.additional { background-color:#333333; background-image: url(img/contact-home-bg3.jpg); background-size: cover;  background-attachment: fixed;
background-position: center;background-repeat: no-repeat; overflow:hidden;}
.additional  section > div {width: 90%; max-width: 1140px; margin:0 auto; padding: 10px 0px 10px 0px; text-align:left;   }
.additional p { font-size:22px; margin-top:0px; color:#ffffff;}

.additional h2 {font-weight: 700;text-transform: uppercase;margin-top: 4%; font-size: 48px; color:#fff;} 

.additional ul li {margin-left:-40px;}
.additional li { color:#fff; font-family: 'Roboto', sans-serif; font-size:13px; list-style:none; }

.post-edit-link {display:none;}

/*------------------------------------*\
    MAIN
\*------------------------------------*/


.main { background-color:#ffffff;text-align:left; padding: 30px 0px 30px 0px; }

.main p { font-size:16px; font-weight:300;}

.main h1 {color: #515151; /* border:1px #78babc solid;*/ font-family: 'Roboto', sans-serif; font-size:32px; letter-spacing:0px; text-transform: uppercase; font-weight:900; text-align: left; margin-top: 10px; margin-bottom: 10px; /* background-image:url(img/icons.png); background-repeat:no-repeat; */ } 

.main h2 {color:#515151; margin: 0.75em 0 0.75em 0; font-family: 'Roboto', sans-serif; font-size:25px; letter-spacing:0px; text-transform: uppercase; font-weight:600; text-align: left; margin-top:10px; margin-bottom:10px; } 

.main h3 {color: #820516; font-family: 'Roboto', sans-serif; font-size:22px; letter-spacing:0px; text-transform: uppercase; font-weight:900; text-align: left; margin-top: 0px; margin-bottom: 0px; } 


.main ul li { font-size:18px !important; font-weight:300;}
.main ol { font-size:18px !important; font-weight:300;}

.widgettitle {display: none;}


.pagetitle {background:rgba(255, 255, 255, 0.9); margin-top:-105px; z-index:99; position:absolute; padding:20px;}

strong { font-weight:bold;}

.main img { max-width:100%; height:auto; border: 1px #f6f6f6 solid;-webkit-border-radius:4px; border-radius:4px;  vertical-align:middle;}


#loop_img img { width: 100%;height: auto;max-height: 247px;object-fit: cover !important;overflow: hidden;}

#pthumb {opacity: 1; overflow: hidden; border-radius: 3px;}
#pthumb:hover { opacity: 0.8; transition: 0.7s;}
#pthumb img {display: block; -moz-transition: all 0.7s; -webkit-transition: all 0.7s; transition: all 0.7s;}
#pthumb:hover img {-moz-transform: scale(1.20); -webkit-transform: scale(1.20); transform: scale(1.20);}


.tag-cloud-link { padding:5px; border-radius:3px; background-color:rgba(87, 196, 186, 1); color:#fff; margin:3px; font-size:14px !important; line-height: 40px;
white-space: nowrap; }

.badge {background-color: #78babc; color: #fff;text-transform: uppercase; font-weight: 300; padding: 0.55em;border-radius: 5px; margin: 10px 0; font-family: 'Roboto', sans-serif;font-size: 13px;}

/*------------------------------------*\
    HOME FEATURE
\*------------------------------------*/

#whatson {margin: 0;padding: 18px;}


#eventa { padding:10px; border-radius:4px; border:#ccc 1px solid;}

/*------------------------------------*\
    PAGES
\*------------------------------------*/

.page1 {background:url(img/contact-home-bg2.jpg); background-size:cover;  background-attachment: fixed;
  background-position: center;background-repeat: no-repeat; min-height:600px; color:#222; font-size:16px; overflow: hidden; padding-top:20px; padding-bottom:20px; padding-left:15px; padding-right:15px; text-shadow: 0 0 5px rgba(0, 0, 0, 0.5); }
.page1 section > div {width: 90%; max-width: 1140px; margin:0 auto; padding:15px; border-radius:6px; }

.page1 img { max-width:100%; height:auto; border-radius:6px; border:1px #ccc solid;}

#pagec { text-align:center;}
#pagec h3 {font-weight: 900; text-transform: uppercase;font-size: 22px; color:#fff;}

.page1 p {font-weight: 300; font-size: 14pt; bottom: 0; color: #fff; width: 100%; margin: 0 0 10px; }
.page1 h2 {font-weight: 700; text-transform: uppercase; margin-top: 4%; font-size: 48px; color:#fff; font-family: 'Roboto', sans-serif;margin-bottom:0px;}


.mapping {overflow:hidden;}
.mapping section > div {width: 100%;   margin:0 auto; }

.home-map { width: 100%; height: 480px; border-bottom:5px #fff solid;}

/*------------------------------------*\
    ABOUT SECTION
\*------------------------------------*/

.roundimg {border-radius: 50%; float:right;}

.about { background-color:#f8f8f8; overflow:hidden;}
.about section > div {width: 90%; max-width: 1140px; margin:0 auto; padding:15px; vertical-align:text-top; }

.about p {font-weight: 300; font-size: 14pt; bottom: 0; color: #333; width: 100%;}
.about h2 {color: #111; margin: 0.75em 0 0.75em 0; font-family: 'Roboto', sans-serif; font-size:28px; letter-spacing:2px; text-transform: uppercase; font-weight:700; text-align: left; margin-top:10px; margin-bottom:10px; }

.about h3 {font-family: 'Roboto', sans-serif; text-transform: uppercase; font-weight: 700; color: #222; font-size: 24px; margin-top: 0px; margin-bottom: 0.75em;}

.about img { max-width:100%; height:auto; border-radius:6px; border:1px #ccc solid;}

.featst {background-color: #78babc; color: #fff;  text-transform: uppercase;font-weight: 300; padding: 0.75em; border-radius: 5px;margin: 10px 0; font-family: 'Roboto', sans-serif;  font-size: 12px !important;}

.featst a:visited {text-decoration: none; color: #fff;}
.featst a:active {text-decoration: none; color: #fff;}
.featst a:hover {text-decoration: none; color: #fff;}
.featst a:link {text-decoration: none; color: #fff;}

/*------------------------------------*\
    IG
\*------------------------------------*/

.instagram { overflow:hidden; border-bottom:#e8e8e 3px solid; min-height:300px; background-color:#f8f8f8; padding:40px 0; vertical-align:text-top; }

.instagram h3 {  color: #78babc; text-transform: uppercase; font-weight: 600; margin-bottom: 15px; text-align:left; font-size:22px;}
.instagram p {margin: 0 0 10px; font-size:20px; color:#666; text-align:left; font-weight:200;}
.instagram img { max-width: 100%;height: auto;border-radius: 4px;border: 1px #f9f9f9 solid;}

.meks-instagram-widget a img { max-height: 110px; height:110px;object-fit: cover !important;min-width: 110px;}

/*------------------------------------*\
    TABLES
\*------------------------------------*/

table {font-weight:300;  font-family: 'Roboto', sans-serif; font-size:16px;}

/*------------------------------------*\
    SECTIONS
\*------------------------------------*/

.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }


/*  GRID OF TWO  */
.span_2_of_2 {
	width: 100%;
}
.span_1_of_2 {
	width: 49.2%;
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	
	button { width:100% !important;}
	
	.col { 
		margin: 1% 0 1% 0%;
	}
	
	.main h2 {font-size:32px;}
	.swiper-inner h1 {font-size: 45px !important;}
}


/*  GRID OF THREE  */
.span_3_of_3 { width: 100%; }
.span_2_of_3 { width: 66.13%; }
.span_1_of_3 { width: 32.26%; }


@media only screen and (max-width: 800px) {
	
	.logo { float:none; text-align:center; margin:0 auto;}
	.col {  margin: 1% 0 1% 0%; }
	.span_3_of_3, .span_2_of_3, .span_1_of_3 { width: 100%; }
	.span_2_of_2, .span_1_of_2 { width: 100%; }
	
	.swiper-slide {
    height: 550px !important;
    transition: 0.3s !important;
}

}


/*  GRID OF FOUR  */
.span_4_of_4 {
	width: 100%;
}
.span_3_of_4 {
	width: 74.6%;
}
.span_2_of_4 {
	width: 49.2%;
}
.span_1_of_4 {
	width: 23.8%;
}

/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 800px) {
	.col {  margin: 1% 0 1% 0%; }
	.span_1_of_4, .span_2_of_4, .span_3_of_4, .span_4_of_4 { width: 100%; }
	
	
#social {float: none !important;}

.banner-top { margin:0 auto; text-align:center !important;}
.toplink {float:none !important; text-align:center !important; margin: 0 auto; padding-top:10px; }
.toplink li {padding:5px 3px !important;}
.soc {float:none !important; text-align:center !important; margin: 0 auto; margin-top:10px; padding-bottom: 15px !important ;}
}


/*------------------------------------*\
    MEDIA QUERIES
\*------------------------------------*/

@media screen and (max-width: 55em) {

.main h1, .widget1 h1, .widget2 h1, .widget3 h1, .widget4 h1 { font-size: 24px !important;}

.main {border:none;}

.hometop { float:none !important; text-align:center !important;}
.sq_cps { display:none !important;}


.submenu ul { text-align: left; display:list-item !important;  list-style: none;}
.submenu ul li { display:list-item 	!important; padding: 10px; margin-bottom:20px !important;  }

.former {position:none;}
.form1 {position:inherit; margin-top: 20px; margin: 0 auto !important;}
.sub { width: 100% !important;}

}

label.screen-reader-text {display:none; }

/*------------------------------------*\
	BUTTONS & FORMS
\*------------------------------------*/


input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="input"],

button

{ padding: 12px; text-align:center; display:inline-block; white-space:nowrap; background-color:rgba(0, 0, 0, 0.8);  /* background-color:rgba(87, 196, 186, 0.8); */border-radius:6px; font-weight:normal;font-family: 'Roboto', sans-serif; font-size:14px !important; color:#fff !important; font-weight: 300; border:none; text-transform: uppercase; letter-spacing:1px; cursor:pointer !important; margin-right:15px; margin-bottom:10px;  }


button:hover

{ background-color:rgba(87, 196, 186, 0.8); cursor:pointer !important; transition: 0.5s; }

.search-input {width:80%; padding:20px;}
.search-submit {padding:16px; border-radius: 6px; background-color: #000000; padding-left: 5px;}
.search-submit:hover {background:#333;}

.shopview {padding: 15px; text-align:center; display:inline-block; white-space:nowrap; background-color:rgba(0, 0, 0, 0.8);  /* background-color:rgba(87, 196, 186, 0.8); */border-radius:6px; font-weight:normal;font-family: 'Roboto', sans-serif; font-size:15px !important; color:#fff !important; border:none; text-transform: uppercase; letter-spacing:1px; cursor:pointer !important; margin-right:15px; margin-bottom:10px;  }
}

.shopview:hover

{ background-color:rgba(87, 196, 186, 0.8); cursor:pointer !important; }


.topbut { margin:5px !important;}
.rsvpBorderTop { padding:12px;}
.rsvpBorderTop {border:1px #e8e8e8 dotted;}
.rsvpFormField {margin: 25px 0px;}

iframe, video {
  max-width: 100% ;
 
}

.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
    width: 100% !important;
}

.loca { color: #333 !important; font-size:20px; padding-bottom:25px; padding-top:25px;}
.loca ul {list-style:none; text-align:center; margin-left:-40px; }
.loca li {display:inline-block !important; margin:8px; padding-top:15px; border: 1px #820516 solid; background-color:#c22034  ; border-radius:3px; width: 60px; height: 60px;}
.loca li:hover {background:#222;}

.loca a:active { text-decoration:none; color:#fff;} .loca a:visited { text-decoration:none; color:#fff;}.loca a:link { text-decoration:none; color:#fff;}.loca a:visited { text-decoration:none; color:#fff;}

input { width:100%; padding:10px; border:#ccc 1px solid; margin-bottom:3px; margin-top:3px; font-size:12px !important;-webkit-border-radius:3px; border-radius:3px; }

textarea { width:100%; padding:6px; margin-bottom:10px; border:#ccc 1px solid;  margin-top:3px;font-family: 'Roboto', sans-serif; font-size:12px !important; -webkit-border-radius:3px;border-radius:3px; }

select { width:100%; padding:9px; border:#ccc 1px solid; margin-bottom:3px; margin-top:3px; font-size:12px !important; color: #999; cursor: pointer; background: #fff url(img/drop-down-arrow.png) no-repeat right center; background-size: 40px 37px; -webkit-appearance: none; -moz-appearance: none;-webkit-border-radius:3px; border-radius:3px;  }

input[type="checkbox"], input[type="radio"] {width: auto !important;}

label { width:100%; color:#fff; font-size:16px; letter-spacing:1px;font-family: 'Roboto', sans-serif; font-weight:400; }

.darker label {color:#333 !important;}

.view-article { background:#efefef; color:#333; padding:10px; border-radius:3px; display: block; max-width: 120px; border:1px #ccc solid; margin: 5px 5px 5px 0px; white-space: nowrap; text-align: center;}
.view-article:hover { background:#e1e1e1; text-decoration: none;}

/*------------------------------------*\
    SOCIAL MEDIA LINKS
\*------------------------------------*/

#social {float:right; margin-top:15px;}


@font-face {
    font-family: 'si';
    src: url('fonts/socicon.eot');
    src: url('fonts/socicon.eot?#iefix') format('embedded-opentype'),
         url('fonts/socicon.woff') format('woff'),
         url('fonts/socicon.ttf') format('truetype'),
         url('fonts/socicon.svg#icomoonregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
        font-family:si;
        src: url(fonts/socicon.svg) format(svg);
    }
}

.soc {
    overflow:hidden;
    margin:0; padding:0;
    list-style:none;
}

.soc li {
    display:inline-block;
    *display:inline;
    zoom:1;
}

.soc li a {
    font-family:si!important;
    font-style:normal;
    font-weight:400;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -o-box-sizing:border-box;
    box-sizing:border-box;
    overflow:hidden;
    text-decoration:none;
    text-align:center;
    display:block;
    position: relative;
    z-index: 1;
    width: 32px;
    height: 32px;
    line-height: 32px;
    font-size: 17px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius:50%;
    margin-right: 3px;
    color: #fff !important;
    background-color: #222;
}


.soc li a:hover { color: #fff; background-color: #222;  
-webkit-transition: background-color 0.5s ease-out;
  -moz-transition: background-color 0.5s ease-out;
  -o-transition: background-color 0.5s ease-out;
  transition: background-color 0.5s ease-out;}

.soc-icon-last{
    margin:0 !important;
}

.soc-facebook:before {
    content:'\e041';
}
.soc-instagram:before {
    content:'\e057';
}
.soc-twitter:before {
    content:'\e040';
}
.soc-pinterest:before {
    content:'\e043';
}
.soc-youtube:before {
    content:'\e051';
}

/*------------------------------------*\
    MENU
\*------------------------------------*/



nav ul { text-align: center; display: inline; list-style: none;}
nav ul li {font-family: 'Roboto', sans-serif; font-weight:400; border-right:0px; font-size:15px; text-transform: uppercase; display: inline-block; margin: 0px; position: relative; padding: 5px 5px; cursor: pointer; }

nav ul li:last-child{border:none; }
nav ul li ul li:nth-child(1) {margin-top:0px !important;}
nav ul li ul li ul li:nth-child(1) {margin-top:0px !important;}


nav ul li a:link { color: #000!important; text-decoration:none;}
nav ul li a:active { color: #000!important; text-decoration:none; }
nav ul li a:visited { color: #000!important; text-decoration:none;}
nav ul li a:hover {color: #c22034 !important; text-decoration:none;}

nav ul li ul li {background:rgba(255, 255, 255, 1); font-size:14px; text-align:left; border-right: none !important; font-family: 'Roboto', sans-serif; font-weight:400; display: block; z-index:9999; color: #333 !important; padding-top:10px; }

#menu{}
#menu ul {list-style:none; position:relative; float:left; margin:0; padding:0;}
#menu ul a { display:block;padding:12px 15px;}
#menu ul li {position:relative;float:left; margin:0; padding:0;}
#menu ul ul {display:none;position:absolute;top:100%;left:0;padding:0;}
#menu ul ul li {float:none;width:320px;}
#menu ul ul a {line-height:120%; padding:10px 15px;}
#menu ul ul ul {top:0; left:100% }
#menu ul li:hover > ul {display:block }

nav ul li ul li a:link { color: #333!important; text-decoration:none;}
nav ul li ul li a:active { color: #333!important; text-decoration:none;}
nav ul li ul li a:visited { color: #333!important; text-decoration:none;}
nav ul li ul li a:hover {color: #c22034 !important;}


.submenu { width:100%; min-height:85px; background-color:#000; border-radius:6px;}

.submenu ul { text-align: center; display: inline; list-style: none;}
.submenu ul li {font-family: 'Roboto', sans-serif; font-weight:400; border-right:0px; font-size:15px; text-transform: uppercase; display: inline-block; margin-top: 25px; position: relative; padding: 5px 10px; cursor: pointer; color:#fff; }

.submenu  li a:link { color: #fff!important; text-decoration:none;}
.submenu  li a:active { color: #fff!important; text-decoration:none;}
.submenu  li a:visited { color: #fff!important; text-decoration:none;}
.submenu  li a:hover {color: #c22034 !important;}


/* ======== SLICKNAV RESPONSIVE MENU =========== */

.slicknav_menu {
	display:none;
}

@media screen and (max-width: 55em) {
	.js #menu {
		display:none;
	}
	
	.js .slicknav_menu {
		display:block;
	}
}

/*
    Mobile Menu Core Style
*/

.slicknav_btn { position: relative; display: block; vertical-align: middle; float: left; padding: 0.438em 0.625em 0.438em 0.625em; line-height: 1.125em; cursor: pointer; }
.slicknav_menu  .slicknav_menutxt { display: block; line-height: 1.188em; float: left;  }
.slicknav_menu .slicknav_icon { float: left; margin: 0.188em 0 0 0.438em; }
.slicknav_menu .slicknav_no-text { margin: 0 }
.slicknav_menu .slicknav_icon-bar { display: block; width: 1.125em; height: 0.15em; }
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.188em }
.slicknav_nav { clear: both }
.slicknav_nav ul,
.slicknav_nav li { display: block }
.slicknav_nav .slicknav_arrow { display:none;}
.slicknav_nav .slicknav_item { display: block; cursor: pointer; }
.slicknav_nav a { display: block }
.slicknav_nav .slicknav_item a { display: inline }
.slicknav_menu:before,
.slicknav_menu:after { content: " "; display: table; }
.slicknav_menu:after { clear: both }
/* IE6/7 support */
.slicknav_menu { *zoom: 1 }

/* 
    User Default Style
    Change the following styles to modify the appearance of the menu.
*/

.slicknav_menu {
	font-size:18px;
}
/* Button */
.slicknav_btn {
	margin: 5px 5px 6px;	
	text-decoration:none;	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;  
	background-color: #000000; font-weight:normal;font-family: 'Roboto', sans-serif;
}
/* Button Text */
.slicknav_menu  .slicknav_menutxt {	
	color: #ffffff;
	font-weight: normal;	
		
}
/* Button Lines */
.slicknav_menu .slicknav_icon-bar {
  background-color: #ffffff;
}
.slicknav_menu {
	background:#000000;
	padding:5px;
}
.slicknav_nav {
	color:#fff;
	margin:0;	
	padding:0;font-family: 'Roboto', sans-serif;
	font-size:0.875em;
}
.slicknav_nav, .slicknav_nav ul {
	list-style: none;
	overflow:hidden;
}
.slicknav_nav ul {
	padding:0;
	margin:0 0 0 20px;
}
.slicknav_nav .slicknav_item {
	padding:5px 10px;
	margin:2px 5px;
}
.slicknav_nav a{
	padding:5px 10px;
	margin:2px 5px;
	text-decoration:none;
	color:#fff;font-family: 'Roboto', sans-serif;
	font-size:16px; text-transform:uppercase;
}
.slicknav_nav .slicknav_item a {
	padding:0;
	margin:0;
}
.slicknav_nav .slicknav_item:hover {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	color:#fff;	
}
.slicknav_nav a:hover{
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	color:#fff;
}
.slicknav_nav .slicknav_txtnode {
     margin-left:15px;   
}


/*------------------------------------*\
    GALLERY
\*------------------------------------*/


#gallery-1 .gallery-item { float: left; margin-top: 10px; text-align: center;   width: 31% !important;  margin: 1%; padding:0.5%; border:1px #eee solid; border-radius: 4px;}
#gallery-1 img { border: 1px solid #eeeeee !important;}

.wp-caption .wp-caption-text, .gallery-caption {font-family: 'Roboto' !important; text-align:left; font-size:18px !important; color:#222;  margin-top: 10px !important; font-weight: 300;}

#slb_viewer_wrap .slb_theme_slb_default .slb_data_title, #slb_viewer_wrap .slb_theme_slb_default .slb_group_status {font-family: 'Roboto' !important; text-align:left; font-size:16px !important;font-weight: 300;}

.wp-caption-text gallery-caption h4 {top:0 !important; display:block; margin-top:0px !important;}

@media screen and (max-width: 800px) {
	
#gallery-1 .gallery-item { margin-top: 10px; width: 100% !important;}	

}

/*-------


/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	
	
	margin:0;
	padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}

.fancy { line-height: 1;text-align: center; }
.fancy span {  display: inline-block; position: relative; }
.fancy span:before,
.fancy span:after { content: ""; position: absolute;height: 8px;border-bottom: 2px solid #fff;border-top: 2px solid #fff;top: 10px;width: 230px; }
.fancy span:before {right: 100%;margin-right: 15px;}
.fancy span:after { left: 100%;margin-left: 15px;}

/*------------------------------------*\
    CAROUSEL
\*------------------------------------*/

/* carousel fullscreen */

.carousel-fullscreen .carousel-inner .item {
    height: 70vh; 
    min-height: 450px; 
    background-position: center center; 
    background-repeat: no-repeat; 
    background-size: cover;
}


/* carousel fullscreen - vertically centered caption*/

.carousel-fullscreen .carousel-caption {
    top: 50%;  
    bottom: auto;
    -webkit-transform: translate(0, -50%); 
    -ms-transform: translate(0, -50%); 
    transform: translate(0, -50%);
}

/* overlay for better readibility of the caption  */

.overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #000;
	background-repeat: repeat;
    opacity: 0.8;
    transition: all 0.2s ease-out;
}


/* demo typography */


.carousel-caption .super-paragraph a,
.carousel-caption .super-paragraph a:hover
{
    color: #fff;
}

#carousel-example-generic {
    margin: 40px 0;
}

/* carousel fade */
/* original solution by https://codepen.io/Rowno/pen/Afykb */

.carousel-fade .carousel-inner .item {
    -webkit-transition-property: opacity;
    transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
    z-index: 2;
}

.carousel-caption h1 {text-align: center; font-weight: 700; text-transform: uppercase; margin-bottom: 0.5%;font-size: 48px;  }
.carousel-caption p {font-size: 18px; font-weight: 300;}
.carousel-caption {text-align: center; padding-top: 90px;}


/*------------------------------------*\
    SLIDERS
\*------------------------------------*/

.swiper-container {
      width: 100%;
      height: 100%;
    }
	
    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
	  height:650px;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
	  text-shadow: 0 1px 2px rgba(0,0,0,.4);
}

.page-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
	  min-height:450px;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
	  text-shadow: 0 1px 2px rgba(0,0,0,.4);
}


.swiper-slide p {font-family: 'Roboto', sans-serif; color:#fff; font-size: 15px !important; margin:5px;}

#slider1 { background-image:url(/wp-content/uploads/slide-2.jpg); background-size:cover; background-position: 0% 40%;}
#slider2 { background-image:url(/wp-content/uploads/milkshake.jpg); background-size:cover;}
#slider2 { background-image:url(/wp-content/uploads/regent4.jpg); background-size:cover;}
#slider3 { background-image:url(/wp-content/uploads/hamleys.jpg); background-size:cover;} 
#slider4 { background-image:url(/the_zone/uploads/wifi.jpg); background-size:cover;} 
#slider5 { background: #543996;}
#slider6 { background-image:url(/the_zone/uploads/got.jpg); background-size:cover; background-position: 0% 45%;} 
#fathersday { background-image:url(/the_zone/uploads/father-day.jpg); background-size:cover; background-position: 0% 45%;} 

#lego { background-image:url(/the_zone/uploads/LEGO-Easter_Web-1920x1080.jpg); background-size:cover; background-position: 0% 55%;}
#regent3a { background-image:url(/the_zone/uploads/regent3.jpg); background-size:cover; background-position: 0% 30%; } 



#simlide1 { background-image:url(/the_zone/uploads/subs1.jpg); background-size:cover; background-position: 0% 60%; height:450px;}
#simlide2 { background-image:url(/the_zone/uploads/subs2.jpg); background-size:cover; background-position: 0% 60%; height:450px;}
#simlide3 { background-image:url(/the_zone/uploads/agrinchmas.png); background-size:cover; background-position: 0% 90%; height:450px;} 


#newstore1 { background-image:url(/the_zone/uploads/mythos1.jpg); background-size:cover; background-position: 0% 30%; height:450px;}
#newstore2 { background-image:url(/the_zone/uploads/mythos2.jpg); background-size:cover; background-position: 0% 30%; height:450px;}
#newstore3 { background-image:url(/the_zone/uploads/newstore3.jpg); background-size:cover; background-position: 0% 60%; height:450px;} 
#newstore4 { background-image:url(/the_zone/uploads/newstore4.jpg); background-size:cover; background-position: 0% 60%; height:450px;} 



#regent1 { background-image:url(/the_zone/uploads/regent1.jpg); background-size:cover; background-position: 0% 30%; height:550px;}
#regent2 { background-image:url(/the_zone/uploads/regent2.jpg); background-size:cover; background-position: 0% 30%; height:550px;}
#regent3 { background-image:url(/the_zone/uploads/regent3.jpg); background-size:cover; background-position: 0% 30%; height:550px;} 
#regent4 { background-image:url(/the_zone/uploads/regent4.jpg); background-size:cover; background-position: 0% 30%; height:550px;} 


#walking1 { background-image:url(/the_zone/uploads/walking-1.jpg); background-size:cover; background-position: 0% 30%; height:550px;}
#walking2 { background-image:url(/the_zone/uploads/walking-2.jpg); background-size:cover; background-position: 0% 30%; height:550px;}
#walking3 { background-image:url(/the_zone/uploads/walking-3.jpg); background-size:cover; background-position: 0% 30%; height:550px;} 
#walking4 { background-image:url(/the_zone/uploads/walking-4.jpg); background-size:cover; background-position: 0% 30%; height:550px;} 

.img-responsive { max-width:100%; height:auto;}

.swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") !important;
}

.swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") !important;
}

.swiper-inner { width: 90%; max-width: 1140px; /* background: rgba(255, 255, 255, 0.6); border:1px #78babc solid;  border-radius:6px; */  margin:0 auto; padding: 80px 20px 80px 20px; text-align: center; overflow:hidden; max-height:550px; margin-top:0px;   }
.swiper-inner h1 { color:#fff; font-family: 'Roboto'; font-size:55px; letter-spacing:0px; text-transform: uppercase; font-weight:900; margin-top:0px;  margin-bottom: 10px;}
.swiper-inner h2 { color:#fff; font-family: 'Roboto', sans-serif; font-size:18px; letter-spacing:2px; text-transform: uppercase; font-weight:100;margin-top:0px; margin-bottom: 10px;}
.swiper-inner p { font-family:inherit; font-size:12px;}

#woah { background-color: rgba(7, 7, 7, 0.0); border:rgba(255, 255, 255, 0.4) 0px solid; padding:12px; border-radius:3px;}
#woah2 {background-color: rgba(7, 7, 7, 0.0); border:rgba(255, 255, 255, 0.4) 0px solid; padding:12px; border-radius:3px;}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {   margin: 0 4px;}
.swiper-pagination-clickable .swiper-pagination-bullet {  cursor: pointer;}
.swiper-pagination-bullet-active {opacity: 1;  background: #ffffff !important;}
.swiper-pagination-bullet {width: 12px; height: 12px;   display: inline-block;   border-radius: 100%;  background: #000;   opacity: 0.2;}

/*------------------------------------*\
    MODALS
\*------------------------------------*/

.close {
    color: #000 !important;
    float: right;
    font-size: 32px !important;
    font-weight: bold;
}

/*------------------------------------*\
    ECARDS
\*------------------------------------*/

.wp-iec-simple .wp-iec-input-row input.wp-iec-input { width: 100%; max-width: none!important;}
.wp-iec-simple .wp-iec-input-msg { width: 100% ; max-width: none!important;}
.wp-iec-submit-btn {background: #000 !important;}
.wp-iec-submit-btn:hover {background: #000 !important;}
.wp-iec-form label {color: #000 !important;}

.wp-iec-wrp .wp-iec-active-thumb {
border: 5px solid #78babc !important;
}

/*------------------------------------*\
    CONTACT FORM VALIDATION / ERRORS
\*------------------------------------*/

.wpcf7-response-output {padding: 120px; background: #222; color: #fff; border-radius: 4px; border: 1px #111 solid; font-size: 16px; font-family: 'Roboto', sans-serif; font-weight:300; }
.wpcf7 form.init .wpcf7-response-output {
	display: none
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {border: none;}
.wpcf7 form.sent .wpcf7-response-output {  border:none;}

.wpcf7-not-valid-tip {color: #dc3232;  font-size: 14px;  font-weight: 300;  display: block;}

div .screen-reader-response{position: absolute;overflow: hidden;clip: rect(1px, 1px, 1px, 1px);height: 1px;width: 1px;margin: 0;padding: 0;border: 0;}