@charset "utf-8";

/*

Brandon Grotesque W01 Light
font-family:'Brandon Grotesque W01'; font-weight:300; font-style:normal;
Brandon Grotesque W01 Light Italic
font-family:'Brandon Grotesque W01'; font-weight:300; font-style:italic;
Brandon Grotesque W01 Regular
font-family:'Brandon Grotesque W01'; font-weight:400; font-style:normal;
Brandon Grotesque W01 Regular Italic
font-family:'Brandon Grotesque W01'; font-weight:400; font-style:italic;
Brandon Grotesque W01 Medium
font-family:'Brandon Grotesque W01'; font-weight:500; font-style:normal;
Brandon Grotesque W01 Medium Italic
font-family:'Brandon Grotesque W01'; font-weight:500; font-style:italic;
Brandon Grotesque W01 Bold
font-family:'Brandon Grotesque W01'; font-weight:700; font-style:normal;
Brandon Grotesque W01 Bold Italic
font-family:'Brandon Grotesque W01'; font-weight:700; font-style:italic;


*/


html{-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;height: 100%;height: 100%;font-family:'Brandon Grotesque W01'; font-style:normal;background:#f7f6f4;}

body{margin: 0;padding:0; font-size:100%;background:#f7f6f4;line-height:1.3;font-family:'Brandon Grotesque W01'; font-style:normal;}

body, button, input, select, textarea{font-family: Arial, Helvetica, sans-serif;color:#000000;}
h1{font-weight:normal;color:#FF0099;margin:0px;padding:0;}
div, h2, h3, h4, h5, h6, p, span{padding: 0px;margin: 0px;font-weight:normal;}

h1{font-family: 'Brandon Grotesque W01';font-weight: 700;font-style: normal;font-size: 32px;color:#000000;}
h2{font-family: 'Brandon Grotesque W01';font-weight: 700;font-style: normal;font-size: 26px;color:#000000;}
h3{font-family: 'Brandon Grotesque W01';font-weight: 700;font-style: normal;font-size: 22px;color:#000000;}
h4{font-family: 'Brandon Grotesque W01';font-weight: 700;font-style: normal;font-size: 18px;color:#000000;}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate
 * Also: hot pink! (or customize the background color to match your design)
 */
::-moz-selection{background: #000000;color: #ffffff;text-shadow: none;}
::selection{background: rgba(68, 130, 166, 0.4); text-shadow: none;}

/* =============================================================================
   Links
   ========================================================================== */

a{color:#000;text-decoration: none;}
a:hover{color:#000;text-decoration: underline;}
a:focus{outline: none;}

/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active{outline: 0;}

.pop-f .popf-inner p label.error{color:Red !important;}
/*html.touch *:hover {
    pointer-events: none !important;
}*/


/*html.touch *:hover {
    all:unset!important;
}*/

/* =============================================================================
   Lists
   ========================================================================== */

ul, ol{margin:0;padding-left: 0;list-style-type:none;}
li ul, li ol{margin: 0;padding:0;}

/* =============================================================================
   Embedded content
   ========================================================================== */

/*
 * 1. Improve image quality when scaled in IE7: h5bp.com/d
 * 2. Remove the gap between images and borders on image containers: h5bp.com/e
 */
img{border: 0;-ms-interpolation-mode: bicubic;vertical-align: middle;}

/*
 * Correct overflow not hidden in IE9
 */

svg:not(:root){overflow: hidden;}

/* =============================================================================
   Tables
   ========================================================================== */

table{border-collapse: collapse;border-spacing: 0;}
td{	vertical-align: top;}

/* ==== primary styles =====================================================
   Author: Abbas Tahir
   ========================================================================== */

/* For image replacement */

/*.ir{display: block;border: 0;text-indent: -999em;overflow: hidden;background-color: transparent;background-repeat: no-repeat;text-align: left;direction: ltr;}
.ir a{display: block;height: 100%;}
.hidden{display: none !important;visibility: hidden;}*/

/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after{content: "";display: table;}
.clearfix:after{clear: both;}
.clearfix{zoom: 1;}

.web{display:block;}
.mobile{display:none;}

.lazy {
   background-image:none;
   background-color: transparent;
   visibility:hidden;
}


/*.juicer-feed.night li.feed-item{margin-bottom:0px !important;}*/
/*.juicer-feed .j-stacker>*{padding-left:0px !important; padding-right:0 !important; }*/

.juicer-feed.night .j-text-container{height:230px;}
/*.juicer-feed.night .j-text-container .j-image img{height:100% !important;}*/
.referral {display:none !important;}
.juicer-ad .j-poster-meta {height:56px !important;}
.juicer-feed.night .j-poster-meta {position: relative;background: #000000;}	
#social-feed.fd p{color:#ffffff !important;}
.juicer-feed.image-grid .j-text .j-message a{color:#ffffff !important;}
.juicer-feed .j-paginate{background-color:#000 !important;border:none !important;color:#ffffff !important;}
.juicer-feed .j-paginate:hover{background-color:#ffffff !important;color:#000 !important;}


#outer-wrapper{width:100%;position: relative;float:left;}

header{width:230px;position:fixed;height:100%;z-index:199;}

/* main logo -----------------------------------*/
header .logo{width:100%;height:220px;background:url(../images/bgtranslogo.png) top center repeat;left: 0;position: absolute;top: 0;z-index:199;}
header .logo b{display:none;}
header .logo span{width:100%;background:url(../images/rs-logo-wide.png) top center no-repeat;height:100%;margin:0 0 0 0;float:left;}

/* nav -----------------------------------*/
header nav{width:230px;top:220px;position:absolute;background:#fff;left:0;height:100%;z-index:199;}
header nav ul{width:100%;float:left;list-style:none;padding:0;margin:0;}
header nav li a{float:left;width:200px;padding:9px 15px 9px 15px;cursor:pointer; font-weight:500;font-family:'Brandon Grotesque W01'; font-style:normal; font-size:15px;color:#000;opacity:1;}

header nav .primary-nav{width:100%;position:absolute;left:0;top:0;}
header nav .primary-nav li a{background: url(../images/arrow-nav.png) center right no-repeat;}
header nav .primary-nav ul li a:hover, header nav .primary-nav ul li a.active{background:#000 url(../images/arrow-nav-hover.png) center right no-repeat;color:#fff;text-decoration:none;}


/* sub nav -----------------------------------*/
header nav .primary-nav ul li div.sub-nav{position: fixed;width: 0;top: 0;left: 230px;right:0;height: auto;transition: width 0.25s;overflow:hidden;bottom:0;}
header nav .primary-nav ul li div.sub-nav.open {width: 230px;left: 230px;}
header nav .primary-nav ul li div.sub-nav .sub-nav-inner{background-color: rgba(242, 240, 236, 0.95);
    height: 100%;
    left: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 230px;border-right:0;}
header nav .primary-nav ul li div.sub-nav ul{width: 230px;float:left;list-style:none;padding:0;margin:0;}

header nav .primary-nav ul li div.sub-nav .logos{width:200px;padding:10px 15px 10px 15px;}
header nav .primary-nav ul li div.sub-nav .logos div.small{width:200px;float:left;}
header nav .primary-nav ul li div.sub-nav .logos div.small a{float:left;width:95px;padding:0 0 0 0;margin:10px 10px 0 0;}
header nav .primary-nav ul li div.sub-nav .logos div.small a:nth-child(2n+2){margin-right:0;}
header nav .primary-nav ul li div.sub-nav .logos div.large{width:200px;margin:0 0 0 0;}
header nav .primary-nav ul li div.sub-nav .logos div.large a{margin:10px 0 0 0;}
header nav .primary-nav ul li div.sub-nav .logos div a{float:left;background:none;width:100%;padding:0 0 0 0;}
header nav .primary-nav ul li div.sub-nav .logos div a img{width:100%;}

header .mheader {display:none;}
/* secondory nav -----------------------------------*/
header nav .secondory-nav{width:100%;position:absolute;left:0;bottom: 220px;}
header nav .secondory-nav ul li{float:left; width:100%;}
header nav .secondory-nav ul li a{background:url(../images/arrow--secondory-nav.png) center right no-repeat;font-weight:400;text-transform:uppercase;opacity:1;}

header nav .secondory-nav ul li.social{width:200px;padding:15px 15px 15px 15px;}
header nav .secondory-nav ul li.social a{background:none;width:auto;padding:0 0 0 0;width:10.00%;height:21px;margin:0 9.00% 0 0;}
header nav .secondory-nav ul li.social a:last-child{margin:0 0 0 0;}
header nav .secondory-nav ul li.social a.facebook{background:url(../images/icon-facebook.png) center center no-repeat;width:5.00%;}
header nav .secondory-nav ul li.social a.twitter{background:url(../images/icon-twitter.png) center center no-repeat;}
header nav .secondory-nav ul li.social a.instagram{background:url(../images/icon-instagram.png) center center no-repeat;}
header nav .secondory-nav ul li.social a.pinit{background:url(../images/icon-pinit.png) center center no-repeat;}
header nav .secondory-nav ul li.social a.youtube{background:url(../images/icon-youtube.png) center center no-repeat;}
header nav .secondory-nav ul li.social a.googlep{background:url(../images/icon-googleplus.png) center center no-repeat;}

/* search -----------------------------------*/
header #search-box{position:fixed;right:0;width:100%;top:0;z-index:199;}
header #search-box a{width:60px;height:60px;opacity:1;position:absolute;right:0;}
header #search-box .az{background:#fff url(../images/icon-atozh.png) center center no-repeat;right:42px;transition: right 0.25s ease 0s;}
header #search-box .az:hover{background:#fff url(../images/icon-atozh.png) center center no-repeat;}
header #search-box .search{background:#fff url(../images/btn-searchh.png) center center no-repeat;}
header #search-box .search:hover{background:#fff url(../images/btn-searchh.png) center center no-repeat;}
header #search-box #search{width:500px;margin:0;padding:0 0 0 0;height:60px;transition: right 0.25s;background-color: rgba(241, 238, 234, 0.95);position:absolute;left:auto;top:0;right: -510px;overflow: hidden;}
header #search-box #search input{border:0px;font-family:'Brandon Grotesque W01'; font-weight:400; font-style:normal;font-size:22px;background:transparent;float:left;height:100%;padding:0px 3% 0 3%;width:94%;}
header #search-box #search a{right:0;position:absolute;background: url(../images/chevron-right-search.png) center center no-repeat;width:40px;}

/* Open Search ---------------------------------------- */
header #search-box #search.open-search{right: 60px;}
header #search-box .az.open-search{right: 560px;}


.fade{opacity:0.3;transition: opacity 0.25s;}


/* section ---------------------------------------- */
section{width:100%;float:left;padding:0 0 0 0;margin:0 0 0 0;height:auto;}
section #content{width:100%;float:left;padding: 0 0 0 0;}

section #content .content-inner{width:100%;float:left;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box;box-sizing: border-box; padding-left: 0;}
section #content .content-inner .content-inner-sub{padding:0 0 0 0;}

/*
#scroll-down-btn {width: 100%; height: 44px; background: url(../images/scroll-down-btn.png) top center no-repeat;position:fixed;bottom:0;left:0;transition: bottom 0.25s ease 0s;}
#scroll-down-btn.sticky {bottom: 44px;}
    */
/* home ---------------------------------------- */
/*section #content #features-list{width:100%;float:left;background:#ffffff;}*/






/*section #content #features-list{width:100%;float:left;position:relative;padding: 0 0 0 0;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box;box-sizing: border-box; padding-left: 0;}
section #content #features-list .feature { width: 100%;height: auto; padding-bottom: 47.14%; position: relative; float: left; box-sizing: inherit;margin-bottom: 4px;}
section #content #features-list .feature:nth-of-type(4n){width: 66.66%; }
section #content #features-list .feature:nth-of-type(4n-1){width: 33.33%;}
section #content #features-list .feature:nth-of-type(4n-2){width: 33.33%;}
section #content #features-list .feature:nth-of-type(4n-3){width: 66.66%;}

section #content #features-list .feature .bgImage{ background-position: center center; background-repeat: no-repeat; background-size: cover; height: 100%; left: 0; position: absolute; top: 0; width: 100%;}
section #content #features-list .feature .bgImage.wide {display: block;}
section #content #features-list .feature .bgImage.narrow {display: none;}
section #content #features-list .feature:nth-of-type(4n-1) .bgImage.clone {left: -140%;width: 140%;}
section #content #features-list .feature:nth-of-type(4n-3) .bgImage.clone{ left: -100%;}

section #content #features-list .feature:nth-of-type(4n) .wide{display: block;}
section #content #features-list .feature:nth-of-type(4n) .narrow{display: none;}
section #content #features-list .feature:nth-of-type(4n-1) .wide{display: none;}
section #content #features-list .feature:nth-of-type(4n-1) .narrow{display: block;}
section #content #features-list .feature:nth-of-type(4n-2) .wide{display: none; }
section #content #features-list .feature:nth-of-type(4n-2) .narrow{display: block; }
section #content #features-list .feature:nth-of-type(4n-3) .wide{display: block; }
section #content #features-list .feature:nth-of-type(4n-3) .narrow{display: none; }

#features-list .feature > .inner {height: 100%;left: 0;position: absolute;right: 0;top: 0;}
#features-list .feature:nth-of-type(4n) > .inner {left: 2px;}
#features-list .feature:nth-of-type(4n-1) > .inner {right: 2px;}
#features-list .feature:nth-of-type(4n-2) > .inner {left: 2px;}
#features-list .feature:nth-of-type(4n-3) > .inner {right: 2px;}



section #content #features-list .feature.full { width: 100%;margin-bottom: 0;}
section #content #features-list .feature.full:nth-of-type(4n){width: 100%; }
section #content #features-list .feature.full:nth-of-type(4n-1){width: 100%;}
section #content #features-list .feature.full:nth-of-type(4n-2){width: 100%;}
section #content #features-list .feature.full:nth-of-type(4n-3){width: 100%;}
#features-list .feature.full:nth-of-type(4n) > .inner {left: 0;}
#features-list .feature.full:nth-of-type(4n-1) > .inner {right: 0;}
#features-list .feature.full:nth-of-type(4n-2) > .inner {left: 0;}
#features-list .feature.full:nth-of-type(4n-3) > .inner {right: 0;}

    */
.fancybox-type-iframe.fancybox-wrap {height: 518px !important;width: 920px !important;}
.fndmore.vdo-btn {margin-left: 0;text-align: center;float: none;display: inline-block;position: relative;/* position: absolute;
bottom: -40px;left: 44%; */width: auto;padding: 0 25px;border-radius: 50px;font-size: 18px;letter-spacing: -0.63px;line-height: 40px;font-weight: 500;
height: 40px;text-transform: none;box-sizing: border-box;}



.feature.full { width: 100%;padding-bottom: 52.5%; margin-bottom: 0;}

.feature.full .bgImage { height: 0; padding-bottom: 50%; }
.feature.full > .inner{right:0;}
.feature.full:nth-of-type(4n-3) > .inner{right:0;}
.feature > .inner.parallax-scrolling{width:100%;float:left;position:fixed;height:0;padding-bottom: 46.5%;box-sizing:border-box;}
section #content .shade{background: url(../images/bgborder.png) bottom center repeat-x; width: 100%; height: 100%; position: absolute; bottom: 0; left: 0; }
section #content .shade-shaping-fut{background: transparent linear-gradient(180deg, rgba(16, 16, 16, 0) 0%, rgba(16, 16, 16, 1) 100%) 0% 0% no-repeat padding-box;
opacity: 1;bottom: 0;
left: 0;
width: 100%;
height: 55%;position:absolute;}

.feature.full.small { padding-bottom: 39.68254%; }
.feature.full.small .bgImage { padding-bottom: 39.68254%; }
.feature.full.small>.inner.parallax-scrolling{padding-bottom: 34.68254%;}

.feature.full.competitionbg { width: 100%;padding-bottom: 0; margin-bottom: 0;height:200px;}
.feature.full.competitionbg .bgImage { height: 0; padding-bottom: 0;height:200px; }

#competition-bg {width:100%;float:left;}

#articles .articles .overlay-box.compaignbox h1 {
    padding: 15px 0;
}

/*section #content #features-list .overlay-box {width: 400px; height: 400px; position: absolute; bottom: auto; border-radius: 100%; display: table; text-align: center;cursor:pointer;} */
section #content #features-list .overlay-box .overlay-inner{display: table-cell; vertical-align: middle;list-style:none;padding:0;margin:0;}
section #content #features-list .overlay-box .overlay-inner .overlay{display: inline-block;}
section #content #features-list .overlay-box .overlay-inner .overlay div{width: 270px; float: left; }
section #content #features-list .overlay-box .overlay-inner .overlay div h2{width: 100%; float: left; font-family:'Brandon Grotesque W01'; font-weight:700; font-style:normal;text-align: center;font-size:32px;color:#fff;margin-top: 0.6em; line-height: 1.1; text-transform:uppercase; }
section #content #features-list .overlay-box .overlay-inner .overlay div p{width: 100%; float: left; font-family:'Brandon Grotesque W01'; font-weight:500; font-style:normal;text-align: center;font-size:20px;color:#fff;margin: 0.6em 0 1.2em 0; line-height:1.4;}

section #content #features-list .overlay-box.white .overlay-inner .overlay div h2{color:#fff;}
section #content #features-list .overlay-box.white .overlay-inner .overlay div p{color:#fff;}
section #content #features-list .overlay-box.white .overlay-inner .overlay div a.more{color:#000;background:#fff;display:none;}
section #content #features-list .overlay-box.white:hover .overlay-inner .overlay div a.more{color:#fff !important;background:#000;}


section #content #features-list .overlay-box.black .overlay-inner .overlay div h2{color:#000;}
section #content #features-list .overlay-box.black .overlay-inner .overlay div p{color:#000;}
section #content #features-list .overlay-box.black .overlay-inner .overlay div a.more{color:#fff !important;background:#000;}
section #content #features-list .overlay-box.black:hover .overlay-inner .overlay div a.more{color:#000 !important;background:#fff;text-decoration:none;}


/*
section #content #features-list .overlay-box.top {margin-top:30px; }
section #content #features-list .overlay-box.bottom {bottom: 30px; }
section #content #features-list .overlay-box.vcenter {margin-top: -200px;top: 50%; }
section #content #features-list .overlay-box.right {margin-left: -15px;left: 50%; }
section #content #features-list .overlay-box.left {right: 50%;margin-right: -15px;}
section #content #features-list .overlay-box.center {margin-left: -200px;left: 50%;}


section #content #features-list .feature.full:nth-of-type(4n) .wide{display: block;}
section #content #features-list .feature.full:nth-of-type(4n) .narrow{display: none;}

section #content #features-list .feature.full .overlay-box {width: 100%; height: auto; background-color: transparent; position: absolute; bottom: 40px; display: table; text-align: center;}
section #content #features-list .feature.full .overlay-box span.caption{width: auto; text-align:center;font-family:'Brandon Grotesque W01'; font-weight:700; font-style:normal;font-size:12px;color:#fff;padding:0 0 7px 0;border-bottom:solid 1px #fff;display:inline-block;margin:0 0 0 0;}
section #content #features-list .feature.full .overlay-box h1{width: 100%; text-align:center;font-family:'Brandon Grotesque W01'; font-weight:700; font-style:normal;font-size:32px;color:#fff;padding:20px 0 15px 0;float:left;text-transform:uppercase;clear:both;}
    */


.clonec{height: 100%; left: -100%; position: absolute; width: 100%;background:#f7f6f4;}
/* home feed ---------------------------------------- */

#social-feed.fd {background: #e8e5e0;margin:30px 0 0 0;float:left;width:100%;padding:0 0 0 0;}
#social-feed.fd p{width: 100%; float: left; text-align:center;font-family:'Brandon Grotesque W01'; font-weight:300; font-style:normal;text-align: center;font-size:20px;color:#000;padding:10px 0 30px 0;}
#social-feed.fd h3{text-align:center;font-family:'Brandon Grotesque W01'; font-weight:700; font-style:normal;text-align: center;font-size:28px;color:#000;height:auto;float:left;width:100%;padding:0 0 30px 0;}

#social-feed.fd .social-post .text p {
    text-align:left;
    font-family:Arial;
}
#social-feed.fdzeig .social-post {
    padding-bottom: 50%;
    width: 50%;
}
/*
#social-feed {width: 100%; float: left; background: #f7f6f4;}

#social-feed .social-post, #social-feed .see-more {float: left;height: 0;overflow: hidden; position: relative;padding-bottom: 25%;width: 25%;background-color: #ffffff; }

#social-feed .social-post:nth-of-type(8n-1),#social-feed .social-post:nth-of-type(8n-3),#social-feed .social-post:nth-of-type(8n-4),#social-feed .social-post:nth-of-type(8n-6) { background-color: #f2f0ec; }

#social-feed .social-post .icon {height: 30px;position: absolute; right: 20px;top: 20px;width: 30px;z-index:15;}
#social-feed .tweet .icon { background: rgba(0, 0, 0, 0) url("../images/twitter-icon.png") repeat scroll 0 0;}
#social-feed .instagram .icon {background: rgba(0, 0, 0, 0) url("../images/instagram-icon.png") repeat scroll 0 0;}
#social-feed .youtube .icon {background: rgba(0, 0, 0, 0) url("../images/youtube-icon.png") repeat scroll 0 0;}
#social-feed .facebook .icon {background: rgba(0, 0, 0, 0) url("../images/facebook-icon.png") repeat scroll 0 0;}

#social-feed .social-post .text {bottom: 0;height: 100%;left: 0;padding: 20px;position: absolute;top: 0;width: 100%;box-sizing: border-box;z-index:15;}
#social-feed .social-post .text h4 {width:100%;font-size: 18px; font-family:Arial; }
#social-feed .social-post .text h4 a{text-decoration:none;}
#social-feed .social-post .text p {width:100%;font-size: 16px;line-height: 1.3;margin: 0 0 0 0;padding: 15px 0 0 0;font-family:Arial; }
#social-feed .social-post .text p a {color: #4482a6;}



#social-feed .social-post .text .center-v {display: table;height: 100%;width: 100%;}
#social-feed .social-post .text .center-v .inner {display: table-cell;vertical-align: middle;}
    */

	.gm-style .gm-style-iw-c{height:auto !important; padding-bottom:8px !important;}
.gm-style-iw div {overflow:hidden !important;}


#social-feed .social-post .actions { width: 100%;z-index:15;}
#social-feed .social-post .actions a{float: left; height:14px; margin-right:10px;font-family:'Brandon Grotesque W01'; font-weight:400; font-style:normal;font-size:12px;color:#000;}
#social-feed .social-post .actions a.reply { width:15px;background:url(../images/twitter-actions-reply.png) top left no-repeat; }
#social-feed .social-post .actions a.reply:hover { background:url(../images/twitter-actions-replyg.png) top left no-repeat; }
#social-feed .social-post .actions a.retweet { width:19px;background:url(../images/twitter-actions-retweet.png) top left no-repeat; }
#social-feed .social-post .actions a.retweet:hover { background:url(../images/twitter-actions-retweetg.png) top left no-repeat; }
#social-feed .social-post .actions a.favourite { width:15px;background:url(../images/twitter-actions-favourite.png) top left no-repeat; }
#social-feed .social-post .actions a.favourite:hover {background:url(../images/twitter-actions-favouriteg.png) top left no-repeat; }
#social-feed .social-post .actions a.like { width:15px;background:url(../images/facebook-actions-like.png) top left no-repeat; }
#social-feed .social-post .actions a.like:hover {background:url(../images/facebook-actions-likeg.png) top left no-repeat; }
#social-feed .social-post .play {background: url(../images/play.png) center center no-repeat;width:100%;height:100%;position: absolute; top:0;left:0;}

#social-feed .see-more{background:#305d76;text-align:center;padding-bottom: 25%;width: 25%;cursor:pointer;position:relative;}
#social-feed .see-more a{background:url(../images/arrow-seemore.png) right center no-repeat;height:41px;font-family:'Brandon Grotesque W01'; font-weight:700; font-style:normal;font-size:24px;color:#fff;padding-right:60px;line-height:20px;
                         display:inline-block;margin-top:44%;}
#social-feed .see-more a span{font-weight:300; font-size:15px;}
#social-feed .social-post .play {background: url(../images/play.png) center center no-repeat;width:100%;height:100%;position: absolute; top:0;left:0;}
#social-feed .social-post .bg { top: 0; left: 0;position: absolute; width: 100%;height:100%;background-color:rgba(242,240,236,0);z-index:14;
        -webkit-transition: all .50s ease-in-out;
        -moz-transition: all .50s ease-in-out;
        -o-transition: all .50s ease-in-out;
        transition: all .50s ease-in-out; }
#social-feed .social-post .time { font-family:'Brandon Grotesque W01'; font-weight:400; font-style:normal;font-size:12px;color:#000;z-index:15;}
#social-feed .social-post.bgsocial .text,
#social-feed .social-post.bgsocial .actions,
#social-feed .social-post.bgsocial .time
{opacity:0;-webkit-transition: all .50s ease-in-out;
        -moz-transition: all .50s ease-in-out;
        -o-transition: all .50s ease-in-out;
        transition: all .50s ease-in-out;}
#social-feed .social-post.bgsocial:hover .text,
#social-feed .social-post.bgsocial:hover .actions,
#social-feed .social-post.bgsocial:hover .time
{opacity:1;}

#social-feed .social-post.bgsocial:hover .bg {
    background-color:rgba(242,240,236,0.95);}

#social-feed .social-post:hover .text h4 a{color:#305d76;text-decoration:none;}
#social-feed .social-post:hover .text p a {color: #305d76;text-decoration:none;}
/*#social-feed .social-post:hover .actions a.reply { background:url(../images/twitter-actions-replyg.png) top left no-repeat; }
#social-feed .social-post:hover .actions a.retweet { background:url(../images/twitter-actions-retweetg.png) top left no-repeat; }
#social-feed .social-post:hover .actions a.favourite {background:url(../images/twitter-actions-favouriteg.png) top left no-repeat; }
#social-feed .social-post:hover .actions a.like {background:url(../images/facebook-actions-like.png) top left no-repeat; } */
#social-feed .social-post:hover .play {background: url(../images/playh.png) center center no-repeat;}
#social-feed .see-more:hover{background:#000;}
#social-feed .see-more:hover a{text-decoration:none;}
/*#social-feed {width: 100%; float: left; background: #f7f6f4;}
#social-feed h3{width: 100%; float: left; text-align:center;font-family:'Brandon Grotesque W01'; font-weight:700; font-style:normal;text-align: center;font-size:27px;color:#000;text-transform:uppercase;padding:35px 0 35px 0;}
#social-feed.fd {background: #e8e5e0;margin:40px 0 0 0;}
#social-feed.fd p{width: 100%; float: left; text-align:center;font-family:'Brandon Grotesque W01'; font-weight:400; font-style:normal;text-align: left;font-size:20px;color:#000;padding:0 0 40px 0;margin-top:-25px;}

#social-feed .social-post, #social-feed .see-more {float: left;height: 0;overflow: hidden; position: relative;padding-bottom: 25%;width: 25%;}
#social-feed .social-post:nth-child(odd) { background-color: #f2f0ec; }
#social-feed .social-post:nth-child(even) { background-color: #ffffff; }

#social-feed .social-post .icon {height: 30px;position: absolute; right: 20px;top: 20px;width: 30px;}
#social-feed .tweet .icon { background: rgba(0, 0, 0, 0) url("../images/twitter-icon.png") repeat scroll 0 0;}
#social-feed .instagram .icon {background: rgba(0, 0, 0, 0) url("../images/instagram-icon.png") repeat scroll 0 0;}
#social-feed .youtube .icon {background: rgba(0, 0, 0, 0) url("../images/youtube-icon.png") repeat scroll 0 0;}
#social-feed .facebook .icon {background: rgba(0, 0, 0, 0) url("../images/facebook-icon.png") repeat scroll 0 0;}

#social-feed .social-post .text {bottom: 0;height: 100%;left: 0;padding: 20px;position: absolute;top: 0;width: 100%;box-sizing: border-box;}
#social-feed .social-post .text h4 {width:100%;font-size: 18px; font-family:'Brandon Grotesque W01'; font-weight:700; font-style:normal;}
#social-feed .social-post .text p {width:100%;font-size: 16px;line-height: 1.3;margin: 0 0 0 0;padding: 15px 0 0 0;font-family:'Brandon Grotesque W01'; font-weight:500; font-style:normal;}
#social-feed .social-post .text p a {color: #4482a6;}



#social-feed .social-post .text .center-v {display: table;height: 100%;width: 100%;}
#social-feed .social-post .text .center-v .inner {display: table-cell;vertical-align: middle;}

#social-feed .social-post .actions { bottom: 0; left: 0;padding: 20px;position: absolute; width: 100%;box-sizing: border-box;}
#social-feed .social-post.tweet .actions a{float: left; height:14px; margin-right:10px;font-family:'Brandon Grotesque W01'; font-weight:500; font-style:normal;font-size:12px;color:#000;}
#social-feed .social-post.tweet .actions a.reply { width:15px;background:url(../images/twitter-actions-reply.png) top left no-repeat; }
#social-feed .social-post.tweet .actions a.reply:hover { background:url(../images/twitter-actions-replyh.png) top left no-repeat; }
#social-feed .social-post.tweet .actions a.retweet { width:19px;background:url(../images/twitter-actions-retweet.png) top left no-repeat; }
#social-feed .social-post.tweet .actions a.retweet:hover { background:url(../images/twitter-actions-retweeth.png) top left no-repeat; }
#social-feed .social-post.tweet .actions a.favourite { width:15px;background:url(../images/twitter-actions-favourite.png) top left no-repeat; }
#social-feed .social-post.tweet .actions a.favourite:hover {background:url(../images/twitter-actions-favouriteh.png) top left no-repeat; }
#social-feed .social-post.tweet .actions a.time{float:right;margin:0;}
#social-feed .social-post.image-post {-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;background-repeat: no-repeat;background-position: top center;}
#social-feed .see-more{background:#305d76;text-align:center;padding-bottom: 25%;width: 25%;}
#social-feed .see-more a{background:url(../images/arrow-seemore.png) right center no-repeat;height:41px;font-family:'Brandon Grotesque W01'; font-weight:700; font-style:normal;font-size:24px;color:#fff;padding-right:60px;line-height:20px;
                         display:inline-block;margin-top:45%;}
#social-feed .see-more a span{font-weight:400; font-size:15px;}

    */
/*#social-feed .see-more #imgLoading {display: none; width:75px;height:75px;margin-top:40%;}*/

/* home discover ---------------------------------------- */
#discover-rs {width: 100%; float: left; background: #f7f6f4;padding:80px 0 80px 0;}
#discover-rs h3, #discover-rs span.tophead{width: 100%; float: left; text-align:center;font-family:'Brandon Grotesque W01'; font-weight:700; font-style:normal;text-align: center;font-size:27px;color:#000;text-transform:uppercase;padding:0 0 0 0;}
#discover-rs span.tophead{font-weight:500; font-size:20px;padding:15px 0 40px 0;text-transform:initial;}
#discover-rs ul{width: 845px; margin:0 auto; padding:0;list-style:none;}
#discover-rs ul li{width: 240px; float:left;margin-right:72px;text-align:center;position:relative;}
#discover-rs ul li:last-child{margin-right:0;width: 220px;}
#discover-rs ul li img{width: 200px; height:200px;border-radius: 100%; }
#discover-rs ul li h4{width: 100%; float: left; font-family:'Brandon Grotesque W01'; font-weight:700; font-style:normal;text-align: center;font-size:16px;color:#000;text-transform:uppercase;padding:40px 0 0 0;}
#discover-rs ul li p{width: 100%; float: left; font-family:'Brandon Grotesque W01'; font-weight:400; font-style:normal;text-align: center;font-size:16px;color:#000;padding:15px 0 20px 0;margin:0;}
#discover-rs ul li span.icon {width: 240px; height: 210px; position: absolute; top: 0; left: 0; padding:0;margin:0;background-position:right bottom;background-repeat:no-repeat;}
/*#discover-rs ul li span.icon.map {background-image: url(../images/icon-illustration-map.png);}
#discover-rs ul li span.icon.app {background-image: url(../images/icon-illustration-app.png); }
#discover-rs ul li span.icon.gift {background-image: url(../images/icon-illustration-gift.png); }
    */
#discover-rs ul li a{height:30px;line-height:2.5;}

/* Article ---------------------------------------- */

#articles {width: 100%; padding:0 0 40px 0;float:left;position:relative;box-sizing: border-box;background:#f7f6f4;}
#articles.shaping-future {background: rgba(16, 16, 16, 1);}
section .share.shaping-future li{color:#fff;}
section .share.shaping-future li a.facebook{background:url(../images/facebook-w.png) center center no-repeat;}
section .share.shaping-future li a.twitter{background:url(../images/twtr-w.png) center center no-repeat;}
section .share.shaping-future li a.pinit{background:url(../images/pinlink-w.png) center center no-repeat;}
section .share.shaping-future li a.googlep{background:url(../images/google-plus-w.png) center center no-repeat;}
section .share.shaping-future li a.email{background:url(../images/letter-w.png) center center no-repeat;}
section .share.shaping-future li a.comment{background:url(../images/icon-comments-w.png) right center no-repeat;width:auto;padding:3px 35px 0 0;}
section .share.shaping-future li span, section .share li a {color: #fff;}
#articles .articles.shaping-future .detail .standfirst{color: #fff;}
#articles .articles.shaping-future .detail .text-block p{color: #fff;}
#articles .articles.shaping-future .detail .text-block p a{color: #fff;}

#articles .articles .detail .text-block .shaping-future-inner {width: 100%;float:left;margin-top:60px;}
#articles .articles .detail .text-block .shaping-future-inner:first-of-type{margin-top:30px !important;}
#articles .articles .detail .text-block .shaping-future-inner:first-child{margin-top:0px;}
#articles .articles .detail .text-block .shaping-future-inner h2{padding: 0 55px;margin: 0px 0 5px 0;text-align:left;color:#fff;font-size: 20px;text-transform: unset;}
#articles .articles .detail .text-block .shaping-future-inner p{margin: 0px 0;font-weight:300;text-align: left !important;}
#articles .articles .detail .text-block .shaping-future-inner:first-of-type p:first-letter{font-weight: 400 !important;font-style: normal !important;font-size: 20px !important;line-height:initial !important;padding:0 !important;margin:0 !important;text-transform: unset !important;text-align: justify !important;float:none !important;}
#articles .articles .detail .text-block .shaping-future-inner p:first-of-type:first-letter{font-weight: 400 !important;font-style: normal !important;font-size: 20px !important;line-height:initial !important;padding:0 !important;margin:0 !important;text-transform: unset !important;text-align: justify !important;float:none !important;}
#articles .articles .detail .text-block .shaping-future-inner .sound-cloud{width:100%;padding: 0 55px;margin: 35px 0 0 0;text-align:left;float:left;}
#articles .articles .detail .text-block .shaping-future-inner .sound-cloud img{width:100%;height:auto;float:left;}




#articles .articles{width: 100%;float:left;text-align:center;}
#articles .articles .overlay-box {height: 0; position: relative; padding: 0; margin: 0 auto; float: none; width: 1010px;}
#articles .articles .overlay-box .inner { position: absolute; bottom: 40px; width: 100%; }
#articles .articles .overlay-box .category{width: auto; text-align:center;font-family:'Brandon Grotesque W01'; font-weight:700; font-style:normal;font-size:12px;color:#fff;padding:0 0 7px 0;text-transform: uppercase;
                                           border-bottom: solid 1px rgba(255, 255, 255, 0.5);
                                              display:inline-block;margin:0 0 0 0;line-height:1;}
#articles .articles .overlay-box h1{width: 100%; text-align:center;font-family:'Brandon Grotesque W01'; font-weight:700; font-style:normal;font-size:32px;color:#fff;line-height: 1.1; padding: 20px 0 20px 0; float:left;
                                    text-transform:uppercase;clear:both;}
#articles .articles .overlay-box .inner.campaigns h1{font-size:72px;line-height: 1.1;}
#articles .articles .overlay-box .inner.campaigns .campa{width: 100%; text-align:center;font-family:'Brandon Grotesque W01'; font-weight:700; font-style:normal;font-size:24px;
                                                     color:#fff;line-height: 1.1;float:left;text-transform:uppercase;clear:both;padding: 0 0 20px 0; }


#articles .articles #author{width: 100%; text-align:center;padding:0 0 30px 0;float:left;margin-top: -40px; }
#articles .articles #author img{border-radius: 100%;}
#articles .articles #author span{width: 100%; text-align:center;padding:10px 0 0 0;float:left;font-family:'Brandon Grotesque W01'; font-weight:400; font-style:normal;font-size:14px;color:#000;}
#articles .articles #author span a{font-weight:500;}

 /* If no image found */
/*#articles .articles.noimage .overlay-box .inner { position: relative; top: 40px; }
#articles .articles.noimage .overlay-box .category { color:#000;border-bottom: solid 1px rgba(0, 0, 0, 0.5);}
#articles .articles.noimage .overlay-box h1 { color:#000;}
#articles .articles.noimage  #author { margin-top: 40px; }*/

#articles .articles .overlay-box .inner.event { bottom: 60px; }

#articles .articles #date{width: 100%; text-align:center;padding:0 0 30px 0;float:left;margin-top: -60px;}
#articles .articles #date p{width: 120px;height: 120px;display:inline-block;padding:11px 0 11px 0;margin:0;background: #fff;-moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px; text-transform:uppercase;}
#articles .articles #date p span{width:120px;font-family:'Brandon Grotesque W01'; font-weight:500; font-style:normal;font-size:23px;color:#a09b92;float:left;}
#articles .articles #date p span.date{font-weight:300; font-size:49px;line-height:0.8;}
#articles .articles #date p:nth-child(3n){margin:0 0 0 -18px;}
#articles .articles #date p.to{width: 21px;height: 120px;background:url(../images/img-date-to.gif) center center no-repeat;position:absolute;margin-left:-20px;}

#articles .articles #enter{width: 100%; text-align:center;padding:0 0 0 0;float:left;margin-top: -40px;position:relative; z-index:1; }
#articles .articles #enter .btn-enter{background-image:url(../images/img-enter.png);background-position:center center;background-repeat:no-repeat;width:100%;height:80px;display:inline-block;}
#articles .articles #enter .btn-enter:hover{background-image:url(../images/img-enterh.png);}

#articles .com-banner {width:100%;float:left;}

#articles .com-banner:hover #enter .btn-enter{background-image:url(../images/img-enterh.png);}


#articles .articles.top .overlay-box{margin:0 0 0 0;height: 0; position: relative; padding: 0; margin: 0 auto; float: none; width: 1010px; }
#articles .articles.top .overlay-box .inner { position: relative; bottom: 0; width: 100%; }
#articles .articles.top .overlay-box .category{color:#000000;border-bottom: solid 1px rgba(0, 0, 0, 0.5)}
#articles .articles.top .overlay-box h1{color:#000000;}

#articles .articles.top #author{margin-top:0;}
#articles .articles.top #date{margin-top:0;}



#articles .articles .detail{width: 1010px;margin:0 auto;}
#articles .articles .detail .standfirst{width: 730px;font-family:'Brandon Grotesque W01'; font-weight:500; font-style:normal;font-size:28px;color:#000;padding:0 0 40px 0;display:inline-block;
                                                              background:url(../images/border-article.png) bottom center no-repeat;display: block; margin: 30px auto;}
#articles .articles .detail .text-block { width: 730px; margin: 30px auto; text-align:left;}
#articles .articles .detail .text-block h1,#articles .articles .detail .text-block h2,#articles .articles .detail h3{width: 100%; padding: 0 55px; margin: 30px 0; display: block;text-transform: uppercase; text-align:center;}
#articles .articles .detail .text-block p{width: 100%; padding: 0 55px; margin: 30px 0; display: block;font-family:'Brandon Grotesque W01'; font-weight:400; font-style:normal;font-size:20px;color:#000; }
#articles .articles .detail .text-block p.product-first{width: 100%; padding: 0 55px; margin: 30px 0; display: block;font-family:'Brandon Grotesque W01'; font-weight:500; font-style:normal;font-size:20px;color:#000;text-align:center;text-decoration:underline; }


.smiframe{width: 100%; float:left;text-align:center;}
.smiframe > div{width: 730px; text-align:left; padding: 30px 55px; margin: 0; display: inline-block;}
.smiframe > div iframe{width: 100% !important; max-width: 100% !important; padding: 0  !important; margin: 0 !important; float:left !important;position: relative !important;left: auto !important; top: auto !important;}

.twitter-tweet {width: 100% !important; max-width: 100% !important; padding: 0 35px !important; margin: 0 !important; float:left !important;position: relative !important;left: auto !important; top: auto !important;}
/*.twitter-tweet {width: 100% !important; max-width: 100% !important; padding: 30px 55px !important; margin: 0 !important; float:left !important;position: relative !important;left: auto !important; top: auto !important;}
.twitter-tweet-rendered {width: 100% !important; max-width: 100% !important; padding: 0  !important; margin: 0 !important; float:left !important;position: relative !important;left: auto !important; top: auto !important;}
.twitter-tweet iframe, .twitter-tweet-rendered iframe{width: 100% !important; max-width: 100% !important; padding: 0  !important; margin: 0 !important; float:left !important;position: relative !important;left: auto !important; top: auto !important;}
*/
/*#articles .articles .detail .text-block p a{color:#a09b92;}*/
#articles .articles .detail .text-block a{color:#000000;font-weight:600;text-decoration:underline;}
  #articles .articles .detail .text-block a:hover{text-decoration:none;}

#articles .articles .detail .text-block:first-of-type p:first-of-type:first-letter{ float:left; font-size: 61px; padding-top: 2px; padding-right: 3px; margin-left: -5px; font-weight:700; text-transform:uppercase; line-height:0.6;} 
#articles .articles .detail .text-block.no-capitalize:first-of-type p:first-of-type:first-letter{ float:none; font-size: inherit !important; padding: 0; margin: 30px 0; margin-left: 0; font-weight:inherit !important; text-transform:none; line-height:1.3;}



#articles .articles .detail .text-block blockquote{width: 100%; display: block; padding: 0;font-family:'Brandon Grotesque W01'; font-weight:500; font-style:normal;font-size:28px;color:#000;text-align:center;
                                       background: url(../images/line-blockquote.gif) top center no-repeat, url(../images/line-blockquote.gif) bottom center no-repeat;margin:0;}
#articles .articles .detail .text-block blockquote p{width: 100%;font-weight:500; font-size:28px;padding:0 0 0 0;display:inline-block;text-align:center;}
#articles .articles .detail .text-block blockquote p:first-of-type:first-letter{ float:none;font-size: 28px; padding-top: 0; padding-right: 0; margin-left: 0;font-weight:500;}
#articles .articles .detail .text-block:first-of-type blockquote p:first-of-type:first-letter{ float:none;font-size: 28px; padding-top: 0; padding-right: 0; margin-left: 0;font-weight:500;}
#articles .articles .detail .text-block ul, #articles .articles .detail .text-block ol{margin: 30px auto; display: block; padding: 0 55px 0 85px; list-style:disc; }
#articles .articles .detail .text-block ul li, #articles .articles .detail .text-block ol li{margin: 15px 0; padding: 0; font-family:'Brandon Grotesque W01'; font-weight:400; font-style:normal;font-size:20px;}
#articles .articles .detail .text-block ol{list-style:decimal;}
#articles .articles .detail .text-block a.more{margin-bottom:40px;}

/*inset section*/
/*.inset-section{margin:0 auto;width:720px;text-align:left; padding:0 55px 20px 55px;float:left;box-sizing:border-box;}
.inset-section p{width:auto; font-family: 'Brandon Grotesque W01';font-weight: 400;font-style: normal;font-size: 20px;color: #000;line-height:1.3;text-align:left;}
.small-div{ float:left ;margin:0px 20px 5px 0px; padding:0; width:auto;line-height:0;height:auto !important; }
.small-div.right{float:right;margin:0px 0px 5px 20px;}
.small-div img{width:auto;height:auto;width:auto;margin:0;padding:0; max-width:200px;}*/

/*inset section end*/


#privacy{width: 100%; padding:0 0 40px 0;float:left;position:relative;box-sizing: border-box;background:#f7f6f4;}
#privacy .privacy{width: 740px; margin: 0 auto; text-align:left;}
#privacy .privacy h1{width: 100%; text-align:center;font-family:'Brandon Grotesque W01'; font-weight:700; font-style:normal;font-size:32px;color:#000;line-height: 1.1; padding: 40px 0 40px 0; float:left;text-transform:uppercase;}
#privacy .privacy h2{width: 100%; font-family:'Brandon Grotesque W01'; font-weight:700; font-style:normal;font-size:18px;color:#000;line-height: 1.1; padding: 0 0 30px 0; }
#privacy .privacy p{width: 100%; padding: 0 0 30px 0; margin: 0 0; display: block;font-family:'Brandon Grotesque W01'; font-weight:400; font-style:normal;font-size:18px;color:#000; }
#privacy .privacy p a{color:#a09b92;}
#privacy .privacy p span{font-weight:500; }
#privacy .privacy ul{margin: 0 0 0 20px; display: block; padding: 0 0; list-style:disc;clear:left;}
#privacy .privacy ul li{font-family:'Brandon Grotesque W01'; font-weight:700; font-style:normal;font-size: 18px;padding:0 0 0 0;margin:0;}
#privacy .privacy ul.decimal{padding: 0 55px; list-style:decimal;}
#privacy .privacy ul.gr{list-style:lower-roman;}
#privacy .privacy ul.alphabat{list-style:lower-alpha;}
#privacy .privacy ul.alphabat h2{padding: 0 0 0 0;}

#privacy .privacy.page-404{width: 605px; }
#privacy .page-404 .error-pages{width:100%;float:left;padding:0 0 0 0;display:table;height:540px;}
#privacy .page-404 .error-pages .error-page-inner{display:table-cell;vertical-align:middle;}
#privacy .page-404 .error-pages .error-page-inner .eimg-box{width:215px;float:left;margin-right:30px;}
#privacy .page-404 .error-pages .error-page-inner .text-box{width:360px;float:left;text-align:left;}
#privacy .page-404 .error-pages .error-page-inner .text-box h1{font-size:26px;text-align:left;padding:0;line-height: 1.3;}
#privacy .page-404 .error-pages .error-page-inner .text-box p{padding: 20px 0 24px 0;display:inline-block;font-size:19px;}
#privacy .page-404 .error-pages .error-page-inner .text-box p a{height:30px;line-height:2.5;}

.img-block{width:100%;}
.img-block img{width:100%;}
.img-block img.lgs{width:50%;}
.img-block iframe{width:100%;height:467px;}
.img-block .icons{position: absolute; top: 20px; right: 20px;width:auto;display:none;}
.img-block .icons a{width: 20px; height: 20px;float:left;margin:0 0 0 10px;opacity:0.6;cursor:pointer;}
.img-block .icons a:hover{opacity:1;}
.img-block .icons a.facebook{background: url(../images/block-facebook.png) top left no-repeat;}
.img-block .icons a.twitter{background: url(../images/block-twitter.png) top left no-repeat;}
.img-block .icons a.instagram{background: url(../images/block-instagram.png) top left no-repeat;}
.img-block .icons a.pinit{background: url(../images/block-pinit.png) top left no-repeat;}
.img-block .caption{font-family:'Brandon Grotesque W01'; font-weight:700; font-style:normal;font-size:16px;display:inline-block;margin:0 0 0 0;text-decoration:none;text-transform:uppercase;line-height:1;}
.img-block .caption p{width: 100%;font-weight:400;font-style:italic;display:inline-block;font-size:20px;text-transform:initial;padding:4px 0 6px 0;}
.img-block .caption p a{opacity:0.6;color:#fff;}
.img-block .caption p a:hover{opacity:1;}
.img-block .caption .links{width: auto;color:#fff;font-weight:500;font-style:normal; background: url(../images/arrow-article-block.png) center right no-repeat;font-size:16px;padding-right:15px;text-transform:uppercase;}
.img-block .caption .links:hover{opacity:0.6;}

/* Image block caption */
/*.img-block{margin:0 0 0 0;position:relative;}
.img-block.first{margin:40px 0 0 0;position:relative;}  */

.img-block .caption.outside{width: 630px; text-align:center;color:#000;padding: 15px 0;border-bottom:solid 1px #cbc8c3;}
.img-block .caption.outside p{color:#000;}
.img-block .caption.outside p a{opacity:0.6;color:#000;}
.img-block .caption.outside .links{color:#000;background: url(../images/arrow-article-block-black.png) center right no-repeat;}

.img-block .caption.inside{width: auto; text-align:left;color:#fff;padding:15px 20px 15px 20px;position:absolute;bottom:0;left:0;}

/* Image block size */
.img-block .block{width:50%;margin:0 0 0 0;position:relative;}
.img-block .full{width:100%;text-align:center;}
/* Image block position */
.img-block .block.left{float:left;}
.img-block .block.right{float:right;}
/* Image block height */
.img-block .block .large {height:auto;}
.img-block .block .small {height:auto;}

.img-block .block.black .caption.inside{color:#000000;}
.img-block .block.black .caption p a{color:#000;}
.img-block .block.black .caption .links{color:#000000;background: url(../images/arrow-article-block-black.png) center right no-repeat;}
.img-block .block.black .icons a.facebook{background: url(../images/block-facebook-b.png) top left no-repeat;}
.img-block .block.black .icons a.twitter{background: url(../images/block-twitter-b.png) top left no-repeat;}
.img-block .block.black .icons a.instagram{background: url(../images/block-instagram-b.png) top left no-repeat;}
.img-block .block.black .icons a.pinit{background: url(../images/block-pinit-b.png) top left no-repeat;}


/* Related Article ---------------------------------------- */
.article {width: 100%;position: relative; float: left; background:/*#f7f6f4*/#FAF8EA !important;}
.article h1, .article.related h2{width: 100%; float: left; text-align:center;font-family:'Brandon Grotesque W01'; font-weight:500; font-style:normal;text-align: center;font-size:26px;color:#000;text-transform:uppercase;padding:0 0 15px 0;line-height:1;}
.article h1 span{font-weight:400;}
.article ul{width: 100%;float: left; list-style:none;padding:0;margin:0;}

.article ul li{width: 25%; padding-left: 0.333%;height: auto; position: relative; float: left; box-sizing: border-box;text-align:center;margin-top:25px;}
.article.christ ul li:nth-of-type(-n+4) {margin-top: 0 !important;}
.article ul li:nth-child(4n+1) { clear: left;padding-left:0} 
.article ul li img{width: 100%;}
.article ul li div{width: 100%;float: left; box-sizing: border-box;padding:25px;}
.article ul li div h2,.article ul li div .category{width: 100%; float: left; font-family:'Brandon Grotesque W01'; font-weight:500; font-style:normal;text-align: center;font-size:12px;color:#a09b92;text-transform:uppercase;padding:0 0 0 0;}
.article ul li div h3{width: 100%; float: left; font-family:'Brandon Grotesque W01'; font-weight:700; font-style:normal;text-align: center;font-size:16px;color:#000;text-transform:uppercase;padding:5px 0 15px 0;}
.article ul li div p{width: 100%; font-family:'Brandon Grotesque W01'; font-weight:400; font-style:normal;text-align: center;font-size:16px;color:#000;padding:0 0 20px 0;margin:0;}
.article ul li:hover div h3, .article ul li:hover div .category{color:#a8a498;}
.article ul li:hover .more{background:#ffffff;color:#000000;}


.article ul li div.img-box{width: 100%;float: left; box-sizing: border-box;padding:0;position:relative;}
.article ul li.chrismasrd div.img-box{background-position: center;background-size: cover;background-repeat: no-repeat;height: 0;padding-bottom: 67.5% !important;}
.article ul li.chrismasrd div.img-box img{display:none !important;opacity:0;visibility:hidden;}

.article ul li div.img-box .bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
    background:#000;
    opacity: 0;
    -webkit-transition: opacity .50s ease-in-out;
       -moz-transition: opacity .50s ease-in-out;
        -ms-transition: opacity .50s ease-in-out;
         -o-transition: opacity .50s ease-in-out;
            transition: opacity .50s ease-in-out;
}
.article ul li:hover div.img-box .bg {
	zoom: 1;
    filter: alpha(opacity=10);
    opacity: 0.1;
}


.article .site-map-1{width:100%;float:left;text-align:center;}
.article .site-map-1 ul{width:815px;float:none;height:auto;margin:0 0 0 0;padding:0 0 0 25px;list-style:disc;list-style-type:disc;display:inline-block;}
.article .site-map-1 ul li {width:100%;float:left;height:auto;text-align:left;margin:0 0 0 0;padding:0 0 0 0;}
.article .site-map-1 ul li a{width:100%;float:none;height:auto;text-align:left;margin:0 0 0 0;padding:0 0 0 0;font-family: 'Brandon Grotesque W01';font-size:20px;}
.article .site-map-1 ul li ul.child{padding:0 0 0 30px;width:100%;}



.gm-style-iw {
            /*background-color: #000000 !important;*/
            top: 0 !important;
            left: 0 !important;
            width: 185px !important;
    height: 180px !important;
            /*padding: 0 !important;*/
            display: block !important;
            min-height: 140px !important; 
         }    
 .gm-style-iw-d{overflow:hidden !important;}
/*.gm-style .gm-style-iw-t::after{background: black !important;}*/
.gm-ui-hover-effect{/*opacity:1 !important;background-image:url(../images/close.png) !important;background-position:center center !important;background-repeat:no-repeat !important;*/width:35px !important;height:35px !important;top: -5px !important;right: -5px !important;background-size:100% auto !important;}
.gm-ui-hover-effect img{display:none !important;}


.loadmore-zeitgeist {width: 100%; float: left; height: 60px; background: #fff url(../images/loadmore-articles.png) center center no-repeat;}
.loadmore-events {width: 100%; float: left; height: 60px; background: #fff url(../images/loadmore-events.png) center center no-repeat;}

/*new design*/
#articles .back{background: #f7f6f4 url(../images/back-to.png) left center no-repeat;border:1px solid #cccccc;position:absolute;top:20px;left:20px;padding:10px 34px 10px 30px;margin:0;font-family: 'Brandon Grotesque W01';color:#75726d; text-transform:uppercase;font-size:14px;}
#articles .articles .detail .first-block{width: 800px; padding:0 0 40px 0; display: block; margin: 30px auto;text-align:center;}
#articles .articles .detail .first-block h1{width: 100%;font-family:'Brandon Grotesque W01'; font-weight:700; font-style:normal;font-size:30px;color:#a09b93;padding:0 0 0 0; display: block; margin: 0 auto;text-align:center;text-transform:uppercase;letter-spacing:4px;}
#articles .articles .detail .first-block p{width: 100%;font-family:'Brandon Grotesque W01'; font-weight:400; font-style:normal;font-size:25px;color:#000;padding:0 0 0 0; display: block; margin: 0 auto;text-align:center;}

#articles .articles .detail .first-block .card{background: url(../images/card-icon.png) left center no-repeat;  padding:10px 0 10px 33px;margin:0;font-family: 'Brandon Grotesque W01';color:#a09b93;  font-size:16px;width:auto;border-bottom:1px solid #d5d1cb;font-weight:600;}
#articles .articles .detail .first-block .card:hover{text-decoration:none;}

#articles .articles .large-img{width: 100%;display:block;position:relative;}
#articles .articles .large-img img{width: 100%;   height:auto; }
#articles .articles .large-img span{width: 100%;font-family:'Brandon Grotesque W01'; font-weight:600; font-style:normal;font-size:16px;color:#a09b93;padding:0 0 0 0;float:left;margin:10px     0 0 0;   }



section #content .large-img .icons{position: absolute; top: 10px; right: 10px;width:auto;display:none;}
section #content .large-img .icons a{width: 20px; height: 20px;float:left;margin:0 0 0 10px;opacity:0.6;cursor:pointer;}
section #content .large-img .icons a:hover{opacity:1;}
section #content .large-img .icons a.facebook{background: url(../images/block-facebook.png) top left no-repeat;}
section #content .large-img .icons a.twitter{background: url(../images/block-twitter.png) top left no-repeat;}
section #content .large-img .icons a.instagram{background: url(../images/block-instagram.png) top left no-repeat;}
section #content .large-img .icons a.pinit{background: url(../images/block-pinit.png) top left no-repeat;}
section #content .large-img:hover .icons{display:block;}





#articles .articles .detail .person-block{width: 800px; padding:0 0 0px 0;  margin: 104px auto;text-align:left;}
#articles .articles .detail .person-block img{width:30%; margin:0;padding:0;float:left; }
#articles .articles .detail .person-block .person-info{width:70%;float:left;margin:0;padding:0; box-sizing:border-box;padding:0 0 0 52px;}
#articles .articles .detail .person-block .person-info h2{width: 100%;font-family:'Brandon Grotesque W01'; font-weight:700; font-style:normal;font-size:25px;color:#585551;padding:0 0 0 0;   }
#articles .articles .detail .person-block .person-info p{width: 100%;font-family:'Brandon Grotesque W01'; font-weight:400; font-style:normal;font-size:25px;color:#000;padding:0 0 0 0;  }
#articles .articles .detail .person-block .person-info span{width: 100%;font-family:'Brandon Grotesque W01'; font-weight:700; font-style:normal;font-size:20px;color:#ada9a1;padding:0 0 0 0; display: block; text-transform:uppercase;  }
#articles .articles .detail .person-block .person-info a{width: auto;font-family:'Brandon Grotesque W01'; font-weight:700; font-style:normal;font-size:16px;color:#a09b93;padding:0 0 10px 0; display:inline-block; border-bottom:1px solid #d5d1cb;  }
#articles .articles .detail .person-block .person-info a:hover{ text-decoration:none;  }


#articles .articles .detail .description{width: 100%;  margin: 50px auto;text-align:center;display:inline-block; }
#articles .articles .detail .description .description-photo{width: 49.655850540806296%; padding:0 0 0px 0;  margin: 0  0 0 0.688298918387414%; float:left;position:relative;}
#articles .articles .detail .description .description-photo:nth-child(2n+1){margin-left:0; }
#articles .articles .detail .description .description-photo img{width: 100%; padding:0 0 0px 0;  margin: 0 ; float:left;}
#articles .articles .detail .description .description-photo span{width: 100%;font-family:'Brandon Grotesque W01'; font-weight:600; font-style:normal;font-size:16px;color:#a09b93;padding:0 0 0 0;float:left;margin:10px     0 0 0;   }


#articles .articles .detail .description .description-photo .icons{position: absolute; top: 20px; right: 20px;width:auto;display:none;}
#articles .articles .detail .description .description-photo .icons a{width: 20px; height: 20px;float:left;margin:0 0 0 10px;opacity:0.6;cursor:pointer;}
#articles .articles .detail .description .description-photo .icons a:hover{opacity:1;}
#articles .articles .detail .description .description-photo .icons a.facebook{background: url(../images/block-facebook.png) top left no-repeat;}
#articles .articles .detail .description .description-photo .icons a.twitter{background: url(../images/block-twitter.png) top left no-repeat;}
#articles .articles .detail .description .description-photo .icons a.instagram{background: url(../images/block-instagram.png) top left no-repeat;}
#articles .articles .detail .description .description-photo .icons a.pinit{background: url(../images/block-pinit.png) top left no-repeat;}
#articles .articles .detail .description .description-photo:hover .icons{display:block;}



.thanku-block{width:100%;height:100%;  text-align:center;box-sizing:border-box;padding:0 0 0 230px; display:table;float:left; position:absolute;}
.thanku-block-inner{vertical-align:middle;display: table-cell;text-align:center; }
.thanku-block-inner div{width:670px;height:auto;background-color:rgba(238,238,238,0.9); box-sizing:border-box;padding:60px 65px 30px 65px ;border:1px solid #b2aeac;display:inline-block;}
.thanku-block-inner h1{width: 100%;font-family:'Brandon Grotesque W01'; font-weight:600; font-style:normal;font-size:32px;color:#000;padding:0 0 0 0;float:left;margin:0px 0 0 0;display:inline-block;text-align:center; text-transform:uppercase;  }
.thanku-block-inner p{width: 100%;font-family:'Brandon Grotesque W01'; font-weight:400; font-style:normal;font-size:26px;color:#000;padding:10px 0 30px 0;float:left;margin:0px 0 0 0; display:inline-block;text-align:center;   }
.thanku-block-inner .scroll-down{background: url(../images/arrow-down-1.png) left center no-repeat;margin:0;  display:inline-block;width:22px;height:13px;}





.select-interest{width: 100%;position: relative;height: auto;float:left;margin:50px 0 6% 0;}
.select-interest h2{width: 100%;font-family:'Brandon Grotesque W01'; font-weight:600; font-style:normal;font-size:26px;color:#000;padding:0 0 30px 0;float:left;margin:0px 0 0 0;display:inline-block;text-align:center;   }

.select-interest ul{width: 100%;float:left;margin:0 0 5.2% 0;padding:0 0 4.5% 0;border-bottom:1px solid #d7d7d7;}
.select-interest ul li{width: 48%; margin:0 0 1% 4%;padding:0px 0; float:left; }
.select-interest ul li:nth-child(2n+1){margin-left:0;}
.select-interest ul li .button-interest{width: 100%; margin:0 0 10px 0;padding:10px 0; float:left; font-family:'Brandon Grotesque W01';
                                        font-weight:500; font-style:normal;font-size:20px;color:#000;
                                        background-color:#ffffff;text-decoration:none;text-align:center;border:none;outline:none;}
.select-interest ul li .button-interest:hover{background-color:#467bdb;color:#ffffff;}
.select-interest ul li .button-interest.btn-interest-select{background-color:#467bdb;color:#ffffff;}
.select-interest a.more{font-size:28px;height:auto;background-color:#4f4f4f;padding:0 66px 0 66px;line-height:1.95;}
.select-interest span{width: 100%;font-family:'Brandon Grotesque W01'; font-weight:400; font-style:normal;font-size:16px;color:#000;padding:10px 0 0px 0;float:left;margin:0px 0 0 0;display:inline-block;text-align:center;   }


/*My style*/
.select-interest .age-range{width: 100%;border-bottom:1px solid #d7d7d7;position: relative;height: auto;float:left;margin:0 0 6% 0;padding:1.98% 0 4.6% 0;}
.select-interest .age-range a{width:12.1%; margin:0 0 2.55% 2.55%;background-color:#ffffff;padding:16px 0 14px 0; float:left; font-family:'Brandon Grotesque W01'; font-weight:500; font-style:normal;font-size:20px;color:#000;background-color:#ffffff;text-decoration:none;text-align:center;border:none;outline:none;box-sizing:border-box;}
.select-interest .age-range a:nth-child(7n-6){margin-left:0;}
.select-interest .age-range a:hover{color:#ffffff;background-color:#467bdb;}
 .select-interest .age-range a.active{color:#ffffff;background-color:#467bdb;}

.select-interest .w-do-live{width:100%;border-bottom:1px solid #d7d7d7;position: relative;height: auto;float:left;margin:0 0 8.68% 0;padding:0.4% 0 7.88% 0;box-sizing:border-box;}
.select-interest .w-do-live select{width:48%;position: relative;height: auto;padding:10px 17px;display:inline-block;text-align:left;color:#ffffff;margin:0 0 0 0;border:none;font-family:'Brandon Grotesque W01';font-size:20px; font-weight:500; font-style:normal;-webkit-appearance: none ;-moz-appearance: none;background:url(../images/arrow-down.png) right 16px center no-repeat #467bdb;box-sizing:border-box;}
.select-interest .w-do-live select option{width:100%;height:auto;float:left;font-family:'Brandon Grotesque W01';font-size:20px;font-weight:500;background-color:#ffffff;color:#000;margin:0 0 0 0;}

.select-interest .age-range.do-u-visit{width: 100%;margin:0 0 7.8% 0;padding:1.2% 0 7.4% 0}
.select-interest .age-range.do-u-visit a{width:31.1%;}
.select-interest .age-range.do-u-visit a:nth-child(3n-2){margin-left:0;}
.select-interest .age-range.do-u-visit.gender{width: 100%;margin:0 0 9.5% 0;padding:1.6% 0 5.7% 0}




/*My style*/









div.img-box{width: 100%;position:relative;padding:0 !important;margin: 0 !important;}
div.img-box span{width: 100%;position:absolute;left:0;bottom:0;height:40px;}
div.img-box span.now{background:url(../images/icon-nowevent.png) top center no-repeat;}
div.img-box span.coming{background:url(../images/icon-comingevent.png) top center no-repeat;}
div.img-box span.past{background:url(../images/icon-pastevent.png) top center no-repeat;}


.tags {width: 100%; float: left; height: auto;text-align:center;margin:0 0 10px 0;}
.tags a{background:#fff;padding:3px 6px 3px 6px;display:inline-block;color:#a09b92;font-size:12px;font-family:'Brandon Grotesque W01'; font-weight:500; font-style:normal;text-decoration:none;margin-bottom:3px;}
.tags a span{color:#000;float:right;margin:0 0 0 7px;}
.tags a:hover,.tags a.active{background:#000;color:#fff;}
.tags a:hover span{color:#fff;}


.article.related {background:#fff;padding-top:40px;}

.article.listing {padding:45px 0 0 0;}

.article.related.christ {padding-top:0 !important;}

section #rssharing {width:100%;float:left;margin:50px 0 0 0;}
section #rssharing ul{width:100%;float:left;list-style:none;padding:0;margin:0;}
section #rssharing ul li{width:50%;float:left;padding:5px 5px 0 0;box-sizing:border-box;}
section #rssharing ul li:nth-child(2n){padding-right:0;}
section #rssharing ul li div.rssharing{width:100%;float:left;background:#fff;padding:20px 30px 30px 30px;box-sizing:border-box;}
section #rssharing ul li div.rssharing.fs{height:auto;}
section #rssharing ul li div.rssharing h2{width:100%;float:left;color:#a09b92;font-size:12px;font-family:'Brandon Grotesque W01'; font-weight:500; font-style:normal;text-align:center;margin-bottom:25px;}
section #rssharing ul li div.rssharing h2 span{width:auto;color:#a09b92;font-size:12px;font-family:'Brandon Grotesque W01'; font-weight:500; font-style:normal;border-bottom:solid 1px #cfcdc8;padding-bottom:3px;display:inline-block;}
section #rssharing ul li div.rssharing img{width:43.20%;float:left;max-width:227px;}
section #rssharing ul li div.rssharing div{width:56%;max-width:300px;float:left;padding-left:20px;box-sizing:border-box;text-align:left;}
section #rssharing ul li div.rssharing div h3{width:100%;float:left;color:#a09b92;font-size:20px;font-family:'Brandon Grotesque W01'; font-weight:700; font-style:normal;}
section #rssharing ul li div.rssharing div p{width:100%;float:left;color:#a09b92;font-size:18px;font-family:'Brandon Grotesque W01'; font-weight:400; font-style:normal;padding:10px 0 3px 0;margin:0;}
section #rssharing ul li div.rssharing div a{color:#a09b92;font-size:18px;font-family:'Brandon Grotesque W01'; font-weight:500; font-style:normal;}

section .share{width:450px;margin:30px auto;position:relative;}
section .share.full{width:610px;}
section .share ul{width:100%;border-top:#cbc8c3 1px solid;border-bottom:#cbc8c3 1px solid;margin:0  0 0 0px;float:left;}
/*section .share.first ul{margin-top:40px;}*/
section .share li{float:left;margin:0;padding:10px 25px 10px 0;font-family:'Brandon Grotesque W01'; font-weight:400; font-style:normal;font-size:14px;color:#000;}
section .share li span, section .share li a{font-family:'Brandon Grotesque W01'; font-weight:400; font-style:normal;font-size:13px;color:#000;line-height:.9;}
section .share li:first-child{padding-top:16px;}
section .share li a{width:24px;height:24px;float:left;}
section .share li a.facebook{background:url(../images/sprite1.png) center center no-repeat;width:14px;margin:0 5px;background-position: 0 83.611533%; background-size: 200%;}
section .share li a.twitter{background:url(../images/sprite1.png) center center no-repeat;background-position: 0 64.253394%; background-size: 116.666667%;}
section .share li a.pinit{background:url(../images/sprite1.png) center center no-repeat;background-position: 0 51.289833%; background-size: 116.666667%;}
section .share li a.googlep{background:url(../images/sprite1.png) center center no-repeat; background-position: 0 37.936267%; background-size: 116.666667%;}
section .share li a.email{background:url(../images/sprite2.png) center center no-repeat;background-position: 0 82.260597%; background-size: 416.666667%;}
section .share li a.comment{background:url(../images/icon-comments.png) right center no-repeat;width:auto;padding:3px 35px 0 0;}
section .share li:last-child{float:right;padding-right:0;}
section .share li .share-count{line-height:1.7;}

section .comments{float:left;background-color:#fff;min-height:60px;width:100%;}
section .comments a{background:url(../images/arrow.png) right center no-repeat;height:60px;width:100%;float:left;}
section .comments span{background:url(../images/massage.png) center left no-repeat;float:left;width:172px;text-align:right;margin:20px 0 0 20px;font-size:20px;font-family:'Brandon Grotesque W01'; font-weight:700; font-style:normal;}



/* Search Results ---------------------------------------- */
.search-result {width: 100%;position: relative; float: left;padding: 35px 20px 0 20px;box-sizing: border-box;min-height: calc(100vh - 35vh);}
.search-result .search-result-inner{width: 100%;position: relative; float: left;border-top:solid 1px #cbc8c3;margin:0 0 0 0;padding:0;}
.search-result .search-result-inner h2{width: 100%;position: relative;float:left;margin:-21px 0 30px 0;text-align:center;padding:0;}
.search-result .search-result-inner h2 span{font-family:'Brandon Grotesque W01'; font-weight:500; font-style:normal;text-align: center;font-size:12px;color:#000;text-transform:uppercase;padding:0 10px 0 10px;background-color:#f7f6f4;display:inline-block;}
.search-result .search-result-inner ul{width: 100%;float: left; list-style:none;padding:0;margin:0;}
.search-result .search-result-inner ul li{width:18.584070796460178%;height: auto; position: relative; float: left; padding:0 0 0 0;margin:0 0 35px 1.7699115044247787%;}

.search-result .search-result-inner ul li:nth-child(4n+1) { clear: none;}
.search-result .search-result-inner ul li:nth-of-type(4n) {width: 18.584070796460178%; }
.search-result .search-result-inner ul li:nth-child(5n-4){margin-left:0;clear:left;}
.search-result .search-result-inner ul li img{width: 100%;}
.search-result .search-result-inner ul li div{width: 100%;float: left; box-sizing: border-box;padding:15px 0 0 0;margin:0;text-align:left;}
.search-result .search-result-inner ul li div h3{width: 100%; float: left; font-family:'Brandon Grotesque W01'; font-weight:700;text-align:left; font-style:normal;font-size:16px;color:#000;text-transform:uppercase;padding:0 0 0 0;margin:0;}
.search-result .search-result-inner ul li div span{width: 100%; float: left; font-family:'Brandon Grotesque W01'; font-weight:500;text-align:left; font-style:normal;font-size:11px;color:#a09b92;text-transform:uppercase;padding:0 0 2px 0;margin:0;}


#container { position:fixed; top: 0; right: 0; bottom: 0;left: auto !important;}
#map-canvas-1 { width:calc(100vw - 230px - 510px - 15px) !important; height:100% !important;/*width: 100vw; height: 100vh; */opacity: 1; transition: opacity 0.5s; }
#map-canvas-2 { width:calc(100vw - 230px - 510px - 15px) !important; height: 100% !important; /*width: 100vw; height: 100vh;  */  opacity: 1; transition: opacity 0.5s; display:none !important;}
#container.ddetail #map-canvas-1 { width:calc(100vw - 230px - 480px - 15px) !important; height:auto !important;}
#container.ddetail {position: absolute;}
#container.ddetail #map-canvas-1 { width:calc(100vw - 230px - 480px - 15px) !important; height:100% !important;}
.closem {
        display:none;
    }
#map-controls { width: 100%; height: 0; position: relative; float: left; }
#map-controls.sticky { position: fixed; left: 0; bottom: 0; }
#map-controls #map-zoom-in { width: 32px; height: 32px; background: url(../images/zoom-in.png) left top no-repeat #000; position: absolute; right: 26px; bottom: 68px; cursor: pointer; }
#map-controls #map-zoom-in:hover { background-position: left -32px; background-color: #fff; }
#map-controls #map-zoom-out { width: 32px; height: 32px; background: url(../images/zoom-out.png) left top no-repeat #000; position: absolute; right: 26px; bottom: 26px; cursor: pointer; }
#map-controls #map-zoom-out:hover { background-position: left -32px; background-color: #fff; }

.gm-style-iw .infoWindow {width: 160px !important;background:transparent;overflow:hidden;float:left; }
.gm-style-iw .infoWindow h3{width:100%;float:left;font-family:'Brandon Grotesque W01'; font-weight:500; font-style:normal;font-size:18px;color:#000;position:relative;margin:0 0 0 0; text-transform:uppercase;}
.gm-style-iw .infoWindow p{width:100%;float:left;height:auto;font-family:'Brandon Grotesque W01'; font-weight:400; font-style:normal;font-size:16px;color:#000;margin:0;padding:10px 0 10px 0;}
.gm-style-iw .infoWindow a{width:100%;}


#crop { width:230px; height:220px; position: fixed; left: 0; top: 0; overflow:hidden; background-color:#e8e6de;display:none;}

#directory { position:relative; width: 510px;background-color:#f6f5f2; padding: 0; float:left;}
#directory:before { content: ""; position: fixed; height: 100%; width: 510px; background-color: #f6f5f2;left: 0; }
#directory .breadcrumb{width:480px;float:left;list-style:none;padding:0;margin:0;position:fixed;height:100px;background-color:#f7f6f4; }
#directory .breadcrumb li{width:100%;float:left;padding:21px 25px 21px 25px;box-sizing:border-box;line-height:1.1;border-bottom:solid 1px #e1dfdb;text-transform: uppercase;}
#directory .breadcrumb li a, #directory .breadcrumb li h1{color:#a09b92;font-size:26px;font-family:'Brandon Grotesque W01'; font-weight:500; font-style:normal;text-decoration:none;text-transform: uppercase;}
#directory .breadcrumb li h1{width:100%;color:#000;display:inline-block;}

#directory .directories{position:relative; width:480px; float:left;list-style:none;padding:0;margin:100px 0 0 0; background-color:#f7f6f4;}
#directory .directories li{ width:100%;padding:25px 25px 25px 25px;box-sizing:border-box;font-size:26px;font-family:'Brandon Grotesque W01'; font-weight:500; font-style:normal;color:#000;border-bottom:solid 1px #e1dfdb;position:relative;}
#directory .directories li:hover{ background:#e8e6de;}
/*#directory .directories li a{ width:100%; float:left;padding:25px 25px 25px 25px;box-sizing:border-box;}
#directory .directories li:hover{ background:#e8e6de;}*/
#directory .directories li.first{padding:15px 25px 15px 25px;text-transform:uppercase;}
#directory .directories li.first:hover{ background:transparent;}
#directory .directories li img{ width:28%; float:left;padding:0 25px 0 0;box-sizing:border-box;}
#directory .directories li div.inner{ width:67%; float:left; }
#directory .directories li div.inner h2{ width:100%; float:left;font-size:18px;font-family:'Brandon Grotesque W01'; font-weight:500; font-style:normal;color:#000;margin:-5px 0 0 0;text-transform:uppercase;}
#directory .directories li div.inner p{ width:100%; float:left;font-size:16px;font-family:'Brandon Grotesque W01'; font-weight:400; font-style:normal;color:#000;margin:5px 0 0 0;}
#directory .directories li a.icon{width:16px;height:12px;position:absolute;right:25px;padding:0;}
#directory .directories li a.icon.rso{ background:url(../images/icon-r.gif) top left no-repeat;top:25px;}
#directory .directories li a.icon.rsa{ background:url(../images/icon-rsa.gif) top left no-repeat;top:45px;}
#directory .directories li a.map{width:21px;height:39px;position:absolute;right:22px;background:url(../images/icon-mappin.png) top left no-repeat;top:75px;}

#directory .directories li div.inner div{ width:100%; float:left; }
#directory .directories li div.inner div a.link{  margin-right:20px;float:left;font-size:16px;font-family:'Brandon Grotesque W01'; font-weight:400; font-style:normal;color:#000;
                                                  margin-top:5px;background: rgba(0, 0, 0, 0) url("../images/chevron-right-information.png") no-repeat scroll right center / 7px 12px;padding: 0 10px 0 0 !important;box-sizing:border-box;}
/*
#directory .atoz-directory{position:absolute; top:0;right:0;background:#fff;width:30px;height:auto; }
#directory .atoz-directory ul{position:fixed; width:30px; padding:0;margin:0 0 0 0;background:#fff;height:100%;top:0;}
#directory .atoz-directory ul li a{width:100%; float: none; display: block; margin: 0 ;text-align:center;font-size:16px;font-family:'Brandon Grotesque W01'; font-weight:500; font-style:normal;color:#000;text-decoration:none;}
#directory .atoz-directory ul li a:hover{color:#939085;}
#directory .atoz-directory ul li a.number{background:url(../images/img-123.gif) top center no-repeat;}
#directory .atoz-directory ul li a.number:hover{background:url(../images/img-123h.gif) top center no-repeat;}

.atoz-directory:before { content: ""; position: fixed; height: 100%; width: 30px; background-color: #ffffff; }*/

.anchor { margin-top: -114px; height: 114px; display: block; visibility: hidden; }

.atoz-directory { top: auto; bottom: 0; position: absolute; right: 0; background: #fff; width: 30px; height: auto; z-index: 20; }
.atoz-directory:before { content: " "; position: fixed; height: 100%; width: 30px; background-color: #ffffff;  }
.atoz-directory ul { position: absolute; width: 30px; padding: 0; margin: 0 0 0 0; background: #fff; top: auto; bottom: 0; z-index: 30; list-style-type: none; }
.atoz-directory.sticky { top: 0; bottom: auto; }
.atoz-directory.sticky ul { position: fixed; top: 0; bottom: auto; }
.atoz-directory ul li a { height: 20px; width: 100%; float: none; display: block; margin: 0; text-align: center; font-size: 16px; font-family: 'Brandon Grotesque W01'; font-weight: 500; font-style: normal; color: #000; text-decoration: none; }
.atoz-directory ul li a:hover{color:#939085;}
.atoz-directory ul li .number {height: 20px; background: url(../images/img-123.gif) center top no-repeat; }
.atoz-directory ul li .number:hover{background:url(../images/img-123h.gif) top center no-repeat;}

/*
#container.mapret #map-canvas-1{ height: 100vh; }
#container.mapret #cd-zoom-in{ bottom:26vh;}
#container.mapret #cd-zoom-out{ bottom:22vh;} */


#retailer #social-feed h3{font-weight:500; font-size:12px;color:#000;padding:20px 0 25px 0;}
#retailer #social-feed h3 span{border-bottom:solid 1px #cbc8c3;width:auto;padding-bottom:2px;}

#retailer { position:relative; width:480px; background-color:#f7f6f4; padding: 0;float:left;}
#retailer .retailer{ width:100%; float:left;}
#retailer .retailer div.detail{ width:100%; float:left;padding:21px 25px 21px 25px;box-sizing:border-box;border-bottom:solid 1px #cbc8c3;position:relative;}
#retailer .retailer div.detail.heading{display:table;}
#retailer .retailer div.detail.heading .d-inner{display:table-cell;vertical-align:middle;}
#retailer .retailer div.detail h1{ width:auto; float:left;font-family:'Brandon Grotesque W01'; font-weight:500; font-style:normal;font-size:28px;color:#000;
                                   line-height: 1.1; padding-top: 2px; text-transform:uppercase; }
#retailer .retailer div.detail h2{ width:100%; float:left;font-family:'Brandon Grotesque W01'; font-weight:700; font-style:normal;font-size:18px;color:#000;line-height: 1.1; padding-bottom: 20px; text-transform:uppercase; }
#retailer .retailer div.detail .img{width:95px;height:62px;float:right;margin-left: 20px; }
#retailer .retailer div.detail .img img{width:100%;}

#retailer .retailer div.detail p{ width:100%; float:left;font-family:'Brandon Grotesque W01'; font-weight:400; font-style:normal;font-size:18px;color:#000;padding:0 0 0 0;margin:0;line-height:1.2;}
#retailer .retailer div.detail p.timevary{ font-size: 16px;}
#retailer .retailer div.detail a.show-map{position:absolute;right:30px;top:25px;font-family: 'Brandon Grotesque W01';font-weight: 500;font-style: normal;font-size: 18px;color: #b4582a;background: url(../images/arrow-show-map.png) right center no-repeat;padding:0 10px 0 0;text-decoration:none;}
#retailer .retailer div.detail a.show-map:hover{text-decoration:none;}
#retailer .retailer div.detail p a{text-decoration:underline;}
#retailer .retailer div.detail p a:hover{text-decoration:none;}


#retailer .retailer div.detail.gettinghere{ padding:30px 20px 30px 20px;}
#retailer .retailer div.detail.gettinghere p:first-of-type{ padding:0 0 0 0;}
#retailer .retailer div.detail.gettinghere p{ padding:20px 0 0 0;}


#retailer .retailer div.detail div.address{ width:150px; float:left;}
#retailer .retailer div.detail div.address a{ font-family:'Brandon Grotesque W01'; font-weight:500; font-style:normal;font-size:16px;color:#000;}
#retailer .retailer div.detail div.timing{ width:260px; float:right;margin:0 0 0 0;}
#retailer .retailer div.detail div.timing p{ margin:0 0 20px 0;float:right;}
#retailer .retailer div.detail div.timing p b{color: #b4582a;padding: 0;float: left;margin: -21px 0 0 170px;position: relative;right: 0;top: 0;}
#retailer .retailer div.detail div.timing p:hover b{color:#000;}
#retailer .retailer div.detail div.timing p a.clock {
    height: 32px;
    padding: 0;
    position: absolute;
    right: 20px;
    width: 32px;
    background: rgba(0, 0, 0, 0) url("../images/icon-clock.jpg") no-repeat scroll left top;
    top: 25px;
}

#retailer .retailer div.detail div.timing p span{ font-weight:500; font-size:18px;color:#b4582a;margin: 0 0 0 0;width:100%;float:left;}
#retailer .retailer div.detail div.timing a.icon{ width:100%; float:left;font-family:'Brandon Grotesque W01'; font-weight:400; font-style:normal;font-size:16px;color:#000;box-sizing:border-box;padding-left:25px;margin-bottom:4px;text-decoration:none;}
#retailer .retailer div.detail div.timing a.icon.rso{ background:url(../images/icon-r.gif) center left no-repeat;}
#retailer .retailer div.detail div.timing a.icon.rsa{ background:url(../images/icon-rsa.gif) center left no-repeat;}
#retailer .retailer .share{width:100%;padding:0 25px 0 25px;box-sizing:border-box;float:left;margin:0 0 0 0;border-bottom: 1px solid #cbc8c3;}
#retailer .retailer .share ul{border-top:0px;border-bottom:0px;margin:0 0 0 0px;}
#retailer .retailer div.detail div.timing p#timeOpen {
    cursor:pointer;
}
#retailer .retailer div.detail div.timing p#timeOpen:hover p, #retailer .retailer div.detail div.timing p#timeOpen:hover span {
    color:#000000;
}
#retailer .retailer div.detail #openingtimes{ position:absolute; width:0; transition:width 0.25s;overflow:hidden;min-height:270px;left:480px;top:-105px;
                                              transition:width 0.25s;overflow:hidden;z-index:2;}
#retailer .retailer div.detail #openingtimes.open{ width:100%;}
#retailer .retailer div.detail #openingtimes .openingtimes{ position:absolute; width:350px;left:auto;top:0;height:100%; background-color:#fff;padding:20px;box-sizing:border-box;right:130px;}
#retailer .retailer div.detail #openingtimes .openingtimes h3 {
    color: #000;
    float: left;
    font-family: "Brandon Grotesque W01";
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    padding: 0 0 0 0;
    text-align: left;
    text-transform: uppercase;
    width: auto;
    border-bottom: 1px solid #cbc8c3;
    padding-bottom: 2px;
    width: auto;
}
#retailer .retailer div.detail #openingtimes .openingtimes ul { float: left; width: 100%;list-style:none;padding:0;margin:12px 0 0 0;}
#retailer .retailer div.detail #openingtimes .openingtimes ul li{ float: left; width: 100%;margin:4px 0 0 0; }
#retailer .retailer div.detail #openingtimes .openingtimes ul li span{ float: left;font-family:'Brandon Grotesque W01'; font-weight:400; font-style:normal; font-size:16px;padding-right:5px; }
#retailer .retailer div.detail #openingtimes .openingtimes ul li span.day, #retailer .retailer div.detail .openingtimes ul li span.date{width: 125px;}
#retailer .retailer div.detail #openingtimes .openingtimes ul li p{ float: left; width: 170px;font-family:'Brandon Grotesque W01'; font-weight:500; font-style:normal; font-size:18px; }
#retailer .retailer div.detail #openingtimes .openingtimes ul li p b{ font-weight:500; font-size:18px; }
#retailer .retailer div.detail .icon-arrow{width:14px !important; background: url(../images/arrow-opentiming.png) left center no-repeat;min-height:225px;position:absolute;
                                           top:-98px;right:-1px;
                                           opacity:0;
    -moz-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
    -webkit-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
}
#retailer .retailer div.detail .icon-arrow.open{opacity:1;width:15px;}
#retailer .retailer div.detail #openingtimes .closetime{width:16px; background: url(../images/icon-close-r.png) left center no-repeat;height:16px;position:absolute;top:20px;right:20px;}

#retailer .retailer div.detail div.close-box{width:290px;height:100%;margin:0;padding:20px;background-color:#000000;position:absolute;top:0;right:0;box-sizing:border-box;}
#retailer .retailer div.detail div.close-box span{width:100%;float:left;margin:0;padding:0;text-align:left;font-family:'Brandon Grotesque W01'; font-weight:700; font-style:normal;color:#FFFFFF;font-size:18px;line-height:26px;text-transform:uppercase;}
#retailer .retailer div.detail div.close-box p{width:100%;float:left;margin:0;padding:0;text-align:left;font-family:'Brandon Grotesque W01'; font-weight:400; font-style:normal;color:#FFFFFF;font-size:18px;line-height:24px;}
#retailer .retailer div.detail div.close-box a{color:#FFFFFF;text-decoration:underline !important;}
#retailer .retailer div.detail div.close-box a:hover{text-decoration:none !important;}

#retailer #social-feed .see-more {padding-bottom: 50%;width: 50%;position:relative;}
#retailer #social-feed .see-more a{padding-right:40px;}


.boarder {
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	position:absolute;
}

.square {
	height:84%;
	width:84%;
	left:8%;
	top:8%;
	position:absolute;
}

.dot{
    position:absolute;
    top:23.599%;
    left:80%;
    width:32.8%;
    height:32.8%;
    background:white;
    border-radius:50%;
}

.sun{
    width:47.619%;
    height:47.619%;
    position:absolute;
    top:22.571%;
    left:11.047%;
	-webkit-animation: Rotate 2.15s ease-in-out infinite;
	-moz-animation: Rotate 2.15s ease-in-out infinite;
	-o-animation: Rotate 2.15s ease-in-out infinite;
	-ms-transition: Rotate 2.15s ease-in-out infinite;
    animation-name: Rotate 2.15s ease-in-out infinite;
}

@-webkit-keyframes Rotate {
    35% {transform:rotate(0deg);}
    100% {transform:rotate(360deg);}
}

@-moz-keyframes Rotate {
    35% {transform:rotate(0deg);}
    100% {transform:rotate(360deg);}
}

@-o-keyframes Rotate {
    35% {transform:rotate(0deg);}
    100% {transform:rotate(360deg);}
}

@-ms-keyframes Rotate {
    35% {transform:rotate(0deg);}
    100% {transform:rotate(360deg);}
}

@keyframes Rotate {
    35% {transform:rotate(0deg);}
    100% {transform:rotate(360deg);}
}

.stem {
    position:absolute;
    top:22.571%;
    left:35.238%;
    width:47.619%;
    height:47.619%;
	-webkit-animation: Rotate 2.15s ease-in-out infinite;
	-moz-animation: Rotate 2.15s ease-in-out infinite;
	-o-animation: Rotate 2.15s ease-in-out infinite;
	-ms-transition: Rotate 2.15s ease-in-out infinite;
    animation-name: Rotate 2.15s ease-in-out infinite;
}

.rectangle {
	height:68%;
	width:27.6%;
	top:23.599%;
	background:white;
	position:absolute;
	-webkit-animation: Half 2.15s ease-in-out infinite;
	-moz-animation: Half 2.15s ease-in-out infinite;
	-o-animation: Half 2.15s ease-in-out infinite;
	-ms-animation: Half 2.15s ease-in-out infinite;
    animation-name: Half 2.15s ease-in-out infinite;
}

@-webkit-keyframes Half {
	35% {transform:rotate(0deg);}
	100% {transform:rotate(-540deg);}
}

@-moz-keyframes Half {
     35% {transform:rotate(0deg);}
    100% {transform:rotate(-540deg);}
}

@-o-keyframes Half {
	35% {transform:rotate(0deg);}
	100% {transform:rotate(-540deg);}
}

@-ms-keyframes Half {
	35% {transform:rotate(0deg);}
	100% {transform:rotate(-540deg);}
}

@keyframes Half {
     35% {transform:rotate(0deg);}
    100% {transform:rotate(-540deg);}
}



/*
#retailer #social-feed .social-post, #retailer #social-feed .see-more {padding-bottom: 50%;width: 50%;}
#retailer #social-feed .see-more a{padding-right:40px;} */
#retailer #social-feed h3{font-weight:500; font-size:12px;color:#000;padding:20px 0 25px 0;}
#retailer #social-feed h3 span{border-bottom:solid 1px #cbc8c3;width:auto;padding-bottom:2px;}

#retailer #retailer-article{width: 100%;float:left;background:#fff;}
#retailer #retailer-article h3{width: 100%; float: left; font-family:'Brandon Grotesque W01'; font-weight:500; font-style:normal;text-align: center;font-size:12px;color:#000;text-transform:uppercase;padding:20px 0;}
#retailer #retailer-article h3 span{border-bottom:solid 1px #cbc8c3;width:auto;padding-bottom:2px;}
#retailer #retailer-article ul{width: 100%;float:left;padding:0;margin:0;list-style:none;}
#retailer #retailer-article ul li{width:100%; float:left;padding:20px 25px 20px 25px;box-sizing:border-box;border-top:solid 1px #e7e6e4;}
#retailer #retailer-article ul li:hover{background:#e8e6de;}
#retailer #retailer-article ul li img{ width:150px; float:left;}
#retailer #retailer-article ul li div{width:255px; float:left;margin:0 0 0 25px;}
#retailer #retailer-article ul li div h2{width: 100%; float: left;font-family:'Brandon Grotesque W01'; font-weight:700; font-style:normal;font-size:18px;color:#a09b92;text-transform:uppercase;}
#retailer #retailer-article ul li div p{width: 100%; float: left;font-family:'Brandon Grotesque W01'; font-weight:400; font-style:normal;font-size:16px;color:#000;margin-top:10px;}

.more{width: auto; font-family:'Brandon Grotesque W01'; font-weight:700; font-style:normal;text-align: center;font-size:12px;color:#fff;padding:0 22px 0 22px;height:29px;background:#000;display:inline-block;text-transform:uppercase;
      line-height:2.4;
      -webkit-transition: all .50s ease-in-out;
        -moz-transition: all .50s ease-in-out;
        -o-transition: all .50s ease-in-out;
        transition: all .50s ease-in-out;
}
.more:hover{color:#000;background:#fff;text-decoration:none;}
.more.mps:hover{color:#000;background:#f6f5f2;text-decoration:none;}

.more.white{color:#000;background:#fff;}
.more.white:hover{color:#fff;background:#000;}


/* Competition ---------------------------------------- */
.form-main{width:100%;float:left;}
.form{width:610px;position:relative;padding: 0 0px 0 0px;margin: 30px auto;text-align:center;}
.form img{width:auto; }

.form .form-inner{width:100%;float:left; margin:-40px 0 0 0;padding: 65px 25px 25px 25px;background-color:#fff;text-align:left;}
.form .form-inner div{width:100%;float:left;margin:0 0 15px 0;padding:0;}
.form .form-inner div span{width:160px;float:left;font-family:'Brandon Grotesque W01'; font-weight:400; font-style:normal;font-size:18px;color:#000;padding:0;margin:3px 0 0 0;text-align:left;}
.form .form-inner div input[type="text"]{width:400px;float:left;font-family:'Brandon Grotesque W01'; font-weight:400; font-style:normal;font-size:18px;color:#000;padding:0 5px 0 5px;margin:0 0 0 0;border:solid 1px #cbc8c3;background-color:#f9f9f9;height:30px;}
.form .form-inner div.checkbox{width:400px;float:right;margin:5px 0 5px 0;padding:0;}
.form .form-inner div.checkbox input[type="checkbox"]{width:15px;float:left;border:solid 1px #cbc8c3;background-color:#f9f9f9;}
.form .form-inner div.checkbox span{width:85%;float:left;font-family:'Brandon Grotesque W01'; font-weight:400; font-style:normal;font-size:18px;color:#000;padding:0;margin:-4px 0 0 10px;text-align:left;}
.form .form-inner div.checkbox span a{width:auto;font-family:'Brandon Grotesque W01'; font-weight:400; font-style:normal;font-size:18px;color:#a09b92;padding:0;margin:3px 0 0 0;text-align:left;}
.form .form-inner div label{width:100%;float:left; font-family:'Brandon Grotesque W01'; font-weight:600; font-style:normal;font-size:18px;color:red;padding:0 0px 0 160px;margin:0 0 0 0;border:solid 0px #cbc8c3;height:auto;box-sizing:border-box;}
.form .form-inner div input[type="text"].border{border:solid 1px red;}

.form .form-inner div.captcha{width:100%;float:left;margin:10px 0 0 0;padding:0;}
.form .form-inner div.captcha span{width:160px;float:left;font-family:'Brandon Grotesque W01'; font-weight:400; font-style:normal;font-size:18px;color:#000;padding:0;margin:3% 0 0 0px;}
.form .form-inner div.captcha div{width:400px !important;float:left;margin:0;padding:0;}

.form .form-inner div.button {width:400px;float:right;margin:0;}
.form .form-inner a.enter{width:150px;display:inline-block;margin:20px 0 0 0;background-color:#000;padding:10px 0 10px 0;color:#fff;font-family:'Brandon Grotesque W01'; font-weight:700;font-style:normal;font-size:16px;text-decoration:none;text-align:center;}
.form .form-inner a.enter:hover{background-color:#f1f0eb;color:#000;}


.form .form-inner .form-question{width:100%;float:left; margin:-50px 0 30px 0;padding:30px 0;border-bottom:solid 1px #d2cdbe;text-align:center;}
.form .form-inner .form-question h4{width:100%;float:left; margin:0;padding: 0 0 15px 0;background-color:#fff;text-align:center;font-family:'Brandon Grotesque W01'; font-weight:700; font-style:normal;font-size:28px;}
.form .form-inner .form-question div{width: 100%; display: inline-block; float: none;padding-top:10px;}
.form .form-inner .form-question div input[type="radio"]{width:auto;float:left;border:solid 1px #cbc8c3;background-color:#f9f9f9;}
.form .form-inner .form-question div span{width:auto;float:left;font-family:'Brandon Grotesque W01'; font-weight:400; font-style:normal;font-size:20px;color:#000;padding:0;
                                          margin:/*-7*/0px 0 0 10px;text-align:left;}

.terms {background:#fff;width:100%;float:left;margin:0 0 0 0;padding:10px 30px 10px 30px;text-align:left;}
.terms ul, .terms ol{margin: 0 0; display: block; padding: 0 0 0 13px;  }
.terms ul{list-style:disc; }
.terms ol{list-style:decimal; }
.terms ul li, .terms ol li, .terms p{margin: 0 0 25px 0; padding: 0; font-family:'Brandon Grotesque W01'; font-weight:400; font-style:normal;font-size:16px;}

.button-white {width: 100%; float: left; font-size:20px;font-family:'Brandon Grotesque W01'; font-weight:500; font-style:normal;height: 60px;
               background: #fff url(../images/terms-and-conditions.gif) center right no-repeat;
                       margin: 30px 0 0 0;text-align:left;padding:19px 0 0 28px;text-decoration:none;cursor:pointer;}
.button-white:hover {background: #000 url(../images/terms-and-conditionsw.gif) center right no-repeat;text-decoration:none;color:#fff;}
.button-white.active {background: #fff url(../images/terms-and-conditionsh.gif) center right no-repeat;text-decoration:none;color:#000;}

/* contact ---------------------------------------- */
#contact-us {width: 100%; float: left; background: #f7f6f4;padding: 0 0 40px 0;margin:0;}
#contact-us h3{width: 100%; float: left;font-family:'Brandon Grotesque W01'; font-weight:700; font-style:normal;text-align: center;font-size:32px;color:#000;text-transform:uppercase;padding:35px 0 35px 0;margin:0;}
#contact-us h3 span{width: 26%;border-bottom:solid 1px #cbc8c3;padding-bottom:30px;position:relative;margin: 0 0 0 37%;float:left;}
#contact-us .contacts{width: 780px;position:relative;margin: 0 auto;padding:0;}
#contact-us .contacts .inner{width: 100%;float: left;padding:0;margin:5px 0 0 0;}
#contact-us .contacts .inner p{width: 368px;float: left;padding:0 25px 0 0;margin:0;font-family:'Brandon Grotesque W01'; font-weight:700; font-style:normal;font-size:16px;color:#000;box-sizing:border-box;}
#contact-us .contacts .inner ul{width:auto;position:relative;float:left;list-style:none;padding:0 0 0 0;margin:0}
#contact-us .contacts .inner ul li a{float:left;width:auto;font-family:'Brandon Grotesque W01'; font-weight:700; font-style:normal;font-size:28px;color:#020905;padding:1px 0 0 38px;margin-bottom:30px;}
#contact-us .contacts .inner ul li a:hover{color:#020905;text-decoration:none;}
#contact-us .contacts .inner ul li a.call{background:url(../images/icon-call.png) left top no-repeat;padding-top:0;height:28px;}
#contact-us .contacts .inner ul li a.email{background:url(../images/icon-email.png) left top no-repeat;padding-top:0;height:28px;}
#contact-us .contacts .inner ul li a.website{background:url(../images/icon-website2.png) left top no-repeat;padding-top:0;height:28px;}

#other-contacts {width: 100%; float: left; background: #fff;padding:30px 0 40px 0;text-align:center;}
#other-contacts h3{width: 100%; float: left; text-align:center;font-family:'Brandon Grotesque W01'; font-weight:500; font-style:normal;text-align: center;font-size:20px;color:#000;text-transform:uppercase;padding:0 0 0 0;}
#other-contacts h3 span{width: auto;border-bottom:solid 1px #cbc8c3;padding-bottom:0px;position:relative;margin: 0 auto;float:none;}
#other-contacts .bannerpra{width:100%;margin:-30px 0 30px 0;padding:0;float:left;text-align:center;background:#e6e6e6;}
#other-contacts p{width: 100%;max-width:550px;display:inline-block; font-family:'Brandon Grotesque W01'; font-weight:400; font-style:normal;text-align: center;font-size:16px;color:#000;padding:15px 0;margin:0;}
#other-contacts ul{width: 646px; margin:0 auto; padding:0 0 0 0;list-style:none;}
#other-contacts ul li{width: 254px; float:left;margin-right:69px;text-align:center;position:relative;padding:0;}
#other-contacts ul li:last-child{margin-right:0;}
#other-contacts ul li img{width: 200px; height:200px;border-radius: 100%; }
#other-contacts ul li h4{width: 100%; float: left; font-family:'Brandon Grotesque W01'; font-weight:700; font-style:normal;text-align: center;font-size:16px;color:#000;text-transform:uppercase;padding:40px 0 0 0;}
#other-contacts ul li p{width: 100%; float: left; font-family:'Brandon Grotesque W01'; font-weight:400; font-style:normal;text-align: center;font-size:16px;color:#000;padding:15px 0px 22px 0;margin:0;}
#other-contacts ul li a{float:none;width:auto;font-family:'Brandon Grotesque W01'; font-weight:700; font-style:normal;font-size:16px;color:#020905;padding:1px 0 0 25px;margin-bottom:15px;text-decoration:none;text-align:center;}
#other-contacts ul li a.call{background:url(../images/icon-call-small.png) left top no-repeat;padding-top:0;height:16px;display:inline-block;}
#other-contacts ul li a.email{background:url(../images/icon-email-small.png) left top no-repeat;padding-top:0;height:20px;display:inline-block;}
#other-contacts ul li a.website{background:url(../images/icon-website.png) left top no-repeat;padding-top:0;height:18px;display:inline-block;}


#wechat-popup{width:100%;height:100%;background:url(../images/bgtrans.png) top center repeat;position:fixed;top:0;left:0;z-index:999;display:none;}
#wechat{max-width:375px;width:100%;margin:0 auto;height:auto;position:relative;top:100px;text-align:center;min-width:320px;}
#wechat .wechat{width:100%;margin:0 0 0 0;padding:28px 0 28px 0;box-sizing:border-box;float:left;height:auto;background-color:#f6f5f2;}
#wechat .wechat a.close{background: url(../images/cancle.jpg) center center no-repeat;height:40px;width:40px;position:absolute;right:0;top:0;}
#wechat .wechat-inner{width:100%;margin:0 0 0 0;padding:15px 38px 0 38px;box-sizing:border-box;float:left;height:auto;background-color:#f6f5f2;}
#wechat .wechat .qr{padding:0 0px 0 0px;height:auto;width:100%;float:left;margin:0 0 0 0;}
#wechat .wechat p{text-align:center;font-family:'Brandon Grotesque W01'; font-weight:500; font-style:normal;font-size:20px;color:#000000;padding:15px 0 0 0;margin:0;width:100%;float:left;}

#wechat-popup.open{display:block;}



#newsletterpopup{width:100%;height:100%;background:url(../images/bgtrans.png) top center repeat;position:fixed;top:0;left:0;z-index:999;display:none;}
#newsletterpopup div{min-width:320px;max-width:610px;width:610px;margin:0 auto;position:relative;top:15px;text-align:center;}
#newsletterpopup div a.close{background: url(../images/cancle.jpg) center center no-repeat;height:40px;width:40px;position:absolute;right:20px;top:0;}
#newsletterpopup.open{display:block;}

/* cookies */
#cookies {width:100%;background:#201f1d;float:left;z-index:80;display:none !important;position:relative; height:38px;padding:8px 0 0px 0; transition: top 0.25s;box-sizing:border-box;}
#cookies.sticky {display:block;}
#cookies p {color: #fff;font-size: 14px;margin:0;padding: 0;width: 100%; font-family:'Brandon Grotesque W01'; font-weight:400; font-style:normal;text-align:center;}
#cookies p a {color: #fff; }
#cookies .close{background-image: url(../images/icon-close-cookies.png); display: block;height: 16px;position: absolute;right: 21px;top: 11px;width: 16px;background-size:cover;}



.newsletter-bar {width:100%;background-color:rgba(234,234,234,0.9);float:left;z-index:80;position:relative;height:95px;padding:12px 0 0px 0; transition: bottom 0.25s;box-sizing:border-box;text-align:center;}
.newsletter-bar .bar-inner{ width:100%;float:left;padding:0 0 0 230px;box-sizing:border-box; }
.newsletter-bar .bar-inner p {color: #000000;font-size: 20px;margin:0 70px 0 0;padding: 0;width: auto; font-family:'Brandon Grotesque W01';   font-style:normal;text-align:center;display:inline-block;font-weight:700;}

.newsletter-bar .bar-inner input[type="email"] {width: 300px;height: auto;box-sizing: border-box;border: none;color: #8c8c8c;font-size: 20px;box-sizing: border-box; padding:0;box-sizing: border-box;outline: none;font-family:'Brandon Grotesque W01';margin: 0 18px 0 0;transition: all 0.5s ease;border-bottom:1px solid #8c8c8c;display:inline-block;background:none;}
.newsletter-bar .bar-inner input[type="email"].error{border-bottom:1px solid red;}
.newsletter-bar .bar-inner input[type="button"] {width: auto;height: auto;box-sizing: border-box;border: none;color: #8c8c8c;font-size: 14px;box-sizing: border-box;background-color: #fafafa;padding: 4px 22px;box-sizing: border-box;outline: none;font-family:'Brandon Grotesque W01';margin: 0 0 0 0;transition: all 0.5s ease;display:inline-block;font-weight:600;}
  .newsletter-bar .bar-inner input[type="button"]:hover{color:#fff;background:#8c8c8c;}
.newsletter-bar .close{background-image: url(../images/icon-close-news-letter-bar.png); display: block;height: 19px;position: absolute;right: 21px;top: 15px;width: 19px;background-size:cover;}



.newsletter-bar .bar-inner .trems { width:100%;float:left;margin:0;padding:12px 0 0 0; }
.newsletter-bar .bar-inner .trems p{color: #000000;font-size: 16px;margin:0 0 0 0;padding: 0;width: auto; font-family:'Brandon Grotesque W01';   font-style:normal;text-align:center;display:inline-block;font-weight:400;}
.newsletter-bar .bar-inner .trems p input[type="checkbox"]{ margin-right:10px; display:inline-block;}
.newsletter-bar .bar-inner .trems p a{color: #000000;font-size: 16px;margin:0 0 0 10px;padding: 0;width: auto; font-family:'Brandon Grotesque W01';   font-style:normal;text-align:center;display:inline-block;font-weight:400;text-decoration:underline;}
.newsletter-bar .bar-inner .trems p a:last-child{ border-left:1px solid #000;padding-left:13px;}
.newsletter-bar .bar-inner .trems p a:hover{text-decoration:none;}


/* Sign Up */
.feature.signup {
   width:100%;height:auto;padding-bottom:0;margin:0;position:relative;
}
.sign-up{width:100%;float:left;margin:0px 0 5px 0;background-color:#d5cfc3;padding: 25px 0 25px 0;box-sizing:border-box;}
.sign-up .sign-up-inner{width:870px;margin:0 auto;position:relative;}
.sign-up .sign-up-inner h4{width:100%;float:left; margin:0;padding: 0 0 15px 0;text-align:center;font-family:'Brandon Grotesque W01'; font-weight:500; font-style:normal;font-size:22px;}
.sign-up .sign-up-inner div{width:365px;float:left;margin:0 15px 0 0;padding:0;}
.sign-up .sign-up-inner div:nth-child(odd){margin:0 0 0 0;}
.sign-up .sign-up-inner div span{width:auto;float:left;font-family:'Brandon Grotesque W01'; font-weight:500; font-style:normal;font-size:18px;color:#000;padding:12px 15px 0 0;margin:0 0 0 0;text-align:left;box-sizing:border-box;}
.sign-up div input[type="text"]{width:300px;float:left;font-family:'Brandon Grotesque W01'; font-weight:400; font-style:normal;font-size:18px;color:#000;padding:0 5px 0 5px;margin:0 0 0 0;border:solid 1px #cbc8c3;background-color:#f9f9f9;height:46px;box-sizing:border-box;}
.sign-up .sign-up-inner a.enter{width:125px;display:inline-block;margin:1px 0 0 0;background-color:#000;padding:12px 0 12px 0;color:#fff;font-family:'Brandon Grotesque W01'; font-weight:700;font-style:normal;font-size:16px;text-decoration:none;text-align:center;box-sizing:border-box;}
.sign-up .sign-up-inner a.enter:hover{background-color:#f1f0eb;color:#000;}



#articles .articles .detail .riba-selection{width:100%;float:left;padding:0 0px 0 0px;box-sizing:border-box;height:auto; }
#articles .articles .detail .riba-selection ul{width:100%;float:left;height:auto;margin:0 0 0 0;padding:0 0 0 0;clear:both;}
#articles .articles .detail .riba-selection ul li{width:23.5%;float:left;height:auto;margin:0 2% 0px 0;padding:0 0 0px 0; }
#articles .articles .detail .riba-selection ul li:nth-child(4n+4){margin-right:0;}

#articles .articles .detail .riba-selection ul li img{width:100%;float:left;height:auto; }
#articles .articles .detail .riba-selection ul li div{width:100%;float:left;height:auto;margin:5px 0 0 0;padding:0 0 20px 0px;box-sizing:border-box;}
#articles .articles .detail .riba-selection ul li div input[type="checkbox"], input[type="radio"]{float:left;width:15px;height:25px;margin:0px 0 0 0;}
#articles .articles .detail .riba-selection ul li div span{width:92%;float:left;height:auto;font-family: 'Brandon Grotesque W01';
                                                           font-weight: 400;font-style: normal;font-size: 20px;color: #000;text-align:left;padding:0 0 0 5px;}

#articles .articles .detail .submit{width:100%;margin:0 0 0 0; float:left;height:auto;}
#articles .articles .detail .submit .submit-inner{width:500px;margin:20px auto; height:auto;border-top:1px solid #d1d2d4; }
#articles .articles .detail .submit .submit-inner .search{margin: 25px 0px 0px 0px;padding:0;width:100%;border-radius: 0px;box-sizing: border-box;float:left; }
#articles .articles .detail .submit .submit-inner .search input[type="text"]{float: left;margin: 0;padding: 0px 0 0px 10px;width: 400px;height:33px;border: hidden;
                                                                                 font-size: 15px;color: #808285;border: 1px solid #bbbdc0;font-size: 14px;font-family: 'Open Sans', sans-serif;
                                                                                 font-weight: 400;font-style: normal;box-sizing: border-box;outline: none;font-family: 'Brandon Grotesque W01';}
#articles .articles .detail .submit .submit-inner .search .button{float:left;margin:0 0 0 0;padding:0;width:auto;}
#articles .articles .detail .submit .submit-inner .search .button input{float: left;margin:0;padding:0;width: 100px;height: 33px;background: #fff url(../images/submit-riba.png)no-repeat left;cursor: pointer;border: 0;text-indent:9999999px;}
#articles .articles .detail .submit .submit-inner div{float:left;width:100%;margin:15px 0 0 0;padding:0 0 0 0;}
#articles .articles .detail .submit .submit-inner div input[type="radio"]{float:left;width:15px;height:25px;margin:0px 0 0 0;}
#articles .articles .detail .submit .submit-inner div span{width:92%;float:left;height:auto;font-family: 'Brandon Grotesque W01';
                                                           font-weight: 400;font-style: normal;font-size: 20px;color: #000;text-align:left;padding:0 0 0 10px;}

#articles .articles .detail .submit .submit-inner div span.msg-red{color:red;font-size:16px;margin-top:10px;width:100%;padding:0 0 0 0px;}
#articles .articles .detail .submit .submit-inner div span.msg-green{color:green;font-size:16px;margin-top:10px;width:100%;padding:0 0 0 0px;}


.bg-1{width:100%;height:100%;display: block;background: rgba(0, 0, 0, 0.85098);position:absolute;left:0;top:0;z-index:999999999;}
.bg-1 .bg-1-inner{margin:20px auto;max-width:900px;width:100%;box-sizing:border-box;padding:0 20px 0 20px;}
.bg-1 .bg-1-inner .box-inner{width:100%;background-color:#ffffff;height:auto;padding:5px 70px 20px 70px;box-sizing:border-box;text-align:left;float:left;}
.bg-1 .bg-1-inner .box-inner a.close-1{width:60px;height:60px;float:right;background:url(../images/close-1-1.jpg) left top no-repeat;margin:0 -65px 0 0;}
.bg-1 .bg-1-inner .box-inner img{width:100%;height:auto;float:left;clear:both;}
.bg-1 .bg-1-inner .box-inner b{width:100%; font-family: 'Brandon Grotesque W01';font-weight: 700;float:left;margin:15px 0 0 0;color:#231f20;font-size:20px;}
.bg-1 .bg-1-inner .box-inner p{width:100%;font-family: 'Brandon Grotesque W01';font-weight: 400;float:left;margin:10px 0 0 0;color:#231f20;font-size:18px;height:auto;  }





/*.span_3_of_3 { width: 100%; }
.span_2_of_3 { width: 66.56%; }
.span_1_of_3 { width: 33.13%; }*/
.grid-contents{width:100%; position: relative; display:inline-block;cursor:pointer; }
.grid-contents img{width:100%;height:auto;}
.grid-expander{position: absolute;left: 0;right: 0;overflow: hidden;max-height: 0; padding:0 0 0 230px;width:100%;box-sizing:border-box;display:block;margin:.3% 0;}
.grid-expander-contents{margin: 0;width: 100%;padding: 0;float:left;display:block;}

#div-fashion{width:100%;float:left;}
#div-fashion .banner{width:100%;float:left;position:relative;background-color:#e3ebed;background-image:url(../images/img-bannera.jpg);background-position:top left;background-repeat:no-repeat;}
#div-fashion .banner img{width:auto;position:relative;height:100%;float:left}
#div-fashion .banner img.ds{display:block;}
#div-fashion .banner img.ms{display:none;}
#div-fashion .banner div{width:565px;display:inline-block;text-align:center;padding:36px 0;box-sizing:border-box;margin-left:50px;}
#div-fashion .banner div p{width:100%;text-align:left;display:inline-block;font-family:'Brandon Grotesque W01'; font-weight:500; font-style:normal;font-size:25px;color:#000000;}

#div-fashion .section {clear: both;padding: 0px;margin: 0px;font-size:0; }
#div-fashion .group:before,
#div-fashion .group:after { content:""; display:table; }
#div-fashion .group:after { clear:both;}
#div-fashion .group { zoom:1; /* For IE 6/7 */ }

#div-fashion .section .grid-item {width: 33.13%;display:inline-block;margin: 0 0 .25% .3%;background-color:#000000;}
#div-fashion .section .grid-item:nth-child(3n-2) { margin-left: 0;clear:left; }
#div-fashion .section .grid-item .grid-1{width:100%;float:left;}
#div-fashion .section .grid-item .grid-1 img{width:100%;float:left;}
#div-fashion .section .grid-item .grid-1 div{width:100%;float:left;background-color:#000000;height:135px;padding:0 20px;box-sizing:border-box;background-image:url(../images/arrow-down.png);background-position:top 15px right 20px;background-repeat:no-repeat;}
#div-fashion .section .grid-item.active .grid-1 div{background-image:url(../images/arrow-up.png);}
#div-fashion .section .grid-item .grid-1 div span{width:100%;float:left;background-image:url(../images/bgheading.png);background-position:top left;background-repeat:no-repeat;height:65px;font-family:'Brandon Grotesque W01'; font-weight:500; font-style:normal;font-size:25px;color:#ffffff;text-transform:uppercase;padding:24px 20px;box-sizing:border-box;margin:-65px 0 0 -20px;}
#div-fashion .section .grid-item .grid-1 div span sup{text-transform:lowercase;font-size:15px;}
#div-fashion .section .grid-item .grid-1 div p{width:100%;float:left;font-family:'Brandon Grotesque W01'; font-weight:700; font-style:normal;font-size:20px;color:#cccccc;text-transform:uppercase;padding-top:10px;}
#div-fashion .section .grid-item .grid-1 div h2{width:100%;float:left;font-family:'Brandon Grotesque W01'; font-weight:400; font-style:normal;font-size:34px;color:#ffffff;padding:0;box-sizing:border-box;margin:0;}

#div-fashion .section .grid-item .grid-2{width:100%;float:left;background-color:#000000;height:auto;margin-bottom:.3%;padding:50px 110px;}
#div-fashion .section .grid-item .grid-2 .info-detail{width:52.67489711934157%;float:left;position:relative;}
#div-fashion .section .grid-item .grid-2 .info-detail p{width:100%;float:left;font-family:'Brandon Grotesque W01'; font-weight:400; font-style:normal;font-size:25px;color:#f7f6f4;padding-top:10px;}
#div-fashion .section .grid-item .grid-2 .info-detail p a{color:#f7f6f4;text-decoration:none;border-bottom:solid 1px #f7f6f4;}
#div-fashion .section .grid-item .grid-2 .info-detail .btn-book{width:auto;float:left;font-family:'Brandon Grotesque W01'; font-weight:700; font-style:normal;font-size:20px;color:#000000;background-color:#ffffff;text-transform:uppercase;padding:3px 8px;text-decoration:none;margin-top:35px;}
#div-fashion .section .grid-item .grid-2 .info-detail .location{visibility:hidden;}
#div-fashion .section .grid-item .grid-2 .info-map{float: right;margin: 0;padding: 0;width: 36.213991769547327%;}
#div-fashion .section .grid-item .grid-2 .info-map div.map-small {width: 100%;height: 280px;}

#div-fashion .section .grid-item .grid-2 .info-detail .share-this{width:70%;position:absolute;right:10px;bottom:-7px;}
#div-fashion .section .grid-item .grid-2 .info-detail .share-this ul{width:100%;border-top:#ffffff 1px solid;border-bottom:#ffffff 1px solid;margin:0;float:left;list-style:none;}
#div-fashion .section .grid-item .grid-2 .info-detail .share-this ul li{float:left;margin:0;padding:8px 20px 8px 0;font-family:'Brandon Grotesque W01'; font-weight:400; font-style:normal;font-size:14px;color:#ffffff;}
#div-fashion .section .grid-item .grid-2 .info-detail .share-this ul li span, #div-fashion .section .grid-item .grid-2 .info-detail .share ul li a{font-family:'Brandon Grotesque W01'; font-weight:400; font-style:normal;font-size:13px;color:#ffffff;line-height:.9;}
#div-fashion .section .grid-item .grid-2 .info-detail .share-this ul li:first-child{padding-top:13px;}
#div-fashion .section .grid-item .grid-2 .info-detail .share-this ul li a{width:24px;height:24px;float:left;background-size:100% 100%;background-position:center center;background-repeat:no-repeat;}
#div-fashion .section .grid-item .grid-2 .info-detail .share-this ul li a.facebook{background-image:url(../images/facebook-w.png);}
#div-fashion .section .grid-item .grid-2 .info-detail .share-this ul li a.twitter{background-image:url(../images/twitter-w.png);}
#div-fashion .section .grid-item .grid-2 .info-detail .share-this ul li a.pinit{background-image:url(../images/pinit-w.png);}
#div-fashion .section .grid-item .grid-2 .info-detail .share-this ul li a.googlep{background-image:url(../images/google-plus-w.png);}
#div-fashion .section .grid-item .grid-2 .info-detail .share-this ul li a.email{background-image:url(../images/email-w.png);}
#div-fashion .section .grid-item .grid-2 .info-detail .share-this ul li a.link{background-image:url(../images/link-w.png);}
#div-fashion .section .grid-item .grid-2 .info-detail .share-this ul li:last-child{float:right;padding-right:0;}
#div-fashion .section .grid-item .grid-2 .info-detail .share-this ul li .share-count{line-height:1.7;}
#div-fashion .section .grid-item .grid-2 .info-detail .share-this ul li .bgt{display:block;}
#div-fashion .section .grid-item .grid-2 .info-detail .share-this ul li .smt{display:none;}

/*200th-anniversary*/
#content .content-inner .article.listing .intro-text{width:505px;font-family:'Brandon Grotesque W01'; font-weight:500; font-style:normal;font-size:23px;color:#000;padding:25px 0;display:inline-block;background:url(../images/border-article.png) bottom center no-repeat;display: block; margin: 0 auto 10px auto;text-align:center;border-top:1px solid #d1cfca;}
#content .content-inner .header-img-web {width:100%;height:0px;float:left;margin:0;padding:0 0 25% 0;box-sizing:border-box;background-repeat:no-repeat;background-size:cover;}

/*#content .content-inner .article.listing .intro-text.tb-prg{text-align: justify;font-family:'Brandon Grotesque W01'; font-weight:400; font-style:normal;font-size:20px;color:#000;width:70%;}*/
#content .content-inner .article.listing .intro-text.tb-prg{text-align: justify;font-family:'Brandon Grotesque W01'; font-weight:400; font-style:normal;font-size:20px;color:#000;width:70%;background:none;border-top:0;padding:0; margin:25px auto;}
#content .content-inner .article.listing .intro-text.tb-prg:first-of-type{border-top:1px solid #d1cfca;padding-top:15px !important;}
#content .content-inner .article.listing .intro-text.tb-prg:last-of-type{background:url(../images/border-article.png) bottom center no-repeat;padding-bottom:25px !important;}

/*200th-anniversary*/

/*Future-of-food-festival-start====*/
.gtint{width:230px;height:100%;position:fixed;left:0;top:0;background-color:#054341;z-index:9;}

#content .content-inner .header-img-web.fof{padding-bottom:52%;}
#content .content-inner .header-img-web .img-box{width:100%;float:left;margin:0;padding:0;box-sizing:border-box;text-align:center;}
#content .content-inner .header-img-web .img-box figure{width:37.313%;float:none;margin:0;padding:0;box-sizing:border-box;display:inline-block;}
#content .content-inner .header-img-web .img-box figure img{width:100%;float:left;margin:28% 0 0 0;padding:0;box-sizing:border-box;}

#content .content-inner .sub-nav-fof{width:100%;height:73px;float:left;margin:0;padding:0;box-sizing:border-box;background-color:#306955;}
#content .content-inner .sub-nav-fof ul{width:100%;float:left;font-size:0;text-align:center;margin:0;padding:0;box-sizing:border-box;list-style:none;}
#content .content-inner .sub-nav-fof ul li{width:auto;position:relative;display:inline-block;margin:0;padding:0;box-sizing:border-box;}
#content .content-inner .sub-nav-fof ul li a{text-transform: uppercase; width:auto;height:100%;float:left;margin:0;padding:24px 14px 23px 14px;font-family:'Brandon Grotesque W01';font-weight:500;font-style:normal;font-size:18px;letter-spacing:-0.63px;line-height:26px;color:#FFFFFF;text-decoration:none;box-sizing:border-box;transition:0.1s all;}
#content .content-inner .sub-nav-fof ul li:first-of-type a{padding:24px 30px 23px 30px;}
#content .content-inner .sub-nav-fof ul li:hover a,
#content .content-inner .sub-nav-fof ul li.active a{color:#306955;background-color:#C1DC9F;}
#content .content-inner .sub-nav-fof ul li a.ddown{padding-right:59px;position:relative;}
#content .content-inner .sub-nav-fof ul li a.ddown:after{width:14px;height:14px;margin:0;content:' ';position:absolute;top:25px;right:25px;box-sizing:border-box;border:solid #FFFFFF;border-width:0 2px 2px 0;display:inline-block;padding:3px;transform:rotate(45deg);-webkit-transform:rotate(45deg);}
#content .content-inner .sub-nav-fof ul li:hover a.ddown:after,
#content .content-inner .sub-nav-fof ul li.active a.ddown:after{top:33px;border-color:#306955;transform:rotate(-135deg);-webkit-transform:rotate(-135deg);}
#content .content-inner .sub-nav-fof ul li > ul{width:340px;display:none;position:absolute;top:73px;left:0;padding:12px 24px;text-align:left;background-color:#C1DC9F;z-index:9;}
#content .content-inner .sub-nav-fof ul li > ul li{width:100%;position:relative;float:left;margin:0;padding:0;box-sizing:border-box;}
#content .content-inner .sub-nav-fof ul li > ul li a{width:auto;height:100%;float:left;margin:0 !important;padding:0 !important;font-family:'Brandon Grotesque W01';font-weight:500;font-style:normal;font-size:15px;letter-spacing:-0.53px;line-height:30px;color:#306955;text-decoration:none;box-sizing:border-box;transition:0.1s all;}
#content .content-inner .sub-nav-fof ul li > ul li a:hover{text-decoration:underline;}
#content .content-inner .sub-nav-fof ul li > ul li:first-of-type a{padding:0;}

#content .content-inner .sub-nav-fof ul li:hover > ul{display:block;}

#content .content-inner .sub-nav-fof.christ{background-color:#121532;}
#content .content-inner .sub-nav-fof.christ ul li:hover a,
#content .content-inner .sub-nav-fof.christ ul li.active a{color:#121532;background-color:#ADDCE4;}
#content .content-inner .sub-nav-fof.christ ul li a{width: 175px;}

#articles.stfirst{padding:50px 0 50px 0;background:#FAF8EA;}
#articles.stfirst .articles .detail .text-block{width:785px;position:relative;}
#articles.stfirst .articles .detail .text-block p{padding:0;margin:0 0 9px 0;font-size:18px;letter-spacing:-0.63px;line-height:25px;font-weight:500;}
#articles.stfirst.small{padding:0;background:#FAF8EA;}
#articles.stfirst.small .articles .detail .text-block{margin-top:0;margin-bottom:0;}
#articles.stfirst h4{color:#306955;margin-bottom:15px;line-height:1.4;}
#articles.stfirst .articles .detail .text-block .col{width:48%;float:right;margin-bottom:25px;}
#articles.stfirst .articles .detail .text-block .col:first-of-type{float:left;}
#articles.stfirst.w645 .articles .detail .text-block{padding-right:140px;}
#articles.stfirst.w645 .articles .detail .text-block .partnership{width:192px;position:absolute;right:-98px;top:0;}
#articles.stfirst.w645 .articles .detail .text-block .partnership span{width:100%;float:left;margin-bottom:10px;font-family: 'Brandon Grotesque W01';font-size: 12px;letter-spacing: -0.42px;line-height: 18px;font-weight: 500;color:#000000;}
#articles.stfirst.w645 .articles .detail .text-block .partnership img{width:100%;float:left;}

#articles.stfirst.lg h4{text-transform:uppercase;}


.tickevent{width:100%;background:#FAF8EA;margin:0;padding:0 0 30px 0;float:left;}
.tickevent > div{width:985px;margin:0 auto;padding:0;}
.tickevent ul{width:985px;margin:0 auto;padding:0;display:flex;flex-wrap:wrap;}
.tickevent ul li{width:30.761421319796955%;margin:0 0 50px 3.857868020304569%;padding:0;float:left;position:relative;background:#fff;}
.tickevent ul li:nth-child(3n-2){margin-left:0;clear:left;}
.tickevent img{width:100%;height:204px;margin:0;object-fit:cover;}
.tickevent ul li .te-info{width:100%;margin:0;padding:11px 25px 85px 25px;float:left;background:#fff;}
.tickevent label{width:100%;background:#FAF8EA;margin:0;padding:0 0 19px 0;float:left;font-family: 'Brandon Grotesque W01';font-size: 22px;letter-spacing: -0.77px;line-height: 30px;font-weight: 500;color:#306955;}
.tickevent h3{width:100%;margin:10px 0 0 0;padding:0;float:left;font-family: 'Brandon Grotesque W01';font-size: 18px;letter-spacing: -0.63px;line-height: 25px;font-weight: 500;color:#000000;}
.tickevent h2{width:100%;margin:0;padding:0;float:left;font-family: 'Brandon Grotesque W01';font-size: 18px;letter-spacing: -0.63px;line-height: 30px;font-weight: 500;color:#306955;}
.tickevent address{width:100%;margin:3px 0 0 0;padding:0;float:left;font-style:normal;font-family: 'Brandon Grotesque W01';font-size: 12px;letter-spacing: -0.42px;line-height: 18px;font-weight: 500;color:#000000;}
.tickevent p{width:100%;margin:10px 0 0 0;padding:0;float:left;font-family: 'Brandon Grotesque W01';font-size: 12px;letter-spacing: -0.42px;line-height: 18px;font-weight: 500;color:#000000;}
.fndouter{width: calc(100% - 25px - 25px);position:absolute;bottom:25px;right:25px;font-size:0;}
.fndmore{width: 47.8%;float:left;margin-left:4%;font-family:'Brandon Grotesque W01'; font-weight:700; font-style:normal;text-align: center;font-size:13px;letter-spacing:-0.46px;color:#306955;text-align:center;padding:0;height:40px;background:#C1DC9F;text-transform:uppercase;line-height:40px;-webkit-transition: all .50s ease-in-out;-moz-transition: all .50s ease-in-out;-o-transition: all .50s ease-in-out;transition: all .50s ease-in-out;}
.fndmore:first-of-type{margin-left:0;}
.fndmore:hover{color:#fff;background:#306955;text-decoration:none;}
.fndmore.dggreen{color:#fff;background:#306955;margin-left:0;}
.fndmore.dggreen:hover{color:#306955;background:#C1DC9F;margin-left:0;}
.laodmorebtn{width: 100%;margin:8px 0 45px 0;padding:0;float:left;text-align:center;font-size:0;}
.laodmorebtn a{width: auto; font-family:'Brandon Grotesque W01'; font-weight:700; font-style:normal;text-align: center;font-size:13px;letter-spacing:-0.46px;color:#fff;padding:0 22px 0 22px;height:40px;background:#306955;display:inline-block;text-transform:uppercase;line-height:40px;-webkit-transition: all .50s ease-in-out;-moz-transition: all .50s ease-in-out;-o-transition: all .50s ease-in-out;transition: all .50s ease-in-out;}
.laodmorebtn a:hover{color:#306955;background:#C1DC9F;text-decoration:none;}
 
.tevents-main{width:100%;float:left;background-color:#FAF8EA;}
.ticketedevents{width:985px;margin:0 auto;padding:0;display:flex;flex-wrap:wrap;}
.ticketedevents > h4{width:100%;margin:0 0 35px 0;padding:0;float:left;font-family: 'Brandon Grotesque W01';font-size: 22px;letter-spacing: -0.77px;line-height: 50px;font-weight: 500;color:#306955;text-transform:uppercase;text-align:center;}
.ticketedevents article{width:100%;margin:0 0 50px 0;padding:0;float:left;position:relative;background:#fff;min-height:400px;}
.ticketedevents.small article{min-height:270px;}
.ticketedevents article article{border-bottom:solid 1px #000000;padding-bottom:18px;margin-top:18px;min-height:initial;margin-bottom:0;}
.ticketedevents article article:last-of-type{padding-bottom:0;border-bottom:0;}
.ticketedevents.small article article{min-height:initial;margin-top:10px;}
.ticketedevents article figure{width:48.73096446700508%;height:100%;margin:0;padding:0;position:absolute;left:0;top:0;background-position:center center;background-size:cover;background-repeat:no-repeat;}
.ticketedevents article figure img{display:none;}
.ticketedevents article section{width:51.26903553299492%;margin:0;padding:30px 40px;float:right;background-color:#ffffff;}
.ticketedevents article section h2{width:100%;margin:0 0 8px 0;padding:0;float:left;font-family: 'Brandon Grotesque W01';font-size: 22px;letter-spacing: -0.77px;line-height: 30px;font-weight: 500;color:#306955;text-transform:uppercase;}
.ticketedevents article section h3{width:100%;margin:0 0 8px 0;padding:0;float:left;font-family: 'Brandon Grotesque W01';font-size: 18px;letter-spacing: -0.63px;line-height: 21px;font-weight: 500;color:#306955;text-transform:uppercase;}
.ticketedevents article section h3 .sm{font-weight: 500;text-transform:lowercase;}
.ticketedevents article section p{width:95%;margin:0 0 5px 0;padding:0;float:left;font-family: 'Brandon Grotesque W01';font-size: 16px;letter-spacing: -0.56px;line-height: 21px;font-weight: 500;color:#000000;}
.ticketedevents article section p:last-of-type{margin:0;}
.ticketedevents article section .status{width:100%;margin-bottom:8px;padding:0 3px;float:left;font-family: 'Brandon Grotesque W01';font-size: 10px;letter-spacing: -0.35px;line-height: 15px;font-weight: 500;color:#000000;}
.ticketedevents article section .status.sold{background-color:#E74037;}
.ticketedevents article section .status.remaining{background-color:#F9E08A;}
.ticketedevents article section .status.available{background-color:#C1DC9F;} 
.ticketedevents article section aside{width:59.48514851485149%;margin:0;padding:0;float:left;}
.ticketedevents article section aside span,
.ticketedevents article section aside a,
.ticketedevents article section aside p{width:auto;margin-right:30px;margin-bottom:8px;padding:0;float:left;font-family: 'Brandon Grotesque W01';font-size: 12px;letter-spacing: -0.42px;line-height: 15px;font-weight: 500;color:#000000;}
.ticketedevents article section aside p{width:100%;margin-right:0 !important;margin-bottom:9px !important;}
.ticketedevents article section aside a{clear:left;text-decoration:underline;margin-right:0;text-transform:uppercase;}
.ticketedevents article section aside p a{clear:none;text-transform:initial;float:none;margin:0 !important;}
.ticketedevents article section aside span:last-of-type{margin-right:0;}
.ticketedevents article section .btn{width: 135px;text-decoration:none !important;float:right;clear: right;margin-bottom:8px;font-family: 'Brandon Grotesque W01';font-weight: 500;font-style: normal;text-align: center;font-size: 13px;line-height: 1;letter-spacing: -0.46px;padding: 7px 0;height: 26px;text-transform: uppercase;-webkit-transition: all .50s ease-in-out;-moz-transition: all .50s ease-in-out;-o-transition: all .50s ease-in-out;transition: all .50s ease-in-out;}
.ticketedevents article section .btn.light{background-color: #C1DC9F;color: #306955;margin-top:3px;}
.ticketedevents article section .btn.light:hover{background-color: #306955;color: #ffffff;}
.ticketedevents article section .btn.dark{background-color: #306955;color: #ffffff;}
.ticketedevents article section .btn.dark:hover{background-color: #C1DC9F;color: #306955;}
.ticketedevents article section .btn.donate{background-color: #ffffff;color: #3CAD2B;height:40px;padding-top:13px;clear:left;float:left;margin-top:20px;border:solid 1px #ffffff;}
.ticketedevents article section .btn.donate:hover{background-color: transparent;color: #ffffff;border:solid 1px #ffffff;}
.ticketedevents.small article section .btn.light{margin-top:0;}
.ticketedevents.full article section aside{width:75.485149%;}

.ticketedevents.col2 article{width:48.73096446700508%;min-height:initial;margin-left:2.5380710659898478%;}
.ticketedevents.col2 article:nth-child(2n-2){margin-left:0;clear:left;}
.ticketedevents.col2 article figure{width:100%;height:245px;position:relative;float:left;top:auto;left:auto;}
.ticketedevents.col2 article section{width:100%;padding-top:16px;}
.ticketedevents.col2 article article{width:100%;border-bottom:0;margin:0;}
.ticketedevents.col2 article section h2{margin-bottom:11px;}
.ticketedevents.col2 article section aside span{margin-bottom:14px;}

.ticketedevents.partner article{min-height:350px;background-color:#3CAD2B;}
.ticketedevents.partner article section{background-color:#3CAD2B;padding-top:40px;}
.ticketedevents.partner article article{min-height:initial;margin-top:0;}
.ticketedevents.partner article section h2{margin-bottom:35px;}
.ticketedevents.partner article section p{font-size: 18px;letter-spacing: -0.63px;line-height: 25px;color:#ffffff;}

.tevents-map{width:100%;float:left;background-color:#FAF8EA;padding-bottom:40px;}
.events-map{width:985px;margin:0 auto;padding:0;display:flex;flex-wrap:wrap;text-align:center;}
.events-map h4{width:100%;margin:0 0 35px 0;padding:0;float:left;font-family: 'Brandon Grotesque W01';font-size: 22px;letter-spacing: -0.77px;line-height: 50px;font-weight: 500;color:#306955;text-transform:uppercase;text-align:center;}
.events-map #map{width:100%;float:left;height:460px;margin-bottom:25px;position: relative;}
.events-map .opening-times{width:350px;margin:-15px auto 0 auto;}
.events-map .opening-times p{width:175px;float:left;text-align:center;margin:0;padding:0;font-family: 'Brandon Grotesque W01';font-size: 18px;letter-spacing: -0.63px;line-height: 21px;font-weight: 500;color:#000000;text-transform:uppercase;}
.events-map .opening-times.singl-col p{width:100% !important;text-align:center !important;}


.prenquries{width:100%;background:#C1DC9F;margin:0;padding:40px 0 20px 0;float:left;}
.prenquries .prqlist{width:985px;margin:0 auto;text-align:center;}
.prenquries .listitem{width:25%;margin:0 0 30px 0;padding:0;position:relative;float:left;}
.prenquries .listitem:nth-child(3n-1){width:50%;}
.prenquries .listitem:nth-child(3n){float:right;}
.prenquries h3{width:100%;margin:11px 0 0 0;padding:0;float:left;text-align:center;font-family: 'Brandon Grotesque W01';font-size: 22px;letter-spacing: -0.77px;line-height: 30px;font-weight: 500;color:#306955;}
.prenquries p{width:100%;margin:20px 0 0 0;padding:0;float:left;text-align:center;font-family: 'Brandon Grotesque W01';font-size: 18px;letter-spacing: -0.63px;line-height: 27px;font-weight: 500;color:#306955;}
.prenquries p a{color:#306955;text-decoration:underline;}
.prenquries p a:hover{text-decoration:none;}
 
#content .content-inner .header-img-web.ubfof .img-box{height:0 !important;position:relative;padding-bottom:52% !important;}
#content .content-inner .header-img-web.ubfof .img-box figure{width:6.734992679355783vw;position:relative;}
#content .content-inner .header-img-web .hdnew{width:100%;height:100%;position: absolute;bottom: 0;text-align: center;display: flex;align-items: end;justify-content: center;margin:auto;padding:0;}
#content .content-inner .header-img-web h1{width:100%;height:100%;position: absolute;top: 0;text-align: center;font-family: 'Brandon Grotesque W01';font-size: 72px;letter-spacing: -2.52px;line-height: 70px;font-weight: 500;
color: #ffffff;-webkit-filter: drop-shadow(0 3px 26px #000000D0);filter: drop-shadow(0 3px 26px #000000D0);text-transform: uppercase;display: flex;align-items: center;justify-content: center;margin:auto;padding:0;position:absolute;top:0;text-align:center;font-family: 'Brandon Grotesque W01';font-size: 72px;letter-spacing: -2.52px;line-height: 70px;font-weight: 500;color:#ffffff;text-transform:uppercase;}
#content .content-inner .header-img-web.ubfof .img-box figure img{margin-top:5.490483162518302vw;}
#content .content-inner .header-img-web .hdnew h1{width:100%;height:auto;position: relative;float:left;padding: 20px 0 60px 0;
    font-family: 'Brandon Grotesque W01';
    font-weight: 700;
    font-style: normal;
    font-size: 32px;
    color: #fff;
    line-height: 1.1;
	letter-spacing: -0;
    float: left;
    text-transform: uppercase;
    clear: both;}

#content .content-inner .header-img-web .hdnew h3{width: auto;
    text-align: center;
    font-family: 'Brandon Grotesque W01';
    font-weight: 700;
    font-style: normal;
    font-size: 12px;
    color: #fff;
    padding: 0 0 7px 0;
    text-transform: uppercase;
    border-bottom: solid 1px rgba(255, 255, 255, 0.5);
    display: inline-block;
    margin: 0;
    line-height: 1;clear:left;}


.chefaclist{width:100%;margin:0;padding-bottom:30px;float:left;background:#FAF8EA;}
.chefaclist ul{width:985px;margin:0 auto;padding:0;display:flex;flex-wrap:wrap;}
.chefaclist ul li{width:100%;min-height:350px;background:#FFFFFF;margin:0 0 50px 0;padding:0;float:left;position:relative;background:#fff;}
.chefaclist img{width:30.96446700507614%;height:100%;margin:0;object-fit:cover;}
.chefaclist ul li .te-info{width:69.03553299492386%;margin:0;padding:79px 5.583756345177665% 25px 4.060913705583756%;float:right;}
.chefaclist p{width:100%;margin:10px 0 0 0;padding:0;float:left;font-family: 'Brandon Grotesque W01';font-size: 22px;letter-spacing: -0.77px;line-height: 28px;font-weight: 500;color:#306955;}
.chefaclist h4{width:100%;margin:22px 0 0 0;padding:0;float:left;font-family: 'Brandon Grotesque W01';font-size: 18px;letter-spacing: -0.63px;line-height: 26px;font-weight: 500;color:#306955;}
.chefaclist label{width:100%;margin:5px 0 0 0;padding:0;float:left;font-family: 'Brandon Grotesque W01';font-size: 12px;letter-spacing: -0.42px;line-height: 18px;font-weight: 500;color:#000000;}
.chefaclist ul li:nth-child(even){float:left;}
.chefaclist ul li:nth-child(even) img{float:right;}

.exp-detail{width:100%;margin:0;padding:79px 0;float:left;background:#FAF8EA;}
.exp-detail .expd-inner{width:985px;margin:0 auto;padding:0;}
.exp-detail .exp-left{width:49.75369458128079%;margin:0;padding:0;float:left;}
.exp-detail .exp-right{width:41.857143%/*42.857142857142854%*/;margin:0;padding:0;float:right;}
.exp-detail h2{width:100%;margin:0 0 1px 0;padding:0;float:left;font-family: 'Brandon Grotesque W01';font-size: 22px;letter-spacing: -0.77px;line-height: 28px;font-weight: 500;color:#306955;}
.exp-detail h1{width:100%;margin:0 0 15px 0;padding:0;float:left;font-family: 'Brandon Grotesque W01';font-size: 42px;letter-spacing: -1.47px;line-height: 50px;font-weight: 500;color:#306955;}
.exp-detail p{width:100%;margin:0 0 5px 0;padding:0;float:left;font-family: 'Brandon Grotesque W01';font-size: 18px;letter-spacing: -0.63px;line-height: 26px;font-weight: 500;color:#000000;}
.exp-detail label{width:auto;margin:0 0 0 40px;padding:0;float:left;font-family: 'Brandon Grotesque W01';font-size: 18px;letter-spacing: -0.63px;line-height: 26px;font-weight: 500;color:#000000;}
.exp-detail label:first-of-type{margin-left:0;}
.exp-detail address{width:100%;text-decoration:underline;text-transform:uppercase;margin:8px 0 0 0;padding:0;float:left;font-style:normal;font-family: 'Brandon Grotesque W01';font-size: 18px;letter-spacing: -0.63px;line-height: 26px;font-weight: 500;color:#000000;}

.bookbtn{width: 100%;margin:20px 0 40px 0;padding:0;float:left;}
.bookbtn a{width: 134px; font-family:'Brandon Grotesque W01';margin-right:43px;font-weight:700; font-style:normal;text-align: center;font-size:13px;letter-spacing:-0.46px;color:#fff;padding:0 22px 0 22px;height:40px;background:#306955;display:inline-block;text-transform:uppercase;line-height:40px;-webkit-transition: all .50s ease-in-out;-moz-transition: all .50s ease-in-out;-o-transition: all .50s ease-in-out;transition: all .50s ease-in-out;}
.bookbtn a.back{width: auto;padding:0 12px 0 12px;margin-right:0;line-height:40px;background-color:#C1DC9F;color:#306955;}
.bookbtn a i{width:8px;height:14px;background:url(../images/left-arrowbtn.png) no-repeat center center;float:left;margin:13px 6px 0 0;}
.bookbtn a:hover{color:#306955;background:#C1DC9F;text-decoration:none;}
.btlink{width:100%;text-decoration:underline;padding:0;float:left;font-family: 'Brandon Grotesque W01';font-size: 13px !important;letter-spacing: -0.46px !important;line-height: 28px;font-weight: 500;color:#306955;}
.btlink:hover{text-decoration:none;}

  
/*Future-of-food-festival-end====*/


footer{float:left;width:100%;position:relative !important;left:0;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box;box-sizing: border-box; padding-left: 0;}
footer #footer{float:left;width:100%;position:relative;padding:0 0 0 0;background:#d9d3cb;padding:45px 45px 45px 45px;height:auto;box-sizing: border-box;}
footer .link-left{width:460px;position:relative;float:left;margin:0 0 0 0;}
    footer .link-left.inner {width: 28%;}
    footer .link-left.inner img{width: 135px;height:auto;float:left;margin-bottom:12px;}
        footer .link-left.inner p {
            width: 100%;
            float: left;
            font-family: 'Brandon Grotesque W01';
            font-weight: 400;
            font-style: normal;
            text-align: left;
            /*font-size: 12.5px;*/
            font-size: 12.5px !important;
            color: #5e5e5e;
            padding: 0 0 3px 0;
            margin: 0;
        }
        footer .link-left.inner p a{font-family: 'Brandon Grotesque W01';font-weight: 400;font-size: 12.5px !important;font-style: normal;
            text-align: left;color: #5e5e5e;padding: 0 0 0 0;margin: 0;text-decoration:none;}
        footer .link-left.inner p:first-child {padding: 0 0 3px 0;}
        footer .link-left.inner p b{font-weight: 700;}
footer .link-left ul{width:230px;position:relative;float:left;list-style:none;padding:0 0 0 0;margin:0}
footer .link-left ul li a{float:left;width:230px;margin-bottom:20px;color:#5e5e5e;text-transform:uppercase;font-family:'Brandon Grotesque W01'; font-weight:400; font-style:normal;
                          font-size: 10.5px !important;text-decoration:none;box-sizing:border-box;position:relative;}
footer .link-left ul li a:hover{text-decoration:underline;}
footer .link-left ul li a.ars{height:19px;padding:3px 0 0 29px;}
footer .link-left ul li a.ars:before{content:"";background:url(../images/sprite2.png) left top no-repeat;background-position: 0 90.551181%; background-size: 526.315789%;width:19px;height:19px;position:absolute;top:0;left:0;}
footer .link-left ul li a.htgh{height:22px;padding:4px 0 0 29px;}
footer .link-left ul li a.htgh:before{content:"";background:url(../images/sprite2.png) left top no-repeat;background-position: 0 100%; background-size: 588.235294%; width:17px;height:22px;position:absolute;top:0;left:0;}
footer .link-left ul li a.cu{height:18px;padding:1px 0 0 29px;}
footer .link-left ul li a.cu:before{content:"";background:url(../images/sprite2.png) left top no-repeat;background-position: 0 94.968553%; background-size: 555.555556%;width:18px;height:18px;position:absolute;top:0;left:0;}
footer .link-left ul li a.rssa{background:url(../images/icon-footer-rssa-text.png) left top no-repeat;height:20px;padding:3px 0 0 33px;}
footer .link-left ul li a.rsgc{background:url(../images/icon-footer-rsgc-text.png) left top no-repeat;height:19px;padding:2px 0 0 33px;}
footer .link-left ul li a.sutnl{height:14px;margin-bottom:0;padding:0 0 0 33px;}
footer .link-left ul li a.sutnl:before{content:"";background:url(../images/sprite2.png) left top no-repeat;background-position: 0 86.09375%; background-size: 454.545455%;width:22px;height:14px;margin-bottom:0;position:absolute;top:0;left:0;}

footer .link-right{width:140px;position:relative;float:right;margin:0 0 0 0;}
footer .link-right.inner {width: 205px;margin: 0 0 0 0;position: absolute;right: 45px;top: 45px;}

footer .link-right span{float:left;width:100%;font-family:'Brandon Grotesque W01'; font-weight:500; font-style:normal;font-size:12px;color:#848078;text-align:center;}
footer .link-right ul{width:100%;position:relative;float:left;list-style:none;padding:0 0 0 0;margin:0;}
footer .link-right ul li a{float:left;width:21px;height:21px;font-size: 12.5px !important;padding:0 0 0 0;margin:15px 0 0 14px;opacity:1;background-position:center center; background-repeat:no-repeat;background-size: 100% auto;}

footer .link-right ul li a.facebook{background-image:url(../images/icon-facebook-f.svg);margin-left:0;}
footer .link-right ul li a.instagram{background-image:url(../images/icon-instagram-f.svg);}
footer .link-right ul li a.tiktok{background-image:url(../images/icon-tiktok-f.svg);width:18px;}
footer .link-right ul li a.youtube{background-image:url(../images/icon-youtube-f.svg);width:27px;}
footer .link-right ul li a.twitter{background-image:url(../images/icon-twitter-f.svg);width:24px;}
footer .link-right ul li a.pinit{background-image:url(../images/icon-pinit-f.svg);}
footer .link-right ul li a.googlep{background-image:url(../images/icon-footer-googleplus-large.png);}
footer .link-right ul li a.waibo{background-image:url(../images/icon-footer-waibo-large.png);}
footer .link-right ul li a.wechat{background-image:url(../images/icon-footer-wechat-large.png);}
footer .link-right ul li a:hover{opacity:1;}


footer div#copyright{float:left;width:100%;position:relative;background:#cbc6be;padding:8px 0 8px 0;margin:0;height:auto;}
footer div#copyright p{float:left;width:auto;margin:0;font-family:'Brandon Grotesque W01'; font-weight:500; font-style:normal;font-size:12px;color:#5e5e5e;}
footer div#copyright p.copyright{float:left;padding:0 0 0 20px;}
footer div#copyright p.term{float:right;padding:0 20px 0 0;}
footer div#copyright p a{padding:0 0 0 0;margin:0;color:#5e5e5e;}
footer div#copyright p a:hover{color:#fff;text-decoration:none;}








#slider-full{width:100% !important;float:left;margin:50px 0 0 0;padding:0;position:relative;z-index:79;}
#slider-full .slider-full-inner{box-sizing:border-box;padding:0 0;}


#slider-full img{width:100% !important;float:left;margin:0 !important;max-width: none !important;padding:0 !important;height:auto;transition:none !important;overflow:hidden;}
#slider-full ul{margin:0;padding:0 !important;left:0;top:0;margin:0 !important;}
#slider-full ul li{position:relative;}
#slider-full ul li:before {display:none !important;content:none;}
#slider-full ul li .icons{position: absolute; top: 10px; right: 50px;width:auto;display:none;}
#slider-full ul li .icons a{width: 20px; height: 20px;float:left;margin:0 0 0 10px;opacity:0.6;cursor:pointer;}
#slider-full ul li .icons a:hover{opacity:1;}
#slider-full ul li .icons a.facebook{background: url(../images/block-facebook.png) top left no-repeat;}
#slider-full ul li .icons a.twitter{background: url(../images/block-twitter.png) top left no-repeat;}
#slider-full ul li .icons a.instagram{background: url(../images/block-instagram.png) top left no-repeat;}
#slider-full ul li .icons a.pinit{background: url(../images/block-pinit.png) top left no-repeat;}

#wowslider-container1:hover .icons {
	display: block;z-index:62 !important;
}


/* popup ------------------------------------ */ 
section #popup{width:100%;height:100%;top:0;left:0;display:block;opacity:1;visibility:visible;background-color:transparent;
padding:0;position:fixed;z-index:99999;overflow-y:hidden;transition:none !important;background-color:rgba(0, 0, 0, 0.70);display:none !important;}
section .close{width:27px;height:27px;display:block;position:absolute;right:25px;top:25px;background-image:url(../images/icon-close.png);background-position:center center;background-repeat:no-repeat;z-index:999999;}
section #popup > div{vertical-align:middle;display:table-cell;height:100%;}
section #popup .popup-block{width:100%;float:left;position:relative;text-align:center;margin:0 0 0 0;padding:25px 25px 55px 65px;transition: none !important;background-color:#fff;box-sizing:border-box;}
section #popup .content-inner{max-width: 1580px !important;padding: 0 20px;transition: none !important;margin: 0 auto;position: relative;float:none !important;}
section #popup .popup-block .text-block{width: 44% !important;float:left;padding: 0 0px;margin: 40px 0 0 0;}
section #popup .popup-block .text-block h2{width: 100%; float: left; font-family:'Brandon Grotesque W01'; font-weight:400; font-style:normal;text-align: center;font-size:35px;color:#000;text-transform:uppercase;padding:0 0 0 0;line-height:1.2;margin: 0 0 35px 0;text-transform:uppercase;}
section #popup .popup-block .text-block h3{width: 100%; float: left; font-family:'Brandon Grotesque W01'; font-weight:500; font-style:normal;text-align: center;font-size:18px;color:#000;text-transform:uppercase;padding:25px 0;border-top:solid 1px #000;border-bottom:solid 1px #000;margin: 0 0 35px 0;}
section #popup .popup-block .text-block p{width: 100%; float: left; font-family:'Brandon Grotesque W01'; font-weight:400; font-style:normal;text-align: center;font-size:16px;color:#000;
padding:0 55px;margin:0 0 20px 0;box-sizing:border-box;}
section #popup .popup-block .img-block{background-position: center center;background-repeat: no-repeat;background-size: 100% auto;height: 0;right: 25px;position: absolute;top: 25px;width: 49.3%;padding-bottom:36.3%;background-image: url(../images/Image-container-popup.jpg);}
section #popup .popup-block .more {
    cursor: pointer;
    margin-top: 10px;
    height: 35px;
    line-height: 2.8;
}


.popupv {width: 100%;height: 100%;top: 0;left: 0;background-color: transparent;padding: 0;position: fixed;z-index: 999999;display:block;text-align:center;}
.popupv .shade {position: absolute;width: 100%;height: 100%;left: 0;top: 0;content: "";opacity: 0.7;visibility: visible;background-color:#000;background-position: center center;background-repeat: repeat;background-size: cover;z-index:9;}
.popupv-block {width: 1260px;margin:0 auto;padding:0;display:inline-block;}
.popupv-block .h-center{width: 100%;height: 100vh;margin: 0 0;padding: 0;float: left;display: table;}
.popupv-block .v-center{float: none;padding: 0;display: table-cell;vertical-align: middle;}
.popupv-block .popupv-block-detail{width: 100% !important;margin:0;float:left;background-color: #fff;padding:0;box-sizing: border-box;position:relative;z-index:99999999;}
.popupv-block .popupv-block-detail h2{width:100%;float:left;margin:0;padding:0 40px;font-size:50px;line-height:1.18;font-family: 'Raleway', sans-serif;font-weight:800;color:#884B52;box-sizing:border-box;}
.popupv-block .popupv-block-detail p{width:100%;float:left;margin:0;padding:0 40px;font-size:24px;line-height:1.18;font-family: 'Raleway', sans-serif;font-weight:500;color:#000;box-sizing:border-box;}
.popupv-block-detail .icon-close {background: #fff url(../images/icon-close-p.svg) no-repeat center center;background-size:40% auto !important;border-radius:100%;padding:0;width: 48px;height: 48px;position: absolute;right: 20px;top: 20px;text-indent: -1000em;cursor: pointer;z-index: 1;}


.queen-popop{width: 100%;height: 100%;position: fixed;left: 0; top: 0;background-color: rgba(0,0,0,0.7);z-index: 999999999999999999;opacity: 0;visibility:hidden;transition:all 0.35s ease;}
.queen-popop.open{opacity: 1;visibility:visible;}
.queen-popop .popop-inner{width: 1263px;height: 593px;padding:0;position: fixed;left: calc(50% - (1263px/2));top: calc(50% - (593px/2));box-sizing: border-box;}
.queen-popop .popop-inner .text-box{width: 50%;height:100%; position: absolute;left: 0;top: 0;padding:60px 65px;background-color: rgba(255,255,255,1);display:flex;align-items:center;}
.queen-popop .popop-inner h2{width: 100%;float: left; margin-bottom: 15px;font-family:'Brandon Grotesque W01'; font-weight:700; font-style:normal;font-size:26px;line-height:34px;color:#000000;}
.queen-popop .popop-inner h2 .bl{display:none;}
.queen-popop .popop-inner p{width: 100%;float: left;font-family:'Brandon Grotesque W01'; font-weight:400; font-style:normal;font-size:18px;line-height:26px;letter-spacing:-0.18px; color:#000000;margin-bottom:26px;}
.queen-popop .popop-inner p a{text-decoration:underline}
.queen-popop .popop-inner p:last-of-type{margin-bottom:0;}
.queen-popop .popop-inner .img-queen{width: 50%;height: 593px;background-image: url(../images/img-queen.jpg);background-position: center center;background-size:100% auto;background-repeat: no-repeat; position: absolute;right: 0;top: 0;}
.queen-popop a.close{background-image: url(../images/icon-close-queen.svg);background-position: center center;background-size:100% auto;background-repeat: no-repeat; position: absolute;right: 20px;top: 20px;width: 48px;height:48px;}


.pop-f {width:50%;padding:0;margin:0;box-sizing:border-box;float:left;}
.pop-img{width:50%;height:592px;background-repeat:no-repeat !important;background-position:center center !important;background-size:cover !important;float:right;}
.pop-f .popf-inner{ width:100%;float:left;padding:60px 144px 60px 60px;box-sizing:border-box; text-align: left;}
.pop-f .popf-inner.mh{ padding-right:60px;}
.pop-f .popf-inner h2{width: 100%;margin:0 0 30px 0;padding:0;float: left; font-family:'Brandon Grotesque W01'; font-weight:700; font-style:normal;text-align: left;font-size:30px;color:#000;line-height: 1.3; text-transform:uppercase; }
.pop-f .popf-inner p {color: #000000;font-size: 13px;line-height:19px;margin:0 0 27px 0;padding: 0;width: auto; font-family:'Brandon Grotesque W01';   font-style:normal;float:left;font-weight:400;}
.pop-f .popf-inner p label {width:80%;float:left}
.pop-f .popf-inner p input[type="checkbox"]{margin-top:3px;margin-right:10px;float:left;clear:left;}
 .pop-f .popf-inner input[type="email"] {width: 420px;height: 46px;box-sizing: border-box;border: none;color: #4c4c4c;font-size:32px;line-height: 1.4;box-sizing: border-box; padding:0;box-sizing: border-box;outline: none;font-family:'Brandon Grotesque W01';margin:0 0 30px 0;border-bottom:1px solid #000;background:none;float:left;}
.pop-f .popf-inner input[type="email"].error{border-bottom:1px solid red;}
.pop-f .popf-inner input[type="button"],.pop-f .popf-inner input[type="submit"] {width: 132px;height: auto;box-sizing: border-box;border: none;color: #fff;font-size: 16px;line-height:23px;box-sizing: border-box;background-color: #000;padding: 10px 25px;box-sizing: border-box;outline: none;font-family:'Brandon Grotesque W01';margin:0 0 60px 0;transition: all 0.5s ease;float:left;font-weight:600;}
.pop-f .popf-inner input[type="button"],.pop-f .popf-inner input[type="submit"] :hover{color:#fff;background:#8c8c8c;}
.pop-f .close{background-image: url(../images/icon-close-news-letter-bar.png); display: block;height: 19px;position: absolute;right: 21px;top: 15px;width: 19px;background-size:cover;}
.pop-f .popf-inner .tp-text p{font-family:'Brandon Grotesque W01'; font-weight:300; font-style:normal;font-size:20px;line-height:1.5;letter-spacing:-0.2px;color:#000;margin-bottom:18px;}

.pop-f .popf-inner .fair-p {width:100%;float:left;margin:0;padding:0;}
.pop-f .popf-inner .fair-p x{width:100%;float:left;margin:0;padding:0;}
.pop-f .popf-inner .fair-p a{text-decoration:underline;}

.pop-f .popf-inner input[type="text"]::-webkit-input-placeholder, .pop-f .popf-inner input[type="number"]::-webkit-input-placeholder,
.pop-f .popf-inner textarea::-webkit-input-placeholder,
.pop-f .popf-inner input[type="text"]::-moz-placeholder, .pop-f .popf-inner input[type="number"]::-moz-placeholder,
.pop-f .popf-inner textarea::-moz-placeholder{color:#000 !important;opacity:0.7 !important;}
input[placeholder], [placeholder], *[placeholder] {color:#000 !important;opacity:0.7;}
 
/*footer .link-left{width:460px;position:relative;float:left;margin:0 0 0 0;}
footer .link-left ul{width:240px;position:relative;float:left;list-style:none;padding:0 0 0 0;margin:0}
footer .link-left ul:first-child{width:220px;}
footer .link-left ul li a{float:left;width:205px;font-family:'Brandon Grotesque W01'; font-weight:400; font-style:normal;font-size:13px;color:#fff;text-transform:uppercase; padding:1px 0 0 35px;height:24px;margin-bottom:15px;}
footer .link-left ul li a:hover{color:#fff;}
footer .link-left ul li a.ars{background:url(../images/icon-footer-ars-text.png) left top no-repeat;height:22px;}
footer .link-left ul li a.htgh{background:url(../images/icon-footer-htgh-text.png) left top no-repeat;height:21px;}
footer .link-left ul li a.cu{background:url(../images/icon-footer-cu-text.png) left top no-repeat;height:23px;}
footer .link-left ul li a.rssa{background:url(../images/icon-footer-rssa-text.png) left top no-repeat;height:21px;}
footer .link-left ul li a.rsgc{background:url(../images/icon-footer-rsgc-text.png) left top no-repeat;height:22px;}
footer .link-left ul li a.sutnl{background:url(../images/icon-footer-sutnl-text.png) left top no-repeat;}*/
@media only screen and (min-width:0px) and (max-width:1600px){
    /*retailer new design*/
     

.retailer-time{position:fixed;top:134px;right:104px;height:auto;background-color:red;width:267px;z-index:1;-webkit-box-shadow: -2px 2px 54px -7px rgba(0,0,0,0.75);
-moz-box-shadow: -2px 2px 54px -7px rgba(0,0,0,0.75);
box-shadow: -2px 2px 54px -7px rgba(0,0,0,0.75);}
.retailer-time .retailer-time-inner{position:relative; float:left;margin:0;padding:0;width:100%;height:auto;}
.retailer-time .retailer-time-inner img{width:100%;height:auto;float:left;margin:0;padding:0;}

.retailer-time .retailer-time-inner .open-time{position:relative; float:left;margin:0px 0 0 0; width:100%;height:auto;background-color:#1c1a1b;box-sizing:border-box;padding:10px 17px;}
.retailer-time .retailer-time-inner .open-time strong {width: 100%;font-family: 'Brandon Grotesque W01';font-weight: 400;font-style: normal;font-size: 18px;color: #fff;padding: 0px 0 0 0;display: block;margin: 0 auto;}
.retailer-time .retailer-time-inner .open-time p.time {width: 100%;font-family: 'Brandon Grotesque W01';font-weight: 400;font-style: normal;font-size: 18px;color: #5ac34d;padding: 7px 0 10px 0;display: block;margin: 0 auto;}
.retailer-time .retailer-time-inner .open-time p.view-time {width: 100%;font-family: 'Brandon Grotesque W01';font-weight: 400;font-style: normal;font-size: 14px;color: #a2a0a1;padding: 0 0 0 0;display: block;margin: 0 auto;background-image:url(../images/arrow-down-icon.jpg);background-position:right center;background-repeat:no-repeat ;cursor:pointer;margin:0 0 6px 0;}

.retailer-time .retailer-time-inner .open-time p.view-time.open{ background-image:url(../images/arrow-down-icon-open.jpg); }

.retailer-time .retailer-time-inner .days{position:relative; float:left;margin:0;padding:10px 0 0 0;width:100%;height:auto; display:none;}
.retailer-time .retailer-time-inner .days div{width:100%;float:left;padding:0px 0 8px 0px;box-sizing:border-box;margin:0 auto;border:none;}
.retailer-time .retailer-time-inner .days div span{width:42%;float:left;padding:0 0 0px 0;box-sizing:border-box;margin:0px 0 0 0;color:#a2a0a1;font-family: 'Brandon Grotesque W01';font-weight: 400;font-style: normal;font-size:15px;}
.retailer-time .retailer-time-inner .days div span:last-child{width:58%;float:left;padding:0 0 0px 0;box-sizing:border-box;margin:0px 0 0 0;color:#a2a0a1;font-family: 'Brandon Grotesque W01';font-weight: 400;font-style: normal;font-size:15px;}
.retailer-time .retailer-time-inner .days div.public-holiday{position:relative; float:left;margin:0;padding:5px 0 0 0;width:100%;height:auto; display:block;border-top:1px solid #494748;}

.retailer-time .retailer-time-inner .contact{position:relative; float:left;margin:0;padding:0;width:100%;height:auto; display:block;background-color:#eeede9;box-sizing:border-box;padding:10px 17px;}
.retailer-time .retailer-time-inner .contact div{position:relative; float:left;margin:0;padding:15px 0 0 0;width:100%;height:auto; display:block;background-color:#eeede9;}

.retailer-time .retailer-time-inner .contact div span{width: 100%;font-family: 'Brandon Grotesque W01';font-weight: 500;font-style: normal;font-size: 13px;color: #a1a09c;text-transform:uppercase;float:left;}
.retailer-time .retailer-time-inner .contact div a{width: 100%;font-family: 'Brandon Grotesque W01';font-weight: 700;font-style: normal;font-size: 18px;color: #040301;float:left;}
.retailer-time .retailer-time-inner .contact a.web-mail{width: 100%;font-family: 'Brandon Grotesque W01';font-weight: 700;font-style: normal;font-size: 18px;color: #5d5c58;float:left;margin:30px 0 0 0;text-align:center;}




#articles .back{background: #f7f6f4 url(../images/back-to.png) left center no-repeat;padding:13px 34px 13px 30px;border:1px solid #cccccc;position:absolute;top:20px;left:20px;padding:10px 34px 10px 30px;margin:0;font-family: 'Brandon Grotesque W01';color:#75726d; text-transform:uppercase;font-size:14px;}



.socail-icons-verticle{ position:absolute;top:20px;right:20px;padding:0px 0px 0px 0;margin:0;font-family: 'Brandon Grotesque W01';color:#75726d; text-transform:uppercase;font-size:14px;width:30px; box-sizing:border-box;}
.socail-icons-verticle .full-icon {width: 28px;background: url(../images/full-icon.png) center center no-repeat;background-size: contain;height:26px;float:left;}
.socail-icons-verticle .full-icon.open {background: url(../images/cross-gray-icon.png) center center no-repeat;}
.socail-icons-verticle.web-icon{display:block;}
.socail-icons-verticle.mobile-icon{display:none !important;}







.socail-icons-verticle .social-icon {width: 100%;position: relative;top: auto;line-height: 0;right: auto;height: auto;padding: 15px 0 0 0; text-align:center;float:left;transition:all ease 1s;}
.socail-icons-verticle .social-icon li{height: 26px;transition: none;  display:block;margin-bottom:10px;float:left;width:auto;}
.socail-icons-verticle .social-icon li a{height: 26px; margin-right: 0px;transition: none;display:inline-block;width:28px;opacity:0.7;}
.socail-icons-verticle .social-icon li a:hover{ opacity:1;}

.socail-icons-verticle .social-icon a.facebook-icon { background: url(../images/facebook-gray-icon.png) center center no-repeat;background-size: contain;}
.socail-icons-verticle .social-icon a.twitter-icon { background: url(../images/twiter-gray-icon.png) center center no-repeat;background-size: contain;}
.socail-icons-verticle .social-icon a.instagram-icon {background: url(../images/instagram-icon-lh.png) center center no-repeat;background-size: contain;}
.socail-icons-verticle .social-icon a.pinterest-icon {background: url(../images/print-gray-icon.png) center center no-repeat;background-size: contain;}
.socail-icons-verticle .social-icon a.youtube-icon {background: url(../images/youtube-icon-lh.png) center center no-repeat;background-size: contain;}
.socail-icons-verticle .social-icon a.wechat-icon {background: url(../images/wechat-icon-lh.png) center center no-repeat;background-size: contain;}
.socail-icons-verticle .social-icon a.weibo-icon {background: url(../images/weibo-icon-lh.png) center center no-repeat;background-size: contain;}
.socail-icons-verticle .social-icon a.mail-icon {background: url(../images/mail-gray-icon.png) center center no-repeat;background-size: contain;}
.socail-icons-verticle .social-icon a.atteched-icon {background: url(../images/atteched-gray-icon.png) center center no-repeat;background-size: contain;}






#articles .articles .detail .first-block{width: 800px; padding:0 0 40px 0; display: block; margin: 30px auto;text-align:center;}

#articles .articles .detail .first-block h1{width: 100%;font-family:'Brandon Grotesque W01'; font-weight:700; font-style:normal;font-size:30px;color:#a09b93;padding:41px 0 0 0; display: block; margin: 0 auto;text-align:center;text-transform:uppercase;letter-spacing:4px;}

#articles .articles .detail .first-block p{width: 100%;font-family:'Brandon Grotesque W01'; font-weight:400; font-style:normal;font-size:25px;color:#000;padding:24px 0 40px 0; display: block; margin: 0 auto;text-align:center;}


#articles .articles .detail .first-block .card{background: url(../images/card-icon.png) left center no-repeat;  padding:10px 0 10px 33px;margin:0;font-family: 'Brandon Grotesque W01';color:#a09b93;  font-size:16px;width:auto;border-bottom:1px solid #d5d1cb;font-weight:600;}
#articles .articles .detail .first-block .card:hover{text-decoration:none;}




#articles .articles .large-img{width: 100%;display:block;display:block;}
#articles .articles .large-img img{width: 100%;   height:auto; }




#articles .articles .detail .person-block{width: 100%; padding:0 0 0px 0;  margin: 104px auto;text-align:left;}
#articles .articles .detail .person-block img{width:31.4%; margin:0;padding:0;float:left; }
#articles .articles .detail .person-block .person-info{width:68.6%;float:left;margin:0;padding:0; box-sizing:border-box;padding:0 0 0 52px;}
#articles .articles .detail .person-block .person-info h2{width: 100%;font-family:'Brandon Grotesque W01'; font-weight:700; font-style:normal;font-size:25px;color:#585551;padding:21px 0 0 0; text-transform:uppercase;  }
#articles .articles .detail .person-block .person-info p{width: 100%;font-family:'Brandon Grotesque W01'; font-weight:400; font-style:normal;font-size:25px;color:#000;padding:14px 0 35px 0;  }
#articles .articles .detail .person-block .person-info span{width: 100%;font-family:'Brandon Grotesque W01'; font-weight:700; font-style:normal;font-size:20px;color:#ada9a1;padding:0 0 0 0; display: block; text-transform:uppercase;  }
#articles .articles .detail .person-block .person-info a{width: auto;font-family:'Brandon Grotesque W01'; font-weight:700; font-style:normal;font-size:16px;color:#a09b93;padding:0 0 10px 0; display:inline-block; border-bottom:1px solid #d5d1cb;  }
#articles .articles .detail .person-block .person-info a:hover{ text-decoration:none;  }


#articles .articles .detail .description{width: 100%;  margin: 50px auto;text-align:center;display:inline-block; }
#articles .articles .detail .description .description-photo{width: 49.655850540806296%; padding:0 0 0px 0;  margin: 0  0 0 0.688298918387414%; float:left;}
#articles .articles .detail .description .description-photo:nth-child(2n+1){margin-left:0; }
#articles .articles .detail .description .description-photo img{width: 100%; padding:0 0 0px 0;  margin: 0 ; float:left;}
#articles .articles .detail .description .description-photo span{width: 100%;font-family:'Brandon Grotesque W01'; font-weight:600; font-style:normal;font-size:16px;color:#a09b93;padding:0 0 0 0;float:left;margin:10px     0 0 0;   }


#articles .articles .detail .map-large{width: 100%;  margin: 50px auto;text-align:center;display:inline-block;text-align:center; }
#articles .articles .detail .map-large h2{width: 100%;font-family:'Brandon Grotesque W01'; font-weight:600; font-style:normal;font-size:25px;color:#585551;padding:0 0 0 0;float:left;margin:10px     0 0 0; letter-spacing:3px; text-transform:uppercase; }
#articles .articles .detail .map-large a{width: auto;font-family:'Brandon Grotesque W01'; font-weight:600; font-style:normal;font-size:16px;color:#a09b93;padding:0 0 10px 0; margin:10px     0 0 0;   border-bottom:1px solid #a09b93;display:inline-block; }
#articles .articles .detail .map-large a:hover{text-decoration:none;}
#articles .articles .detail .map-large .map-inner{width:100%;display:inline-block;margin:20px 0 0 0;padding:0 0 53% 0;height:0;position:relative;box-sizing:border-box;float:left;}

#articles .articles .detail .map-large iframe, #articles .articles .detail .map-large #map{width:100%;display:inline-block;margin:0 0 0 0;padding:0 0 0% 0;height:auto;position:absolute;height:100%;left:0;top:0;}

#articles .articles .insider{width: 100%;margin: 50px auto;text-align:center;display:inline-block;text-align:center; }
#articles .articles .insider .insider-inner{width: 100%;float:left;margin:0;padding:0 100px;box-sizing:border-box;background-color:#efede9;text-align:center; }
#articles .articles .insider .insider-inner  h2{width: auto;font-family:'Brandon Grotesque W01'; font-weight:600; font-style:normal;font-size:25px;color:#b4b4b4;padding:0 0 0 0; margin:10px     0 0px 0;text-align:center;border-bottom:1px solid #b4b4b4;display:inline-block;   }

#articles .articles .insider .insider-inner ul{width: 100%;   float:left;margin:20px 0;  }
#articles .articles .insider .insider-inner ul li{width: 32.27953410981697%;   float:left;margin:0 0 0 1.5806988352745424%;  }
#articles .articles .insider .insider-inner ul li:nth-child(3n+1){margin-left:0;}
#articles .articles .insider .insider-inner ul li img{width: 100%;float:left;margin:0;height:auto;  }
#articles .articles .insider .insider-inner ul li div{width: 100%;float:left;margin:0;min-height:242px; text-align:left;background-color:#ffffff;padding:28px 23px;box-sizing:border-box; }

#articles .articles .insider .insider-inner ul li div h3{width: 100%;font-family:'Brandon Grotesque W01'; font-weight:600; font-style:normal;font-size:22px;color:#464646;padding:0 0 0 0;float:left;margin:10px 0 0 0;   }
#articles .articles .insider .insider-inner ul li div p{width: 100%;font-family:'Brandon Grotesque W01'; font-weight:400; font-style:normal;font-size:16px;color:#000000;padding:0 0 0 0;float:left;margin:10px 0 0 0;   }



/*retailer new design*/


/*inset section*/
section #content .inset-section{width: 710px;margin: 30px auto;text-align: left;}
section #content .inset-section .inset-inner{float:left;margin:30px 0 0 0;padding:0;}
section #content .inset-section p{width:100%;padding: 0 0;margin: 0px 0;display: block;font-family: 'Brandon Grotesque W01';font-weight: 400;font-style: normal;font-size: 18px;color: #000;}
section #content .small-div{ float:left ;margin:0px 20px 0 0px; padding:0; width:auto;line-height:0;height:auto !important;position:relative; }
section #content .small-div.right{ float:right ;margin:0px 0px 0 20px;  }
section #content .small-div .img-caption{ position:absolute;height:auto;color: #fff;background-color: rgba(0,0,0,0.8);bottom:0;left:0;padding:15px 10px;box-sizing:border-box;font-family: 'Brandon Grotesque W01';font-weight: 300;font-size:20px;width:100%; }
section #content .small-div img{width:auto;height:auto;width:auto;margin:0;padding:0; max-width:450px;}

section #content .small-div .icons{position: absolute; top: 10px; right: 10px;width:auto;display:none;}
section #content .small-div .icons a{width: 20px; height: 20px;float:left;margin:0 0 0 10px;opacity:0.6;cursor:pointer;}
section #content .small-div .icons a:hover{opacity:1;}
section #content .small-div .icons a.facebook{background: url(../images/block-facebook.png) top left no-repeat;}
section #content .small-div .icons a.twitter{background: url(../images/block-twitter.png) top left no-repeat;}
section #content .small-div .icons a.instagram{background: url(../images/block-instagram.png) top left no-repeat;}
section #content .small-div .icons a.pinit{background: url(../images/block-pinit.png) top left no-repeat;}
section #content .small-div:hover .icons{display:block;}
/*inset section end*/

.popupv {width: 100%;height: 100%;top: 0;left: 0;background-color: transparent;padding: 0;position: fixed;z-index: 999999;display:block;text-align:center;}
.popupv .shade {position: absolute;width: 100%;height: 100%;left: 0;top: 0;content: "";opacity: 0.7;visibility: visible;background-color:#000;background-position: center center;background-repeat: repeat;background-size: cover;z-index:9;}
.popupv-block {width: 78.75vw;margin:0 auto;padding:0;display:inline-block;}
.popupv-block .h-center{width: 100%;height: 100vh;margin: 0 0;padding: 0;float: left;display: table;}
.popupv-block .v-center{float: none;padding: 0;display: table-cell;vertical-align: middle;}
.popupv-block .popupv-block-detail{width: 100% !important;margin:0;float:left;background-color: #fff;padding:0;box-sizing: border-box;position:relative;z-index:99999999;}
.popupv-block-detail .icon-close {background: #fff url(../images/icon-close-p.svg) no-repeat center center;background-size:36% auto !important;border-radius:100%;padding:0;width: 3vw;height: 3vw;position: absolute;right: 1.25vw;top: 1.25vw;text-indent: -1000em;cursor: pointer;z-index: 1;}



.pop-f {width:50%;height:37vw;padding:0;margin:0;box-sizing:border-box;float:left;}
.pop-img{width:50%;height:37vw;background-repeat:no-repeat !important;background-position:center center !important;background-size:cover !important;float:right;}
.pop-f .popf-inner{ width:100%;float:left;padding:3.75vw 9vw 3.75vw 3.75vw;box-sizing:border-box; text-align: left;}
.pop-f .popf-inner.mh{ padding-right:3.75vw;}
.pop-f .popf-inner h2{width: 100%;margin:0 0 1.875vw 0;padding:0;float: left; font-family:'Brandon Grotesque W01'; font-weight:700; font-style:normal;text-align: left;font-size:1.875vw;color:#000;line-height: 1.3; text-transform:uppercase; }
.pop-f .popf-inner p {color: #000000;font-size: 0.8125vw;line-height:1.1875vw;margin:0 0 1.6875vw 0;padding: 0;width: auto; font-family:'Brandon Grotesque W01';   font-style:normal;float:left;font-weight:400;}
.pop-f .popf-inner p input[type="checkbox"]{margin-top:0.1875vw;margin-right:0.625vw;float:left;clear:left;}
 .pop-f .popf-inner input[type="email"] {width: 87.14%;height: 2.875vw;box-sizing: border-box;border: none;color: #4c4c4c;font-size:2vw;line-height: 1.4;box-sizing: border-box; padding:0;box-sizing: border-box;outline: none;font-family:'Brandon Grotesque W01';margin:0 0 1.875vw 0;border-bottom:1px solid #000;background:none;float:left;}
.pop-f .popf-inner input[type="email"].error{border-bottom:1px solid red;}
.pop-f .popf-inner input[type="button"], .pop-f .popf-inner input[type="submit"] {width: 8.25vw;height: auto;box-sizing: border-box;border: none;color: #fff;font-size: 1vw;line-height:1.4375vw;box-sizing: border-box;background-color: #000;padding: 0.625vw 1.5625vw;box-sizing: border-box;outline: none;font-family:'Brandon Grotesque W01';margin:0 0 3.75vw 0;transition: all 0.5s ease;float:left;font-weight:600;}
.pop-f .popf-inner input[type="button"], .pop-f .popf-inner input[type="submit"]:hover{color:#fff;background:#8c8c8c;}
.pop-f .close{background-image: url(../images/icon-close-news-letter-bar.png); display: block;height: 1.1875vw;position: absolute;right: 1.3125vw;top: 0.9375vw;width: 1.1875vw;background-size:cover;}
.pop-f .popf-inner .fair-p {width:100%;float:left;margin:0;padding:0;}
.pop-f .popf-inner .fair-p a{text-decoration:underline;}
 
.pop-f .popf-inner .tp-text p{font-size:1.4vw;margin-bottom:1vw;}

.pop-f .popf-inner input[type="text"]::-webkit-input-placeholder, .pop-f .popf-inner input[type="number"]::-webkit-input-placeholder,
.pop-f .popf-inner textarea::-webkit-input-placeholder,
.pop-f .popf-inner input[type="text"]::-moz-placeholder, .pop-f .popf-inner input[type="number"]::-moz-placeholder,
.pop-f .popf-inner textarea::-moz-placeholder{color:#000 !important;opacity:0.7 !important;}
 input[placeholder], [placeholder], *[placeholder] {color:#000 !important;opacity:0.7;}


}


@media only screen and (min-width:1400px) and (max-width:1600px) {

/*section #content #features-list .overlay-box {width: 315px; height: 315px; }  */
section #content #features-list .overlay-box .overlay-inner .overlay div{width: 240px; }
section #content #features-list .overlay-box .overlay-inner .overlay div h2{font-size:27px;}
section #content #features-list .overlay-box .overlay-inner .overlay div p{font-size:16px;}
 /*
section #content #features-list .overlay-box.vcenter {margin-top: -158px;}
section #content #features-list .overlay-box.center {margin-left: -158px;}*/


#div-fashion .banner img{width:500px;}
#div-fashion .banner div{width:565px;padding:24px 0;margin-left:45px;}


}
 

@media only screen and (min-width:1120px) and (max-width:1399px) {

/*section #content #features-list .overlay-box {width: 285px; height: 285px; }  */
section #content #features-list .overlay-box .overlay-inner .overlay div{width: 240px; }
section #content #features-list .overlay-box .overlay-inner .overlay div h2{font-size:27px;}
section #content #features-list .overlay-box .overlay-inner .overlay div p{font-size:16px;}
 /*
section #content #features-list .overlay-box.vcenter {margin-top: -143px;}
section #content #features-list .overlay-box.center {margin-left: -143px;}*/

/*
#social-feed .social-post .text {padding: 15px;}
#social-feed .social-post .text h4 {font-size: 14px;}
#social-feed .social-post .text p {font-size: 13px;}*/


#articles .articles .overlay-box {width: 830px;}

#articles .articles .detail{width: 830px;}
#articles .articles .detail .standfirst{width: 630px;font-size:24px;}
#articles .articles .detail .text-block { width: 730px; }
#articles .articles .detail .text-block h2,#articles .articles .detail h3{font-size:18px;}
#articles .articles .detail .text-block p{font-size:18px; }
#articles .articles .detail .text-block:first-of-type p:first-of-type:first-letter{ font-size: 56px;}
#articles .articles .detail .text-block.no-capitalize:first-of-type p:first-of-type:first-letter{ font-size: inherit !important; }
/*#articles .articles .detail .text-block p.capitalize:first-letter{ font-size:56px;}*/

#articles .articles .detail .text-block blockquote{font-size:24px;}
#articles .articles .detail .text-block blockquote p{font-size:24px;}
#articles .articles .detail .text-block blockquote p:first-of-type:first-letter{ font-size: 24px; }
#articles .articles .detail .text-block ul li, #articles .articles .detail .text-block ol li{font-size:18px;}


.img-block .caption{font-size:14px;}
.img-block .caption span{font-size:18px;}
.img-block .caption span.links{font-size:14px;}
/* Image block caption */
.img-block.outside .caption{width: 610px; }

.img-block .caption.outside { width: 610px;}

.img-block .block .large {/*height:588px;*/}
.img-block .block .small {height:294px;}


section .share.full{width:610px;}
 #privacy .privacy{width: 720px; }
  /*
.article.related {background:#fff;}
.article.related ul li{width: 25%;}
.article.related ul li:nth-child(3n+3){padding:0 5px 0 0;}
.article.related ul li:nth-child(4n+4){padding:0 0 0 0;}
  */



.pop-f .popf-inner .tp-text p{font-size:1.3vw;margin-bottom:1.7vw;}

  #articles .articles .detail .riba-selection ul li div span{ font-size: 16px;  }








/*.span_3_of_3 { width: 100%; }
.span_2_of_3 { width: 66.56%; }
.span_1_of_3 { width: 33.13%; }*/
.grid-expander{margin:.2% 0;}


#div-fashion .banner img{width:380px;}
#div-fashion .banner div{width:460px;padding:15px 0;margin-left:30px;}
#div-fashion .banner div p{font-size:20px;}


#div-fashion .section .grid-item {width: 33.2%;display:inline-block;margin: 0 0 .2% .2%;}
#div-fashion .section .grid-item .grid-1 div{height:105px;padding:0 15px;background-image:url(../images/arrow-down-1120.png);background-position:top 16px right 15px;}
#div-fashion .section .grid-item.active .grid-1 div{background-image:url(../images/arrow-up-1120.png);}
#div-fashion .section .grid-item .grid-1 div span{height:45px;font-size:18px;padding:17px 15px;margin:-45px 0 0 -15px;background-image:url(../images/bgheading-1120.png);}
#div-fashion .section .grid-item .grid-1 div span sup{font-size:12px;}
#div-fashion .section .grid-item .grid-1 div p{font-size:17px;padding-top:9px;}
#div-fashion .section .grid-item .grid-1 div h2{font-size:24px;}

#div-fashion .section .grid-item .grid-2{margin-bottom:.2%;padding:30px 50px;}
#div-fashion .section .grid-item .grid-2 .info-detail{width:52.67489711934157%;}
#div-fashion .section .grid-item .grid-2 .info-detail p{font-size:20px;padding-top:0;}
#div-fashion .section .grid-item .grid-2 .info-detail .btn-book{font-size:18px;padding:1px 6px;margin-top:25px;}
#div-fashion .section .grid-item .grid-2 .info-map{width: 40.213991769547327%;}
#div-fashion .section .grid-item .grid-2 .info-map div.map-small {height: 235px;}


#div-fashion .section .grid-item .grid-2 .info-detail .share-this{width:70%;right:0;bottom:-5px;}
#div-fashion .section .grid-item .grid-2 .info-detail .share-this ul li{padding:6px 15px 6px 0;font-size:12px;}
#div-fashion .section .grid-item .grid-2 .info-detail .share-this ul li span, #div-fashion .section .grid-item .grid-2 .info-detail .share ul li a{font-family:'Brandon Grotesque W01'; font-weight:400; font-style:normal;font-size:13px;color:#ffffff;line-height:.9;}
#div-fashion .section .grid-item .grid-2 .info-detail .share-this ul li:first-child{padding-top:10px}
#div-fashion .section .grid-item .grid-2 .info-detail .share-this ul li a{width:18px;height:18px;}
#div-fashion .section .grid-item .grid-2 .info-detail .share-this ul li .bgt{display:none;}
#div-fashion .section .grid-item .grid-2 .info-detail .share-this ul li .smt{display:block;}



/*Future-of-food-festival-start====*/ 
 #articles.stfirst {
    padding: 20px 0; 
}
#articles.stfirst .articles .detail .text-block{width:675px}
#articles.stfirst .articles .detail .text-block p{font-size:18px;letter-spacing:-0.63px;line-height:25px;font-weight:500;}
#articles.stfirst.w645 .articles .detail .text-block{padding-right:100px;}
#articles.stfirst.w645 .articles .detail .text-block .partnership{width:152px;right:-72px;}

.tickevent > div {
    width: 830px;
}
.tickevent ul li .te-info{padding:11px 20px 85px 20px;float:left;background:#fff;}
.tickevent ul{width:830px;}
.tickevent ul li{width:31.361421319796955%;margin:0 0 40px 2.857868020304569%;} 

.ticketedevents article section aside span, 
.ticketedevents article section aside a, 
.ticketedevents article section aside p {margin-right: 25px;}

.fndouter{width: calc(100% - 20px - 20px);bottom:20px;right:20px;}
.fndmore{width: 51.8%;}
.fndmore.dggreen{color:#fff;background:#306955;margin-left:0;width: 43.8%;}
.laodmorebtn {margin: 0 0 20px 0;}

.ticketedevents{width:830px;}

.ticketedevents article section{padding:20px 25px;} 

.events-map{width:830px;}  
  
.prenquries .prqlist{width:830px;}
.prenquries .listitem{width:30%;}
.prenquries .listitem:nth-child(3n-1){width:40%;}  
 
.chefaclist ul{width:830px;}
.chefaclist ul li{min-height:300px;margin:0 0 40px 0;} 
.chefaclist ul li .te-info{padding:69px 5.583756345177665% 25px 4.060913705583756%;}
.chefaclist p{font-size: 19px;letter-spacing: -0.74px;line-height: 25px;}
.chefaclist h4{margin:20px 0 0 0;font-size: 16px;letter-spacing: -0.60px;line-height: 24px;}
.chefaclist label{margin:3px 0 0 0;}

.exp-detail .expd-inner{width:830px;}
.exp-detail .exp-left{width:49.75369458128079%;}
.exp-detail .exp-right{width:45.857143%;}
.exp-detail h2{font-size: 19px;letter-spacing: -0.77px;line-height: 24px;}
.exp-detail h1{font-size: 34px;letter-spacing: -1.47px;line-height: 38px;}
.exp-detail p{width:100%;margin:0 0 5px 0;padding:0;float:left;font-family: 'Brandon Grotesque W01';font-size: 18px;letter-spacing: -0.63px;line-height: 26px;font-weight: 500;color:#000000;}
.exp-detail label{/*width:100px;*/margin:0 0 0 40px;padding:0;float:left;font-family: 'Brandon Grotesque W01';font-size: 18px;letter-spacing: -0.63px;line-height: 26px;font-weight: 500;color:#000000;}
.exp-detail label:first-of-type{margin-left:0;}
.exp-detail address{width:100%;text-decoration:underline;margin:8px 0 0 0;padding:0;float:left;font-style:normal;font-family: 'Brandon Grotesque W01';font-size: 18px;letter-spacing: -0.63px;line-height: 26px;font-weight: 500;color:#000000;}

.bookbtn{width: 100%;margin:20px 0 40px 0;padding:0;float:left;}
.bookbtn a{width: 134px; font-family:'Brandon Grotesque W01';margin-right:43px; font-weight:700; font-style:normal;text-align: center;font-size:13px;letter-spacing:-0.46px;color:#fff;padding:0 22px 0 22px;height:40px;background:#306955;display:inline-block;text-transform:uppercase;line-height:40px;-webkit-transition: all .50s ease-in-out;-moz-transition: all .50s ease-in-out;-o-transition: all .50s ease-in-out;transition: all .50s ease-in-out;}
.bookbtn a.back{width: auto;padding:0 12px 0 12px;margin-right:0;line-height:40px;background-color:#C1DC9F;color:#306955;}
.bookbtn a i{width:8px;height:14px;background:url(../images/left-arrowbtn.png) no-repeat center center;float:left;margin:13px 6px 0 0;}
.bookbtn a:hover{color:#306955;background:#C1DC9F;text-decoration:none;}
/*.btlink{width:100%;margin:15px 0 0 0;text-decoration:underline;padding:0;float:left;font-family: 'Brandon Grotesque W01';font-size: 13px;letter-spacing: -0.46px;line-height: 28px;font-weight: 500;color:.btlink{width:100%;margin:15px 0 0 0;text-decoration:underline;padding:0;float:left;font-family: 'Brandon Grotesque W01';font-size: 13px;letter-spacing: -0.46px;line-height: 28px;font-weight: 500;color:#306955;}
.btlink:hover{text-decoration:none;}*/

  
/*Future-of-food-festival-end====*/

}
@media only screen and (min-width:760px) and (max-width:1119px){

#other-contacts ul{padding:0 !important;}

/* popup ------------------------------------ */ 
section #popup .popup-block{margin:0 0 0 0;padding:25px 30px 35px 30px;}
section #popup .content-inner{max-width: 895px !important;padding: 0 10px;}
section #popup .popup-block .text-block{width: 44% !important;float:left;padding: 0 0px;margin: 45px 0 0 0;}
section #popup .popup-block .text-block h2{font-size:25px;margin: 0 0 30px 0;}
section #popup .popup-block .text-block h3{font-size:16px;padding:25px 0;margin: 0 0 35px 0;}
section #popup .popup-block .text-block p{font-size:14px;padding:0 10px;margin:0 0 20px 0;}
section #popup .popup-block .img-block{width: 49%;height:0; padding-bottom:63.5%;background-image: url(../images/Image-container-popup.jpg);}
section #popup .popup-block .more {
cursor:pointer;margin-top:10px;   
}
#map-canvas-1 {
    width: calc(100vw - 510px - 15px) !important;
}
#container.ddetail {position: absolute;}
#container.ddetail #map-canvas-1 { width:calc(100vw - 480px - 15px) !important; height:100% !important;}

    /* sign up ---------------------------------------- */
     .feature.signup {width:100%;height:auto;padding-bottom:14%;margin:0;position:relative;}


    /* contact ---------------------------------------- */
#contact-us {width: 100%; float: left; background: #f7f6f4;padding: 0 0 40px 0;margin-top:90px;}


.pop-f .popf-inner .tp-text p{font-size:1.4vw;margin-bottom:1.7vw;}

header{width:100%;position:inherit;height:190px;}
/* main logo -----------------------------------*/
header .logo{width:132px;height:190px;position:fixed;}
header .logo span{background:url(../images/rs-logo-tablet.png) top center no-repeat; }

/* nav -----------------------------------*/
header nav{width:100%;height:90px;top:0;right:0;background:transparent;}
header nav .primary-nav{margin-top:30px;width: 100%;top: 0;left: 0;height: 0;position: absolute;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box;box-sizing: border-box; padding-left: 132px;}
header nav .primary-nav ul{width:88%;float:left;list-style:none;padding:0 10% 0 2%;margin:0;background:#fff;position:relative;}
header nav .primary-nav ul li a{background:none;width:auto;padding:22px 0 22px 0;font-size:13.50px;text-align:center;height:16px;}
header nav .primary-nav ul li a:hover, header nav .primary-nav ul li a.active{background:none;color:#213a4a;}
header nav .primary-nav ul li:nth-child(1) a.nav{width:8%;text-align:left;} header nav .primary-nav ul li:nth-child(2) a.nav{width:10%;} header nav .primary-nav ul li:nth-child(3) a.nav{width:12%;}
header nav .primary-nav ul li:nth-child(4) a.nav{width:24%;} header nav .primary-nav ul li:nth-child(5) a.nav{width:10.4%;} header nav .primary-nav ul li:nth-child(6) a.nav{width:16.2%;}
header nav .primary-nav ul li:nth-child(7) a.nav{width:17.8%;}

/* sub nav -----------------------------------*/
header nav .primary-nav ul li div.sub-nav{width: 100%;top: 60px;left: 0;height: 0;position: absolute;transition: height 0.25s;bottom:0;}
header nav .primary-nav ul li div.sub-nav.open {width: 100%;left: 0;height:130px;}

header nav .primary-nav ul li div.sub-nav .sub-nav-inner{background-color: rgba(242, 240, 236, 0.95);
    height: 130px;
    left: 0;
    position: absolute;
    right: 0;
    top: auto;
    bottom:0;
    width: 100%;border-right:0;
}

header nav .primary-nav ul li div.sub-nav ul{width:225px;float:left;-moz-column-count: 2;-webkit-column-count: 2;column-count: 2;padding:20px 0 20px 0;background:transparent;}
header nav .primary-nav ul li div.sub-nav ul li a{float:none;background: none;width:auto;padding: 0 0 0 20px;text-align:left;margin:0 0 5px 0;font-size:13px;display: inline-block;}

header nav .primary-nav ul li div.sub-nav .logos{width:658px;padding:18px 10px 17px 10px;float:right;}
header nav .primary-nav ul li div.sub-nav .logos div.small{width:350px;float:left;}
header nav .primary-nav ul li div.sub-nav .logos div.small a{width:60px;margin:0 0 13px 10px;height:auto;}
header nav .primary-nav ul li div.sub-nav .logos div.large{width:300px;float:left;}
header nav .primary-nav ul li div.sub-nav .logos div.large a{width:140px;margin:0 0 10px 10px;height:auto;}
header nav .primary-nav ul li div.sub-nav .logos div a{float:left;background:none;width:100%;padding:0 0 0 0;}
header nav .primary-nav ul li div.sub-nav .logos div a img{width:100%;}

header nav .primary-nav ul li div.sub-nav span.box{width: 132px;position:absolute;left:-132px;height:30px;background-color: rgba(242, 240, 236, 0.95);bottom:0;}

/* secondory nav -----------------------------------*/
header nav .secondory-nav{top:0;background:url(../images/bgtransnav.png) top right repeat;height:30px;width:auto;margin:0 0 0 0;
                          -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box;box-sizing: border-box;left: 132px;right:0;}
header nav .secondory-nav ul{width:auto;float:right;}
header nav .secondory-nav ul li{width:auto;padding:2px 0 0 0;}
header nav .secondory-nav ul li a{float:none;background:none;width:auto;padding:0 0 0 0;font-weight:500; font-size:13px;color:#fff;margin:0 36px 0 0}
header nav .secondory-nav ul li.social{margin:0 0 0 0;float:left;padding:6px 0 0 0;width:193px;}
header nav .secondory-nav ul li.social a{background:none;padding:0 0 0 0;height:16px;margin:0 16px 0 0;width:16px;float:left;}
header nav .secondory-nav ul li.social a:last-child{margin:0 20px 0 0;}
header nav .secondory-nav ul li.social a.facebook{background:url(../images/icon-facebookw.png) center center no-repeat;width:16px;}
header nav .secondory-nav ul li.social a.twitter{background:url(../images/icon-twitterw.png) center center no-repeat;}
header nav .secondory-nav ul li.social a.instagram{background:url(../images/icon-instagramw.png) center center no-repeat;}
header nav .secondory-nav ul li.social a.pinit{background:url(../images/icon-pinitw.png) center center no-repeat;}
header nav .secondory-nav ul li.social a.youtube{background:url(../images/icon-youtubew.png) center center no-repeat;}
header nav .secondory-nav ul li.social a.googlep{background:url(../images/icon-googleplusw.png) center center no-repeat;margin: 0 0 0 0;}



/* search -----------------------------------*/
header #search-box{position:absolute;top:30px;}
header #search-box #search{width:auto;height:0;transition: height 0.25s;top:60px;right: 0;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box;box-sizing: border-box;left: 132px;}
header #search-box #search input{padding:0px 2% 0 2%;width:96%}
header #search-box #search a{width:46px;}


/* Open Search ---------------------------------------- */
header #search-box #search.open-search{right: 0;height: 60px;}
header #search-box .az.open-search{right: 42px;}



/* Sticky Header ---------------------------------------- */
header nav .primary-nav.sticky{margin-top:0;position:fixed;}
header #search-box.sticky{position:fixed;top:0;}




section #content .content-inner{ padding-left: 0;}
section #content .content-inner .content-inner-sub{padding:0 0 0 0;}
footer .link-right.inner {
    width: 185px; 
    right: 35px; 
}
footer .link-right ul li a {
    margin-left: 10px; 
}
/* home ---------------------------------------- */
/*section #content #features-list{padding-left: 0;}
section #content #features-list .feature { padding-bottom: 71%; }
section #content #features-list .feature:nth-of-type(4n){width: 100%; }
section #content #features-list .feature:nth-of-type(4n-1){width: 100%;}
section #content #features-list .feature:nth-of-type(4n-2){width: 100%;}
section #content #features-list .feature:nth-of-type(4n-3){width: 100%;}
section #content #features-list .feature:nth-of-type(4n) .wide{display: block;}
section #content #features-list .feature:nth-of-type(4n) .narrow{display: none;}
section #content #features-list .feature:nth-of-type(4n-1) .wide{display: block;}
section #content #features-list .feature:nth-of-type(4n-1) .narrow{display: none;}
section #content #features-list .feature:nth-of-type(4n-2) .wide{display: block; }
section #content #features-list .feature:nth-of-type(4n-2) .narrow{display: none; }
section #content #features-list .feature:nth-of-type(4n-3) .wide{display: block; }
section #content #features-list .feature:nth-of-type(4n-3) .narrow{display: none; }
#features-list .feature:nth-of-type(4n) > .inner {left: 0;}
#features-list .feature:nth-of-type(4n-1) > .inner {right: 0;}
#features-list .feature:nth-of-type(4n-2) > .inner {left: 0;}
#features-list .feature:nth-of-type(4n-3) > .inner {right: 0;}*/


#social-feed.fd h3{font-size:28px;}
#social-feed.fd p{font-size:16px;}

/*
#social-feed .social-post .text {padding: 15px;}
#social-feed .social-post .text h4 {font-size: 14px;}
#social-feed .social-post .text p {font-size: 13px;}*/

#social-feed .see-more a {
    font-size: 24px;
    padding-right: 40px;
}
#social-feed .see-more a span{font-size:15px;}

/*
section #content #features-list .feature.full { padding-bottom: 61.50%;}
section #content #features-list .feature.full .bgImage.clone{ display:none;}
section #content #features-list .feature.full:nth-of-type(4n), .wide{display: block;}
section #content #features-list .feature.full:nth-of-type(4n) .narrow{display: none;}
    */

/*#social-feed .see-more #imgLoading {width:50px;height:50px;margin-top:40%;}*/

.feature.full {padding-bottom: 61.5%;}
.feature.full .bgImage { padding-bottom: 61.5%; }
.feature > .inner.parallax-scrolling{padding-bottom: 61.5%;}
section #content .shade{background: url(../images/bgborder-desktop.png) bottom center repeat-x;  }

.feature.full.competitionbg { width: 100%;padding-bottom: 0;height:200px; margin-bottom: 0;}
.feature.full.competitionbg .bgImage { height: 0; padding-bottom: 0;height:200px; }

/* Article ---------------------------------------- */

#articles.top{margin:-125px 0 0 0;}
#articles.top .articles #author{margin:-40px 0 0 0;}
#articles.top .articles #date{margin:-60px 0 0 0;}


/* Article ---------------------------------------- */
#articles .articles .overlay-box {width: 830px;}

#articles .articles .detail{width: 830px;}
#articles .articles .detail .standfirst{width: 630px;font-size:24px;}
#articles .articles .detail .text-block { width: 730px; }
/*#articles .articles .detail .text-block h2,#articles .articles .detail h3{font-size:18px;}
#articles .articles .detail .text-block p{font-size:18px; }
#articles .articles .detail .text-block p.product-first{font-size:18px; }*/
#articles .articles .detail .text-block:first-of-type p:first-of-type:first-letter{ font-size: 56px;}
#articles .articles .detail .text-block.no-capitalize:first-of-type p:first-of-type:first-letter{ font-size: inherit !important; }
/*#articles .articles .detail .text-block p.capitalize:first-letter{ font-size:56px;}*/
#articles .articles .detail .text-block blockquote{font-size:24px;}
#articles .articles .detail .text-block blockquote p{font-size:24px;}
#articles .articles .detail .text-block blockquote p:first-of-type:first-letter{ font-size: 24px; }
/*#articles .articles .detail .text-block ul li, #articles .articles .detail .text-block ol li{font-size:18px;}*/




.img-block .caption{font-size:14px;}
.img-block .caption span{font-size:18px;}
.img-block .caption span.links{font-size:14px;}
/* Image block caption */
.img-block.outside .caption{width: 610px; }
.img-block.inside .caption{padding:15px 15px 15px 15px;}

.img-block .caption.outside { width: 610px;}

.img-block .block .large {/*height:588px;*/}
.img-block .block .small {height:294px;}


section .share.full{width:610px;}

 #privacy .privacy{width: 720px; }
#privacy .privacy h1{padding: 121px 0 35px 0; }
#privacy .privacy ul li{padding:0 0 0 0;margin:0;}
#privacy .privacy p{font-size:20px;}
/* Related Article ---------------------------------------- */

.article.listing {padding:121px 0 0 0;}
.article h3{padding:0 0 10px 0;}


.article ul li{width: 33.33%; padding-left: 0.5%;margin-top:20px;}
.article ul li:nth-child(4n+1) {clear: none;padding-left: 0.5%;}
/*.article ul li:nth-of-type(3n) {width: 33%; padding-right: 0; }
.article ul li:nth-of-type(4n) {width: 33.5%; padding-right: 0.5%; }*/
.article ul li:nth-child(3n+1) { clear: left;padding-left:0 }

.tags {width: 40%; float: none; margin:0 auto;}


/* Search Results ---------------------------------------- */
.search-result {padding: 35px 20px 0 20px;}

.feature.full.competitionbg { padding-bottom: 0;height:200px;}
.feature.full.competitionbg .bgImage {padding-bottom: 0;height:200px; }

#articles .articles .overlay-box.compaignbox h1 {
    padding: 15px 0;
}



#crop { width:132px; height:190px;display:block;
}

#directory { margin:90px 0 0 0;}

#directory .breadcrumb{padding:0 0 0 0;position:absolute;height:auto;}
#directory .breadcrumb li { padding: 20px 0 0 152px;height:101px; }

.anchor { margin-top: -175px; height: 175px; }


/*#directory.sticky { margin:60px 0 0 0;}
#directory.sticky .breadcrumb{position:fixed;}
#directory.sticky .atoz-directory ul{position:fixed;height:100%;background:#fff;top:60px;}
#directory.sticky .directories{margin:131px 0 0 0;} */

#directory .directories{margin:101px 0 0 0;}
#directory .directories li.first{ padding-left:152px;padding-right:152px;}
#directory .directories li img{ width:29.6%; padding:0 20px 0 0; }
#directory .directories li div{ width:70.4%;}
/*#directory .atoz-directory ul{top:0;position:absolute;display:inline-block;}*/

.atoz-directory.sticky ul { position: absolute; top: 0; bottom: auto; }
#directory.sticky .breadcrumb{position:fixed;top:60px;}
#directory.sticky .atoz-directory.sticky ul{position:fixed;top:60px;}

#retailer {margin:90px 0 0 0;}

#retailer .retailer div.detail.gthead{padding: 18px 100px 18px 152px;}



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


/* Search Results ---------------------------------------- */
.search-result .search-result-inner ul li{width:18.584070796460178%;height: auto; position: relative; float: left; padding:0 0 0 0;margin:0 0 35px 1.7699115044247787%;}
.search-result .search-result-inner ul li:nth-child(4n+1) { clear: none;}
.search-result .search-result-inner ul li:nth-of-type(4n) {width: 18.584070796460178%; }
.search-result .search-result-inner ul li:nth-child(5n-4){margin-left:0;clear:left;}
/* cookies */
/*#cookies {padding-left:30px;}*/

footer{padding-left: 0;}
 #articles .articles .detail .riba-selection ul li div span{ font-size: 16px;  }





/*.span_3_of_3 { width: 100%; }
.span_2_of_3 { width: 66.56%; }
.span_1_of_3 { width: 33.13%; }*/
.grid-expander{padding:0 0 0 0;margin:.2% 0;}


#div-fashion .banner{padding:190px 0 0 0;}
#div-fashion .banner img{width:380px;}
#div-fashion .banner div{width:460px;padding:15px 0;margin-left:30px;}
#div-fashion .banner div p{font-size:20px;}


#div-fashion .section .grid-item {width: 33.2%;display:inline-block;margin: 0 0 .2% .2%;}
#div-fashion .section .grid-item .grid-1 div{height:95px;padding:0 15px;background-image:url(../images/arrow-down-1120.png);background-position:top 16px right 15px;}
#div-fashion .section .grid-item.active .grid-1 div{background-image:url(../images/arrow-up-1120.png);}
#div-fashion .section .grid-item .grid-1 div span{height:45px;font-size:18px;padding:17px 15px;margin:-45px 0 0 -15px;background-image:url(../images/bgheading-1120.png);}
#div-fashion .section .grid-item .grid-1 div span sup{font-size:12px;}
#div-fashion .section .grid-item .grid-1 div p{font-size:17px;padding-top:9px;}
#div-fashion .section .grid-item .grid-1 div h2{font-size:22px;}

#div-fashion .section .grid-item .grid-2{margin-bottom:.2%;padding:30px 50px;}
#div-fashion .section .grid-item .grid-2 .info-detail{width:54.67489711934157%;}
#div-fashion .section .grid-item .grid-2 .info-detail p{font-size:20px;padding-top:0;}
#div-fashion .section .grid-item .grid-2 .info-detail .btn-book{font-size:18px;padding:1px 6px;margin-top:25px;}
#div-fashion .section .grid-item .grid-2 .info-map{width: 40.213991769547327%;}
#div-fashion .section .grid-item .grid-2 .info-map div.map-small {height: 250px;}


#div-fashion .section .grid-item .grid-2 .info-detail .share-this{width:70%;right:0;bottom:-5px;}
#div-fashion .section .grid-item .grid-2 .info-detail .share-this ul li{padding:6px 15px 6px 0;font-size:12px;}
#div-fashion .section .grid-item .grid-2 .info-detail .share-this ul li span,
#div-fashion .section .grid-item .grid-2 .info-detail .share ul li a{font-size:13px;}
#div-fashion .section .grid-item .grid-2 .info-detail .share-this ul li:first-child{padding-top:10px}
#div-fashion .section .grid-item .grid-2 .info-detail .share-this ul li a{width:18px;height:18px;}
#div-fashion .section .grid-item .grid-2 .info-detail .share-this ul li .bgt{display:none;}
#div-fashion .section .grid-item .grid-2 .info-detail .share-this ul li .smt{display:block;}



.newsletter-bar .bar-inner {padding: 0 0 0 0px;}
.newsletter-bar .bar-inner p {font-size: 16px;margin: 0 20px 0 0;}
.newsletter-bar .bar-inner input[type="email"]{width: auto;font-size: 16px;margin: 0 14px 0 0;}
.newsletter-bar .bar-inner input[type="button"] {font-size: 12px;padding: 4px 15px;}




.thanku-block{ padding:0 0 0 0;  }

.thanku-block-inner div{width:480px; padding:30px 35px 15px 35px ; }
.thanku-block-inner h1{ font-size:26px;color:#000;   }
.thanku-block-inner p{  font-size:20px;   }




.select-interest{ margin:40px 0 0 0;}
.select-interest h2{ font-size:22px; padding:0 0 20px 0;    }

.select-interest ul{width: 100%;float:left;margin:0 0 4.2% 0;padding:0 0 3.5% 0;}
.select-interest ul li{width: 48%; margin:0 0 1% 4%;padding:0px 0; float:left; }
.select-interest ul li:nth-child(2n+1){margin-left:0;}
.select-interest ul li .button-interest{font-size:19px; }
 .select-interest a.more{font-size:22px;}



/*My style*/
.select-interest .age-range{margin:0 0 5% 0;padding:1.98% 0 3.6% 0;}
.select-interest .age-range a{font-size:19px;}
.select-interest .w-do-live{margin:0 0 5.68% 0;padding:0.4% 0 5.88% 0;}
.select-interest .w-do-live select{font-size:19px;}
.select-interest .age-range.do-u-visit{width: 100%;margin:0 0 5.8% 0;padding:1.2% 0 5.4% 0}
.select-interest .age-range.do-u-visit.gender{width: 100%;margin:0 0 6.5% 0;padding:1.6% 0 4.7% 0}
/*My style*/

/*200th-anniversary*/
.article.listing.mar-top {padding:40px 0 0 0;}
#content .content-inner .header-img-web {margin:90px 0 0 0;}
/*200th-anniversary*/




/*Future-of-food-festival-start====*/ 

#content .content-inner .sub-nav-fof.moimgtop{margin-top:90px;padding-left:132px;}
#content .content-inner .sub-nav-fof.moimgtop ul li a {padding: 24px 12px 23px 12px;}
#content .content-inner .sub-nav-fof.moimgtop ul li:first-of-type a {padding: 24px 17px 23px 17px;}
#content .content-inner .sub-nav-fof.moimgtop ul li a.ddown {padding-right: 45px;}
#content .content-inner .sub-nav-fof.moimgtop ul li a.ddown:after {right: 15px;}

 #articles.stfirst {
    padding: 20px 0; 
}
 #articles.stfirst .articles .detail {
    width: 700px;
}
#articles.stfirst .articles .detail .text-block{width:700px}
#articles.stfirst .articles .detail .text-block p{font-size:18px;letter-spacing:-0.63px;line-height:25px;font-weight:500;}
#articles.stfirst.w645 .articles .detail .text-block {padding-right: 130px;}
#articles.stfirst.w645 .articles .detail .text-block .partnership {width: 172px;right: -88px;}
 .tickevent > div {
    width: 875px;
}
.tickevent ul li .te-info{padding:11px 20px 85px 20px;float:left;background:#fff;}
.tickevent ul{width:875px;}
.tickevent ul li{width:31.361421319796955%;margin:0 0 40px 2.857868020304569%;} 

.fndouter{width: calc(100% - 20px - 20px);bottom:20px;right:20px;}
.fndmore{width: 51.8%;}
.fndmore.dggreen{color:#fff;background:#306955;margin-left:0;width: 43.8%;}
.laodmorebtn {margin: 0 0 20px 0;}

.gtint {
    width: 132px;
    height: 190px;
}
.ticketedevents{width:875px;}

.ticketedevents article section{padding:20px 25px;} 
.ticketedevents article section aside {width: 62.485149%;}

.ticketedevents.small article{min-height:300px;}
.events-map{width:875px;}  
  
.prenquries .prqlist{width:875px;}
.prenquries .listitem{width:30%;}
.prenquries .listitem:nth-child(3n-1){width:40%;}  
 
.chefaclist ul{width:875px;}
.chefaclist ul li{min-height:300px;margin:0 0 40px 0;} 
.chefaclist ul li .te-info{padding:69px 5.583756345177665% 25px 4.060913705583756%;}
.chefaclist p{font-size: 19px;letter-spacing: -0.74px;line-height: 25px;}
.chefaclist h4{margin:20px 0 0 0;font-size: 16px;letter-spacing: -0.60px;line-height: 24px;}
.chefaclist label{margin:3px 0 0 0;}

.exp-detail .expd-inner{width:875px;}
.exp-detail .exp-left{width:49.75369458128079%;}
.exp-detail .exp-right{width:45.857143%;}
.exp-detail h2{font-size: 19px;letter-spacing: -0.77px;line-height: 24px;}
.exp-detail h1{font-size: 34px;letter-spacing: -1.47px;line-height: 38px;}
.exp-detail p{width:100%;margin:0 0 5px 0;padding:0;float:left;font-family: 'Brandon Grotesque W01';font-size: 18px;letter-spacing: -0.63px;line-height: 26px;font-weight: 500;color:#000000;}
.exp-detail label{/*width:100px;*/margin:0 0 0 40px;padding:0;float:left;font-family: 'Brandon Grotesque W01';font-size: 18px;letter-spacing: -0.63px;line-height: 26px;font-weight: 500;color:#000000;}
.exp-detail label:first-of-type{margin-left:0;}
.exp-detail address{width:100%;text-decoration:underline;margin:8px 0 0 0;padding:0;float:left;font-style:normal;font-family: 'Brandon Grotesque W01';font-size: 18px;letter-spacing: -0.63px;line-height: 26px;font-weight: 500;color:#000000;}

.bookbtn{width: 100%;margin:20px 0 40px 0;padding:0;float:left;}
.bookbtn a{width: 134px; font-family:'Brandon Grotesque W01';margin-right:43px; font-weight:700; font-style:normal;text-align: center;font-size:13px;letter-spacing:-0.46px;color:#fff;padding:0 22px 0 22px;height:40px;background:#306955;display:inline-block;text-transform:uppercase;line-height:40px;-webkit-transition: all .50s ease-in-out;-moz-transition: all .50s ease-in-out;-o-transition: all .50s ease-in-out;transition: all .50s ease-in-out;}
.bookbtn a.back{width: auto;padding:0 12px 0 12px;margin-right:0;line-height:40px;background-color:#C1DC9F;color:#306955;}
.bookbtn a i{width:8px;height:14px;background:url(../images/left-arrowbtn.png) no-repeat center center;float:left;margin:13px 6px 0 0;}
.bookbtn a:hover{color:#306955;background:#C1DC9F;text-decoration:none;}
/*.btlink{width:100%;margin:15px 0 0 0;text-decoration:underline;padding:0;float:left;font-family: 'Brandon Grotesque W01';font-size: 13px;letter-spacing: -0.46px;line-height: 28px;font-weight: 500;color:.btlink{width:100%;margin:15px 0 0 0;text-decoration:underline;padding:0;float:left;font-family: 'Brandon Grotesque W01';font-size: 13px;letter-spacing: -0.46px;line-height: 28px;font-weight: 500;color:#306955;}
.btlink:hover{text-decoration:none;}*/

  
/*Future-of-food-festival-end====*/


}

@media only screen and (min-width:980px) and (max-width:1050px)
{
    header nav .primary-nav ul li div.sub-nav .logos{width:580px;}
    header nav .primary-nav ul li div.sub-nav .logos div.small{width:280px;}
    header nav .primary-nav ul li div.sub-nav .logos div.small a:nth-child(1), header nav .primary-nav ul li div.sub-nav .logos div.small a:nth-child(2){display:none;}
}
@media only screen and (min-width:960px) and (max-width:980px)
{
    header nav .primary-nav ul li div.sub-nav ul{width:200px;float:left;-moz-column-count: 2;-webkit-column-count: 2;column-count: 2;padding:20px 0 20px 0;background:transparent;}
    header nav .primary-nav ul li div.sub-nav ul li a{float:left;background: none;width:80px;padding: 0 0 0 20px;text-align:left;margin:0 0 10px 0;font-size:13px;}
    header nav .primary-nav ul li div.sub-nav .logos{width:518px;}
    header nav .primary-nav ul li div.sub-nav .logos div.small{width:210px;}
    header nav .primary-nav ul li div.sub-nav .logos div.small a:nth-child(1), header nav .primary-nav ul li div.sub-nav .logos div.small a:nth-child(2),
    header nav .primary-nav ul li div.sub-nav .logos div.small a:nth-child(3), header nav .primary-nav ul li div.sub-nav .logos div.small a:nth-child(4){display:none;}
}
@media only screen and (min-width:760px) and (max-width:959px)
{
/*     .fndmore.vdo-btn {bottom: -29px;}
 */    #other-contacts ul{padding:0 !important;}
    
 /* Sign Up */
.sign-up{padding: 25px 20px 25px 20px;box-sizing:border-box;}
.sign-up .sign-up-inner{width:100%;float:left;}
.sign-up .sign-up-inner h4{padding: 0 0 15px 0;font-size:22px;}

.sign-up .sign-up-inner div{width:285px;margin:0 15px 0 0;}
.sign-up .sign-up-inner div span{font-size:18px;padding:6px 15px 0 0;}
.sign-up div input[type="text"]{width:217px;font-size:18px;height:36px;}

.sign-up .sign-up-inner a.enter{width:125px;display:inline-block;margin:1px 0 0 0;background-color:#000;padding:6px 0 6px 0;color:#fff;font-family:'Brandon Grotesque W01'; font-weight:700;font-style:normal;font-size:16px;text-decoration:none;text-align:center;box-sizing:border-box;}
.sign-up .sign-up-inner a.enter:hover{background-color:#f1f0eb;color:#000;}
.feature.signup {width:100%;height:auto;padding-bottom:17%;margin:0;position:relative;}



      #contact-us .contacts{width: 695px;}
    #contact-us h3 span{padding-bottom:20px;}
    #contact-us .contacts .inner p{width: 320px;padding-right:10px;box-sizing:border-box;}
    #other-contacts ul{width: 695px;padding-left:120px !important;}
    #other-contacts ul li{width: 200px;margin-right:70px;}

    header{height:150px;}
    /* main logo -----------------------------------*/
    header .logo{width:105px;height:150px;}
    header .logo span{background-size:100% 100%; }

    /* nav -----------------------------------*/
    header nav{height:50px;}
    header nav .primary-nav{margin-top:25px;padding-left: 105px;}
    header nav .primary-nav ul li a{padding:18px 0 18px 0;font-size:11px;height:14px;}
    header nav .primary-nav ul li:nth-child(7) a.nav{width:17.8%;text-align:left;}
    header nav .primary-nav ul li div.sub-nav{top: 50px;}

    header nav .primary-nav ul li div.sub-nav ul {padding: 15px 0;width: 160px;}
    header nav .primary-nav ul li div.sub-nav ul li a { font-size: 10px;margin: 0 0 5px 0;padding: 0 0 0 15px; width: 60px;}

header nav .primary-nav ul li div.sub-nav.open {height: 100px; }
header nav .primary-nav ul li div.sub-nav .sub-nav-inner{
    height: 100px;
    width: 100%;
}
#map-canvas-1 {
    width: calc(100vw - 360px - 15px) !important;
}

#container.ddetail {position: absolute;}
#container.ddetail #map-canvas-1 { width:calc(100vw - 360px - 15px) !important; height:100% !important;}

    header nav .primary-nav ul li div.sub-nav .logos{width:450px;padding:18px 10px 17px 10px;float:right;}
    header nav .primary-nav ul li div.sub-nav .logos div.small{width:250px;float:left;}
    header nav .primary-nav ul li div.sub-nav .logos div.small a{width:45px;margin:0 0 5px 5px;}
    header nav .primary-nav ul li div.sub-nav .logos div.large{width:200px;float:left;}
    header nav .primary-nav ul li div.sub-nav .logos div.large a{width:95px;margin:0 0 5px 5px;height:auto;}

    /* secondory nav -----------------------------------*/
    header nav .secondory-nav{height:25px;left: 105px;}
    header nav .secondory-nav ul li{padding:0 0 0 0;}
    header nav .secondory-nav ul li a{font-size:12px;margin:0 25px 0 0}
    header nav .secondory-nav ul li.social{padding:5px 0 0 0;width:183px;}
    header nav .secondory-nav ul li.social a{background-size:100% 100%;height:14px;width:14px;}
    header nav .secondory-nav ul li.social a:last-child{margin:0 0 0 0;}



/* search -----------------------------------*/
header #search-box{top:25px;}
header #search-box a{height:50px;}
header #search-box #search{top:50px;left: 105px;height:0;}
header #search-box #search input{padding:0px 2% 0 2%;width:96%;font-size:18px}
header #search-box #search a{width:46px;}



/* Open Search ---------------------------------------- */
header #search-box #search.open-search{height: 50px;}

section #content .content-inner .content-inner-sub{padding:0 0 0 0;}
#directory:before {left:0; }

/*section #content #features-list .overlay-box {width: 315px; height: 315px; }  */
section #content #features-list .overlay-box .overlay-inner .overlay div{width: 240px; }
section #content #features-list .overlay-box .overlay-inner .overlay div h2{font-size:27px;}
section #content #features-list .overlay-box .overlay-inner .overlay div p{font-size:16px;}
 /*
section #content #features-list .overlay-box.vcenter {margin-top: -158px;}
section #content #features-list .overlay-box.center {margin-left: -158px;}*/


/* home discover ---------------------------------------- */
#discover-rs {padding:50px 0 50px 0;}
#discover-rs h3, #discover-rs span.tophead{font-size:23px;}
#discover-rs span.tophead{font-weight:500; font-size:16px;padding:15px 0 30px 0;text-transform:initial;}

#discover-rs ul{width: 695px; }
#discover-rs ul li{width: 210px; margin-right:45px;}
#discover-rs ul li:last-child{width: 185px;}
#discover-rs ul li img{width: 160px; height:160px;}
#discover-rs ul li h4{font-size:14px;padding:25px 0 0 0;}
#discover-rs ul li p{font-size:13px;}

#discover-rs ul li span.icon {width: 210px; height: 170px;}
/*#discover-rs ul li span.icon.map {background-image: url(../images/icon-illustration-map-mob.png);}
#discover-rs ul li span.icon.app {background-image: url(../images/icon-illustration-app-mob.png); }
#discover-rs ul li span.icon.gift {background-image: url(../images/icon-illustration-gift-mob.png); }
    */

#social-feed .see-more a span{font-size:14px;}
/* Article ---------------------------------------- */



#articles .articles .overlay-box {width: 700px;}

#articles .articles .detail{width: 660px;}
#articles .articles .detail .standfirst{width: 505px;font-size:20px;}

#articles .articles .detail .text-block { width: 600px; }
/*#articles .articles .detail .text-block h2,#articles .articles .detail h3{font-size:18px;}
#articles .articles .detail .text-block p{font-size:16px; }
#articles .articles .detail .text-block blockquote{font-size:18px;}
#articles .articles .detail .text-block blockquote p{font-size:18px;}
#articles .articles .detail .text-block blockquote p:first-of-type:first-letter{ font-size: 18px; }
#articles .articles .detail .text-block ul li, #articles .articles .detail .text-block ol li{font-size:16px;}*/


.smiframe > div{width: 600px; }
.twitter-tweet {padding: 0 25px !important;}

/* Competition ---------------------------------------- */
.form{width:450px;}
.form .form-inner{padding: 55px 25px 25px; }
.form .form-inner div{width:100%;}
.form .form-inner div span{width:100%;margin:0 0 5px 0;font-size:16px;}
.form .form-inner div input[type="text"]{width:100%;height:35px;font-size:16px;}
 .form .form-inner div label{padding:0 0px 0 0px;}

.form .form-inner div.checkbox span {
    font-size: 16px;
}

.form .form-inner div.captcha{width:100%;}
.form .form-inner div.captcha span{width:100%;margin:0 0 5px 0px;font-size:16px;}
.form .form-inner div.captcha div{width:100% !important;}

.form .form-inner div.button {width:100%;text-align:center;}

.form .form-inner .form-question h4{font-size:22px;}
.form .form-inner .form-question p span{font-size:16px;margin:-4px 0 0 10px;}


.img-block .caption{font-size:14px;}
.img-block .caption span{font-size:18px;}
.img-block .caption span.links{font-size:14px;}
/* Image block caption */
.img-block.outside .caption{width: 450px; padding:15px 0 15px 0;}
.img-block.inside .caption{padding:15px 15px 15px 15px;}

.img-block .caption.outside {
    width: 450px;
}

.img-block .block .large {/*height:494px;*/}
.img-block .block .small {height:247px;}

.img-block iframe{height:371px;}

 #privacy .privacy{width: 560px; }
#privacy .privacy h1{padding: 101px 0 25px 0;font-size:22px; }
#privacy .privacy ul li{padding:0 0 0 0;margin:0;}
#privacy .privacy p{padding: 0 0 20px 0;  font-size:16px;}
#privacy .privacy h2{padding: 0 0 20px 0; }
 /* Related Article ---------------------------------------- */
.article.listing {padding:101px 0 0 0;}
.article h1, .article.related h2{padding:0 0 10px 0;font-size:22px;}

/*.article ul li{width: 33.5%; padding-right: 0.5%;margin-top:20px;}
.article ul li:nth-child(3n+1) { clear: left }
.article ul li:nth-child(4n+1) {
    clear: none;
}
.article ul li:nth-of-type(3n) {width: 33%; padding-right: 0; }
.article ul li:nth-of-type(4n) {width: 33.5%; padding-right: 0.5%; }*/
.article ul li div{padding:15px;}
.article ul li div .category { font-size: 14px; }
.article ul li div p { font-size: 14px;padding: 15px 0 15px; }
 .tags {
    float: none;
    margin: 0 auto;
    width: 50%;
}
section .share.full{width:540px;}





#crop { width:105px; height:150px;display:block; }

#directory { margin:75px 0 0 0;width:360px;}
#directory:before {width:360px;}

#directory .breadcrumb{width:360px;padding:0 0 0 0;position:absolute;height:auto;}
#directory .breadcrumb li { padding: 20px 0 0 125px;height:76px; }
#directory .breadcrumb li a, #directory .breadcrumb li h1{font-size:16px;}



.anchor { margin-top: -140px; height: 140px; }
 /*
#directory.sticky { margin:45px 0 0 0;}
#directory.sticky .breadcrumb{position:fixed;}
#directory.sticky .atoz-directory ul{position:fixed;height:100%;background:#fff;top:60px;}
#directory.sticky .directories{margin:101px 0 0 0;}
     */

#directory .directories{margin:75px 0 0 0;width:360px; }
#directory .directories li.first{ padding-left:125px;padding-right:125px;}
#directory .directories li img{ width:32.7%; padding:0 20px 0 0; }
#directory .directories li div{ width:67.3%;}
#directory .directories li {
    font-size: 16px;
}
/*#directory .directories li a{padding:20px 20px 20px 20px;}*/
#directory .directories li a{padding:0 !important;}
#directory .directories li div h2 {
    font-size: 14px; margin: -1px 0 0;
}
#directory .directories li div p {
    font-size: 12px;    margin: 7px 0 0;
}



#container.mapret #map-canvas-1{ height: 80vh; }
#container.mapret #cd-zoom-in{ bottom:26vh;}
#container.mapret #cd-zoom-out{ bottom:22vh;}

#retailer {margin:75px 0 0 0;width:360px;}
#retailer img{width:360px;}
#retailer img.station {
    width: auto;
}
#retailer .retailer div.detail{padding:15px 15px 15px 15px;}
#retailer .retailer div.detail.gettinghere{ padding:20px 15px 20px 15px;}
#retailer .retailer div.detail.gettinghere p{ padding:15px 0 0 0;}
#retailer .retailer div.detail.gettinghere p .lc{ display:none; }

#retailer .retailer div.detail h1{font-size:20px;}
#retailer .retailer div.detail h2{font-size:16px;padding-bottom: 15px; }
#retailer .retailer div.detail p{font-size:14px;}
#retailer .retailer div.detail p.timevary{ font-size: 14px;}
#retailer .retailer div.detail div.address{ width:100px; }
#retailer .retailer div.detail div.address a{font-size:14px;}
#retailer .retailer div.detail div.timing{ width:215px; float:left;margin:0 0 0 15px;}
#retailer .retailer div.detail div.timing p{ padding:0 0 15px 0;}
#retailer .retailer div.detail div.timing p span{ font-size:14px;color:#b4582a;}
#retailer .retailer div.detail div.timing p a.clock {top: 15px;}
#retailer .retailer div.detail div.timing p b{margin: -17px 0 0 132px;}
#retailer .retailer div.detail div.timing a.icon{font-size:14px;padding-left:25px;}

#retailer .retailer div.detail div.close-box{width:230px;padding:20px;}
#retailer .retailer div.detail div.close-box span{font-size:16px;line-height:26px;}
#retailer .retailer div.detail div.close-box p{font-size:16px;line-height:24px;}

#retailer .retailer .share{padding:5px 15px 5px 15px;}
/*section .share li:first-child {
    display:none;
}*/
section .share li {
    padding: 14px 15px 14px 0;
}



#social-feed h3{font-size:22px;padding:25px 0 25px 0;}
#retailer #social-feed h3{font-weight:500; font-size:12px;color:#000;padding:10px 0 15px 0;}
#retailer #social-feed h3 span{border-bottom:solid 1px #cbc8c3;width:auto;padding-bottom:2px;}

#retailer #retailer-article h3{padding:10px 0 15px 0;}
#retailer #retailer-article ul li{padding:10px 15px 10px 15px;}
#retailer #retailer-article ul li img{ width:100px; float:left;}
#retailer #retailer-article ul li div{width:215px; float:left;margin:0 0 0 15px;}
#retailer #retailer-article ul li div h2{font-size:16px;color:#a09b92;text-transform:uppercase;}
#retailer #retailer-article ul li div p{font-size:14px;margin-top:6px;}
.search-result .search-result-inner ul li div h3 {
    font-size: 16px;
}

#directory.sticky .breadcrumb{position:fixed;top:50px;}
#directory.sticky .atoz-directory.sticky ul{position:fixed;top:50px;}




#retailer .retailer div.detail #openingtimes{min-height:205px;left:360px;top:-92px;}
#retailer .retailer div.detail #openingtimes.open{ width:100%;}
#retailer .retailer div.detail #openingtimes .openingtimes{ width:300px;padding:15px;right:60px;}
#retailer .retailer div.detail #openingtimes .openingtimes h3 {
    font-size: 12px;
    }
#retailer .retailer div.detail #openingtimes .openingtimes ul {margin:9px 0 0 0;}
#retailer .retailer div.detail #openingtimes .openingtimes ul li{ margin:3px 0 0 0; }
#retailer .retailer div.detail #openingtimes .openingtimes ul li span{ font-size:14px;padding-right:5px; }
#retailer .retailer div.detail #openingtimes .openingtimes ul li span.day, #retailer .retailer div.detail .openingtimes ul li span.date{width: 100px;}
#retailer .retailer div.detail #openingtimes .openingtimes ul li p{ width: 150px;font-size:15px;}
#retailer .retailer div.detail #openingtimes .openingtimes ul li p b{font-size:15px; }
#retailer .retailer div.detail .icon-arrow{top:-96px;}
#retailer .retailer div.detail #openingtimes .closetime{top:15px;right:15px;}
#directory .directories li a.icon {
    right: 45px;
}

#articles .articles .overlay-box .inner.campaigns h1{font-size:60px;}
#articles .articles .overlay-box .inner.campaigns .campa{font-size:20px;}


#retailer .retailer div.detail.gthead{padding: 15px 50px 15px 125px;}


/* Search Results ---------------------------------------- */
.search-result {padding: 25px 20px 0 20px; min-height: calc(100vh - 40vh);}
.search-result .search-result-inner h2{margin:-21px 0 15px 0;}
.search-result .search-result-inner ul li{width:23.421052631578948%;margin:0 0 25px 2.1052631578947368%;}

.search-result .search-result-inner ul li:nth-child(3n+1) {clear: none;}
.search-result .search-result-inner ul li:nth-child(4n+1) { clear: none;}
.search-result .search-result-inner ul li:nth-of-type(4n) {width:23.421052631578948%; }
.search-result .search-result-inner ul li:nth-child(5n-4){margin-left:2.1052631578947368%;clear:none;}
.search-result .search-result-inner ul li:nth-child(4n-3){margin-left:0;clear:left;}
.search-result .search-result-inner ul li div h3{font-size:14px;}





/* cookies */
/*#cookies {bottom:-75px;height:75px;padding:16px 20px 16px 20px;}*/
/*#cookies p {font-size: 16px;width: 620px;}
#cookies .close{right: 20px;top: 26px;}*/
 #articles .articles .detail .riba-selection ul li div span{ font-size: 16px;width:88%;  }

.bg-1 .bg-1-inner{margin:20px auto;max-width:900px;width:100%;box-sizing:border-box;padding:0 20px 0 20px;}
.bg-1 .bg-1-inner .box-inner{padding:5px 40px 20px 40px; }
.bg-1 .bg-1-inner .box-inner a.close-1{width:30px;height:30px;float:right;background:url(../images/close-1-1-tab.jpg) left top no-repeat;margin:0 -35px 0 0;}
.bg-1 .bg-1-inner .box-inner img{width:100%;height:auto;float:left;clear:both;}
.bg-1 .bg-1-inner .box-inner b{width:100%; font-family: 'Brandon Grotesque W01';font-weight: 700;float:left;margin:15px 0 0 0;color:#231f20;font-size:20px;}
.bg-1 .bg-1-inner .box-inner p{width:100%;font-family: 'Brandon Grotesque W01';font-weight: 400;float:left;margin:10px 0 0 0;color:#231f20;font-size:18px;height:auto;  }



#div-fashion .banner{padding:151px 0 0 0;}
#div-fashion .banner img{width:300px;}
#div-fashion .banner div{width:400px;padding:7px 0;margin-left:20px;}
#div-fashion .banner div p{font-size:18px;}

/*200th-anniversary*/
#content .content-inner .article.listing .intro-text{font-size:22px;}
#content .content-inner .header-img-web {margin:77px 0 0 0;}
#content .content-inner .article.listing .intro-text.tb-prg{font-size:18px;}

/*200th-anniversary*/

/*retailer new design*/

#articles .articles .detail .first-block{width: 100%; padding:0 0 40px 0; display: block; margin-bottom:0;text-align:center;}

/*retailer new design*/



/*inset section*/
section #content .inset-section{width: 560px;margin: 30px auto;text-align: left;}
  /*inset section*/

  
/*Future-of-food-festival-start====*/ 
 
/*Future-of-food-festival-start====*/


#content .content-inner .sub-nav-fof.moimgtop{margin-top:76px;padding-left:105px;}
#content .content-inner .sub-nav-fof.moimgtop ul li a.ddown {padding-right: 39px;}


#content .content-inner .header-img-web.fof{padding-bottom:52%;}
#content .content-inner .header-img-web .img-box{width:100%;float:left;margin:0;padding:0;box-sizing:border-box;text-align:center;}
#content .content-inner .header-img-web .img-box figure{width:37.313%;float:none;margin:0;padding:0;box-sizing:border-box;display:inline-block;}
#content .content-inner .header-img-web .img-box figure img{width:100%;float:left;margin:28% 0 0 0;padding:0;box-sizing:border-box;}

#content .content-inner .sub-nav-fof{height:61px;}
#content .content-inner .sub-nav-fof ul li a{padding:24px 12px 23px 12px;font-size:14px;letter-spacing:-0.60px;line-height:1;}
#content .content-inner .sub-nav-fof ul li:first-of-type a{padding:24px 12px 23px 12px;}
#content .content-inner .sub-nav-fof ul li a.ddown:after{width:11px;height:11px;top:23px;right:15px;padding:3px;}
#content .content-inner .sub-nav-fof ul li:hover a.ddown:after,
#content .content-inner .sub-nav-fof ul li.active a.ddown:after{top:29px;}
#content .content-inner .sub-nav-fof ul li a.ddown {padding-right: 39px;}

#content .content-inner .sub-nav-fof ul li > ul{width:300px;top:61px;padding:10px 16px;}
#content .content-inner .sub-nav-fof ul li > ul li a{font-size:14px;letter-spacing:-0.53px;line-height:30px;}
#content .content-inner .sub-nav-fof.christ ul li a {
    width: 140px;
}

#articles.stfirst{padding:20px 0;}
#articles.stfirst .articles .detail {
    width: 580px;
}
#articles.stfirst .articles .detail .text-block{width:580px}
#articles.stfirst .articles .detail .text-block p{padding:0;margin:0 0 9px 0;font-size:18px;letter-spacing:-0.63px;line-height:25px;font-weight:500;}
#articles.stfirst.w645 .articles .detail .text-block .partnership {width: 142px;right: -52px;}

.tickevent{padding:0;}
.tickevent > div {
    width: 685px;
}
.tickevent ul{width:685px;}
.tickevent ul li{width:48.73096446700508%;margin:0 0 40px 2.5380710659898478%;}
.tickevent ul li:nth-child(3n-2){margin-left:3%;clear:none;}
.tickevent ul li:nth-child(2n-1){margin-left:0;clear:left;}
.tickevent img{width:100%;height:204px;margin:0;object-fit:cover;}
.tickevent ul li .te-info{padding:11px 20px 85px 20px;}

.laodmorebtn{margin:0 0 35px 0;} 
 
 .gtint {
    width: 105px;
    height: 151px;
}

.ticketedevents{width:685px;}
.ticketedevents h4{margin:0 0 25px 0;font-size: 20px;letter-spacing: -0.74px;line-height: 40px;}
.ticketedevents article{margin:0 0 25px 0;min-height:350px;}
.ticketedevents.small article{min-height:270px;}
.ticketedevents article article{padding-bottom:14px;margin-top:14px;} 
.ticketedevents.small article article{margin-top:8px;}

.ticketedevents article section{padding:20px 25px;}
.ticketedevents article section h2{margin: 0 0 5px 0;font-size: 19px;letter-spacing: -0.74px;line-height: 26px;}
.ticketedevents article section h3{margin: 0 0 3px 0;font-size: 14px;letter-spacing: -0.60px;line-height: 18px;}
.ticketedevents article section p{width: 100%;margin: 0 0 3px 0;font-size: 14px;letter-spacing: -0.52px;line-height: 19px;}

.ticketedevents article section .status{margin-bottom: 5px;padding: 0px 2px;font-size: 9px;letter-spacing: -0.32px;line-height: 12px;}

.ticketedevents article section aside{width:59.48514851485149%;margin:0;padding:0;float:left;}
.ticketedevents article section aside span,
.ticketedevents article section aside a,
.ticketedevents article section aside p{margin-right: 15px/*20px*/;margin-bottom: 4px !important;font-size: 11px;letter-spacing: -0.40px;line-height: 14px;}
.ticketedevents article section aside a{clear:left;text-decoration:underline;margin:0;text-transform:uppercase;}

.ticketedevents article section .btn{width: 110px;margin-bottom:6px;font-size: 12px;letter-spacing: -0.44px;padding: 7px 0;height: 26px;}
.ticketedevents article section .btn.light{margin-top:3px;}
.ticketedevents article section .btn.donate{height:40px;padding-top:13px;margin-top:20px;}
 
.ticketedevents.col2 article figure{width:100%;height:245px;}
.ticketedevents.col2 article section{width:100%;padding-top:14px;} 
.ticketedevents.col2 article section h2{margin-bottom:11px;}
.ticketedevents.col2 article section aside span{margin-bottom:14px;}

.ticketedevents.partner article{min-height:325px;}
.ticketedevents.partner article section{padding-top:30px;}
.ticketedevents.partner article section h2{margin-bottom:30px;}
.ticketedevents.partner article section p{font-size: 16px;letter-spacing: -0.60px;line-height: 22px;}

.tevents-map{padding-bottom:40px;}
.events-map{width:685px;}
.events-map h4{margin:0 0 25px 0;font-size: 20px;letter-spacing: -0.74px;line-height: 40px;}
.events-map #map{height:400px;margin-bottom:20px;}
.events-map .opening-times{width:300px;margin:-15px auto 0 auto;}
.events-map .opening-times p{width:150px;font-size: 16px;letter-spacing: -0.60px;line-height: 21px;}
.events-map .opening-times.singl-col p{width:100% !important;text-align:center !important;}


.prenquries{padding:30px 0 15px 0;}
.prenquries .prqlist{width:685px;}
.prenquries .listitem{width:33.33333333%;margin:0 0 20px 0;}
.prenquries .listitem:nth-child(3n-1){width:33.33333333%;}
.prenquries h3{font-size: 19px;letter-spacing: -0.74px;line-height: 26px;}
.prenquries p{margin:20px 0 0 0;font-size: 16px;letter-spacing: -0.60px;}
 
.chefaclist ul{width:685px;}
.chefaclist ul li{min-height:270px;margin:0 0 50px 0;}
.chefaclist img{width:30.96446700507614%;height:100%;margin:0;object-fit:cover;}
.chefaclist ul li .te-info{width:69.03553299492386%;margin:0;padding:49px 5.583756345177665% 20px 4.060913705583756%;float:right;}
.chefaclist p{margin:7px 0 0 0;font-size: 19px;letter-spacing: -0.70px;line-height: 24px;}
.chefaclist h4{margin:14px 0 0 0;font-size: 16px;letter-spacing: -0.60px;line-height: 21px;}
.chefaclist label{margin:0 0 0 0;font-size: 12px;letter-spacing: -0.42px;line-height: 18px;}
 
.exp-detail{padding:59px 0;}
.exp-detail .expd-inner{width:685px;}
.exp-detail .exp-left{width:49.75369458128079%;}
.exp-detail .exp-right{width:42.857142857142854%;}
.exp-detail h2{font-size: 19px;letter-spacing: -0.74px;line-height: 24px;}
.exp-detail h1{margin:0 0 10px 0;font-family: 'Brandon Grotesque W01';font-size: 30px;letter-spacing: -1.47px;line-height: 40px;}
.exp-detail p{margin:0 0 5px 0;font-size: 16px;letter-spacing: -0.60px;line-height: 21px;}
.exp-detail label{/*width:33.33333333%;margin:0;*/font-size: 16px;letter-spacing: -0.60px;line-height: 21px;}
.exp-detail address{margin:8px 0 0 0;font-size: 16px;letter-spacing: -0.60px;line-height: 21px;}
.exp-detail a{font-size:14px;}

.bookbtn{width: 100%;margin:20px 0 40px 0;padding:0;float:left;}
.bookbtn a{width: 110px; font-size:12px;letter-spacing:-0.44px;padding:0 22px;height:40px;line-height:40px;margin-right:0;}
.bookbtn a.back{width: auto;padding:0 14px;margin-right:0;line-height:40px;float:right;}
.bookbtn a i{width:6px;height:12px;margin:14px 6px 0 0;}

  
/*Future-of-food-festival-end====*/


}


@media only screen and (min-width:760px) and (max-width:860px)
{
    #other-contacts ul{padding:0 0 0 120px !important;}
    
    header nav .primary-nav ul li a{font-size:11px;}
    header nav .secondory-nav ul li a{font-size:11px;margin: 0 15px 0 0;}
    header nav .secondory-nav ul li.social a{margin: 0 15px 0 0;}
    header nav .secondory-nav ul li.social {padding: 5px 0 0;width: 177px;}
    header nav .primary-nav ul li:nth-child(1) a.nav{width:8%;text-align:left;} header nav .primary-nav ul li:nth-child(2) a.nav{width:9%;} header nav .primary-nav ul li:nth-child(3) a.nav{width:11%;}
    header nav .primary-nav ul li:nth-child(4) a.nav{width:24%;} header nav .primary-nav ul li:nth-child(5) a.nav{width:8.4%;} header nav .primary-nav ul li:nth-child(6) a.nav{width:16%;}
    header nav .primary-nav ul li:nth-child(7) a.nav{width:20%;}

/*

	#div-fashion .section .grid-item {width: 49.9%;}
	#div-fashion .section .grid-item:nth-child(3n-2) { margin-left: .2%;clear:none;}
	#div-fashion .section .grid-item:nth-child(2n-1) { margin-left: 0;clear:left;}
*/

#div-fashion .section .grid-item .grid-1 div{padding:0 10px;background-image:url(../images/arrow-down-320.png);background-position:top 10px right 10px;}
#div-fashion .section .grid-item.active .grid-1 div{background-image:url(../images/arrow-up-320.png);}
#div-fashion .section .grid-item .grid-1 div span{background-image:url(../images/bgheading-320.png);height:40px;font-size:16px;padding:16px 10px;margin:-40px 0 0 -10px;}
#div-fashion .section .grid-item .grid-1 div span sup{font-size:11px;}
#div-fashion .section .grid-item .grid-1 div p{font-size:16px;padding-top:10px;}
#div-fashion .section .grid-item .grid-1 div h2{font-size:22px;padding-bottom:10px;}


#div-fashion .section .grid-item .grid-2{padding:30px 30px;}
#div-fashion .section .grid-item .grid-2 .info-detail p{font-size:18px;}
#div-fashion .section .grid-item .grid-2 .info-detail .btn-book{font-size:16px;margin-top:25px;}
#div-fashion .section .grid-item .grid-2 .info-map div.map-small {height: 210px;}

/*200th-anniversary*/
.article.listing.mar-top {padding:35px 0 0 0;}
#content .content-inner .article.listing .intro-text{width:339px;font-size:20px;margin: 0 auto 20px auto;}
#content .content-inner .header-img-web {margin:77px 0 0 0;}
#content .content-inner .article.listing .intro-text.tb-prg{font-size:18px;}

/*200th-anniversary*/

/*retailer new design*/
#articles .articles .insider .insider-inner ul li div h3{font-size:18px;}
#articles .articles .insider .insider-inner ul li div{font-size:18px;padding:12px;}
#articles .articles .detail .map-large{margin-top:20px;}
#articles .articles .detail .first-block{width: 100%; padding:0 0 40px 0; display: block; margin-bottom:0;text-align:center;}
/*retailer new design*/




}

@media only screen and (min-width:759px) and (max-width:1300px) {

.queen-popop .popop-inner{width: 97.15384615384616vw;height: 45.61538461538461vw;left: calc(50% - (97.15384615384616vw/2));top: calc(50% - (45.61538461538461vw/2));}
.queen-popop .popop-inner .text-box{padding:4.615384615384616vw 5vw;}
.queen-popop .popop-inner h2{margin-bottom: 1.153846153846154vw;font-size:2vw;line-height:2.6153846153846154vw;}
.queen-popop .popop-inner p{font-size:1.3846153846153846vw;line-height:2vw;letter-spacing:-0.013846153846153845vw; margin-bottom:2vw;}
.queen-popop .popop-inner .img-queen{width: 50%;height: 45.61538461538461vw;}
.queen-popop a.close{right: 1.5384615384615385vw;top: 1.5384615384615385vw;width: 3.6923076923076925vw;height:3.6923076923076925vw;}



}
@media only screen and (min-width:0) and (max-width:759px)
{  



h1{font-family: 'Brandon Grotesque W01';font-weight: 700;font-style: normal;font-size: 30px;color:#000000;}
h2{font-family: 'Brandon Grotesque W01';font-weight: 700;font-style: normal;font-size: 24px;color:#000000;}
h3{font-family: 'Brandon Grotesque W01';font-weight: 700;font-style: normal;font-size: 20px;color:#000000;}
h4{font-family: 'Brandon Grotesque W01';font-weight: 700;font-style: normal;font-size: 18px;color:#000000;}

    #other-contacts ul{padding:0 !important;}
    
    #directory .directories li div.inner div a.link:hover{text-decoration:none;}
   .img-block .block.black .caption .links{text-decoration:none;opacity:initial;}
    footer div#copyright p a{padding:0 0 0 0;margin:0;color:#5e5e5e;font-size:14px;}
    footer div#copyright p a:hover{color:#848078;text-decoration:none;}
    .more:hover{color:#fff;background:#000;text-decoration:none;}
    .atoz-directory ul li a:hover{color:#000;}
    #retailer .retailer div.detail p a:hover{text-decoration:underline;}
      #articles .articles .detail .text-block p a:hover{text-decoration:underline;}
      #retailer #retailer-article ul li:hover{background:#ffffff;}

      /* Sign Up */
.sign-up{padding: 15px 15px 15px 15px;box-sizing:border-box;margin-bottom:10px;}
.sign-up .sign-up-inner{width:100%;float:left;}
.sign-up .sign-up-inner h4{padding: 0 0 0px 0;font-size:18px;}
.sign-up .sign-up-inner div{width:100%;margin:0 15px 0 0;}
.sign-up .sign-up-inner div span{width:100%; font-size:18px;padding:6px 0 6px 0;}
.sign-up div input[type="text"]{width:100%;font-size:18px;height:36px;}
.sign-up .sign-up-inner a.enter{width:125px;display:inline-block;margin:10px 0 0 0;background-color:#000;padding:6px 0 6px 0;color:#fff;font-family:'Brandon Grotesque W01'; font-weight:700;font-style:normal;font-size:16px;text-decoration:none;text-align:center;box-sizing:border-box;}
.sign-up .sign-up-inner a.enter:hover{background-color:#f1f0eb;color:#000;}
.feature.signup {width:100%;height:auto;padding-bottom:82%;margin:0;position:relative;}

    /* contact ---------------------------------------- */
#contact-us {padding: 0 0 20px 0;margin-top:60px;}
/*#contact-us {padding: 0 0 20px 0;margin-top:150px;}*/
#contact-us h3{font-size:32px;color:#000;padding:35px 25px 35px 25px;box-sizing:border-box;}
#contact-us h3 span{width: 100%;border-bottom:solid 1px #cbc8c3;padding-bottom:30px;position:relative;margin: 0 0 0 0;float:none;display:inline-block;}
#contact-us .contacts{width:375px;}
#contact-us .contacts .inner{width: 100%;}
#contact-us .contacts .inner p{width: 100%;padding-bottom:20px;}
#contact-us .contacts .inner ul{width:100%;margin:0;padding:0;}
#contact-us .contacts .inner ul li a{width:100%;margin-bottom:20px;box-sizing:border-box;}
#contact-us .contacts .inner ul li a.call{background:url(../images/icon-call.png) left top no-repeat;padding-top:0;height:28px;}
#contact-us .contacts .inner ul li a.email{background:url(../images/icon-email.png) left top no-repeat;padding-top:0;height:28px;}

#other-contacts {padding:30px 0 40px 0;}
#other-contacts h3{width: 100%;margin-bottom:0;}
#other-contacts h3 span{padding-bottom:20px;width:100%;display:inline-block;float:none;}
    #other-contacts p{max-width:375px;}

#other-contacts ul{width:100%;margin-top:35px;}
#other-contacts ul li{width: 100%;margin-right:0;border-bottom:solid 1px #cbc8c3;padding-bottom:10px;}
#other-contacts ul li:last-child{border-bottom:none;padding-bottom:10px;}

#other-contacts ul li h4{padding:30px 0 0 0;width:375px;float:none;margin: 0 auto;}
#other-contacts ul li p{padding:25px 0 25px 0;width:375px;float:none;margin: 0 auto;}

#other-contacts ul li a{float:none;width:auto;}
#other-contacts ul li a.call{background:url(../images/icon-call-small.png) left top no-repeat;padding-top:0;height:16px;}
#other-contacts ul li a.email{background:url(../images/icon-email-small.png) left top no-repeat;padding-top:0;height:20px;}
#other-contacts ul li a.website{background:url(../images/icon-website.png) left top no-repeat;padding-top:0;height:18px;}


header{width:100%;position:relative;height:150px;}

/* main logo ----------------------------------- */
header .logo{height:100%;}
header .logo b{width: 100%; position: absolute; left: 0; background: url(../images/bgwhitemobile.png) top center no-repeat; height: 100%;display:block;}
header .logo span{background:url(../images/rs-home-logo.png) top center no-repeat;}

/*header #menu{width:60px;background:#fff url(../images/menu.png) center center no-repeat;height:60px;margin:0 0 0 0;position:absolute;left:0;bottom:0;opacity:0.10;transition: opacity 0.25s;z-index:199;} */

header.sticky{height:60px;position:fixed;}
header.sticky .logo span{background:url(../images/rs-logo.png) top center no-repeat;position:relative;}
header.sticky #menu{opacity:1;transition: opacity 1s;}
header.sticky #search-box a{opacity:1;transition: opacity 1s;}
header.sticky #search-box #search a{opacity:1;transition: opacity 1s;}


/* search -----------------------------------*/
header #search-box{position:absolute;top:auto;bottom:0;}
header #search-box a{width:60px;height:60px;position:absolute;right:0;bottom:0;opacity:0.10;transition: opacity 0.25s;}
header #search-box #search{width:100%;height:0;transition: height 0.25s;top:0;left: 0;}
header #search-box #search input{padding:0px 2% 0 2%;width:96%}
header #search-box #search a{width:46px;opacity:1;transition: opacity 1s;}

/* Open Search ---------------------------------------- */
header #search-box #search.open-search{right: 0;height: 60px;}
header #search-box .az.open-search{right: 42px;}


/* nav -----------------------------------*/
header nav{width:92%;top:0;position:fixed;background-color: rgba(242, 240, 236, 0.95);left:0;height:100%;overflow:hidden;-webkit-box-shadow: 6px 0px 5px 0 rgba(38, 50, 50, 0.20);-moz-box-shadow:6px 0px 5px 0 rgba(38, 50, 50, 0.20);
                                            box-shadow:6px 0px 5px 0 rgba(38, 50, 50, 0.20);bottom: 0;overflow: hidden;right: 0;top: 0;transition: left 0.25s;left:-100%; }
header nav.open {left: 0;}
header nav .primary-nav {right: 0;top: 0;transition: left 0.25s;left:0;height:100%;}

header nav ul{width:auto;padding:10px 20px 10px 20px;}
header nav ul li{width:100%;float:left;overflow:hidden;}
header nav li a{width:100%;padding:5px 0 5px 0;font-size:18px;}

header nav .primary-nav li a{background:transparent url(../images/chevron-right-menu.png) center right no-repeat;}
header nav .primary-nav ul li a:hover, header nav .primary-nav ul li a.active{background:transparent url(../images/chevron-right-men.png) center right no-repeat;color:#000;}

/* sub nav -----------------------------------*/
header nav .primary-nav ul li div.sub-nav{position: absolute;width: 100%;top: 0;left: 100%;height: 100%;transition: left 0.25s;background-color: transparent;}
header nav .primary-nav ul li div.sub-nav.open {left: 100%;width: 100%;}
header nav .primary-nav.open {left: -100%;}
header nav .secondory-nav.open{left: -100%;}

header nav .primary-nav ul li div.sub-nav .logos{width:auto;padding:10px 20px 10px 20px;}
header nav .primary-nav ul li div.sub-nav .logos div.small{width:100%;float:left;}
header nav .primary-nav ul li div.sub-nav .logos div.small a{float:left;width:32.3%;padding:0 0 0 0;margin:10px 1.5% 0 0;}
header nav .primary-nav ul li div.sub-nav .logos div.small a:nth-child(2n+2){margin-right:1.5%;}
header nav .primary-nav ul li div.sub-nav .logos div.small a:nth-child(3n+3){margin-right:0;}
header nav .primary-nav ul li div.sub-nav .logos div.large{display:none;}

/* secondory nav -----------------------------------*/
header nav .secondory-nav{width:100%;position:absolute;bottom:0;background:#fff;padding:10px 0 10px 0;right: 0;transition: left 0.25s;left:0;}
header nav .secondory-nav ul{float:none;width:auto;margin:0;top:0;}
header nav .secondory-nav ul li a{background:url(../images/chevron-right-secondary-nav.png) center right no-repeat;}

header nav .secondory-nav ul li.social{width:100%;padding:10px 0 10px 0;}
header nav .secondory-nav ul li.social a{width:19.20%;height:30px;margin:0 0 0 0;text-align:center;}
header nav .secondory-nav ul li.social a:last-child{margin:0 0 0 0;}
header nav .secondory-nav ul li.social a.facebook{background:url(../images/facebook-icon-lh.png) left center no-repeat;width:11.50%;}
header nav .secondory-nav ul li.social a.twitter{background:url(../images/twitter-icon-lh.png) center center no-repeat;}
header nav .secondory-nav ul li.social a.instagram{background:url(../images/instagram-icon-lh.png) center center no-repeat;}
header nav .secondory-nav ul li.social a.pinit{background:url(../images/pinterest-icon-lh.png) center center no-repeat;}
header nav .secondory-nav ul li.social a.youtube{background:url(../images/youtube-icon-lh.png) center center no-repeat;}
header nav .secondory-nav ul li.social a.googlep{background:url(../images/googleplus-icon-lh.png) right center no-repeat;width:11.50%;}


header .mheader {width:100%;float:left;background:#fff;height:60px;padding:0 0 0 0;position:relative;z-index:99999;display:block;}
header .mheader a{margin:0;padding:0;}
header .mheader .logo{width:130px;height:60px; margin-left:10px;float:left;background:#333;}
header .mheader .logo span{background:url(../images/rs-logo.png) top center no-repeat;}
header .mheader .logo:hover span{background:url(../images/rs-logo.png) top center no-repeat;}
header .mheader a.close{background:url(../images/menu-close-cross.png) center center no-repeat;width:60px;height:60px;right:0;position:absolute;top:0;}
header .mheader a.close:hover{background:url(../images/menu-close-cross.png) center center no-repeat;}
header .mheader a.back{background:url(../images/chevron-left-subnav.png) center center no-repeat;width:60px;height:60px;float:left;}
header .mheader a.back:hover,header .mheader a.back.active{background:url(../images/chevron-left-subnav.png) center center no-repeat;}
header .mheader b{font-weight:700;font-family:'Brandon Grotesque W01'; font-style:normal; font-size:18px;color:#000;text-transform:uppercase;margin:20px 0 0 -30px;display:inline-block;}

section.sticky{margin:0 0 0 0;}
section #content .content-inner{ padding-left: 0;}
#directory:before {left:0; }
section #content .content-inner .content-inner-sub{padding:0 0 0 0;}


/* home ---------------------------------------- */
/*section #content #features-list{padding-left: 0;}
section #content #features-list .feature { width: 100%;height: 560px; padding-bottom: 0; margin-bottom: 4px;}
section #content #features-list .feature:nth-of-type(4n){width: 100%; }
section #content #features-list .feature:nth-of-type(4n-1){width: 100%;}
section #content #features-list .feature:nth-of-type(4n-2){width: 100%;}
section #content #features-list .feature:nth-of-type(4n-3){width: 100%;}

section #content #features-list .feature .bgImage.wide {display: none;}
section #content #features-list .feature .bgImage.narrow {display: block;}

section #content #features-list .feature:nth-of-type(4n) .wide{display: none;}
section #content #features-list .feature:nth-of-type(4n) .narrow{display: block;}
section #content #features-list .feature:nth-of-type(4n-1) .wide{display: none;}
section #content #features-list .feature:nth-of-type(4n-1) .narrow{display: block;}
section #content #features-list .feature:nth-of-type(4n-2) .wide{display: none; }
section #content #features-list .feature:nth-of-type(4n-2) .narrow{display: block; }
section #content #features-list .feature:nth-of-type(4n-3) .wide{display: none; }
section #content #features-list .feature:nth-of-type(4n-3) .narrow{display: block; }

#features-list .feature:nth-of-type(4n) > .inner {left: 0;}
#features-list .feature:nth-of-type(4n-1) > .inner {right: 0;}
#features-list .feature:nth-of-type(4n-2) > .inner {left: 0;}
#features-list .feature:nth-of-type(4n-3) > .inner {right: 0;}*/

/*section #content #features-list .overlay-box {width: 285px; height: 285px; }   */
section #content #features-list .overlay-box .overlay-inner .overlay div{width: 240px; }
section #content #features-list .overlay-box .overlay-inner .overlay div h2{font-size:27px;}
section #content #features-list .overlay-box .overlay-inner .overlay div p{font-size:16px;}
section #content #features-list .overlay-box.white:hover .overlay-inner .overlay div a.more{color:rgb(169,113,88) !important;background:#fff;}

/*section #content #features-list .overlay-box.vcenter {margin-top: -143px;}
section #content #features-list .overlay-box.center {margin-left: -143px;}

section #content #features-list .overlay-box.top {margin-top:30px; }
section #content #features-list .overlay-box.bottom {bottom: 30px; }*/
/*section #content #features-list .overlay-box.vcenter {margin-top: -143px;top: 50%; } */
/*section #content #features-list .overlay-box.right {margin-left: -143px;left: 50%; }
section #content #features-list .overlay-box.left {right: 0;margin-right: 0;margin-left: -143px;left: 50%;}
section #content #features-list .overlay-box.center {margin-left: -143px;left: 50%;}

section #content #features-list .overlay-box.vcenter:nth-child(1n) {bottom: 30px;margin-top:0;top:initial; } */



#social-feed .see-more {padding-bottom: 33.33%;
    width: 33.33%;}
/*#social-feed .social-post.tweet {
    background-size: 160px 160px;

}*/


#social-feed.fd h3{font-size:22px;padding-bottom:3.5vw;}
#social-feed.fd{margin-top:3.5vw;}
#social-feed.fd p{font-size:16px;}
/*
#social-feed .social-post .text {padding: 15px;}
#social-feed .social-post .text h4 {font-size: 14px;}
#social-feed .social-post .text p {font-size: 13px;}*/

/*#social-feed .social-post:nth-child(1),#social-feed .social-post:nth-child(2),#social-feed .social-post:nth-child(3),#social-feed .social-post:nth-child(4),#social-feed .social-post:nth-child(5)
,#social-feed .social-post:nth-child(6){display:block;}*/
/*
section #content #features-list .feature.full .bgImage.clone{ display:none;}

section #content #features-list .feature.full:nth-of-type(4n), .wide{display: none;}
section #content #features-list .feature.full:nth-of-type(4n) .narrow{display: block;}*/

/* home discover ---------------------------------------- */
#discover-rs {padding:35px 0 5px 0;}
#discover-rs h3, #discover-rs span.tophead{font-size:20px;}
#discover-rs span.tophead{font-size:16px;padding:15px 0 35px 0;}
#discover-rs ul{width: 375px;padding:0 20px 0 20px;box-sizing:border-box;}
#discover-rs ul li{width: 100%; float:left;margin:0 0 0 0;border-top :solid 1px #dedddb;padding-top: 30px;}
#discover-rs ul li:last-child{width: 100%;}
#discover-rs ul li img{width: 125px; height:125px;float:left; }
#discover-rs ul li h4{width: 100%;  text-align: left;font-size:16px;padding: 0 0 0 160px; float: none;}
#discover-rs ul li p{width: 100%; text-align: left;font-size:16px;padding: 10px 0 0 160px;}
#discover-rs ul li a{float: none; margin: 20px auto; font-size:18px; height:35px;line-height: 35px}
#privacy .page-404 .error-pages .error-page-inner .text-box p a{float: none; margin: 20px auto; font-size:18px; height:35px;line-height: 35px}


#discover-rs ul li span.icon {width: 140px; height: 170px;}


#discover-rs ul li { padding-top: 30px; }
#discover-rs ul li span.icon { width: 140px; height: 170px;}
#discover-rs ul li h4 { width: 100%; padding: 0 0 0 160px; float: none; }
#discover-rs ul li p { width: 100%; padding: 10px 0 0 160px; float: none; }



/*#discover-rs ul li span.icon.map {background-image: url(../images/icon-illustration-map-mob.png);}
#discover-rs ul li span.icon.app {background-image: url(../images/icon-illustration-app-mob.png); }
#discover-rs ul li span.icon.gift {background-image: url(../images/icon-illustration-gift-mob.png); }
    */



/* Related Article ---------------------------------------- */
.article.listing {padding:91px 0 0 0;}
/*.article.listing {padding:181px 0 0 0;} */
.article h1, .article.related h2{font-size:22px;}
.article ul li{width: 100%;padding:30px 20px 30px 20px;margin-top:0;box-sizing:border-box;border-top:solid 1px #e1dfdb;}
.article ul li:nth-child(3n+1) { clear: none; padding:30px 20px 30px 20px; }
.article ul li:nth-child(4n+1) { clear: none; padding:30px 20px 30px 20px; }
.article ul li:nth-of-type(4n) {
    padding-right: 20px;
    width: 100%;
}
.article ul li:nth-child(4n+4){padding:30px 20px 30px 20px;}

.article ul li img{width: 95px;float: left;}
.article ul li div{width:65.67%;padding:0 0 0 20px;float:left;}
.article ul li div h2,.article ul li div .category{font-size:13px;text-align:left;margin-bottom:10px;float:none;}
.article ul li div h3{text-align:left;font-size:18px;color:#a09b92;padding:0 0 0 0;margin-bottom:10px;float:none;
}
.article ul li div p{text-align:left;font-size:16px;color:#000;padding:0 0 0 0;margin-top: 10px;float:none;}
.article ul li div .more{display:none;}

.tags {width: 335px; float: none; margin:0 auto;padding-bottom:25px;}
.tags a{font-size:13px;}

.parallax-window {
    min-height: 400px;
    background: transparent;
}

div.img-box{width: 95px !important;float: left;}
div.img-box span{width: 100%;position:absolute;left:0;bottom:0;height:40px;display:none;}
div.img-box span.now{background:url(../images/icon-nowevent.png) top center no-repeat;}
div.img-box span.coming{background:url(../images/icon-comingevent.png) top center no-repeat;}
div.img-box span.past{background:url(../images/icon-pastevent.png) top center no-repeat;}
/*
section #content #features-list .feature.full { width: 100%;padding-bottom: 5%;}
section #content #features-list .feature.full .overlay-box span.caption{font-size:13px;}
section #content #features-list .feature.full .overlay-box h1{font-size:28px;padding:15px 0 15px 0;} */

#articles .articles span.caption{font-size:13px;}
#articles .articles h1{font-size:28px;padding:15px 0 15px 0;}


/* Article ---------------------------------------- */
#articles .articles{width:339px;float:none;text-align:center;margin:0 auto;}
#articles .articles .overlay-box {width: 100%;}
#articles .articles .overlay-box .category{font-size:13px;}
#articles .articles .overlay-box h1{font-size:28px;}
#articles .articles .overlay-box .inner.campaigns h1{font-size:42px;line-height: 1.1;}


#articles .articles #author{margin-top: -40px; }
#articles .articles #author span{font-size:16px;}

#articles .articles.top .overlay-box{width: 100%; }

#articles .articles #date{padding:0 0 0 0;}


#articles .articles .detail{width: 100%;}
#articles .articles .detail .standfirst{width: 100%;font-size:20px;margin: 0 0 30px 0;}
#articles .articles .detail .text-block { width: 100%;}
#articles .articles .detail .text-block h2,#articles .articles .detail h3{padding: 0 0; }
#articles .articles .detail .text-block p{padding: 0 0; }
#articles .articles .detail .text-block p.product-first {padding: 0 0; font-size:18px;}
#articles .articles .detail .text-block:first-of-type p:first-of-type:first-letter{ font-size: 53px; }
#articles .articles .detail .text-block.no-capitalize:first-of-type p:first-of-type:first-letter{ font-size: inherit !important; }
/*#articles .articles .detail .text-block p.capitalize:first-letter{ font-size:53px;}*/
#articles .articles .detail .text-block blockquote{font-size:20px;}
#articles .articles .detail .text-block blockquote p{font-size:20px;}
#articles .articles .detail .text-block blockquote p:first-of-type:first-letter{font-size: 20px; }
#articles .articles .detail .text-block ul, #articles .articles .detail .text-block ol{padding: 0 0 0 35px;  }
/*#articles .articles .detail .text-block ul li, #articles .articles .detail .text-block ol li{font-size:18px;}*/


.smiframe > div{width: 100%;padding:0 0 30px 0;}

.twitter-tweet {padding: 0 !important;}

/* Competition ---------------------------------------- */
.form{width:375px;}
.form .form-inner{padding: 55px 20px 20px; }
.form .form-inner div{width:100%;}
.form .form-inner div span{width:100%;margin:0 0 5px 0;}
.form .form-inner div input[type="text"]{width:100%;height:35px;}
 .form .form-inner div label{padding:0 0px 0 0px;}
.form .form-inner div.checkbox {
    width: 100%;
}
.form .form-inner div.captcha{width:100%;}
.form .form-inner div.captcha span{width:100%;margin:0 0 5px 0px;}
.form .form-inner div.captcha div{width:100% !important;}

.form .form-inner div.button {width:100%;text-align:center;}


#privacy{padding:0 0 30px 0;}
#privacy .privacy{width: 339px;}
#privacy .privacy h1{font-size:22px; padding: 91px 0 30px 0;}
#privacy .privacy h2{font-size:18px;padding: 0 0 30px 0; }
#privacy .privacy p{padding: 0 0 30px 0; font-size:18px;}
#privacy .privacy ul{margin: 0 0 0 18px; display: block; padding: 0 0; list-style:disc;}
#privacy .privacy ul li{font-family:'Brandon Grotesque W01'; font-weight:700; font-style:normal;font-size: 18px;padding:0 0 0 0;margin:0;}
#privacy .privacy ul.decimal{padding: 0 0;}



.img-block{width:112%;margin:0 -20px 0 -20px;}
.img-block iframe{height:214px;}
.img-block .icons{top: 10px; right: 10px;}
.img-block .caption.outside{width: 339px;padding: 5px 0 5px;}
.img-block .caption.outside p{color:#a09b92;font-size:16px;}
.img-block .caption.inside{padding:10px 10px 10px 10px;}

.img-block .block{width:100%;}


.img-block .caption.inside{width: 100%; text-align:left;color:#000000;padding:15px 15px 15px 15px;position:relative;bottom:auto;left:auto;float:left;}
.img-block .caption .links{color:#000000;font-weight:700;background: url(../images/arrow-article-block-black.png) center right no-repeat;}



.feature.full { padding-bottom: 0; height: 420px;}
.feature.full .bgImage { height: 420px;  padding-bottom: 0; }
section #content .content-inner .content-inner-sub { padding: 0; }
#articles.top { margin-top: 0; }
#articles .articles.top .overlay-box { height: 0; position: relative; margin: 0; padding: 0; }
/*add new div inside 'overlay-box' with class="inner"*/
#articles .articles.top .overlay-box .inner { position: absolute; bottom: 40px; width: 100%; }	#articles .articles.top .overlay-box h1 { line-height: 1.1; padding: 20px 0; }
#articles.top .articles #author { margin-top: -40px; }

.feature.full.small { padding-bottom: 0; }
.feature.full.small .bgImage {padding-bottom: 0;}
.feature.full.small>.inner.parallax-scrolling {padding-bottom: 0;}

.feature.full.competitionbg { padding-bottom: 0;height:150px; }
.feature.full.competitionbg .bgImage { padding-bottom: 0;height:150px; }

.feature > .inner.parallax-scrolling{padding-bottom: 0; height: 420px;}
section #content .shade{background: url(../images/bgborder-desktop.png) bottom center repeat-x;  }

#articles .articles .overlay-box.compaignbox h1 {
    font-size: 18px;
    padding: 10px 0;
}
#articles .articles #enter {
    margin-bottom:20px;
}
 #competition-bg {
    float: none;
    width: 100%;
}
section .share{width:100%;float:left;}
section .share.full{width:100%;}
section .share li{float:left;margin:0;padding:12px 12px 10px 0;font-size:16px;}
section .share li:first-child{padding-top:15px;}
section .share li a{width:20px;height:20px;float:left;}
section .share li a.facebook{width:11px;}
/*section .share li a.twitter{background:url(../images/icon-share-t-m.png) center center no-repeat;}
section .share li a.pinit{background:url(../images/icon-share-p-m.png) center center no-repeat;}
section .share li a.googlep{background:url(../images/icon-share-g-m.png) center center no-repeat;}
section .share li a.email{background:url(../images/icon-share-e-m.png) center center no-repeat;}*/
section .share li a.comment{background:url(../images/icon-share-c-m.png) right bottom no-repeat;width:auto;padding-right:35px;}
section .share li:last-child{float:right;padding-right:0;padding-top:9px;}

section .comments{min-height:50px;}
section .comments a{height:50px;}
section .comments span{width:155px;margin:15px 0 0 15px;font-size:18px;}

.article.related {
    padding-top: 20px;
}
    .article.related h3 span {
        border-bottom: 1px solid #cbc8c3;
        padding-bottom: 2px;
        width: auto;
        font-size: 14px;font-weight: 500;
    }




/* Search Results ---------------------------------------- */
.article h3 span {
    font-weight: 400;
    width:100%;float:left;
}
.search-result {padding: 0;width:100%;min-height: initial;}
.search-result .search-result-inner h2 {
    margin: -21px 0 20px; }
.search-result .search-result-inner{margin:0 0 20px 0;padding:0;}
.search-result .search-result-inner ul li{width: 100%;padding-right:0;margin:0 0 0 0;border-bottom: 0px;border-top: 0;}
.search-result .search-result-inner ul li:nth-child(5n+5){padding-right:0;}
.search-result .search-result-inner ul li:nth-child(4n+4){padding-right:0;}
.search-result .search-result-inner ul li:nth-child(4n){padding:0 0 0 0;}
.search-result .search-result-inner ul li img{width: 95px;float:left;}
.search-result .search-result-inner ul li div{margin: 0px 0 0 20px;width: 65.67%;padding:0}
.search-result .search-result-inner ul li div span {margin-top:0; }
.search-result .search-result-inner ul li div h3 { font-size: 18px; }
.search-result .search-result-inner ul li:nth-of-type(4n) {
    width: 100%;
}



#container {display:block;z-index: 998;top:60px;width:100%;overflow:hidden;transition: width 0.35s;display:none;}
    .closem {
        position:absolute;
        right:10px;
        top:10px;
        width:30px;
        height:30px;
        background:#ffffff url(../images/icon-close-r.png) center center no-repeat;
        z-index:999;
        display:block;
    }
#container.open {display:block;}
.gm-style-iw .infoWindow {display:block;}
#crop {display:none;}
    #map-canvas-1 {
        width:100%;
        height:100%;
        transition:none;
        position:absolute;
        top:0;
        left:auto;
        right:0;
    }
#directory { position:relative; width:100%; background-color:#f7f6f4; padding: 0; }
#directory .breadcrumb{width:100%;margin:0 0 0 0;position:absolute;height:auto;top:60px;}
/*#directory .breadcrumb{width:100%;margin:0 0 0 0;position:absolute;height:auto;top:150px;}*/
#directory .breadcrumb li{padding:20px 20px 20px 20px;}
#directory .breadcrumb li a, #directory .breadcrumb li h1{font-size:20px;}

#directory .directories{width:100%;margin:145px 0 0 0;}
/*#directory .directories{width:100%;margin:235px 0 0 0;}*/
#directory .directories li{font-size:20px;}
#directory .directories li:hover{ background:#f7f6f4;}
/*#directory .directories li a{padding:15px 20px 15px 20px;}*/
#directory .directories li img{ width:90px; padding:0 20px 0 0;}
#directory .directories li div{ width:190px;}
#directory .directories li div h2{font-size:16px;font-weight:500; font-style:normal;color:#000;margin:-3px 0 0 0;text-transform:uppercase;}
#directory .directories li div p{font-size:18px;margin:5px 0 0 0;}
#directory .directories li a.icon{right:50px;}
#directory .directories li a.map{right:47px;}
/*
#directory .atoz-directory{right:0; }
d#irectory .atoz-directory ul{top:150px;position:absolute;}
#directory .atoz-directory ul li a{font-size:14px;margin:5px 0 0 0;}

#directory.sticky .breadcrumb{position:fixed;margin:60px 0 0 0;}
#directory.sticky .atoz-directory ul{position:fixed;height:100%;background:#fff;top:60px;}
#directory.sticky .directories{margin:235px 0 0 0;}
    */


#retailer { width:100%; margin: 0 0 0 0;}
#retailer img{ width:100%; }
#retailer img.station {
    width: auto;
}
#retailer .retailer div.detail{padding:15px 20px 15px 20px;position:relative;}
#retailer .retailer div.detail.gettinghere{ padding:20px 20px 20px 20px;}
#retailer .retailer div.detail.gettinghere p{ padding:15px 0 0 0;}
#retailer .retailer div.detail h1{ font-size:22px;}
#retailer .retailer div.detail h2{font-size:18px;padding-bottom: 20px; }
#retailer .retailer div.detail p{font-size:18px;}
#retailer .retailer div.detail p.timevary{ font-size: 16px;}
#retailer .retailer div.detail div.address{ width:48%; }
#retailer .retailer div.detail div.address a{ font-size:16px;}
#retailer .retailer div.detail div.address p a{text-decoration:none;}
#retailer .retailer div.detail div.address a:hover{text-decoration:none;}
/*#retailer .retailer div.detail div.timing{ width:100vw; float:left;margin:15px -20px 0 -20px;border-top: 1px solid #cbc8c3;padding:15px 20px 0 20px;box-sizing:border-box;}*/
#retailer .retailer div.detail div.timing{ width:100vw; float:left;margin:0 -20px 0 -20px;border-top: 0px solid #cbc8c3;padding:0 20px 0 20px;box-sizing:border-box;}

#retailer .retailer div.detail div.timing p{ padding:0 0 20px 0;position:absolute;top:15px;right:0;width:50%;}
#retailer .retailer div.detail div.timing p.timevary{ top:78px;}
#retailer .retailer div.detail div.timing p span{ font-weight:500; font-size:18px;color:#b4582a;width:100%;float:left;margin: 0 0 0 0;}
 #retailer .retailer div.detail div.timing p a.clock {top: -7px;  height: 28px;
    padding: 0;
    position: absolute;
    right: 20px;
    width: 28px;
    background: rgba(0, 0, 0, 0) url("../images/icon-clock-tab.jpg") no-repeat scroll left top;
    }
 #retailer .retailer div.detail div.timing p#timeOpen:hover p, #retailer .retailer div.detail div.timing p#timeOpen:hover span {
    color:#b4582a;
}
 #retailer .retailer div.detail div.timing p:hover b{color:#b4582a;}

#retailer .retailer div.detail div.close-box{width:50%;padding:10px;}
#retailer .retailer div.detail div.close-box span{font-size:16px;line-height:23px;}
#retailer .retailer div.detail div.close-box p{font-size:16px;line-height:20px;}

#retailer #social-feed h3{font-size:14px;color:#000;padding:20px 0 25px 0;}
#retailer #retailer-article h3{font-size:14px;padding:20px 0 25px 0;}
#retailer #retailer-article ul li{padding:20px 20px 20px 20px;}
#retailer #retailer-article ul li img{ width:95px;}
#retailer #retailer-article ul li div{width:65.67%;margin:0 0 0 20px;}
/*
#social-feed .social-post .text {padding:0 15px 0 15px;}
#social-feed .social-post .actions {
    padding:10px 15px 10px 15px;
    width: 100%;}
#social-feed .social-post .icon {
    right: 15px;
    top: 15px;
}*/
#social-feed .see-more a {
    font-size: 20px;
    margin-top: 37%;
    padding-right: 30px;
}#social-feed .see-more a span {
    font-size: 13px;
}
 #retailer .retailer {
    margin: 60px 0 0;
}
/* #retailer .retailer {
    margin: 150px 0 0;
}*/

#map-controls {display:none;}


.article ul li.chrismasrd div.img-box{background-position: center;background-size: cover;background-repeat: no-repeat;height: auto;padding-bottom: 0 !important;}
.article ul li.chrismasrd div.img-box img.mobile{display:block !important;opacity:1;visibility:visible;}


.atoz-directory ul li a { height: 18px; font-size: 14px; }
.atoz-directory ul li .number {height: 18px; }

.atoz-directory:before {position: absolute;}
.atoz-directory.sticky ul { position: absolute; top: 60px; }
/*.atoz-directory.sticky ul { position: absolute; top: 150px; }  */

#directory.sticky .breadcrumb{position:fixed;top:60px;}
#directory.sticky .atoz-directory.sticky ul{position:fixed;top:60px;}


#retailer .retailer div.detail #openingtimes{min-height:220px;left:0;top:0;transition:none;display:none;width:100%;}
#retailer .retailer div.detail #openingtimes.open{ width:100%;display:block;}
#retailer .retailer div.detail #openingtimes .openingtimes{ width:100%;padding:15px;right:0;}
#retailer .retailer div.detail #openingtimes .openingtimes h3 {
    font-size: 12px;
    }
#retailer .retailer div.detail #openingtimes .openingtimes ul {margin:9px 0 0 0;}
#retailer .retailer div.detail #openingtimes .openingtimes ul li{ margin:3px 0 0 0; }
#retailer .retailer div.detail #openingtimes .openingtimes ul li span{ font-size:14px;padding-right:5px; }
#retailer .retailer div.detail #openingtimes .openingtimes ul li span.day, #retailer .retailer div.detail .openingtimes ul li span.date{width: 100px;}
#retailer .retailer div.detail #openingtimes .openingtimes ul li p{ width: 150px;font-size:15px;}
#retailer .retailer div.detail #openingtimes .openingtimes ul li p b{font-size:15px; }
#retailer .retailer div.detail .icon-arrow{top:-96px;display:none;}
#retailer .retailer div.detail #openingtimes .closetime{top:15px;right:15px;}
#directory .directories li a.icon {
    right: 45px;
}
.anchor { margin-top: -159px; height: 159px; }

    #social-feed .social-post:nth-of-type(7n) {display: none;}
#social-feed .social-post:nth-of-type(6n) {display: none;}

/*#social-feed .see-more #imgLoading {width:50px;height:50px;margin-top:37%;}*/

#wechat{top:0;}


/* cookies */
/*#cookies {bottom:0;height:auto;padding:16px 20px 16px 20px; transition:none;display:none;}
#cookies.sticky {bottom:0;display:block;}
#cookies p {font-size: 14px;width: 85%; }
#cookies .close{right: 20px;top: 25px;}*/


.form .form-inner .form-question h4{font-size:20px;}
.form .form-inner .form-question p input[type="checkbox"]{width:15px;float:left;border:solid 1px #cbc8c3;background-color:#f9f9f9;}
.form .form-inner .form-question p span{width:310px;font-size:16px;margin:-4px 0 0 10px;}

#articles .articles .overlay-box .inner.campaigns h1{font-size:36px;}
#articles .articles .overlay-box .inner.campaigns .campa{font-size:18px;}



#privacy .privacy.page-404{width: 339px;}
#privacy .page-404 .error-pages{height:540px;padding:91px 0 0 0;}
#privacy .page-404 .error-pages .error-page-inner .eimg-box{width:100%;margin-right:0;padding-bottom:25px;text-align:center;}
#privacy .page-404 .error-pages .error-page-inner .text-box{width:100%;text-align:center;}
#privacy .page-404 .error-pages .error-page-inner .text-box h1{font-size:24px;text-align:center;}
#privacy .page-404 .error-pages .error-page-inner .text-box p{padding: 20px 0 24px 0;display:inline-block;font-size:19px;text-align:left;}

#articles .articles #author{padding:0 0 0 0;}

.queen-popop .popop-inner{width: calc(100% - 5.333333333333334vw - 5.333333333333334vw);height: auto;position: absolute;left: 5.333333333333334vw;top: calc(50% - (149.33333333333334vw/2));}
.queen-popop .popop-inner .text-box{width: 100%; position: relative;float: left;padding:5.333333333333334vw;}
.queen-popop .popop-inner h2{margin-bottom: 15px;font-size:5.333333333333334vw;line-height:7.466666666666668vw;}
.queen-popop .popop-inner h2 .bl{display:block;}
.queen-popop .popop-inner p{font-size:4.8vw;line-height:6.933333333333333vw;letter-spacing:-0.047999999999999994vw;margin-bottom:5vw;}
.queen-popop .popop-inner .img-queen{width: 100%;height: 43.46666666666666vw;float:left;position: relative;background-image: url(../images/img-queen-m.jpg);}
.queen-popop a.close{right: 2.666666666666667vw;top: 2.666666666666667vw;width: 9.333333333333334vw;height:9.333333333333334vw;}


/*Future-of-food-festival-start====*/
#content .content-inner .sub-nav-fof{height:auto;}
#content .content-inner .sub-nav-fof ul{width:100%;/*height:53px;*/float:left;font-size:0;text-align:center;margin:0;padding:0;box-sizing:border-box;list-style:none;/*display:flex;white-space:nowrap; overflow:hidden;overflow-x:scroll;*/}
#content .content-inner .sub-nav-fof ul li{vertical-align:top;}
#content .content-inner .sub-nav-fof ul li a{padding:18px 12px;height:50px;font-size:12px;letter-spacing:-0.60px;line-height:1;}
#content .content-inner .sub-nav-fof ul li:first-of-type a{padding:18px 12px;}
#content .content-inner .sub-nav-fof ul li a.ddown{padding-right:38px;}
#content .content-inner .sub-nav-fof ul li a.ddown:after{width:8px;height:8px;top:18px;right:14px;}
#content .content-inner .sub-nav-fof ul li:hover a.ddown:after,
#content .content-inner .sub-nav-fof ul li.active a.ddown:after{top:21px;}
#content .content-inner .sub-nav-fof ul li > ul{width:300px;height:auto;/*display:block;*/position:absolute;top:50px;left:0;padding:10px 16px;white-space:initial;overflow:hidden;overflow-x:hidden;}
#content .content-inner .sub-nav-fof ul li > ul li{width:100%;position:relative;float:left;margin:0;padding:0;box-sizing:border-box;}
#content .content-inner .sub-nav-fof ul li > ul li a{width:auto;height:100%;float:left;margin:0;padding:0;font-family:'Brandon Grotesque W01';font-weight:500;font-style:normal;font-size:15px;letter-spacing:-0.53px;line-height:30px;color:#306955;text-decoration:none;box-sizing:border-box;transition:0.1s all;}
#content .content-inner .sub-nav-fof ul li > ul li:first-of-type a{padding:0;}

#content .content-inner .sub-nav-fof.christ ul li a {width: auto;}

#content .content-inner .sub-nav-fof.moimgtop{margin-top:60px;padding-left:0;}

#content .content-inner .sub-nav-fof > ul::-webkit-scrollbar-track{background-color: rgba(255,255,255,0.1);}
#content .content-inner .sub-nav-fof > ul::-webkit-scrollbar{width: 2px;height: 2px;background-color: rgba(255,255,255,0.1);}
#content .content-inner .sub-nav-fof > ul::-webkit-scrollbar-thumb{background-color: rgba(255,255,255,1);}

#articles.stfirst{padding:20px 0;background:#FAF8EA;}
#articles.stfirst .articles .detail .text-block{width:100%;margin:0;margin-top:25px;margin-bottom:25px;}
#articles.stfirst .articles .detail .text-block p{padding:0;margin:0 0 9px 0;font-size:16px;letter-spacing:-0.60px;line-height:21px;}
#articles.stfirst.w645 .articles .detail .text-block {padding-right: 0;}
#articles.stfirst.w645 .articles .detail .text-block .partnership {width: 152px;position: relative;right: auto;top: auto;float: none;margin:0 auto;text-align:center; margin-bottom: 100px;}
#articles.stfirst .articles .detail .text-block .col {
    width: 100%;
    margin-bottom: 20px;
}

.tickevent{padding:0 0 30px 0;}
.tickevent > div {
    width: 339px;
}
.tickevent ul{max-width:339px;width:100%;}
.tickevent ul li{width:100%;margin:0 0 25px 0;}
.tickevent ul li:nth-child(3n-2){margin-left:0;clear:none;}
.tickevent img{width:100%;}
.tickevent ul li .te-info{padding:11px 20px 85px 20px;}
.tickevent label{padding:0 0 11px 0;font-size: 19px;letter-spacing: -0.74px;line-height: 26px;}
.tickevent h3{margin:6px 0 0 0;font-size: 16px;letter-spacing: -0.60px;line-height: 26px;}
.tickevent h2{font-size: 16px;letter-spacing: -0.60px;line-height: 26px;}
.tickevent address{margin:3px 0 0 0;font-size: 12px;letter-spacing: -0.42px;line-height: 18px;}
.tickevent p{width:100%;margin:10px 0 0 0;font-size: 12px;letter-spacing: -0.42px;line-height: 18px;}


.fndouter{width: calc(100% - 20px - 20px);bottom:20px;right:20px;}
.fndmore{width: 47.8%;float:left;margin-left:4%;font-size:13px;letter-spacing:-0.46px;color:#306955;text-align:center;padding:0;height:40px;background:#C1DC9F;text-transform:uppercase;line-height:40px;-webkit-transition: all .50s ease-in-out;-moz-transition: all .50s ease-in-out;-o-transition: all .50s ease-in-out;transition: all .50s ease-in-out;}

.laodmorebtn{width: 100%;margin:0;padding:0;float:left;text-align:center;font-size:0;}
.laodmorebtn a{width: auto; font-family:'Brandon Grotesque W01'; font-weight:700; font-style:normal;text-align: center;font-size:13px;letter-spacing:-0.46px;color:#fff;padding:0 22px 0 22px;height:40px;background:#306955;display:inline-block;text-transform:uppercase;line-height:40px;-webkit-transition: all .50s ease-in-out;-moz-transition: all .50s ease-in-out;-o-transition: all .50s ease-in-out;transition: all .50s ease-in-out;}
.laodmorebtn a:hover{color:#306955;background:#C1DC9F;text-decoration:none;}
  
.gtint {
    width: 100%;
    height: 60px;
}

.ticketedevents{width:339px;}
.ticketedevents h4{width:100%;margin:0 0 20px 0;font-size: 19px;letter-spacing: -0.74px;line-height: 1.2;}
.ticketedevents article{width:100%;margin:0 0 25px 0;min-height:inherit;}
.ticketedevents.small article{min-height:inherit;}
.ticketedevents article article{border-bottom:solid 1px #000000;padding-bottom:18px;margin-top:18px;min-height:initial;margin-bottom:0;}
.ticketedevents article article:last-of-type{padding-bottom:0;border-bottom:0;}
.ticketedevents.small article article{min-height:initial;margin-top:10px;}

.ticketedevents article figure{width:100%;height:250px;position:relative;float:left;}
.ticketedevents article section{width:100%;margin:0;padding:20px 20px;float:right;background-color:#ffffff;}


.ticketedevents article section .status{padding:4px 3px 3px 3px;line-height: 1;}
.ticketedevents article section h2{margin:0 0 8px 0;font-size: 19px;letter-spacing: -0.74px;line-height: 26px;}
.ticketedevents article section h3{margin:0 0 5px 0;font-size: 16px;letter-spacing: -0.60px;line-height: 21px;}
.ticketedevents article section p{margin:0 0 5px 0;font-size: 16px;letter-spacing: -0.56px;line-height: 21px;font-weight: 500;color:#000000;}
.ticketedevents article section p:last-of-type{margin:0;}
/*.ticketedevents article section .status{margin-bottom: 5px;padding: 0px 2px;font-size: 9px;letter-spacing: -0.32px;line-height: 12px;}*/
.ticketedevents article section aside span,
.ticketedevents article section aside a,
.ticketedevents article section aside p{margin-right:10px/*20px*/;margin-bottom:5px !important;}
.ticketedevents article section aside a{margin-right:0;margin-bottom:0;}


.ticketedevents article section .btn{width: 110px;margin-bottom:6px;font-size: 12px;letter-spacing: -0.46px;height:35px;padding:12px 0;}

.ticketedevents.col2 article{width:100%;min-height:initial;margin-left:0;}
.ticketedevents.col2 article:nth-child(2n-2){clear:none;}
.ticketedevents.col2 article figure{height:225px;}
.ticketedevents.col2 article section{padding-top:14px;}
.ticketedevents.col2 article section h2{margin-bottom:11px;}
.ticketedevents.col2 article section aside span{margin-bottom:14px;}

.ticketedevents.partner article{min-height:initial;}
.ticketedevents.partner article section{background-color:#3CAD2B;padding-top:25px;}
.ticketedevents.partner article section h2{margin-bottom:25px;}
.ticketedevents.partner article section p{font-size: 16px;letter-spacing: -0.60px;line-height: 21px;}
#articles.stfirst h4 {
    margin-bottom: 15px;
    line-height: 1.3;
    font-size: 16px;
    margin-bottom: 11px;
}

.tevents-map{padding-bottom:40px;}
.events-map{width:339px;}
.events-map h4{width:100%;margin:0 0 20px 0;font-size: 19px;letter-spacing: -0.74px;line-height: 40px;}
.events-map #map{height:250px;margin-bottom:15px;}
.events-map .opening-times{width:100%;margin:-20px auto 0 auto;}
.events-map .opening-times p{width:50%;font-size: 16px;letter-spacing: -0.60px;line-height: 21px;}
.events-map .opening-times.singl-col p{width:100% !important;text-align:center !important;}
 
.prenquries{padding:40px 0;float:left;}
.prenquries .prqlist{width:339px;}
.prenquries .listitem{width:100%;margin:0 0 30px 0;}
.prenquries .listitem:last-of-type{margin:0;}
.prenquries .listitem:nth-child(3n-1){width:100%;}
.prenquries h3{margin:0;font-size: 19px;letter-spacing: -0.74px;line-height: 26px;}
.prenquries p{margin:5px 0 0 0;font-size: 16px;letter-spacing: -0.60px;line-height: 21px;}

#content .content-inner .header-img-web.fof{padding-bottom:0;height:420px !important;} 
#content .content-inner .header-img-web .img-box figure{width:50vw;float:none;margin:0;padding:0;box-sizing:border-box;display:inline-block;}
#content .content-inner .header-img-web .img-box figure img{width:100%;float:left;margin:calc(50% + /* 12vw */1vw) 0 0 0;padding:0;box-sizing:border-box;}

#content .content-inner .header-img-web.fof .img-box{width:100% !important;position: absolute;
    top: 0;
    left: 0;}
#content .content-inner .header-img-web.ubfof .img-box{padding-bottom:0 !important;height:420px !important;width:100% !important;position:absolute;left:0;top:0;}
#content .content-inner .header-img-web.ubfof .img-box figure{width:18.734993vw;}
#content .content-inner .header-img-web h1{font-size: 10vw;letter-spacing: normal;line-height: 1;padding-top: 20vw;}
#content .content-inner .header-img-web.ubfof .img-box figure img{margin-top:20.490483vw;}
#content .content-inner .header-img-web .hdnew h1{padding-top: 0;}
#content .content-inner .header-img-web .hdnew h1{width:100%;height:auto;position: relative;float:left;padding: 20px 0 20px 0;
    font-size: 28px;}
#content .content-inner .header-img-web .hdnew h3{
    font-size: 13px;/*padding-top:10vw*/}

.chefaclist{padding-bottom:30px;}
.chefaclist ul{width:339px;}
.chefaclist ul li{width:100%;min-height:350px;background:#FFFFFF;margin:0 0 50px 0;padding:0;float:left;position:relative;background:#fff;}
.chefaclist img{width:100%;height:auto;}
.chefaclist ul li .te-info{width:100%;padding:20px 20px;}
.chefaclist p{margin:0 0 8px 0;font-size: 19px;letter-spacing: -0.74px;line-height: 26px;}
.chefaclist h4{margin:12px 0 0 0;font-size: 16px;letter-spacing: -0.60px;line-height: 21px;}
.chefaclist label{margin:5px 0 0 0;font-size: 12px;letter-spacing: -0.42px;line-height: 18px;}

.exp-detail{padding:69px 0;}
.exp-detail .expd-inner{width:339px;}
.exp-detail .exp-left{width:100%;}
.exp-detail .exp-right{width:100%/*42.857142857142854%*/;}
.exp-detail h2{font-size: 19px;letter-spacing: -0.74px;line-height: 21px;padding-bottom:3px;}
.exp-detail h1{margin:0 0 10px 0;font-size: 29px;line-height: 36px;}
.exp-detail p{margin:0 0 8px 0;font-size: 16px;letter-spacing: -0.60px;line-height: 21px;}
.exp-detail label{/*width:33.33333333%;margin:0;*/font-size: 16px;letter-spacing: -0.60px;line-height: 21px;}
.exp-detail address{margin:8px 0 0 0;font-size: 16px;letter-spacing: -0.60px;line-height: 21px;}
.exp-detail a {font-size: 14px;}

.bookbtn{width: 100%;margin:20px 0 40px 0;padding:0;float:left;}
.bookbtn a{width: 134px; font-size:12px;letter-spacing:-0.44px;padding:0 22px;height:40px;line-height:40px;margin-right:0;}
.bookbtn a.back{padding:0 14px;margin-right:0;}
.bookbtn a i{width:6px;height:12px;margin:14px 6px 0 0;}
.bookbtn a:hover{color:#306955;background:#C1DC9F;text-decoration:none;}
/*Future-of-food-festival-end====*/


footer{padding-left: 0;background:#d9d3cb;padding:40px 0 0 0;position: relative !important;bottom:auto !important;}
footer #footer{float:none;width:95%;padding:0 0 0 0;margin:0 auto;}
footer .link-left{width:100%;}
footer .link-left.inner{width: 50%;} 
    footer .link-left:first-child.inner {margin-top: 0px;}
footer .link-left:nth-child(3n) {clear:left !important;margin-top:25px;}
    footer .link-left.inner img {width: 136px;margin-bottom: 15px;}
footer .link-left.inner p{font-size: 16.5px !important; }
    footer .link-right.inner {
        width: 100%;
        margin: 0px 0 20px 0;
        border-top: solid 1px #bcb7af;
        padding-top:10px;
    }
	footer .link-right.inner {
    position: relative;
    right: auto;
    top: auto;
}
footer .link-right ul li a {
    height: 35px !important;
    width: 35px !important;
	background-size:100% auto !important;
}
footer .link-right ul li a.tiktok {
    background-size: 85% auto !important;
}

footer .link-left ul{width:100%;border-bottom:solid 1px #bcb7af;padding:0 0px 0 0px;box-sizing:border-box;}
footer .link-left ul:first-child{border-bottom:0px;}

footer .link-left ul li a{width:100%;margin-bottom:25px;font-size:16.5px;letter-spacing:0;}
footer .link-left ul li a:hover{text-decoration:none}
footer .link-left ul li a.ars{/*background:url(../images/icon-footer-ars-text-375.png) left top no-repeat;*/height:26px;padding:3px 0 0 48px;}
footer .link-left ul li a.htgh{/*background:url(../images/icon-footer-htgh-text-375.png) left top no-repeat;*/height:31px;padding:6px 0 0 48px;}
footer .link-left ul li a.cu{/*background:url(../images/icon-footer-cu-text-375.png) left top no-repeat;*/height:25px;padding:1px 0 0 48px;}
footer .link-left ul li a.rssa{/*background:url(../images/icon-footer-rssa-text-375.png) left top no-repeat;*/height:28px;padding:4px 0 0 46px;}
footer .link-left ul li a.rsgc{/*background:url(../images/icon-footer-rsgc-text-375.png) left top no-repeat;*/height:26px;padding:3px 0 0 48px;}
footer .link-left ul li a.sutnl{/*background:url(../images/icon-footer-sutnl-text-375.png) left top no-repeat;*/height:20px;margin-bottom:25px;padding:1px 0 0 48px;}

 footer .link-left ul li a.ars:before{width:26px;height:26px;}
 footer .link-left ul li a.htgh:before{width:24px;height:32px;position:absolute;top:0;left:0;}
 footer .link-left ul li a.cu:before{width:25px;height:25px;position:absolute;top:0;left:0;}
 footer .link-left ul li a.sutnl:before{width:31px;height:20px;margin-bottom:0;position:absolute;top:0;left:0;}



footer .link-right{width:100%;position:relative;float:right;margin:10px 0 20px 0;}
footer .link-right span{width:100%;font-size:14px;text-align:left;padding:0 0 10px 0;}
footer .link-right ul{width:100%;padding:0 0px 0 0px;box-sizing:border-box;text-align:justify;position:relative;}
footer .link-right ul li{display:inline-block;margin:0 4% 0 0;float:left;  }
footer .link-right ul li a{padding:0 0 0 0;margin:0;  height:35px;width:35px;background-position: center center;
    background-repeat: no-repeat;float:left;}
footer .link-right ul li a:hover{opacity:0.8;}
/*footer .link-right ul li a.youtube{margin-top:8px;}*/



footer div#copyright{padding:15px 10px 15px 10px;}
footer div#copyright p{float:none;width:335px;padding:0 0 0 0;margin:0 auto;font-size:14px;text-align:center;}
footer div#copyright p.copyright{float:left;padding:15px 0 0 0;text-align:left;width:100%;font-size:14px;}
footer div#copyright p.term{float:left;padding:0 0 0 0;text-align:left;width:100%;}
footer div#copyright p.copyright{}
footer div#copyright p.copyright span{width:auto;float:right;padding:0 0 0 0;}


.web{display:none;}
.mobile{display:block;}
 #articles .articles .detail .riba-selection ul li{width:100%;margin:0 0% 10px 0; }
 #articles .articles .detail .riba-selection ul li:nth-child(4n+4){margin:0 0% 10px 0; }
 #articles .articles .detail .riba-selection ul li img{width:85px;height:auto;}
 #articles .articles .detail .riba-selection ul li div{ padding:10px 0px 0 15px;box-sizing:border-box;width:65%;margin:0;}
 #articles .articles .detail .riba-selection ul li div input[type="checkbox"], input[type="radio"]{float:left;width:15px;height:20px;margin:0px 5px 0 0px;}
 #articles .articles .detail .riba-selection ul li div span{font-size: 14px;float:right;margin:0;padding:0;width:85%;}


 #articles .articles .detail .submit .submit-inner{width:100%;margin:10px auto; height:auto;border-top:1px solid #d1d2d4; }
 #articles .articles .detail .submit .submit-inner .search{margin: 10px 0px 0px 0px;}
 #articles .articles .detail .submit .submit-inner .search input[type="text"]{  width:70%;height:33px; font-size: 12px; }
 #articles .articles .detail .submit .submit-inner .search .button input{float: left;margin:0;padding:0;width: 100px;height: 33px;background: #fff url(../images/submit-riba.png)no-repeat left;cursor: pointer;border: 0;}
 #articles .articles .detail .submit .submit-inner div span{font-size:16px;}
 #articles .articles .detail .submit .submit-inner div input[type="radio"]{height:20px;}


.bg-1 .bg-1-inner{margin:20px auto;max-width:900px;width:100%;box-sizing:border-box;padding:0 10px 0 10px;}
.bg-1 .bg-1-inner .box-inner{padding:5px 10px 10px 10px; }
.bg-1 .bg-1-inner .box-inner a.close-1{width:20px;height:20px;float:right;background:url(../images/close-1-1-mb.jpg) left top no-repeat;margin:0 0px 0 0;}
.bg-1 .bg-1-inner .box-inner img{width:100%;height:auto;float:left;clear:both;}
.bg-1 .bg-1-inner .box-inner b{width:100%; font-family: 'Brandon Grotesque W01';font-weight: 700;float:left;margin:5px 0 0 0;color:#231f20;font-size:16px;}
.bg-1 .bg-1-inner .box-inner p{width:100%;font-family: 'Brandon Grotesque W01';font-weight: 400;float:left;margin:5px 0 0 0;color:#231f20;font-size:15px;height:auto;  }

 #retailer .retailer div.detail a.show-map{display:none;}

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

.grid-expander{padding:0 0 0 0;margin:3px 0;}
#div-fashion .banner{padding:60px 0 0 0;}
#div-fashion .banner img{width:100%;}
#div-fashion .banner img.ds{display:none;}
#div-fashion .banner img.ms{display:block;}
#div-fashion .banner div{width:100%;padding:25px 25px;margin-left:0;}
#div-fashion .banner div p{font-size:30px;text-align:center;}

#div-fashion .section .grid-item {width:100%;margin: 0 0 3px 0;}
#div-fashion .section .grid-item .grid-1 div{height:auto;}
#div-fashion .section .grid-item .grid-1 div h2{padding-bottom:15px;}

#div-fashion .section .grid-item .grid-2{margin-bottom:3px;padding:0 20px 20px 20px;}
#div-fashion .section .grid-item .grid-2 .info-detail{width:100%;}
#div-fashion .section .grid-item .grid-2 .info-detail .location{width:auto;visibility:visible;border-bottom:solid 1px #f7f6f4;font-size:25px;float:left;margin:32px 0 0 50px;font-family:'Brandon Grotesque W01'; font-weight:300; font-style:normal;color:#ffffff;text-decoration:none;}

#div-fashion .section .grid-item .grid-2 .info-map{float: right;width: auto;}
#div-fashion .section .grid-item .grid-2 .info-map div.map-small {display:none;}
#div-fashion .section .grid-item .grid-2 .info-detail .share-this{display:none;}

#secondary-nav #other-icons{display:none;width:auto;float:left;padding:0;}
#secondary-nav .social-icons li{margin-left:15px;}
#secondary-nav .social-icons li.h{ display:none;width:0;}
#secondary-nav .menu-global .social-icons .dots-icon {display:none;}


.thanku-block{ padding:0 0 0 0;  }
.thanku-block-inner div{width:90%; padding:20px 25px 10px 25px ; }
.thanku-block-inner h1{ font-size:22px;color:#000;   }
.thanku-block-inner p{  font-size:18px;padding:10px 0 10px 0;  }


.select-interest{ margin:20px 0 0 0;}
.select-interest h2{ font-size:20px; padding:0 0 15px 0;    }
.select-interest ul{width: 100%;float:left;margin:0 0 3.2% 0;padding:0 0 2.5% 0;}
.select-interest ul li{width: 100%; margin:0 0 1% 0%;padding:0px 0; float:left; }
.select-interest ul li:nth-child(2n+1){margin-left:0;}
.select-interest ul li .button-interest{font-size:16px;padding: 7px 0;}
.select-interest a.more{font-size:18px;padding:0 50px 0 50px;}
.select-interest ul li .button-interest:hover {
    background-color: #fff;
    color: #000;
}
.select-interest ul li .btn-interest-select:hover {
    background-color: #467bdb;
    color: #ffffff;
}



/*My style*/
.select-interest .age-range{margin:0 0 5% 0;padding:1.98% 0 3.6% 0;}
.select-interest .age-range a{width:31.6%; margin:0 0 2.55% 2.55%;padding:7px 14px;font-size:16px;}
.select-interest .age-range a:nth-child(3n-2){margin-left:0;}
.select-interest .age-range a:last-child{margin-left:2.55%;}
.select-interest .age-range a:hover{background-color:#fff;color:#000;}
.select-interest .age-range a.active:hover{background-color:#467bdb;color:#fff;}



.select-interest .w-do-live{margin:0 0 5.68% 0;padding:0.4% 0 5.88% 0;}
.select-interest .w-do-live select{width:100%;font-size:16px;padding:3px 14px;}
 .select-interest .age-range.do-u-visit{width: 100%;margin:0 0 5.8% 0;padding:1.2% 0 5.4% 0}
 .select-interest .age-range.do-u-visit a{width:100% !important;margin-left:0;}
.select-interest .age-range.do-u-visit a:nth-child(3n-2){margin-left:0;}
.select-interest .age-range.do-u-visit.gender{width: 100%;margin:0 0 6.5% 0;padding:1.6% 0 4.7% 0}

/*My style*/

/*200th-anniversary*/
.article.listing.mar-top {padding:35px 0 0 0;}
#content .content-inner .article.listing .intro-text{width:339px;font-size:20px;margin: 0 auto 30px auto;}
#content .content-inner .header-img-web {display:block;}
#content .content-inner .header-img-mobile {width:100%;height:0;float:left;margin:60px 0 0 0;padding:0 0 55.4% 0;box-sizing:border-box;background-repeat:no-repeat;background-size:cover;}
#content .content-inner .article.listing .intro-text.tb-prg{font-size:16px;}

/*200th-anniversary*/

/*retailer new design*/
.socail-icons-verticle{position:absolute !important;top:20px;right:20px;width:30px !important; }
.socail-icons-verticle .social-icon li{float:none;}
.socail-icons-verticle.mobile-icon{display:block !important;}
.socail-icons-verticle.web-icon{display:none;}

#articles .articles .detail .first-block{width:100%; padding:0 0 52px 0; display: block; margin-bottom:0;text-align:center;}
#articles .articles .insider{margin-bottom:30px;width:100%;margin:0}
#articles .articles .detail .first-block p{font-size:20px;padding-bottom:30px;padding-top:27px;}
#articles .articles .detail .first-block h1{font-size:24px;}


#articles .articles .detail .person-block{width: 100%; padding:0 0 0px 0;  margin: 60px auto;text-align:left;}
#articles .articles .detail .person-block img{width:calc(100% + 12%);margin:0 -20px 0 -20px;}
#articles .articles .detail .person-block .person-info{width:100%;padding:0;}

#articles .articles .detail .person-block .person-info h2{font-size:22px;padding-top:30px}
#articles .articles .detail .person-block .person-info p{font-size:20px;padding-bottom:18px;}
#articles .articles .detail .person-block .person-info span{font-size:18px;}
#articles .articles .detail .person-block .person-info a{font-size:16px;}
#articles .articles .detail .person-block .person-info a:hover{ text-decoration:none;  }

#articles .articles .detail .description{width:100% !important;margin:30px 0 34px 0 !important; }
#articles .articles .detail .description .description-photo{width:100%;margin:0;}
#articles .articles .detail .description .description-photo span{font-size:16px;margin:11px 0 14px 0;}

#articles .articles .large-img img{width:calc(100% + 12%) ;height:auto;margin:0 -20px}

#articles .articles .detail .map-large{width:calc(100% + 12%);margin:0 -20px 0 -20px ;}
#articles .articles .detail .map-large a{padding:0 0 0 0;}

#articles .articles .detail .map-large h2{font-size:22px;}
 #articles .articles .detail .map-large .map-inner{padding-bottom:calc(100% + 31%);margin-top:32px;}



.retailer-time{position:relative;top:auto;right:auto;height:auto;text-align:center;background-color:transparent;float:left;width:100%;z-index:1;box-shadow:none;}
.retailer-time .retailer-time-inner{width:100%;position:relative;float:left;margin:0;padding:0;height:auto;box-shadow:none;font-size:0;}

.retailer-time .retailer-time-inner .open-time{position:relative; float:left;margin:0px 0 0 0; width:100%;height:auto;background-color:#1c1a1b;box-sizing:border-box;padding:10px 17px;}
.retailer-time .retailer-time-inner .open-time strong {font-size: 20px;text-align:left  ;}
.retailer-time .retailer-time-inner .open-time p.time {width:50%;font-size: 20px;text-align:left;float:left;}
.retailer-time .retailer-time-inner .open-time p.view-time {width: 50%;font-size: 12px;float:right;text-align:right;margin:20px 0 0 0;padding-right:25px;letter-spacing:1px;font-weight:500; font-style:normal;}
.retailer-time .retailer-time-inner img{width:270px;height:175px;margin:-360px 0 0 0;padding:0 0 0 0;display:inline-block;float:none;text-align:center;box-sizing:border-box;}

.retailer-time .retailer-time-inner .days div span{text-align:left;font-size:18px;color:#efede9;}
.retailer-time .retailer-time-inner .days div span:last-child{font-size:18px;color:#efede9;}


.retailer-time .retailer-time-inner .contact{padding:10px 20px 12px 20px;}
.retailer-time .retailer-time-inner .contact div{padding:5px 0 0 0;width:42.1%;text-align:left;}
.retailer-time .retailer-time-inner .contact div span{font-size: 12px;}
.retailer-time .retailer-time-inner .contact div a{font-size:20px;font-weight: 500;line-height: 1.34;}
.retailer-time .retailer-time-inner .contact a.web-mail{font-weight: 500;font-size: 20px;text-align:left;}



#articles .articles .insider .insider-inner{width:calc(100% + 12%);margin:0 -20px;padding:0 0;}
#articles .articles .insider .insider-inner ul li{width:100%;float:left;margin:20px 0 0 0;}
#articles .articles .insider .insider-inner ul li img{width: 50%;}
#articles .articles .insider .insider-inner ul li div{width: 50%;margin:0;min-height:0 !important;height:0 !important;padding:3.1%;padding-bottom:30.2%}
#articles .articles .insider .insider-inner ul li div h3{font-size:16px;margin:0;}
#articles .articles .insider .insider-inner ul li div p{display:none;}
 

#articles .back{width:100%;background: #efede9;background-image:none;position:relative;border:none;border-top:1px solid #cccccc;position:relative !important;box-sizing:border-box;top:auto;left:auto;padding:10px 34px 10px 30px;margin:0 15px 0 0;float:none;display:inline-block;text-align:center;font-family: 'Brandon Grotesque W01';color:#75726d; text-transform:uppercase;font-size:14px;}
#articles .back:before{content:"";width:19px;height:14px;background:url(../images/back-to.png) left top no-repeat;position:absolute;top:14px;margin-left:-30px;}


#articles .articles .detail .map-large iframe, #articles .articles .detail .map-large #map{width:100%;display:inline-block;margin:0 0 0 0;padding:0 0 0% 0;height:auto;position:absolute;height:100%;left:0;top:0;}



/*retailer new design*/

  /*inset section*/
section #content .inset-section{width:339px;margin: 30px auto;text-align: left;}
 section #content .inset-section p{font-size:18px;}
 section #content .small-div.right{margin:0px 0px 0 10px;  }
 section #content .small-div{margin:0px 10px 0 0px;}

section #content .small-div .img-caption{padding:12px 8px;font-size:16px;}
section #content .small-div img{max-width:150px;}
/*inset section end*/

/* popup ------------------------------------ */ 
section .close{width:15px;height:15px;background-size:100% auto;display:block;position:absolute;right:15px;top:15px;background-image:url(../images/icon-close.png);background-position:center center;background-repeat:no-repeat;z-index:999999;}
section #popup .popup-block{margin:0 0 0 0;padding:0 15px 20px;}
section #popup .content-inner{width: 100% !important;padding: 0 15px;}
section #popup .popup-block .text-block{width: 100% !important;margin: 30px 0 0 0;}
section #popup .popup-block .text-block h2{font-size:24px;margin: 0 0 22px 0;}
section #popup .popup-block .text-block h3{font-size:14px;padding:10px 0;margin: 0 0 0 0;}
section #popup .popup-block .text-block p{display:none;}
section #popup .popup-block .img-block{background-position: center center;background-repeat: no-repeat;background-size: 100% auto;height: 0;right: 0;position: relative;top: 0;width: 100%;padding-bottom:74%;background-image: url(../images/Image-container-popup.jpg);float:left;margin:20px 0 0 0;}
section #popup .popup-block .more {
cursor:pointer;margin-top:20px;height:30px;line-height:2.5;}


#articles .articles .detail .text-block .shaping-future-inner .sound-cloud{padding: 0 0;margin: 35px 0 0 0;}
#articles .articles .detail .text-block .shaping-future-inner{margin-top: 40px;}
}

@media only screen and (min-width:0) and (max-width:559px) {
    /*
#social-feed .social-post .text {padding:0 10px 0 10px;}
#social-feed .social-post .actions {
    padding:10px 10px 10px 10px;
    width: 100%;}
#social-feed .social-post, #social-feed .see-more {padding-bottom: 50%;
    width: 50%;}
#social-feed .social-post.tweet {
    background-size: 160px 160px;

}
#social-feed .social-post .icon {
    right: 10px;
    top: 10px;
}*/

#social-feed .see-more {padding-bottom: 50%;
    width: 50%;}
#social-feed .see-more a {
    font-size: 20px;
    margin-top: 37%;
    padding-right: 30px;
}#social-feed .see-more a span {
    font-size: 13px;
}
#retailer .retailer div.detail.gettinghere p .lc{display:none;}

 /*
#social-feed .social-post:nth-of-type(2n-2) { background-color: #ffffff; }
#social-feed .social-post:nth-of-type(4n-1), #social-feed .social-post:nth-of-type(4n-2) { background-color: #f2f0ec; } */
 .fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget span iframe[style] {
  min-width: 100% !important;
  width: 100% !important;
}

  /*200th-anniversary*/
.article.listing.mar-top {padding:35px 0 0 0;}
#content .content-inner .article.listing .intro-text{font-size:20px;margin: 0 auto 30px auto;}
#content .content-inner .header-img-mobile {margin:60px 0 0 0;}
#content .content-inner .article.listing .intro-text.tb-prg{font-size:18px;}

/*200th-anniversary*/





}

@media only screen and (min-width:0) and (max-width:480px){

#div-fashion .banner div{padding:15px;}
#div-fashion .banner div p{font-size:18px;}

#div-fashion .section .grid-item {width:100%;margin: 0 0 3px 0;}
#div-fashion .section .grid-item .grid-1 div{height:auto;padding:0 10px;background-image:url(../images/arrow-down-320.png);background-position:top 10px right 10px;}
#div-fashion .section .grid-item.active .grid-1 div{background-image:url(../images/arrow-up-320.png);}
#div-fashion .section .grid-item .grid-1 div span{background-image:url(../images/bgheading-320.png);height:40px;font-size:16px;padding:16px 10px;margin:-40px 0 0 -10px;}
#div-fashion .section .grid-item .grid-1 div span sup{font-size:11px;}
#div-fashion .section .grid-item .grid-1 div p{font-size:16px;padding-top:10px;}
#div-fashion .section .grid-item .grid-1 div h2{font-size:24px;padding-bottom:10px;}

#div-fashion .section .grid-item .grid-2{padding:0 10px 15px 10px;}
#div-fashion .section .grid-item .grid-2 .info-detail p{font-size:18px;padding-top:0;}
#div-fashion .section .grid-item .grid-2 .info-detail .btn-book{font-size:16px;padding:2px 6px 1px 6px;margin-top:17px;}
#div-fashion .section .grid-item .grid-2 .info-detail .location{font-size:18px;margin:16px 0 0 20px;}
#div-fashion .section .grid-item .grid-2 .info-map{float: right;width: auto;}
#div-fashion .section .grid-item .grid-2 .info-map div.map-small {display:none;}




footer div#copyright p{float:none;width:335px;padding:0 0 0 0;margin:0 auto;font-size:14px;text-align:center;}
footer div#copyright p.copyright{float:left;padding:15px 0 0 0;text-align:center;width:100%;font-size:14px;}
footer div#copyright p.term{float:left;padding:0 0 0 0;text-align:center;width:100%;}
footer div#copyright p.copyright{}
footer div#copyright p.copyright span{width:100%;float:right;padding:0 0 0 0;text-align:center;}

.newsletter-bar .bar-inner .trems p{ font-size:13px;}
.newsletter-bar .bar-inner .trems p span{ width:100%;   float:left;margin:10px 0 0 0;}
.newsletter-bar .bar-inner .trems p a{font-size:13px;}


/*retailer new design*/

#articles .articles.ret-detail{width:100%;float:none;text-align:center;margin:0 auto;}
#articles .articles .detail .first-block{width: 100%; padding:0 20px 52px 20px; display: block; margin-bottom:0;margin-top:0;text-align:center;}
#articles .articles .detail .person-block{width:100%;padding:0 0 0px 0;  margin: 60px auto;text-align:center;}
#articles .articles .detail .person-block img{width:155px;margin:0;display:inline-block;float:none;}
#articles .articles .detail .person-block .person-info{width:100%;padding:0 30px;}
#articles .articles .detail .person-block .person-info span{font-size:18px;}
#articles .articles .detail .person-block .person-info a{font-size:16px;}
#articles .articles .detail .person-block .person-info a:hover{ text-decoration:none;  }
#articles .articles .detail .description{width:calc(100% + 12%);margin:30px 20px 20px -20px; }
#articles .articles .detail .description .description-photo{width:100%;}
#articles .articles .detail .description .description-photo span{font-size:16px;margin:10px 0 10px 0;}
#articles .articles .large-img img{width:calc(100% + 12%) ;height:auto;margin:0 -20px}
#articles .articles .detail .map-large{width:100% !important;margin:0 0 0 0;padding:0 20px;}
#articles .articles .detail .map-large h2{font-size:22px;}

.retailer-time{position:relative;top:auto;right:auto;height:auto;text-align:center;background-color:transparent;float:left;width:100%;z-index:1;box-shadow:none;}
.retailer-time .retailer-time-inner{width:100%;position:relative;float:left;margin:0;padding:0;height:auto;box-shadow:none;font-size:0;}

.retailer-time .retailer-time-inner .open-time{position:relative; float:left;margin:0px 0 0 0; width:100%;height:auto;background-color:#1c1a1b;box-sizing:border-box;padding:10px 17px;}
.retailer-time .retailer-time-inner .open-time strong {font-size: 20px;text-align:left  ;}
.retailer-time .retailer-time-inner .open-time p.time {width:50%;font-size: 20px;text-align:left;float:left;}
.retailer-time .retailer-time-inner .open-time p.view-time {width: 50%;font-size: 12px;float:right;text-align:right;margin:20px 0 0 0;padding-right:25px;letter-spacing:1px;font-weight:500; font-style:normal;}
.retailer-time .retailer-time-inner img{width:270px;height:175px;margin:-360px 0 0 0;padding:0 0 0 0;display:inline-block;float:none;text-align:center;box-sizing:border-box;}



.retailer-time .retailer-time-inner .contact{padding:10px 17px 12px 17px;}
.retailer-time .retailer-time-inner .contact div{padding:5px 0 0 0;width:42.1%;text-align:left;}
.retailer-time .retailer-time-inner .contact div span{font-size: 12px;}
.retailer-time .retailer-time-inner .contact div a{font-size:20px;font-weight: 500;line-height: 1.34;}
.retailer-time .retailer-time-inner .contact a.web-mail{font-weight: 500;font-size: 20px;text-align:left;}

#articles .articles .insider .insider-inner{width:100% !important;margin:0 0 !important;padding:0 20px;}
#articles .articles .insider .insider-inner ul li{width:100%;float:left;margin:20px 0 0 0;}
#articles .articles .insider .insider-inner ul{width:100%;float:left;margin:0 0 0 0;  }
#articles .back{width:100%;background: #efede9;background-image:none;position:relative;border:none;border-top:1px solid #cccccc;position:relative !important;box-sizing:border-box;top:auto;left:auto;padding:10px 34px 10px 30px;margin:0 15px 0 0;float:none;display:inline-block;text-align:center;font-family: 'Brandon Grotesque W01';color:#75726d; text-transform:uppercase;font-size:14px;}
#articles .back:before{content:"";width:19px;height:14px;background:url(../images/back-to.png) left top no-repeat;position:absolute;top:14px;margin-left:-30px;}
#articles .articles .detail .map-large iframe, #articles .articles .detail .map-large #map{width:100%;display:inline-block;margin:0 0 0 0;padding:0 0 0% 0;height:auto;position:absolute;height:100%;left:0;top:0;}

#articles .articles.ret-detail .share ul{padding:0 20px;}
#articles .articles.ret-detail .share{margin:55px 0 0 0;padding:0;}

.retailer-time .retailer-time-inner .open-time strong {font-size: 16px;}
.retailer-time .retailer-time-inner .open-time p.time {width:48%;font-size: 16px;}
.retailer-time .retailer-time-inner .open-time p.view-time {width: 52%;font-size: 11px;margin:14px 0 0 0;padding-right:20px;}


/*retailer new design*/







}
@media only screen and (min-width:0) and (max-width:374px)
{

     /* contact ---------------------------------------- */
#contact-us {padding: 0 0 20px 0;margin-top:150px;}
#contact-us h3{font-size:28px;color:#000;padding:25px 15px 25px 15px;box-sizing:border-box;}
#contact-us h3 span{width: 100%;border-bottom:solid 1px #cbc8c3;padding-bottom:25px;position:relative;margin: 0 0 0 0;float:none;display:inline-block;}
#contact-us .contacts{width:320px;padding:25px 15px 25px 15px;box-sizing:border-box;}
#contact-us .contacts .inner{width: 100%;}
#contact-us .contacts .inner p{width: 100%;padding-bottom:20px;}
#contact-us .contacts .inner ul{width:100%;margin:0;padding:0;}
#contact-us .contacts .inner ul li a{width:100%;margin-bottom:20px;box-sizing:border-box;font-size:23px;padding:0    0 0 32px;}
#contact-us .contacts .inner ul li a.call{background:url(../images/icon-call-m.png) left top no-repeat;padding-top:0;height:24px;}
#contact-us .contacts .inner ul li a.email{background:url(../images/icon-email-m.png) left top no-repeat;padding-top:0;height:22px;}

#other-contacts {padding:20px 0 30px 0;}
#other-contacts h3{width: 100%;margin-bottom:0;}
#other-contacts h3 span{padding-bottom:20px;width:100%;display:inline-block;float:none;}
#other-contacts ul{width:100%;margin-top:35px;padding: 0 15px 0 15px;box-sizing:border-box;}
#other-contacts ul li{width: 100%;margin-right:0;border-bottom:solid 1px #cbc8c3;padding-bottom:20px;}
#other-contacts ul li:last-child{border-bottom:none;padding-bottom:0px;}

#other-contacts ul li h4{padding:30px 0 0 0;width:100%;float:none;margin: 0 auto;}
#other-contacts ul li p{padding:15px 0 25px 0;width:100%;float:none;margin: 0 auto;}

#other-contacts ul li a{float:none;width:auto;}
#other-contacts ul li a.call{background:url(../images/icon-call-small.png) left top no-repeat;padding-top:0;height:16px;}
#other-contacts ul li a.email{background:url(../images/icon-email-small.png) left top no-repeat;padding-top:0;height:20px;}
#other-contacts ul li a.website{background:url(../images/icon-website.png) left top no-repeat;padding-top:0;height:18px;}


#discover-rs {padding:25px 0 5px 0;}
#discover-rs h3, #discover-rs span.tophead{font-size:18px;}
#discover-rs span.tophead{font-size:14px;padding:10px 0 25px 0;}
#discover-rs ul{width: 320px;padding:0 15px 0 15px;}
#discover-rs ul li{width: 100%;padding:20px 0 20px 0;}
#discover-rs ul li img{width: 110px; height: 110px; float: left; margin-left: 0;  }
#discover-rs ul li h4{width: 100%; padding: 0 0 0 135px; float: none;}
#discover-rs ul li p{width: 100%; padding: 10px 0 0 135px; float: none; }
#discover-rs ul li a{float: none; margin: 20px auto 0;}
#discover-rs ul li span.icon {width: 125px; height: 145px; margin-left: 0;}

#privacy .page-404 .error-pages .error-page-inner .text-box p a{float: none; margin: 20px auto 0;}

section #content #features-list .feature.full .overlay-box span.caption{font-size:12px;}
section #content #features-list .feature.full .overlay-box h1{font-size:24px;}

#articles .articles span.caption{font-size:12px;}
#articles .articles h1{font-size:24px;}


/* Article ---------------------------------------- */

/* Article ---------------------------------------- */
#articles .articles{width:290px;}
#articles .articles .overlay-box .category{font-size:12px;}
#articles .articles .overlay-box h1{font-size:22px;}
#articles .articles #author span{font-size:14px;}

#articles.top .articles #author{margin:-40px 0 0 0;}
#articles.top .articles #date{margin:-60px 0 0 0;}


#articles .articles .detail .standfirst{width: 100%;font-size:20px;margin:0 0 30px 0;}

#articles .articles .detail .text-block { width: 100%; }
/*#articles .articles .detail .text-block h2,#articles .articles .detail h3{font-size:16px;}*/
#articles .articles .detail .text-block p{font-size:16px; }
#articles .articles .detail .text-block:first-of-type p:first-of-type:first-letter{ font-size: 51px;}
#articles .articles .detail .text-block.no-capitalize:first-of-type p:first-of-type:first-letter{ font-size: inherit !important; }
/*#articles .articles .detail .text-block p.capitalize:first-letter{ font-size:51px;}*/
#articles .articles .detail .text-block blockquote{font-size:18px;}
#articles .articles .detail .text-block blockquote p{font-size:18px;}
#articles .articles .detail .text-block blockquote p:first-of-type:first-letter{ font-size: 18px; }
#articles .articles .detail .text-block ul li, #articles .articles .detail .text-block ol li{font-size:16px;}


/* Competition ---------------------------------------- */
.form{width:320px;}
.form .form-inner{padding: 45px 15px 25px 15px; }
.form .form-inner div{width:100%;}
.form .form-inner div span{width:100%;margin:0 0 5px 0;font-size:16px;}
.form .form-inner div input[type="text"]{width:100%;height:30px;font-size:16px;}

.form .form-inner div.checkbox {
    width: 100%;
}.form .form-inner div.checkbox span {
    font-size: 16px;
    margin: -3px 0 0 10px;
}
.form .form-inner div.captcha{width:100%;}
.form .form-inner div.captcha span{width:100%;margin:0 0 5px 0px;font-size:16px;}
.form .form-inner div.captcha div{width:100% !important;}

.form .form-inner div.button {width:100%;text-align:center;}
  #articles .articles .detail .text-block ul, #articles .articles .detail .text-block ol {
    padding: 0 0 0 18px;
}

 #privacy .privacy{width:  100%; }

/*.img-block img{width:110.2%;margin:0 -15px 0 -15px;} */
.img-block img{width:100%;margin:0 0 0 0;}
.img-block img.lgs{width:50%;}
.img-block .caption{font-size:14px;width: 100%;float:left;}
.img-block .caption span{font-size:16px;}
.img-block .caption span.links{font-size:14px;}

/* Image block caption */
.img-block.outside .caption{width: 100%;float:left;}
/* Image block height */
.img-block .block .large {height:auto;}
.img-block .block .small {height:auto;}


.img-block iframe{height:214px;}


section .comments{min-height:50px;}
section .comments a{height:50px;}
section .comments span{width:140px;font-size:16px;}

section .share li { font-size: 14px; padding-right: 7px;}
section .share li:last-child {
    padding-top: 11px;
}
section .share li a.comment {
    background: rgba(0, 0, 0, 0) url("../images/icon-share-c-m.png") no-repeat scroll right center;
}

/* Related Article ---------------------------------------- */
.article ul li{width:100%;padding:15px 15px 15px 15px;}
.article ul li:nth-child(4n+4){padding:15px 15px 15px 15px;}
div.img-box{width: 85px !important;}
.article ul li img{width: 85px;float: left;}
.article ul li div{width:65.52%;padding:0 0 0 15px;}
.article ul li div h2,.article ul li div .category{font-size:13px;}
.article ul li div h3 {font-size:18px;}
.article ul li div p{font-size:14px;margin-top: 7px;}


.tags {width: 290px; padding-bottom:20px;}
.tags a{font-size:12px;}



/* Search Results ---------------------------------------- */
.search-result {padding: 0;width:320px;    min-height: initial;}
.search-result .search-result-inner h2 {
    margin: -21px 0 15px; }
.search-result .search-result-inner{margin:0 0 15px 0;}
.search-result .search-result-inner ul li{margin:0 0 15px 0;}
.search-result .search-result-inner ul li img{width: 85px;}
.search-result .search-result-inner ul li div{margin: 0 0 0 15px;width:54.52% /*65.52%*/;padding:0}
.search-result .search-result-inner ul li div span {margin-top:0; }
.search-result .search-result-inner ul li div h3 { font-size: 16px; }


/*#directory .directories {
    margin: 225px 0 0;
}*/
#directory .directories {
    margin: 135px 0 0;
}
#directory .breadcrumb li a, #directory .breadcrumb li h1 {
    font-size: 16px;
}
#directory .directories li img{ width:80px; padding:0 15px 0 0;}
#directory .directories li div{ width:180px;}
#directory .directories li div h2{font-size:14px;}
#directory .directories li div p{font-size:14px;margin:5px 0 0 0;}
#directory .directories li.first{
    padding: 10px 20px;}
#directory .directories li {
    font-size: 16px;
    padding:20px;
}#directory .directories li a{
    font-size: 16px;
    /*padding: 15px 20px;*/
    padding: 0px;
}
#directory .directories li a.icon {right: 35px;}
#directory .directories li a.icon.rso {top: 15px;}
#directory .directories li a.icon.rsa {top: 30px;}
#directory .directories li a.map { top: 50px; right: 42px;}
#directory.sticky .directories {
    margin: 225px 0 0;
}



#retailer .retailer div.detail{padding:15px 17px 15px 17px;}
/*#retailer .retailer div.detail{padding:15px 17px 15px 17px;}*/

#retailer .retailer div.detail.gettinghere{ padding:20px 17px 20px 17px;}
#retailer .retailer div.detail.gettinghere p{ padding:10px 0 0 0;font-size:15px;}
#retailer .retailer div.detail.gettinghere p .lc{display:none;}
#retailer .retailer div.detail h1{ font-size:18px;}
#retailer .retailer div.detail h2{font-size:16px;padding-bottom: 13px; }
#retailer .retailer div.detail p{font-size:16px;}
#retailer .retailer div.detail p.timevary{ font-size: 16px;}
#retailer .retailer div.detail div.address a{ font-size:14px;}
/*#retailer .retailer div.detail div.timing{margin:15px -17px 0 -17px;padding:15px 17px 0 17px;}*/
#retailer .retailer div.detail div.timing{margin:0 -17px 0 -17px;padding:0 17px 0 17px;}

#retailer .retailer div.detail div.timing p span{ font-size:16px;}
#retailer .retailer div.detail div.timing p b{margin: -19px 0 0 146px;}
#retailer .retailer div.detail div.timing p a.clock {
    height: 22px;
    right: 7px;
    width: 22px;
    background: rgba(0, 0, 0, 0) url("../images/icon-clock-m.jpg") no-repeat scroll left top;
    top: -7px;
}
#retailer #retailer-article ul li{padding:15px 17px 15px 17px;}
#retailer #retailer-article ul li:hover{background:#ffffff;}
#retailer #retailer-article ul li img{ width:85px;}
#retailer #retailer-article ul li div{width:65.52%;margin:0 0 0 15px;}
#retailer #retailer-article ul li div h2{font-size:16px;}
#retailer #retailer-article ul li div p{font-size:14px;margin-top:7px;}
#retailer .retailer div.detail .img {
    height: 49px;
    width: 75px;
}

.form .form-inner .form-question p span{width:265px;}

.form .form-inner div.captcha div{transform: scale(0.95); transform-origin: 0 0;}

#privacy .privacy{width: 250px;}


#privacy .privacy.page-404{width: 290px;}



.select-interest a.more{font-size:16px;padding:0 40px 0 40px;}



#articles .articles .overlay-box .inner.campaigns h1{font-size:36px;}
#articles .articles .overlay-box .inner.campaigns .campa{font-size:18px;}
footer #footer{width:290px;}
footer .link-left ul{padding:0 0 0 0;}

footer .link-right ul{padding:0 0 0 0;}
footer div#copyright p{width:290px;}
 #articles .articles .detail .submit .submit-inner .search input[type="text"]{  width:65%;height:33px; font-size: 12px; }

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


  footer .link-right ul {width: 100%;padding: 10px 0px 0 0px;}
  footer .link-right ul li a {padding: 0 0 0 0;margin: 0;height: 25px;width: 25px;background-position: center center;background-repeat: no-repeat;float: left;background-size: 25px 100%;}
  #secondary-nav .social-icons li {margin-left: 8px;}

  /*200th-anniversary*/
.article.listing.mar-top {padding:35px 15px 0 15px;}
#content .content-inner .article.listing .intro-text{width:100%;font-size:20px;margin: 0 0 30px 0;}
#content .content-inner .article.listing .intro-text.tb-prg{font-size:16px;}

/*200th-anniversary*/

  /*retailer new design*/

.socail-icons-verticle{top:10px;right:15px;}
.socail-icons-verticle .full-icon {width: 18px;background: url(../images/full-icon.png) center center no-repeat;background-size:100% auto;background-size: contain;height:16px;}
.socail-icons-verticle .full-icon.open {background: url(../images/cross-gray-icon.png) center center no-repeat;background-size:100% auto;}

.retailer-time .retailer-time-inner .open-time strong {font-size: 16px;}
.retailer-time .retailer-time-inner .open-time p.time {width:48%;font-size: 16px;text-align:left;float:left;}
.retailer-time .retailer-time-inner .open-time p.view-time {font-size: 11px;margin:15px 0 0 0;padding-right:20px;letter-spacing:initial;}
.retailer-time .retailer-time-inner .days div span{font-size:14px;}
.retailer-time .retailer-time-inner .days div span:last-child{font-size:14px;}
.retailer-time .retailer-time-inner .contact{padding:10px 17px 12px 17px;}
.retailer-time .retailer-time-inner .contact div{padding:5px 0 0 0;width:50%;text-align:left;}
.retailer-time .retailer-time-inner .contact div span{font-size: 12px;}
.retailer-time .retailer-time-inner .contact div a{font-size:16px;}
.retailer-time .retailer-time-inner .contact a.web-mail{font-weight: 500;font-size: 18px;text-align:left;margin-top:20px;}

#articles .back{font-size:14px;}

#articles .articles .detail .first-block{padding: 0 17px 40px 17px;}
#articles .articles .detail .first-block h1{font-size:18px;padding-top:20px;}
#articles .articles .detail .first-block p{font-size:16px;padding-top:15px;padding-bottom:20px;}

#articles .articles.ret-detail .share ul{padding:0 17px;}
#articles .articles.ret-detail .share{margin:40px 0 0 0; }
#articles .articles .detail .map-large{padding:0 17px;}

#articles .articles .insider .insider-inner{padding:0 17px;}
#articles .articles .insider .insider-inner ul li div h3{font-size:14px;margin:0;}
#articles .articles .insider .insider-inner ul li div p{display:none;}

#articles .articles .detail .person-block .person-info{width:100%;padding:0 17px;}

#articles .articles .detail .person-block .person-info h2{font-size:18px;padding-top:20px}
#articles .articles .detail .person-block .person-info p{font-size:16px;padding-bottom:18px;}
#articles .articles .detail .person-block .person-info span{font-size:18px;}
#articles .articles .detail .person-block .person-info a{font-size:16px;}
#articles .articles .detail .person-block .person-info a:hover{ text-decoration:none;  }
/*retailer new design*/




  /*inset section*/
section #content .inset-section{width:100%;margin: 17px auto;}
 section #content .inset-section p{font-size:16px;}
 section #content .small-div .img-caption{font-size:14px;}
/*inset section end*/

}
/*@media only screen and (min-width:320px) and (max-width:640px)

{

}
@media only screen and (min-width:320px) and (max-width:480px)
{


}*/


@media only screen and (min-width:0) and (max-width:1260px){

    .newsletter-bar .bar-inner {padding: 0 0 0 0px;}
.newsletter-bar .bar-inner p {font-size: 16px;margin: 0 20px 0 0;}
.newsletter-bar .bar-inner input[type="email"]{width: auto;font-size: 16px;margin: 0 14px 0 0;}
.newsletter-bar .bar-inner input[type="button"] {font-size: 12px;padding: 4px 15px;}



}

@media only screen and (min-width:0) and (max-width:740px){
    .fndmore.vdo-btn {/* bottom: -20px;left: 38%; */padding: 0 20px; font-size: 16px;letter-spacing: -0.63px;line-height: 30px;height: 30px;}

     .newsletter-bar{height:auto;padding-bottom:12px;box-sizing:border-box;padding-left:10px;padding-right:10px;}
 .newsletter-bar .bar-inner {padding: 0 0 0 0px;}
.newsletter-bar .bar-inner p {font-size: 16px;margin: 0 20px 10px 0;width:80%;}
.newsletter-bar .bar-inner input[type="email"]{width: auto;font-size: 16px;margin: 0 14px 0 0;}
.newsletter-bar .bar-inner input[type="button"] {font-size: 12px;padding: 4px 15px;}
.newsletter-bar .close {right: 10px;}
#cookies .close {right: 10px;}


/*inset section end*/

.popupv-block{width:86%}
.popupv-block-detail .icon-close {width: 36px;height: 36px;right: 20px;top: 20px;}
.pop-f {width:100%;height:auto;}
.pop-img{width:100%;height:200px;background-position: top center !important;}
.pop-f .popf-inner{padding:24px 22px 26px 22px;box-sizing:border-box; text-align: left;}
.pop-f .popf-inner h2{margin:0 0 16px 0;font-size:22px;line-height: 29px;}
.pop-f .popf-inner p {width:100%;color: #000000;font-size: 13px;line-height:19px;margin:0 0 15px 0;}
.pop-f .popf-inner p input[type="checkbox"]{margin-top:3px;margin-right:6px;float:left;clear:left;}
.pop-f .popf-inner input[type="email"] {width:100%;height: 46px;font-size:24px;line-height: 34px;margin:0 0 20px 0;}
.pop-f .popf-inner input[type="email"].error{border-bottom:1px solid red;}
.pop-f .popf-inner input[type="button"],.pop-f .popf-inner input[type="submit"]{width: 132px;font-size: 16px;line-height:23px;padding: 10px 25px;margin:0 0 16px 0;}
.pop-f .close{height: 36px;position: absolute;right: 10px;top: 8px;width: 36px;} 
.pop-f .popf-inner p label {width:92%;float:left}
.pop-f .popf-inner .tp-text p {
    font-size: 3vw;
    line-height: 1.3;
    /* letter-spacing: -0.18px; */
    margin-bottom: 3vw;
}

 
 

}

@media only screen and (min-width:0) and (max-width:970px){
    #cookies{height:auto;padding:10px; }
    #cookies p {font-size: 14px;width: 90%;text-align:left;}


}