#wrapper{ background:#fff;
padding:82px 0 0;
}
#header{
position:fixed;
width:100%;
background:#000;
color:#fff;
z-index:100;
left:0;
top:0;
}
.header-holder{
max-width:1200px;
padding:15px 0 14px;
margin:0 auto;
}
.header-holder:after{
content:"";
display:block;
clear:both;
}
.logo{
float:left;
width:103px;
height:31px;
background:url(//whatsonsaudiarabia.com/wp-content/themes/images/logo.png) no-repeat;
text-indent:-9999px;
overflow:hidden;
margin:0 18px 0 0;
}
.logo a{
display:block;
height:100%;
}
.search-form{
float:left;
margin:0;
}
.search-form .slide{
position:static !important;
width:245px;
height:31px;
float:left;
background:#464646;
}
.search-form .opener{
display:none;
}
.search-form .text{overflow:hidden;}
.search-form .text input{
float:left;
font-size:11px;
line-height:14px;
padding:8px 0 9px 11px;
height:31px;
color:#fff;
width:208px;
margin:0 0 0 1px;
background:none;
border:none;
letter-spacing:1px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.search-form input[type="submit"]{
background: url(//whatsonsaudiarabia.com/wp-content/themes/whatson-grow/images/sprite.png) no-repeat;
width:20px;
height:18px;
float:right;
margin:6px 10px 0 0;
padding:0;
border:none;
text-indent:-9999px;
overflow:hidden;
cursor:pointer;
}
#nav{float:right;}
#nav:after{
content:"";
display:block;
clear:both;
}
#nav .opener{display:none;}
#nav > ul{
position:static !important;
float:right;
margin:0;
padding:0;
line-height:32px;
}
body #nav > ul {left:0;
top:0 ;}
#nav > ul > li{
list-style:none;
position:relative;
float:left;
border-right:1px solid #333;
margin-left:15px;
padding-right:17px;
}
#nav > ul > li > a{
letter-spacing:1px;
text-transform:uppercase;
}
#nav li a{
text-decoration:none;
color:#fff;
display:block;
}
#nav > ul > li > a:after{
content:'';
display:inline-block;
vertical-align:middle;
margin:0 0 0 17px;
border-style:solid;
border-color:#464646 transparent transparent;
border-width:3px 4px 0;
}
#nav > ul > li.active a:after,
#nav > ul > li:hover a:after{border-top-color:#fff;}
#nav .drop{ position:absolute;
top:32px;
width:246px;
text-transform:uppercase;
right:0;
display:none;
letter-spacing:1px;
padding:14px 0 0;
}
#nav li:hover .drop{display:block;}
#nav .drop ul{
background:#3e3e3e;
border:none;
position:relative;
padding:6px 0 39px;
}
#nav .drop li{
list-style:none;
border:none;
}
#nav .drop a{
padding:6px 16px 7px;
display:block;
}
#nav .drop li:hover a{background:#575757;}
#nav .drop li:first-child{
border-top:1px solid #505050;
position:absolute;
left:0;
width:100%;
bottom:4px;
}
#main{
max-width:1200px;
padding:0 0 20px;
margin:0 auto;
}
.baner{
background: url(//whatsonsaudiarabia.com/wp-content/themes/whatson-grow/images/bg-visual.png) no-repeat;
margin:-1px 0 19px;
}
.baner img{
width:100%;
height:auto;
}
.page-heading{
overflow:hidden;
margin:0 0 8px;
}
.page-heading .sponsorship{
float:right;
width:310px;
overflow:hidden;
}
.page-heading .sponsorship img{
width:100%;
height:auto;
}
.page-heading h1{
float:left;
max-width:50%; color:#333333;
letter-spacing:-2px;
margin:0 0 10px;
}
.panel{ border:1px solid #d9d9d9;
margin:0 0 15px;
position:relative;
z-index:3;
}
.panel:after{
content:"";
display:block;
clear:both;
}
.panel a{
color:#333333;
text-decoration:none;
}
.related-latest-category{
overflow:hidden;
padding:3px 0 0;
margin:0 -2px 0 -16px; }
.related-latest-category li{
list-style:none;
float:left;
width:146px;
padding:0 0 5px 17px;
}
.related-latest-category img{
width:100%;
height:auto;
margin:0 0 13px;
}
.related-latest-category a{
display:block;
min-height: 30px;
color:#707070;
text-decoration:none;
}
.related-latest-category a:hover{	color:#333333;}
.main-img-holder{margin:0 0 19px;}
.main-img-holder img{
width:100%;
height:auto;
}
.breadcrumbs{
float:left;
color:#333333;
}
.breadcrumbs ul{
float:left;
margin:0;
padding:0;
}
.breadcrumbs li{
float:left;
min-height:29px;
list-style:none;
padding:0 27px 0 21px;
position:relative;
}
.breadcrumbs li:first-child{padding-left:21px;}
.breadcrumbs li:before{
content:'';
position:absolute;
right:4px;
top:-1px;
border-style:solid;
border-color:transparent #e5e5e5;
border-width:16px 0 16px 6px;
}
.breadcrumbs li:after{
content:'';
position:absolute;
right:5px;
top:-1px;
border-style:solid;
border-color:transparent #fff;
border-width:16px 0 16px 6px;
}
.breadcrumbs .cat-item{
border-right:1px solid #d9d9d9;
float:left;
padding: 0 7px 0 6px;
list-style-type: none;
}
.breadcrumbs .cat-item a {
padding:10px 14px;
}
.breadcrumbs .cat-item:after, .breadcrumbs .cat-item:before {
border-width:0;
}
.breadcrumbs a:hover{text-decoration:underline;}
.breadcrumbs .opener{display:none;}
.add-nav{
float:left;
}
.add-nav .opener{display:none;}
.add-nav > ul{
list-style:none;
margin:0;
padding:0;
float:left;
}
.add-nav > ul > li{
border-right:1px solid #d9d9d9;
float:left;
min-width: 40px;
text-align: center;
padding:0 14px;
list-style:none;
}
.add-nav > ul > li:hover{position:relative;}
.add-nav > ul > li > a:hover{text-decoration:underline;}
.add-nav .has-drop-down > a:after{
content:'';
display:inline-block;
vertical-align:middle;
margin:0 0 0 11px;
border-style:solid;
border-color:#464646 transparent transparent;
border-width:3px 4px 0;
}
.add-nav ul ul{
display:none;
background:#fff;
list-style:none;
margin:0;
padding:0;
position:absolute;
right:-1px;
top:29px;
width:244px;
border:1px solid #d9d9d9;
}
.add-nav li.hover ul{display:block;}
.add-nav ul ul li{
list-style:none;
border-top:1px solid #d9d9d9;
}
.add-nav ul ul  li:first-child{border:none;}
.add-nav ul ul a{
padding:1px 11px 2px;
display:block;
}
.add-nav ul ul a:hover{background:#ececec;}
.loginnav{
position:relative;
float:right;
z-index:100;
border-left:1px solid #d9d9d9;
margin:0;
padding:0;
}
.loginnav .opener{
padding:0 11px 0 8px;
display:block;
}
.loginnav .opener:after{
content:'';
display:inline-block;
vertical-align:middle;
margin:0 0 0 17px;
border-style:solid;
border-color:#464646 transparent transparent;
border-width:3px 4px 0;
}
.loginnav ul{
display:none;
background:#fff;
list-style:none;
margin:0;
padding:0;
position:absolute;
right:-1px;
top:29px;
width:244px;
border:1px solid #d9d9d9;
}
.loginnav .hover ul{display:block;}
.loginnav li{
list-style:none;
border-top:1px solid #d9d9d9;
}
.loginnav li:first-child{border:none;}
.loginnav ul a{
padding:1px 11px 2px;
display:block;
}
.loginnav ul a:hover{background:#ececec;}
.promo{
position:relative;
z-index:1;
overflow:hidden;
padding:4px 0 0;
margin:0 0 17px;
}
.promo .visual{
float:left;
position:relative;
}
.promo .visual .title a{
position:absolute;
left:15px;
bottom:18px;	text-decoration: none;
background: rgb(0, 0, 0);
background: rgba(0, 0, 0, 0.70); color:#fff;
padding:0 15px 1px;
}
.promo .text-block{
overflow:hidden;
}
.promo .text-block .block{
width:154px;
height:154px;
float:left;
position:relative;
}
.promo .text-block .block .blocklinko {
padding: 0;
margin:0;
height: auto;
width: 100%;
}
.blockidock {
height: auto;
width: 100%;
}
.promo .text-block .block img{
position:relative;
z-index:1;
}
.promo .text-block span{
width:100%;
height:100%;
background-color: rgba(0, 0, 0, 0.5);
left:0;
top:0;
position:absolute;
text-align:center;
z-index:2;
}
.promo .text-block a{
vertical-align:middle;
display:inline-block;
white-space:normal;
padding:0 10px 2px; color:#fff;
text-decoration:none;
}
.promo .text-block a:hover{text-decoration:underline;}
.promo .text-block span:after{
content:'';
display:inline-block;
height:100%;
width:1px;
overflow:hidden;
margin:0 0 0 -5px;
vertical-align:middle;
}
#twocolumns{
overflow:hidden;
}
#content{
float:left;
width:636px;
}
#content h1{
color:#333333;
letter-spacing:-1px; margin:0 0 10px;
}
.post{
color:#333;
font-size:1.251em;
line-height:1.769em;
padding:0 23px 15px;
}
.post em {
font-style:italic;
}
.post strong {
font-weight: bold;
}
#content .post h1{
font-size:2.615em;
line-height:1.206em;
color:#333333;
margin:0 0 15px;
}
.post h2{ color:#333333;
padding:0 0 13px;
margin:0 0 20px;
border-bottom:1px solid #ccc;
}
.post h3{ color:#333333;
margin:0 0 13px;
}
.post blockquote{ color:#333333;
width: 50%;
border-bottom: 1px solid #ccc;
border-top: 1px solid #ccc;
float: right;
padding: 10px 0 0 0;
margin: 10px 20px 10px 20px;
}
.post header{
border-bottom:1px solid #ccc;
padding:0 0 13px;
margin:0 0 20px;
}
.post .entry p{margin:0 0 4px;}
.post .entry p span{
float:left;
width:64px;
height:64px; color:#fff;
background:#000;
text-transform:uppercase;
margin:6px 10px 0 -3px;
padding:0;
border-radius:32px;
text-align:center;
}
.post ul{
list-style:none;
margin:0;
padding:15px 0 3px;
}
.post ul li{
list-style:none;
padding:0 0 14px 24px;
}
.post .sectiondescription_below li:before {
content:'';
background:none;
width:0;
height:0;
float:none;
margin:0;
}
.post ul li:before{
content:'';
width:6px;
height:6px;
float:left;
margin:8px 0 0 -24px;
}
.nav-article{ overflow:hidden;
border-style:solid;
border-color:#ccc;
border-width:1px 0;
padding:11px 0 16px;
letter-spacing:-1px;
word-spacing:2px;
margin:0 0 12px;
position:relative;
}
.nav-article a{
width:235px;
padding:0 32px 0 35px;
color:#535353;
text-decoration:none;
}
.nav-article a:hover{text-decoration:underline;}
.nav-article .prev-article{
position:relative;
float:left;
}
.nav-article .prev-article:after{
content:'';
background: url(//whatsonsaudiarabia.com/wp-content/themes/whatson-grow/images/sprite.png) no-repeat -63px -16px;
width:13px;
height:26px;
position:absolute;
left:1px;
top:50%;
margin:-11px 0 0;
}
.nav-article .next-article{
position:relative;
float:right;
text-align:right;
}
.nav-article .next-article:before{
content:'';
background: url(//whatsonsaudiarabia.com/wp-content/themes/whatson-grow/images/sprite.png) no-repeat -77px -16px;
width:13px;
height:26px;
position:absolute;
right:3px;
top:50%;
margin:-11px 0 0;
}
.with-aside{padding:6px 0 0;}
.with-aside #content{
float:right;
}
#content .main-info h1{
font-size:2.615em;
line-height:1em;
color:#000;
margin:0 0 5px;
}
.main-info{ overflow:hidden;
padding:0 0 9px;
border-bottom:1px solid #ccc;
}
.main-info .image-block{
float:right;
width:309px;
padding:5px 0 0;
margin:0 0 0 47px;
}
.main-info .image-block .item{
float:right;
width:147px;
}
.main-info .image-block .item:first-child{float:left;}
.main-info .image-block .item img{
width:100%;
height:auto;
}
.main-info .visual{
background: url(//whatsonsaudiarabia.com/wp-content/themes/whatson-grow/images/bg-visual.png);
min-height:88px;
float:right;
width:48%;
margin:1px 2px 0 50px;
}
.main-info .holder{
float:left;
width:90%;
}
.main-info .holder p {
margin: 10px 0 0 0;
}
.detail-info{
overflow:hidden;
border-bottom:1px solid #e1e1e1;
padding:17px 0 17px;
}
.detail-info .col{
float:left;
width:49%;
}
.detail-info .col:first-child{float:right;}
.detail-info .col-holder{padding:4px 0 0 3px;}
.detail-info .col img{
border-style:solid;
border-color:#fff;
border-width:1px 1px 0;
width:100%;
height:auto;
}
.detail-info .col .heading .date{
display:block;
color:#000; padding:11px 11px 10px;
margin:0 10px;
}
.detail-info .col .heading{
border-style:solid;
border-color:#d9d9d9;
border-width:0 1px 1px;
}
.detail-info .col .heading .rating{
overflow:hidden;
color:#6b6b6b;
padding:0 10px 0 0;
}
.detail-info .col .heading .rating .mark{
float:left;
width:65px;
background:#dcdcdc;
text-align:center;
color:#fff; margin:0 15px 0 0;
}
.detail-info .col .heading .rating strong{ color:#000;
padding:6px 0 0;
}
.detail-info  .col p {
}
.detail-info .col .heading .rating strong,
.detail-info .col .heading .rating span{
display:block;
overflow:hidden;
}
.info-list{
list-style:none;
margin:0 0 13px;
padding:0;
border-style:solid;
border-color:#e1e1e1;
border-width:0 1px 1px; 
}
.info-list li{
list-style:none;
padding:7px 25px 7px 80px;
border-top:1px solid #e1e1e1;
overflow:hidden;
}
.info-list li:before{
content:'';
background: url(//whatsonsaudiarabia.com/wp-content/themes/whatson-grow/images/sprite.png) no-repeat 0 -19px;
width:18px;
height:12px;
float:left;
margin:2px 0 0 -58px;
}
.info-list li.time:before{
background-position: 0 -33px;
height:15px;
}
.info-list li.phone:before{
background-position: 0 -50px;
height:15px;
}
.info-list li.phone a{
text-decoration:none;
color:#4d4d4d;
}
.info-list li.website:before{
background-position: 0 -67px;
height:12px;
}
.info-list address{
margin:0;
font-style:normal;
}
.btn-by-tickets{
display:block;
background:#390;
color:#fff;
padding:0 5px; text-transform:uppercase;
text-decoration:none;
text-align:center;
border-bottom:1px solid #060;
}
.detail-info .col li:first-child{border:none;}
.detail-info .holder{
float:left;
width:48%;
}
.features .title{
display:block;
color:#707070; letter-spacing:1px;
border-bottom:1px solid #e5e5e5;
padding:0 0 11px;
margin:0 0 13px;
}
.keyword-list{
list-style:none;
padding:0;
overflow:hidden;
line-height:24px;
margin:0 0 0 -17px;
}
.keyword-list li{
float:left;
list-style:none;
width:45%;
margin:0 0 7px 5%;
}
.keyword-list a{
display:block;
text-decoration:none;
background:#f3f3f3;
color:#5d5d5d;
padding:0 9px;
}
.keyword-list a:hover{
background:#131313;
color:#fff;
}
.social-block{
margin:0 0 14px;
border-left:1px solid #d9d9d9;
border-right:1px solid #d9d9d9;
}
.social-block .row{
overflow:hidden;
position:relative;
border-bottom:1px solid #d9d9d9;
}
.social-block .row:after{
content:'';
background:#d9d9d9;
width:1px;
height:100%;
position:absolute;
top:0;
left:50%;
}
.social-block .row > div{
width:49%;
float:right;
padding:9px 0 8px;
}
.social-block .row > div:first-child{float:left;}
.social-block .title{
float:left; margin:-2px 12px 0;
}
.social-networks{
list-style:none;
margin:0 12px 0 0;
padding:0;
float:right;
}
.social-networks li{
list-style:none;
float:left;
margin:0 0 0 10px;
}
.social-networks a{
background: url(//whatsonsaudiarabia.com/wp-content/themes/whatson-grow/images/sprite.png) no-repeat 0 -85px;
display:block;
height:15px;
width:15px;
text-indent:-9999px;
overflow:hidden;
}
.social-networks a.facebook{background-position:-17px -85px;}
.social-networks a.tweet{
background-position:-34px -85px;
width:14px;
}
.social-networks a.pinterest{
background-position:-50px -85px;
width:16px;
}
.social-networks a.twitter{
background-position:-68px -85px;
width:16px;
}
.social-block .holder{min-height:87px;}
.map-holder{
overflow:hidden;
position:relative;
margin:0 0 12px;
}
.map-holder img{
width:100%;
height:auto;
}
.map-holder .btn-find{
position:absolute;
background:#333333; color:#fff;
padding:0 26px 0 8px;
left:10px;
bottom:13px;
text-decoration:none;
width:125px;
}
.map-holder .btn-find:after{
content:'';
background: url(//whatsonsaudiarabia.com/wp-content/themes/whatson-grow/images/sprite.png) no-repeat -66px -105px;
width:12px;
height:7px;
position:absolute;
top:10px;
right:10px;
}
.map-holder .marker{
position:absolute;
background: url(//whatsonsaudiarabia.com/wp-content/themes/whatson-grow/images/sprite.png) no-repeat -22px -9px;
width:39px;
height:46px;
left:72%;
top:23%;
text-indent:-9999px;
overflow:hidden;
}
.related{margin:0 0 4px;}
.related h2, .medium-article-list h2{ letter-spacing:1px;
margin:0 0 8px;
}
.related .col-holder{
overflow:hidden;
}
.related .col{
width:49%;
float:right;
border-top:1px solid #e5e5e5;
padding:16px 0 0;
}
.related .col:first-child{float:left;}
.related article{
color:#707070;
margin:0 2px 0 0;
}
.related article img{
width:100%;
height:auto;
vertical-align:top;
}
.related article .title{
display:block;
font:1.909em/1.190em Helvetica, Arial, sans-serif;
color:#333333;
margin:0 0 7px;
}
.related article .holder{
border-style:solid;
border-color:#e5e5e5;
border-width:0 1px 1px;
padding:9px 17px 29px;
line-height:1.273em;
}
.related article p a{color:#707070;}
.comment-form{
color:#666;
overflow:hidden;
background:#f3f3f3;
padding:15px 17px 19px 15px;
margin:0 0 14px;
}
.comment-form .holder{
background:#fff;
padding:15px;
margin:0 0 16px;
}
.comment-form .row{
overflow:hidden;
padding:14px 0 15px;
border-top:1px solid #d9d9d9;
}
.comment-form .row:first-child{
padding-top:3px;
border:none;
}
.comment-form .row label,
.comment-form .row strong{
font:11px Helvetica, Arial, sans-serif;
text-transform:uppercase;
color:#000;
float:left;
width:200px;
margin:0 10px 0 0;
}
.comment-form .row a{
text-decoration:none;
color:#666;
}
.comment-form .row a:hover{text-decoration:underline;}
.yes-no{
color:#000;
font:11px Helvetica, Arial, sans-serif;
text-transform:uppercase;
}
.comment-form textarea.big{
margin:-4px 0 -1px;
height:149px;
}
.comment-form textarea{
border:none;
margin:0;
padding:0;
width:100% !important;
font:11px/16px Helvetica, Arial, sans-serif;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
overflow:auto;
height:87px;
color:#383838;
}
.gform_wrapper .top_label textarea.textarea {
border:0;
width:100%;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
.comment-form .star-rating{
list-style:none;
margin:0;
padding:0;
overflow:hidden;
}
.comment-form .star-rating li{
float:left;
list-style:none;
margin:0 0 0 1px;
}
.comment-form .star-rating a{
background: url(//whatsonsaudiarabia.com/wp-content/themes/whatson-grow/images/sprite.png) no-repeat -42px -57px;
display:block;
text-indent:-9999px;
overflow:hidden;
width:21px;
height:19px;
}
.comment-form .star-rating .active a{background-position:-21px -57px;}
.gform_button,
.comment-form input[type="submit"]{
float:right;
background:#333;
margin:0;
padding:0 10px;
height:32px;
text-transform:uppercase;
color:#fff;
border:none;
min-width:210px;
font:13px/32px Helvetica, Arial, sans-serif;
cursor:pointer;
}
.gform_button {float:left;}
.gform_wrapper .gform_footer {overflow:hidden;}
.comments{
overflow:hidden;
}
.comments article{
overflow:hidden;
font-family:Georgia, "Times New Roman", Times, serif;
margin:0 0 20px;
}
.comments article article{
padding:23px 0 0 11px;
margin:0;
} 
.comments .visual{
float:left;
overflow:hidden;
border-radius:32px 32px 32px 32px; 
margin:0 6px 0 1px;
}
.comments article .holder{
overflow:hidden;
position:relative;
padding:1px 0 0;
}
.comments article .holder > div{
margin:0 0 0 10px;
border:1px solid #d9d9d9;
padding:13px 17px 15px 20px;
}
.comments article .holder > div:before{
content:'';
background: url(//whatsonsaudiarabia.com/wp-content/themes/whatson-grow/images/sprite.png) no-repeat -63px 0;
width:11px;
height:14px;
position:absolute;
left:0;
top:1px;
}
.comments article .author{
display:block;
font:1.182em/1.231em 'Quicksand', sans-serif;
margin:0 0 7px;
}
.comments article .author a{
text-decoration:none;
color:#000;
}
.comments article .author a:hover{text-decoration:underline;}
.comments article p{margin:0 0 15px;}
.comments article .link{
width:258px;
font:13px/28px Helvetica, Arial, sans-serif;
display:inline-block;
vertical-align:top;
background:#f3f3f3;
color:#505050;
text-decoration:none;
padding:0 37px 3px 13px;
position:relative;
margin:-3px 0 17px;
}
.comments article .link:hover{text-decoration:underline;}
.comments article .link:after{
content:'';
background: url(//whatsonsaudiarabia.com/wp-content/themes/whatson-grow/images/sprite.png) no-repeat -46px 0;
width:11px;
height:7px;
position:absolute;
right:19px;
top:50%;
margin:-4px 0 0;
}
.comment-panel{
list-style:none;
margin:0;
padding:0 0 0 5px;
overflow:hidden;
font: 11px/17px Arial, Helvetica, sans-serif;
}
.comment-panel li{
list-style:none;
float:left;
margin:0 10px 0 0;
}
.comment-panel a{
display:block;
color:#969696;
text-decoration:none;
}
.comment-panel a:hover{text-decoration:underline;}
.comment-panel a:before{
content:'';
display:inline-block;
vertical-align:top;
width:15px;
height:15px;
background: url(//whatsonsaudiarabia.com/wp-content/themes/whatson-grow/images/sprite.png) no-repeat 0 -101px; 
margin:2px 8px 0 0;
}
.comment-panel a.replay:before{background-position:-17px -101px;}
.comment-panel a.like:before{background-position:-34px -101px;}
.comments .rating{
overflow:hidden;
width:309px;
border-style:solid;
border-color:#e5e5e5;
border-width:1px 0;
font:11px/19px Arial, Helvetica, sans-serif;
color:#868686;
padding:10px 0 8px;
margin:0 0 16px;
}
.comments .star-rating{
float:left;
list-style:none;
margin:0 11px 0 3px;
padding:0;
overflow:hidden;
}
.comments .star-rating li{
float:left;
list-style:none;
margin:0 1px 0 0;
}
.comments .star-rating a{
background: url(//whatsonsaudiarabia.com/wp-content/themes/whatson-grow/images/sprite.png) no-repeat -66px -61px;
display:block;
width:15px;
height:15px;
text-indent:-9999px;
overflow:hidden;
}
.comments .star-rating .active a{background-position:-81px -61px;} 
.article{margin:0 0 7px;}
#content .article h1{
color:#333333;
line-height:39px;
margin:0 0 9px;
}
.article img{
}
.article .holder{
margin-top:-1px;
padding:19px 20px 18px;
border:1px solid #d9d9d9;
}
.article .holder p a{color:#4d4d4d;}
.article-list{color:#5b5b5b;}
.article-list article{
overflow:hidden;
border-bottom:1px solid #d9d9d9;
padding:13px 0 16px;
line-height:1.545em;
}
.article-list article > a{float:left;}
.article-list article .holder{
overflow:hidden;
}
.article-list article p{margin:0;}
.article-list article img{
float:left;
margin:2px 16px 0 0;
}
.article-list article h2{
color:#333333;
font:1.909em/1.190em 'Quicksand', sans-serif;
margin:0 0 10px;
}
.article-list article h2 a{
text-decoration:none;
color:#333333;
}
.article-list article h2 a:hover{text-decoration:underline;}
.article-list article p a{color:#5b5b5b;}
.small-article-list{
overflow:hidden;
padding:17px 0 0;
margin:0 0 0 -17px;
font:1.182em/1.231em Helvetica, Arial sans-serif;
border-bottom:1px solid #d9d9d9;
}
.small-article-list li{
list-style:none;
float:left;
width:25%;
padding:0 0 6px;
}
.small-article-list img{
width:100%;
height:auto;
margin:0 0 9px;
}
.small-article-list a{
display:block;
color:#000;
text-decoration:none;
margin:0 0 0 17px;
}
.small-article-list a:hover{text-decoration:underline;}
.medium-article-list{
overflow:hidden;
padding:16px 0 0;
color:#707070;
}
.medium-article-list .container{
margin:0 0 0 -17px;
overflow:hidden;
}
.medium-article-list article{
float:left;
width:50%;
line-height:1.273em;
padding:0 0 15px;
}
.medium-article-list article > div{
margin:0 0 0 17px;
border:1px solid #d9d9d9;
}
.medium-article-list article .visual{
margin:-1px -1px 0;
}
.medium-article-list article img{
width:100%;
height:auto;
}
.medium-article-list article .holder{
padding:11px 15px 6px;
}
.medium-article-list article h3{
color:#787878;
width: 100%;
font:0.9em/0.9em Arial, Helvetica, sans-serif;
margin:7px 0 7px 0;
text-transform:uppercase;
font-weight: normal;
}
.medium-article-list article h3 a{
text-decoration:none;
color:#333333;
}
.medium-article-list article h2{
font:1.909em/1.143em 'Quicksand', sans-serif;
margin:0 0 7px;
}	
.medium-article-list article h2 a{
color:#333333;
text-decoration:none;
}
.medium-article-list article:hover {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
filter: alpha(opacity=95);
-moz-opacity: 0.95;
-khtml-opacity: 0.95;
opacity: 0.95;
}
.medium-article-list article p a{color:#707070;}
.medium-article-list .brought{
overflow:hidden;
padding:0 0 10px;
margin:-2px 0 0;
}
.medium-article-list article .snippettxt{ 
text-decoration: none;
color: #707070;
}
.medium-article-list article .snippettxt .redad { 
padding-bottom: 10px;
text-align: right;
width: 100%;
text-decoration: underline;
color:#0071BA;
display:inline-block;
}
.medium-article-list .brought span{
float:left;
color:#494949;
width:90px;
margin:0 9px 0 0;
}
.medium-article-list .brought .field{
background: url(//whatsonsaudiarabia.com/wp-content/themes/whatson-grow/images/bg-visual.png);
overflow:hidden;
min-height:26px;
margin:4px 0 0;
}
.search-results{
padding:5px 0 0;
}
.search-results .entry{
font-size:1.182em;
line-height:1.538em;
color:#7d7d7d;
margin:0 0 22px;
}
.search-results .entry p{margin:0;}
.tabset{
border-bottom:1px solid #d9d9d9;
font:13px/16px Helvetica, Arial, sans-serif;
list-style:none;
margin:0 0 3px;
padding:0 0 3px;
}
.tabset:after{
content:"";
display:block;
clear:both;
}
.tabset>li{
width:147px;
list-style:none;
float:left;
margin:0 0 -4px 16px;
padding:1px 0 0;
position:relative;
}
.tabset li:hover .drop {display:block;}
.tabset .drop {
display:none;
position:absolute;
top:28px;
right:0;
width:244px;
background:#fff;
border:1px solid #dadada;
z-index:10;
}
.tabset .drop li:first-child {
padding:8px 12px 9px;
border:0;
}
.tabset .drop li {
padding:8px 12px 9px;
border-top:1px solid #dadada;
width:220px;
list-style:none;
}
.tabset .drop a {
border:0;
display:inline;
padding:0;
}
.tabset li:first-child{margin-left:0;}
.tabset a{
overflow:hidden;
display:block;
border-style:solid;
border-color:#d9d9d9;
border-width:1px 1px 0;
padding:5px 10px 6px;
margin:0 0 -1px;
color:#333333;
position:relative;
text-decoration:none;
}
.tabset a span{
font-size:10px;
float:right;
font-family: Arial, Helvetica, sans-serif;
color:#393939;
}
.tabset .active a{
background:#fff;
border-bottom:1px solid #fff;
margin:-1px 0 0;
padding-top:6px;
}
.tabset a.order:before{
float:right;
border-color: #b2b2b2 transparent transparent;
border-style: solid;
border-width: 3px 4px 0;
content: '';
margin:7px -1px 0 5px;
}
.tabset .emptyswap a, .tabset .emptyswap a span  {color:#d9d9d9;}
.tabset a em{font-style:normal;}
.results-list{
list-style:none;
margin:0;
padding:0 0 0;
}
.results-list > li{
list-style:none;
border:1px solid #d9d9d9;
padding:0;
margin:0 0 16px; 
}
.results-list > li:after{
content:"";
display:block;
clear:both;
}
.results-list img{
float:left;
margin:-1px 0;
}
.results-list .parameters{
float:right;
width:161px;
line-height:21px;
padding:0;
margin:0 0 -1px -1px;
position:relative;
}
.results-list .parameters:after {
content:'';
position:absolute;
top:0;
bottom:0;
left:1px;
width:1px;
background:#d9d9d9;
}
.results-list .parameters li{
list-style:none;
border-top:1px solid #d9d9d9;
overflow:hidden;
padding:7px 8px 9px;
margin:0 0 0 1px;
}
.results-list .parameters li:first-child{border:none;}
.results-list .parameters .outstanding span{
float:left;
width:26px;
height:21px;
line-height:21px;
background:#a8a8a8;
color:#fff;
text-align:center;
font-weight:bold;
font-size:14px;
margin:0 10px 0 0;
}
.results-list li  a {
text-decoration: none;
color:#707478;
}
.results-list li .blackhattag {
width: 130px;
height: 17px;
text-indent: -9999px;
background: url(//whatsonsaudiarabia.com/hub/wp-content/themes/whatson/../images/img5.png) no-repeat 0 0;
}
.results-list .not .parameters .outstanding span{background:#424242;}
.results-list .average .parameters .outstanding span{background:#626262;}
.results-list .fine .parameters .outstanding span{background:#9fd300;}
.results-list .good .parameters .outstanding span{background:#4e8000;}
.results-list .great .parameters .outstanding span{background:#005608;}
.results-list .parameters .satwa,
.results-list .parameters .range{
padding-left:45px;
}
.results-list .parameters .satwa:before,
.results-list .parameters .range:before{
content:'';
background: url(//whatsonsaudiarabia.com/wp-content/themes/whatson-grow/images/sprite.png) no-repeat 0 -19px;
float:left;
width:18px;
height:12px;
margin:4px 15px 0 -32px;
}
.results-list .parameters .range:before{
height:15px;
background-position:0 -33px;
}
.results-list .holder{
overflow:hidden;
padding:9px 17px;
font-size:1.182em;
position:relative;
}
.results-list .title{
display:block;
letter-spacing:-1px;
font:1.615em/27px 'Quicksand', sans-serif;
margin:0 0 7px -2px;
}
.results-list .eventtitle{
display:block;
letter-spacing:-1px;
font:1.215em/17px 'Quicksand', sans-serif;
margin:0 0 7px -2px;
}
.results-list .title a{
text-decoration:none;
color:#333333;
}
.results-list .title a:hover{text-decoration:underline;}
.results-list .holder span{
display:block;
margin:0 0 11px;
}
.results-list .holder .field{
background: url(//whatsonsaudiarabia.com/wp-content/themes/whatson-grow/images/bg-visual.png);
width:146px;
height:23px;
}
.results-list .holder .rating{
overflow:hidden;
padding:4px 0 0 3px;
}
.btn-more-wide{
display:block;
background:#e5e5e5;
color:#383838;
text-decoration:none;
text-align:center;
font:1em/30px 'Quicksand', sans-serif;
text-transform:uppercase;
letter-spacing:1px;
}
.btn-more-wide:after{
background: url(//whatsonsaudiarabia.com/wp-content/themes/whatson-grow/images/sprite.png) no-repeat -46px 0;
content: '';
height: 7px;
display:inline-block;
vertical-align:middle;
margin:-3px 0 0 10px;
width: 11px;
}
.news{
overflow:hidden;
padding:16px 0 15px;
margin:0 0 0 -17px;
}
.news .block{
float:right;
width:50%;
}
.news .block:first-child{
float:left;
}
.news .block .holder{
position:relative;
border:1px solid #e5e5e5;
padding:12px 15px 46px;
margin:0 0 0 17px;
overflow:hidden;
}
.news h2{
font:1.909em/1.286em 'Quicksand', sans-serif;
color:#333333;
margin:0 0 15px;
}
.news ol{
margin:0 0 9px;
padding:0;
line-height:1.273em;
overflow:hidden;
counter-reset:item;
}
.news ul li,
.news ol li {
list-style:none;
padding:0 0 15px 19px;
}
.news ol li:before{
float:left;
width:20px;
margin:0 0 0 -19px;
color:#707070;
content:counters(item, ".") " ";
counter-increment:item;
}
.news ul li:before{
content:'';
background: url(//whatsonsaudiarabia.com/wp-content/themes/whatson-grow/images/sprite.png) no-repeat -95px 0;
width:5px;
height:7px;
float:left;
margin:2px 0 0 -20px;
}
.news ul a,
.news ol a{
color:#454545;
text-decoration:none;
}
.news ul a:hover,
.news ol a:hover{text-decoration:underline;}
.news ul{
list-style:none;
margin:0 0 10px;
padding:0;
line-height:1.273em;
}
.news .view-all{	
background:#e5e5e5;
color:#383838;
text-transform:uppercase;
font:11px/19px 'Quicksand', sans-serif;
padding:7px 14px;
text-decoration:none;
overflow:hidden;
position:absolute;
left:13px;
right:14px;
bottom:15px;
letter-spacing:1px;
}
.news .view-all:before{
background: url(//whatsonsaudiarabia.com/wp-content/themes/whatson-grow/images/sprite.png) no-repeat -46px 0;
content: '';
height: 7px;
float:right;
margin:6px 0 0 10px;
width: 11px;
}
.sectiondescription{
background:#f4f4f4;
overflow:hidden;
padding:19px 22px;
line-height:1.818em;
margin:10px 0 5px;
}
#content .sectiondescription h1{
font-size:1.909em;
line-height:1.286em;
margin:0 0 12px;
}
.sectiondescription p a{text-decoration:none;}
.sectiondescription p a:hover{text-decoration:underline;}
#sidebar{
float:right;
width:310px;
padding:2px 0 0;
}
#sidebar h2{
font:1em/1.455em Helvetica, Arial, sans-serif;
color:#707070;;
letter-spacing:1px;
margin:0 0 16px;
}
#sidebar h2 a{
text-decoration:none;
color:#707070;
}
#sidebar h2 a:hover{text-decoration:underline;}
#sidebar p{margin:0 0 5px 0; letter-spacing: -0.05em;}
.extended-serch-form{
background:#f3f3f3;
padding:19px 21px 3px 19px;
border-style:solid;
border-color:#e5e5e5;
border-width:0 0 1px;
margin:0 0 13px;
}
.extended-serch-form .row{
padding:0 0 17px;
position:relative;
}
.extended-serch-form .row:after{
content:"";
display:block;
clear:both;
}
input[type="text"],
.extended-serch-form input[type="search"],
.extended-serch-form input.text{
width:100%;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
font:11px/16px Helvetica, Arial, sans-serif;
text-transform:uppercase;
color:#383838;
height:33px;
padding:8px 0 8px 12px;
letter-spacing:1px;
border-style:solid;
border-color:#e5e5e5;
border-width:0 0 1px;
}
.medium {width:100% !important;}
#gform_fields_1 .ginput_complex .ginput_right input[type="text"],
#gform_fields_1 .ginput_complex .ginput_full input[type="text"] {
width:100% !important;
}
.extended-serch-form select{width:100% !important;}
.extended-serch-form .select-area{
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.extended-serch-form input[type="submit"]{
float:left;
width:100%;
background:#333;
height:34px;
font:13px/16px Helvetica, Arial, sans-serif;
padding:0;
margin:1px 0 0;
text-transform:uppercase;
color:#fff;
border-style:solid;
border-color:#000;
border-width:0 0 1px;
cursor:pointer;
letter-spacing:1px;
}
.filter-results{margin:0 0 18px;}
.filter-results h2{
border-bottom:1px solid #e5e5e5;
padding:0 0 10px;
}
.filter-results ul{
list-style:none;
margin:0 -17px 0 0;
padding:0;
overflow:hidden;
}
.filter-results li{
width:45%;
float:left;
list-style:none;
margin:4px 5% 4px 0;
}
.filter-results.dark li{background:#e5e5e5;}
.filter-results a{
display:inline-block;
vertical-align:top;
width:100%;
background:#f3f3f3;
margin: 0 5px 0 0;
padding:3px 0 3px 9px;
color:#5d5d5d;
text-decoration:none;
}
.filter-results a:hover{color:#ffffff; background-color: #222222;}
.filter-results .amount{
float:right;
font-size:10px;
color:#7e7e7e;
margin:0 9px 0 0;
}
.advertisment{margin:0 0 12px; padding-bottom: 12px; padding-top: 7px;	border-bottom: 1px solid #e5e5e5; }
#sidebar .advertisment h2{margin: 0 0 7px;}
.advertisment .title{
display:block;
color: #bbbbbb;
font: 10px/16px Helvetica, Arial,sans-serif;
letter-spacing: 1px;
margin: 0 0 16px;
text-transform: uppercase;
}
.advertisment .visual{
margin:0 8px 0 2px;
}
.advertisment img{ height:auto;
vertical-align:top;
}
.sections{margin:0 0 12px;}
.sections h2{
border-bottom: 1px solid #e5e5e5;
padding: 0 0 10px;
}
.sections ul{
overflow:hidden;
list-style:none;
margin:-3px -16px 0 0;
padding:0;
text-transform:uppercase;
font:11px/16px 'Quicksand', sans-serif;
}
.sections li{
float:left;
list-style:none;
width:45%;
margin:0 5% 7px 0;
}
.sections a{
position:relative;
color:#383838;
display:block;
background:#f5f5f5;
text-decoration:none;
padding:7px 25px 7px 10px;
}
.sections a:after{
content:'';
background: url(//whatsonsaudiarabia.com/wp-content/themes/whatson-grow/images/sprite.png) no-repeat -46px 0;
width:11px;
height:7px;
position:absolute;
right:8px;
top:10px;
}
.upcoming-events{margin:0;}
.upcoming-events h2{
border-bottom:1px solid #e5e5e5;
padding:0 0 10px;
}
.events-list{
margin:0;
padding:0;
}
.related .events-list{margin:0 0 0 3px;}
.events-list li{
list-style:none;
border:1px solid #d9d9d9;
margin:0 0 15px;
}
.events-list li a {
text-decoration:none;
color:#4d4d4d;
}
.events-list li a:hover {text-decoration:underline;}
.events-list li:after{
content:"";
display:block;
clear:both;
}
.events-list img{
float:left;
border-style:solid;
border-color:#fff;
border-width:1px 0 1px 1px;
margin:-1px;
}
.events-list .holder{
padding:8px 5px 5px 16px;
overflow:hidden;
}
.events-list .title{
display:block;
font:1.182em/1.231em  Arial, Helvetica, sans-serif;
color:#333333;
margin:0 0 2px;
}
.events-list .title a{
color:#333333;
text-decoration:none;
}
.events-list .title a:hover{text-decoration:underline;}
#content .events-list p{margin:0 0 5px;}
.events-list p{margin:0 0 5px; line-height:14px;}
.events-list .rate{line-height:14px;}
.events-list .rate span{display:block;}
.events-list .rate span span{
display:inline-block;
vertical-align:top;
background:#00a499;
color:#fff;
width:22px;
text-align:center;
margin:0 6px 0 0;
}
.events-list .rate .dotted {
color:#0071ba;
display:inline-block;
vertical-align:top;
text-decoration:none;
border-bottom:1px dotted #2271a3;
line-height:16px;
}
.events-list .snipnle {
color:#707070;
}
.events-list .redmoremini {
color:#707070;
text-decoration: underline;
}
.events-list .rate a:hover{
border:none;
padding:0 0 1px;
}
.popular-article{
line-height:1.273em;
color:#707070;
padding:0 0 0;
margin:0 0 0;
}
.popular-article img{
width:100%;
height:auto;
}
.popular-article .holder{
border-style:solid;
padding:11px 18px 18px;
}
.two-cols{
float:left;
width:100%;
}
.col-holder{
overflow:hidden;
}
.two-cols .col{
float:right;
width:50%;
padding:7px 0 19px 0;
}
.two-cols .col > div{
margin:0 0 0 17px;
}
.two-cols .col:first-child{float:left;}
.two-cols .green-block{
position:relative;
min-height:214px;
font:1.909em/1.143em 'Quicksand', sans-serif;
background:#000000;
color:#fff;
padding:17px 20px 40px;
overflow:hidden;
}
.two-cols .green-block .more{
position:absolute;
left:18px;
bottom:19px;
font:0.524em/14px Arial, Helvetica, sans-serif;
text-transform:uppercase;
color:#fff;
text-decoration:none;
letter-spacing:1px;
}
.two-cols .green-block .more:hover{text-decoration:underline;}
#content .advertisment .title{margin:-3px 0 4px;}
#content .advertisment .visual{margin:0 4px 0 5px;}
#sidebar .popular-article .title{
display:block;
font:1.909em/1.190em 'Quicksand', sans-serif;
color:#333333;
margin:0 0 7px;
}
.popular-article .title a{
color:#333333;
text-decoration:none;
} 
.popular-article .title a:hover{text-decoration:underline;}
.popular-article p a{color:#707070;}
.auythor-details{
overflow:hidden;
color:#6e6e6e;
border-bottom:1px solid #e5e5e5;
padding-bottom: 7px;
margin:0 0 7px;
min-height: 72px;
}
.auythor-details .visual{
float:left;
overflow:hidden;
border-radius:32px;
margin:0 16px 0 2px;
}
.auythor-details .holder{
overflow:hidden;
max-width:217px;
padding:0 0 0 3px;
margin:0 0 0 -3px;
}
.auythor-details .author{
display:block;
font:21px/25px 'Quicksand', sans-serif;
color:#333333;
margin:0 0 10px;
}
.auythor-details .author a{
text-decoration:none;
color:#333333;
}
.auythor-details .author a:hover{text-decoration:underline;}
.auythor-details p a{color:#6e6e6e;}
.recent-comments{margin:0 0 -6px;}
.recent-comments h2{
border-bottom: 1px solid #E5E5E5;
padding: 0 0 10px;
}
.recent-comments article{
overflow:hidden;
font:1em/1.364em Georgia, "Times New Roman", Times, serif;
margin:-2px 0 0;
padding:0 0 19px;
}
.recent-comments article article{
padding:23px 0 0 11px;
margin:0;
} 
.recent-comments article .visual{
float:left;
overflow:hidden;
border-radius:32px 32px 32px 32px; 
margin:0 1px 0 2px;
}
.recent-comments article .holder{
overflow:hidden;
position:relative;
padding:0;
}
.recent-comments article .holder > div{
margin:0 0 0 15px;
border:1px solid #e5e5e5;
padding:10px 15px 12px 16px;
}
.recent-comments article .holder > div:before{
content:'';
background: url(//whatsonsaudiarabia.com/wp-content/themes/whatson-grow/images/sprite.png) no-repeat -77px 0;
width:16px;
height:16px;
position:absolute;
left:0;
top:0;
}
.recent-comments article .author{
display:block;
font:1.182em/1.231em 'Quicksand', sans-serif;
margin:0 0 5px;
}
.recent-comments article .author a{
text-decoration:none;
color:#000;
}
.recent-comments article .author a:hover{text-decoration:underline;}
.recent-comments article .subjects{
color:#707070;
display:block;
margin:0 0 5px;
font-family: Arial, Helvetica, sans-serif;
font-weight:normal;
}
.recent-comments article p{margin:0 0 15px;}
.top-venues{
overflow:hidden;
margin:0 0 3px;
}
.top-venues .col{
float:left;
width:148px;
margin:0 15px 0 0;
}
.top-venues ul{
list-style:none;
margin:-3px 0 0;
padding:0;
font:11px/16px 'Quicksand', sans-serif;
text-transform:uppercase;
letter-spacing:1px;
}
.top-venues li{
list-style:none;
padding:0 0 7px;
}
.top-venues ul a{
overflow:hidden;
display:block;
background:#f5f5f5;
color:#383838;
text-decoration:none;
padding:7px 10px;
}
.top-venues ul a:hover{text-decoration:underline;}
.top-venues ul a:before{
background: url(//whatsonsaudiarabia.com/wp-content/themes/whatson-grow/images/sprite.png) no-repeat  -46px 0;
content:'';
float:right;
height: 7px;
margin: 4px 1px 0 10px;
vertical-align: middle;
width: 11px;
}
.top-venues .visual{
overflow:hidden;
padding:3px 0 0;
}
.top-venues .visual img{
vertical-align:top;
margin:0 0 15px;
}
.top-contributers h2{
border-bottom: 1px solid #e5e5e5;
padding: 0 0 10px;
}
.top-contributers ul{
list-style:none;
margin:0 0 0 -15px;
padding:3px 0 1px;
overflow:hidden;
}
.top-contributers li{
float:left;
width:64px;
padding:0 0 17px 17px;
list-style:none;
}
.top-contributers a{
display:block;
border-radius:32px 32px 32px 32px;
overflow:hidden;
}
.top-contributers li img{
width:100%;
height:auto;
}
.aside{
float:left;
width:310px;
}
.categories{margin:0 0 19px;}
.categories ul{
list-style:none;
margin:0;
padding:0;
font:11px/16px Arial, Helvetica, sans-serif;
text-transform:uppercase;
letter-spacing:1px;
}
.categories li{
list-style:none;
padding:0;
margin:0;
}.categories a:hover { 
background-color: #333333;
color: #ffffff;
} 
.categories a{
padding:7px 8px 7px 18px;
margin:0 0 7px;
color:#383838;
display: block;
border: 1px solid #e5e5e5;
text-decoration:none;
}
#footer{
background:#efefef;
color:#4f4f4f;
}
.footer-holder{
overflow:hidden;
max-width:970px;
padding:13px 0;
margin:0 auto;
}
.motivatelogo { 
background: url(//whatsonsaudiarabia.com/wp-content/themes/whatson-grow/images/motivate-logo.gif) no-repeat 0% 50%;
padding-left: 20px;
}
.bottom-nav{float:left;}
.bottom-nav ul{
list-style:none;
margin:0;
padding:0 0 0 5px;
}
.bottom-nav li{
float:left;
list-style:none;
padding-left:11px;
position:relative;
}
.bottom-nav li:first-child{padding-left:0;}
.bottom-nav li:before{
content:'';
width:1px;
background:#4f4f4f;
position:absolute;
left:5px;
top:5px;
bottom:4px;
}
.bottom-nav li:first-child:before{display:none;}
.bottom-nav a{
color:#4f4f4f;
text-decoration:none;
}
.bottom-nav a:hover{text-decoration:underline;}
.footer-holder .go-to-top{
float:right;
color:#4f4f4f;
text-decoration:none;
margin:0 20px 0 0;
}
.footer-holder .go-to-top:hover{text-decoration:underline;} .jcf-hidden {
display: block !important;
position: absolute !important;
left: -9999px !important; } .select-area {
border-style:solid;
border-color:#e5e5e5;
border-width:0 0 1px;
background:#fff;
position: relative;
overflow: hidden;
cursor: default;
height: 32px;
float: left; text-transform:uppercase;
width:100% !important;
}
.extended-serch-form .select-area {width:100%;}
.select-area:after{
content:'';
position:absolute;
right:0;
top:0;
width:32px;
height:32px;
background:#fff;
z-index:1;
}
.select-area .center {
white-space:normal;
line-height:18px;
padding:8px 12px;
letter-spacing:1px;
display:block;
}
.select-disabled {
background: #eee;
}
.select-area .select-opener {
background: #e5e5e5;
position: absolute;
height: 16px;
width: 16px;
right: 9px;
top: 8px;
z-index:2;
}
.select-area .select-opener:before{
content:'';
position:absolute;
top:6px;
left:4px;
border-style:solid;
border-color:#333 #e5e5e5 transparent;
border-width:4px 4px 0;
}
.select-area .select-opener:after{
content:'';
position:absolute;
top:5px;
left:4px;
border-style:solid;
border-color:#e5e5e5 transparent transparent;
border-width:4px 4px 0;
}
.select-options {
position: absolute;
overflow: hidden;
background: #fff;
z-index: 2;
}
.select-options .drop-holder {
border:0;
overflow: hidden;
height: 1%;
}
.select-options ul {
list-style: none;
padding: 0;
margin: 0;
}
.select-options ul li {
list-style:none;
width: 100%;
float: left;
}
.select-options ul a {
text-decoration: none;
padding: 5px 10px;
display: block;
cursor: default;
color: #000;
height: 1%;
}
.select-options .item-selected a {
text-decoration: none;
background: #727272;
color: #fff;
} .select-options .optgroup {
clear: both;
}
.select-options .optgroup strong {
display: block;
padding: 5px;
}
.select-options .optgroup ul a {
padding-left: 30px;
}
@media screen and (max-width: 820px){
body{
font-size:13px;
line-height:22px;
min-width:320px;
}
#wrapper{padding:91px 0 0;}
.header-holder{padding:0 19px;}
.logo{margin:15px 0 0;}
#nav{
padding:17px 19px;
}
#nav.active{background:#464646;}
#nav .opener{
background: url(//whatsonsaudiarabia.com/wp-content/themes/whatson-grow/images/sprite.png) no-repeat 0 -117px;
display:block;
width:31px;
height:27px;
text-indent:-9999px;
overflow:hidden;
}
.drop-slide-wrapper{
position:static !important;
width:100% !important;
height:auto !important; 
}
#nav > ul{
position:absolute !important;
display:none;
padding:0;
border:none;
background:#464646; width:100%;
left:0;
top:61px !important;
}
#nav.active ul{width:100%;}
#nav .drop li,
#nav ul li{
border-top:1px solid #505050;
float:none;
padding:0;
margin:0;
}
#nav ul li:first-child{border:none;}
#nav ul li a:after{display:none;}
#nav .drop a,
#nav ul a{
overflow:hidden;
padding:15px 25px ;
}
#nav ul .hover > a{background:#575757;}
#nav li.has-drop-down > a:before{
content:'';
float:right;
width:15px;
height:15px;
background: url(//whatsonsaudiarabia.com/wp-content/themes/whatson-grow/images/sprite.png) no-repeat -66px -44px;
margin:3px 0 0 5px;
}
#nav ul li.active > a{background:#575757;}
#nav .drop{
padding:0;
margin:0;
width:auto;
position:static;
top:0;
display:block;
}
#nav .drop ul{
padding:0;
margin:0;
position:static;
background:#343434;
font-size:18px;
line-height:22px;
}
#nav .drop ul li:first-child{ position:relative;
}
.search-form{
padding:18px 16px 17px;
float:right;
}
.search-form.active{background:#464646;}
.search-form .opener{
background: url(//whatsonsaudiarabia.com/wp-content/themes/whatson-grow/images/sprite.png) no-repeat -33px -117px;
display:block;
width:31px;
height:27px;
text-indent:-9999px;
overflow:hidden;
}
.search-form .slide{
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
width:100%;
top:61px;
left:0;
padding:17px 15px 20px;
overflow:hidden;
height:auto;
display:none;
position:absolute !important;
}
.tabset .drop {top:36px;}
.tabset .drop li {margin:0;}
.search-form .text input{
width:100%;
padding:9px 11px 8px;
height:40px;
line-height:23px;
font-size:17px;
background:#fff;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
margin:1px 0 0;
border:none;
color:#333;
}
.search-form input[type="submit"]{
text-indent:0;
background:#000;
color:#fff;
height:42px; text-transform:uppercase;
width:142px;
text-align:center;
padding:0;
margin:0;
}
.add-nav{display:none;}
.panel{margin: 0 0 24px;}
.related-latest-category{display:none;}
.main-img-holder{margin:-6px 0 23px;}
#main{
padding:0 15px 20px;
}
.baner{
margin:-10px 0 19px;
}
.page-heading{margin:0 0 9px;}
.page-heading .sponsorship{width:276px;}
.loginnav .opener{
font-size:18px;
line-height:22px;
padding:9px 19px 12px 17px;
}
.loginnav .opener:after{margin:0 0 0 76px;}
.loginnav ul{
right:-1px;
top:100%;
}
.breadcrumbs{
position:relative;
border-right:1px solid #d9d9d9;
}
.breadcrumbs .opener{
display:block;
font-size:18px;
color:#333333;
padding:6px 21px 8px 20px;
}
.breadcrumbs .opener:after{
border-color: #464646 transparent transparent;
border-style: solid;
border-width: 3px 4px 0;
content: "";
display: inline-block;
margin: 0 0 0 76px;
vertical-align: middle;
}
.breadcrumbs ul ul{
position:static;
display:block !important;
width:100%;
border:none;
border-top:1px solid #d9d9d9;
}
.breadcrumbs ul{
display:none;
background:#fff;
list-style:none;
margin:0;
padding:0;
position:absolute;
left:-1px;
top:100%;
width:244px;
border:1px solid #d9d9d9;
}
.breadcrumbs .hover ul{display:block;}
.breadcrumbs li{
margin:0;
float:none;
padding:0 !important;
list-style:none;
border-left: 0;
border-right: 0;
border-left: 0;		
border-top:1px solid #d9d9d9;
}
.breadcrumbs .cat-item{
float:none;
border-right:0;	
border-top:1px solid #d9d9d9;
}
.breadcrumbs .cat-item a {padding:0 14px;}
.breadcrumbs li:before,
.breadcrumbs li:after{display:none;}
.breadcrumbs li:first-child{border:none;}
.breadcrumbs ul span,
.breadcrumbs ul a{
padding:1px 11px 2px;
margin:0 -11px;
display:block;
}
.breadcrumbs ul li {padding:0 11px !important;}
.breadcrumbs li > a:hover{
text-decoration:none;
background:#ececec;
}
#content{
width:auto;
}
#content .main-info h1{
font-size:39px;
line-height:39px;
margin:0 0 9px;
}
.main-info{
padding:0 0 12px;
line-height:18px;
font-size:15px;
}
.main-info .visual{
min-height:103px;
width:356px;
margin:6px 2px 0 0;
}
.detail-info{padding:19px 0 11px;}
.features .title{
font-size:13px;
line-height:21px;
margin:0 0 15px;
color: #707070;
}
.keyword-list li{margin:0 0 10px 5%;}
.keyword-list a{padding:1px 7px 2px;}
.detail-info .col .heading .date{padding:11px 11px 13px;}
.info-list{margin:0 0 14px;}
.info-list li{padding:9px 25px 7px 93px;}
.info-list li:before{margin:2px 0 0 -67px;}
.btn-by-tickets{
line-height:38px;
font-size:15px;
}
.social-block .title{
font-size:15px;
line-height:19px;
}
.social-block{margin:0 0 17px;}
.map-holder .btn-find{
left:11px;
bottom:15px;
font-size:15px;
padding:2px 51px 3px 8px;
}
.map-holder .btn-find:after{
width:13px;
height:9px;
background-position:-66px -115px;
}
.social-block .row > div{padding:11px 0 10px;}
.social-networks{margin:0 17px 0 0;}
.social-networks li{margin:0 0 0 12px;}
.social-networks a{
background-position:0 -146px;
width:17px;
height:17px;
}
.social-networks a.facebook{
width:18px;
background-position:-18px -146px;
}
.social-networks a.tweet{
width:17px;
background-position:-37px -146px;
}
.social-networks a.pinterest{
width:17px;
background-position:-55px -146px;
}
.social-networks a.twitter{
width:18px;
background-position:-73px -146px;
}
.info-list li:before{
background-position:0 -165px;
width:20px;
height:14px;
}
.info-list li.time:before{
height:18px;
background-position:0 -180px;
}
.info-list li.phone:before{
height:18px;
background-position:0 -199px;
}
.info-list li.website:before{background-position:0 -218px;}
.map-holder{
overflow:hidden;
margin:0 0 14px;
float:none;
}
.map-holder .marker{
width:45px;
height:53px;
background-position:-21px -165px;
}
.related h2{
margin:0 0 11px;
font-size:13px;
}
.related .col{padding:19px 0 0;}
.related article .holder{
line-height:17px;
padding:10px 17px 36px;
}
.related article .title{
font-size:24px;
line-height:28px;
}
.events-list li > img{
width:95px;
height:auto;
}
.events-list .holder{padding:4px 10px 4px 17px;}
.events-list .title{
font-size:15px;
}
.comments{margin:0 0 -3px;}
.yes-no,
.comment-form .row label,
.comment-form .row strong{font-size:13px;}
.comment-form .row label,
.comment-form .row strong{width:232px;}
.comment-form{
margin:0 0 17px;
padding:18px 19px 21px 20px;
}
.comment-form .holder{padding:18px;}
.comment-form input[type="submit"]{
height:37px;
font-size:15px;
min-width:244px;
}
.comment-form .row{padding:16px 0 17px;}
.comment-form .star-rating a{
width:24px;
height:23px;
background-position:-45px -219px;
}
.comment-form .star-rating .active a{background-position:-21px -219px;}
.comment-form textarea{height:104px;}
.comments .visual{
border-radius:37px;
margin:0 8px 0 3px;
width:74px;
}
.comments .visual img{
width:100%;
height:auto;
}
.comments article{margin:0 0 27px;}
.comments article .holder > div{padding:16px 17px 17px 23px;}
.comments article .author{
font-size:15px;
margin:0 0 10px;
}
.comments article p{margin:0 0 18px;}
.comments article .link{
font-size:15px;
line-height:32px;
width:303px;
margin:-4px 0 21px 4px;
}
.comments article .link:after{right:22px;}
.comments .star-rating a{
background-position:-57px -243px;
width:18px;
height:17px;
}
.comments .star-rating .active a{background-position:-75px -243px;}
.comment-panel{
font-size:12px;
line-height:20px;
}
.comment-panel a:before{
background-position:0 -243px;
width:18px;
height:17px;
margin:0 10px 0 0;
}
.comment-panel a.replay:before{background-position:-19px -243px;}
.comment-panel a.like:before{background-position:-38px -243px;}
.comments .rating{
font-size:13px;
padding:12px 0;
margin:0 0 19px;
}
#content .article h1{
font-size:40px;
line-height:45px;
margin:0 0 10px;
}
.article{margin:0 0 10px;}
.article .holder{padding:22px 22px 23px;}
.article-list article{
line-height:20px;
padding:13px 0 20px;
}
.article-list article > a{float:none;}
.article-list article img{
height:auto;
width:361px;
margin:2px 19px 0 0;
}
.article-list article h2{
font-size:24px;
line-height:29px;
margin:0 0 12px;
}
.small-article-list{
padding:19px 0 6px;
font-size:15px;
line-height:18px;
}
.medium-article-list{
padding:19px 0 0;
}
.medium-article-list article{
padding:0 0 19px;
line-height:17px;
}
.medium-article-list article .holder{padding:11px 18px 22px;}
.medium-article-list article h2{
font-size:24px;
line-height:28px;
margin:0 0 8px;
}
.post{
font-size:15px;
line-height:26px;
padding-bottom:19px;
}
.post header{
margin:0 0 24px;
padding:0 0 15px;
}
#content .post h1{
font-size:39px;
line-height:43px;
margin:0 0 11px;
}
.post h2{
font-size:24px;
line-height:29px;
}
.post .entry p{margin:0 0 8px;}
.post .entry p span{
padding:18px 19px;
margin:7px 10px 6px 0;
}
.post h3{
line-height:24px;
font-size:24px;
margin:0 0 17px;
}
.post p{margin:0 0 20px;}
.post ul{padding:30px 0 3px;}
.post ul li{padding:0 0 17px 33px;}
.post ul li:before{
width:7px;
height:7px;
margin:8px 0 0 -29px;
}
.nav-article{
font-size:25px;
line-height:27px;
padding:14px 0 19px;
margin:0 0 16px;
}
.nav-article a{
width:270px;
padding:0 39px 0 38px;
}
.nav-article .prev-article:before{
width:15px;
height:30px;
background-position:-66px -165px;
margin:-13px 0 0;
}
.nav-article .next-article:before{
width:15px;
height:30px;
background-position:-81px -165px;
right:6px;
margin:-13px 0 0;
}
.comment-form textarea.big{font-size:13px;}
.main-info .image-block{width:360px;}
.main-info .image-block .item{
width:170px;
}
.detail-info .col .heading .rating .mark{
font-size:24px;
line-height:53px;
width:75px;
}
.detail-info .col .heading .rating strong{
font-size:15px;
line-height:21px;
}
.search-results{
margin:-3px 0 0;
padding:0;
}
#content h1{
font-size:39px;
line-height:41px;
margin:0 0 13px;
}
.search-results .entry{
font-size:15px;
line-height:23px;
margin:0 0 25px;
}
.tabset{
font-size:15px;
padding:0 0 2px;
}
.tabset li{
margin:0 0 -1px 13px;
padding:1px 0 0;
width:170px;
}
.tabset a span{
font-size:12px;
}
.tabset a{padding:9px 10px 9px;}
.tabset .active a{padding:10px 10px 8px;} .results-list{padding:15px 0 0;}
.results-list > li{
overflow:hidden;
margin:0 0 18px;
}
.results-list li > img{
height:auto;
width:171px;
}
.results-list .holder{
font-size:15px;
padding:9px 21px;
}
.results-list .title{
font-size:24px;
line-height:33px;
margin:0 0 9px -2px;
}
.results-list .holder span{margin:0 0 14px;}
.results-list .holder .field{
width:168px;
height:25px;
margin:-1px 0 0;
}
.results-list .parameters{
line-height:24px;
width:187px;
padding:0 0 4px;
}
.results-list .parameters li{
padding:9px 10px;
}
.results-list .parameters .outstanding span{
font-size:16px;
line-height:24px;
width:30px;
height:24px;
margin:0 11px 0 0;
}
.results-list .parameters .satwa,
.results-list .parameters .range{padding-left:49px;}
.results-list .parameters .satwa:before,
.results-list .parameters .range:before{
background-position: 0 -165px;
height: 14px;
width: 20px;
margin:6px 17px 0 -34px;
}
.results-list .parameters .range:before{
background-position: 0 -180px;
height: 18px;
}
.btn-more-wide:after{
background-position:-82px -105px;
width:14px;
height:9px;
}
.btn-more-wide{
line-height:36px;
font-size:13px;
margin:0 0 24px;
}
.promo .visual{width:100%;}
.promo .visual img{
width:100%;
height:auto;
}
.promo .text-block{
float:left;
width:100%;
}
.promo .text-block .block{width:25%;}
.promo .text-block .block img{
width:100%;
height:auto;
}
.promo .text-block a{
font-size:25px;
line-height:31px;
}
.two-cols .green-block{
font-size:24px;
line-height:28px;
padding:20px 20px 81px;
}
.two-cols .green-block .more{
font-size:12px;
bottom:22px;
left:21px;
}
.advertisment .title{font-size:13px;}
.news{
padding:0 0 23px;
margin:-5px 0 0 -17px;
}
.news h2{
font-size:24px;
line-height:29px;
margin:0 0 20px;
}
.news .block .holder{
padding:16px 22px 55px;
}
.news ul{line-height:17px;}
.news ul li,
.news ol li{
padding:0 0 16px 19px;
}
.news .view-all{
padding:7px 15px;
line-height:23px;
font-size:13px;
bottom:16px;
left:17px;
right:17px;
}
.news .view-all:before{
background-position: -82px -105px;
height: 9px;
width: 14px;
}
.sectiondescription{
padding:23px 24px 25px;
line-height:23px;
margin:0 0 11px;
}
#content .sectiondescription h1{
font-size:24px;
line-height:29px;
margin:0 0 15px;
}
#sidebar{width:auto;}
.non-mobile{display:none;}
.extended-serch-form{margin:4px 0 16px;}
#sidebar h2{font-size:13px;}
.extended-serch-form{padding:22px 23px 3px 23px;}
.extended-serch-form .row{padding:0 0 20px;}
.extended-serch-form input.text{
font-size:13px;
height:37px;
padding:8px 15px;
}
.select-area{
height:37px;
font-size:13px;
}
#gform_fields_1 .select-area {height:32px;}
.select-area .center{
padding:9px 16px;
line-height:22px;
}
.extended-serch-form input[type="submit"]{
font-size:15px;
line-height:38px;
height:38px;
}
.select-area .select-opener{
width:19px;
height:19px;
right:11px;
}
.select-area .select-opener:before,
.select-area .select-opener:after{border-width:5px 5px 0;}
.select-area .select-opener:after{top:6px;}
.select-area .select-opener:before{top:7px;}
.sections{margin:0 0 15px;}
.sections ul{
font-size:13px;
line-height:20px;
}
.sections li{margin:0 5% 9px 0;}
.sections a{padding:7px 29px 7px 10px;}
.sections a:after{
right:11px;
top:13px;
background-position:-82px -105px;
width:14px;
height:9px;
}
#sidebar .advertisment h2{margin:0 0 9px;}
.sections{margin:0 0 13px;}
.sections h2{
margin:0 0 18px;
padding:0 0 13px;
}
.filter-results{margin:0 0 20px;}
.filter-results h2{padding:0 0 14px;}
.filter-results ul{padding:3px 0 0;}
.filter-results .amount{
margin:1px 9px 0 0;
font-size:12px;
}
.filter-results li{
margin:0 5% 8px 0;
padding:2px 0 3px;
}
.filter-results a{margin:0 0 0 13px;}
.events-list .rate span span{font-weight:bold;}
.recent-comments article .visual{
width:74px;
border-radius:37px;
margin:0 4px 0 2px;
}
.recent-comments article .visual img{
width:100%;
height:auto;
}
#sidebar .recent-comments h2{
margin:0 0 19px;
padding:0 0 13px;
}
.recent-comments article{
font-size:12px;
line-height:17px;
padding:0 0 22px;
}
.recent-comments article .holder > div{padding:12px 15px 14px 17px;}
.recent-comments article .author{
font-size:15px;
margin:0 0 8px;
}
.recent-comments article .subjects{margin:0 0 6px;}
.top-contributers{
margin:0 0 0 0;
}
.top-contributers li{
width:74px;
padding:0 0 19px 20px;
}
.top-contributers a{border-radius:37px 37px 37px 37px;}
.aside{
width:100%;
}
.col-aside{
width:49%;
float:right;
overflow:hidden;
}
.col-aside:first-child{float:left;}
.availability{
width:50px;
height:auto;
}
#footer{font-size:11px;}
}
@media screen and (max-width: 767px){
body{
font-size:16px;
line-height:27px;
}
#twocolumns {
overflow:visible;
}
#twocolumns:after {
content:"";
display:block;
clear:both;
}
#wrapper{padding:78px 0 0;}
.header-holder{padding:0 0 0 16px;}
#nav{padding:17px;}
.search-form{padding:18px 14px 17px;}
#mian{padding:0 18px;}
.main-info{
font-size:19px;
line-height:22px;
padding:0 0 21px;
}
.main-info .holder{
width:100%;
margin:0 0 5px;
}
.main-info .visual{width:100%;}
#content .main-info h1{
line-height: 57px;
font-size:49px;
margin:0 0 5px;
}
.detail-info .col{width:100%;}
.main-info .visual{min-height:0;}
.main-info .visual img{
width:100%;
height:auto;
}
.detail-info .col-holder{padding:0;}
.detail-info{padding:22px 0 11px;}
.detail-info .col .heading .date{
font-size:30px;
line-height:33px;
padding:16px 19px 17px;
}
.info-list{margin:0 0 21px;}
.info-list li{padding:10px 25px 10px 117px;}
.info-list li:before {
background-position: 0 -262px;
width: 26px;
height: 18px;
margin:4px 0 0 -84px;
}
.info-list li.time:before {
background-position: 0 -281px;
height: 22px;
}
.info-list li.phone:before {
background-position: 0 -304px;
height: 23px;
}
.info-list li.website:before {
background-position: 0 -328px;
height: 17px;
}
.btn-by-tickets{
font-size:19px;
line-height:49px;
margin:0 0 20px;
}
.features{padding:5px 0 9px;}
.features .title{
font-size:16px;
line-height:23px;
padding:0 0 15px;
margin:0 0 19px;
}
.keyword-list{margin:0 0 0 -19px;}
.keyword-list li{margin:0 0 11px 5%;}
.keyword-list a{padding:4px 8px 6px;}
.social-block{margin:0 0 23px;}
.social-block .row:after{display:none;}
.social-block .row > div{
float:none;
width:100%;
overflow:hidden;
padding:13px 0 10px;
}
.social-block .row > div:first-child{border-bottom:1px solid #d9d9d9;}
.social-block .title{
font-size:18px;
line-height:22px;
margin:-2px 18px 0;
}
.social-networks{margin:0 32px 0 0;}
.social-networks li{margin:0 0 0 15px;}
.social-networks a {
background-position: 0 -347px;
height: 22px;
width: 20px;
}
.social-networks a.facebook {
background-position: -23px -347px;
width: 21px;
}
.social-networks a.tweet {
width:19px;
background-position: -45px -347px;
}
.social-networks a.pinterest {
background-position: -66px -347px;
width: 21px;
}
.social-networks a.twitter {
background-position: -88px -347px;
width: 21px;
}
.social-block .holder{min-height:123px;}
.map-holder .btn-find{
font-size:16px;
padding:3px 51px 5px 12px;
width:143px;
}
.map-holder .btn-find:after {
background-position: -66px -127px;
width: 14px;
height: 9px;
}
.map-holder{margin:0 0 30px;}
.related h2{
font-size:16px;
line-height:22px;
margin:0 0 16px;
}
.related .col-holder{
padding-top:4px;
border-top:1px solid #e5e5e5;
margin:0 0 -5px;
}
.related .col{
width:100%;
border:none;
padding:19px 0 0;
}
.related article .title{
font-size:30px;
line-height:33px;
margin:0 0 11px;
}
.related article .holder{
padding:16px 28px 48px;
line-height:20px;
}
.events-list li{margin:0 0 22px;}
.events-list li > img{
width:115px;
}
.events-list .title{
font-size:18px;
line-height:24px;
}
.events-list .holder{padding:12px 10px 5px 23px;}
.comment-form{
padding:15px 12px 21px;
line-height:14px;
font-size:11px;
margin:0 0 14px;
}
.yes-no,
.comment-form .row label,
.comment-form .row strong{font-size:11px;}
.comment-form .row label,
.comment-form .row strong{width:197px;}
.comment-form .row{padding:15px 0 16px;}
.comment-form .row:first-child{padding-top:1px;}
.comment-form .star-rating a{
background-position:-42px -57px;
width:21px;
height:19px;
}
.comment-form .star-rating .active a{background-position:-22px -57px;}
.comment-form textarea{height:85px;}
.comment-form input[type="submit"]{
font-size:13px;
line-height:32px;
height:32px;
width:210px;
}
.comments .visual{
width:64px;
margin:0 5px 0 0;
}
.comments article{
font-size:11px;
line-height:19px;
}
.comments article .holder > div{padding:13px 17px 17px 22px;}
.comments article .author{
margin:0 0 9px -5px;
font-size:13px;
}
.comments article .link{
width:250px;
font-size:13px;
line-height:28px;
margin:-2px 0 18px;
}
.comments .rating{
font-size:11px;
line-height:18px;
padding:12px 0 7px;
}
.comments .star-rating a{
width:15px;
height:15px;
background-position:-66px -61px;
}
.comments .star-rating .active a {background-position: -81px -61px;}
.comment-panel{
margin:0 0 0 3px;
padding:0;
font-size:11px;
line-height:14px;
}
.comment-panel a:before{
width:15px;
height:15px;
background-position:0 -101px;
margin:0 7px 0 0;
}
.comment-panel a.replay:before {background-position: -17px -101px;}
.comment-panel a.like:before {background-position: -34px -101px;}
.comments article p{margin:0 0 13px;}
.page-heading{
padding:10px 0 0;
}
.page-heading h1{
float:none;
max-width:100%;
margin:0 0 15px;
}
.page-heading .sponsorship{
margin:0 0 15px 0;
width:100%;
}
.panel{position:relative;}
.panel:before{
background:#d9d9d9;
content:'';
width:1px;
height:100%;
position:absolute;
left:50%;
top:0;
}
.breadcrumbs,
.loginnav{
border:none;
width:50%;
}
.loginnav .opener,
.breadcrumbs .opener{
overflow:hidden;
line-height:29px;
padding:8px 21px 8px 20px;
}
.loginnav .opener:after,
.breadcrumbs .opener:after{display:none;}
.loginnav .opener:before,
.breadcrumbs .opener:before{
border-color: #464646 transparent transparent;
border-style: solid;
border-width: 3px 4px 0;
content: '';
margin: 13px 0 0 10px;
float:right;
}
.breadcrumbs > div > ul,
.loginnav ul{width:100%;}
.loginnav ul {
width:auto;
left:0;
}
.promo{
padding:0;
margin:-4px 0 17px;
}
.promo .visual{
float:none;
margin:0 -109px;
width:auto;
}
.promo .visual .title a{
width:240px;
left:50%;
margin:0 0 0 -207px;
padding:0 14px 1px;
}
.promo .text-block .block{
width:50%;
height:auto;
}
.promo .text-block a{
font-size:30px;
line-height:37px;
}
.tabset{margin:0 0 20px;}
.results-list{padding:3px 0 0;}
.results-list li > img{
width:144px;
}
.article{margin:0 0 8px;}
.article .holder{
font-size:11px;
line-height:19px;
padding:16px 15px 28px;
}
#content .article h1{
font-size:34px;
line-height:39px;
margin:0 0 15px;
}
.article-list article{
font-size:15px;
line-height:24px;
padding:13px 0 22px;
margin:0 0 13px;
}
.article-list article img{
float:none;
width:100%;
margin:0 0 18px;
}
.article-list article h2{
font-size:30px;
line-height:33px;
margin:0 0 17px;
}
.small-article-list{
border:none;
font-size:18px;
line-height:23px;
padding:9px 0 4px;
margin:0 0 0 -24px;
}
.small-article-list img{margin:0 0 11px;}
.small-article-list li{
padding:0 0 9px;
margin:0 -4px 0 0;
width:50%;
float:none;
display:inline-block;
vertical-align:top;
}
.small-article-list a{margin:0 0 0 24px;}
.medium-article-list{
padding:0;
}
.medium-article-list article h2{
font-size:30px;
line-height:34px;
margin:0 0 10px;
}
.medium-article-list article{
line-height:20px;
padding:0 0 23px;
width:100%;
}
.medium-article-list article .holder{padding:16px 23px 48px;}
.main-img-holder{
margin:-6px 0 26px;
overflow:hidden;
}
.main-img-holder .container{ // margin:0 -256px;}
.post{
padding:0 11px 27px;
font-size:13px;
line-height:23px;
}
.post header{
padding:0 0 17px;
margin:0 0 16px;
}
#content .post h1{
font-size:34px;
line-height:37px;
}
.post h2{
font-size:21px;
line-height:25px;
}
.post .entry p{margin:0 0 4px;}
.post .entry p span{
padding:14px 15px;
margin:10px 10px 0 0;
}
.post h3{
font-size:21px;
}
.post p{margin:0 0 14px;}
.post ul{}
.post .multiple-list ul,
.post .gfield_checkbox,
.post .gfield_radio,
.post #gform_fields_1 {display:block;}
.related .col{padding:17px 0 0;}
#content h1{font-size:34px;}
.tabset{
font-size:13px;
border:none;
margin:0 -4px 0 0;
}
.tabset li {width:25%;}
.tabset .drop {top: 29px;}
.tabset .drop li {display:block;}
.tabset li{
display:inline-block;
float:none;
padding:0;
margin:0 0 0 -4px;
text-align:center;
}
.tabset .active {
margin:0 4px 0 0;
border-bottom:0;
}
.tabset .order {margin:0 0 0 -4px;}
.tabset a{
border-width:1px 1px 1px 0;
margin:0;
}
.tabset a,
.tabset .active a{
padding:6px 5px;
}
.tabset .active a {
border-bottom:1px solid #fff;
padding:6px 5px;
margin:0;
}
.tabset li:first-child a{border-left:1px solid #d9d9d9;}
.tabset .drop li a {border:0;}
.tabset li em,
.tabset li span{display:none;}
.results-list .title{
font-size:18px;
line-height:24px;
}
.results-list{padding:3px 0 0;}
.results-list li > img{width:114px;}
.results-list .holder{
padding:5px 15px;
}
.results-list .title{
font-size:18px;
margin:0 0 0 -2px;
}
.results-list .parameters{
font-size:12px;
width:130px;
padding:0;
}
.results-list .holder span{margin:0 0 8px;}
.results-list .parameters li{padding:2px 10px;}
.two-cols .col{
width:100%;
}
.two-cols .green-block{
font-size:30px;
line-height:34px;
}
.two-cols .green-block .more{
font-size:15px;
line-height:20px;
}
#content .advertisment .title{
font-size:15px;
line-height:18px;
}
.btn-more-wide{
position:relative;
font-size:18px;
line-height:50px;
padding:0 20px;
text-align:left;
}
.btn-more-wide:after{
position:absolute;
right:20px;
top:50%;
}
.availability{width:62px;}
.news,
.nav-article,
.baner,
.footer-holder .go-to-top,
#sidebar,
.aside{display:none;}
#footer{
text-align:center;
font-size:11px;
line-height:18px;
}
.bottom-nav{
float:none;
display:inline-block;
vertical-align:top;
}
}
@media screen and (max-width: 479px){
body{
font-size:12px;
line-height:20px;
}
.comments article .link{
width:auto;
font-size:11px;
line-height:15px;
}
.comments .rating{width:auto;}
.detail-info .col .heading .date{
font-size:22px;
line-height:27px;
}
.social-networks{margin:0 15px 0 0;}
.social-block .title{
font-size:16px;
margin:-2px 0 0 15px;
}
.comment-form .row label,
.comment-form .row strong{width:104px;}
.comment-form .row .row-holder{margin:0 0 5px;}
.comments article .holder > div{padding:13px 15px 17px;}
.comment-panel{
padding:0;
margin:0 -7px 0 0;
}
.comment-panel li{margin:0 7px 0 0;}
.comment-panel a:before{margin:0 2px 0 0;}
.bottom-nav li{
float:none;
display:inline-block;
vertical-align:top;
}
.comments .visual{
width:50px;
margin:0;
}
.main-info .image-block{
margin:0;
width:100%;
}
.main-info .image-block .item{width:49%;}
.related article .holder{padding:16px 28px 17px;}
.comment-form input[type="submit"]{width:100%;}
#content .article h1{
font-size:25px;
line-height:30px;
}
.article .holder{padding:16px 15px 7px;}
.article-list article h2{
font-size:25px;
line-height:30px;
}
.medium-article-list article .holder{padding:16px 23px 20px;}
.post{padding:0 0 27px;}
#content .post h1{
font-size:30px;
line-height:33px;
}
.post h2{
font-size:20px;
line-height:25px;
}
.two-cols .green-block{
font-size:22px;
line-height:29px;
}
.btn-more-wide{
font-size:13px;
line-height:41px;
}
.post .entry p span{margin-left:0;}
.promo .text-block a{
font-size:20px;
line-height:22px;
}
.results-list .parameters{
width:49%;
border:none;
position:static;
}
.results-list li > img{width:50%;}
.results-list .parameters li{padding:6px 10px;}
.results-list .holder{
width:100%;
float:left;
padding-top:10px;
border-top:1px solid #dedede;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.results-list .title{margin:0 0 5px;}
.promo .visual .title a{margin:0 0 0 -133px; }
#content {float:none;}
label {
font-size:9px;
margin-right:-1px;
}
.select-area .center {
line-height:20px;
padding: 7px 16px
}
.page-heading h1 {font-size:53px;}
}
.drop-slide-wrapper {
left: auto !important;
right:0 !important;
}
.gform_wrapper {
font-weight: normal;
background-color: #f3f3f3;
padding: 10px 20px;
}
.gform_fields .gfield,  .gform_wrapper ul li{
margin: 0 !important;  
padding: 0  !important; 
list-style: none !important; 
}
.gform_wrapper .textarea {
-moz-box-sizing: border-box;
border: medium none;
color: #383838; height: 51px;
margin: 0;
overflow: auto;
padding:18px;
width: 100% !important;
} .select-multiple-area {
clear: both;
width:100% !important;
border-style:solid;
border-color:#e5e5e5;
border-width:0 0 1px;
background:#fff;
position:relative;
overflow:hidden;
cursor:default;
float:left; text-transform:uppercase;
}
.select-multiple-area .multiple-list{
border:none;
position:static;
}
.select-multiple-area .multiple-list ul {
list-style:none;
padding:0;
margin:0;
}
.select-multiple-area .multiple-list li {
margin:0;
}
.select-multiple-area .multiple-list a:hover {
text-decoration:none;
background:#fff;
color:#000;
}
.select-multiple-area .multiple-list a {
display: block;
cursor: default;
padding: 5px;
color: #000;
}
.select-multiple-area .multiple-list .item-selected a {
background: #727272;
color: #fff;
}
.select-multiple-area .multiple-list .optgroup strong {
display: block;
padding: 5px;
}
.select-multiple-area .multiple-list .optgroup a {
padding-left: 30px;
}
.select-disabled  .multiple-list .item-selected a {
background: #777;
} .file-area .jcf-input-wrapper {
position: relative;
overflow: hidden;
float: left;
margin:0 0 10px;
}
.file-area .jcf-upload-button {
border: 1px solid #5e5e5e;
padding: 10px 15px;
background:#727272;
color: #fff;
float: left;
height: 20px; text-decoration:none;
}
.file-area .jcf-fake-input {
border: 0;
background: #fff;
padding: 11px 15px;
float: left;
margin: 0 5px 0 0;
width: 200px;
height: 20px;
}
.file-disabled .jcf-upload-button {
border-color: #eee;
background-color: #eee;
color: #777;
}
.file-disabled .jcf-fake-input {
border-color: #eee;
color: #aaa;
}
.comment-panel a.comment-reply-link:before {
background-position:-16px -100px !important;
text-decoration:none;
}
.article-img-lefter, .alignleft {
float:left;
margin:0.3em 0.9em 0.7em 0;
}
.imgcontainer img {
height:auto;
width:100%;
}
.size-full {
height:auto;
width:100%;
}
.size-medium {
height:auto;
width:50%;
}
.size-thumbnail {
height:auto;
width:30%;
}
.alignright {
float:right;
margin:0.9em 0 0.9em 0.9em;
}
.aligncenter {
clear: both; display: block; margin-left: auto; margin-right: auto;
}
hr {
background-color:#cccccc;
border:0;
height:1px;
margin:0 0 10px;
padding:0;
display: block;
clear: both;
width:100%;
}
.socialpicker {
margin-top: 1em;
margin-right: -1em;
}
.socialgallery {
margin-top:1em;
background-color: #000000;
width: 100%;
position: relative;
}
.flaps {
margin: 10px 0 5px 0;
padding: 10px 0 0 0 ;
border-top: 1px solid #d9d9d9;
height: 22px;
width: 100%;
}
.numerio {
line-height: 24px;
float: left;
width: 40%;
}
.paddles .socialflapback  {
height: 100%;
width: 25%;
text-indent: -9999px;
background: transparent url(http://whatson.ae/dubai/wp-content/themes/whatson/../images/left-arrow.png) 10% 50% no-repeat;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=50);
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
z-index: 44;
left: 0;
bottom: 0;
top: 0;
position: absolute;
}
.paddles .socialflapforward {
height: 100%;
width: 25%;
text-indent: -9999px;
z-index: 44;
right: 0;
bottom: 0;
background: transparent url(http://whatson.ae/dubai/wp-content/themes/whatson/../images/right-arrow.png) 90% 50% no-repeat;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=50);
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
top: 0;
position: absolute;
}
.paddles .socialflapback:hover, .paddles .socialflapforward:hover {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}
.flaps .socialflapforward {
float: right;
width: 20%;
margin: 0 0 0 1em;
padding: 0 5px;
text-align: left;
text-decoration: none;
color:#333333;
background: transparent url(http://whatson.ae/dubai/wp-content/themes/whatson/../images/small-right-arrow.png) 98% 50% no-repeat;
border: 1px solid #d9d9d9;
}
.flaps .socialflapback {
border: 1px solid #d9d9d9;
float: right;
width: 20%;
margin: 0 0 0 1em;
padding: 0 5px;
text-decoration: none;
color:#333333;
text-align: right;
background: transparent url(http://whatson.ae/dubai/wp-content/themes/whatson/../images/small-left-arrow.png) 2% 50% no-repeat;
}
.flaps .socialflapforward:hover {
background-color: #000000;
color: #ffffff;
border: 1px solid #000000;
background:  #000000 url(http://whatson.ae/dubai/wp-content/themes/whatson/../images/small-right-arrow-w.png) 98% 50% no-repeat;
}
.flaps .socialflapback:hover {
background-color: #000000;
color: #ffffff;
border: 1px solid #000000;
background:  #000000 url(http://whatson.ae/dubai/wp-content/themes/whatson/../images/small-left-arrow-w.png) 2% 50% no-repeat;
}
.socialcaption {
width: 100%;
padding: 15px 0 ;
border-bottom: 1px solid #d9d9d9;
margin-bottom: 15px;
}
@media screen and (max-width: 479px){
.socialgallery img {
width: 100%;
}
}
.activethumb img { border: 1px solid #ffffff;}
.socialthumb img { margin-right: 1em;  margin-bottom: 1em;  border: 1px solid #ffffff;}
.socialthumb { width: 23%; height: auto;}
.socialthumb:hover img { border: 1px solid #000;}
.socialgallery img {
clear: both; display: block; margin-left: auto; margin-right: auto;
}
.form-table {
background-color:#f3f3f3;
border: 15px solid #f3f3f3;
width: 100%;
}
.form-table input {
width: 100%;
}
.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px; height: 0; overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.adverty {
margin: 0 0 10px 0;
}
.contenttypetitle { color: #e6e6e6;}
.drop-list { max-height: 400px;
overflow-y: auto;
overflow-x: hidden;}
.mobile-ad { width:100%; display:none; }
@media screen and (max-width: 479px){
.mobile-ad { display:block; }
}
.single-related-post
{
width:100%;
}
.single-related-post h2 {border-bottom:none; margin:0; }
.single-related-post .medium-article-list { padding:0; }
.single-related-post .medium-article-list article .snippettxt { font-size: 12px; }
.yarpp-related a { font-weight: normal !important; } 
.promos .title a {
position: absolute;
left: 15px;
bottom: 18px;
text-decoration: none;
background: rgb(0,0,0);
background: rgba(0,0,0,0.70); color: #fff;
padding: 0 15px 1px;
width: 80%;
} .emptyswap a {
color:#000000 !important;
}
.emptyswap span { display:none; }
.cat-item-1397 { display:none; }
.cat-item-4588 { display:none; }
.cat-item-6002  { display:none; }
.cat-item-6004 { display:none; }
.cat-item-185 { display: none; }
.cat-item-172 { display: none; }
.cat-item-6005 { display: none; }
.top-banner { width: 100%; position: relative;   } 
.slides { width: 100%; position: relative;    }  
.slides-lap { width: 100%; position: relative;   height: 400px;  } 
.showdiv { display: block; }
.hidediv { display: none; }
.showDiv { display: block; }
.hideDiv { display: none; }
.active {  display: block; left: 0;   -webkit-transition: left 0.7s;
-moz-transition: left 0.7s;
-o-transition: left 0.7s;
transition: left 0.7s;}
.left {    -webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
left: 0; }
.slide-text { padding: 12px 20px 12px 20px; font-size: 16px; line-height: 20px; border-bottom: solid 1px gray; color: white; }
.slide-text-lap { padding: 12px 20px 12px 20px; font-size: 16px; line-height: 20px; border-bottom: solid 1px gray; color: white; }    
.selected { border-left: solid 5px white; background: rgba(255,255,255,0.2); }
.leftside-panel { width: 840px; float: left; margin-top: 15px; }  
.leftside-panel .fullwidth { width: 100%; }
.top-banners { width: 70%; background-color: black; float: left; overflow: hidden; height: 400px;   }
.title-bg { width: 100%; position: absolute; bottom: 0px; left: 0; background: linear-gradient(to top, black, transparent); }
.title-bg div {width: 90%; color: white; padding: 20px;}
.headlines { width: 30%; height: 400px; background-color: #000; float: right;  }
.headlines .head { width: 100%; background-color: #f99e1c; padding: 3px 20px 3px 20px; color: white; }
.contents { width: 100%; float: left; margin-top: 15px; margin-right: 15px;  }
.article-stori { width: 100%; border: 1px solid #d9d9d9; margin-bottom: 20px; }
.article-stori .image-holder { width: 100% }
.article-stori .snippet-text { width: 100%; padding: 10px; height: 210px; overflow: hidden; }
.article-stori .snippet-text h3 { color: #787878;
width: 100%; margin: 7px 0 7px 0;
text-transform: uppercase;
font-weight: normal; 
}
.article-stori .snippet-text h3 a {  background-color: #f99e1c;
color: white !important;
padding: 2px 10px 2px 10px;
border-radius: 3px;
font-size: 11px; text-decoration: none; }    
.article-stori .snippet-text h2 { margin: 0 0 7px; }
.rightside-panel { width: 310px; float: right; }
.top-lap { width: 100%; display: none; }
.hide-lap { display: block; }
#content { width: 840px; padding-top: 10px; }	
#sidebar { padding-top: 10px; }
.show-lap { display: none; }
#wrapper { background-size: 1564px; }
.show-mob { width: 100%; display: none; }
.show-feat { display: none; }
@media only screen and (max-width: 1500px) and (min-width: 870px) {
#main { width: 983px; }
.breadcrumbs .cat-item {  padding: 0 2px 0 2px; }
.header-holder { max-width: 983px; }
.leftside-panel { width: 638px; }
.top-lap { display: block; }
.hide-lap { display: none; }
.col-md-4 {
width: 50%;
}
.show-lap { display: block; }
#wrapper { background-size: 1334px; }
}
@media only screen and (max-width: 870px) {
.leftside-panel { width: 100%; }
.leftside-panel .fullwidth { display: none; } 
.rightside-panel { display: none; } 
#content { width: 100%; }
.show-feat { display: block; padding: 0; margin: 0; }
.show-mob { display: block; }
#HideAd { display:block; }
}
@media only screen and (max-width: 500px) {
.show-mob { display: block; }
}
#main { background-color: white; padding:10px; } 
.page-heading { margin: 5px 0 5px 0px; }
.page-heading h1 { margin: 10px 0 10px; }
.page-heading .sponsorship { width: 729px; }	
#wrapper { padding:58px 0 0; }
.page-heading .sponsorship-mob { display: none; }
.page-heading-single .sponsorship-mob { display: none; }
.post .wp-caption { width:100% !important; } 
@media screen and (max-width: 800px) {
.page-heading .sponsorship { display: none; }
.page-heading .sponsorship-mob { display: block; }
.page-heading-single .sponsorship-mob { display: block; }
.page-heading-single .sponsorship { display: none; }
}
#HideSponsor { display:block; }
#HideAd { display:none; }
@media (max-width:600px) {
#HideAd { display:block; }
#HideSponsor { display:none; }
}
.sponsered { margin:0; padding:0; position:fixed; bottom:0; right:0; width: 390px; height:90pt; border: 1px solid #c5c5c5;  display:none; background-color:#FFFFFF; z-index:99999; }
.sp-image { 
width: 90pt;
height: 90pt;
overflow: hidden; float:left; }
.sp-desc {  
text-align: left;
height: 105px; float:left; padding: 20px; }
.sp-head { text-align: left;
margin: 0;
padding: 0 0 3px;
font-size: 11px;
color: #666;
cursor: default; }
.sp-title { text-align: left;
margin: 5px 0;
padding: 0;
line-height: 1.2em;
font-weight: 400;
font-size: 14px;
height: 3pc; position:absolute; 
} 
.video-outer{
margin: 0;
padding-right: 10px;
width: 100%;
}
.video-inner {
width: 100%;
padding: 20px;
}
.main-video {
max-width: 1000px;
padding-top: 20px;
}
.other-videos {
max-width: 1000px;
padding-top: 40px;
padding-bottom: 40px;
}
.row-videos {
width: calc(100% + 30px);
max-width: calc(100% + 30px);
padding-bottom: 0;
margin: 25px -15px 20px -15px;
}
.col-videos {
width: 25%;
float: left;
padding: 0 15px;
}
.col-videos .div-image {
width: 100%;
height: 113px;
overflow: hidden;
position: relative;
}
.col-videos .div-title {
width: 100%;
text-align: left;
padding: 10px 5px 5px 0px;
}
.main-video-title a { font-weight: bold;
font-size: 28px;
line-height: 38px;
color: #FFF;
text-align: left;
}
.main-video { margin-bottom: 30px; }
.div-title { padding-top: 20px; padding-bottom: 30px;text-align: left; }
.div-title a { color: #FFF; text-decoration: none;  }
.video-title { font-weight: bold;
font-size: 33px;
line-height: 38px;
color: #FFF;
text-align: center; padding-top: 15px; }
.medium-article-list article .holder { height:auto; } 
@media (max-width:600px) {
.medium-article-list article .holder { height:auto; } 
}
.promo .visual { max-width: 638px; overflow:hidden; margin-right:10px; }
.promo .text-block span {background-color: rgba(0, 0, 0, 0.2); }
.holder h3 a { background-color: #f99e1c;
color: white !important;
padding: 2px 10px 2px 10px;
border-radius: 3px;
font-size: 11px; }
@media (max-width:820px) {
.promo .visual { max-width:none; margin-right:0px; }
}
@media screen and (max-width: 479px) { 
.promo .visual .title a { margin: 0 0 0 -83px; }
.page-heading { margin-top:-20px; }
}
.two-cols .col > div { margin: 0 0 0 13px; }
.catfish { display:none; }
@media (max-width:500px) {
.catfish { position:fixed; bottom:0; width:100%; display:block; z-index:99999; }
}