@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;}
/* 
 * 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)
 */
riba
::-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;}

/* =============================================================================
   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;}



#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%;padding-bottom: 52.10%; 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;}

    */
.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; }


.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;}
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;background:#e8e5e0;height:auto;float:left;width:100%;padding:30px 0 0 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;}
    */

#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;}
#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:#f2f0ec;z-index:14;opacity:0.95;} 
#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 .bg, #social-feed .social-post.bgsocial .actions, #social-feed .social-post.bgsocial .time {display:none;} 
#social-feed .social-post.bgsocial:hover .text, #social-feed .social-post.bgsocial:hover .bg, #social-feed .social-post.bgsocial:hover .actions,#social-feed .social-post.bgsocial:hover .time {display:block;} 
#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 .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: 720px; margin: 30px auto; text-align:left; } 
#articles .articles .detail .text-block h2,#articles .articles .detail h3{width: 100%; padding: 0 55px; margin: 30px 0; display: block; font-family:'Brandon Grotesque W01'; font-weight: 600; font-style:normal; 
                                                                          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 a{color:#a09b92;}   
#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 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;}
   

#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 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%;}
/* 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;} 
.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.083%; padding-right: 0.333%;height: auto; position: relative; float: left; box-sizing: border-box;text-align:center;margin-top:25px;} 
.article ul li:nth-child(4n+1) { clear: left }
.article ul li:nth-of-type(4n) {width: 24.75%; padding-right: 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 0 0;}
.article ul li div 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;}
.article ul li:hover div h3, .article ul li:hover div .category{color:#a8a498;} 
.article ul li:hover .more{background:#ffffff;color:#000000;} 

.article .site-map-1{width:100%;float:left;text-align:center;}
.article .site-map-1 ul{width:auto;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%;}



.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;}

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;} 


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:14px 25px 14px 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;}  
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/facebook.png) center center no-repeat;}
section .share li a.twitter{background:url(../images/twtr.png) center center no-repeat;}
section .share li a.pinit{background:url(../images/pinlink.png) center center no-repeat;}
section .share li a.googlep{background:url(../images/google-plus.png) center center no-repeat;}
section .share li a.email{background:url(../images/letter.png) center center no-repeat;}
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 .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;} 
.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: 0;} 
#map-canvas-1 { width:100%; height:100%;width: 100vw; height: 100vh; opacity: 1; transition: opacity 0.5s; }
#map-canvas-2 { width: 100%; height: 100%; width: 100vw; height: 100vh;   opacity: 1; transition: opacity 0.5s; }

#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;}
#directory:before { content: ""; position: fixed; height: 100%; width: 510px; background-color: #f6f5f2;left: auto; }
#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:72%; 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;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 a.show-map{position:absolute;right:30px;top:25px;    font-family: 'Brandon Grotesque W01';
    font-weight: 500;
    font-style: normal;
    font-size: 18px;
    color: #000;background: url(../images/arrow-show-map.png) right center no-repeat;padding:0 10px 0 0;}

 
#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:#a09b92;}
#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{float:right;padding:0;margin:0;position:absolute;right:20px;color:#a09b92;}
#retailer .retailer div.detail div.timing p:hover b{color:#000;}

#retailer .retailer div.detail div.timing p span{ font-weight:500; font-size:18px;color:#a09b92;margin: 0 0 0 8px;}
#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; 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;}
#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 #social-feed .see-more {padding-bottom: 50%;width: 50%;}
#retailer #social-feed .see-more a{padding-right:40px;} 
 

/*
#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;
}
.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 .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:auto;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.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: auto; 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:-7px 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;}

#other-contacts {width: 100%; float: left; background: #fff;padding:30px 0 40px 0;}
#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 ul{width: 900px; margin:0 auto; padding: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;} 

/* cookies */
#cookies {width:100%;background:#201f1d;position:fixed;bottom:-90px;z-index:49;left:0; height:90px;padding:21px 30px 21px 260px; transition: bottom 0.25s;}  
#cookies.sticky {bottom:0;} 
#cookies p {color: #848078;font-size: 18px;margin:0;padding: 0;width: 700px; font-family:'Brandon Grotesque W01'; font-weight:500; font-style:normal;} 
#cookies p a {color: #fff; }   
#cookies .close{background-image: url(../images/icon-close-cookies.png); display: block;height: 24px;position: absolute;right: 30px;top: 35px;width: 25px;}
 

/* 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;  }

 



footer{float:left;width:100%;position:relative;-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:#000;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 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:#fff;text-transform:uppercase;font-family:'Brandon Grotesque W01'; font-weight:400; font-style:normal;
                          font-size:12.5px;text-decoration:none;box-sizing:border-box;}  
footer .link-left ul li a:hover{text-decoration:underline;} 
footer .link-left ul li a.ars{background:url(../images/icon-footer-ars-text.png) left top no-repeat;height:19px;padding:3px 0 0 29px;}
footer .link-left ul li a.htgh{background:url(../images/icon-footer-htgh-text.png) left top no-repeat;height:22px;padding:4px 0 0 29px;}
footer .link-left ul li a.cu{background:url(../images/icon-footer-cu-text.png) left top no-repeat;height:18px;padding:1px 0 0 29px;}
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{background:url(../images/icon-footer-sutnl-text.png) left top no-repeat;height:14px;margin-bottom:0;padding:0 0 0 33px;}

footer .link-right{width:156px;position:relative;float:right;margin:0 0 0 0;}  
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:24px;padding:0 0 0 0;height:24px;margin:15px 0 0 15px;opacity:0.8;background-position:center center; background-repeat:no-repeat; background-size:24px 100%;} 
footer .link-right ul li a.twitter{background-image:url(../images/icon-footer-twitter-large.png);}
footer .link-right ul li a.facebook{background-image:url(../images/icon-footer-facebook-large.png);}
footer .link-right ul li a.instagram{background-image:url(../images/icon-footer-instagram-large.png);}
footer .link-right ul li a.pinit{background-image:url(../images/icon-footer-pinit-large.png);}
footer .link-right ul li a.youtube{background-image:url(../images/icon-footer-youtube-large.png);}
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:#201f1d;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:#848078;}
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:#848078;}
footer div#copyright p a:hover{color:#fff;text-decoration:none;}



/*site map by v22222111*/







/*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: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;}*/
}
@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: 720px; } 
#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 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;} 
  */





  #articles .articles .detail .riba-selection ul li div span{ font-size: 16px;  }
}
@media only screen and (min-width:760px) and (max-width:1119px)
{ 
    /* 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;}



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;} 
 

/* 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: 720px; } 
#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 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.5%; padding-right: 0.5%;margin-top:20px;} 
.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 }
.article ul li:nth-child(4n+1) {
    clear: none;
}
.tags {width: 40%; float: none; margin:0 auto;} 
 

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

.article ul li:nth-child(3n+1) { clear: none }
.article ul li:nth-child(4n+1) {
    clear: none;
} 
.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;}





/* 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;  }
}
@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)
{ 
 /* 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;}
    #other-contacts ul li{width: 200px;margin-right:45px;}
    
    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%; 
} 


    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: 560px;font-size:20px;}  

#articles .articles .detail .text-block { width: 560px; } 
#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;}  
  

/* 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.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 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 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;}
#retailer .retailer div.detail div.timing a.icon{font-size:14px;padding-left:25px;} 
#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;}  
.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;  }



}
@media only screen and (min-width:760px) and (max-width:860px)
{ 
    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%;}

}
@media only screen and (min-width:0) and (max-width:759px)
{  
     /* 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 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-menu.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.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;}  
#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 }
.article ul li:nth-child(4n+1) { clear: none }
.article ul li:nth-of-type(4n) {
    padding-right: 0;
    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{font-size:18px;}
#articles .articles .detail .text-block p{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 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;}  


/* 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.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.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:12px;} 
section .share li a{width:23px;height:23px;float:left;}
section .share li a.facebook{background:url(../images/icon-share-f-m.png) center center no-repeat;}
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 20px 0 20px;width:375px;margin:0 auto;float:none;} 
.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 20px 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:none;}   
.gm-style-iw .infoWindow {display:none;}   
#crop {display:none;}

#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 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; }
#directory .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 div.address{ width:50%; } 
#retailer .retailer div.detail div.address a{ font-size:16px;}
#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 p{ padding:0 0 20px 0;position:absolute;top:15px;right:0;width:50%;}
#retailer .retailer div.detail div.timing p span{ font-weight:500; font-size:18px;color:#a09b92;width:100%;float:left;margin: 0 0 0 0;} 
 
#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;}
  
  
.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:205px;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;} 

footer{padding-left: 0;background:#000;padding:40px 0 0 0;} 
footer #footer{float:none;width:339px;padding:0 0 0 0;margin:0 auto;}
footer .link-left{width:100%;}  
footer .link-left ul{width:100%;border-bottom:solid 1px #3e3e3e;padding:0 20px 0 20px;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.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-right{width:100%;position:relative;float:right;margin:25px 0 25px 0;}  
footer .link-right span{width:100%;font-size:16px;text-align:center;padding:0 0 0 0;} 
footer .link-right ul{width:100%;padding:0 20px 0 20px;box-sizing:border-box;} 
footer .link-right ul li a{width:53px;padding:0 0 0 0;height:26px;margin-top:25px;} 
footer .link-right ul li:last-child a{width:25px;} 


footer div#copyright{padding:15px 0 15px 0;}
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:none;padding:15px 0 0 0;}
footer div#copyright p.term{float:none;padding:0 0 0 0;} 
footer div#copyright p.copyright span{width:100%;float:left;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;}


}
@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; } */




}
@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 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 .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 15px 0 15px;width:320px;} 
.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: 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; 
}#directory .directories li a{
    font-size: 16px; 
    padding: 15px 20px;
}
#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.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 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 p span{ font-size:16px;} 
  
#retailer #retailer-article ul li{padding:15px 17px 15px 17px;}  
#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;}  

#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; }

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

} */