html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
-webkit-text-size-adjust: none;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block;
}
em,i {
font-style: italic;
}
sub, sup {
vertical-align: super;
font-size: smaller;
margin-left:3px;
}
/**
* Minimal base styles.
*/
html {
font-size: 100.01%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
body {
font-size: 62.5%;
line-height: 1em;
color: #333333;
position: relative;
}
#backgroundPopup {
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)";
filter: alpha(opacity=0);
}
html, body {
width: 100%;
}
a:link, a:visited {
text-decoration: none;
cursor: pointer;
}
a:link:hover, a:visited:hover {
text-decoration: underline;
}
a:hover {
text-decoration: none !important;
color: #f24e0d;
}
:focus {
outline: 0;
}
/* Remove margins for navigation lists */
/*@font-face {*/
/* font-family: 'etimes-photostories';*/
/* src: url('/fonts/etimes-photostories.eot?2gharb');*/
/* src: url('/fonts/etimes-photostories.eot?2gharb#iefix') format('embedded-opentype'),*/
/* url('/fonts/etimes-photostories.ttf?2gharb') format('truetype'),*/
/* url('/fonts/etimes-photostories.woff?2gharb') format('woff'),*/
/* url('/fonts/etimes-photostories.svg?2gharb#etimes-photostories') format('svg');*/
/* font-weight: normal;*/
/* font-style: normal;*/
/*}*/
nav ul, nav li {
margin: 0;
list-style: none;
list-style-image: none;
}
/* Align checkboxes, radios, text inputs with their label by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css */
input[type="radio"] {
vertical-align: text-bottom;
}
input[type="checkbox"] {
vertical-align: bottom;
}
input[type="submit"]{-webkit-appearance:none;}
.iem7 input[type="checkbox"] {
vertical-align: baseline;
}
input, select {
vertical-align: middle;
}
textarea {
overflow: auto;
}
/* Hand cursor on clickable input elements */
label, input[type="button"], input[type="submit"], input[type="image"], button {
cursor: pointer;
}
/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {
margin: 0;
}
/* Make buttons play nice in IE:
www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */
button {
width: auto;
overflow: visible;
}
/* Headers (h1, h2, etc) have no default font-size or margin; define those yourself */
h1, h2, h3, h4, h5, h6 {
font-weight: bold;
line-height: 1.2em;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}
td {
vertical-align: top;
}
/* blockquote , q and hr */
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
content: "";
content: none;
}
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0;
}
/* Images and Default Classes */
img {
max-width: 100%;
vertical-align: bottom;
}
.preloader{
position:relative;
}
.mh_50 {
min-height: 50px;
display: flex;
align-items: center;
justify-content: center;
}
.preloader *, .preloader *:after,.preloader *:before{
box-sizing: border-box;
}
.photostory_pangination{
text-align: center;
padding: 20px 0;
clear: both;
position: relative;
background-color: #FFF;
}
.photostory_pangination ul li{
display: inline-block;
height: 29px;
border: 1px solid #ddd;
border-radius: 4px;
font: 14px/31px 'Montserrat', Arial, Helvetica, sans-serif;
text-transform: uppercase;
overflow: hidden;
margin-left: 10px;
}
.photostory_pangination ul li a{
display: block;
color: #9ca3ab;
background-color: #FFF;
padding: 0 12px;
}
.photostory_pangination ul li a.active{
color: #fff;
background-color: #000;
}
.preloader .title,.preloader .duration{ position:absolute !important;}
.preloader .title{
display: table;
width: 100%;
text-align: center;
position: absolute !important;
margin: auto;
bottom: 0px;
top: 0px;
}
.preloader .title:after{
content:'';
width:100%;
height:100%;
display:block;
background:rgba(0,0,0,0.3);
position:absolute;
}
.preloader .title>span{
position: absolute;
width: 100%;
margin: auto;
bottom: 0px;
top: 0px;
/* height: 100%; */
display: table;
left: 0px;
right: 0px;
text-align: center;
color: #fff;
font-size: 18px;
padding: 20px;
}
.videoicon{background-color:#FFF; width:59px; height:59px; border-radius:100%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); cursor:pointer;}
.videoicon:after{content:''; transform:translate(-50%,-50%); width:0; height:0; border-left:14px solid #000; border-top:12px solid transparent; border-bottom:12px solid transparent; position:absolute; top:50%; left:53%;}
.preloader .duration{bottom:0px; right:0px; display:inline-block;}
.articlevideo .play-icon, .abovearticle .play-icon {
z-index: 1;
}
.articlevideo .play-icon {
top: 149px;
left: 20px;
cursor: pointer;
display: block;
width: 121px;
height: 121px;
background-position: -277px -161px;
transition: all .2s ease;
-moz-transition: all .2s ease;
-webkit-transition: all .2s ease;
position: absolute;
}
.articlevideo .vidloader {
display: none;
}
.articlevideo .dvideo{padding-bottom:70%;}
.articlevideo .dvideo iframe{bottom:0px;position:absolute;}
.embed-responsive {
position: relative;
display: block;
width: 100%;
padding: 0;
overflow: hidden;
}
.embed-responsive::before {
display: block;
content: "";
}
.embed-responsive .embed-responsive-item,
.embed-responsive embed,
.embed-responsive iframe,
.embed-responsive object,
.embed-responsive video {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.embed-responsive-16by9::before {
padding-top: 56.25%;
}
.embed-responsive-21by9::before {
padding-top: 42.857143%;
}
.embed-responsive-4by3::before {
padding-top: 75%;
}
.embed-responsive-1by1::before {
padding-top: 100%;
}
.article_divider {
border-top: 5px solid #ccc;
margin: 0 0 20px;
font-size: 15px;
color: #ccc;
text-align: center;
}
.article_divider:before {
content: "";
display: block;
margin: auto;
margin-bottom: 10px;
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid #ccc;
}
div.main-content:not(.bdwcontent) div.description ol li, div.main-content div.description ul li{
padding-top: 5px;
line-height:22px;
list-style-position: inside;
list-style-type: disc;
}
.article div.main-content.bdwcontent .description p {
margin-bottom:0px;
}
div.main-content.bdwcontent div.description ol li, div.main-content.bdwcontent div.description ul li{
padding-top: 5px;
line-height:22px;
}
div.main-content.bdwcontent .captaionbox.active .captaionboxcontent{
color:#fff;
}
div.main-content.bdwcontent div.description ol
{
counter-reset: mylist 0;
}
div.main-content.bdwcontent div.description ol li{
list-style-position: inside;
list-style-type: none;
counter-increment: mylist;
}
div.main-content.bdwcontent div.description ul li{
list-style-position: inside;
list-style-type: disc;
}
div.main-content.bdwcontent div.description ol li:before {
content: counter(mylist) ". ";
}
div.article div.description div.section1 div.Normal img {
margin-top: 4px;
margin-bottom: 7px;
}
.article .description .title .likes_box{position:absolute;top:0;right:0;}
img.alignleft {
float: left;
margin: 0 10px 10px 0;
display: inline;
}
.article .description p {
margin-bottom: 13px;
}
img.alignright {
float: right;
margin: 0 0px 10px 10px;
display: inline;
}
img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
}
/* Default List Styles */
ul, ol {
list-style: none;
}
li {
line-height: 1.2em;
}
li ul, li ol {
margin-bottom: 0px;
}
/*
* Clearing Methods
*/
.pointer {
cursor: pointer;
}
.clearfix:after {
content: ".";
display: block;
font-size: 0;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
display: block;
}
.floatbox {
overflow: hidden;
}
.clear {
clear: both;
height: 1px;
line-height: 1px;
}
/*
/*---- Floats ----*/
.flR {
float: right;
}
.flL {
float: left;
}
/*---- Horizontal Alignment ----*/
.alR {
text-align: right;
}
.alC {
text-align: center;
}
strong.alC {
display: block;
}
/*---- Hide ----*/
.hide {
display: none;
}
b, strong {
font-weight: bold;
}
.w100p{width:100%;}
.pos_rel{position:relative;}
.fl{float:left;}
html.stopScroll {
overflow-y: scroll !important;
}
html.stopScroll, html.stopScroll body {
overflow: hidden !important;
height: 100% !important;
}
/*----- Layout Styles ---*/
#container {
width: 100%;
background: #eeeeee;
overflow-x: hidden;
position: relative;
}
#container.nobg{background:none !important;}
body.bgImg #container{max-width:1000px; margin:0 auto;z-index:2;overflow-x: visible;}
body.bgImg .top .logo{margin-left:5px;}
body.bgImg .breadcrumbs{padding-left:5px;}
doesnotexist:-o-prefocus, #container {
overflow:hidden;
}
/*----- Wrapper ----*/
.wrapper {
max-width: 1000px;
margin: 0 auto;
box-sizing:border-box;
}
.wrapper_row_xl{
margin-left:-10px;
margin-right:-10px;
}
#top .wrapper, #header .wrapper {
max-width: 960px;
}
/*----- Header ---*/
.header {
background-color: #2d2f30;
font-family: bree_serifregular;
color: #fff;
display: none;
padding: 6px 0 10px;
position: relative;
}
/*----- Navigation ---*/
/*.navigation {*/
/* margin-bottom: 0px;*/
/* display: block;*/
/* min-height: 30px;*/
/*}*/
/*.bgImg .navigation{background:none; border:0;}*/
/*.bgImg .navigation .wrapper{ background: #55b229; border-bottom: 1px solid #136404;}*/
/*---- Content ---*/
.content {
/*background: #eee url(http://static.toiimg.com/photo/29450021.cms) repeat top left;*/
padding-bottom: 72px;
position: relative;
}
/*-----Large-column ------*/
.main-content {
float: left;
width: 650px;
float: left;
margin-left: 11px;
}
/*----- Small-column ----*/
.tile_byline {font-style: italic;font-size: 13px;color: #969797;}
.sidebar {
width: 320px;
margin-left: 11px;
float: left;
z-index: 2;
}
/* affiliate background bg remove 07-06-2022 */
.remove_black_bg .slider {background: transparent; box-shadow: none; }
.sidebar .box1{box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%);}
body.reco_layer #container{width:100%;position:fixed;}
.reco_layer #city-gs-review .overlay-map{padding-top:10px;overflow:hidden;background:none;position:relative;}
.reco_layer #city-gs-review .overlay-map h2.heading {
color: #fff;
margin: 0 10px 10px 10px;
font-size: 19px;
position: fixed;
z-index: 9999;
background: #55b229;
padding: 10px;
top: 0;
max-width:960px;
}
#city-gs-review .tags, #city-gs-review .social{display:none;}
/*.reco_layer #city-gs-review .three-column-layout{margin-top:70px;}*/
/*------- Heade.toi .header2 .logo_main ar2 -------*/
.header2{background:#353535; padding:16px 0; display:none;}
.toi .header2, .pm .header2, .mm .header2, .am .header2, .bm .header2, .fm .header2{display:block;}
.pm .header2, .mm .header2, .am .header2, .bm .header2,.fm .header2{background:#fff;}
.toi .top .logo, .pm .top .logo, .mm .top .logo, .am .top .logo, .bm .top .logo,.fm .top .logo{display:none;}
.header2 h1{float:left; line-height:31px; font-size:22px; font-weight:bold; color:#fff; padding-left:1px;}
.pm .header2 h1, .mm .header2 h1, .am .header2 h1, .bm .header2 h1, .fm .header2 h1{line-height:19px; color:#000; border-color:#e7e7e7;margin-top:16px;}
.bm .header2 h1{margin-top:13px;}
.pm .top, .mm .top, .am .top, .bm .top,.fm .top{ border-bottom: 1px solid #e7e7e7;}
.toi .top{background-color:#353535;border-bottom:1px solid #1a1a1a}
.toi .top span{color:#fff;}
.toi .header2{border-top:1px solid #4a4a4a}
.toi .header2 .sponsor{margin-top:-1px;}
.header2 .logo_main {float:left; padding-top:0px;}
.header2 .logo_main a {float:left; margin:0 10px 0 11px; font-family:"Times New Roman", Times, serif;
overflow:hidden; color:#fff !important; font-weight:bold; height:0; position:relative; float:left;border-right:1px solid #e7e7e7;padding-right:8px;}
.toi .header2 .logo_main a {background: url(http://static.toiimg.com/photo/65010528.cms) no-repeat 0 -1632px; padding-top:24px; width:278px; color:#fff !important;border-right:1px solid #fff; }
.pm .header2 .logo_main a {background: url(http://static.toiimg.com/photo/65010528.cms) no-repeat 0 -1700px; padding-top:35px; width:208px; color:#000 !important; }
.mm .header2 .logo_main a {background: url(http://static.toiimg.com/photo/65010528.cms) no-repeat 0 -1739px; padding-top:35px; width:234px; color:#000 !important; }
.am .header2 .logo_main a {background: url(http://static.toiimg.com/photo/65010528.cms) no-repeat 0 -1778px; padding-top:35px; width:277px; color:#000 !important; }
.bm .header2 .logo_main a {background: url(http://static.toiimg.com/photo/65010528.cms) no-repeat 0 -1814px; padding-top:35px; width:212px; color:#000 !important; }
.fm .header2 .logo_main a {background: url(http://static.toiimg.com/photo/65010528.cms) no-repeat -45px -2389px; padding-top:35px; width:168px; color:#d9028a !important; }
.fm .header2 .logo_main a span,.bm .header2 .logo_main a span, .mm .header2 .logo_main a span, .am .header2 .logo_main a span, .pm .header2 .logo_main a span{color:#ed2224;}
.header2 .sponsor{float:right; margin-right:11px;margin-top:9px;}
.header2 .sponsor span.title{margin-right:6px;
/*display:block;*/
color:#afafaf; font-size:10px; float:left;margin-top:15px;}
/*.header2 .sponsor .logo{display:block; color:#fff !important; width:130px; padding-top:30px; height:0; background: url(http://static.toiimg.com/photo/65010528.cms) no-repeat -128px -1452px;
position:relative; overflow:hidden;}*/
.header2 .sponsor .logo{
/*display:block;*/
color:#fff !important; font-size:20px; font-weight:bold;}
.bm .header2 .sponsor .logo, .mm .header2 .sponsor .logo, .am .header2 .sponsor .logo, .pm .header2 .sponsor .logo,.fm .header2 .sponsor .logo{color:#000 !important;}
/*----- Footer ----*/
footer.footer {
background: none;
border-top: 1px solid #575959;
position: relative;
padding: 7px 0;
}
div.site-map .apps h3 a {
width: inherit;
height: inherit;
display: inline;
background: none;
color:#fff;
}
footer.footer p {
text-align: center;
margin: 0 auto;
max-width: 603px;
font-size: 10px;
color: #929090;
line-height: 18px;
}
footer.footer p a {
color: #929090;
}
footer.footer img.left-bottom-bg {
position: absolute;
bottom: 0;
z-index: 50;
left: 17px;
}
/*--------------------------- Page Common Styles ----------------------------*/
/*css for last section footer*/
.last_section_footer ul {grid-gap: 16px; display: grid; grid-template-columns: repeat(6,15%); margin-bottom: 16px;}
.last_section_footer h6{color: #1a1a1a; text-transform: uppercase; font:bold 12px 'Montserrat',Arial,Helvetica,sans-serif; position: relative; padding-bottom: 12px; margin-bottom: 10px; clear: both;}
.last_section_footer h6:before{content: ''; height: 1px; width: 16px; background-color: #1a1a1a; position: absolute; left: 0; bottom: 0;}
.last_section_footer ul li a{-webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden;color:#1a1a1a;font-size:12px;padding:0;}
/*----- Topbar ---*/
.top {
background: #fff;
padding: 7px 0;
}
/*---download page--*/
.anm_txt ul{ width: 30%;
padding-left: 30px;background:url("http://static.toiimg.com/photo/51344619.cms") no-repeat;}
.anm_txt ul li{ width: 150px;
height: 48px;
padding-left: 63px;
position: relative;
padding-top: 13px;
}
.anm_txt ul li span.numb{
color: #ffc600;
font-weight: bold;
display: block;
font-size: 24px;
}
.anm_txt ul li span.txt{
color: #fff;
font-size: 12px;
line-height: 26px;
/* margin-bottom: 54px; */
font-weight: 100;
text-transform: uppercase;
}
.anm_txt ul li:before { background: url("http://static.toiimg.com/photo/65010528.cms") no-repeat;
content: "";
width: 39px;
height: 44px;
position: absolute;
left: 0;
top: 7px;
}
.anm_txt ul li:nth-child(1):before{background-position:2px -2280px;display:block;}
.anm_txt ul li:nth-child(2):before{background-position:-56px -2280px;display:block;}
.anm_txt ul li:nth-child(3):before{background-position:-123px -2280px;display:block;}
.anm_txt ul li:nth-child(4):before{background-position:-193px -2280px;display:block;width:36px;}
.anm_txt ul li:nth-child(5):before{background-position:-261px -2280px;display:block;}
/*---download page--*/
.top .app_down{
background: url("http://static.toiimg.com/photo/65010528.cms") no-repeat scroll 2px -2092px rgba(0, 0, 0, 0);
float: right;
height: 20px;
margin-right: 5px;
width: 14px;
float:right;
}
.top .app_down:hover{background-position:-18px -2092px}
.top .user-login {
float: right;
}
.top span,.navigation .user-controls{font-weight:normal!important; cursor:pointer;}
.top .user-controls, [data-plugin="user-notloggedin"]{margin-right:4px;}
.top span.title {
display: inline-block;
font-size: 12px;
line-height: 18px;
font-weight: bold;
color: #55b229;
margin-right: 8px;
float: left;
text-transform: uppercase;
cursor:default;
}
.top .user-controls {
float: left;
position: relative;
padding: 0 5px;
line-height: 18px;
min-width: 55px;
}
.top .user-controls a.user-name {
display: block;
line-height: 18px;
font-size: 12px;
color: #000;
text-transform: uppercase;
font-weight: bold;
position: relative;
padding-right: 14px;
}
.top .user-controls a.user-name i.icon-down-arrow {
background: url(http://static.toiimg.com/photo/65010528.cms) no-repeat -251px -345px;
width: 8px;
height: 4px;
display: inline-block;
position: absolute;
right: 0;
top: 7px;
z-index: 500;
}
.top .user-controls a.user-name span {
display: inline-block;
}
.top .social-login {
float: left;
margin-left: 5px;
border-left:1px solid #ddd; padding-left:10px;
}
.top .social_txt{color:#999; text-transform:uppercase; display:block; font-size:11px; text-align:center; line-height:11px; margin-bottom:4px;}
.top .social-login a {
display: inline-block;
width: 18px;
height: 18px;
margin-left: 6px;
background: url(http://static.toiimg.com/photo/65010528.cms) no-repeat 0 0;
}
.top .social-login a.fb {
background-position: -219px -72px;
}
.top .social-login a.twitter {
background-position: -242px -72px;
}
.top .social-login a.gplus {
background-position: -263px -72px;
}
.top .social-login a.pinterest {
background-position: -282px -72px;
}
.top .social-login a.instagram {
background-position: -100px -1961px;
}
.navigation div.drop-down{margin-top:10px;}
.navigation .user-controls div.drop-down,.top .user-controls div.drop-down, .top .login-field div.drop-down {
background: #fff;
right: 0;
top: 18px;
z-index: 9999;
position: absolute;
display: none;
}
.navigation .user-controls div.drop-down ul,.top .user-controls div.drop-down ul, .top .login-field div.drop-down ul {
padding: 10px 18px;
list-style: none;
}
.top .user-controls div.drop-down ul li, .top .login-field div.drop-down ul li,.navigation .user-controls div.drop-down ul li {
display: block;
line-height: 16px;
text-align: right
}
.navigation .user-controls div.drop-down ul li a, .naviation .user-controls div.drop-down ul li span,.top .user-controls div.drop-down ul li a, .top .login-field div.drop-down ul li a, .top .user-controls div.drop-down ul li span, .top .login-field div.drop-down ul li span {
font-weight: bold;
font-size: 12px;
color: #000;
cursor:pointer;
}
.top .user-controls:hover div.drop-down, .top .login-field.loggedin:hover div.drop-down,.navigation .user-controls:hover div.drop-down, .navigation .login-field.loggedin:hover div.drop-down {
display: block;
}
.top p, .user-login {
line-height: 18px;
color: #000;
font-size: 12px;
text-transform: uppercase;
float: right;
}
.top p a, .user-login a {
color: #000;
text-decoration: none;
font-weight: bold;
}
.top .search-form1 {
float: right;
margin-left: 10px;
}
.top .login-field div.drop-down {
right: -13px !important;
top: 22px !important;
}
.top .login-field {
position: relative;
float: left;
width: 18px;
height: 18px;
display: none;
}
.user-controls img.user-icon{margin-right:5px;border-radius: 50%;cursor:default;
width: 24px;
height: 24px;}
span.user-icon-default{ background: url(http://static.toiimg.com/photo/65010528.cms) no-repeat -225px -1961px; float: left;
width: 14px;
height: 17px;}
.navigation span.user-icon-default{background: url(http://static.toiimg.com/photo/65010528.cms) no-repeat -225px -1985px;
width: 18px;
height: 18px;}
.user-login span.user-icon-default{
cursor:default;
margin-right: 5px;}
.navigation .user-controls img.user-icon{margin-top:5px;}
.top .login-field a.user-icon {
position: relative;
width: 13px;
height: 18px;
background: url(http://static.toiimg.com/photo/65010528.cms) no-repeat -174px -1076px;
display: block;
}
.top .login-field.loggedin a.user-icon {
background-position: -196px -1076px;
}
.top .icon-down-arrow{background: url(http://static.toiimg.com/photo/65010528.cms) -93px -2129px; display: inline-block; width: 9px; height: 8px; margin-left: 4px;}
/*---- Search-form1 -----*/
.search-form1 {
background: #fff;
height: 20px;
position: relative;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
width: 210px;
padding: 3px 10px;
box-shadow: 0 2px 2px #dfdfdf inset;
-moz-box-shadow: 0 2px 2px #dfdfdf inset;
-webkit-box-shadow: 0 2px 2px #dfdfdf inset;
}
.search-form1 input.txt {
float: left;
line-height: 11px;
border: 0;
background: none;
width: 190px;
font-size: 11px;
color: #7a7a7a;
font-family: Tahoma, Geneva, sans-serif;
font-style: italic;
padding: 4px 0;
}
.search-form1 input.submit {
display: block;
float: right;
width: 15px;
background: url(http://static.toiimg.com/photo/65010528.cms) no-repeat 0 0;
height: 20px;
border: 0;
-webkit-appearance: none;
padding: 0;
position: relative;
}
/*----- Logo ----*/
.opera_link{display:none;text-align: center; padding: 14px 0 13px 0; font-size: 14px; background: #eee url(http://static.toiimg.com/photo/29450021.cms) repeat top left;color:#d10c17;}
.opera_link a{color:#d10c17;}
.opera_link img{height:16px;width:16px;vertical-align:middle;position:relative;top:-2px;margin-right:3px;}
.header h1 a {
float: left;
position: relative;
width: 207px;
height: 0;
padding-top: 80px;
overflow: hidden;
display: block;
background: url('http://static.toiimg.com/photo/21265537.cms') no-repeat 0 0;
}
.header .ad,.header .banner_local {
float: right;
width: 728px;
}
/* local's recommendation*/
.results h1.heading {font-size:20px;margin:20px 0;}
.results table th, .results table td{margin:auto;padding:10px;font-size:12px;}
/*poishow*/
.poi-show-page .expand {
color: #F24E0D;
font-size: 14px;
line-height: 24px;
}
.poi-show-page .heading-right {
border-left: none;
}
.poi-show-page #city_guide_show .shareblock {
display: none;
}
.poi-show-page #city_guide_show #mainshow div.main-show-inner {
padding-left: 0
}
/*
.poi-show-page #city_guide_show .pagination ul {
left: 0;
}
*/
.poi-show-page #city_guide_show .pagination ul{
float:left;
left:50%;
}
.poi-show-page #city_guide_show .pagination ul li
{
right:50%;
}
/****-- poll ---*/
.sign_layer_bg{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0.9;z-index:1;background-color:#fff;}
.sign_layer{position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%); z-index:2; font-size:24px; font-weight:bold; color:#000; line-height:24px; text-align:center; white-space:nowrap;}
.sign_layer div{margin-bottom:25px;}
.sign_layer .submit{float:none!important; height:40px!important; line-height:40px!important; min-width:140px!important; font-size:16px!important; border-radius:6px!important;}
a.lb-close{background: url(http://static.toiimg.com/photo/65010528.cms) no-repeat;}
a.lb-close{background-position: -129px -1411px; cursor: pointer; display: block; height: 21px; position: absolute; right: -10px; top:-10px; width: 21px; z-index:99;}
.quiz_popup{width:52%;z-index:999999;}
/*.quiz_popup{width:46%;z-index:999999;}*/
.box1.full-width .result.result1 h2{line-height:25px;}
.quiz_hp .box1.full-width .result.result1 h2{color: #000; font-size: 20px;}
.box1.full-width .travel_quiz { max-width: 570px; width: 100%; margin: 0 auto; }
.box1.full-width .travel_quiz h2 { font-size: 20px!important; margin-bottom: 20px;color:#000;font-weight:bold; }
.box1.full-width .travel_quiz .question { margin-bottom: 45px; }
.box1.full-width .travel_quiz .question .inner { float: left; width: 250px; }
.box1.full-width .travel_quiz h3 { font-size: 16px; color: #ed5100; margin-bottom: 10px; }
.box1.full-width .travel_quiz h4 { font-size: 14px; font-weight: normal; color: #333; clear: both; margin-bottom: 10px; }
.box1.full-width .travel_quiz .show_hint, .result .show_hint { background:#f3f3f4; padding: 4px 14px 4px 10px; border: 1px solid #bcbcbc; border-radius: 1000px; display: inline-block; font-size: 11px; font-weight: 600; color: #777; line-height: 1; position: relative; float: right; margin-bottom: 10px; }
.box1.full-width .travel_quiz .show_hint:after,.box1.full-width .result .show_hint:after { position: absolute; content: ""; background:url(http://static.toiimg.com/photo/50821554.cms) no-repeat; width: 5px; height: 9px; right: 5px; top: 50%; margin-top: -5px; }
.box1.full-width .travel_quiz ul { margin: 0; padding: 0; list-style-position: inside; }
.box1.full-width .travel_quiz ul li { list-style: none; margin-bottom:5px;}
.box1.full-width .travel_quiz ul li a { font-size: 14px; font-weight: bold; color: #333; line-height: 1; }
.box1.full-width .travel_quiz ul li a input[type="radio"]{vertical-align:baseline; margin-right:8px;}
.box1.full-width .travel_quiz ul li a:hover{color:#333!important;}
.box1.full-width .travel_quiz.type2{position:static;}
.box1.full-width .travel_quiz.type1 h3 { float: left; }
.box1.full-width .travel_quiz.type1 .question > img { float: left; margin-right: 20px }
.box1.full-width .travel_quiz.type2 ul { clear: both; }
.box1.full-width .travel_quiz.type2 .question ul li { float: left; width: 31%; margin-right: 16px; }
.box1.full-width .travel_quiz.type2 .question ul li p { text-align: center; }
.box1.full-width .questions_progress { position: relative; text-align: center; }
.box1.full-width .questions_progress:after { position: absolute; content: ""; background: #bbb; width: 100%; height: 1px; left: 0; top: 50%; }
.box1.full-width .questions_progress li { display: inline-block; margin: 0 30px; position: relative; z-index: 1; }
.box1.full-width .questions_progress li span { display: block; height: 44px; width: 44px; line-height: 44px; text-align: center; border-radius: 50%; border: 2px solid #bbb; background: #fff; font-size: 24px; font-weight: bold; }
.box1.full-width .questions_progress li.completed span { background: #363535; color: #e5e7e6; border-color: #363535; }
.box1.full-width .quiz_answers .travel_quiz { border-bottom: 1px solid #dfe0e0; margin-bottom: 10px; }
.box1.full-width .quiz_answers .travel_quiz .question { margin-bottom: 0; padding-bottom: 10px; }
.box1.full-width .quiz_answers .travel_quiz .question img { vertical-align: middle; }
.box1.full-width .quiz_answers .travel_quiz.type2 .question ul li,.box1.full-width .quiz_answers .travel_quiz.type1 .question ul li { opacity: .5; }
.box1.full-width .quiz_answers .travel_quiz.type2 .question ul li p { font-size: 13px; font-weight: 600; }
.box1.full-width .quiz_answers .travel_quiz.type2 .question ul li.correct_answer { opacity: 1; text-align: center; }
.box1.full-width .quiz_answers .travel_quiz.type1 .question ul li.correct_answer { opacity: 1; }
.box1.full-width .quiz_answers .travel_quiz.type2 .question ul li .tick_icon { width: auto; }
.type1 .tick_icon{margin-left:5px;}
.box1.full-width .result { max-width: 575px; width: 100%; margin: 0 auto; background: #fff; box-sizing: content-box;padding-top:10px; }
.box1.full-width .result .images { float: left; text-align: center; margin-right: 10px; box-sizing: content-box;margin-top:6px; }
.box1.full-width .result .details { padding-top: 40px; margin-left: 175px; box-sizing: content-box; }
.box1.full-width .result .details p { font-size: 18px; line-height: 1.5; color: #363535; font-weight: 600; margin-bottom: 20px; }
.box1.full-width .result .details .btn { background: #e56c00; border-radius: 1px; display: block; padding: 12px 0; font-size: 16px; font-weight: bold; color: #fff; text-align: center; }
.box1.full-width .result .details h4 { font-size: 18px; margin-bottom: 10px; }
.box1.full-width .result .details p strong { font-size: 14px; }
.box1.full-width .result .fb-btn,.box1.full-width .result .try-again-btn { background: url(http://static.toiimg.com/photo/49564813.cms) repeat; border-radius: 2px; height: 42px; line-height: 42px; display: block; padding-right: 30px; font-size: 14px; color: #fff; max-width: 335px }
.box1.full-width .result .fb-btn:hover,.box1.full-width .result .try-again-btn:hover{color:#fff!important;}
.box1.full-width .result .fb-btn { margin-bottom: 10px; }
.box1.full-width .result .fb-btn span,.box1.full-width .result .try-again-btn span { border-right: 1px solid #4265a1; display: inline-block; width: 52px; display: inline-block; text-align: center; margin-right: 30px; position: relative; }
.box1.full-width .result .fb-btn span:after,.box1.full-width .result .try-again-btn span:after { position: absolute; content: ""; background: #71a0de; width: 1px; height: 100%; right: -2px; top: 0; }
.box1.full-width .result .try-again-btn span:after { background: #e14656; }
.box1.full-width .result .fb-btn span img,.box1.full-width .result .try-again-btn img { vertical-align: middle; }
.box1.full-width .result .try-again-btn { background: url(http://static.toiimg.com/photo/49564874.cms) repeat; }
.box1.full-width .result .try-again-btn span { border-right-color: #910a12; }
.box1.full-width .result1 h2 { float: left;font-size: 20px; margin-bottom: -7px;color:#000;font-weight:bold; }
.box1.full-width .result1 .images { clear: both; }
.donotshow{height:0!important;width:0!important;margin:0!important;padding:0!important;}
.box1.one-third.donotshow{float:left;}
.ad_v2.mweb_strip{float:none;}
.quiz_close{display:none;}
/*Quiz widget Home page*/
.quiz_hp #travel_quiz{float:none; width:86%; margin:0 auto 40px; box-shadow:0 0 5px #999; position:relative; min-height:inherit!important;}
.quiz_hp .box1.full-width .travel_quiz.type1 .question>img{width:200px;}
.quiz_hp #travel_quiz .quiz_close{position: absolute;z-index:9; width: 20px; height: 20px; background: #000; right: 0; top: 0;display:block; text-align:center;}
.quiz_hp #travel_quiz .quiz_close:before{content:"X"; position:absolute; left:6px; top:2px; font-size:16px; line-height:1; color:#fff; font-weight:100;}
.quiz_hp .box1.full-width .travel_quiz{width:96%; max-width:none;}
.quiz_hp .box1 .travel_quiz h2{color:#000; font-size:20px; margin-bottom:10px;}
.quiz_hp .box1.full-width .questions_progress{margin-bottom:-50px;}
.quiz_hp .box1 .travel_quiz .question .inner{width:60%;}
.quiz_hp .box1{border:0px;}
.quiz_hp .box1.full-width .travel_quiz .question{margin-bottom:15px;}
.quiz_hp .box1.full-width .travel_quiz.type2 .question ul{float:right; clear:inherit; width:68%;}
.quiz_hp .inner_type2{width:30%; float:left; position:relative;}
.quiz_hp .inner_type2 .show_hint{position: absolute!important; top: 0px; right: 0;}
.quiz_hp .question ul li:nth-child(4n){display:none;}
.quiz_hp .box1.full-width .travel_quiz.type2 .question ul li:nth-child(3){margin-right:0;}
.box1.full-width .travel_quiz.type2 .question ul li:nth-child(4){display:none;}
.app_link_header{display:none;background-color:#3ea0d1;width:100%;height:44px;overflow:hidden;color:#fff; top: -7px;
margin-bottom: 8px; max-width: 627px;
position: relative; margin: 0 auto;}
.app_link_header.stickylink{position:fixed;top:70px;}
.app_link_header .down_guide span{ padding-left: 22px;
margin-left: 7px;}
.app_link_header span.big{font-size:14px;line-height: 10px;position:absolute;top:15px;width:53%;}
.app_link_header span.close{ position: absolute;
right: 0;
top: 1px;
background-color: #e1dfe2;
color: #000;
width: 7px;
height: 11px;
padding: 2px;}
.app_link_header .down_guide{position:absolute;right:0;
color: #fff;padding:4px 4px 7px 0px;border:none;}
.app_link_header i{background: url(http://static.toiimg.com/photo/65010528.cms) no-repeat -254px -2339px; width: 30px;
height: 55px;
float: left;
margin-left: 7px;
margin-right: 9px;margin-top:5px;}
.down_guide{ border-radius: 3px; padding: 10px; float: left; color: #000;margin-bottom:5px;padding-left:0;}
.down_guide span{font-weight: bold; color: #777; position: relative; padding-left: 25px; margin-left: 7px;}
.down_guide span:before, .app_link_footer span:before{background: url(http://static.toiimg.com/photo/65010528.cms) no-repeat -42px -2340px; content:""; width: 20px; height: 20px; position: absolute; left: 0; top: -3px;}
.app_link_footer span:before{top: 1px;}
.app_link_footer a{color:#666;}
.app_link_footer a.org_btn{background: #f24e0d!important; padding: 5px; border-radius: 5px; color: #fff!important; font-weight: bold; font-size: 12px;}
.search-results .down_guide_container{float:right; line-height: 18px;
;position:absolute;right:0;top:0;left:inherit;margin-right:10px;}
.search-results .down_guide{float:right;border-color:#000;padding:3px 4px 4px 0px;margin-left:10px;margin-top:-3px;}
.down_guide_container > span{line-height:24px;font-size:11px;color:#000;}
.applink_icn{background: url(http://static.toiimg.com/photo/65010528.cms) no-repeat -190px -2339px;
width: 21px;
height: 33px;
position: absolute;
right: 3px;
top: 4px;
}
/*.applink_icn:hover{*/
/* background-position:-221px -2339px;*/
/*}*/
.last8brdiv{
display: inline;
width: 100%;
}
.last8brdiv ul li:nth-child(2){border-right:0;}
.last8brdiv .sponsor_block {
margin: 20px auto;
/*border-top: 1px solid #ebebeb;*/
/*border-bottom: 1px solid #ebebeb;*/
padding: 15px 0 3px;
display: inline-block;
width: 100%;
}
.last8brdiv .sponsor_block.btm_native{display:none}
.hidead_init{visibility:hidden;}
.last8brdiv .sponsor_block li a img {
width: 80px;
height: 60px;
float: left;
margin: 0 15px 0 0;
}
.last8brdiv .sponsor {
font: 300 15px/15px 'Montserrat', Arial, Helvetica, sans-serif;
color: #999;
margin-left: 10px;
}
.last8brdiv .sponsor_block li {
float: left;
display: block;
border-right: 1px solid #ebebeb;
width: 48%;
padding-right: 2%;
margin-right: 2%;
box-sizing: border-box;
}
.last8brdiv .sponsor_block span {
color: #3ca2c8;
font: normal 17px/20px 'Montserrat', Arial, Helvetica, sans-serif;
display: block;
overflow: hidden;
max-height: 40px;
}
.last8brdiv .sponsor_block .sponsor {
margin: 0;
display: block;
font-size: 13px;
line-height: 20px;
}
.last8brdiv .ob_what{margin-top:0}
.last8brdiv .ob_what span{ color:#999 !important;
font-size: 10px!important;float:right}
.show_desktop{display:none;}
.applink_mobile{display:none;}
.ad_search_dest{float:right;margin-top:-9px}
.gutter_ad_wrap{width:160px; height:600px;position: absolute;top: 130px;right: 0.8%;display:none;}
.stick_gutterbottom{position:fixed;top:unset;}
div.ad_gutter_sticky{
position: fixed;
top: 70px;
}
.mob_hor_nav{display:none;}
.header_get_app{display:none;}
.flight_route1 h3.overlay, .flight_route2 h3.overlay, .flight_route3 h3.overlay, .flight_route4 h3.overlay{position:absolute;z-index:3;top:0;left:0;max-height:none;line-height:38px;padding:10px 0 10px 15px;}
.flight_route2 h3.overlay{top:105px;line-height: 34px;}
.flight_route3 h3.overlay{top: 90px; left:15px; line-height: 34px;}
.flight_route4 h3.overlay{top:155px;right:10px;left:initial;padding:0;}
.flight_route4 h3.overlay a{float:right;}
.flight_route1 .city1{ font-weight: 600; font-size:32px; color: #c3ecfb; display:block;}
.flight_route1 .to{ font-weight: 100; font-size:38px; color: #cdcdcd; padding:0 5px 0 20px;}
.flight_route1 .city2{ font-weight: 600; font-size:32px; color: #ffffff;}
.flight_route2 .city1{ font-weight: 600; font-size:30px; color: #d8d5d5;display:block;}
.flight_route2 .to{ font-weight: 100; font-size:32px; color: #ffc600;padding:0 5px;}
.flight_route2 .city2{ font-weight: 600; font-size:30px; color: #ffffff;}
.flight_route3 .city1{ font-weight: 600; font-size:32px; color: #010101;display:block;}
.flight_route3 .to{ font-weight: 100; font-size:42px; color: #010101;padding:0 5px;}
.flight_route3 .city2{ font-weight: 600; font-size:32px; color: #ffffff;}
.flight_route4 .city1{ font-weight: 600; font-size:22px; color: #ffffff; text-transform:uppercase;}
.flight_route4 .to{ font-weight: 100; font-size:22px; color: #ffffff; text-transform:uppercase;padding:0 5px;}
.flight_route4 .city2{ font-weight: 600; font-size:22px; color: #21d7f8; text-transform:uppercase;}
/******************** notification popup css *********************************/
.ntfc_overlay{position: fixed; background: rgba(0, 0, 0, 0.7); width: 100%; height: 100%; left: 0; top: 0; z-index: 9999;}
.ntfc_popup{position: fixed; background: #fff; border-radius: 0 0 4px 4px; box-shadow: 0 10px 50px #000; left: 0; right: 0; bottom: 0; top: 0; margin: 0 auto; width: 382px; height: 135px; padding: 15px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; z-index: 99999;}
.ntfc_logo{float: left; width: 48px; height: 48px; margin-right: 16px;}
.ntfc_content h4{color: #000; font-weight: bold; font-size: 16px; line-height: 1; margin: 5px 0;}
.ntfc_content p{color: #777; font-size: 14px; line-height: 14px;}
.ntfc_buttongroup{text-align: right; display: block; margin: 15px 0 10px 0;}
.ntfc_buttongroup .ntfc_dactive, .ntfc_buttongroup .ntfc_active{display: inline-block; font-size: 12px; line-height: 10px; padding: 8px 0; border-radius: 2px; text-decoration: none; width: 85px; text-align: center; text-transform: uppercase;}
.ntfc_buttongroup .ntfc_dactive{background: #e1e1e1; color: #808080; margin-right: 10px}
.ntfc_buttongroup .ntfc_active{background: #55b229; color: #fff;}
.ntfc_popup .tnc{color: #a1a1a1; text-align: right; margin: 0; font-size: 12px; line-height: 1;}
.rslt_info .count .from_to{display:none;}
.map_heading{font-size: 16px;
line-height: 33px;
}
.ent_wdt {
margin-top: 15px;
border: 1px solid #000;
padding: 20px;
position: relative;
background-color:#fff;
margin-bottom:20px;
}
.ent_wdt .tag_list {
background: #fff;
float: none;
width: 100%;
border: 0;
}
.ent_wdt .tag_list .head {
background-color: transparent;
position: absolute;
top: -10px;
}
.ent_wdt .tag_list .head a {
font-weight: 600;
font-size: 20px;
padding: 0 10px;
line-height: 1;
color: #1a1a1a;
text-transform: uppercase;
margin-bottom: 10px;
background-color: #fff;
}
.ent_wdt .tag_list li {
background-color: #f9f9f9;
border: 1px solid #d8d8d8;
border-radius: 2px;
display: inline-block;
margin: 0 5px 5px 0;
}
.ent_wdt .tag_list li a {
font-size: 12px;
color: #666;
display: block;
text-decoration: none;
padding: 5px 10px;
}
.fab_banner_mob_home{display:none;text-align:center;}
.quizad_article.desktop{display:none;margin-top:5px;margin-bottom:5px;}
.quizad_article.desktop img{width:100%;}
/*.euuser .mob_signin,.euuser #travel_quiz,.euuser .form-box input,.euuser .comment-box .footbar,.euuser .subscribe-form .emailerwidget input,.euuser .emailerwidget #submit ,.euuser #rate_box ,.euuser #been_there,.euuser #wishlist,.euuser .storealerttag,.euuser .sidebar-navigation,.euuser form#mailform,.euuser .social_wid_eu,.euuser .user_vote_widget,.euuser .large-btn1{display:none;}*/
/*.euuser #been_there,.euuser #wishlist,.euuser .mob_signin{display:none!important;}*/
/*.euuser .comment-box a.name{cursor:default;pointer-events:none;color:grey;}*/
/*.euuser .top .social-login{border-left:0px;}*/
.nextstoryIndicator {
position: fixed;
border-radius: 15px;
height: 34px;
width: auto;
padding: 0px 10px 0px 20px;
bottom: 20%;
background: rgba(0,0,0,0.9);
white-space: nowrap;
line-height: 34px;
color: #fff;
transform: translate(-50%, 0%);
left: 50%;
z-index: 1;
cursor: pointer;
display:none;
}
.backToBrandwireOuter{text-transform:uppercase; font:16px 'Montserrat', Arial, Helvetica, sans-serif; padding:10px 0 15px 0;}
.backToBrandwireOuter .lessthanArrow{display:inline-block; vertical-align:middle; position:relative; width:10px; margin-top:-2px;}
.backToBrandwireOuter .lessthanArrow:before{content:''; position:absolute; top:50%; left:0; border:solid #6e6e6e; border-width:0 2px 2px 0; transform:translateY(-50%) rotate(-225deg); width:5px; height:5px;}
.backToBrandwireOuter a{color:#0000EE; display:inline-block; vertical-align:middle;}
.backToBrandwireOuter a:hover .lessthanArrow:before{border-color:#ff394a!important;}
.assliderouter{width:100%; margin:15px 0; background-color:#222; color:#fff; position:relative;}
.assliderouter h2{padding:20px; margin:0!important; color:#fff; font:18px 'Montserrat', Arial, Helvetica, sans-serif; position:relative;}
.assliderouter h2 span{position:absolute; right:20px;}
.assliderouter .assliderleftarrow{width:52px; height:52px; border-radius:100%; background-color:rgba(255,255,255,0.9); left:0; top:50%; transform:translateY(-50%); position:absolute; z-index:3; cursor:pointer; font-size:0;}
.assliderouter .assliderleftarrow:after{content:''; position:absolute; top:50%; left:50%; border:solid #000; border-width:0 2px 2px 0; transform:translate(-50%,-50%) rotate(-225deg); width:10px; height:10px; z-index:3;}
.assliderouter .assliderrightarrow{width:52px; height:52px; border-radius:100%; background-color:rgba(255,255,255,0.9); right:0; top:50%; transform:translateY(-50%); position:absolute; z-index:3; cursor:pointer; font-size:0;}
.assliderouter .assliderrightarrow:after{content:''; position:absolute; top:50%; left:50%; border:solid #000; border-width:0 2px 2px 0; transform:translate(-50%,-50%) rotate(-45deg); width:10px; height:10px; z-index:3;}
.assliderouter .assliderleftarrow.disabled, .assliderouter .assliderrightarrow.disabled{pointer-events:none; opacity:0.6;}
.assliderouter .assliderouterIn{height:515px; width:100%; background-color:#000; overflow:hidden; position:relative;}
.assliderouter ul{white-space:nowrap; transition:all .5s ease-out; display:flex; flex-wrap:wrap;}
.assliderouter ul li{width:620px; height:515px; display:flex; line-height:0; justify-content:center; align-items:center; margin:0!important; padding:0!important;}
.assliderouter ul li span{display:table-cell; vertical-align:middle;}
.captaionbox{background-color:#222; padding:0 20px; overflow: hidden;}
.captaionbox h2{text-align:center; font-size:16px; padding:15px 0; cursor:pointer;}
.captaionbox h2:after{content:''; width:10px; height:10px; border: solid #fff; border-width: 0 2px 2px 0; transform:rotate(45deg); display:inline-block; vertical-align:top; margin:0 0 0 10px; transition:all .5s ease-out;}
.captaionboxcontent{font-size:14px; line-height:18px; white-space:normal; background-color:#222; color:#fff; width:97%; text-align:left; display:none;}
.captaionbox.active .captaionboxcontent{display:block;transition: all .5s ease-out;}
.captaionbox.active h2:after{transform:rotate(225deg); margin-top:4px;}
.captaionboxcontent p{display:inline-block; width:580px; margin:0 20px 0 0!important; vertical-align:top; color:#fff!important; }
.backToBrandwireOuter{text-transform:uppercase; font:16px 'Montserrat', Arial, Helvetica, sans-serif; padding:10px 0 15px 0;}
.backToBrandwireOuter .lessthanArrow{display:inline-block; vertical-align:middle; position:relative; width:10px; margin-top:-2px;}
.backToBrandwireOuter .lessthanArrow:before{content:''; position:absolute; top:50%; left:0; border:solid #6e6e6e; border-width:0 2px 2px 0; transform:translateY(-50%) rotate(-225deg); width:5px; height:5px;}
.backToBrandwireOuter a{color:#6e6e6e; display:inline-block; vertical-align:middle;}
.backToBrandwireOuter a:hover .lessthanArrow:before{border-color:#ff394a!important;}
.first_mrec_ads_photostory{text-align: center; margin: 0 auto 10px;}
.banner_local.box1{display:flex!important; align-items:center!important; padding:0!important; height:411px!important; box-shadow:none;}
.banner_local.box1[style="display: none;"] { display: none !important;}
.banner_local.box1.mrec_desktop{display:none!important;}
.banner_local.box1#box1_mrec_appbanner, .banner_local.box1.rightads_appbanner{height:inherit!important;}
.banner_local.box1.rightads_appbanner{}
.banner_local.header_ad{min-height:90px;}
/*usa branding*/
.photoslidertop{width:100%; position:relative;}
.photoslidertop .btnphotoslierleft, .photoslidertop .btnphotoslierright{position:absolute; top:50%; transform:translateY(-50%); width:22px; height:43px; text-indent:-9999px; z-index:9;}
.photoslidertop .btnphotoslierleft.disabled, .photoslidertop .btnphotoslierright.disabled{display:none;}
.photoslidertop .btnphotoslierleft:after{content:''; border:solid #fff; border-width:0 3px 3px 0; transform:rotate(-225deg); width:25px; height:25px; position:absolute; top:20%; left:7px;}
.photoslidertop .btnphotoslierright:after{content:''; border:solid #fff; border-width:0 3px 3px 0; transform:rotate(-45deg); width:25px; height:25px; position:absolute; top:20%; right:7px;}
.photoslidertop .btnphotoslierleft{left:20px;}
.photoslidertop .btnphotoslierright{right:20px;}
.photoslidertop .photoslidertopIn{position:relative; border-radius:14px; overflow:hidden;}
.photoslidertop ul{white-space:nowrap; transition:all .5s ease-out;}
.photoslidertop ul li{display:inline-block; vertical-align:middle; position:relative;}
/*.photoslidertop ul li img{border-radius:14px;}*/
.captionbottom{position:absolute; bottom:0; left:0; max-height:230px; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000); color:#fff; width:100%; text-align:center; padding:50px 20px; border-radius:0 0 14px 14px;box-sizing: border-box;white-space: normal;}
.captionbottom h2{background-color:#1b1b1b; display:inline-block; font-size:15px; color:#54b22a; padding:3px 7px;}
.captionbottom h3{font-size:26px; font-weight:700; text-transform:uppercase; width:40%; margin:0 auto;}
.captionbottom h4{font-size:16px; font-weight:100; margin-top:10px;}
.paginationdots{position:absolute; left:0; bottom:4%; width:100%; text-align:center;}
.paginationdots a{width:11px; height:11px; border-radius:100%; border:solid 1px #979797; display:inline-block; margin-right:5px;}
.paginationdots a.active{background-color:#a0a0a0;}
.lasteststorybox{margin-top:20px;}
.lasteststorybox h2{font-size:25px;}
.lasteststorybox ul{display:flex; flex-wrap:wrap; justify-content:space-between;}
.lasteststorybox ul li{width:46%; margin:10px 0; padding:15px; background-color:#fff; box-shadow:0 1px 2px 1px rgba(0, 0, 0, 0.1);}
.lasteststorybox ul li img{width:200px; float:left; margin-right:20px; border-radius:10px;}
.lasteststorybox ul li h3{color:#000; font-size:16px; line-height:1.57;}
.lasteststorybox ul li p{font-size:14px; line-height:1.57; margin-top:10px; overflow:hidden; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; height:63px; color:#000;}
.btnseeallstory{position:relative; text-align:center; font-size:16px; margin-top:10px;}
.btnseeallstory a{display:inline-block; width:255px; height:58px; border-radius:4px; border: solid 1px #cdcdcd; background-color:#fff; position:relative; z-index:3; color:#54b22a; line-height:60px;}
.btnseeallstory:after{content:''; background-color:#cdcdcd; height:1px; width:100%; top:50%; position:absolute; left:0; transform:translateY(-50%); z-index:1;}
.photovideobox{padding:15px 0; overflow:hidden;}
.photovideobox h2{position:relative; font-size:25px; margin:20px 0; line-height:40px;}
.photovideobox .btnseeall{width:90px; height:40px; border-radius:4px; border:solid 1px #cdcdcd; background-color:#fff; font-size:15px; line-height:42px; color:#54b22a; position:absolute; right:100px; top:0; text-align:center; font-weight:normal;}
.photovideobox .btnrightarrow{width:45px; height:40px; border-radius:0 4px 4px 0; border:solid 1px #cdcdcd; background-color:#fff; font-size:15px; line-height:42px; color:#54b22a; position:absolute; right:0; top:0; text-align:center; font-weight:normal;}
.photovideobox .btnleftarrow{width:45px; height:40px; border-radius:4px 0 0 4px; border:solid 1px #cdcdcd; background-color:#fff; font-size:15px; line-height:42px; color:#54b22a; position:absolute; right:45px; top:0; text-align:center; font-weight:normal;}
.photovideobox .btnleftarrow:after{content:''; border:solid #000; border-width:0 2px 2px 0; transform:rotate(-225deg); width:7px; height:7px; position:absolute; top:40%; left:40%;}
.photovideobox .btnrightarrow:after{content:''; border:solid #000; border-width:0 2px 2px 0; transform:rotate(-45deg); width:7px; height:7px; position:absolute; top:40%; right:40%;}
.photovideobox .btnrightarrow.disabled:after, .photovideobox .btnleftarrow.disabled:after{opacity:0.10;}
.photovideobox ul{white-space:nowrap; transition:all .2s ease;}
.photovideobox ul li{display:inline-block; white-space:normal; width:230px; margin-right:10px; padding:15px; background-color:#fff; box-shadow:0 1px 2px 1px rgba(0, 0, 0, 0.1);}
.photovideobox ul li .posrel{display:block; position:relative; padding-bottom:75%; overflow:hidden;}
.photovideobox ul li img{border-radius:13px; position:absolute; top:0; left:0; right:0; bottom:0; display:block; width:100%; height:100%;}
.photovideobox ul li p{font-size:16px; line-height:1.59; overflow:hidden; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; height:73px; color:#000; margin-top:10px;}
.usaphotostoryicon{background:url(http://static.toiimg.com/photo/74078090.cms) no-repeat 0 0; position:absolute; bottom:0px; right:0px; width:71px; height:61px;}
.usalogo{text-align:center;}
.usalogo img{width:22%;}
/*usa branding*/
/*embeded video on articleshow*/
.video_mid_items.singlevideo{display:block; padding:12px; background-color: #f2f2f2;}
.video_mid_items.singlevideo .lftvideoplayer_box{width:100%;}
.video_mid_items.singlevideo .pos_rel{padding-bottom:56.3302752293578%;}
.video_mid_items.singlevideo .videoiframe{position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%;}
/*.video_mid_items.singlevideo .videoiframe div{z-index:2;}*/
/*.video_mid_items.singlevideo .videoiframe .__adC{position:absolute;}*/
.video_mid_items.singlevideo .videoiframe .playerContainer{height:100%;}
.video_mid_items.singlevideo .__video, .video_mid_items.singlevideo .__video video{top:0;}
.lftvideoplayer_box img{border-radius:4px; position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%;}
.lftvideoplayer_box .bigbig_playicon{top:50%; right:inherit; left:50%; transform:translate(-50%,-50%);}
.lftvideoplayer_box h4{font-size:18px!important; line-height:24px; margin:0!important; /*display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; height:51px;*/}
.video_mid_items.singlevideo .lftvideoplayer_box h2{display:block; height:inherit;}
.views_sharing_box{display:flex; align-items:flex-start; justify-content:space-between;}
.views_item{color:#bfbfbf; font-size:12px;}
.views_item span{color:#656565; font-size:13px;}
.sharing_items{text-align:right; align-self: flex-end;}
.captionbox{padding:10px 0 0; position:relative; min-height:32px;}
.captionbox .showcaptxt{font-size:15px; line-height:32px; color:#000; float:left; cursor:pointer;}
.showcaptxt:after{content:''; width:7px; height:7px; border:solid #000; border-width:0 1px 1px 0; transform:rotate(45deg); display:inline-block; vertical-align:middle; margin:-5px 0 0 8px;}
.showcaptxt.open:after{transform:rotate(225deg); margin-top:5px;}
.captionbox .captionshare{color:#4c4c4c; font-size:13px; position:absolute; right:0;}
.captionhideshow{clear:both; font-size:14px; line-height:20px; float:left; margin-top:15px; white-space:normal;}
.captionhideshow em{font-style:italic;}
.as_fbicon, .as_twticon, .as_inicon{cursor:pointer; text-align:center; display:inline-block; vertical-align:middle; width:32px; height:32px; border-radius:32px; font-size:0; margin-left:5px; background-image:url(http://static.toiimg.com/photo/77522229.cms); background-repeat:no-repeat; background-size:121px auto;}
.as_fbicon{background-position:-4px -2px;}
.as_twticon{background-position:-45px -2px;}
.as_inicon{background-position:-86px -2px;}
/*embeded video on articleshow*/
/*audio embed css*/
.audioembed_box{background-color:#f8f8f8; border-top:1px solid #ededed; border-bottom:1px solid #ededed; margin:15px 0;}
.audioembed_box .audioembed_boxspace{padding:4%; display:flex!important; align-items:center; justify-content:space-between;}
.audioembed_box .crossaudioplayer{position:absolute; top:7px; right:3%; text-indent:-9999px; cursor:pointer; width:16px; height:16px; display:none; z-index:9;}
.audioembed_box .crossaudioplayer:before, .audioembed_box .crossaudioplayer:after{position:absolute; right:7px; content:' '; height:16px; width:2px; background-color:#000; top:-1px; display:block;}
.audioembed_box .crossaudioplayer:before{transform:rotate(45deg);}
.audioembed_box .crossaudioplayer:after{transform:rotate(-45deg);}
.audioembed_box .audioembed_boxIn{width:75%;}
.audioembed_box h2{color:#000; font-size:16px; line-height:20px; margin:0 0 8px!important; overflow:hidden; height:40px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.audioembed_box h4{color:#666!important; font-size:12px!important; margin:0!important; padding:0!important;}
.audioembed_box .listenbtn{width:100px; height:36px; background-color:#ec1644; color:#fff!important; border-radius:25px; text-align:center; font-size:16px; text-decoration:none!important; display:flex; align-items:center; justify-content:center;}
.audioembed_box .listenbtn:hover{color:#fff!important;}
.audioembed_box .listenbtn:before{content:''; width:0; height:0; border-left:8px solid #fff; border-top:7px solid transparent; border-bottom:7px solid transparent; margin-right:6px;}
.audioembed_box.playerStarted .crossaudioplayer{display:block;}
/*.audioembed_box div[id^="playerContainer"]{height:105px!important;}*/
.audioembed_box div[id^="playerContainer"] .spl_audio_2Line{height:100px;}
.audioembed_box .spl_audio_black, .audioembed_box .spl_audio_outer.spl_end .slikeplayer.spl_audio_white, .audioembed_box .spl_cream{background-image:none!important;}
.audioembed_box sacopy{color:#fff;}
/*audio embed css*/
.mrstories{padding: 20px 10px 10px;
font-size: 16px;
clear: both;
text-transform: uppercase;
}
.mobileShow{display:none;}
@media screen and (min-width: 768px){
.mrstories{padding: 0px 10px 10px;}
}
@media screen and (max-width:500px) and (min-width: 360px){
.ntfc_popup{max-width: 350px; height: 125px; padding: 10px;}
.ntfc_content h4{font-size: 14px;}
.nextstoryIndicator {display:block;}
}
@media screen and (max-width:358px) {
.ntfc_popup{max-width: 300px; height: 210px;}
.ntfc_content h4{font-size: 15px;}
}
/************************** /notification popup css **************************/
@media screen and (max-width: 1002px) and (min-width:480px) {
.search-results .down_guide_container{
position: absolute;
left: 4px;
top: 133px;
text-align:center;
width:180px;
}
.search-results .down_guide{
float: none!important;
width: 108px;
margin-left: 36px;
margin-top: -6px;
border:none;
}
.down_guide_container>span,.down_guide_container>a>span{color:#f34c05; font-weight: bold;
font-size: 11px;}
.down_guide span{color:#000;}
}
@media screen and (min-width:480px) {
.down_guide:hover span{color:#fff;}
.down_guide:hover{border-color: #f24e0d; color: #fff;}
.down_guide_container > span{display:block;}
.main-content .box1 .travel_quiz.type2 .question ul li.last { margin-right: 0; }
.quiz_hp .box1 .travel_quiz .question .inner{width:40%;}
}
@media screen and (max-width:480px) {
.ad_search_dest{display:none;}
.slideshow_list .data .down_guide_container + h3 {
width: 47%;
line-height: 19px;
margin-top: 0;
margin-bottom: 8px;
}
.app_link_header .down_guide{width: 100px;
top: 3px;
}
.search-results .down_guide_container{position:static;width:100%;margin-right:0;margin-bottom:9px;}
.search-results .down_guide{display:inline;margin-left:10px;float:none; margin-left: 0;border:0;}
.down_guide_container>span,.down_guide_container>a>span{color:#f34c05; font-weight: bold;
font-size: 11px;}
.down_guide span{color:#000;}
.quiz_hp .box1.full-width .result .fb-btn, .quiz_hp .box1.full-width .result .try-again-btn{padding-right:0px;}
.quiz_hp .box1.full-width .result .fb-btn span, .quiz_hp .box1.full-width .result .try-again-btn span{margin-right:8px;}
.quiz_popup{width:80%;}
.box1 .travel_quiz .question { margin-bottom: 20px; }
.box1 .travel_quiz.type1 .question > img { width: 200px; }
.box1 .questions_progress li { margin: 0 15px; }
.box1.full-width .travel_quiz.type2 .question ul li { margin-right: 10px; }
.box1 .travel_quiz.type2 .question ul li img { width: 100%; }
/*.box1 .result1 .images { width: 120px; }*/
.box1 .result1 .images img { width: 100%; }
.box1 .result1 .details { margin-left: 130px; }
.box1 .result .fb-btn span,.box1 .result .try-again-btn span{margin-right:10px; width:42px;}
.box1 .result .fb-btn,.box1 .result .try-again-btn{padding-right:10px;}
}
@media screen and (max-width:479px) { .quiz_popup{width:80%;}
.box1 .travel_quiz h2 { margin-bottom: 10px; }
.box1 .travel_quiz .question { margin-bottom: 20px; }
.box1 .travel_quiz.type1 .question > img, .box1 .travel_quiz .question .inner { width: 100%; float: none; margin-bottom: 10px; }
.quiz_hp .box1 .travel_quiz.type1 .question > img, .quiz_hp .box1 .travel_quiz .question .inner{width:100%!important;}
.quiz_hp .box1 .questions_progress{margin-bottom:-43px;}
.quiz_hp .box1 .questions_progress li{margin:0 10px!important;}
.box1.full-width .questions_progress li { margin: 0 4px; }
.box1 .questions_progress li span { width: 35px; height: 35px; line-height: 35px; font-size: 18px; }
.box1 .travel_quiz.type2 .show_hint { float: left; }
.box1.full-width .travel_quiz.type2 .question ul li { width: 31%; margin-right: 2%; margin-bottom: 30px; }
.box1.full-width .travel_quiz.type2 .question ul li:nth-child(3){margin-right:0;}
.box1 .result .images { margin-right: 5px; }
.box1 .result .details { padding-top: 70px; margin-left: 0; }
.box1 .result .details p { font-size: 14px; margin-left: 170px; }
#travel_quiz .box1 .result .details p{min-height:48px;}
.box1 .result1 h2 { float: none; margin-bottom: 10px; }
.box1 .result1 .show_hint { float: left; }
.box1 .result1 .details p,.box1 .result1 .details h4 { margin-left: 175px; }
.box1 .result1 .fb-btn,.box1 .result1 .try-again-btn { max-width: 100%; }
}
@media screen and (max-width:360px) {
.top{display:none;}
/*.mob_signin{display:block!important;float:right;position:relative;z-index:2;margin-right:5px;}*/
.top .user-login > span{display:none!important;}
.top .icon-down-arrow{display:none;}
.user-controls img.user-icon,.user-login span.user-icon-default {margin-right:2px;}
.user-login{font-size:11px;}
/*.quiz_popup{width:87%;}*/
.quiz_popup{width:80%;}
}
/*---poll---*/
/*----- Tooltip ad ----*/
.tooltip_ad{display:none;position:absolute; width:85px; top:30px; color:#fff; left:100px; text-align:center; height:27px; line-height:20px; z-index:150; background:#f24e0d; }
.tooltip_ad:after{position:absolute; z-index:150; content:" "; display:block; left:50%; top:-5px; margin-left:-3px; border-bottom:5px solid #f24e0d; border-left:5px solid transparent;
border-right:5px solid transparent; }
.ht_badge{background:url(http://static.toiimg.com/photo/50042891.cms) no-repeat 0 0; width:164px; height:161px; position:relative; display:block;}
.ht_badge i{background:url(http://static.toiimg.com/photo/50042891.cms) no-repeat 0 0; width:78px; height:17px; position:absolute; top:37px; left:44px;}
.ht_badge i.one{background-position:-43px -233px;}
.ht_badge i.two{background-position:-43px -215px;}
.ht_badge i.three{background-position:-43px -197px;}
.ht_badge i.four{background-position:-43px -179px;}
.ht_badge i.five{background-position:-44px -162px;}
/*------- Box1 --------*/
.box1 {
background: #fff;
position: relative;
/*border-bottom: 1px solid #a7a8a9;*/
margin-bottom: 15px;
min-height: 270px;
position: relative;
padding: 10px;
}
/*tem fix for height issue fix*/
@media screen and (max-width:767px){
.banner_local.box1{min-height:unset;padding:0px;margin:0px;}
.box1:empty{min-height:unset;padding:0px;margin:0px;}
.box1.box1_flight_widget{padding-bottom:10px;min-height:213px;}
}
.banner_local.box1{min-height:418px;padding:0px;}
.box1:empty{min-height:unset;padding:0px;margin:0px;}
.box1.box1_flight_widget{padding-bottom:10px;min-height:213px;}
.box1:hover,.hover_eff {
/*box-shadow: 0px 0px 5px #bebebe;*/
/*-moz-box-shadow: 0px 0px 5px #bebebe;*/
/*-webkit-box-shadow: 0px 0px 5px #bebebe;*/
}
.desc_box{min-height:inherit;margin:0 11px 15px 11px;}
.box1 .image {
position: relative;
margin: -10px -10px 18px;
overflow: hidden;
height: 200px;
z-index:2;
}
.box1 .image a, .search-results .section .image a{background:url(http://static.toiimg.com/photo/71953980.cms) no-repeat 0 0 / contain; display:block;}
.list4 .box1 .image {
height: auto;
margin-bottom: 10px;
}
.box1 .image img {
max-width: 100%;
width: 100%;
}
.box1 h3, .guide_s .box1.full-width h2 {
font-size: 19px;
font-weight: bold;
color: #333;
line-height: 25px;
overflow: hidden;
margin-bottom: 1px;
/*max-height: 75px;*/
overflow: hidden;
}
.guide_s .box1.full-width .des_wrap{
height:186px;
overflow:hidden;
}
/*.guide_s .box1.full-width h2 {
text-overflow: ellipsis;
white-space: nowrap;
}*/
.guide_s .box1.full-width h2 a {
display:inline;
}
.box1 h3{
max-height: 75px;
}
.box1 h3 a {
color: #333;
}
.box1 p.tags, .cntnue_box p.tags {
margin-bottom: 9px;
color: #55b229;
}
.box1 p.tags a, cntnue_box p.tags a{
font-size: 12px;
color: #0060ff;
}
.box1 a.next, .box1 a.previous, .search-results .section .image a.next, .search-results .section .image a.previous, .destination a.next, .destination a.previous {
position: absolute;
display: block;
background: url(http://static.toiimg.com/photo/65010528.cms) no-repeat;
width: 32px;
height: 50px;
top: 80px;
opacity: 0.5;
z-index: 50;
}
.search-results .section .image a.next, .search-results .section .image a.previous {
top: 45px
}
.box1 .image:hover a.next, .search-results .section .image:hover a.next, .destination:hover a.previous, .destination:hover a.next, .box1 .image:hover a.previous {
opacity: 1;
}
.box1 a.next, .search-results .section .image a.next, .destination a.next {
right: 5px;
background-position: 0 -20px;
}
.box1 a.previous, .search-results .section .image a.previous, .destination a.previous {
left: 5px;
background-position: 0 -70px;
}
.search-results .section .image a.next {
right: 5px;
}
.box1 h2 {
position: relative;
margin: 0 0 25px -15px;
}
.box1 h2.home_h2 {
margin: 0 0 17px -15px;
}
.box1 span.strip {
position: absolute;
z-index: 30;
left: 0;
display: inline-block;
background: #dc0519;
line-height: 29px;
padding: 0 10px 0 10px;
font-size: 11px;
color: #fff;
top: 47%;
}
.box1 h2 span.arrow, h2.head_grn span.arrow {
position: absolute;
height: 11px;
background: url(http://static.toiimg.com/photo/65010528.cms) no-repeat -145px -417px;
width: 5px;
z-index: 2;
bottom: -11px;
left: 0;
}
.box1 h2 span, .box1 h2.tabs a, h2.head_grn span {
background: #55b229;
padding: 0 10px;
display: inline-block;
line-height: 30px;
color: #fff;
font-size: 16px;
font-weight: 700;
}
.box1 h2 span.normal {
font-weight: 400;
}
.box1 h2 span a{
color: #fff;
}
.wgt_desc{font-size:14px; line-height:20px; color:#333;}
a.comments {
display: inline-block;
line-height: 11px;
height: 16px;
background: url(http://static.toiimg.com/photo/65010528.cms) no-repeat right -608px;
padding-right: 20px;
color: #777a7c;
font-size: 11px;
position: absolute;
z-index: 20;
right: 8px;
bottom: 4px;
}
.tile_byline{ display: inline-block;
line-height: 13px;
height: 12px;
color: #777a7c;
font-size: 11px;
z-index: 20; font-style:italic;margin-top:3px; }
.tile_byline a{color: #777a7c; text-decoration:none; }
.box1 h2.tabs a {
border-right: 1px solid #b5ee5a;
position: relative;
}
.box1 h2.tabs a:hover, .box1 h2.tabs a.active {
text-decoration: none;
background: #376e02;
}
.box1 h2.tabs a span.arrow {
position: absolute;
display: none;
z-index: 20;
width: 15px;
height: 9px;
left: 50%;
margin-left: -7px;
bottom: -9px;
background: url(http://static.toiimg.com/photo/65010528.cms) no-repeat -79px -384px;
}
.box1 h2.tabs a:hover span.arrow, .box1 h2.tabs a.active span.arrow {
display: block;
}
.box1 .image .stars {
position: absolute;
width: 76px;
height: 22px;
left: 0;
bottom: 0;
background: url(http://static.toiimg.com/photo/65010528.cms) no-repeat 0 -406px;
display: block;
}
.box1 .image .stars .inner {
display: block;
height: 22px;
background: url(http://static.toiimg.com/photo/65010528.cms) no-repeat 0 -428px;
}
.box1 span.stamp {
padding: 0 10px;
display: none;
line-height: 30px;
color: #fff;
font-size: 30px;
font-weight: bold;
position: absolute;
left: 0;
top: 25px;
z-index: 5;
height: 38px;
line-height: 38px;
text-align: center;
background: #55b229;
}
/*--- Social ---*/
.box1 .social {
position: absolute;
top: 210px;
right: -9px;
transition: all .7s ease .1s;
-moz-transition: all .7s ease .1s;
-webkit-transition: all .7s ease .1s;
opacity: 0;
-webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight-color:transparent; -webkit-touch-callout: none;
outline: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
}
.box1 .social a {
display: block;
margin-bottom: 2px;
border-right: 8px solid;
height: 30px;
position: relative;
width: 25px;
cursor: pointer;
-webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight-color:transparent; -webkit-touch-callout: none;
outline: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
}
.box1 .social a span {
position: absolute;
z-index: 25;
right: 0px;
display: block;
width: 30px;
height: 30px;
transition: all 0.5s ease .1s;
-moz-transition: all 0.5s ease .1s;
-webkit-transition: all 0.5s ease .1s;
top: 0;
width: 0;
}
.box1 .social a:hover {
overflow: visible;
}
.box1 .social a:hover span {
right: 1px;
width: 30px;
}
.box1 .social a.fb {
border-color: #5e76ac;
}
.box1 .social a.fb span {
background: url(http://static.toiimg.com/photo/65010528.cms) no-repeat -54px 0;
}
.box1 .social a.twitter {
border-color: #000;
}
.box1 .social a.twitter span {
background: #000 url(http://static.toiimg.com/photo/116888951.cms);background-position: 50%;background-repeat: no-repeat;background-size: 50%
}
.box1 .social a.google {
border-color: #d85131;
}
.box1 .social a.google span {
background: url(http://static.toiimg.com/photo/65010528.cms) no-repeat -123px 0;
}
.box1 .social a.pinterest {
border-color: #d73532;
}
.box1 .social a.pinterest span {
background: url(http://static.toiimg.com/photo/65010528.cms) no-repeat -159px 0;
}
.box1:hover .social {
opacity: 1;
}
/*-- Social2 --*/
.box1 .social2 {
border-bottom: 1px solid #e5e5e5;
padding-bottom: 20px;
margin-bottom: 35px;
position: relative;
margin-left: -10px;
margin-right: -10px;
}
.box1 .social2 h2 {
margin: 5px 0 20px 0;
text-align: center;
font-size: 18px;
color: #55b229;
font-weight: 800;
line-height: 20px;
background: none;
}
.box1 .social2 ul {
/*padding-left: 5px;*/
text-align: center;
}
.box1 .social2 ul li {
list-style: none;
/*float: left;*/
width: 36px;
height: 36px;
/*margin-left: 10px;*/
display: inline;
margin: 0 4px;
}
.box1 .social2 ul li a {
display: inline-block;
width: 36px;
height: 36px;
background: url(http://static.toiimg.com/photo/65010528.cms) no-repeat;
}
.box1 .social2 ul li a.fb {
background-position: 0 -681px;
}
.box1 .social2 ul li a.fb:hover {
background-position: 0 -681px;
}
.box1 .social2 ul li a.google {
background-position: -49px -681px;
}
.box1 .social2 ul li a.google:hover {
background-position: -49px -681px;
}
.box1 .social2 ul li a.twitter {
background-position: -98px -681px;
}
.box1 .social2 ul li a.twitter:hover {
background-position: -98px -681px;
}
.box1 .social2 ul li a.pinterest {
background-position: -146px -681px;
width: 37px;
}
.box1 .social2 ul li a.pinterest:hover {
background-position: -146px -681px;
}
.box1 .social2 ul li a.instagram {
background-position: -173px -1961px;
width: 37px;
}
.box1 .social2 ul li a.mail {
background-position: -195px -681px;
}
.box1 .social2 ul li a.mail:hover {
background-position: -195px -681px;
}
.box1 .social2 ul li a.rss {
background-position: -244px -681px;
}
.box1 .social2 ul li a.rss:hover {
background-position: -244px -681px;
}
.box1 .social2 ul li a:hover {
opacity: .8;
filter: alpha(opacity=80); /* For IE8 and earlier */
}
.box1 a.view-all {
position: absolute;
z-index: 50;
right: 10px;
bottom: 10px;
color: #55b229;
font-size: 10px;
}
.box1 span.sponsor {
position: absolute;
z-index: 50;
color: #55b229;
left: 9px;
bottom: 10px;
line-height: 11px;
font-size: 11px;
}
.box1 span.sponsor a {
text-transform: capitalize;
color: #55b229;
}
.ATF{margin: 0 auto; padding: 10px 0 2px 0;min-height:102px;}
.ad,.banner_local{display: block; text-align: center;}
.box1.ad,.box1.banner_local{word-break: break-all;overflow-wrap: break-word;}
.three-column-layout .box1.ad,.three-column-layout .box1.banner_local{padding:0;width:300px;height:387px;padding-bottom:24px;}
.three-column-layout .box1.ad.google,.three-column-layout .box1.banner_local.google{padding-left:10px;width:290px;}
.three-column-layout.box_description .box1.ad,.three-column-layout.box_description .box1.banner_local{height:387px;}
.icon_player.icon_ctn_vid{ background: url(http://static.toiimg.com/photo/65010528.cms) no-repeat 0 -2123px;
z-index: 0;
position: absolute;
width: 22px;
height: 21px;
left: 28px;
top: 16px;
}
.big_icon .icon_player.icon_ctn_vid{width: 39px;
width: 125px;
height: 135px;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
background: url(http://static.toiimg.com/photo/65010528.cms) no-repeat -141px -2118px;
}
/*.btm_native,.box1.btm_native_pt{display:none;}*/
.btm_native{display:none;}
.AR_1 .ob_container .btm_native{display:block;}
/*slideshow native ad timerr*/
.native_skip{
border: 1px solid #898987;
bottom: 1px;
height: 35px;
line-height:35px;
position: absolute;
right: 1px;
padding:0 30px 0 15px;
text-align:center;
color:#fff;
font-size:18px;
background:rgba(0,0,0,.7) url(http://static.toiimg.com/photo/47879795.cms) no-repeat 90% center ;
cursor:pointer;
}
.box1.ad_v2.one-third{
height:auto;
max-height:310px;
min-height:0;
background:none;
padding:0;
text-align:center;
overflow:hidden;
border: none;
box-shadow: none;
margin:1px auto 0 auto;
}
.box1.ad_v2.m_mrec{height:250px;}
.ad_v2.m_btf{margin-bottom: 20px;}
.ad div, .ad_v2 div,.banner_local div {margin:0 auto;text-align:center;}
.uc .ad div.nomrgn,.uc .banner_local div.nomrgn{margin-top:9px;}
.donotshow{height:0!important;width:0!important;margin:0!important;padding:0!important;}
strong.car_icon::before{background:url(http://static.toiimg.com/photo/65010528.cms) no-repeat -219px -2089px;height:20px;float:left;width:33px;content:""}
strong.train_icon::before{background:url(http://static.toiimg.com/photo/65010528.cms) no-repeat -257px -2089px;height:20px;float:left;width:33px;content:""}
strong.air_icon::before{background:url(http://static.toiimg.com/photo/65010528.cms) no-repeat -176px -2089px;height:20px;float:left;width:33px;content:""}
strong.ship_icon::before{background:url(http://static.toiimg.com/photo/65010528.cms) no-repeat -65px -2240px;height:29px;float:left;width:35px;content:"";margin-top:-7px;}
.spons_native{background:url(http://static.clmbtech.com/ad/commons/images/colombia-icon.png) no-repeat 0 0; width: 23px;
height: 23px;
float: right;
margin-top: -4px;}
.box1:hover .spons_native ,.section:hover .spons_native {background:url(http://static.clmbtech.com/ad/commons/images/colombia_red_small.png) no-repeat 0 0;}
.brand_img{position:absolute;left:2px;top:-25px}
.pp_hoverContainer .native_link {
height: 100%;
left: 12%;
position: absolute;
width: 76%;
}
.pp_left .progress {
height: 2px;
overflow: hidden;
background-color: #f5f5f5;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
}
.pp_left .progress-bar {
float: left;
width: 0;
height: 100%;
font-size: 12px;
line-height: 20px;
color: #fff;
text-align: center;
background-color: #5cb85c;
-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
-webkit-transition: width .6s ease;
-o-transition: width .6s ease;
transition: width .6s ease;
}
.progress-striped .progress-bar,
.progress-bar-striped {
}
.progress.active .progress-bar,
.progress-bar.active {
}
.progress-bar-success {
background-color: #5cb85c;
}
.progress-striped .progress-bar-success {
}
.progress-bar-info {
background-color: #5bc0de;
}
.progress-striped .progress-bar-info {
}
.progress-bar-warning {
background-color: #f0ad4e;
}
.progress-striped .progress-bar-warning {
}
.progress-bar-danger {
background-color: #d9534f;
}
.progress-striped .progress-bar-danger {
}
*/
/*slideshow native ad timer*/
@media screen and (min-width:1020px){
.rslt_info .count .from_to{display:block;}
.search-results .down_guide_container{right:0;top:0;left:inherit;}
.box1.ad.one-third,.box1.banner_local.one-third{ height: 320px;
padding-left: 0;
padding-right: 0;
padding-top: 0;
width: 300px; overflow:hidden;}
}
.sidebar .box1.ad.one-third,.sidebar .box1.banner_local.one-third {
/* padding-bottom:0;min-height:inherit;height:auto;
min-height:auto;*/
padding-bottom:12px;
min-height:250px;
}
.box1.ad h5,.box1.banner_local h5 {
text-align: center;
line-height: 15px;
font-size: 11px;
color: #cccccc;
font-weight: 600;
margin-bottom: 12px;
}
.uc .box1.ad h5,.uc .box1.banner_local h5 {
margin-bottom: 5px;
}
.box1.ad .image, .box1.ad_v2 .image,.box1.banner_local .image {
margin-top: 0;
height: auto;
}
.sidebar .box1.ad .image,.sidebar .box1.banner_local .image {
margin-left: 0;
margin-right: 0;
}
.box2.ad h5,.box2.banner_local h5 {
text-align: center;
line-height: 15px;
font-size: 11px;
color: #cccccc;
font-weight: 600;
}
/*----- Box2 ---*/
.box2 {
background: #fff;
position: relative;
padding: 10px;
box-shadow: 0 4px 4px #bebebe;
-moz-box-shadow: 0 4px 4px #bebebe;
-webkit-box-shadow: 0 4px 4px #bebebe;
margin-bottom: 15px;
min-height: 270px;
}
/*------ One-half -------*/
.mrg10{margin-top:10px;margin-bottom:10px;}
.one-half{padding:10px 1%; float:left; width:44%; margin-right:4%; margin-bottom:15px;min-height:310px;}
.poi-show-page .main-content .one-half.sightseeing,.poi-show-page .main-content .one-half.hotel,.poi-show-page .main-content .one-half.shopping{max-height:310px;}
.one-half.flR{float:right;}
/*---- One-third ----*/
.one-third {
width: 280px;
/*height: 310px;*/
height:384px;
margin: 0 30px 30px 10px;
float: left;
padding-bottom: 24px;
}
/*.box_description .one-third{height:377px;}*/
.mostread.one-third {
height: auto;
}
/*
.one-third.outer {
margin-right: 10px;
}*/
.sidebar .one-third {
float: none;
margin-left: 0;
margin-right: 0;
width: auto;
margin-bottom: 20px;
height:auto;
}
/*------ Box3 ----*/
.box3 {
padding: 15px 0px 2px 0px;
}
.box3 h4.heading {
position: absolute;
width: 168px;
height: 32px;
line-height: 32px;
text-align: center;
z-index: 200;
top: -18px;
left: 50%;
margin-left: -84px;
font-size: 14px;
font-weight: 300;
color: #fff;
background: #000;
}
.box3 .box1 {
border-bottom-color: #000;
box-shadow: 0 0 3px #424343;
-moz-box-shadow: 0 0 3px #424343;
-webkit-box-shadow: 0 0 3px #424343;
}
.box3 .one-third {
float: left;
width: 271px;
margin: 0 21px 20px 21px;
}
.box3 .box1 h3, .reviewed.box1 h3 {
font-size: 18px;
line-height: 25px;
font-weight: bold;
}
.box3 .box1 span.stamp, .reviewed.box1 span.stamp {
left: -18px;
display: inline-block;
background: #da031d;
line-height: 29px;
height: 29px;
color: #fff;
font-size: 12px;
font-weight: normal;
width: 108px;
padding: 0 10px 0 0;
box-shadow: 2px 2px 2px rgba(0,0,0,.6);
-moz-box-shadow: 2px 2px 2px rgba(0,0,0,.6);
-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,.6);
}
.reviewed.box1 span.stamp {top: 40%;}
.box3 .box1 span.stamp span.number {
display: inline-block;
width: 30px;
text-align: center;
line-height: 29px;
color: #000;
font-size: 18px;
font-weight: bold;
background: #fbc903;
float: left;
margin-right: 10px;
}
.reviewed.box1 .layer{
width: 100%;
height: 100%;
background: #fff;
opacity: 0.3;
z-index: 600;
position: absolute;
left:0;
top:0;
}
.reviewed.box1 span.stamp{
left: 0;
}
/*---- Subcsribe-form ---*/
.subscribe-form img {
float: left;
margin-right: 10px;
margin-bottom: 25px;
}
.subscribe-form p.txt{ font-size: 14px;
font-weight: bold;}
.subscribe-form p.txt span{
color: #55b229;
font-weight: bold;
font-size: 27px;
line-height: 32px;}
.subscribe-form h2 {
font-size: 24px;
font-weight: 800;
color: #333;
line-height: 1.1em;
margin-bottom: 15px;
margin-left: 1px;
margin-top: 6px;
}
.subscribe-form h2 small {
display: block;
font-size: 16px;
font-weight: 100;
line-height: 1.3em;
color: #000;
margin-bottom: 12px;
}
.subscribe-form h2 small b{
line-height:24px;
}
.subscribe-form .form1 {
clear: both;
}
body.showoverlay_anim{overflow:hidden!important;width:98.8%!important;}
.newsletterconfirmbox,.newsletterconfirmboxcensent {
width: 300px;
height: 250px;
position: fixed;
top: 50%;
left: 50%;
margin: -125px 0 0 -150px;
padding: 0;
display: none;
z-index: 940019;
background: #fff;
box-shadow: 3px 3px 2px #999;
}
.newsletterconfirmbox:before, .newsletterconfirmbox:after, .newsletterconfirmbox div:before, .newsletterconfirmbox div:after, .newsletterconfirmbox h2:after,
.newsletterconfirmboxcensent:before, .newsletterconfirmboxcensent:after, .newsletterconfirmboxcensent div:before, .newsletterconfirmboxcensent div:after, .newsletterconfirmboxcensent h2:after
{
background: url("http://static.toiimg.com/photo/23297523.cms") no-repeat 0 0;
content: "";
display: block;
}
.newsletterconfirmbox:before, .newsletterconfirmbox:after {
height: 5px;
width: 300px;
}
.newsletterconfirmbox:before {
}
.newsletterconfirmbox:after {
background-position: 0 -5px;
}
.newsletterconfirmbox div:before, .newsletterconfirmbox div:after,.newsletterconfirmboxcensent div:before, .newsletterconfirmboxcensent div:after{
width: 5px;
height: 250px;
position: absolute;
top: 0;
}
.newsletterconfirmbox div:after,.newsletterconfirmboxcensent div:after {
right: 0;
background-position: -5px 0;
}
.newsletterconfirmbox div,.newsletterconfirmboxcensent div {
height: 245px;
box-shadow: inset 5px 0 3px #999999;
}
.newsletterconfirmbox h2,.newsletterconfirmboxcensent h2 {
font: normal 700 28px/60px 'Montserrat', Arial, Helvetica, sans-serif;
color: #02a2e5;
text-align: center;
margin: 0 5px;
padding: 0;
}
.newsletterconfirmbox h2:after,.newsletterconfirmboxcensent h2:after {
background-position: -10px -149px;
height: 20px;
}
.newsletterconfirmbox p,.newsletterconfirmboxcensent p {
font: normal 400 14px/18px 'Montserrat', Arial, Helvetica, sans-serif;
color: #000;
text-align: center;
margin: 0 20px;
}
.newsletterconfirmbox .closeconfirm,.newsletterconfirmboxcensent .closeconfirm {
background: url("http://static.toiimg.com/photo/23045280.cms") no-repeat -41px -38px;
position: absolute;
right: -5px;
top: -5px;
width: 30px;
height: 30px;
display: block;
text-indent: -5000px;
cursor: pointer;
}
p.form1 {
background: #e5e5e5; /* Old browsers */
background: -moz-linear-gradient(top, #e5e5e5 0%, #f7f7f7 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e5e5e5), color-stop(100%, #f7f7f7)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #e5e5e5 0%, #f7f7f7 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #e5e5e5 0%, #f7f7f7 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #e5e5e5 0%, #f7f7f7 100%); /* IE10+ */
background: linear-gradient(to bottom, #e5e5e5 0%, #f7f7f7 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#f7f7f7', GradientType=0 ); /* IE6-9 */
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
height: 28px;
border: 1px solid #d9d9d9;
padding: 0 8px;
}
.form1 input.txt {
width: 85%;
font-size: 12px;
color: #707070;
font-family: Tahoma, Geneva, sans-serif;
padding: 7px 5px 5px 0;
border-right: 0;
float: left;
background: none;
border: 0;
}
.form1 input.submit {
border: 0;
padding: 0 6px;
float: left;
background: url(http://static.toiimg.com/photo/65010528.cms) no-repeat -24px 0;
font-size: 14px;
color: #fff;
font-weight: bold;
padding-bottom: 3px;
-webkit-appearance: none;
width: 20px;
height: 20px;
float: right;
top: 4px;
position: relative;
}
.form1.search-field {
padding: 0;
position: relative;
}
.form1.search-field input.txt {
text-indent: 8px;
width: 92%;
padding: 7px 0 5px;
}
.form1.search-field input.submit {
position: absolute;
z-index: 100;
right: 5px;
cursor: default;
}
.subscribe-form p.form1 {
clear: both;
border: 0;
background: none;
padding: 0;
height: 31px;
}
.subscribe-form p.usrnamewrapper {
margin-top: 15px;
display: none;
}
.subscribe-form p.form1 input.txt, .search-error .form1 input.txt, .unsubscribe-form input.txt {
width: 165px;
height: 18px;
font-size: 12px;
color: #707070;
font-family: Tahoma, Geneva, sans-serif;
padding: 5px;
border: 1px solid #d9d9d9;
border-right: 0;
border-radius: 3px 0 0 3px;
float: left;
background: #e5e5e5; /* Old browsers */
background: -moz-linear-gradient(top, #e5e5e5 0%, #f7f7f7 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e5e5e5), color-stop(100%, #f7f7f7)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #e5e5e5 0%, #f7f7f7 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #e5e5e5 0%, #f7f7f7 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #e5e5e5 0%, #f7f7f7 100%); /* IE10+ */
background: linear-gradient(to bottom, #e5e5e5 0%, #f7f7f7 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#f7f7f7', GradientType=0 ); /* IE6-9 */
}
.subscribe-form p.usrnamewrapper input.txt {
border-radius: 3px;
border-width: 1px;
width: 120px;
}
.subscribe-form p.usrnamewrapper input.lastname {
margin-left: 13px;
}
.unsubscribe-form input.txt {
border-radius: 3px;
border: 1px solid #d9d9d9;
color: #55b229;
font-size: 26px;
height: 44px;
width: 360px;
float: none;
}
.subscribe-form p.form1 input.submit, .search-error .form1 input.submit,.sign_layer .submit {
height: 30px;
line-height: 30px;
border: 0;
padding: 0 6px;
float: left;
border-radius: 0 3px 3px 0;
-moz-border-radius: 0 3px 3px 0;
-webkit-border-radius: 0 3px 3px 0;
background: #f24e0d;
font-size: 13px;
color: #fff;
font-weight: bold;
padding-bottom: 3px;
-webkit-appearance: none;
min-width: 100px;
top: 0;
}
.subscribe-form p.form1 input.txt {
padding: 5px 2%;
width: 57%;
}
.subscribe-form p.form1 input.submit {
float: left;
width: 36%;
padding: 0 0 3px;
}
/*----- Generic headings ------*/
h2.heading1 {
font-size: 20px;
color: #7ab220;
font-weight: bold;
margin-bottom: 5px;
line-height: 25px;
margin-left: 11px;
}
/*--NATIVE AD BOTTOM--*/
.voterDiv .ob_bctrl{display:none;}
.ob-tcolor{color:#333333;}
.ob_pdesc IMG{border:none;}
.ob_what{color:#999;;direction:ltr;text-align:right;clear:both;margin-top:-7px;position:absolute;right:0;bottom:0;margin-bottom:7px;}
.ob_what a,.AR_1 .ob_what span{color:#999;font-size:10px; text-decoration: none;}
.AR_1 .ob_what.ob-hover:hover a{text-decoration: underline;}
.AR_1 .ob_clear{clear:both;}
.AR_1 .ob_amelia,.AR_1 .ob_logo,.AR_1 .ob_text_logo{display:inline-block;vertical-align:text-bottom;padding:0px 5px;box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;}
.AR_1 .ob_amelia{background:url('http://widgets.outbrain.com/images/widgetIcons/ob_logo_16x16.png') no-repeat center top;width:16px;height:16px;margin-bottom:-2px;}
.AR_1 .ob_logo{background:url('http://widgets.outbrain.com/images/widgetIcons/ob_logo_67x12.png') no-repeat center top;width:67px;height:12px;}
.AR_1 .ob_text_logo{background:url('http://widgets.outbrain.com/images/widgetIcons/ob_text_logo_66x23.png') no-repeat center top;width:66px;height:23px;}
.AR_1:hover .ob_amelia,.AR_1:hover .ob_logo,.AR_1:hover .ob_text_logo{background-position:center bottom;}
.AR_1 .ob_container{width:100%;position:relative;overflow:hidden;}
.AR_1 .ob_container > div:nth-child(2) .ob_source{display:none}
.AR_1 .strip-img{width:300px;height:200px;border:none !important;margin:0px !important;display:block;padding:0px !important;}
.AR_1 .item-link-container{text-decoration:none;}
.AR_1 .strip-rec-link-title{font-size:13px;font-weight:normal;line-height:16px;}
.AR_1 .strip-rec-link-source{font-size:12px;line-height:16px}
.AR_1 .strip-like{padding-bottom:4px;font-size:14px;line-height:16px;height:20px;font-weight:bold;}
.AR_1 .item-container a,.AR_1 .item-container a:hover,.AR_1 .item-container a:visited{border:medium none;text-decoration:none;}
.AR_1 .ob_video{border:medium none;position:absolute;top:5px;left:5px}
.AR_1 .ob-rec-link-img{position:relative;}
.AR_1 .ob_container_recs{width:100%;position:absolute;}
.AR_1 .ob_container_recs A{display:inline;direction:ltr;text-align:left;}
.AR_1 .ob-text-content A{width:100%;padding:0px 0px;}
.AR_1 .ob-text-content{padding-top:6px;}
.AR_1 .item-container A.ob-text-content{display:block;}
.AR_1 .ob_container_recs .item-container{float:left;direction:ltr;width:302px;margin-bottom:300px;padding-right:25px;}
.AR_1 .ob_container_recs .ob-last{padding-right:0px;}
.AR_1 .ob_container_shadow_outer{position:static;width:100%;}
.AR_1 .ob_container_shadow .item-container-shadow{position:static;overflow-x:hidden;width:0px;float:left;direction:ltr;}
.AR_1 .ob_container_shadow .item-container{width:302px;visibility:hidden;float:left}
.AR_1{width:100%;}
.AR_1 .ob_container .ob_container_shadow_outer{display:none;}
.AR_1 .ob_container .ob_container_recs{width:auto;position:static;}
.AR_1 .ob_org_header{display:block;width:100%;float:none;text-transform: uppercase;display:block;font-size:18px;font-weight:bold;margin:10px 0;padding-bottom:5px;line-height:13px;}
.AR_1 .ob_container{overflow:visible;clear:both;}
.AR_1 .ob_container_recs .item-container{width:32%;padding-right:2%;margin-bottom:0px; padding-bottom:4%;}
.AR_1 .ob-recIdx-2,.AR_1 .ob-recIdx-5{padding-right:0px !important;}
.AR_1 .strip-img{width:100%;height:auto;}
.AR_1 .ob-text-content{height:76px;}
.AR_1 .strip-rec-link-title{font-size:15px;font-weight:600;line-height:17px;max-height:51px;overflow:hidden;}
.AR_1 .ob_source{color:#55B229;font-size:10px;text-transform:uppercase;line-height:17px;max-height:17px;overflow:hidden;}
/*--NATIVE AD BOTTOM--*/
/*----- Common-lists ---*/
ul.list2 li {
list-style: none;
margin-bottom: 25px;
min-height: 60px;
}
ul.list2 li img {
float: left;
margin: 0 9px 5px 0;
}
ul.list2 li h4,ul.list2_vid li h4 {
font-size: 15px;
color: #333;
line-height: 17px;
font-weight: 600;
margin-bottom: 5px;
}
ul.list2 li h4 a,ul.list2_vid li h4 a {
color: #333;
}
ul.list2_vid .footer_line{margin-bottom:26px;}
ul.list2_vid {margin-bottom:16px;position:relative;}
span.meta {
display: block;
color: #55b229;
font-size: 10px;
text-transform: uppercase;
}
span.meta a {
color: #0060ff;
}
.footer_line span.meta {
text-transform: none;
font-style: normal;
padding-top: 3px;
font-size: 11px;
font-weight: normal;
float:left;
}
.footer_line img{
width: 14px;
height: 14px;
float: right !important;
}
/*---- List3 ---*/
ul.list3 {
padding-top: 20px;
margin-bottom: 25px;
}
ul.list3 li {
list-style: none;
float: left;
width: 130px;
margin-left: 10px;
line-height: 18px;
margin-bottom: 5px;
text-transform: capitalize;
}
ul.list3 li a {
font-size: 14px;
color: #333;
font-weight: 600;
}
/*------ List4 ----*/
ul.list4 li {
list-style: none;
float: left;
margin: 0 0 23px 11px;
width: 231px;
}
ul.list4 li.large {
width: 473px;
}
ul.list4 li div.box1 {
margin-bottom: 0;
min-height: 240px;
}
ul.list4 li.large div.box1 {
min-height: 524px;
}
ul.list4 li.large div.box1 h3 {
font-weight: bold;
height: auto;
margin-bottom: 10px;
max-height: 40px;
}
ul.list4 li.large div.box1 p {
margin-bottom: 0;
}
ul.list4 li div.box1.one-third {
float: none;
margin: 0;
width: auto;
}
ul.list4 li div.box1 h3 {
font-size: 16px;
line-height: 20px;
max-height: 80px;
overflow: hidden;
}
ul.list4 li p {
font-size: 14px;
line-height: 18px;
margin-bottom: 10px;
color: #7a7a7a;
}
ul.list4 li.large p {
margin-bottom: 11px;
}
ul.list4 li span.status-tag{position:absolute; z-index:1000; background:rgba(241,241,241,0.7); color:#000; font-size:12px; padding:0 6px;
display:block; line-height:22px; height:22px; left:0; bottom:0;
}
.ie7 span.status-tag, .ie8 span.status-tag{background:#000;}
.main-content .box1 .image span.status-tag, .main-content .section .image span.status-tag{position:absolute; z-index:10; background:rgba(241,241,241,0.7); color:#000; font-size:12px; padding:0 6px;
display:block; line-height:36px; height:36px; right:0; top:0;
}
/*----- List5 ---*/
ul.list5 li {
float: left;
width: 180px;
margin: 0 0 10px 15px;
}
ul.list5 li div.box1 {
padding: 5px;
min-height: 175px;
margin-bottom: 0;
}
ul.list5 li div.box1 .social {
top: 46px;
}
ul.list5 li div.box1 .image {
margin: -5px -5px 10px;
height: auto;
}
ul.list5 li div.box1 h3 {
font-size: 14px;
color: #333;
line-height: 16px;
font-weight: 600;
min-height: 32px;
height:48px;
}
ul.list5 li div.box1 h3 a {
color: #333;
}
/*----- List7 -----*/
ul.list7 li{list-style:none; float:left; width:32%; margin:0 1% 10px 0; font-size:14px; color:#333; line-height:20px;}
ul.list7.flights_links li{width:24%;margin:0 3px 10px 0;}
ul.list7 li a{color:#333;}
.box1 ul.list8 li{border-bottom:1px solid #e5e5e5;line-height: 38px;
font-size: 14px;}
.box1 ul.list8 li a{color:#333;}
.box1 ul.list8 li.last{border-bottom:none;}
/*------- Generic Buttons ---*/
a.button1 {
font-weight: bold;
color: #fff;
padding: 0 10px;
display: inline-block;
font-size: 14px;
line-height: 28px;
background: #f24e0d;
position: relative;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
}
a.button1:hover {
text-decoration: none;
color: #fff !important;
}
/*----- Button2 ----*/
.button2 {
display: inline-block;
background: #f24e0d;
height: 24px;
line-height: 24px;
position: relative;
// border-radius: 3px;
// -moz-border-radius: 3px;
// -webkit-border-radius: 3px;
font-size: 12px;
font-weight: bold;
color: #fff;
padding: 0 10px;
-webkit-appearance: none;
cursor: pointer;
}
/*----- Button3 ----*/
.button3 {
display: inline-block;
background: url(http://static.toiimg.com/photo/24934026.cms) repeat-x 0 -281px;
position: relative;
line-height: 40px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
font-size: 18px;
padding: 0 17px;
color: #fff;
font-weight: bold;
}
a.button3:hover, a.button2:hover {
text-decoration: none;
}
/*----- Sitemap ---*/
div.site-map {
background: #2d2f30;
border-top: 15px solid #b6b8b9;
position: relative;
padding-top: 45px;
padding: 45px 0 0;
/*height: 1%;*/
}
div.site-map .wrapper {
position: relative;
}
div.site-map .background-top {
position: absolute;
width: 100%;
height: 77px;
left: 0;
top: -75px;
}
div.site-map .column {
float: left;
width: 24%;
margin: 0 1% 10px 0;
}
div.site-map .column.trending {
width: 100%;
margin-bottom:0;
}
div.site-map .column.trending h3 span {
border-bottom:2px solid #575959;
}
div.site-map .column h3 {
margin-bottom: 15px;
}
div.site-map .column h3 span {
display: block;
font-weight: bold;
line-height: 20px;
height: 20px;
font-size: 12px;
color: #fff;
border-bottom: 2px solid #f24e0d;
padding: 0 0 3px 5px;
}
div.site-map .column h3 a:hover span{color:#f24e0d;}
div.site-map .column.alt h3 span {
border-color: #83b706;
}
div.site-map .column ul li {
list-style: none;
display: block;
padding-left: 5px;
line-height: 15px;
margin-bottom: 7px;
}
div.site-map .column ul li a {
text-decoration: none;
font-size: 10px;
color: #cfcece;
}
div.site-map .inner {
padding-right: 252px;
padding-bottom: 10px;
min-height: 250px;
position: relative;
}
/*------ Social-widget ---*/
div.site-map .social-widget {
background: #000;
width: 182px;
padding: 24px 18px 0px;
position: absolute;
right: 0;
top: -20px;
z-index: 50;
}
div.site-map .social-widget img.top-bg {
position: absolute;
z-index: 60;
left: -39px;
top: -120px;
}
div.site-map .social-widget p {
font-size: 16px;
line-height: 20px;
color: #fff;
text-transform: uppercase;
margin-bottom: 15px;
}
a.button6 {
display: block;
background: #414344;
text-align: center;
margin-bottom: 12px;
position: relative;
border-radius: 3px;
-moz-border-radius: 3px;
-moz-border-radius: 3px;
font-size: 12px;
color: #fff;
font-weight: bold;
line-height: 30px;
margin-bottom: 12px;
}
div.site-map .social-widget .follow {
padding: 30px 0 20px;
}
div.site-map .social-widget .follow h4 {
margin-bottom: 8px;
font-size: 12px;
color: #a09d9d;
font-weight: normal;
}
div.site-map .social-widget .follow a {
display: inline-block;
width: 30px;
height: 30px;
margin-right: 6px;
background: url(http://static.toiimg.com/photo/65010528.cms) no-repeat;
}
div.site-map .social-widget .follow a.fb {
background-position: -54px 0;
}
div.site-map .social-widget .follow a.twitter {
background-position: -88px 0;
}
div.site-map .social-widget .follow a.gplus {
background-position: -234px 0;
display:none;
}
div.site-map .social-widget .follow a.pinterest {
background-position: -158px 0;
}
div.site-map .social-widget .follow a.instagram {
background-position: -130px -1961px;
}
div.site-map .apps{background:#2d2f30; margin:0 -18px; position:relative;}
div.site-map .apps h3{padding:10px 5px; font-size:16px; font-weight:bold; color:#fff; text-transform:uppercase; font-weight:500;}
div.site-map .apps a{cursor:pointer; display:inline-block; width:73px; height:51px; background-image:url(http://static.toiimg.com/photo/54250563.cms); background-repeat:no-repeat;}
div.site-map .apps a.ios{background-position:0 0;}
div.site-map .apps a.android{background-position:-73px 0;}
div.site-map .apps a.ios{background-position:-146px 0; width:72px;}
/*---- travel Guide ---*/
.travel-guide img {
float: left;
margin-right: 10px;
margin-bottom: 25px;
}
.box1.travel-guide h2 {
font-size: 24px;
line-height: 28px;
margin-bottom: 8px;
font-weight: 800;
padding-top: 8px;
margin-left: 0;
}
.box1.travel-guide h3 {
clear: left;
font-size: 20px;
color: #bfbfbf;
margin-bottom: 6px;
margin-left: 6px;
font-weight: 800;
height: auto;
}
.box1.travel-guide a.button1 {
margin-bottom: 20px;
}
.box1.travel-guide ul.list3 li {
line-height: 15px;
}
.box1.travel-guide ul.list3 {
padding-top: 0;
}
.box1.travel-guide ul.list3 li a {
font-size: 12px;
color: #bfbfbf;
}
.box1.travel-guide p {
font-size: 16px;
line-height: 20px;
color: #333333;
margin-bottom: 10px;
}
.sidebar .box1.travel-guide h2 {
margin-bottom: 7px;
}
.box1.travel-guide .price {
clear: both;
padding-top: 15px;
}
.box1.travel-guide .price p {
margin-bottom: 7px;
}
.box1.travel-guide .price span.old-price {
display: block;
font-size: 20px;
color: #7a7a7a;
text-decoration: line-through;
line-height: 25px;
}
.box1.travel-guide .price span.new-price {
display: block;
line-height: 41px;
font-size: 32px;
color: #ff2626;
}
.box1.travel-guide .price .button3 {
margin-left: 30px;
vertical-align: middle;
}
.three-column-layout {
clear: both;
margin-right: -20px;
position: relative;
}
.three-column-layout .pagination2{margin-right:20px;}
/*------------------- POI LANDING PAGE STYLES ---------------------------*/
.no-Bbdr{border-bottom:0 !important;}
.article {
margin-bottom: 10px;
}
.article-heading {
padding: 0 11px;
margin-bottom: 0;
background: #fff;
}
.article-heading.no-bg {
background: none;
margin-bottom: 15px;
}
.article-heading.box1:hover, .description.box1:hover {
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
}
.article-heading h1 {
font-size: 28px;
margin-bottom: -1px;
text-transform: uppercase;
font-weight: 700;
line-height: 36px;
}
.s_b .article-heading h1 {
margin-bottom: 3px
}
.s_b .article-heading h1 a{color:#000;}
ol.faqList{
list-style: none;
}
.faqList li{
border-bottom: 1px dotted black;
padding-bottom: 16px;
margin-bottom: 16px;
}
span.stay{float:right; width:83px; height:23px; background: url(http://static.toiimg.com/photo/65010528.cms) no-repeat 0px -1853px; }
span.matador{float:right; width:50px; height:45px; background: url(http://static.toiimg.com/photo/65010528.cms) no-repeat -129px -1582px;top: 0;position: relative;}
span.destination{float:right; width:161px; height:30px; background: url(http://static.toiimg.com/photo/65010528.cms) no-repeat 0 -1896px;top: 0;position: relative;}
span.guidepal{float:right; width:126px; height:40px; background: url(http://static.toiimg.com/photo/65010528.cms) no-repeat 0 -2039px;top: 0;position: relative;}
span.minube{float:right; width:121px; height:40px; background: url(http://static.toiimg.com/photo/65010528.cms) no-repeat -146px -2039px;top: 0;position: relative;}
span.globe{float:right; width:89px; height:50px; background: url(http://static.toiimg.com/photo/65010528.cms) no-repeat 0 -1961px;top: 0;position: relative;}
.article-heading p.tags span.bg {
display: inline-block;
vertical-align: middle;
background: url(http://static.toiimg.com/photo/65010528.cms) no-repeat -103px -416px;
margin-right: 5px;
width: 14px;
height: 19px;
}
.article-heading p.tags a.tag, .article-heading p.tags span.tagslink a, .auspan {/*border:1px solid #dcdcdc;*/
display: inline-block;
line-height: 17px;
height: 17px;
background: #fff;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
padding: 0 5px;
font-size: 12px;
font-weight: bold;
color: #0060ff;
/*margin-right: -3px;*/
text-transform: uppercase;
vertical-align: middle;
}
.auspan{color:#f3f3f;}
.tags{padding-top:10px;}
.tagslink {
margin-left: -5px;
}
.metadata span.category {
font-size: 18px;
color: #333;
font-weight: 600;
padding-left: 30px;
display: inline-block;
line-height: 18px;
margin-right: 20px;
color: #909090;
margin-left: 11px;
margin-top: 16px;
}
.metadata span.category.hotel {
text-transform: uppercase;
background: url(http://static.toiimg.com/photo/65010528.cms) no-repeat 0 -224px;
}
.metadata span.rating {
display: inline-block;
line-height: 18px;
font-size: 12px;
margin-right: 5px;
color: #909090;
}
.metadata a.location {
display: inline-block;
line-height: 18px;
color: #909090;
background: url(http://static.toiimg.com/photo/65010528.cms) no-repeat 0 -450px;
padding-left: 14px;
font-size: 12px;
}
.article .description.box1 {
height: auto;
width: auto;
padding: 11px 15px 2px;
/* margin-top: 7px; */
min-height: 90px;
margin-bottom: 10px;
}
.article .description.box1 a{color: #0060ff;word-wrap:break-word;}
.article-heading p.tags {
border-bottom: 1px solid #ccc;
padding-bottom: 0;
}
.article p, .article .description div,.article .box1.seo_block div {
font-size: 14px !important;
line-height: 22px;
/* margin-bottom: 10px;*/
color: #333;
/*position: relative;
z-index: 0;*/
}
.article .disclaimer{
font-size: 11px;
line-height: 15px;
font-style: italic;
display:block;
margin-top:15px;
}
span.stars {
display: inline-block;
width: 88px;
height: 17px;
background: url(http://static.toiimg.com/photo/65010528.cms) no-repeat 0 -264px;
margin-right: 5px;
line-height: 17px;
}
span.stars span.inner {
display: inline-block;
height: 17px;
background: url(http://static.toiimg.com/photo/65010528.cms) no-repeat 0 -247px;
line-height: 17px;
}
.metadata span.rating span.stars {
position: relative;
top: 3px;
}
.article .description p.highlight {
font-style: italic;
font-size: 18px;
line-height: 25px;
color: #b6b6b6;
}
.article .description p strong {
font-weight: bold;
color: #000;
}
.article .article-heading .address {
color: #000000;
font-size: 16px !important;
font-style: italic;
}
.article h4 {
font-size: 20px;
font-weight: 600;
margin-bottom: 15px;
color: #000;
}
.article-heading .share1 {
z-index: 9;
position: relative;
}
.article .description .share1.bottom {
position: static !important;
}
/*-------- Article share ------------*/
.facebook_like {
width: 59px;
display: inline-block;
height: 22px;
}
.facebook_like.fb_iframe_widget{position: relative !important;}
.facebook_like .fb_iframe_widget {
visibility: visible;
}
.facebook_like .fb_iframe_widget {
display: block;
}
.share1 a.button1 {
float: right;
height: 22px;
line-height: 22px;
font-size: 12px;
margin-left: 10px;
}
.first_one {color:#55b229; font-size:14px}
.share1 {
border-bottom: 1px solid #cccccc;
padding: 7px 0;
}
.share1 ul li {
list-style: none;
float: left;
margin-right: 9px;
list-style-type:none !important;
position: relative;
}
.share1 ul li a {
display: inline-block;
width: 72px;
height: 20px;
background: url(http://static.toiimg.com/photo/65010528.cms) no-repeat;
}
.share1 ul li a.facebook , .share1 ul li a.twitter , .share1 ul li a.share {
background: url(http://static.toiimg.com/photo/116992468.cms) no-repeat;
}
.share1 ul li a.facebook {
background-position: 0 -68px;
width: 32px;
height: 20px;
}
.share1 ul li a.gplus {
background-position: -206px -829px;
width: 62px;
}
.share1 ul li a.twitter {
background-position: 0 -34px;
width: 32px;
height: 20px;
}
.share1 ul li a.share {
background-position: 0 -101px;
width: 33px;
height: 21px;
}
.share1 span.share-count {
display: none;
background: url(http://static.toiimg.com/photo/65010528.cms) no-repeat -132px -852px;
padding-left: 25px;
line-height: 25px;
position: relative;
margin: -2px 0;
font-size: 24px;
color: #000;
font-weight: bold;
white-space:nowrap;
}
.share1 span.share-count small {
font-size: 11px;
color: #5a5c5e;
line-height: 11px;
font-weight: normal;
display: inline;
padding-left: 2px;
vertical-align: middle;
position: relative;
top: -2px;
}
.share1 ul li div.popup-share {
position: absolute;
width: 218px;
padding: 15px 10px 15px;
background: #fff;
border: 1px solid #a8a9ab;
box-shadow: 1px 1px 3px #a0a0a0;
-moz-box-shadow: 1px 1px 3px #a0a0a0;
-webkit-box-shadow: 1px 1px 3px #a0a0a0;
top: 34px;
left: -28px;
z-index: 999;
}
.share1 ul li div.popup-share ul li {
list-style: none;
float: left;
margin-right: 10px;
}
.share1 ul li div.popup-share ul li a {
display: inline-block;
width: 25px;
height: 25px;
}
.share1 ul li div.popup-share ul li a.linkedin {
background-position: 0 -1007px;
}
.share1 ul li div.popup-share ul li a.digg {
background-position: -30px -1007px;
}
.share1 ul li div.popup-share ul li a.icon1 {
background-position: -59px -1007px;
}
.share1 ul li div.popup-share ul li a.stumpleupon {
background-position: -88px -1007px;
}
.share1 ul li div.popup-share ul li a.print {
background-position: -117px -1007px;
}
.share1 ul li div.popup-share ul li a.email {
background-position: -147px -1007px;
}
.share1 ul li div.popup-share a.close-btn {
display: block;
width: 14px;
height: 14px;
background: url(http://static.toiimg.com/photo/65010528.cms) no-repeat -248px -294px;
position: absolute;
top: 4px;
right: 4px;
}
.share1 ul li div.popup-share span.arrow {
position: absolute;
width: 20px;
height: 14px;
display: block;
z-index: 1001;
left: 47px;
top: -13px;
background: url(http://static.toiimg.com/photo/65010528.cms) no-repeat -248px -315px;
}
/*----- Bottom Share ----*/
.share1.bottom {
border: 0;
padding-top: 20px;
}
.share1.bottom ul li a {
width: 48px;
height: 48px;
}
.share1.bottom ul li a.facebook {
background-position: -52px -947px;
}
.share1.bottom ul li a.twitter {
background-position: -106px -947px;
}
.share1.bottom ul li a.gplus {
background-position: -158px -947px;
width: 48px;
}
.share1.bottom ul li a.share {
background-position: -208px -947px;
}
.share1.bottom ul li a.email {
background-position: 0px -947px;
}
.share1.bottom h6 {
font-size: 14px;
color: #333333;
font-weight: normal;
margin-bottom: 10px;
padding-top: 10px;
border-top: 1px solid #ccc;
}
.share1.bottom span.share-count {
line-height: 48px;
background-position: -260px -947px;
padding-left: 49px;
font-size: 16px;
height: 48px;
}
/*----- POI METADATA ----*/
.poi-metadata h2 {
font-size: 20px;
line-height: 20px;
margin-bottom: 15px;
margin-left: 0;
}
.poi-metadata h2 small {
font-weight: normal;
font-size: 14px;
display: block;
padding-top: 3px;
}
.poi-metadata p {
font-size: 14px;
line-height: 22px;
color: #6e6e6e;
}
.poi-metadata p a {
font-weight: bold;
color: #007fff;
}
.poi-metadata p.timing {
margin-bottom: 0;
}
.poi-metadata p.timing span {
width: 144px;
display: inline-block;
}
.poi-metadata a.button2 {
margin: 15px auto 0;
width: 144px;
display: block;
}
.nearby {
margin-bottom: 10px;
}
.com_img {
float: left;
margin-right: 0;
position: absolute;
}
.replybtn_c {
margin-left: 68px;
width: 88%;
float: left;
position: relative;
}
/*----- Comment-form ------*/
.comment-form h2 {
font-size: 20px;
color: #55b229;
font-weight: bold;
margin-bottom: 6px;
margin-left: 0;
padding-bottom: 0;
background: none;
}
div.comment-form div#socwidget {
margin-bottom: 10px;
float: left;
position: relative;
right: inherit;
top: inherit;
}
div.comment-form div#socwidget h4 {
float: left;
width: 167px;
color: #404040;
font-weight: bold;
font-size: 13px;
margin-bottom: 30px;
margin-right: 10px;
margin-bottom: 0;
}
div.comment-form div#socwidget .buttons {
float: left;
}
div.comment-form div#socwidget h4 small {
display: block;
color: #666;
font-size: 11px;
font-weight: normal;
}
div.comment-form div#socwidget a.button {
display: inline-block;
height: 21px;
margin-right: 10px;
background: url(http://static.toiimg.com/photo/65010528.cms) no-repeat;
}
div.comment-form div#socwidget a.button.indiatimes {
background-position: 0 -284px;
width: 93px;
}
div.comment-form div#socwidget a.button.facebook {
background-position: 0 -311px;
width: 88px;
cursor: pointer;
}
div.comment-form div#socwidget a.button.twitter {
background-position: 0 -336px;
width: 92px;
cursor: pointer;
}
div.comment-form p {
margin-bottom: 12px;
}
.inputBlk input {
margin-right: 42px;
display: block;
padding: 3px 10px;
background: #eee;
border: 0;
color: #333;
font-size: 12px;
margin-bottom: 8px;
}
#fil_txt {
margin-bottom: 10px;
}
.inapp_cont {
text-align: center;
color: #393939;
font-size: 18px;
font-family: georgia;
font-weight: bold;
}
#postCmtIn .err_text {
text-align: center;
color: #393939;
font-size: 18px;
font-family: georgia;
font-weight: bold;
margin-left: -57px;
line-height: 17px;
word-break: break-word;
}
#postCmtIn textarea, div.comment-form textarea {
//background: #eeeeee;
padding: 1px;
border: 0;
width: 86%;
height: 45px;
font-size: 12px;
font-family: 'Montserrat', Arial, Helvetica, sans-serif;
color: #333;
// border-top: 1px solid #777777;
border: 1px solid #71737a;
margin-top: 10px;
}
div.comment-form p span.notification {
color: #7a7a7a;
line-height: 14px;
font-size: 10px;
display: block;
padding-left: 77px;
}
div.comment-form p input.button2 {
border-radius: inherit;
height: 24px;
float: right;
font-size: 12px;
border: 0;
cursor: pointer;
//padding-bottom: 3px;
}
#newpostCmtIn .Name, .CommentReply .Name {
color: #000;
font-size: 12px;
text-transform: capitalize;
font-weight: bold;
}
#newpostCmtIn .ComBlk:first-child {
background-color: #EDF2F5;
}
.cmt_box .ComBlk:first-child {
border-top: 1px dashed #ABABAB;
}
.ComBlk:last-child {
border-bottom: 1px solid #fff;
}
.NameUser {
color: #474545;
font-size: 12px;
line-height: 13px;
margin-top: -1px;
float: left;
width: 78%;
margin-left: 68px;
position: relative
}
.CommentTxt {
color: #474545;
line-height: 16px;
margin-top: 4px;
padding-right: 5px;
word-break: normal;
}
.NameTime .authorimg {
margin-right: 16px;
width:50px;
}
.NameTime {
min-height: 61px;
}
#newpostCmtIn, .ComBlk {
border-bottom: 1px dashed #ABABAB;
margin-bottom: 7px;
padding-bottom: 5px;
padding-top: 11px;
word-break: break-all;
}
.ComBlk .ComBlk {
border-bottom: medium none;
}
#newpostCmtIn {
border-bottom: none;
}
.ComBlk .time {
position: absolute;
right: -12%;
bottom: 0;
color: #ababab;
margin-bottom: 6px;
font-style: italic;
margin-bottom: -21px;
right: -54px;
}
.com_no {
font-size: 11px;
line-height: 27px;
font-weight: bold;
border-top: 1px solid #afafaf;
border-bottom: 1px solid #afafaf;
overflow: auto;
}
/*----- Comments List ----*/
.comments-list h3 {
color: #404040;
font-weight: bold;
font-size: 20px;
margin-bottom: 10px;
height: auto;
}
.comments-list h3 a.post-comment {
display: inline-block;
line-height: 20px;
padding-left: 29px;
font-size: 16px;
text-decoration: none;
color: #8f8f8f;
background: url(http://static.toiimg.com/photo/65010528.cms) no-repeat 0 -359px;
margin-left: 3px;
}
.comments-list ul li {
list-style: none;
margin-bottom: 15px;
border-bottom: 1px solid #cccccc;
}
.comments-list ul li ul li, .comments-list ul li.last {
border: 0;
}
.comments-list ul li div.inner {
padding-bottom: 10px;
display: block;
}
.comments-list ul li div.image {
float: left;
border: 1px solid #cfcfcf;
background: #eeeeee;
width: 60px;
height: 60px;
margin: 0 !important;
}
.comments-list ul li div.description {
padding-left: 72px;
position: relative;
top: -3px;
}
.comments-list ul li div.description h4 {
margin-bottom: 7px;
color: #7a7a7a;
font-size: 13px;
font-weight: bold;
font-family: Tahoma, Geneva, sans-serif;
}
.comments-list ul li div.description h4 span {
font-weight: normal;
margin-left: 30px;
font-size: 12px;
}
.comments-list ul li div.description p {
color: #adadad;
font-size: 12px;
line-height: 18px;
font-family: Tahoma, Geneva, sans-serif;
margin-bottom: 10px;
}
.app_link_footer{
display:none;
position: fixed;
left: 50%;
bottom: -1px;
width: 1000px;
height: 40px;
background-color: #f0f0f0;
z-index: 9999;
margin: 0 auto;
transform: translate(-50%, 0); box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); border: 1px solid rgba(0, 0, 0, 0.5); font-size: 16px; color: #666; text-transform: uppercase; line-height: 40px; text-align: center;}
.app_link_footer span{text-transform: none; position: relative; padding: 0 10px 0 24px;}
.app_link_footer i{background: url(http://static.toiimg.com/photo/65010528.cms) no-repeat 0 0;position:absolute; right: 4px;
top: 4px; width: 26px;
height: 32px;
background-position: -2px -2391px;}
.comments-list ul li div.description .footer {
position: relative !important;
bottom: 0;
margin-bottom: 0 !important;
}
.comments-list ul li.last {
border: 0;
}
.comments-list ul li div.description .footer a.reply {
float: right;
height: 19px;
line-height: 19px;
border: 1px solid #d8d8d8;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
font-size: 12px;
line-height: 19px;
padding: 0 10px;
margin-left: 10px;
color: #333;
background: url(http://static.toiimg.com/photo/24934026.cms) repeat-x 0 -222px;
}
a.replyBtn {
font-weight: bold;
height: 19px;
line-height: 19px;
// border: 1px solid #d8d8d8;
// border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
font-size: 12px;
line-height: 19px;
//padding: 0 9px;
margin: 5px 0;
//color: #333;
color: #E85200;
// background: url(http://static.toiimg.com/photo/24934026.cms) repeat-x 0 -222px;
display: inline-block;
}
.comments-list ul li div.description .footer a.reply:hover {
text-decoration: none;
}
.comments-list ul li div.description .footer a.like, .comments-list ul li div.description .footer a.dislike {
float: right;
width: 19px;
height: 20px;
margin-left: 10px;
background: url(http://static.toiimg.com/photo/65010528.cms) no-repeat;
}
.comments-list ul li div.description .footer a.like {
background-position: -29px -380px;
}
.comments-list ul li div.description .footer a.dislike {
background-position: 0px -380px;
}
.comments-list ul li ul {
padding-left: 20px;
}
a.button1.load-comments {
display: none;
width: 200px;
margin: 0 auto 20px;
text-align: center;
}
a.button1.load-comments span {
display: inline-block;
background: url(http://static.toiimg.com/photo/65010528.cms) no-repeat 0 -562px;
padding-left: 30px;
}
a.button1.load-comments span.hide, a.button1.load-comments.active span.show {
display: none;
}
a.button1.load-comments.active span.hide {
display: inline-block;
}
span.morecomments {
display: none;
cursor: pointer;
font-size: 18px;
color: #E85200;
font-weight: bold;
text-transform: uppercase;
}
/*----- TRAVEL GUIDE PAGE STYLES -----*/
.guide-metadata h2 {
margin-bottom: 20px;
}
.guide-metadata ul li {
list-style: none;
margin-bottom: 18px;
}
.guide-metadata ul li {
font-size: 13px;
color: #7a7a7a;
line-height: 1.5em;
}
.guide-metadata ul li span {
vertical-align: top;
display: inline-block;
width: 149px;
}
.guide-metadata ul li span.b {
font-size: 16px;
font-weight: 600;
width: 140px;
margin-right: 10px;
}
a.map-view, a.list-view {
display: inline-block;
float: right;
margin-left: 10px;
line-height: 33px;
padding: 0 10px;
font-size: 20px;
font-weight: 800;
color: #fff;
background: #55b229;
width: 143px;
text-align: center;
}
a.map-view:hover, a.list-view:hover {
text-decoration: none;
}
.section1 {
margin-bottom: 20px;
}
.section1 h2.heading1 {
margin-bottom: 15px;
}
.section1 .box1 {
min-height: inherit;
height: auto;
margin-bottom: 15px;
}
.section1 .box1.full-width {
margin: 0 11px 15px;
background: #f4f4f4;
}
.tabs .section1 .box1.full-width.first {
border-top: 1px solid #ffffff;
}
.tabs .section1 .box1.full-width {
margin: 0 11px 0px !important;
background: #f4f4f4;
border-bottom: 0;
box-shadow: 1px 1px 2px #D5D5D5;
-moz-box-shadow: 1px 1px 2px #D5D5D5;
-webkit-box-shadow: 1px 1px 2px #D5D5D5;
padding-bottom: 1px;
}
.tabs .section1 .box1.full-width:hover {
box-shadow: 0 1px 2px #d5d5d5;
}
.section1 ul.list4 {
position: relative;
margin-bottom: -15px;
}
.section1 .box1.full-width:hover {
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
}
.section1 .box1.full-width ul.list4 {
margin: 0 -10px;
position: relative;
}
.section1 .box1.full-width ul.list4 li div.box1 {
background: #fff;
}
.section1 .box1.full-width ul.list4 li div.box1:hover {
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
}
/*----- Guide Listing Page Styles ---*/
.featured-guide {
margin-bottom: 10px;
}
.guide-lists {
overflow: hidden;
}
.guide-lists .row {
position: relative;
margin-left: -11px;
margin-bottom: 30px;
}
.guide-lists .column {
float: left;
width: 302px;
margin-right: 10px;
padding-left: 10px;
border-left: 1px solid #eeeeee;
min-height: 255px;
margin-bottom: 20px;
}
.guide-lists .column h3 {
color: #55b229;
font-size: 20px;
font-weight: bold;
margin: 0 0 8px;
height: auto !important;
}
.guide-lists .column ul li {
list-style: none;
line-height: 22px;
}
.guide-lists .column ul li a {
font-size: 14px;
color: #a1a3a3;
}
.guide-lists .search-area {
margin-bottom: 30px;
}
.guide-lists .search-area p.form1 {
max-width: 300px;
}
.guide-lists .search-area .search-form input.txt {
float: left;
display: block;
background: none;
height: 34px;
padding: 0 10px;
position: relative;
border-radius: 2px 0 0 2px;
-moz-border-radius: 2px 0 0 2px;
-webkit-border-radius: 2px 0 0 2px;
border: 1px solid #989898;
border-width: 1px 0 0 1px;
box-shadow: 1px 1px 1px #d2d2d2 inset;
-moz-box-shadow: 1px 1px 1px #d2d2d2 inset;
-webkit-box-shadow: 1px 1px 1px #d2d2d2 inset;
width: 238px;
font-style: italic;
color: #7a7a7a;
}
.guide-lists .search-area .search-form input.submit {
float: left;
background: url(http://static.toiimg.com/photo/24934026.cms) repeat-x 0 -322px;
padding: 0 10px;
border-radius: 0 2px 2px 0;
-moz-border-radius: 0 2px 2px 0;
-webkit-border-radius: 0 2px 2px 0;
height: 34px;
line-height: 34px;
border: 0;
color: #fff;
font-size: 14px;
font-weight: 800;
}
.guide-lists .row.last {
margin-bottom: 0;
}
.popular-guides {
margin-bottom: 20px;
}
/*------ Featured-guide Page ---*/
.box1.full-width {
width: auto;
height: auto;
margin: 0 11px 15px;
z-index: 0;
}
.box1.full-width h2 {
font-size: 30px;
color: #aad16b;
font-weight: 800;
line-height: 44px;
margin: 0 0 12px 0;
}
.box1.full-width h2 a {
color: #333;
/*border-bottom:5px solid #f24e0d;*/
display: inline-block;
margin-right: 5px;
}
.box1.full-width h2 a:hover {
color: #f24e0d;
text-decoration: none;
}
.box1.full-width p {
font-size: 13px;
color: #333333;
line-height: 22px;
margin-bottom: 20px;
}
.box1.full-width .one-third {
margin: 0 28px 10px 0;
width: 280px;
position: relative;
padding: 10px;
background: #f5f5f5;
}
/*.box1.full-width .one-third .image{margin:0 0 10px;}
.box1.full-width .one-third.outer {
margin-right: 0;
}*/
/*----- Article Landing page ----*/
.article .description .tags {
border-top: 1px solid #dcdcdc;
position: relative;
margin: 0 -10px 5px;
padding: 10px 10px 0;
margin-top: 12px;
line-height: 19px;
}
.article .description .tags a {
margin-bottom: 5px;
text-transform: uppercase;
display: inline-block;
line-height: 19px;
height: 21px;
padding: 0 5px;
font-size: 12px;
color: #55b229;
margin-right: 5px;
vertical-align: middle;
}
.article .description .tags h4 {
float: left;
font-size: 16px;
font-weight: 800;
margin-bottom: 0;
color: #55b229;
line-height: 19px;
}
/*----- Tab-strip1 ---*/
ul.tab-strip1 {
background: #f4f4f4;
border-bottom: 1px solid #e0e0e0;
padding: 10px;
margin: 0 11px 0px;
box-shadow: 1px 1px 2px #D5D5D5;
-moz-box-shadow: 1px 1px 2px #D5D5D5;
-webkit-box-shadow: 1px 1px 2px #D5D5D5;
}
ul.tab-strip1 li {
list-style: none;
float: left;
position: relative;
}
ul.tab-strip1 li a {
float: left;
line-height: 34px;
width: 100px;
text-align: center;
font-size: 14px;
color: #737576;
font-weight: 600;
background: url(http://static.toiimg.com/photo/24934026.cms) repeat-x 0 -360px;
border: 1px solid #a1aaad;
}
ul.tab-strip1 li span.arrow {
position: absolute;
left: 50%;
margin-left: -4px;
bottom: -4px;
z-index: 50;
background: url(http://static.toiimg.com/photo/65010528.cms) no-repeat 0 -488px;
display: none;
width: 8px;
height: 8px;
}
ul.tab-strip1 li.first a {
border-radius: 2px 0 0 2px;
-moz-border-radius: 2px 0 0 2px;
-webkit-border-radius: 2px 0 0 2px;
}
ul.tab-strip1 li.last a {
border-radius: 0 2px 2px 0;
-moz-border-radius: 0 2px 2px 0;
-webkit-border-radius: 0 2px 2px 0;
}
ul.tab-strip1 li:hover a, ul.tab-strip1 li.active a {
background: #5a5f61;
color: #ffffff;
text-decoration: none;
border-color: #3c3f41;
box-shadow: 0 0 5px #44484a inset;
-moz-box-shadow: 0 0 5px #44484a inset;
-webkit-box-shadow: 0 0 5px #44484a inset;
}
ul.tab-strip1 li:hover span.arrow, ul.tab-strip1 li.active span.arrow {
display: block;
}
/*----- Search-results ----*/
.main-content.search-results {
margin-left: 0;
width: 662px;
}
.quiz_hp .box1.full-width {
margin: 0 0 15px 0px;
float: none;
}
.main-content .box1.full-width {
margin: 0 0 15px 0px;
width: auto;
float: none;
clear: left;
height: auto;
min-height: inherit;
}
.main-content .box1.full-width span.stamp {
display: inline-block;
}
.main-content .box1.full-width .image {
float: left;
margin: 0 10px 0 0;
}
.main-content .box1.full-width p {
height: 125px;
overflow: hidden;
font-size: 15px;
line-height: 21px;
margin-bottom: 0;
}
.main-content.guide_s .box1.full-width p {
/*height: 125px;
overflow: hidden;*/
max-height:none;
}
.main-content .box1.full-width p.tags {
height: auto;
min-height: inherit;
/*margin-bottom: 2px;*/
}
.agency_bar img{
width:22px !important;
height:22px !important;
float:left;
margin:0 5px 0 0;
}
.agency_bar .more{
line-height: 21px;
margin-left: 5px;
font-size: 11px;
color: #333;
}
.type2{
position:absolute;
bottom:10px;
}
.search-error {
height: auto;
min-height: inherit !important;
text-align: center;
padding: 30px;
}
.search-error h3 {
font-size: 18px;
color: #a7a6a7;
line-height: 24px;
margin-bottom: 20px;
font-weight: 600;
padding-top: 15px;
}
.search-error p {
color: #000;
font-size: 16px;
line-height: 18px;
margin-bottom: 25px !important;
height: auto !important;
}
.search-error .form1 input.txt {
width: 60%;
padding:9px 2%;
border-radius:0; -moz-border-radius:0; -webkit-border-radius:0;
}
.search-error .form1 input.submit {
border: 0;
font-size: 18px;
font-weight: 800;
border-radius:0; -moz-border-radius:0; -webkit-border-radius:0;
width:32%;
padding:0 2% ;
height:38px
}
.search-error .box1.full-width {
padding:20px 65px 20px 80px;
border: none;
}
.search-error .box1 span.mail-icon{position:absolute; display:block; width:47px; height:77px; top:-8px; left:18px;
background:url(http://static.toiimg.com/photo/65010528.cms) no-repeat scroll -128px -1490px ; z-index:100;}
/*------ Page-title -----*/
.page-title {
padding-left: 11px;
}
.page-title h1 {
font-size: 32px;
line-height: 38px;
color: #000;
font-weight: bold;
margin-bottom: 13px;
text-transform: uppercase;
float: left;
word-break: keep-all;
}
.page-title h2 {
font-size: 30px;
line-height: 38px;
color: #ef710b;
font-weight: bold;
margin-bottom: 13px;
border-bottom: 5px solid #ef710b;
text-transform:uppercase;
float: left;
word-break:break-all;
}
/*----- Breadcrumbs -----*/
.breadcrumbs {
margin-bottom: 10px;
padding-top:10px;
}
.breadcrumbs a, .breadcrumbs span {
color: #8a8a8a;
font-size: 12px;
}
.breadcrumbs span{margin-right:4px;text-transform:capitalize;}
.breadcrumbs div{float:left;}
.breadcrumbs a,
.breadcrumbs a span,span.breadcrumb_text {
color: #55b229;
}
.breadcrumbs a.camelcase {
text-transform: capitalize;
}
/*--------Pagination -------*/
.pagination2 {
background: #fff;
position: relative;
box-shadow: 0 4px 4px #bebebe;
-moz-box-shadow: 0 4px 4px #bebebe;
-webkit-box-shadow: 0 4px 4px #bebebe;
padding: 0 90px 0 123px;
overflow: hidden;
margin-bottom: 20px;
height: 45px;
text-align: center;
}
.pagination2 a {
display: inline-block;
text-align: center;
width: 41px;
line-height: 45px;
border-right: 1px solid #ccc;
font-size: 20px;
font-weight: 600;
color: #adadad;
border-left: 1px solid #ccc;
position: relative;
margin-right: -1px;
}
.pagination2 a:hover {
text-decoration: none;
}
.pagination2 a.previous {
position: absolute;
line-height: 45px;
padding-left: 38px;
z-index: 50;
left: 0;
top: 0;
background: url(http://static.toiimg.com/photo/65010528.cms) no-repeat -96px -571px;
font-size: 15px;
color: #333333;
font-weight: normal;
text-align: left;
width: 85px;
border: 0;
}
.pagination2 a.next {
position: absolute;
line-height: 45px;
padding-right: 38px;
background: url(http://static.toiimg.com/photo/65010528.cms) no-repeat -212px -517px;
z-index: 50;
right: 0;
top: 0;
font-size: 15px;
color: #333333;
font-weight: normal;
border: 0;
width: 51px;
text-align: right;
}
.pagination2 a.current {
color: #333;
}
.pagination2 a.disable {
display: none;
}
/*------- Gallery Page Spesific ----*/
/*----- Related-Galleries ----*/
.related-galleries.box1 {
height: auto;
min-height: inherit;
padding-bottom: 5px !important;
width: 300px;
}
.related-galleries.box1:hover {
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
}
.related-galleries h2.heading1 {
margin-left: 23px;
}
.related-galleries ul.overview {
height: 124px;
overflow: hidden;
}
.related-galleries ul li {
list-style: none;
float: left;
margin: 0 5px;
width: 120px;
}
.related-galleries ul li img {
margin-bottom: 3px;
}
.related-galleries ul li p {
font-size: 12px !important;
line-height: 13px;
font-weight: 600;
margin-bottom: 0;
}
.related-galleries ul li p a {
color: #333;
}
.carousel-container {
padding: 0 20px;
position: relative;
}
.carousel-container a.next-btn, .carousel-container a.previous-btn {
display: block;
position: absolute;
z-index: 40;
top: 30px;
width: 15px;
height: 22px;
background: url(http://static.toiimg.com/photo/65010528.cms);
}
.experience-list a.next-btn,.experience-list a.previous-btn { background: url("http://static.toiimg.com/photo/65010528.cms") repeat scroll 0 0 rgba(0, 0, 0, 0);}
.carousel-container a.previous-btn {
left: 0;
background-position: -49px -69px;
}
.carousel-container a.next-btn {
right: 0;
background-position: -49px -44px;
opacity: 1
}
.popular-galleries {
margin-top: 23px;
margin-bottom: 20px;
}
/*----- Slider ----*/
.slider {
background: #ddd;
height: 6px;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
position: relative;
box-shadow: 0 1px 1px #bcbcbc inset;
-moz-box-shadow: 0 1px 1px #bcbcbc inset;
-webkit-box-shadow: 0 1px 1px #bcbcbc inset;
}
.slider .slide-handle {
position: absolute;
background: #55b229;
height: 5px;
width: 36px;
left: 20%;
display: block;
position: absolute;
z-index: 20;
top: 1;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
div.sticky {
margin-top: 0;
position: fixed;
top: 0;
width: 100%;
left:0;
-webkit-transform: translate3d(0,0,0);
}
/*----- Search-results ------*/
.search-results {
/*border-top: 1px solid #cccccc;*/
margin-bottom: 20px;
}
.search-results .section {
border-bottom: 1px solid #cccccc;
padding: 10px 5px;
position: relative;
background: #fff;
}
.search-results .section .image {
float: left;
margin-right: 10px;
width: 180px;
height: 119px;
display: inline-block;
position: relative;
}
.search-results .section .like_box{border-top:1px solid #d0e7bb; margin:10px -5px -10px; line-height:22px; padding:10px; font-size:16px; font-weight:800; color:#5cb600; cursor:pointer;}
.search-results .section .like_box:hover{background:#f2f2f2; border-color:#f2f2f2s;}
.search-results .section .title{position:relative;}
.search-results .section .title .like{cursor:pointer; position:absolute; padding-right:15px;background:url(http://static.toiimg.com/photo/65010528.cms) no-repeat -143px -2088px; right:0; top:0; height:22px; min-width:10px;}
.search-results .section .title .like:hover, .search-results .section .title .active{background-position:-112px -2088px;}
.like_count{position:absolute; color:#333; font-weight:bold; font:bold 16px/27px 'Montserrat', Arial, Helvetica, sans-serif;top: 0; right:32px;}
.search-results .title h3{padding-right:55px;}
.section .thumb{float:left;width:60px;height:60px;margin: 0 10px 10px 0;border: 1px solid #666;background: #666;color:#fff; text-align: center;line-height: 60px;font-size: 50px;}
.search-results .tags {
margin-bottom: 10px;
font-size: 12px;
color: #029bfb;
}
.search-results .tags a {
font-size: 12px;
color: #0060ff;
}
.search-results h3 {
font-size: 20px;
color: #333;
margin-bottom: 5px;
line-height: 24px;
}
.search-results h3 a {
color: #333;
}
.search-results p,.search-results .txt {
font-size: 13px;
line-height: 16px;
color: #333;
text-align: justify;
text-overflow: ellipis;
height: 48px;
overflow: hidden;
}
.search-results .txt /*, .search-results .txt p*/{font-size: 14px; line-height: 22px;height:auto;overflow:visible;}
.search-results p a, .search-results .txt a {
color: #0060ff;
}
.search-results .section.guide {
border: 2px solid #000;
border-width: 2px 0;
}
.search-results .section.guide .section_bar{color: #029bfb; margin-top: 5px; font-size: 13px; padding: 2px; height: auto;overflow:hidden;line-height:16px;}
.search-results .section.guide .section_bar a{color:#55b229; padding:0 2px;}
.search-results .section.bg_guide {
background: #e4f0fc;
}
.search-results .section.guide + .section.guide {
border-top: 0;
}
.search-results .section span.label {
display: block;
position: absolute;
z-index: 20;
width: 82px;
height: 28px;
padding-left: 5px;
line-height: 25px;
color: #fff;
font-size: 14px;
font-weight: bold;
background: url(http://static.toiimg.com/photo/65010528.cms) no-repeat 0 -601px;
top: 10px;
left: 5px;
}
.search-results .message-box{ background:#eef4f4; border:1px solid #919797; padding:10px; margin-bottom:15px; position:relative;}
.search-results .message-box p{font-size:16px; color:#ef5400; font-weight:bold; height:auto; line-height:20px; }
.search-results .message-box i{float:left; width:14px; height:10px; margin-top:2px; background: url(http://static.toiimg.com/photo/65010528.cms) no-repeat -136px -1352px; }
.search-results .message-box span.arrow{position:absolute; width:17px; height:13px; background: url(http://static.toiimg.com/photo/65010528.cms) no-repeat -180px -1352px;
display:block; bottom:-12px; left:12px;}
/*-------- Map View ---*/
#map-view .left-column {
width: 24%;
float: left;
}
#map-view .right-column {
width: 74%;
float: right;
}
#map-view .filter {
margin-bottom: 9px;
}
#map-view .filter a {
color: #666;
font-size: 12px;
}
#map-view .filter span {
margin: 0 6px;
font-size: 12px;
color: #d7d7d7;
}
#map-view .filter a.select-none {
color: #333;
}
#map-view .left-column ul {
list-style: none;
border-top: 1px solid #eeefe9;
padding-top: 9px;
}
#map-view .left-column ul li {
list-style: none;
padding-bottom: 3px;
border-bottom: 1px solid #eeefe9;
margin-bottom: 9px;
position: relative;
}
#map-view .left-column ul li i {
float: right;
margin-right: 15px;
}
#map-view .left-column ul li label {
position: relative;
line-height: 24px;
padding-left: 27px;
display: inline-block;
background: url(http://static.toiimg.com/photo/65010528.cms) no-repeat -201px -409px;
font-size: 14px;
color: #333;
font-weight: bold;
z-index: 10;
}
#map-view .left-column ul li input[type="checkbox"] {
position: absolute;
z-index: -1px;
left: 3px;
top: 4px;
}
#map-view .left-column ul li label.checked {
background-position: -201px -464px;
}
#map-view {
display: none;
}
#map-view .right-column .map {
width: 100%;
border: 1px solid #999b9b;
position: relative;
}
#map-view .right-column .map img {
width: 100%;
vertical-align: bottom;
}
#map-view .right-column .map .marker {
position: absolute;
width: 31px;
height: 31px;
display: block;
z-index: 20;
}
/*----- Update Subscription ------*/
.update-subscription {
padding: 35px;
}
.box1.update-subscription:hover {
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
}
.box1.update-subscription h2 {
font-size: 28px;
line-height: 36px;
color: #403f3f;
margin-bottom: 10px;
font-weight: bold;
margin-left: 0;
}
.box1.update-subscription h2 a {
color: #55b229;
}
.box1.update-subscription p {
color: #403f3f;
font-size: 14px;
line-height: 18px;
margin: 5px 0 10px;
}
.box1.update-subscription ul li {
list-style: none;
margin-bottom: 20px;
position: relative;
}
.box1.update-subscription ul li input[type="checkbox"] {
position: absolute;
left: 1px;
top: 3px;
z-index: 1;
}
.box1.update-subscription ul li label {
position: relative;
z-index: 5;
padding-left: 30px;
font-size: 18px;
line-height: 18px;
font-weight: bold;
display: block;
}
.box1.update-subscription ul li small {
display: block;
font-weight: normal;
font-size: 12px;
line-height: 17px;
padding-top: 5px;
}
.box1.update-subscription ul li label span.custom-checkbox {
position: absolute;
width: 17px;
height: 17px;
left: 0;
top: 2px;
display: block;
background: url(http://static.toiimg.com/photo/65010528.cms) no-repeat 0 -509px;
z-index: 10;
}
.box1.update-subscription ul li label.checked span.custom-checkbox {
background-position: 0 -526px;
}
.update-subscription a.button2, .update-subscription input.button2 {
height: 46px;
line-height: 46px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding: 0 15px;
font-size: 18px;
font-weight: bold;
}
.update-subscription input.button2 {
cursor: pointer;
margin-bottom: 20px;
border: 0;
-webkit-appearance: none;
}
.update-subscription p a {
color: #f24f0e;
text-decoration: underline;
}
.update-subscription p.signup {
margin-bottom: 33px;
}
.box1.update-subscription .unsubscribe {
border: 1px solid #403f3f;
border-width: 0 0 1px;
padding: 0 0 22px;
margin-bottom: 30px;
border-bottom: 0;
}
.box1.update-subscription .unsubscribe p {
color: #777676;
}
.update-subscription a.button2:hover {
color: #fff !important;
}
/*------- POPUP BOX ------*/
.overlay-bg {
background: rgba(0,0,0,.7);
width: 100%;
height: 100%;
position: fixed;
z-index: 99999;
left: 0;
top: 0;
}
.popupwrapper, .postunsubwrapper {
position: fixed;
top: 0;
left: 0;
z-index: 100000;
width: 100%;
height: 100%;
display: none;
}
.popup {
background: #FFFFFF;
border: 13px solid #999999;
border-radius: 18px;
-moz-border-radius: 18px;
-webkit-border-radius: 18px;
max-width: 650px;
overflow: auto;
padding: 10px 15px;
margin: 0px auto 0;
position: relative;
top: 10%;
}
.popup h2 {
border-bottom: 1px solid #E8E8E8;
color: #727272;
display: block;
font-size: 18px;
font-weight: bold;
line-height: 24px;
padding: 10px 60px 10px 0;
}
.postunsubwrapper .popup h2 span {
font: normal normal 13px/18px 'Montserrat', Arial, Helvetica, sans-serif;
display: block
}
.popup .form-area {
padding: 15px;
}
.popup .form-area .left-column {
width: 60%;
float: left;
border-right: 1px solid #E8E8E8;
padding-right: 5%;
}
.postunsubwrapper .popup .form-area .left-column {
width: 90%;
border-right: none;
}
.popup .form-area .left-column ul li {
list-style: none;
margin-bottom: 10px;
}
.popup .form-area .left-column ul li.formerr {
color: #f00;
font-size: 11px
}
.postunsubwrapper .popup .form-area .left-column ul li {
position: relative;
}
.postunsubwrapper .popup .form-area .left-column ul li input.unsubsreason {
display: none;
}
.postunsubwrapper .popup .form-area .left-column ul li label .custom-radio {
background: url("http://static.toiimg.com/photo/65010528.cms") no-repeat -2px -409px;
height: 17px;
left: 0;
position: absolute;
top: 8px;
width: 16px;
}
.postunsubwrapper .popup .form-area .left-column ul li label.checked .custom-radio {
background-position: -2px -431px
}
.popup .form-area .left-column ul li label {
color: #333333;
display: block;
font-size: 16px;
line-height: 30px;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.popup .form-area .left-column ul li input[type="text"] {
border: 1px solid #CCCCCC;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding: 6px;
width: 90%;
}
.postunsubwrapper .popup .form-area .left-column ul li label.unsubsreason {
text-indent: 25px;
}
.popup .form-area .left-column ul li label span {
font-size: 11px
}
.popup .form-area .left-column ul li span.checkbox label {
display: inline-block;
padding: 0 8px 0 8px;
background: #fff;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
cursor: pointer;
display: inline-block;
margin: 0;
font-size: 12px;
width: auto;
float: none;
color: #666;
background: #f5f5f5;
}
.popup .form-area .left-column ul li span.checkbox {
position: relative;
display: inline-block;
margin-right: 5px;
}
.popup .form-area .left-column ul li span.checkbox.selected label {
background: #55b229;
color: #fff;
}
.popup .form-area .left-column ul li span.checkbox input[type="checkbox"] {
position: absolute;
top: 8px;
left: 5px;
z-index: 20;
display: none;
}
.popup .form-area .left-column ul li span.inner {
display: block;
}
.popup .form-area .left-column ul li input.button {
background: #F24E0D;
border: 0 none;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
color: #FFFFFF;
float: left;
font-size: 14px;
font-weight: bold;
height: 30px;
line-height: 30px;
padding: 0 10px;
top: 0;
-webkit-appearance: none;
}
.popup .form-area .privacy {
float: right;
margin-top: 10px;
min-height: 175px;
padding: 0 0 0 0;
width: 30%;
position: relative;
}
.popup .form-area .privacy i.icon-privacy {
position: absolute;
left: 0;
top: 4px;
display: block;
width: 12px;
height: 16px;
background: url(http://static.toiimg.com/photo/65010528.cms) no-repeat -214px 0;
}
.popup .form-area .privacy h3 {
font-size: 18px;
color: #727272;
margin-bottom: 15px;
padding-left: 20px;
}
.popup .form-area .privacy {
color: #777777;
font-size: 13px;
line-height: 15px;
}
.popup a.close {
width: 18px;
height: 18px;
background: url(http://static.toiimg.com/photo/65010528.cms) no-repeat -248px -274px;
float: right;
margin-top: -60px;
}
.postunsubwrapper .popup a.close {
margin-top: -80px
}
.popup a.close:hover {
background-position: -248px -254px;
}
/*------ Times Guide -----*/
#times-guide {
display: none;
}
#times-guide .heading {
background: #000;
padding: 8px;
}
#times-guide .heading i.icon-guide {
display: inline-block;
width: 41px;
height: 35px;
margin-right: 4px;
vertical-align: middle;
background: url(http://static.toiimg.com/photo/65010528.cms) no-repeat -43px -513px;
position: relative;
top: -4px;
}
#times-guide .heading h2 {
font-family: 'Oswald', sans-serif;
font-weight: normal;
margin: 0;
color: #fff;
font-size: 36px;
}
#times-guide .content {
position: relative;
height: 500px;
padding-left: 189px;
padding-bottom: 0;
overflow: hidden;
}
#times-guide .content .tabs {
position: absolute;
width: 189px;
background: #494949 url(http://static.toiimg.com/photo/23358980.cms) repeat-y right 0;
height: 500px;
left: 0;
top: 0;
z-index: 20;
}
#times-guide .content .tabs a.collapse-btn {
background: url(http://static.toiimg.com/photo/65010528.cms) no-repeat scroll -177px -72px rgba(0, 0, 0, 0);
display: none;
float: left;
height: 22px;
margin-left: 10px;
position: absolute;
top: 10%;
width: 20px;
top: 10px;
right: -20px;
z-index: 500;
}
#times-guide .content .map-wrapper {
width: 100%;
height: 100%;
}
#times-guide .content .tabs ul {
list-style: none;
border-top: 1px solid #878888;
}
#times-guide .content .tabs ul li a {
display: block;
line-height: 41px;
border-bottom: 1px solid #878888;
padding: 0 8px;
font-size: 18px;
color: #fff;
font-family: 'Oswald', sans-serif;
cursor: pointer;
background: none;
}
#times-guide .content .tabs ul li a:hover {
text-decoration: none;
}
#times-guide .content .tabs ul li div.drop-down {
background: #878888 url(http://static.toiimg.com/photo/23358947.cms) repeat-y right 0;
height: 159px;
overflow: hidden;
padding: 15px;
display: none;
}
#times-guide .content .tabs ul li.last a {
border: 0;
}
#times-guide .content .tabs ul li div.drop-down.open {
display: block;
}
#times-guide .content .tabs ul li div.drop-down ul {
border: 0;
}
#times-guide .content .tabs ul li div.drop-down ul li {
margin-bottom: 3px;
}
#times-guide .content .tabs ul li div.drop-down ul li a {
display: inline-block;
line-height: 15px;
padding: 2px 5px;
font-size: 12px;
color: #ffffff;
border: 0;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
background: #878888;
font-weight: 600;
}
/*
#times-guide .content .tabs ul li div.drop-down ul li a:hover {
background: #000;
} */
/*------------ Map Overlay ----*/
.overlay-map {
position: absolute;
width: 100%;
z-index: 100000;
left: 0;
top: 0;
background: #fff;
border: 1px solid #9f9d9d;
height: 100%
}
.overlay-map .left-column {
width: 218px;
border-right: 1px solid #9f9d9d;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 1000;
background: #fff;
}
.overlay-map ul.tab-strip {
width: 100%;
overflow: hidden;
margin-bottom: 19px;
}
.overlay-map ul.tab-strip li {
list-style: none; /* width:108px; */
border-right: 1px solid #9f9d9d; /*float:left;*/
}
.overlay-map ul.tab-strip li a {
display: block;
text-align: center;
background: #b9babb;
border-bottom: 1px solid #9f9d9d;
font-size: 14px;
color: #0e0e0e;
font-weight: 600;
line-height: 42px;
}
.overlay-map ul.tab-strip li.outer {
border: 0;
width: 109px;
}
/* .overlay-map ul.tab-strip li.active a, .overlay-map ul.tab-strip li a:hover{background:#fff; border-color:#fff; text-decoration:none;} */
.overlay-map .left-column .content-list {
overflow: auto;
padding: 0 0 0 8px;
height: 410px;
}
.overlay-map .left-column .content-list ul li {
list-style: none;
border-bottom: 1px solid #e7e7e7;
padding: 10px 5px;
cursor: pointer;
}
.overlay-map .left-column .content-list ul li {
display: block;
}
.overlay-map .left-column .content-list ul li img {
border: 1px solid #fff;
float: left;
margin-right: 9px;
box-shadow: 1px 1px 2px #bfbfbf;
-moz-box-shadow: 1px 1px 2px #bfbfbf;
-webkit-box-shadow: 1px 1px 2px #bfbfbf;
}
.overlay-map .left-column .content-list ul li span.title {
font-size: 12px;
color: #333333;
line-height: 20px;
font-weight: 600;
margin-bottom: 5px;
display: block;
}
.overlay-map .left-column .content-list ul li span.title a {
color: #333333;
}
.overlay-map .left-column .content-list ul li span.distance {
display: block;
color: #7db222;
font-size: 12px;
font-weight: 600;
}
.overlay-map .left-column .content-list ul li.selected, .overlay-map .left-column .content-list ul li:hover {
background: #f5f5f5;
}
.overlay-map .right-column {
position: relative;
float: left;
height: 100%;
overflow: hidden;
width: 100%;
}
img.map {
width: 100%;
height: 548px;
}
.overlay-map .inner {
padding-left: 219px;
height: 100%;
}
.overlay-map .right-column .map-holder {
width: 100%;
height: 100%;
}
.overlay-map .right-column .map-holder img.map {
width: 100%;
height: 100%;
}
/*------- MAP MARKER ------*/
.overlay-map .right-column .map-holder .marker {
position: absolute;
width: 22px;
height: 27px;
display: block;
z-index: 20;
}
.marker span.info-strip {
display: none;
height: 19px;
line-height: 19px;
padding: 0 5px 0 9px;
font-size: 11px;
color: #fff;
position: absolute;
z-index: 0;
top: 2px;
left: 17px;
border-left: 0;
white-space: nowrap;
}
.marker:hover, .scale.marker {
z-index: 300000;
}
.marker:hover {
z-index: 3000000;
}
/* .marker:hover span.info-strip, */
.scale.marker span.info-strip, .scale_circle.marker span.info-strip {
display: block;
}
/*.marker.hotels span.info-strip {
background: #0681c7;
}
.marker.shopping span.info-strip {
background: #037a5d;
}
.marker.restaurants span.info-strip {
background: #eb4c06;
}
.marker.place_to_see span.info-strip {
background: #933de3;
}
.marker.nature_other span.info-strip {
background: #46c913;
}
.marker.cinema span.info-strip {
background: #d520d7;
}*/
/*
.marker.recreation_facility span.info-strip {
background: #5b4d13;
}
.marker.ayurveda_yoga span.info-strip {
background: #000000;
}
.marker.police_station span.info-strip {
background: #e64f4f;
}
.marker.theatre span.info-strip {
background: #941042;
}
.marker.historical_monument span.info-strip {
background: #0636ea;
}*/
/*.marker.forest span.info-strip {
background: #2b8001;
}
.marker.club span.info-strip {
background: #66a601;
}*/
/*.marker.forts_palaces span.info-strip {
background: #1f47ad;
}
.marker.major_tourist_park_garden span.info-strip {
background: #722203;
}
.marker.tourist_attraction span.info-strip {
background: #852f82;
}
.marker.museums span.info-strip {
background: #d21111;
}*/
/*.marker.spa span.info-strip {
background: #02bafe;
}
.marker.art_galleries span.info-strip {
background: #a22204;
}
.marker.golf_course span.info-strip {
background: #9ebf05;
}
.marker.lake span.info-strip {
background: #ae59f6;
}
.marker.amusement_park_water_parks span.info-strip {
background: #25aec7;
}
.marker.beach span.info-strip {
background: #016181;
}
.marker.adventure_sports span.info-strip {
background: #f88324;
}
.marker.bowling_centre span.info-strip {
background: #537ee0;
}
.marker.zoo span.info-strip {
background: #a29103;
}
.marker.hill_station span.info-strip {
background: #2e5bed;
}
.marker.water_spring span.info-strip {
background: #3a2cf7;
}
.marker.dam span.info-strip {
background: #042e85;
}
.marker.water_fall span.info-strip {
background: #c33003;
}
.marker.wildlife_sanctuary span.info-strip {
background: #5e7c04;
}
.marker.buddhist_sites span.info-strip {
background: #cf3061;
}
.marker.metro_station span.info-strip {
background: #1c82e1;
}
.marker.camping span.info-strip {
background: #854a04;
}
.marker.airport span.info-strip {
background: #af4b4b;
}
.marker.bus_station span.info-strip {
background: #0557c6;
}
.marker.train_station span.info-strip {
background: #16a286;
}*/
.marker.hotels span.info-strip, .marker.shopping span.info-strip, .marker.restaurants span.info-strip, .marker.place_to_see span.info-strip, .marker.nature_other span.info-strip, .marker.cinema span.info-strip, .marker.recreation_facility span.info-strip, .marker.ayurveda_yoga span.info-strip, .marker.police_station span.info-strip, .marker.theatre span.info-strip, .marker.historical_monument span.info-strip, .marker.forest span.info-strip, .marker.club span.info-strip, .marker.forts_palaces span.info-strip, .marker.major_tourist_park_garden span.info-strip, .marker.tourist_attraction span.info-strip, .marker.museums span.info-strip, .marker.spa span.info-strip, .marker.art_galleries span.info-strip, .marker.golf_course span.info-strip, .marker.lake span.info-strip, .marker.amusement_park_water_parks span.info-strip, .marker.beach span.info-strip, .marker.adventure_sports span.info-strip, .marker.bowling_centre span.info-strip, .marker.zoo span.info-strip, .marker.hill_station span.info-strip, .marker.water_spring span.info-strip, .marker.dam span.info-strip, .marker.water_fall span.info-strip, .marker.wildlife_sanctuary span.info-strip, .marker.buddhist_sites span.info-strip, .marker.metro_station span.info-strip, .marker.camping span.info-strip, .marker.airport span.info-strip, .marker.bus_station span.info-strip, .marker.train_station span.info-strip{
background: #000;
}
.marker.default span.info-strip {
background: #fd6602;
left: 19px;
line-height: 22px;
font-size: 13px;
height: 22px;
}/*---- */
.things_to_do span.info-strip {
background: #000;
}
/*------ MAP ICONS ----*/
.marker .icon {
display: block;
width: 22px;
height: 27px;
background: url(http://static.toiimg.com/photo/49058201.cms) no-repeat;
position:relative;
z-index:1;
}
.hotels .icon {
background-position: -226px -11px;
}
.restaurants .icon {
background-position: -195px -11px;
}
.place_to_see .icon {
background-position: -164px -11px;
}
.shopping .icon {
background-position: -133px -11px;
}
/*---- New icons ----*/
.nature_other .icon {
background-position: -226px -52px;
}
.cinema .icon {
background-position: -40px -11px;
}
.recreation_facility .icon {
background-position: -226px -175px;
}
.ayurveda_yoga .icon {
background-position: -164px -134px;
}
.police_station .icon {
background-position: -195px -52px;
}
.theatre .icon {
background-position: -9px -134px;
}
.historical_monument .icon {
background-position: -71px -11px;
}
.forest .icon {
background-position: -9px -93px;
}
.club .icon {
background-position: -9px -11px;
}
.forts_palaces .icon {
background-position: -40px -93px;
}
.major_tourist_park_garden .icon {
background-position: -133px -93px;
}
.tourist_attraction .icon {
background-position: -102px -93px;
}
.museums .icon {
background-position: -102px -11px;
}
.spa .icon {
background-position: -164px -52px;
}
.art_galleries .icon {
background-position: -71px -93px;
}
.golf_course .icon {
background-position: -133px -52px;
}
.lake .icon {
background-position: -195px -134px;
}
.amusement_park_water_parks .icon {
background-position: -102px -52px;
}
.beach .icon {
background-position: -226px -134px;
}
.adventure_sports .icon {
background-position: -71px -52px;
}
.bowling_centre .icon {
background-position: -40px -52px;
}
.zoo .icon {
background-position: -9px -52px;
}
.hill_station .icon {
background-position: -226px -93px;
}
.water_spring .icon {
background-position: -195px -175px;
}
.dam .icon {
background-position: -102px -134px;
}
.water_fall .icon {
background-position: -71px -134px;
}
.wildlife_sanctuary .icon {
background-position: -40px -134px;
}
.buddhist_sites .icon {
background-position: -195px -93px;
}
.metro_station .icon {
background-position: -164px -93px;
}
.camping .icon {
background-position: -133px -134px;
}
.airport .icon {
background-position: -164px -175px;
}
.bus_station .icon {
background-position: -133px -175px;
}
.train_station .icon {
background-position: -102px -175px;
}
.default .icon {
background-position: -9px -174px;
width: 20px;
height: 30px;
}
.things_to_do .icon {
background-position: -71px -175px;
}
/*----- Gray icon -----*/
.hotels.gray .icon {
background-position: -226px -222px;
}
.restaurants.gray .icon {
background-position: -195px -222px;
}
.place_to_see.gray .icon {
background-position: -164px -222px;
}
.shopping.gray .icon {
background-position: -133px -222px;
}
.nature_other.gray .icon {
background-position: -226px -263px;
}
.cinema.gray .icon {
background-position: -40px -222px;
}
.recreation_facility.gray .icon {
background-position: -226px -386px;
}
.ayurveda_yoga.gray .icon {
background-position: -164px -345px;
}
.police_station.gray .icon {
background-position: -195px -263px;
}
.theatre.gray .icon {
background-position: -9px -345px;
}
.historical_monument.gray .icon {
background-position: -71px -222px;
}
.forest.gray .icon {
background-position: -9px -304px;
}
.club.gray .icon {
background-position: -9px -222px;
}
.forts_palaces.gray .icon {
background-position: -40px -304px;
}
.major_tourist_park_garden.gray .icon {
background-position: -133px -304px;
}
.tourist_attraction.gray .icon {
background-position: -102px -304px;
}
.museums.gray .icon {
background-position: -102px -222px;
}
.spa.gray .icon {
background-position: -164px -263px;
}
.art_galleries.gray .icon {
background-position: -71px -304px;
}
.golf_course.gray .icon {
background-position: -133px -263px;
}
.lake.gray .icon {
background-position: -195px -345px;
}
.amusement_park_water_parks.gray .icon {
background-position: -102px -263px;
}
.beach.gray .icon {
background-position: -226px -345px;
}
.adventure_sports.gray .icon {
background-position: -71px -263px;
}
.bowling_centre.gray .icon {
background-position: -40px -263px;
}
.zoo.gray .icon {
background-position: -9px -263px;
}
.hill_station.gray .icon {
background-position: -226px -304px;
}
.water_spring.gray .icon {
background-position: -195px -386px;
}
.dam.gray .icon {
background-position: -102px -345px;
}
.water_fall.gray .icon {
background-position: -71px -345px;
}
.wildlife_sanctuary.gray .icon {
background-position: -40px -345px;
}
.buddhist_sites.gray .icon {
background-position: -195px -304px;
}
.metro_station.gray .icon {
background-position: -164px -304px;
}
.camping.gray .icon {
background-position: -133px -345px;
}
.airport.gray .icon {
background-position: -164px -386px;
}
.bus_station.gray .icon {
background-position: -133px -386px;
}
.train_station.gray .icon {
background-position: -102px -386px;
}
.default.gray .icon {
background-position: -9px -174px;
width: 20px;
height: 30px;
}
.things_to_do.gray .icon {
background-position: -68px -386px
}
/*-- .marker.gray span.info-strip{background:#959696;}--*/
.hotels.gray span.info-strip {
background: #62baed;
}
.restaurants.gray span.info-strip {
background: #f68350;
}
.place_to_see.gray span.info-strip {
background: #ca99f8;
}
.shopping.gray span.info-strip {
background: #64b3a0;
}
.nature_other.gray span.info-strip {
background: #7bec50;
}
.cinema.gray span.info-strip {
background: #f281f3;
}
.recreation_facility.gray span.info-strip {
background: #8d7f46;
}
.ayurveda_yoga.gray span.info-strip {
background: #989393;
}
.police_station.gray span.info-strip {
background: #f28e8e;
}
.theatre.gray span.info-strip {
background: #be4d78;
}
.historical_monument.gray span.info-strip {
background: #829bf9;
}
.forest.gray span.info-strip {
background: #6abc42;
}
.club.gray span.info-strip {
background: #abdb60;
}
.forts_palaces.gray span.info-strip {
background: #7289c5;
}
.major_tourist_park_garden.gray span.info-strip {
background: #b6826e;
}
.tourist_attraction.gray span.info-strip {
background: #b380b1;
}
.museums.gray span.info-strip {
background: #e66868;
}
.spa.gray span.info-strip {
background: #67d0f7;
}
.art_galleries.gray span.info-strip {
background: #c1634c;
}
.golf_course.gray span.info-strip {
background: #bad24d;
}
.lake.gray span.info-strip {
background: #cba2ee;
}
.amusement_park_water_parks.gray span.info-strip {
background: #78d6e7;
}
.beach.gray span.info-strip {
background: #4faece;
}
.adventure_sports.gray span.info-strip {
background: #f8b075;
}
.bowling_centre.gray span.info-strip {
background: #a3baf1;
}
.zoo.gray span.info-strip {
background: #cebd2b;
}
.hill_station.gray span.info-strip {
background: #6d8cf2;
}
.water_spring.gray span.info-strip {
background: #928bf7;
}
.dam.gray span.info-strip {
background: #5074be;
}
.water_fall.gray span.info-strip {
background: #e98c6f;
}
.wildlife_sanctuary.gray span.info-strip {
background: #b2cd62;
}
.buddhist_sites.gray span.info-strip {
background: #e47f9e;
}
.metro_station.gray span.info-strip {
background: #63abee;
}
.camping.gray span.info-strip {
background: #cb9d67;
}
.airport.gray span.info-strip {
background: #cc9494;
}
.bus_station.gray span.info-strip {
background: #5190e4;
}
.train_station.gray span.info-strip {
background: #5dd4bc;
}
.things_to_do.gray span.info-strip {
background: #b02a5d;
}
.poi.scaled, .poi.active, .marker.scaled {
transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
-webkit-transform: scale(1.1);
z-index: 9997 !important;
}
.overlay-map .top-filtres {
position: absolute;
left: 0;
top: 0;
height: 45px;
z-index: 100; /*background:rgba(100%, 100%, 100%,.8);*/
width: 100%; /*padding:8px 0;*/
}
.top-filtres a.collapse-btn2 {
display: none;
width: 40px;
height: 40px;
position: relative;
top: 10px;
margin-left: 10px;
float: left;
background: url(http://static.toiimg.com/photo/65010528.cms) no-repeat -177px -72px;
}
.overlay-map .top-filtres .search-form {
float: left;
height: 20px;
background: #f5f5f5;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border: 1px solid #a8aaaa;
margin-left: 20px;
width: 285px;
padding: 5px 8px 5px 0px;
box-shadow: 0 2px 3px #d1d1d1 inset;
-moz-box-shadow: 0 2px 3px #d1d1d1 inset;
-webkit-box-shadow: 0 2px 3px #d1d1d1 inset;
}
.overlay-map .top-filtres .search-form input.txt {
width: 255px;
float: left;
background: none;
border: 0;
padding: 3px 0;
border-right: 1px solid #b0afaf;
padding-right: 1px;
font-size: 12px;
color: #a7a7a7;
-webkit-appearance: none;
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
text-indent: 8px;
}
.overlay-map .top-filtres .search-form input.submit {
border: 0;
float: left;
background: url(http://static.toiimg.com/photo/65010528.cms) no-repeat -24px 0;
font-size: 14px;
color: #fff;
font-weight: bold;
-webkit-appearance: none;
width: 20px;
height: 20px;
float: right;
position: relative;
margin-right: 0;
padding-right: 0;
cursor: default;
}
.overlay-map .top-filtres a.button4 {
float: left;
margin-left: 23px;
}
.overlay-map .top-filtres a.button4.minimise {
float: right;
margin-right: 10px;
font-size: 11px;
min-width: inherit;
}
.overlay-map .bottom-filter {
width: 100%;
padding: 8px 0;
left: 0;
bottom: 0;
background: rgba(0,0,0,.8);
z-index: 100;
position: absolute;
}
.overlay-map .bottom-filter a.button5 {
float: left;
margin-left: 11px;
}
.overlay-map .bottom-filter div.checkboxes {
float: left;
margin-left: 30px;
}
.overlay-map .bottom-filter div.checkboxes h5 {
font-size: 14px;
color: #fff;
font-weight: bold;
display: inline-block;
line-height: 24px;
float: left;
}
.overlay-map .bottom-filter div.checkboxes span.checkbox {
float: left;
margin-left: 20px;
position: relative;
}
.overlay-map .bottom-filter div.checkboxes span.checkbox input {
position: absolute;
z-index: 10;
left: 0;
top: 4px;
}
.overlay-map .bottom-filter div.checkboxes span.checkbox label {
display: inline-block;
line-height: 24px;
padding-left: 21px;
font-size: 12px;
color: #fff;
/*background: url(http://static.toiimg.com/photo/65010528.cms) no-repeat 0 -728px;*/
position: relative;
z-index: 20;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.overlay-map .bottom-filter div.checkboxes span.checkbox label::before{
background: url(http://static.toiimg.com/photo/65010528.cms) no-repeat 0 -729px;
width: 15px;
height: 20px;
position: absolute;
left: 0;
content:"";
}
.overlay-map .bottom-filter div.checkboxes span.checkbox label.checked::before{
background: url(http://static.toiimg.com/photo/65010528.cms) no-repeat 0 -753px;
width: 15px;
height: 20px;
position: absolute;
left: 0;
content:"";
}
.overlay-map .bottom-filter div.checkboxes span.checkbox label.checked {
background-position: 0 -752px;
}
.overlay-map .bottom-filter a.more-filter-btn {
display: inline-block;
background: #000;
padding: 0 13px;
height: 24px;
line-height: 24px;
font-size: 12px;
font-weight: 600;
color: #fff;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
float: right;
margin-right: 5px;
}
.overlay-map .bottom-filter a.more-filter-btn:hover {
text-decoration: none;
}
.overlay-map .bottom-filter a.more-filter-btn i.icon-arrow {
display: inline-block;
width: 13px;
height: 8px;
vertical-align: middle;
margin-left: 3px;
background: url(http://static.toiimg.com/photo/65010528.cms) no-repeat -99px -77px;
}
.overlay-map .bottom-filter a.more-filter-btn.open i.icon-arrow {
background-position: -99px -95px;
}
.bottom-filter .more-filters {
clear: left;
padding-top: 5px;
margin-left: 0px !important;
display: none;
}
.bottom-filter .more-filters h5 {
margin-left: 20px;
}
.overlay-map .info-box {
position: absolute;
z-index: 200;
width: 290px;
background: #fff;
padding: 5px 5px 0;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
box-shadow: 0 0 3px rgba(0,0,0,.6);
-moz-box-shadow: 0 0 3px rgba(0,0,0,.6);
-webkit-box-shadow: 0 0 3px rgba(0,0,0,.6);
right: 10px;
top: 25px;
}
.overlay-map .info-box h3 {
font-size: 18px;
color: #000;
text-align: center;
line-height: 20px;
margin-bottom: 15px;
}
.overlay-map .info-box h3 a {
color: #000;
}
.overlay-map .info-box .tab-strip2 {
margin-bottom: 8px;
position: relative;
margin-right: -1px;
}
.overlay-map .info-box .tab-strip2 li {
list-style: none;
float: left;
border-right: 1px solid #99a1a2;
border-left: 1px solid #fff;
}
.overlay-map .info-box .tab-strip2 li a {
display: inline-block;
line-height: 28px;
background: #d9dedf;
padding: 0 7px;
box-shadow: 0 3px 3px #c6c9cb inset;
-moz-box-shadow: 0 3px 3px #c6c9cb inset;
-webkit-box-shadow: 0 3px 3px #c6c9cb inset;
font-weight: 600;
color: #0e0e0e;
font-size: 11px;
position: relative;
}
.overlay-map .info-box .tab-strip2.big li a {
padding: 0 23px;
}
.overlay-map .info-box .tab-strip2.big li.neighbourhood {
display: none;
}
.overlay-map .info-box .tab-strip2 li.first {
border-left: 0;
}
.overlay-map .info-box .tab-strip2 li.first a {
border-radius: 2px 0 0 2px;
-moz-border-radius: 2px 0 0 2px;
-webkit-border-radius: 2px 0 0 2px;
}
.overlay-map .info-box .tab-strip2 li.last {
border-right: 0;
}
.overlay-map .info-box .tab-strip2 li.last a {
border-radius: 0 2px 2px 0;
-moz-border-radius: 0 2px 2px 0;
-webkit-border-radius: 0 2px 2px 0;
}
.overlay-map .info-box .tab-strip2 li:hover a, .overlay-map .info-box .tab-strip2 li.active a {
background: #b8babc;
color: #000;
box-shadow: 0 3px 3px #919394 inset;
-moz-box-shadow: 0 3px 3px #919394 inset;
-webkit-box-shadow: 0 3px 3px #919394 inset;
text-decoration: none;
}
.overlay-map .info-box .tab-strip2 li a span.arrow-down {
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid #b8babc;
position: absolute;
left: 44%;
bottom: -5px;
z-index: 200;
display: none;
}
.overlay-map .info-box .tab-strip2 li.active a span.arrow-down {
display: block;
}
.overlay-map .info-box .tab-content {
display: none;
}
.overlay-map .info-box .tab-content.show {
display: block;
overflow: hidden;
}
.overlay-map .info-box #poi .image {
margin-bottom: 5px;
text-align: center;
}
.overlay-map .info-box #poi h4 {
font-weight: normal;
font-size: 14px;
line-height: 20px;
color: #333;
margin-bottom: 5px;
}
.overlay-map .info-box #poi h4 a {
color: #333;
}
.overlay-map .info-box #poi p {
font-size: 12px !important;
line-height: 16px;
color: #333;
}
.overlay-map .info-box #poi span.rating {
display: block;
width: 99px;
height: 20px;
background: url(http://static.toiimg.com/photo/65010528.cms) no-repeat -201px -728px;
margin-bottom: 7px;
}
.overlay-map .info-box #poi span.rating span.rating-inner {
display: block;
height: 20px;
background: url(http://static.toiimg.com/photo/65010528.cms) no-repeat -201px -748px;
}
.overlay-map .info-box #poi a.check-in {
display: inline-block;
float: right;
background: #609a01;
width: 66px;
height: 24px;
text-align: center;
color: #fff;
margin-left: 10px;
font-size: 11px;
line-height: 24px;
}
.overlay-map .info-box #poi a.check-in:hover {
text-decoration: none;
}
/*------ detail ---*/
.overlay-map .info-box #detail ul li {
list-style: none;
margin-bottom: 7px;
line-height: 16px;
font-size: 12px;
font-weight: bold;
color: #999;
}
.overlay-map .info-box #detail ul li a {
color: #999;
}
.overlay-map .info-box #detail ul li span.title {
width: 37%;
display: inline-block;
margin-right: 2%;
color: #333;
float: left;
}
.overlay-map .info-box #detail ul li span.data {
display: inline-block;
font-weight: normal;
float: left;
width: 61%;
}
/*------ neighbourhood ---*/
.overlay-map .info-box #neighbourhood ul li {
list-style: none;
float: left;
width: 45%;
margin: 0 5% 4px 0;
}
.overlay-map .info-box #neighbourhood ul li a {
display: block;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
position: relative;
font-size: 12px;
color: #333;
line-height: 24px;
padding: 0 5px;
font-weight: bold;
}
.overlay-map .info-box #neighbourhood ul li a:hover, .overlay-map .info-box #neighbourhood ul li a.active {
color: #fff;
text-decoration: none;
background: #376e02;
}
.overlay-map .info-box .tab-content {
height: 245px;
overflow: auto;
}
.overlay-map .info-box.less-height .tab-content {
height: 215px;
overflow: auto;
}
/*----- Commute ---*/
.overlay-map .info-box #commute h5 {
margin-bottom: 10px;
font-size: 12px;
color: #333;
font-weight: normal;
}
.overlay-map .info-box #commute .commute-tab {
margin-bottom: 5px;
}
.overlay-map .info-box #commute .commute-tab span.heading {
font-size: 11px;
font-weight: bold;
padding-left: 15px;
display: block;
color: #333;
line-height: 14px;
position: relative;
cursor: pointer;
margin-bottom: 10px;
}
.commute-tab span.heading span.radio-btn {
background: url(http://static.toiimg.com/photo/65010528.cms) no-repeat -245px -1046px;
display: inline-block;
height: 8px;
left: 2px;
position: absolute;
top: 4px;
width: 8px;
}
.commute-tab.selected span.heading .radio-btn {
background-position: -256px -1046px;
}
#commute .results {
list-style: none;
margin-bottom: 5px;
display: none;
}
#commute ul.results {
height: 110px;
overflow: auto;
}
#commute .results li {
cursor: pointer;
line-height: 15px;
padding: 3px 5px;
border: 1px solid #fff;
position: relative;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
font-size: 11px;
color: #333;
}
#commute .results li:hover {
border-color: #ef710b;
}
#commute .results li span.distance {
float: right;
margin-left: 10px;
}
#commute .results li a.close {
color: #999;
font-weight: 800;
margin-left: 3px;
display: none;
}
#commute .results li a.close:hover {
color: #ca3b02;
text-decoration: none;
}
#commute .results li:hover a.close {
display: inline-block;
}
#commute .input-wrapper {
position: relative;
background: #fff;
border: 1px solid #ccc;
height: 25px;
padding: 0 10px;
box-shadow: 0 0 3px rgba(0,0,0,.2);
-moz-box-shadow: 0 0 3px rgba(0,0,0,.2);
-webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
}
#commute .input-wrapper input {
width: 100%;
background: none;
border: 0;
padding: 5px 0;
font-size: 12px;
color: #333;
}
#commute .commute-tab.selected .results {
display: block;
}
.overlay-map .info-box .footer {
position: relative;
margin: 0 -5px 0 -5px;
bottom: 0;
}
.overlay-map .info-box .footer a {
display: block;
text-align: center;
height: 35px;
line-height: 35px;
background: #3f4344;
padding: 0;
border-right: 1px solid #000;
font-size: 11px;
color: #fff;
position: relative;
box-shadow: 0 3px 3px #313435 inset;
-moz-box-shadow: 0 3px 3px #313435 inset;
-wekit-box-shadow: 0 3px 3px #313435 inset;
font-weight: bold;
}
.overlay-map .info-box .footer .button {
position: relative;
float: left;
width: 33.3%;
}
.overlay-map .info-box .footer a i {
display: inline-block;
vertical-align: middle;
margin-right: 2px;
background: url(http://static.toiimg.com/photo/65010528.cms) no-repeat;
position: relative;
top: -2px;
}
/*.overlay-map .info-box .footer a:hover{background:#609a01; box-shadow:0 3px 3px #4b7801 inset; -moz-box-shadow:0 3px 3px #4b7801 inset; -wekit-box-shadow:0 3px 3px #4b7801 inset; text-decoration:none; }*/
.overlay-map .info-box .footer a.active {
background: #f24f0e;
box-shadow: 0 3px 3px #bd3e0b inset;
-moz-box-shadow: 0 3px 3px #bd3e0b inset;
-wekit-box-shadow: 0 3px 3px #bd3e0b inset;
text-decoration: none;
}
.overlay-map .info-box .footer a.active:hover {
color: #fff !important;
}
.overlay-map .info-box .footer.large-btn .button {
width: 50%;
}
.overlay-map .info-box .footer.large-btn a {
text-align: center;
display: block;
}
.overlay-map .info-box .footer .button{margin:0;}
.overlay-map .info-box .footer a i.icon-contact {
width: 12px;
height: 19px;
background-position: -98px -43px;
}
.overlay-map .info-box .footer a i.icon-star {
width: 14px;
height: 13px;
background-position: -127px -43px;
}
.overlay-map .info-box .footer a i.icon-wishlist {
width: 12px;
height: 14px;
background-position: -51px -1266px;
margin-right: 2px;
}
.overlay-map .info-box .footer a i.icon-beenthere {
width: 16px;
height: 14px;
background-position: -74px -1267px;
margin-right: 4px;
}
.overlay-map .info-box .footer a i.icon-share {
width: 16px;
height: 13px;
background-position: -161px -43px;
}
.overlay-map .info-box .footer a.share {
border: 0;
border-radius: 0 0 2px 0;
-moz-border-radius: 0 0 2px 0;
-webkit-border-radius: 0 0 2px 0;
}
.overlay-map .info-box .footer a.contact {
border-radius: 0 0 0 2px;
-moz-border-radius: 0 0 0 2px;
-webkit-border-radius: 0 0 0 2px;
}
.overlay-map .info-box .footer .button ul.social-popup {
position: absolute;
background: #3F4344;
width: 100%;
left: 0;
bottom: 35px;
display: none;
z-index: 10000000000;
}
.overlay-map .info-box .footer .button ul.social-popup li {
list-style: none;
border-bottom: 1px solid #222;
}
.overlay-map .info-box .footer .button ul.social-popup li a {
display: block;
padding: 0 0 0 10px;
color: #fff;
border-right: 0;
float: none;
font-size: 11px;
line-height: 30px;
border-bottom: 1px solid #666;
height: 30px;
cursor: pointer;
}
.overlay-map .info-box .footer .button ul.social-popup li a:hover {
text-decoration: none;
background: #000;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
cursor: pointer;
}
.overlay-map .info-box a.collapse-btn {
display: block;
width: 23px;
height: 40px;
background: url(http://static.toiimg.com/photo/65010528.cms) no-repeat -127px -73px;
position: absolute;
top: 140px;
left: -23px;
z-index: 300;
}
.overlay-map .info-box a.collapse-btn.close {
background-position: -152px -73px;
}
/*------ navigation-panel ------*/
.overlay-map div.navigation-tab a.tab-heading {
display: block;
height: 36px;
line-height: 36px;
display: block;
background: url(http://static.toiimg.com/photo/24934026.cms) repeat-x 0 -396px;
padding: 0 35px 0 13px;
font-size: 12px;
font-weight: 800;
color: #59595a;
position: relative;
}
.overlay-map div.navigation-tab .content-list {
display: none;
margin-bottom: 10px;
}
.overlay-map div.navigation-tab.selected a.tab-heading {
margin-bottom: 10px;
}
.overlay-map div.navigation-tab.selected .content-list {
display: block;
}
.overlay-map div.navigation-tab a.tab-heading i.icon-arrow {
display: block;
position: absolute;
width: 17px;
height: 17px;
top: 13px;
right: 11px;
z-index: 500;
background: url(http://static.toiimg.com/photo/65010528.cms) no-repeat -21px -1047px;
top: 10px;
}
.overlay-map div.navigation-tab.selected a.tab-heading i.icon-arrow {
background-position: 0 -1047px;
top: 12px;
}
.overlay-map div.navigation-tab a.tab-heading:hover {
text-decoration: none;
}
.overlay-map .top-filtres a.minimize-btn {
position: absolute;
top: 5px;/*top:8px;*/
right: 10px;
z-index: 500;
display: block;
width: 37px;
height: 32px;
background: url(http://static.toiimg.com/photo/65010528.cms) no-repeat -66px -1047px;
}
/*----- Button4 ----*/
a.button4 {
background: #e7eaeb;
display: inline-block;
height: 30px;
line-height: 30px;
min-width: 97px;
text-align: center;
padding: 0 10px;
font-size: 14px;
color: #000;
position: relative;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border: 1px solid #8f8f8f;
box-shadow: 1px 1px #d9d9d9;
border-width: 0 1px 1px 0;
}
a.button4:hover {
text-decoration: none;
}
a.button4 i.icon-minimise {
width: 10px;
height: 2px;
background: #f24f0e;
display: inline-block;
vertical-align: middle;
}
/*----- Button5 ----*/
a.button5 {
display: inline-block;
width: 80px;
height: 24px;
text-align: center;
background: #000;
position: relative;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
font-size: 12px;
font-weight: bold;
color: #fff;
line-height: 24px;
position: relative;
}
a.button5:hover, a.button5.active {
background: #fff;
text-decoration: none;
color: #000;
}
a.button5 i.icon-arrow {
display: none;
width: 12px;
position: absolute;
height: 6px;
z-index: 500;
top: -6px;
left: 50%;
margin-left: -6px;
background: url(http://static.toiimg.com/photo/65010528.cms) no-repeat -249px -361px;
}
a.button5.active i.icon-arrow {
display: block;
}
/*------ Facts n Events ----*/
.facts-n-events.box1 #fast-facts {
min-height: 207px;
}
.facts-n-events.box1 h2 {
margin-bottom: 20px;
}
/*------ Upcoming-events -----*/
#upcoming-events {
display: none;
}
#upcoming-events .viewport {
height: 72px;
margin-left: 0;
width: 200px;
}
#upcoming-events ul.list2 {
overflow: auto;
height: 72px;
padding: 0;
width: 9999px;
transition: left 500ms;
-webkit-transition: left 500ms;
-moz-transition: left 500ms;
}
#upcoming-events ul.list2 li {
width: 200px;
height: 71px;
margin: 0;
padding: 0;
}
#upcoming-events ul.list2 li h4 {
margin-bottom: 10px;
font-weight: bold;
}
#upcoming-events ul.list2 li h4 a {
font-size: 14px;
color: #000;
}
#upcoming-events ul.list2 li span.meta {
font-size: 14px;
color: #4aa001;
font-weight: bold;
display:block;
line-height:15px;
}
#upcoming-events a.back-btn {
position: absolute;
right: 20px;
bottom: 7px;
z-index: 10;
font-size: 12px;
color: #f24e0d;
font-weight: bold;
}
/*----- Fast-facts ---*/
#fast-facts ul {
padding: 0 10px;
margin-bottom: 20px;
}
#fast-facts ul li {
list-style: none;
margin-bottom: 8px;
font-size: 14px;
color: #050505;
line-height: 18px;
font-weight: 600;
}
#fast-facts ul li span a{color: #626466;}
#fast-facts ul li span {
color: #626466;
display: inline-block;
vertical-align: top;
width: 132px;
font-weight: normal;
}
#fast-facts ul li span.b,#fast-facts ul li span.b a {
font-weight: bold;
}
#fast-facts a.button1 {
margin: 0 auto 5px;
width: 210px;
padding: 0;
font-size: 12px;
text-align: center;
display: none;
}
/*------ Sidebar -Navigation ---*/
.sidebar-navigation {
position: fixed;
top: 200px;
left: 40px;
width: 100px;
background: #444444;
}
.sidebar-navigation ul li {
list-style: none;
border-bottom: 1px solid #343333;
border-top: 1px solid #626060;
}
.sidebar-navigation ul li a {
display: block;
padding: 12px 8px 12px 12px;
line-height: 18px;
font-size: 12px;
width: 96px;
color: #fff !important;
position: relative;
margin: -2px -4px;
font-weight: 600;
width: 88px;
}
.sidebar-navigation ul li:hover a, .sidebar-navigation ul li.active a {
background: #ed5000;
color: #fff !important;
text-decoration: none;
}
.sidebar-navigation ul li.first {
border-top: 0;
}
.sidebar-navigation ul li.last {
border-bottom: 0;
}
/*----- Page not found ----*/
.box1.not-found {
min-height: inherit;
height: auto;
padding: 55px;
margin: 0 11px 20px;
}
.box1.not-found img {
float: left;
margin-right: 60px;
}
.box1.not-found p {
padding-left: 248px;
font-size: 20px;
color: #262727;
font-weight: 600;
line-height: 30px;
}
#mainshow div.main-show-inner {
position: relative;
padding-left: 75px;
}
#mainshow .shareblock {
position: absolute;
left: 0;
top: 0;
z-index: 500;
height: 98%;
}
#mainshow .slideclass, #mainshow .imageblock, #mainshow #mygallery, #mainshow table tr td, #mainshow #imageSlide {
width: 99.9% !important;
}
/*---- Form2 ---*/
.form2 ul li {
list-style: none;
margin-bottom: 12px;
}
.form2 input.textbox {
background: #f0f2f4;
border: 0;
height: 20px;
color: #777778;
font-size: 12px;
box-shadow: 1px 1px 3px #b7b6b6 inset;
-moz-box-shadow: 1px 1px 3px #b7b6b6 inset;
-webkit-box-shadow: 1px 1px 3px #b7b6b6 inset;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
display: block;
font-style: normal;
border: 1px solid #b7b6b6;
}
.form2 input.submit {
display: block;
background: #f24e0f;
font-style: normal;
font-size: 14px;
color: #fff;
width: 78px;
height: 27px;
-webkit-appearance: none;
text-align: center;
border: 0;
cursor: pointer;
margin: 0 auto 10px;
font-weight: bold;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.form2 textarea {
background: #f0f2f4;
border: 0;
height: 38px;
color: #777778;
font-size: 12px;
box-shadow: 1px 1px 3px #b7b6b6 inset;
-moz-box-shadow: 1px 1px 3px #b7b6b6 inset;
-webkit-box-shadow: 1px 1px 3px #b7b6b6 inset;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
display: block;
font-style: normal;
border: 1px solid #b7b6b6;
padding: 5px 3%;
width: 94%;
}
/*-------- Email Popup -----*/
#email-popup {
background: rgba(0,0,0,.3);
padding: 10px;
width: 520px;
position: fixed;
left: 50%;
margin-left: -260px;
top: 20px;
z-index: 94001;
display: none;
}
#email-popup .inner {
background: #fff url(http://static.toiimg.com/photo/25424545.cms) no-repeat 1px 0;
padding: 24px 15px 5px;
position: relative;
}
#email-popup h2 {
font-size: 20px;
color: #000;
margin-bottom: 14px;
}
#email-popup .srverror {
color: #f00;
float:left;
font-size:11px;
}
#email-popup .postmailsuccess {
background: #fff;
position: absolute;
display: none;
font-size: 22px;
line-height: 34px;
text-align: center;
left: 0;
top: 0;
width: 100% !important;
height: 65%;
padding-top: 20%;
z-index: 1000;
}
#email-popup .form2 ul li {
margin-bottom: 15px;
}
#email-popup .form2 ul li.small {
width: 48%;
float: left;
}
#email-popup .form2 ul li.small.flR {
float: right;
}
#email-popup .form2 input.textbox {
width: 94%;
margin: 0;
padding: 5px 3%;
font-size: 13px;
color: #6a6c6d;
}
#email-popup .form2 ul li.cl {
clear: both;
}
#email-popup .form2 ul li span.note {
display: block;
font-size: 11px;
color: #757779;
line-height: 14px;
padding-top: 5px;
}
#email-popup .article-area {
border-bottom: 1px solid #a8aaab;
padding-bottom: 5px;
margin-bottom: 5px;
}
#email-popup .article-area .image {
width: 96px;
float: left;
margin-right: 10px;
}
#email-popup .article-area img {
width: 100%;
}
#email-popup .article-area h2 {
font-size: 18px;
color: #1b1a1a;
margin-bottom: 8px;
}
#email-popup .article-area h2 a {
color: #1b1a1a;
}
#email-popup .article-area p {
font-size: 12px;
color: #3c3b3b;
line-height: 14px;
margin-bottom: 5px;
}
#email-popup input.submit {
float: right;
}
#email-popup span.close {
position: absolute;
width: 22px;
height: 18px;
background: url(http://static.toiimg.com/photo/65010528.cms) no-repeat scroll -248px -274px;
top: 22px;
right: 15px;
display: block;
z-index: 5000;
cursor: pointer;
}
/*------- STYLE FOR COMMENT BOX -------*/
.comment-section{-webkit-transform: none;}
.comment-section .comment-form {
background: #f2f3f5;
padding: 10px;
}
[data-plugin="comment-loading"] > img{width:120px;height:18px;}
.comment-section .comment-form .thumbnail {
float: left;
border: 0;
margin-right: 17px;
}
.comment-section .comment-form .form-fields {
padding-left: 70px;
}
.comment-section .comment-form textarea {
background: #fff;
border: 1px solid #71737a;
margin: 0 0 5px;
width: 96%;
padding: 2%;
display: block;
height: 42px;
}
.comment-section .comment-form input.submit-btn {
float: right;
border: 0;
width: 80px;
height: 26px;
text-align: center;
-webkit-appearance: none;
color: #fff;
font-size: 12px;
background: #f05703;
}
/*.comment-section h2 {*/
/* font-size: 24px;*/
/* color: #55b229;*/
/* font-weight: normal;*/
/* margin: 0 0 12px;*/
/*}*/
.comment-section .info-bar {
border: 1px solid #afafaf;
border-width: 1px 0;
padding: 8px 0;
}
.comment-section span.total-comments {
font-size: 11px;
color: #363637;
font-weight: bold;
display: inline-block;
line-height: 13px;
}
.comment-section a.add-comment {
font-size: 11px;
color: #363637;
font-weight: bold;
float: right;
display: inline-block;
line-height: 13px;
}
.comment-section .comments-list ul li {
list-style: none;
border-bottom: 1px dashed #b2b2b2;
padding: 15px 0;
}
.comment-section .comments-list ul li .image {
float: left;
border: 0;
}
.comment-section .comments-list ul li .description {
padding-left: 70px;
}
.comment-section .comments-list ul li h5 {
font-size: 12px;
color: #000;
margin-bottom: 6px;
line-height: 14px;
}
.comment-section .comments-list ul li .description p {
font-size: 12px;
line-height: 22px;
color: #474545;
margin-bottom: 3px;
}
.comment-section .comments-list ul li .description .footer a.reply {
color: #e85200;
font-size: 12px;
display: inline-block;
line-height: 19px;
padding: 0;
background: none;
font-weight: bold;
float: none;
border: 0;
margin: 0;
}
.comment-section .comments-list ul li .description .footer span.metadata {
font-size: 12px;
font-style: italic;
color: #8b8988;
float: right;
display: inline-block;
line-height: 19px;
}
/*--------- Travel GUIDE NEW STYLES -------*/
.city-guide-header {
min-height: inherit;
margin: 0 11px 10px;
padding: 0;
}
.city-guide-header .article-heading {
border: 0;
float: left;
padding-top: 10px;
width: 60%;
padding: 10px 2% 0;
}
.city-guide-header .article-heading p.tags {
border: 0;
}
.city-guide-header .article-heading h1 {
margin-left: 0;
}
.city-guide-header .sub-navigation {
border-top: 1px solid #c7cacb;
padding: 6px 0;
clear: both;
}
.city-guide-header .sub-navigation ul li {
list-style: none;
border-right: 1px solid #c7cacb;
padding: 0 10px;
line-height: 23px;
float: left;
}
.city-guide-header .sub-navigation ul li.last {
border: 0;
}
.city-guide-header .sub-navigation ul li a {
font-size: 12px;
color: #5e5f62;
}
/*------ Overview ----*/
.overview {
min-height: inherit;
margin-bottom: 10px;
padding-bottom: 15px;
}
.overview h2 {
margin-bottom: 14px;
}
.main-content .link {
color: #f24e0d !important;
font-size:14px;
}
/*------- two-column-layout1 -----*/
.two-column-layout1 .column1 {
width: 65%;
margin-right: 2%;
float: left;
}
.two-column-layout1 .column2 {
width: 32%;
float: right;
}
#fast-facts h2 {
margin-bottom: 14px;
}
#fast-facts ul {
padding: 0;
}
#fast-facts ul li {
margin-bottom: 10px;
}
#fast-facts ul li span {
display: inline;
}
.two-column-layout1 #city_guide_show {
margin-bottom: 15px;
}
/*------- fetured guides ----*/
.featured-guides {
min-height: 378px;
}
.featured-guides h3 {
font-size: 18px;
font-weight: 600;
margin-bottom: 14px;
color: #343538;
text-transform: uppercase;
}
.city-guide-show .featured-guides .image {
float: left;
margin: 0 15px 15px 0;
min-height: 90px;
height: auto;
width:125px;
}
.featured-guides h4 {
font-size: 18px;
color: #343538;
margin-bottom: 10px;
}
.city-guide-show .featured-guides p{
margin-bottom:15px;
}
.featured-guides h4 a {
color: #343538;
}
.featured-guides ul {
clear: both;
margin-bottom: 0;
}
.featured-guides ul li, ul.list6 li {
list-style: none;
margin-bottom: 7px;
padding-left: 16px;
line-height: 20px;
background: url(http://static.toiimg.com/photo/65010528.cms) no-repeat -204px -1127px;
font-size: 14px;
color: #343538;
}
.featured-guides ul li a, ul.list6 li a {
font-size: 14px;
color: #343538;
}
a.more-lnk {
float: right;
font-size: 12px;
color: #343538;
margin: 24px 0 20px 20px;
}
a.nomargin{margin:0!important;}
.nomrgn{margin-left:0!important;}
ul.list6 li {
font-weight: 600;
}
.poishow ul.list6 li {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
/*------- mapbox ----*/
.map-box {
margin-bottom: 15px;
border: 1px solid #b4b5b6;
position: relative;
height: auto !important;
padding: 0;
}
.map-box img {
width: 100%;
}
.map-box h2 {
position: absolute;
background: rgba(0,0,0,.7);
padding: 10px 4%;
left: 0px;
top: 0;
color: #ffffff;
font-size: 18px;
width: 92%;
}
/*------ Upcoming events ----*/
.upcoming-events {
height: auto;
min-height: inherit;
}
.upcoming-events .slides {
padding: 0 35px;
position: relative;
height: 72px;
}
.upcoming-events ul li {
list-style: none;
}
.upcoming-events ul li h3 {
font-size: 18px;
color: #000000;
line-height: 22px;
margin-bottom: 3px;
font-weight: bold;
}
.upcoming-events ul li h3 a, .upcoming-events ul li h3 a:hover {
color: #000 !important;
}
.upcoming-events ul li span {
font-size: 12px;
color: #4aa001;
display: block;
font-weight: bold;
}
.upcoming-events a.next-btn, .upcoming-events a.previous-btn {
width: 13px;
height: 26px;
display: block;
top: 10px;
display: block;
position: absolute;
background: url(http://static.toiimg.com/photo/65010528.cms) no-repeat;
}
.upcoming-events a.next-btn {
right: 0;
background-position: -276px -38px;
}
.upcoming-events a.previous-btn {
left: 0;
background-position: -251px -38px;
}
/*-------- Weather Info ----*/
.weather-info {
float: right;
padding-left: 10px;
border-left: 1px solid #dadbde;
width: 320px;
}
.weather-info .heading .header_weather{
position: absolute;
top: 0;
left: 0;
width: 315px;
background-color: #f3f3f3;
height: 24px;
margin-left: -11px;
text-transform: uppercase;
line-height: 24px;
font-size: 11px;
padding-left: 17px;
/*color:#a4a4a4;*/
color:#999;
/*font-weight:bold; */
}
.weather-info .heading {
padding: 10px 8px 6px;
position:relative;
padding-top:31px;
}
.weather-info .heading span.date {
color: #343538;
font-size: 11px;
line-height: 15px;
text-transform: uppercase;
}
.weather-info h4 {
color: #fff;
font-size: 14px;
font-weight: normal;
}
.weather-info .detail {
padding: 10px 10px 10px;
position: relative;
}
.weather-info .detail .section {/*width:30%;*/
margin-right: 20px;
float: left;
margin-bottom: 5px;
padding-top: 10px;
}
.weather-info .detail .weather-icon {
padding-top: 0;
}
.weather-info .weather-icon i {
display: block;
width: 64px;
height: 61px;
background: url(http://static.toiimg.com/photo/35947039.cms) no-repeat;
}
.weather-info .detail .section h6 {
color: #343538;
font-size: 11px;
font-weight: normal;
margin-bottom: 6px;
}
.weather-info .detail .section span.value {
font-size: 30px;
color: #343538;
display: block;
line-height: 1em;
font-weight: 600;
}
.weather-info .detail .section span.value span.inner {
color: #747578;
}
.weather-info a.more-days {
float: right;
font-size: 10px;
color: #343537;
display: inline-block;
line-height: 16px;
text-transform: uppercase;
}
.weather-info .detail div.weather-formats {
position: absolute;
bottom: 20px;
right: 10px;
}
.weather-info .detail div.weather-formats a, .weather-info .detail div.weather-formats span {
color: #343538;
font-size: 12px;
display: inline-block;
}
.weather-info .detail div.weather-formats span {
margin: 0 1px;
font-size: 14px;
}
.weather-info .detail div.weather-formats a:hover, .weather-info .detail div.weather-formats a.active {
text-decoration: none;
font-weight: bold;
color: #55b229;
}
.weather-info .detail div.weather-formats a:hover {
font-weight: normal;
}
.weather-info .weather-icon i.sunny {
background-position: -128px -61px;
}
.weather-info .weather-icon i.cloudy {
background-position: 0 0;
}
.weather-info .weather-icon i.cloudylightrain {
background-position: -128px 0;
}
.weather-info .weather-icon i.cloudymoderaterain {
background-position: -192 0;
}
.weather-info .weather-icon i.cloudyheavyrain {
background-position: -64px 0;
}
.weather-info .weather-icon i.partlycloudy {
background-position: -512px 0;
}
.weather-info .weather-icon i.partlycloudylightrain {
background-position: -576px 0;
}
.weather-info .weather-icon i.partlycloudymoderaterain {
background-position: 0 -61px;
}
.weather-info .weather-icon i.partlycloudyheavyrain {
background-position: -64px -61px;
}
.weather-info .weather-icon i.overcast {
background-position: -256px 0;
}
.weather-info .weather-icon i.overcastlightrain {
background-position: -384px 0;
}
.weather-info .weather-icon i.overcastmoderaterain {
background-position: -448px 0;
}
.weather-info .weather-icon i.overcastheavyrain {
background-position: -320px 0;
}
.weather-info .slider1 {
position: relative;
padding: 10px 30px;
height: 68px;
overflow: hidden;
border-top: 0 !important;
}
.weather-info .slider1 ul {
min-width: 300px;
}
.weather-info .slider1 ul li {
list-style: none;
float: left;
padding: 0 5px 0 7px;
width: 122px;
margin: 0;
}
.weather-info .slider1 .viewport {
margin-left: 0px;
}
.weather-info .slider1 ul li .weather-icon {
float: left;
width: 48px;
margin-right: 3px;
}
.weather-info .slider1 ul li .weather-icon i {
width: 48px;
height: 48px;
}
.weather-info .slider1 ul li .values {
float: left;
width: 70px;
padding-top: 5px;
}
.weather-info .slider1 ul li span.date {
display: block;
margin-bottom: 8px;
font-size: 10px;
color: #55b229;
line-height: 10px;
text-transform: uppercase;
float: none;
}
.weather-info .slider1 ul li .values span.value {
display: block;
margin-bottom: 7px;
font-size: 12px;
color: #343538;
}
.weather-info .slider1 ul li .values span.value span.title {
font-size: 11px;
color: #343538;
margin-right: 5px;
}
.weather-info .slider1 ul li .weather-icon i.sunny {
background-position: -576px -122px;
}
.weather-info .slider1 ul li .weather-icon i.cloudy {
background-position: 0 -122px;
}
.weather-info .slider1 ul li .weather-icon i.cloudylightrain {
background-position: -96px -122px;
}
.weather-info .slider1 ul li .weather-icon i.cloudymoderaterain {
background-position: -144px -122px;
}
.weather-info .slider1 ul li .weather-icon i.cloudyheavyrain {
background-position: -48px -122px;
}
.weather-info .slider1 ul li .weather-icon i.partlycloudy {
background-position: -384px -122px;
}
.weather-info .slider1 ul li .weather-icon i.partlycloudylightrain {
background-position: -432px -122px;
}
.weather-info .slider1 ul li .weather-icon i.partlycloudymoderaterain {
background-position: -480px -122px;
}
.weather-info .slider1 ul li .weather-icon i.partlycloudyheavyrain {
background-position: -528px -122px;
}
.weather-info .slider1 ul li .weather-icon i.overcast {
background-position: -192px -122px;
}
.weather-info .slider1 ul li .weather-icon i.overcastlightrain {
background-position: -288px -122px;
}
.weather-info .slider1 ul li .weather-icon i.overcastmoderaterain {
background-position: -336px -122px;
}
.weather-info .slider1 ul li .weather-icon i.overcastheavyrain {
background-position: -240px -122px;
}
.weather-info .heading a.back {
display: none;
float: right;
line-height: 16px;
font-weight: 600;
color: #9e9d9d;
font-size: 10px;
}
.weather-info.slides-view a.more-days, .weather-info.slides-view .heading span.date {
display: none;
}
.weather-info.slides-view .heading a.back {
display: block;
}
.nbs-flexisel-nav-left,.nbs-flexisel-nav-right,.weather-info .slider1 a.next-btn, .weather-info .slides a.previous-btn {
display: block;
position: absolute;
width: 20px;
height: 27px;
position: absolute;
z-index: 10;
top: 34px;
background: url('http://static.toiimg.com/photo/65010528.cms') no-repeat;
}
.nbs-flexisel-nav-right,.weather-info .slider1 a.next-btn {
background-position: -21px -827px;
right: 10px;
}
.nbs-flexisel-nav-left,.weather-info .slider1 a.previous-btn {
background-position: 0 -827px;
left: 10px;
}
.nbs-flexisel-nav-right:hover,.weather-info .slider1 a.next-btn:hover {
background-position: -21px -856px;
right: 10px;
opacity: 1;
}
.nbs-flexisel-nav-left:hover,.weather-info .slider1 a.previous-btn:hover {
background-position: 0 -856px;
left: 10px;
opacity: 1;
}
.weather-info .slider1 span.left_blk, .weather-info .slides span.right_blk {
display: block;
height: 68px;
position: absolute;
z-index: 5;
width: 26px;
background: #fff;
top: 10px;
}
.weather-info .slider1 span.left_blk {
left: 0;
}
.weather-info .slider1 span.right_blk {
right: 0;
}
div .pt0b10 {
padding: 0 0 10px 0;
margin: 0;
}
h2 .cityname {
text-transform: capitalize;
}
.slideshow .mycontent {
width: 574px;
height: 382px;
text-align: center;
vertical-align: middle;
}
.slideshow #imageSlide {
max-width: 574px;
}
.slideshow #pinit_cont {
height: 46px;
}
#city_guide_show .shareblock {
padding-top: 0;
}
#city_guide_show .prevSlideshows {
background: url("http://static.toiimg.com/photo/19086094.cms") no-repeat scroll 10px 110px transparent;
}
#city_guide_show .nextSlideshows {
background: url("http://static.toiimg.com/photo/19086097.cms") no-repeat scroll 76px 110px transparent;
}
#city_guide_show #mygallery {
height: 261px;
}
#city_guide_show #include {
display: none !important;
}
#city_guide_show .currentSlideshows {
width: 257px;
}
#city_guide_show .slideshow .mycontent {
height: 262px;
}
#city_guide_show #fbimg {
margin-bottom: 0;
}
#city_guide_show #linkimg {
margin-top: 0;
}
#city_guide_show #fbtabletfix, #city_guide_show .tweetbutton, #city_guide_show .googleplus, #city_guide_show #linkplus {
height: 50px;
}
#city_guide_show .clr10 {
padding-top: 4px;
}
#city_guide_show #mainshow div.main-show-inner {
background: #000;
}
/*
.been_there_inactive {cursor:pointer;margin-right: 9px; float:right; width: 85px; background: url(http://static.toiimg.com/photo/65010528.cms) no-repeat 0 -1121px; height: 21px; border: 0; -webkit-appearance: none; padding:0; position:relative;margin-left:20px;}
.been_there {cursor:pointer;margin-right: 9px;float: right; width: 85px; background: url(http://static.toiimg.com/photo/65010528.cms) no-repeat -100px -1121px; height: 21px; border: 0; -webkit-appearance: none; padding:0; position:relative;margin-left:20px;}
.wishlist_inactive {cursor:pointer;float: right; background: url(http://static.toiimg.com/photo/65010528.cms) no-repeat 0 -1159px; width: 70px; height: 21px; border: 0; -webkit-appearance: none; padding:0; position:relative;}
.wishlist {cursor:pointer;float: right; background: url(http://static.toiimg.com/photo/65010528.cms) no-repeat -93px -1159px; width: 70px; height: 21px; border: 0; -webkit-appearance: none; padding:0; position:relative;}
.heading-right .been_there, .heading-right .been_there_inactive, .heading-right .wishlist, .heading-right .wishlist_inactive{float:left;}
*/
.city-guide-header .share1 {
border-bottom: none;
}
#city_guide_show .pagination ul {
left: 60px;
float: none;
}
#city_guide_show .pagination ul li {
right: auto;
padding: 2px 0;
width: 27px;
}
#city_guide_show #mainshow div.main-show-inner {
padding-left: 60px;
}
#city_guide_show .shareblock {
width: 60px;
}
#city_guide_show .pagination ul li.nxtbtn, #city_guide_show .pagination ul li.pvsbtn {
width: 0;
padding: 2px 13px;
}
/*-------- Weekend -filter ----*/
.weekend-fltr{background:#fff; margin:0 11px 15px; padding:15px; box-shadow:0 0 5px #bebebe; -moz-box-shadow:0 0 5px #bebebe;
-webkit-box-shadow:0 0 5px #bebebe; max-width:948px; position:relative;}
.weekend-fltr .close{/*background:url("http://static.toiimg.com/photo/25494620.cms") no-repeat -160px -20px;*/ width:75px; height:18px; position:absolute; z-index:99; right:5px; top:5px;
cursor:pointer;}
.weekend-fltr .selectbox, .weekend-fltr .dropdown{width:165px; float:left; position:relative;z-index:998;}
.weekend-fltr span.ttl{float:left; font-size:14px; font-weight:bold; margin-right:10px; color:#333; line-height:30px;}
.weekend-fltr .selectbox label, .weekend-fltr #city_coord a{position:relative; height:30px; border-radius:3px; background:#eaeaea; -moz-border-radius:3px; display:block; -webkit-border-radius:3px; box-shadow:1px 2px 1px #d1d1d1 inset; -moz-box-shadow:1px 2px 1px #d1d1d1 inset; -webkit-box-shadow:1px 2px 1px #d1d1d1 inset; font-size:14px; font-weight:bold; padding:0 20px 0 10px; color:#333; line-height:30px;}
.weekend-fltr .selectbox label:after, .weekend-fltr #city_coord a:after{display:block; position:absolute; width:9px; height:5px; content:" "; right:8px; top:13px; background:url(http://static.toiimg.com/photo/46028775.cms) no-repeat 0 0; z-index:1;}
.weekend-fltr select {-moz-appearance: none; appearance:none; -webkit-appearance:none; background:none; -moz-border-radius: 3px; -webkit-border-radius: 3px; border: 0; border-radius: 3px; cursor: pointer; display: inline-block; height: 30px; outline: 0 ; padding:0 5%;position: relative; width: 100%;
font-size:13px; color:#000;}
.weekend-fltr .dropdown ul{display:none;position:absolute; z-index:500; width:100%; left:0; top:28px; border-radius:0 0 3px 3px; -moz-border-radius:0 0 3px 3px; -webkit-border-radius:0 0 3px 3px; background:#eaeaea;}
.weekend-fltr .dropdown ul li a{display:block; padding:0 10px; line-height:28px; font-size:14px; color:#333;}
.weekend-fltr .dropdown ul li {border-bottom:1px solid #fff;}
.weekend-fltr .dropdown ul li:last-child{border:0;}
.weekend-fltr .dstnc_sldr{float:right; width:635px; padding-left:85px; position:relative; padding-top:12px;}
.weekend-fltr .dstnc_sldr span.ttl{position:absolute; left:0; top:7px; line-height:14px;}
.weekend-fltr span.ttl small{font-size:11px; color:#adadad; display:block; padding-top:2px; font-weight:normal; }
.slider-container{width:100% !important;}
.weekend_lst .one-third{width:300px; height:auto; min-height:inherit; padding-bottom:0;}
.weekend_lst .image{height:200px; overflow:hidden; position:relative;}
.weekend_lst .image img{width:100%;}
.weekend_lst .image .overly{background:rgba(40,40,40,.6); left:0; top:0; z-index:200; width:100%; height:100%; position:absolute; display:table;}
.weekend_lst .image .overly:hover{background:none;}
.weekend_lst .image .overly .innr{width:100%; height:100%; display:table-cell; vertical-align:middle; text-align:center; font-size:16px; color:#fff;
line-height:20px;}
.weekend_lst .image .overly .innr:hover, .weekend_lst .image .overly .innr:hover .city{color:#f24e0d;}
.weekend_lst .image .overly .innr:hover span{display:none;}
.weekend_lst .city{display:block; color:#fff; font-size:24px; font-weight:bold; margin-bottom:10px; line-height:26px;padding-left:6px;padding-right:6px;}
.weekend_lst span{display:block;}
.weekend_loading{display:none;position:absolute;left:49%;top:229%;z-index: 9999;}
/*-------- Weekend -filter ----*/
/*------ Poi Landing page new styles -----*/
.heading-right {
float: right;
padding-left: 2%;
border-left: 1px solid #dadbde;
width: 31%;
min-height: 80px;
padding-top: 15px; /*height:99px;*/
}
.heading-right span.map, .heading-right span.heart {
display: inline-block;
width: 22px;
height: 24px;
margin: 0 6px 6px;
cursor: pointer;
background: #313132 url(http://static.toiimg.com/photo/65010528.cms) no-repeat;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
padding: 4px;
}
.heading-right span.map {
background-position: -94px -205px;
}
.heading-right span.heart {
background-position: -240px -372px;
}
.city-guide-header .share1 {
border-top: 1px solid #c7cacb;
padding: 10px 10px 6px;
clear: both;
position: relative;
z-index: 100;
}
.city-guide-header .share1 a.button1 {
display: none;
}
.three-column-layout2, .two-column-layout2 {
margin: 0 11px 10px;
}
.three-column-layout2 .column1 {
float: left;
width: 38%;
margin-right: 2%;
}
.three-column-layout2 .column2 {
float: left;
width: 26%;
margin-right: 2%;
}
.three-column-layout2 .column3 {
float: left;
width: 32%;
}
.share1 span.share-count {
line-height: 19px;
height: 19px;
font-size: 12px;
font-weight: normal;
}
.three-column-layout2 .column3 .ad.one-third,.three-column-layout2 .column3 .banner_local.one-third {
height: 287px;
}
/*------ Venue-dtails ----*/
.venue-details ul {
padding-bottom: 10px;
}
.venue-details ul li {
list-style: none;
margin-bottom: 12px;
font-size: 14px;
line-height: 18px;
color: #626466;
}
.venue-details ul li a {
color: #626466;
}
.venue-details ul li span {
display: inline-block;
float: left;
}
.venue-details ul li span.title {
width: 90px;
margin-right: 5px;
color: #050505;
}
.venue-details .facilities {
padding-top: 14px;
border-top: 1px dashed #999;
}
.venue-details .facilities span.title {
float: left;
line-height: 30px;
font-size: 12px;
color: #343537;
margin-bottom: 5px;
}
.venue-details .facilities span.icon, .heading-right span.icon {
display: inline-block;
width: 30px;
height: 29px;
line-height: 29px;
text-align: center;
margin-right: 10px;
background: #f0f0f0;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
box-shadow: 0 0 3px #e7e7e7 inset;
-moz-box-shadow: 0 0 3px #e7e7e7 inset;
-webkit-box-shadow: 0 0 3px #e7e7e7 inset;
margin-bottom: 4px;
}
.heading-right span.title {
display: block;
margin-bottom: 7px;
font-size: 12px;
color: #343537;
line-height: 14px;
}
span.icon i {
display: inline-block;
height: 23px;
background: url(http://static.toiimg.com/photo/65010528.cms) no-repeat;
position: relative;
top: 3px;
}
span.icon i.internet {
background-position: -128px -209px;
width: 19px;
}
span.icon i.restaurant {
background-position: -155px -209px;
width: 20px;
}
span.icon i.shopping {
background-position: -185px -209px;
width: 18px;
}
span.icon i.parking {
background-position: -212px -209px;
width: 17px;
}
span.icon i.money-exchange {
background-position: -263px -209px;
width: 18px;
}
span.icon i.room-service {
background-position: -236px -209px;
width: 17px;
}
span.icon i.swimming {
background-position: 0px -1182px;
width: 27px;
}
span.icon i.sports {
background-position: -43px -1182px;
width: 21px;
}
span.icon i.spa {
background-position: -78px -1182px;
width: 24px;
}
span.icon i.sauna {
background-position: -112px -1182px;
width: 21px;
}
span.icon i.laundry {
background-position: -143px -1182px;
width: 22px;
}
span.icon i.gym {
background-position: -173px -1182px;
width: 22px;
}
span.icon i.doctor {
background-position: -202px -1182px;
width: 20px;
}
span.icon i.sightseeing {
background-position: -233px -1182px;
width: 16px;
}
/*------ Buttons group ----*/
.city-guide-header .share1 .buttons-group {
float: right;
/*width: 124px;*/
position: relative;
margin-top: -5px;
}
.buttons-group a {
float: right;
width: 31px;
height: 31px;
margin-left: 10px;
background: url(http://static.toiimg.com/photo/65010528.cms) no-repeat;
display:inline-block !important;
}
.buttons-group a.mapit {
background-position: -145px -1215px;
}
.buttons-group a.favorite_inactive {
background-position: -220px -1215px;
}
.buttons-group a.wishlist_inactive {
background-position: -182px -1215px;
}
.buttons-group a.been_there_inactive {
background-position: -256px -1215px;
}
.buttons-group a.mapit {
background-position: 0px -1215px;
}
.buttons-group a.favorite {
background-position: -71px -1215px;
}
.buttons-group a.wishlist {
background-position: -35px -1215px;
}
.buttons-group a.been_there {
background-position: -108px -1215px;
position:relative;
}
.buttons-group .dropdown{position:absolute; background:#fff; box-shadow:0 0 3px rgba(0,0,0,.5); padding:10px; width:250px; top:41px;
right:0px; display:none;z-index:4;}
.buttons-group .dropdown h5{font-size:14px; line-height:18px; color:#000; font-weight:bold; margin-bottom:10px;}
.buttons-group .dropdown h5 span{color:#464646;}
.buttons-group .post-btn{display:inline-block; margin-top:10px; background:#F24E0D; padding:0 10px; line-height:20px; font-size:12px;
font-weight:bold; color:#fff !important; cursor:pointer; float:none !important; width:auto !important; height:auto; margin-right:5px; margin-left:0;}
.buttons-group a.cancel{display:inline-block; padding:0 10px; line-height:20px; font-size:12px;
font-weight: normal; color:#000;background:none; cursor:pointer; float:none !important; width:auto !important; height:auto; margin-left:0;}
/*------ Venue detail block ----*/
.venue-detail-box {
background: #fff;
margin: -10px 11px 0;
position: relative;
padding: 12px 15px 5px;
}
.venue-detail-box ul li {
list-style: none;
float: left;
width: 32%;
margin-right: 1%;
line-height: 30px;
font-size: 14px;
position: relative;
color: #464646;
}
.venue-detail-box ul li span.title, .venue-detail-box ul li.full-title span.small-title {
font-size: 13px;
font-weight: bold;
color: #000000;
display: block;
position: absolute;
left: 0;
top: 0;
line-height: 30px;
width: 95px;
}
.venue-detail-box ul li span.data, .venue-detail-box ul li span.small-data {
display: inline-block;
padding-left: 95px;
word-wrap: break-word;
}
.venue-detail-box ul li span.data a {
color: #464646;
cursor: pointer;
}
.venue-detail-box ul li.full-title {width: 100%;}
.venue-detail-box ul li.long-title span.title, .venue-detail-box ul li.full-title span.title {
width: 130px;
}
.venue-detail-box ul li.long-title span.data, .venue-detail-box ul li.full-title span.data {
padding-left: 130px;
}
.venue-detail-box ul li.address {
width: 100%;
margin-right: 0;
}
.three-column-layout2 .map-box {
height: 319px !important;
}
.three-column-layout2 .map-box img {
height: 100%;
}
/*------ Two-column-layout2 ------*/
.two-column-layout2 .column1 {
float: left;
width: 38%;
margin-right: 2%;
}
.two-column-layout2 .column2 {
float: left;
width: 60%;
}
.article .two-column-layout2 .column2 .description {
min-height: 211px;
}
.article .two-column-layout2 .column2 .description .descriptionwrapper {
line-height: 20px; /*min-height:211px;*/
}
.alsoreadwrapper {
padding-top: 10px;
color: #666;
}
.alsoreadwrapper b {
clear: both;
display: inline;
vertical-align: middle;
margin-right: 8px;
}
.alsoreadwrapper ul {
display: inline;
}
.alsoreadwrapper li {
color: #343538;
display: inline;
margin-right: 8px;
}
.alsoreadwrapper li a {
color: #343538;
font-size: 12px;
}
/*------ Read more Stories ----*/
.read_more_stories {
min-height: inherit;
}
.read_more_stories h4 {
padding-bottom: 10px;
font-size: 16px;
font-weight: 800;
margin-bottom: 10px;
color: #55b229;
line- height:19px;
border-bottom: 1px solid #dadbde;
}
.read_more_stories ul {
margin-bottom: 0;
}
.read_more_stories ul li {
list-style: none;
margin-bottom: 14px;
padding-left: 3%;
background: url(http://static.toiimg.com/photo/65010528.cms) no-repeat -204px -1127px;
font-size: 14px;
color: #343538;
width: 45%;
float: left;
line-height: 1.4em;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin-right: 2%;
}
.read_more_stories ul li a {
font-size: 14px;
color: #343538;
}
#gonext {
text-align: center;
}
.font_normal h1 {
text-transform: none !important;
}
.continue_read {
margin: 0 11px 10px 11px;
padding: 10px;
background: #FFF;
}
.continue_read .title {
color: #000;
font-size: 16px;
font-weight: bold;
display: inline-block;
line-height: 1.1em;
}
.continue_read a {
font-size: 16px;
color: #55b229 !important;
display: inline-block;
line-height: 1.1em;
font-weight: bold;
}
.header h1.rocket_off a {
background: none;
font-size: 28px;
color: #fff;
padding: 40px 5px;
}
/*----- Weather Landing page ----*/
.weather-detail .box1 {
height: auto;
min-height: inherit;
margin-bottom: 20px;
}
.seo_block.box1{
height: auto;
min-height: inherit;
}
.weather-detail .main-content .box1{padding: 20px 17px;}
.weather-slides {
position: relative;
padding: 20px 0 0;
}
.weather-slides .slides-wrap {
overflow: hidden;
}
.weather-slides .slides-wrap ul {
width: 1000px;
}
.weather-slides .slides-wrap ul li {
list-style: none;
float: left;
margin-right: 15px;
width: 73px;
background: #515255;
}
.weather-slides .slides-wrap ul li:nth-child(2n+1){background-color:#646363;}
.weather-slides .slides-wrap ul li:nth-child(2n){background-color:#262525;}
.weather-slides h5 {
font-size: 20px;
color: #fff;
font-weight: 600;
line-height: 20px;
text-align: center;
text-transform: uppercase;
margin-top:9px;
margin-bottom:5px;
}
.weather-slides h5 span {font-size:12px;display:block}
.weather-slides .detail-box {
background: #fff;
padding: 8px;
box-shadow: 0 0 3px #dbd9d9 inset;
-moz-box-shadow: 0 0 3px #dbd9d9 inset;
-webkit-box-shadow: 0 0 3px #dbd9d9 inset;
height: 146px;
}
.weather-slides .detail-box span.icon {
display: block;
width: 63px;
height: 58px;
margin: 0 auto 13px;
}
.weather-slides .value {
width: 100%;
text-align:center;
margin-bottom:11px;
}
.weather-slides .value.min{margin-bottom:8px;}
.weather-slides .value h6 {
font-size: 12px;
font-weight: 600;
margin-bottom: 6px;
color: #7d7f81;
}
.weather-slides .value span {
font-size: 16px;
color: #444648;
font-weight: 600;
}
.weather-slides .max {
/*float: left;*/
}
.weather-slides .min {
/* float: right;*/
}
.weather-slides a.next, .weather-slides a.previous {
position: absolute;
width: 51px;
height: 40px;
display: block;
z-index: 1000;
background: url(http://static.toiimg.com/photo/65010528.cms) no-repeat;
top: 95px;
}
.weather-slides a.next {
background-position: -189px -1260px;
right: -10px;
}
.weather-slides a.previous {
background-position: -139px -1260px;
left: -10px;
}
.weather-slides:hover a.next {
background-position: -189px -1300px
}
.weather-slides:hover a.previous {
background-position: -139px -1300px;
}
.weather-detail .best-weather {
width: 47%;
padding-right: 2%;
float: left;
border-right: 1px solid #ced1d2;
min-height: 234px;
padding-bottom: 12px;
}
.weather-detail .pictures {
width: 100%;
}
.weather-detail .travel_g {
border-bottom:none;
float: right;
width: 44%;
padding-bottom:0
}
.weather-detail .pictures ul li {
list-style: none;
float: left;
width: 50%;
margin-bottom:4px;
}
.weather-detail .pictures ul li a {
display: block;
padding: 1px;
}
.weather-detail .pictures ul li img {
width: 100%;
}
.weather-detail .pictures ul li span.caption{display:block; background:#515255; padding:5px; font-size:10px; color:#fff; line-height:13px; height:26px;
text-align:left; overflow:hidden;
}
.weather-detail .seasons {
margin-bottom: 52px;
}
.weather-detail span.sub-title {
display: inline-block;
margin-bottom: 10px;
padding: 0 10px;
line-height: 24px;
font-size: 14px;
color: #fff;
font-weight: 600;
background: #87c424;
text-transform: uppercase;
}
.weather-detail .box1.chart h5 {
text-align: center;
margin-bottom: 15px;
font-size: 14px;
font-weight: 600;
color: #000;
text-transform: uppercase;
}
/*------ Wild Life map ---*/
.wild-life-map {
clear: both;
margin: 0 0 10px;
/*padding: 10px;*/
}
.wild-life-map .map-container {
position: relative;
width: 100% !important;
}
.wild-life-map .marker {
position: absolute;
width: 30px;
height: 30px;
display: block;
z-index: 10;
}
.wild-life-map .marker img {
display: block;
width: 30px;
height: 30px;
position: absolute;
}
.wild-life-map .marker span.info-strip {
position: absolute;
padding: 3px 8px 3px 5px;
border-radius: 3px;
top: 0;
left: 30px;
z-index: 5;
height: 24px;
line-height: 24px;
color: #000;
font-size: 12px;
min-width: 150px;
display: none;
background: #a9cafd;
}
.wild-life-map .marker.scale span.info-strip {
display: block;
}
/*-------- Activity bar ------------*/
.activitybar {
height: 32px;
padding: 4px 0;
position: relative;
background: #454545;
margin-bottom: 13px;
}
.activitybar .wrapper {
position: relative;
}
.activitybar .thumbnails {
float: left;
margin-left: 11px;
overflow-y: hidden;
height: 45px;
}
.activitybar .thumbnails img {
float: left;
width: 40px;
height: 40px;
margin-right: 9px;
box-shadow: 2px 2px 2px rgba(0,0,0,.5);
-moz-box-shadow: 2px 2px 2px rgba(0,0,0,.5);
-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,.5);
margin-bottom: 13px;
}
.activitybar span {
float: left;
line-height: 32px;
font-size: 14px;
color: #e9eae9;
font-weight: normal;
}
.activitybar span a {
color: #e9e9e9;
}
.activitybar a.close {
position: absolute;
right: 11px;
top: 7px;
line-height: 17px;
height: 17px;
font-size: 11px;
color: #cfcece;
}
.activitybar a.close i.icon-close {
background: url(http://static.toiimg.com/photo/65010528.cms) no-repeat -270px -254px;
width: 17px;
height: 17px;
vertical-align: top;
display: inline-block;
margin-left: 4px;
}
.activitybar div.more {
display: block;
float: left;
padding: 0 5px;
height: 40px;
line-height: 40px;
text-align: center;
background: #55B229;
font-size: 18px;
font-weight: bold;
color: #fff;
margin-right: 9px;
cursor: pointer;
box-shadow: 2px 2px 2px rgba(0,0,0,.5);
-moz-box-shadow: 2px 2px 2px rgba(0,0,0,.5);
-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,.5);
min-width:32px;
text-align:center;
position:relative;
}
/*----- Popup2 -----*/
.popup2 {
width: 352px;
position: absolute;
z-index: 999991;
left: -165px;
top:50px;
box-shadow: 0 0 10px rgba(0,0,0,.6);
-moz-box-shadow: 0 0 10px rgba(0,0,0,.6);
-webkit-box-shadow: 0 0 10px rgba(0,0,0,.6);
padding:9px 0 6px;
background:#fff;
border:1px solid #9a9a9a;
cursor:default;
}
.popup2 span.arrow{position:absolute; display:block; background: url(http://static.toiimg.com/photo/65010528.cms) no-repeat -224px -1384px;
width:27px; height:12px; z-index:600; top:-12px; left:49%;}
.popup2 .content {
background: #fff;
padding:0px 0 0px 6px;
max-height:226px;
overflow:auto;
}
.popup2 .content .mCSB_container{margin-right:10px !important;}
/*---- fb_likes ---*/
#fb_likes ul li {
list-style: none;
float:left;
width:50px;
height:50px;
margin:0 3px 6px;
}
#fb_likes .mCustomScrollBox > .mCSB_scrollTools{width:10px !important;}
#fb_likes ul li img {
margin-right: 10px;
width: 50px;
height: 50px;
}
#fb_likes ul li span.name{display:none;}
#fb_likes ul li a{cursor:default;}
/*------- Level2 Menu ----*/
.level2-menu {
padding: 2px 0;
background:#f6f6f6
;
}
.level2-menu li.menu_wkget{position:relative;}
.level2-menu li.menu_wkget span{position:absolute; right: -10px;
top: -10px;}
.bgImg .level2-menu{background:none; padding:0;}
.bgImg .level2-menu .wrapper{padding: 0px 0 0px 8px; background:#f6f6f6;}
.bgImg .sidebar-navigation{display:none!important;}
.bgImg #closeDiv{z-index: 200;}
.level2-menu .search-form3 input.text{color:#999;}
/*----- search-form ----*/
.search-form3{float:right; height:30px; width:300px;}
.search-form3 input.text{float:left; width:200px; height:22px; padding:4px 5px; color:#333; border:0;box-sizing:content-box;}
.search-form3 input.submit{float:left; width:80px; height:30px; background:#F24E0D; font-size:12px; text-align:center; border:0; cursor:pointer;
font-weight:bold; color:#fff; -webkit-appearance:none;
}
.search-form3 input.submit:hover{background:#555;}
.level2-menu .wrapper ul{
display:inline-block;
}
.level2-menu .wrapper ul li {
list-style: none;
display: inline-block;
line-height: 40px;
}
.level2-menu .wrapper ul li:last-child {
border-right: none;
}
.level2-menu .wrapper ul li a {
display: inline-block;
font-weight:500;
font-size: 10px;
font-weight: normal;
color: #333;
text-transform: uppercase;
margin-right:25px;
}
/*------ Rating box ----*/
.ratingvalue{display:none;}
.rating-box {
float: right;
margin-left:10px;
/*width: 250px; */
position: relative;
}
.rating-box span.title-txt {
font-size: 11px;
color: #464646;
line-height: 18px;
float: left;
/*width: 125px; */
margin-right: 5px;
display: block;
text-align: right;
}
.rating-box span.rate-result {
width: 105px;
height: 18px;
background: url(http://static.toiimg.com/photo/29601653.cms) repeat 0 0;
display: block;
float: left;
font-size: 0;
white-space: nowrap;
overflow: hidden;
position: relative;
background-size: contain;
}
.rating-box span.rate-result i {
opacity: 0;
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 10%;
z-index: 1;
background: url(http://static.toiimg.com/photo/29601702.cms) repeat 0 0;
/*background-size: contain;*/
}
.rating-box span.rate-result input {
-moz-appearance: none;
-webkit-appearance: none;
opacity: 0;
display: inline-block;
width: 20%;
height: 100%;
margin: 0;
padding: 0;
z-index: 2;
position: relative;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
}
.rating-box span.rate-result input:hover + i, .rating-box span.rate-result i.rated {
opacity: 1;
}
.rating-box span.rate-result i ~ i {
width: 20%;
}
.rating-box span.rate-result i ~ i ~ i {
width: 30%;
}
.rating-box span.rate-result i ~ i ~ i ~ i {
width: 40%;
}
.rating-box span.rate-result i ~ i ~ i ~ i ~ i {
width: 50%;
}
.rating-box span.rate-result i ~ i ~ i ~ i ~ i ~ i {
width: 60%;
}
.rating-box span.rate-result i ~ i ~ i ~ i ~ i ~ i ~ i {
width: 70%;
}
.rating-box span.rate-result i ~ i ~ i ~ i ~ i ~ i ~ i ~ i {
width: 80%;
}
.rating-box span.rate-result i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i {
width: 90%;
}
.rating-box span.rate-result i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i {
width: 100%;
}
/*JUST COSMETIC STUFF FROM HERE ON. THESE AREN'T THE DROIDS YOU ARE LOOKING FOR: MOVE ALONG. */
/*just styling for the number */
.choice {
position: fixed;
top: 0;
left: 0;
right: 0;
text-align: center;
padding: 20px;
display: block;
}
/*------- Contact Us Page --------*/
.contactus{padding:0 11px;}
h1.heading2{border-bottom:1px solid #ccc; padding-bottom:25px; margin-bottom:20px;}
h1.heading2 span{display:inline-block; background:#fff; padding:3px 3px; min-width:210px; font-size:30px; color:#333; line-height:1em;}
.contactus.article h2{font-size:20px; font-weight:bold; color:#333; margin-bottom:8px; line-height:1.2em;}
.contactus a{color:#f24e0d;}
.contactus.article p{margin-bottom:30px;}
.contactus.article h3{font-size:18px; color:#3da30d; font-weight:normal; margin-bottom:5px; line-height:1.2em;}
/*----- Authors page styles ---*/
.authors .section{margin-bottom:20px; padding:0 0 20px 0px; border-bottom:1px solid #ccc; position:relative; min-height:113px;}
.authors .section img.thumbnail{position:absolute; z-index:10; top:0; left:15px; width:95px; height:95px; border-radius:50%; -moz-border-radius:50%;
-webkit-border-radius:50%; border:3px solid #fff; box-shadow:2px 2px 3px rgba(0,0,0,.4); -moz-box-shadow:px 2px 3px rgba(0,0,0,.4);
-webkit-box-shadow:px 2px 3px rgba(0,0,0,.4);}
.authors .section .section_img{width:140px;height:138px;}
.authors .section h3{font-size:20px; color:#3da30d; font-weight:normal; margin-bottom:12px; line-height:1.2em;}
.authors .section p{margin-bottom:13px;}
.authors .section .social span, .author-box .social span{display:inline-block; margin-right:10px; width:20px; height:20px; background: url(http://static.toiimg.com/photo/65010528.cms) no-repeat;
cursor:pointer }
.authors .section .social span.fb, .author-box .social span.fb{background-position:-194px -1377px}
.authors .section .social span.twitter, .author-box .social span.twitter{background-position:-172px -1377px}
.authors .section .social span.google, .author-box .social span.google{background-position:-150px -1377px}
.authors .section .social span.email, .author-box .social span.email{background-position:-128px -1377px}
/*.authors .section span.email{ display:inline-block; margin-left:10px; width:20px; height:20px; background: url(http://static.toiimg.com/photo/65010528.cms) no-repeat -128px -1377px;
cursor:pointer; vertical-align:middle; } */
/*------------------------- subscription-popup --------------------------*/
.subscription-popup{position:fixed; z-index:10000000; background:#fff; width:680px; padding:10px; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;
margin-left:-350px; left:50%; top:8%; padding-top:40px; display:none;}
.subscription-popup .inner{border-radius:10px; background:url(http://static.toiimg.com/photo/44822517.cms) no-repeat 0 0; padding:42px 17px 120px; background-size:100% 100%; min-height:313px;}
.subscription-popup h2{font-size:36px; color:#000; /*font-family: 'FranklinGothic';*/ line-height:38px; margin-bottom:30px; max-width:400px; font-weight:bold; margin-top:58px;}
.subscription-popup h3{font-size:34px; color:#fff; /*font-family: 'FranklinGothic';*/ line-height:38px; margin-bottom:12px; max-width:400px; font-weight:600; }
.subscription-popup .textbox{background:#fff; float:left; border:0; width:200px; height:17px; padding:8px 10px; color:#000; font-size:13px; margin-right:8px;}
.subscription-popup .submit{float:left; cursor:pointer; width:104px; height:33px; border:0; background:#ffba00; text-align:center; color:#000; font-size:18px;
}
.subscription-popup a.close{position:absolute; z-index:500000; top:12px; right:10px; line-height:21px; display:inline-block; font-size:11px; color:#858586;
}
.subscription-popup a.close i.close-icon{display:inline-block; width:21px; height:21px; vertical-align:middle; margin-left:5px;
background: url(http://static.toiimg.com/photo/65010528.cms) no-repeat -129px -1411px; }
.subscription-popup .red_txt{color:#e3052a;}
/*-------- Featured POI's ----------*/
.featured-pois{margin:0 11px 22px; min-height:inherit;}
.featured-pois .str_count{padding:0!important;}
.featured-pois ul li{list-style:none; float:left;}
.featured-pois.template1 ul li{ margin:0 1% 10px; height:auto;}
.featured-pois.template1 ul li .image{float:left; width:202px; margin:0 20px 0 0; height:auto;}
.featured-pois.template1 ul li .image img{width:100%;}
.featured-pois.template1 ul li h3{max-height:none; font-size:20px; line-height:24px; color:#000; font-weight:normal; margin-bottom:4px;}
.featured-pois.template1 ul li h3 a{color:#000;}
.featured-pois.template1 ul li p{font-size:14px; line-height:20px; color:#000; height:105px; overflow:hidden;}
.featured-pois.template1 ul li p .cont_r{display:block;margin-top:3px;}
.featured-pois.template2 ul{margin-right:-45px;}
.featured-pois.template2 ul li{width:120px; margin:0 30px 5px 0; height:auto;overflow:hidden;}
.featured-pois.template2 ul li .image{width:100%; margin:0 0 5px; height:auto;}
.featured-pois.template2 ul li h3{font-size:14px; color:#000; line-height:18px; font-weight:normal; height:72px; overflow:hidden;}
.featured-pois.template2 ul li h3 a{color:#000;}
.featured-pois.template2 ul li p{font-size:13px!important;height:22px;}
.featured-pois.template2 ul li p .cont_r{display:block;top:-3px;position:relative;}
.cont_r a{font-family: 'Montserrat', Arial, Helvetica, sans-serif;color:#fff!important;background:none repeat scroll 0 0 #F24E0D;font-size:12px!important;padding:3px 4px 3px 5px;}
.featured-pois.template2 .cont_r a{font-size:11px!important;}
.cont_r a:link:hover, .cont_r a:visited:hover {color:#fff!important;
text-decoration: underline;
}
/*----- Was this helpful ------*/
.was-this-helpful{line-height:25px; margin-bottom:30px; box-shadow:2px 2px 3px rgba(0,0,0,.3); -moz-box-shadow:2px 2px 3px rgba(0,0,0,.3);
-webkit-box-shadow:2px 2px 3px rgba(0,0,0,.3);}
.was-this-helpful .inner{background:#f2f2f2; padding:6px 12px; }
.was-this-helpful span.title{float:left; display:block; line-height:41px; font-size:15px; font-weight:600; color:#333; margin-right:10px;}
.was-this-helpful a.button{float:left !important; width:40px; height:40px; text-align:center; margin-right:10px; text-decoration:none;
-webkit-border-radius:3px; font-size:12px; background:url(http://static.toiimg.com/photo/65010528.cms) no-repeat -213px -1661px; }
.was-this-helpful a.button.active{background-position:-254px -1661px;cursor:default;}
.toi .was-this-helpful a.button:hover,.toi .was-this-helpful a.button.active {background-position:0 -1292px;}
/*.was-this-helpful a.button.active{box-shadow:0 -1px 1px #428a00 inset; -moz-box-shadow:0 -1px 1px #428a00 inset; -webkit-box-shadow:0 -1px 1px #428a00 inset; background:#55B229;}
.was-this-helpful a.button:hover{color:#fff !important;} */
.was-this-helpful .votes, .article .was-this-helpful .votes{float:right !important; text-align:right; line-height:25px; font-size:14px !important;
color:#f24e0d !important; font-weight:bold; line-height:18px; text-align:center; border-left:1px solid #d2d2d3;}
.was-this-helpful .votes div.votes-inner {color:#f24e0d !important;}
.was-this-helpful .votes .voted-inner, .article .was-this-helpful .votes .votes-inner{border-left:1px solid #fff; padding:10px 15px;}
.was-this-helpful .votes span.divider{color:#6e6e6e; margin:0 5px;}
.was-this-helpful .votes span.count{color:#333; display:block; font-size:13px;}
.was-this-helpful .votes span.u_text{color:#F24E0D !important;}
.guide-show-map{margin-bottom:10px;}
/*------ Facebook-handle ----*/
.facebook-handle{position:fixed; right:80px; bottom:80px; background:#fff; border:1px solid #4e4d4d; padding:35px 10px 10px; width:277px;
box-shadow:2px 2px 3px rgba(0,0,0,.6); -moz-box-shadow:2px 2px 3px rgba(0,0,0,.6); -webkit-box-shadow:2px 2px 3px rgba(0,0,0,.6);}
.facebook-handle a.close-btn{position:absolute; top:8px; right:8px; display:inline-block; border:1px solid #7f7f7f; padding:2px 3px; z-index:100; font-size:11px;
color:#000; background:#f0f1f2; line-height:11px; }
.facebook-handle a.close-btn span{color:#f24e0d; margin-left:2px; }
.facebook-handle h2{font-size:24px; color:#343536; margin-bottom:10px; }
.facebook-handle h2 span{color:#3655a0;}
.facebook-handle p{font-size:14px; line-height:18px; margin-bottom:25px;}
/*--------- quotient -------*/
#quotient{height:auto; min-height:inherit}
#quotient h4{line-height:20px; margin-bottom:20px; font-size:20px; font-weight:bold;}
#quotient h5{font-size:16px; line-height:16px; margin-bottom:10px; color:#f24f0d; }
#quotient span.question{display:block; color:#333; font-size:14px; line-height:18px; margin-bottom:5px;}
#quotient .options{margin-bottom:15px;}
#quotient .options ul li{list-style:none; width:31.3%; margin-right:2%; float:left;}
#quotient .options ul li img{width:100%; height:auto; margin-bottom:6px;}
#quotient .options ul li span.caption{display:block; text-align:center; font-size:13px; colo#363535; font-weight:600;}
#quotient .quotient-nav{height:22px; border-bottom:1px solid #bbbbbb; text-align:center; margin-bottom:28px;}
#quotient .quotient-nav span{display:inline-block; border-radius:50%; background:#fff; text-align:center; line-height:40px; height:42px; width:42px;
border:1px solid #bbbbbb; font-size:24px; font-weight:bold; color:#bbbbbb; margin:0 2%;}
#quotient .quotient-nav span.active{background:#363535; border-color:#363535; color:#fff;}
#quotient .result {padding:20px 10px;}
#quotient .result .award{float:left; width:166px; height:162px; margin:0 18px 10px 0; background:url(http://static.toiimg.com/photo/37174489.cms) no-repeat 0 0; position:relative;
}
#quotient .result .award span.points{position:absolute; width:78px; height:15px; background-image:url(http://static.toiimg.com/photo/37174670.cms); display:block;
top:38px; left:45px; z-index:50;}
.result .award.five-star span.points{background-position:0 0;}
.result .award.four-star span.points{background-position:0 -15px;}
.result .award.three-star span.points{background-position:0 -30px;}
.result .award.two-star span.points{background-position:0 -45px;}
.result .award.one-star span.points{background-position:0 -60px;}
#quotient .result p{padding-top:25px; font-size:18px; font-weight:bold; line-height:22px; color:#333; margin-bottom:10px;}
#quotient .result p small{font-size:14px; display:block; padding:5px 0; }
#quotient .result a.share-btn{display:inline-block; height:42px; line-height:42px; background:#4e77b4 url(http://static.toiimg.com/photo/37174900.cms) no-repeat 0 0;
border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; padding:0 15px 0 70px; font-size:14px; color:#fff; text-decoration:none; }
#quotient .result a.share-btn:hover{color:#fff !important;}
.slideshow_list .contentdata .count{color:#999;}
.slideshow_list #mygallery{margin-top:14px;background-color:#fff;}
.slideshow_list{background-color:#fff;}
.slideshow_list #mainshow .slideclass,.slideshow_list #mainshow .imageblock,.slideshow_list #mainshow #mygallery,.slideshow_list #mainshow table tr td,.slideshow_list #mainshow #imageSlide{max-width:100%;width:auto!important;height:auto;}
#container .slideshow_list .mycontent #imageSlide{width:100%!important;}
.slideshow_list .mincontent,.slideshow_list #include{background-color:#fff;}
.slideshow_list #mainshow div.main-show-inner{padding-left:0;}
.slideshow_list .contentdata,.slideshow_list.slideshow_list .synopsisit,.slideshow_list .synopsisit p{color:#5b5b5b!important;}
.list-mode .tooltip_slideshow{position: absolute;width: 261px;
height: 64px; background-color: #f3e449; right: -20px; top: -87px; font-size: 14px; color: #000; line-height: 20px;padding:8px 31px 0 22px;; border-radius: 5px;display:none;}
.list-mode .tooltip_slideshow:before{content: ""; border-right: 10px solid transparent; border-left: 10px solid transparent; border-top: 10px solid #f3e449; position: absolute; bottom: -10px; right: 27px;}
.list-mode .tooltip_slideshow .close{position: absolute; right: 10px; top: 0; font-size: 11px; cursor: pointer;}
.list-mode{
display: block;
height: 25px;
position: absolute;
right: 0;
bottom:6px;
width: 64px;}
.list-mode span{ width: display: block;background-image:url('http://static.toiimg.com/photo/39676966.cms');}
.list-mode span.list{background-position:-94px -51px; float: left;
height: 25px;
width: 30px;}
.list-mode span.slide{background-position:-129px -51px; float: right;
height: 25px;
width: 30px;cursor:pointer;}
.pp_content_container .list-mode{
display:none;
left:6px;
top:-30px;
z-index:9;
height:30px;
}
.pp_content_container .list-mode span.list,.pp_content .list-mode span.list{
background-position:-94px -90px;
cursor:pointer;
height:30px;
width:30px;
}
.pp_content_container .list-mode span.slide,.pp_content .list-mode span.slide {
background-position:-129px -90px;
height:29px;
width:30px;
cursor:default;
}
.pp_content .list-mode {display:none;
right:32px;
top:0;
z-index:99;}
.pp_content .list-mode span.list{cursor:pointer;}
.pp_content .list-mode span.slide {
}
/*------ Tab-strip3 -------*/
ul.tab-strip3{background:rgba(243,243,243,.6); border-bottom:1px solid #848585;}
.ie8 ul.tab-strip3{background:#ebebeb; }
ul.tab-strip3 li{float:left; padding:11px 18px 0; background:url('http://static.toiimg.com/photo/39154569.cms') no-repeat left 11px; margin-bottom:-1px;}
ul.tab-strip3 li a{display:inline-block; padding:0 9px; height:25px; font-size:16px; color:#000; font-weight:600; }
ul.tab-strip3 li.active a, ul.tab-strip3 li a:hover{color:#888 !important; border-bottom:4px solid #f24e0d; text-decoration:none; height:21px;}
ul.tab-strip3 li:first-child{background:none;}
/*------ Survey page styles ------*/
.survey-banner{border-bottom:10px solid #cdcbcc;}
#survey-section .survey-form{background:#38230a; padding:55px 35px 35px; margin-bottom:12px;}
#survey-section .survey-form span.heading{background: #f8c54c; padding:3px;
position:absolute;top:-25px; left:-13px; z-index:100; display:block; font-size:24px; color:#5c3802;
box-shadow:0 0 5px rgba(0,0,0,.6); -moz-box-shadow:0 0 5px rgba(0,0,0,.6); -webkit-box-shadow:0 0 5px rgba(0,0,0,.6);}
#survey-section .survey-form span.heading span{display:block; line-height:38px; padding:0 18px;
background: rgb(247,173,1); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3YWQwMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iI2ZkYTMwNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top, rgba(247,173,1,1) 0%, rgba(253,163,4,1) 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(247,173,1,1)), color-stop(99%,rgba(253,163,4,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(247,173,1,1) 0%,rgba(253,163,4,1) 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(247,173,1,1) 0%,rgba(253,163,4,1) 99%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(247,173,1,1) 0%,rgba(253,163,4,1) 99%); /* IE10+ */
background: linear-gradient(to bottom, rgba(247,173,1,1) 0%,rgba(253,163,4,1) 99%)}
#survey-section .survey-form .inner{background: rgb(161,104,3); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ExNjgwMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4YTRiMDUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(161,104,3,1) 0%, rgba(138,75,5,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(161,104,3,1)), color-stop(100%,rgba(138,75,5,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(161,104,3,1) 0%,rgba(138,75,5,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(161,104,3,1) 0%,rgba(138,75,5,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(161,104,3,1) 0%,rgba(138,75,5,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(161,104,3,1) 0%,rgba(138,75,5,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a16803', endColorstr='#8a4b05',GradientType=0 ); /* IE6-8 */
border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; border:1px solid #cc7f01; padding:17px 17px 17px 22px;
position:relative; }
#survey-section .survey-form .column1{width:49%; float:left; padding-top:20px;}
#survey-section .survey-form .column2{width:49%; float:right;}
#survey-section .survey-form .column1 label{float:left; width:40px; }
#survey-section .survey-form label{float:none; width:auto; line-height:18px; display:block; font-size:12px; color:#fefefe; font-weight:bold;
line-height:18px;}
#survey-section .survey-form input.textbox, #survey-section .survey-form .textarea{border:1px solid #d2d2d2; border:1px solid #a5a3a3; font-size:13px; color:#000;;}
#survey-section .survey-form input.textbox{padding:0 1%; height:16px;}
#survey-section .survey-form .textarea{padding:5px 2%; height:35px; width:95%;}
#survey-section .survey-form .row{margin-bottom:5px;}
#survey-section .survey-form input.textbox{width:86%;}
#survey-section .destination-widget{border-bottom:0;}
#survey-section .survey-form input.submit{float:right; width:68px; height:19px; background:#ffba00; border-radius:5px;
-moz-border-radius:5px; -webkit-border-radius:7pxx; box-shadow:0 0 5px #da9f00 inset; -moz-box-shadow:0 0 5px #da9f00 inset;
-webkit-box-shadow:0 0 5px #da9f00 inset; font-size:12px; font-weight:bold; border:0; color:#000; padding-bottom:2px;}
#survey-section .survey-form input[type='file']{color:#fff;}
#survey-section .experience-list{background:#e1dfdf; padding:13px;}
#survey-section .experience-list .inner{background:#fff; padding:22px 0 1px;}
#survey-section .experience-list .section{width:192px; margin:0 24px 0px; float:left; }
#survey-section .experience-list .section .list-item{height:224px; margin-bottom:8px; position:relative;}
#survey-section .experience-list .section img{width:192px; height:132px;}
#survey-section .experience-list span.name{display:block; width:100%; color:#fff; font-size:14px; font-weight:bold; line-height:16px;
white-space:nowrap; text-overflow:ellipsis; overflow:hidden; text-transform:uppercase; margin-bottom:4px;}
#survey-section .experience-list span.txt{display:block; font-size:12px; color:#fff; white-space:nowrap; text-overflow:ellipsis;
overflow:hidden; width:100%; margin-bottom:5px;}
#survey-section .experience-list .caption{padding:5px; background:#292a29; height:52px; margin-bottom:2px;}
#survey-section .experience-list span.more{display:block; font-size:11px; text-align:right; font-weight:bold;}
#survey-section .experience-list span.more a{color:#ffba00; }
#survey-section .experience-list .section .likes{position:absolute; display:block; top:0; right:0; background:#ffba00; color:#fff;
font-weight:bold; padding:8px; z-index:100; font-size:16px;display:none;}
#survey-section .experience-list .pagination,#survey-section .experience-list .pager{clear:both; text-align:center; border:0; background:none; margin-bottom:22px; padding-top:10px;}
#survey-section .experience-list .pagination span,.paginationav span,.pager li{display:inline-block; cursor:pointer; width:15px; height:16px;
background:url('http://static.toiimg.com/photo/39431569.cms') no-repeat 0 bottom; margin:0 2px;}
#survey-section .experience-list .pagination span:hover,#survey-section .experience-list .pager a.active span,#survey-section .experience-list .pager span:hover, #survey-section .experience-list .pagination span.active,.paginationav span,.experience-list .pagination li a.active{background-position:0 0;}
#survey-section .experience-list .pagination span.active,.paginationav span,.pager .active{cursor:auto;}
#survey-section .like-btn,.toi .lightbox .like-btn{background:url('http://static.toiimg.com/photo/65010528.cms') no-repeat -88px -1853px; display:block;
width: 62px; height:26px; cursor:pointer; }
#survey-section .experience-list .section .vote_txt{display:none;}
#survey-section .experience-list .section .was-this-helpful a.button{width:70px; height:22px; background-position:0 -1314px;}
#survey-section .experience-list .section .was-this-helpful a.button.active,
#survey-section .experience-list .section .was-this-helpful a.button:hover{background-position:0 -1292px;}
.survey-popup{position:absolute; width:192px; background:#fff; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;
border:2px solid #deb645; z-index:1000; padding:10px; left:50%; margin-left:-103px; top:10%;}
.survey-popup img{width:192px; height:132px; margin-bottom:6px;}
.survey-popup .likes{position:absolute; display:block; top:10px; right:10px; background:#ffba00; color:#fff;
font-weight:bold; padding:8px; z-index:1000; font-size:16px;}
.toi .lightbox .name,.survey-popup span.name{display:block; width:60%;float:left; color:#333 !important; font-size:18px !important; font-weight:bold; line-height:20px !important;
white-space:nowrap; text-overflow:ellipsis; overflow:hidden; text-transform:uppercase; margin-bottom:8px;}
.toi .lightbox .txt, .survey-popup span.txt{clear:both;display:block; font-size:11px !important; height:auto !important; line-height:16px; color:#333;
overflow:visible !important; white-space:normal !important; }
.survey-popup .like-btn,.toi .lightbox .like-btn{margin-bottom:8px;}
.toi .lightbox .lb-nav a.lb-prev,.toi .lightbox .lb-nav a.lb-next,.survey-popup a.next, .survey-popup .previous{position: absolute; display: block; background: url(http://static.toiimg.com/photo/65010528.cms) no-repeat;
width: 32px; height: 50px; top: 40%;z-index: 1100;}
.toi .lightbox .lb-nav a.lb-next,.survey-popup a.next {right:-34px; background-position: 0 -20px;}
.toi .lightbox .lb-nav a.lb-prev, .survey-popup .previous {left:-34px; background-position: 0 -70px;}
/*-------- Recomedationbox1 ------*/
.recomendationbox1{position:fixed; bottom:-1px; right:10px; box-shadow:0 0 4px #777; padding:25px 15px 15px 115px;
background:#f4f4f4 url(http://static.toiimg.com/photo/49167342.cms) no-repeat 30px center; width:188px; z-index:999999;}
.recomendationbox1 h3, .recomendationbox2 h3{font-size:16px; color:#000; margin-bottom:10px;}
.recomendationbox1 .city{text-transform: capitalize;}
.recomendationbox2 .step4 h3{margin-top:45px;}
.recomendationbox1 p{margin-bottom:10px; line-height:16px; font-size:13px; color:#000;}
.recomendationbox1 a.close, .recomendationbox2 a.close{position:absolute; right:6px; top:6px; color:#888; font-size:11px; cursor:pointer;}
.recomendationbox1 a.button1{cursor:pointer; margin-right:6px; padding:0; width:75px; height:30px; line-height:30px; text-align:center; border-radius:0px;
font-size:13px;}
a.button1.gray{background:#777d7f; color:#fff !important;}
/*-------- Recomedationbox2 ------*/
.recomendationbox2{position:fixed; bottom:0; left:0px; border-top:1px solid #6d6d6d; padding:6px 0; text-align:center;
background:#edeef0 ; width:100%; z-index:999999; }
.recomendationbox2 h3{margin-bottom:0; text-align:center; font-size:16px; font-weight:normal; display:inline-block; line-height:28px; margin-right:10px; vertical-align:middle;}
.recomendationbox2 .buttons{text-align:center; display:inline-block;}
.recomendationbox2 a.button1{margin:0 5px; cursor:pointer; border-radius:0;}
.recomendationbox2 .skip{ /*border-top:1px solid #999;padding-top:5px;*/ text-align:right; }
.recomendationbox2 .skip span{cursor:pointer; display:inline-block; background:#adadad; padding:0 15px; line-height:19px; border:1px solid #999;
color:#fff; font-size:12px;}
.tarvel-sprite{background-image:url(http://static.toiimg.com/photo/48744417.cms); background-repeat:no-repeat;}
.travel-sprite{background-image:url(http://static.toiimg.com/photo/48744417.cms); background-repeat:no-repeat;}
.recomendationbox2 form{display:inline-block;}
.recomendationbox2 .textbox{display:inline-block; margin-right:10px; width:495px; background:#fff; font-size:14px; color:#333; height:18px;
padding:5px 10px; border:0; box-shadow:1px 1px 2px #c0c0c0 inset; -moz-box-shadow:1px 1px 2px #c0c0c0 inset; resize:none; vertical-align:middle;
-webkit-box-shadow:1px 1px 2px #c0c0c0 inset;}
.recomendationbox2 .focus .textbox{height:85px;}
.recomendationbox2 input.submit{display:inline-block; background:#f24e0d; width:100px; height:28px; color:#fff; font-size:14px; text-align:center;
cursor:pointer; border:0;}
.recomendationbox2.collapse{right:-396px;}
.recomendationbox2 .error{padding-top:5px; margin:0 auto; max-width:395px;}
/*------ Subscription-popup -------*/
.small.subscription-popup{ background:#fff; padding:5px; border-radius:3px; -moz-border-radius:3px;
-webkit-border-radius:3px; position:fixed; z-index:99999; top:50px; left:50%; margin-left:-275px; display:none;width:auto}
.small.subscription-popup .inner{background:url(http://static.toiimg.com/photo/54933096.cms) no-repeat 0 0; width:540px; height:360px;padding:0;}
.small.subscription-popup .form{padding:179px 20px 0;}
.small.subscription-popup h3{max-width:none;font-size:24px; color:#fff; font-family: 'Roboto', sans-serif; line-height:24px; margin-bottom:18px; }
.small.subscription-popup .textbox{margin-right:0;background:#fff; float:left; border:0; width:210px; height:15px; padding:13px 10px; color:#b4b4b4;
font-size:13px; }
.small.subscription-popup .submit{float:left; cursor:pointer; width:80px; height:41px; border:0; background:#f35906; text-align:center;
color:#fff; font-size:14px; font-family: 'Roboto', sans-serif; font-weight:bold; margin-right:20px;}
.small.subscription-popup span.cancel{float:left; height:41px; line-height:18px; font-size:14px; color:#fff; text-decoration:underline; width:140px;
cursor:pointer; font-family: 'Roboto', sans-serif;}
.small.subscription-popup span.close{cursor:pointer; display:block; position:absolute; right:-10px; top:-10px; width:21px; height:21px;
background:url(http://static.toiimg.com/photo/38608787.cms) no-repeat -129px -1411px ;}
/*-------- Added for subscribe tile ------*/
.box1 .social2{/*margin-bottom:0 !important; padding-bottom:10px !important;*/}
.box1 .social2 h2{margin-bottom:10px;}
.sidebar .box1 table{margin:0 auto !important;}
/*------------------- NEW POI STYLES --------------------------*/
/*------ Poi-info -------*/
.poi-info .section{margin-bottom:18px; color: #464646;font-size: 14px;line-height:20px;}
.poi-info .section span.title{font-weight:bold; color:#000;}
.poi-info .section a{color:#333;}
.poi-info .section.address span.title{display:block;}
.poi-info .column{width:150px; margin-right:10px; float:left;}
.poi-info .section.contact .column span{padding-left:20px; position:relative; display:block; }
.poi-info .section.contact .column span i{position:absolute; left:0; top:5px; z-index:2;}
.poi-info .icon-phone{display:block; top:0; left:0; background-position:-194px -1494px; width:10px; height:15px;}
.poi-info .icon-mail{display:block; top:0; left:0; background-position:-210px -1494px; width:16px; height:10px;}
.poi-info .icon-web{display:block; top:0; left:0; background-position:-232px -1494px; width:15px; height:13px;}
.box1.poi-info{margin-bottom:0;}
.box1.poi-info:hover{box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none;}
.two-column-layout2{margin-bottom:0;}
.poi-nav.box1{min-height:inherit; height:auto; margin:0 11px 15px; padding:8px 20px; text-align:center;}
.poi-nav.box1:hover{box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; }
.poi-nav.box1 ul li{list-style:none; font-size:12px; color:#555555; display:inline;}
.poi-nav.box1 ul li.divider{margin:0 6%;}
.poi-nav.box1 ul li a{color:#555;}
.guides-list{ margin:0 11px;}
.guides-list .box1{height:auto; min-height:inherit; padding:20px; margin-bottom:15px; overflow:hidden; }
.guides-list .box1 .image{float:left; width:260px; margin:0 20px 20px 0; height:auto;}
.guides-list .box1 .image .tag{color:#55b229; font-size:13px; cursor:pointer;}
.guides-list .box1 .image img{width:100%; }
.guides-list h3{font-size:20px; line-height:20px; margin-bottom:12px; color:#333;}
.guides-list h3 a{color:#333;}
.guides-list .txt{font-size:15px; line-height:24px; margin-bottom:10px;}
.search-results .votes{text-align:right; margin-bottom:15px; font-size:12px; font-weight:bold; color:#55b229; text-transform:uppercase;}
.search-results .votes span{color:#000;}
.search-results .votes span.divider{margin:0 8px;}
/*------- Slider2 ------------------*/
.slider2{border:1px solid #e0dfdf; padding:15px; margin:0 11px 15px; background:#fff; }
.slider2 h2{font-size:26px; margin-bottom:20px; text-align:center;}
.slider2 .slides{padding:0 42px; position:relative;}
.slider2 .slides .inner{overflow:hidden; }
.slider2 .slides ul{min-width:1000px;}
.slider2 .slides ul li{list-style:none; float:left; width:195px; margin-right:25px; text-align:center; }
.slider2 .slides ul li img{max-width:100%; max-height:132px; margin-bottom:10px;}
.slider2 .slides ul li a{color:#333; display:block; color:#333; line-height:24px; font-size:16px;}
.slider2 .slides ul li span,.slider2 .slides ul li a span{ display:block; font-weight:bold; color:#55b229; font-size:12px;
text-transform:uppercase;}
.slider2 .next, .slider2 .previous{display:block; position:absolute; cursor:pointer; width:27px; height:46px; z-index:100; top:55px;}
.slider2 .next{right:0; background-position:-118px -509px;}
.slider2 .previous{left:0; background-position:-89px -509px;}
/*------- Poi map ----------*/
.poi-map{margin-bottom:42px;}
.poi-map h2{font-size:26px; margin-bottom:10px; text-align:center;}
.poi-map .box1{padding:10px; height:auto; min-height:inherit; margin:0 11px; border:0; box-shadow:0 0 2px rgba(0,0,0,.3);
-moz-box-shadow:0 0 2px rgba(0,0,0,.3); -webkit-box-shadow:0 0 2px rgba(0,0,0,.3);}
.poi-map .box1 span.shadow{height:17px; width:100%; position:absolute; bottom:-17px; background:url(http://static.toiimg.com/photo/43140264.cms) no-repeat
top center; z-index:100; left:0;}
/*---------- Heading-box -------*/
.head-box{background:#fff; border:1px solid #dfe3e3; padding:15px 12px; margin-bottom:10px;}
.head-box a.more{float:right; margin-top:12px; color:#333; font-weight:600; font-size:12px;}
.head-box h2{font-size:30px; line-height:30px; margin-bottom:18px;}
.head-box p{font-size:14px; line-height:22px; color:#333;}
.main-content .box1.full-width p{max-height:130px; height:auto;}
.head-box h2 a{color:#333}
.head-box.nobg{background:none!important;border:none!important;padding-bottom:0;margin-bottom:0;}
/*------- Authorbox -----*/
.author-box{border:1px dashed #a6a6a6; padding:10px 16px; margin-bottom:20px;}
.author-box img{float:left; width:54px; height:54px; margin-right:15px;margin-top:1px; border-radius:5px;}
.author-box h3{font-size:14px; font-weight:normal; margin-bottom:6px; line-height:14px; font-style:italic; color:#55b229; overflow:hidden;}
.author-box p{font-size:12px!important; line-height:18px; font-style:italic; color:#666666; overflow:hidden; margin-bottom:5px;}
.author-box .social{overflow:hidden; padding-left:82px;}
/*----- Tourism page Styles -------*/
.wrapper.layout2{padding-top:20px;}
/*-------- Heading3 ------*/
.heading3{margin:0 11px 10px;}
.heading3 h2 span{background:#000; display:inline-block; padding:0 12px; color:#fff; line-height:30px; position:relative; min-width:190px; font-size:18px; font-weight:800;}
.heading3 h2 span:after{display:block; position:absolute; z-index:10; left:0; top:-8px; width:0; height:0; border-right:23px solid #a3a1a1; border-top: 8px solid transparent; content:" ";}
.heading3 a.more{float:right; line-height:30px; font-size:18px; color:#333; font-weight:800;}
/*------ travellers -review ----*/
.review-box{background:#edefef; padding:18px 8px; margin:0 11px 18px; border:1px solid #cfd0d0; }
.review-box .heading3{margin:0 11px 20px;}
.review-box .heading3 h2 span:after{border:0;}
.review-box .heading3 span.submit{display:block; float:right; line-height:30px; color:#fff; cursor:pointer; padding:0 12px; background:#f25e2e; font-weight:800; font-size:18px;}
.review-box .heading3 span.submit a {color:#fff;}
.review-box .box1 .image{max-height:190px;}
.review-box .one-third{width:266px; margin-bottom:0;}
.review-box .txt{display:block; line-height:19px; font-size:13px; color:#333; max-height:75px; overflow:hidden;}
/*----- Two column ----*/
.two-clm{margin:0 11px 50px;}
.two-clm .column1{width:48%; float:left;}
.two-clm .column2{width:48%; float:right;}
/*------ Box4 ------*/
.box4{background:#fff; border:1px solid #9a9b9b; min-height:225px; padding:30px 20px; box-shadow:3px 3px 3px rgba(0,0,0,.2);
moz-box-shadow:3px 3px 3px rgba(0,0,0,.2); -webkit-box-shadow:3px 3px 3px rgba(0,0,0,.2); }
.poll h2{font-size:24px; color:#55b229; margin-bottom:12px; line-height:1em; font-weight:800;}
.poll h3{font-size:18px; line-height:24px; color:#333; margin-bottom:18px;}
.poll label{display:block; font-size:14px; color:#333333; margin-bottom:10px; margin-bottom:15px;}
.poll label input{display:inline; vertical-align:middle; margin:0 5px 0 0;}
.poll .submit{border:0; float:right; margin-top:10px; text-align:center; color:#fff; font-size:14px; font-weight:bold; width:76px; height:27px; background:#f24906;}
.travel-tip{background:#fff url(http://static.toiimg.com/photo/44969710.cms) no-repeat 20px 40px; padding-left:210px; font-size:20px; color:#333; line-height:30px;font-style:italic; padding-top:35px;}
/*------ Review popup ---*/
.review-pop{ width:560px; top:150px; padding:20px 42px 10px; background:#ecedee; border:1px solid #585a5a; z-index:1001; left:50%; }
.review-pop h2{background:url(http://static.toiimg.com/photo/44981520.cms) no-repeat 0px 0px; padding-left:65px; min-height:63px; margin-bottom:25px; max-width:415px; color:#000; font-size:26px; line-height:28px; font-weight:normal;}
.review-pop h2 strong{display:block; text-align:right;}
.review-pop h2 span{color:#f24e0d}
.review-pop label{display:block; font-size:14px; color:#555; margin-bottom:10px; line-height:14px; }
.review-pop .textbox, .review-pop textarea{background:#fff; border:1px solid #d6d7d7; padding:8px 2%; height:17px; width:95.5%; font-size:12px; color:#555; display:block; }
.review-pop textarea{height:60px; resize:none;}
.review-pop .row{margin-bottom:13px;}
.review-pop .half{width:48%;}
.review-pop .upload label{display:inline-block;}
.review-pop .note{display:block; font-size:11px; color:#888; padding-top:8px; line-height:13px;}
.review-pop label.checkbox{ font-size:12px; color:#555; line-height:16px; margin-top:8px; float:left; margin-bottom:0;}
.review-pop label.checkbox input{vertical-align:middle; display:inline; margin:0 3px 0 0;}
.review-pop input.submit{display:block; float:right; line-height:30px; color:#fff; cursor:pointer; padding:0 12px; background:#f25e2e; font-weight:bold; font-size:18px; cursor:pointer; border:0; width:100px; }
/*----- Story popup ------*/
.story-pop{position:absolute; background:#fff; border:1px solid #585a5a; padding:30px; width:452px; left:50%; top:200px; z-index:9999; margin-left:-256px;}
.story-pop .slider{overflow:hidden; width:452px;}
.story-pop .slide{width:452px;}
.story-pop img{width:100%; margin-bottom:15px; }
.story-pop h3{font-size:20px; color:#333; margin-bottom:15px;}
.story-pop p{font-size:14px; line-height:20px; color:#333;}
.story-pop .next, .story-pop .prev{position:absolute; display:block; cursor:pointer; width:32px; height:66px; top:50%; margin-top:-33px;
z-index:99999;}
.story-pop .next {right:-32px; background-position:-236px -1520px;}
.story-pop .prev {left:-32px; background-position:-268px -1520px;}
.story-pop .close{position:absolute; width:21px; height:21px; display:block; right:-10px; top:-10px; background-position:-129px ; cursor:pointer;}
/*------- skyscn-wdgtScanner widget css ------*/
/* autoComplete styles */
.autocomplete-suggestions {
text-align: left; cursor: default; border: 1px solid #ccc; border-top: 0; background: #fff; box-shadow: -1px 1px 3px rgba(0,0,0,.1);
position: absolute; display: none; z-index: 9999; max-height: 254px; overflow: hidden; overflow-y: auto; box-sizing: border-box;width:auto!important;
}
.autocomplete-suggestion { position: relative; padding: 0 .6em; line-height: 23px; white-space: nowrap; overflow: hidden; font-size: 1.02em; color: #333; }
.autocomplete-suggestion b { font-weight: normal; color: #1f8dd6; }
.autocomplete-suggestion.selected { background: #f0f0f0; }
#flights_form .field-box input.error{
border: 1px solid red;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}
#flights_form .field-box input.error[placeholder]{color:#ff0000!important;}
.sky_logo { position: absolute; right: 0px; bottom: 3px; height: 12px; width: 140px; }
.sky_logo:before{ background: url(http://static.toiimg.com/photo/65010528.cms) no-repeat 0 -2173px; width: 80px; content: ""; height: 18px; position: absolute; right: 2px; bottom:0; }
#flights_form input.submit:hover{background-color:#555;}
h1.flights_heading:before{
background: url(http://static.toiimg.com/photo/65010528.cms) no-repeat 0 0;
background-position: -171px -2085px;
}
.skyscn-wdgt {background:#fff; padding:15px 10px; border:2px solid #666; margin:0 auto;}
.skyscn-wdgt h3{font-size:14px; line-height:18px; font-weight:normal; margin-bottom:15px;}
.skyscn-wdgt h3 strong{font-weight:bold;}
.field-wrapper{margin-bottom:13px;}
.field-box{background:#fff; height:34px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;
border-width:0 1px 1px 0;border:1px solid #e2e2e2;}
.field-box input{border:0; background:none; width:90%; padding:10px 3%; height:18px; color:#333; font-size:12px;
}
.skyscn-wdgt.small .field-wrapper label { font-size:11px; color:#000; }
.skyscn-wdgt .date .field-box input { font-style:normal; }
.skyscn-wdgt .field-box input { /*font-style:italic;*/ color:#000; background:#fff; width:100%; box-sizing:border-box; border-radius:3px; padding:0 10px; height:34px; line-height:normal; }
/*.skyscn-wdgt .field-box.cash-type, .skyscn-wdgt .age-type { display:none; }*/
.skyscn-wdgt.small { background:#fff url(http://static.toiimg.com/photo/49906552.cms) no-repeat right top; background-size:cover; }
.skyscn-wdgt.small .field-wrapper .one-half label { color:#fff; }
.skyscn-wdgt.small .field-box input { background:#fff; }
.skyscn-wdgt.small .field-box { box-shadow:none; background:#fff; height:auto; }
.skyscn-wdgt.small .age-type { background-image:url(http://static.toiimg.com/photo/49933477.cms); }
.skyscn-wdgt.small .sky_logo { position: absolute; right: 10px; bottom: 12px; height: 25px; width: 84px; box-sizing:border-box; text-align:right; color:#fff; padding:2px 5px; background:#000;}
.skyscn-wdgt.small .sky_logo:before { background-image:url(http://static.toiimg.com/photo/46635811.cms); background-position:0 0; width:80px; bottom:-2px; height:20px; background-size:contain; }
.sidebar .skyscn-wdgt.small .date .field-box:after { opacity:.3; top:4px; }
.skyscn-wdgt.small h3 { font-size:16px; color:#1a1a1a; }
.skyscn-wdgt.small .submit { width:145px; margin:0 0 4px; }
.sidebar .skyscn-wdgt.small { margin:-10px; padding:10px; position:relative; }
.date .field-box input{ padding-right:25%; }
.date .field-box, .field-box.select{position:relative;}
.date .field-box:after{display:block; position:absolute; width:21px; height:21px; content:" "; right:7px; top:7px; background:url(http://static.toiimg.com/photo/46028696.cms) no-repeat 0 0;}
.skyscn-wdgt .one-half{width:48%; min-height:inherit; margin:0; padding:0; float:left; height:auto;}
.skyscn-wdgt .one-half.flR{float:right;}
.field-wrapper label{font-size:12px; color:#555; display:block; margin-bottom:5px; line-height:12px;}
.skyscn-wdgt.small .field-wrapper.noofpacks{display:none;}
.field-wrapper.trip-info label{display:inline-block; margin-right:10px; line-height:20px; margin-bottom:0;}
.field-wrapper.trip-info label input{display:inline; vertical-align:middle; position:relative; top:-2px; margin:0 3px 0 0;}
.field-box select{border:none; outline:none; display: inline-block; -webkit-appearance:none; -moz-appearance:none; position:relative;
appearance:none; cursor:pointer; height:34px; background:none; width:100%; padding:0 15%; border-radius:3px; z-index:0;
-moz-border-radius:3px; -webkit-border-radius:3px;}
.field-box.select select{font-size:1.4em;}
.field-box.select:after{display:block; position:absolute; width:9px; height:5px; content:" "; right:8px; top:18px; background:url(http://static.toiimg.com/photo/46028775.cms) no-repeat 0 0; z-index:1;}
.cash-type{width:58px; float:left; margin-right:12px;}
.age-type{width:63px; float:left; margin-right:12px; background:url(http://static.toiimg.com/photo/46197790.cms) no-repeat 0 0;}
.age-type.abv12{background-position:0 4px;}
.age-type.blw12{background-position:0 -44px;}
.age-type.chld{margin-right:0; background-position:0 -97px;}
.age-type .field-box{margin-left:19px;}
.skyscn-wdgt .submit{display:block;margin:0 auto;border:0;height:36px;width:205px;text-align:center;cursor:pointer;font-size:12px;color:#fff;font-weight:bold;margin-bottom:4px;background: #f24e0d url("http://static.toiimg.com/photo/52007178.cms") 5px 5px; background-repeat: no-repeat; padding-left: 26px;}
.field-box small{ display:block; color:#666; padding-top:5px; width:50px; }
.sidebar .skyscn-wdgt .trip-info{margin-bottom:20px;}
.sponsor-strip{position:fixed; width:100%; bottom:0; background:#3f4145; padding:4px 0 0; text-align:right; font-size:11px; color:#fff; z-index:10099;}
.sponsor-strip img{margin:0 20px; display:inline; vertical-align:text-bottom;}
.sponsor-strip a{color:#fff;}
/*------- Result page -------*/
.result-page { background:#fff; position:relative; }
.result-page .wrapper { position:relative; z-index:1; }
.result-page .skyscn-wdgt {border:0; background:none; margin:8px 0px 30px; padding:20px; width:100%;
box-shadow:0 0 5px rgba(0,0,0,.5);-moz-box-shadow:0 0 5px rgba(0,0,0,.5); -webkit-box-shadow:0 0 5px rgba(0,0,0,.5);
box-sizing:border-box; }
.result-page .skyscn-wdgt .one-half{width:49%;}
.result-page .field-wrapper label{font-size:12px; font-weight:600; }
.result-page .field-wrapper .one-half label{padding-top:14px;display:inline;float:left;text-align:right;width:16%;}
.result-page .field-wrapper .one-half.from_div{width:52%;}
.result-page .field-wrapper .one-half.to_div{width:45.7%;}
.result-page .field-wrapper .one-half .field-box{margin-left:17%;}
.result-page .field-wrapper .one-half label.to_label{width:17px;}
.result-page .field-wrapper .one-half .field-box.txt_destination{margin-left:22px;}
.result-page .field-wrapper.date .one-half .field-box{margin-left:83px;}
.result-page .field-wrapper.date label{width:80px;}
.result-page .skyscn-wdgt .trip-info label{font-size:12px; }
.result-page .skyscn-wdgt .pssngr-info{float:left; margin-right:10px;}
.result-page .skyscn-wdgt .submit{ float:left; width:100px; -webkit-box-shadow: none; -webkit-border-radius:0; }
.result-page .skyscn-wdgt .date{float: left; width: 52%;
margin-right: 4.6%;}
.result-page .skyscn-wdgt .trip-info { float: left; width: 100%;margin-left:9%; }
.result-page .skyscn-wdgt .field-box input { height:34px; line-height:34px; }
.result-page .skyscn_fltr_c { clear:both; }
.result-page h1,.result-page h2 { font-size:32px; line-height:1; font-weight:100; color:#fff; margin-bottom:10px; }
.result-page .field-box small { color:#fff; font-size:11px; text-transform:uppercase; }
.result-page .cash-type { width:70px; margin-right:20px; }
.result-page .field-wrapper { margin-bottom:11px; }
.result-page .slideshow { position:absolute; width:100%; left:0; top:0px; height:390px; }
.result-page .slideshow li { position:absolute; left:0; top:0; width:100%; height:100%; background-size:cover; background-repeat:no-repeat;background-position:center; }
.result-page .slideshow .wrapper { position:relative; height:inherit; z-index:2; }
.result-page .age-type .field-box { box-shadow:none; }
.result-page .age-type.blw12 { background-position:0 -51px; }
.result-page .age-type.abv12 { background-position:0 0px; }
.result-page .age-type.chld { background-position:0 -106px; }
.skyscn_fltr_c{float:left; width:20%; padding-top:58px;}
.skyscn_fltr_c .loading span{font-size:2em;color:gray}
.skyscn_fltr_c .loading{display:none;margin-left: 33px;margin-top: -45px;position: absolute;}
.skyscn_reslt{float:right; width:78%;}
.skyscn_fltr .ui-slider-horizontal .ui-slider-range{ background:#55b229; border-color:#55b229;}
.rslt_info{margin-bottom:17px;visibility:hidden;position:relative;}
.rslt_info .count{line-height:38px; font-size:12px; display:inline-block;position:absolute;bottom:-17px;}
.rslt_info .count .from_to{margin-bottom:-7px;line-height: 11px;}
.rslt_info .count strong{font-weight:bold;}
.rslt_info .sort {float:right; width:258px;margin-top:10px;}
.rslt_info .sort label{float:left; width:56px; line-height:38px; font-size:14px; color:#666;}
.rslt_info .sort .field-box{width:195px; float:right;}
.rslt_hdr{background:#3f4145; margin-bottom:10px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.sticky_hdr{position:fixed;top:0;}
.rslt_hdr > div{box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; padding:10px; line-height:14px;
font-size:11px; color:#fff;}
.rslt_hdr .optr, .skyscn_reslt .results .optr{float:left; width:18%;}
.rslt_hdr .out_bound, .skyscn_reslt .results .out_bound{float:left; width:31%; border-left:1px solid #6b6b6b;}
.rslt_hdr .in_bound, .skyscn_reslt .results .in_bound{float:left; width:31%; border-left:1px solid #6b6b6b;}
.rslt_hdr .price, .skyscn_reslt .results .price{float:right; width:20%; text-align:center; border-left:1px solid #6b6b6b;}
.rslt_hdr .dt{float:right; color:#fcd538;}
.skyscn_reslt .pagination_sky{text-align:center;margin-top:30px;}
.skyscn_reslt .pagination_sky .prev,.skyscn_reslt .pagination_sky .next{font-weight:bold;}
.skyscn_reslt .pagination_sky span.active{background-color: #55b229;
color: #fff;font-weight:bold;}
.skyscn_reslt .pagination_sky span{cursor: pointer;
border-radius: 60px;
font-size: 16px;
width: 35px;
display: inline-block;
height: 35px;
line-height: 34px;}
.skyscn_reslt .results li{background:#fff; border:1px solid #aaa9a9; margin-bottom:10px; box-sizing:border-box;
-moz-box-sizing:border-box; -webkit-box-sizing:border-box;overflow:hidden; }
.skyscn_reslt .results li > div{box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; padding:13px 10px;
height:100%;}
.skyscn_reslt .results .optr{text-align:center;}
.skyscn_reslt .results .optr .carrier {min-height:45px; margin-bottom:10px;}
.skyscn_reslt .results .optr .carrier div{text-transform:none;font-size:10px;}
.skyscn_reslt .results .optr .carrier img{height:45px;}
.skyscn_reslt .results .sep{ /* float: left; */
background-color: #b0b0b0;
width: 1px;
display: inline-block;
margin-left: 6px;
margin-right: 7px;
height: 12px;
margin-bottom: -2px;}
.skyscn_reslt .results .optr .carrier{font-size:12px; color:#333; line-height:18px; text-transform:uppercase;}
.skyscn_reslt .results .out_bound, .skyscn_reslt .results .in_bound, .skyscn_reslt .results .price{border-color:#e3e3e3;padding-bottom:130px;margin-bottom:-130px;}
.skyscn_reslt .results .timing{font-size:14px; display:block; font-weight:bold; margin-bottom:10px;line-height:17px;}
.skyscn_reslt .results .stops{font-size:12px; color:#555; line-height:14px; margin-bottom:6px; /*display:block;*/ font-weight:bold;}
.skyscn_reslt .results .duration{font-size:12px; color:#888; line-height:14px; margin-bottom:6px; /*display:block;*/}
.skyscn_reslt .results .oprtd_by{font-size:12px; color:#333; line-height:14px; display:block;}
.skyscn_reslt .results .price strong{display:block; font-size:16px; font-weight:bold; line-height:14px; margin-bottom:10px;}
.skyscn_reslt .results .price button, .current-booking .select button{display:block; margin:0 auto 10px; border:0; text-align:center; background:#f24e0d;
height:22px; line-height:21px; color:#fff; font-size:12px; width:100%; max-width:67px; font-weight:bold; }
.skyscn_reslt .results .price .agent{ display:block; font-size:11px; line-height:20px;}
.skyscn_reslt .results .price .agent small{display:block; font-size:11px; font-style:italic; font-weight:normal; line-height:14px;}
.skyscn_reslt .results .detail-btn{
text-align:center; font-weight:bold; color:#f24e0d; font-size:11px;}
.skyscn_reslt .results .detail-btn.active{color:#000;border-color:#000;}
.skyscn_fltr h3{font-size:13px; margin-bottom:10px; line-height:16px;}
.skyscn_fltr h3 span{font-weight:normal; float:right; font-size:12px; color:#999; }
.skyscn_fltr h3 span a{color:#c2c2c2;}
.skyscn_fltr h3 span a:hover{color:#999; text-decoration:none;}
.skyscn_fltr .fltr_group{background:#fff; margin-bottom:20px; box-shadow:0 0 3px rgba(0,0,0,.3); -moz-box-shadow:0 0 3px rgba(0,0,0,.3);
-webkit-box-shadow:0 0 3px rgba(0,0,0,.3); padding:20px; }
.checkbox_list li{margin-bottom:28px; line-height:14px; font-size:12px; }
.checkbox_list li label{display:block; color:#555; position:relative; padding-left:20px;}
.checkbox_list li input{position:absolute; left:1px; top:1px; z-index:1; visibility:hidden;}
.checkbox_list li label:before{position:absolute; width:12px; height:12px; content:" "; background:#fff; top:0; left:0;
border:1px solid #cecece; z-index:5;background-color:#55b229;border-radius:3px; }
.checkbox_list li.disabled label:before{width:12px; height:12px; content:" "; background:#f2f2f2;
border:1px solid #cecece; }
.checkbox_list li span{float:right; width:56px;}
.checkbox_list li:last-child{margin-bottom:5px; }
.result-page .slider-title {font-size:11px; line-height:14px; margin-bottom:8px; color:#555;}
.skyscn_fltr .slider{margin-bottom:20px;}
.skyscn_fltr .divider{height:1px; background:#dfe1e2; margin:0 -20px 20px; display:block;}
/*----------------- datepicker styles ----------------*/
.ui-datepicker { background:#fff !important; -moz-border-radius: 4px; -webkit-border-radius: 4px;
border-radius: 4px; z-index:9999!important;
font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
-webkit-font-smoothing: antialiased;
width: 355px !important;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{width:13px !important; height:22px !important;
background-color:none !important; border:0 !important;
}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span{display:none !important ;}
.ui-datepicker .ui-datepicker-prev{background:url("http://static.toiimg.com/photo/65010528.cms") no-repeat -50px -69px !important ;}
.ui-datepicker .ui-datepicker-next{background:url("http://static.toiimg.com/photo/65010528.cms") no-repeat -50px -43px !important ;}
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker-prev.ui-state-hover { border:0 !important; background:url("http://static.toiimg.com/photo/65010528.cms") no-repeat -50px -69px !important ; left:2 !important; top:2 !important;}
.ui-datepicker .ui-datepicker-next-hover, .ui-datepicker .ui-datepicker-next.ui-state-hover{ border:0 !important; background:url("http://static.toiimg.com/photo/65010528.cms") no-repeat -50px -43px !important ; right:2 !important; top:2 !important;}
.ui-datepicker .ui-widget-header{background:#fff !important; border:0 !important; font-size:16px !important; color:#333 !important; }
.ui-datepicker-calendar {
background-color: #fff;
}
.ui-datepicker-calendar {
width: 100%;
table-layout: fixed;
border-collapse: separate;
border-spacing: 4px;
}
.ui-datepicker-calendar thead td {
background-color: #fff;
color: #7F9394;
font-size: 11px;
padding-bottom: 5px !important;
}
.ui-datepicker-calendar td {
border: none !important;
background: #fff !important;
}
.ui-datepicker-calendar td.ui-state-disabled span {
color: #ddd;
border-color: #fff;
border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;
}
.ui-datepicker-calendar td .ui-state-highlight {
background-color: #55b229 !important;
border-color: #55b229;
}
.ui-datepicker td span, .ui-datepicker td a {
width: 30px;
height: 30px;
line-height: 30px;
font-size: 13px !important;
border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;
border: 1px solid #dbe2e6;
color: #7F9394;
text-align:center !important;
margin-bottom:3px;
}
.ui-datepicker .ui-datepicker-buttonpane{display:none;}
.ui-datepicker-calendar .ui-state-default, .ui-datepicker-calendar .ui-widget-content .ui-state-default, .ui-datepicker-calendar .ui-widget-header .ui-state-default{color:#333 !important;}
.ui-datepicker-calendar .ui-state-highlight, .ui-datepicker-calendar .ui-widget-content .ui-state-highlight, .ui-datepicker-calendar .ui-widget-header .ui-state-highlight{color:#fff !important;}
.ui-datepicker-calendar ui-datepicker .ui-state-hover, .ui-datepicker-calendar .ui-datepicker .ui-state-active{border-color:#55b229 !important; color:#333 !important; background:#f6f6f6 !important;}
/*------- Detail-popup -------*/
.detail-popup .load_txt{color: gray;font-size: 1.5em; font-weight: bold;margin-left:1em;}
.detail-popup{width: 550px; padding:27px 20px 30px; border:1px solid #000; box-shadow: 0px 1px 27px 0px rgba(0, 0, 0, 0.53);-moz-box-shadow: 0px 1px 27px 0px rgba(0, 0, 0, 0.53); -webkit-box-shadow: 0px 1px 27px 0px rgba(0, 0, 0, 0.53); position:absolute;
z-index:9999; top:5%; left:50%; margin-left:-285px; background:#fff; cursor:pointer;}
.detail-popup .passenger-info{float:right;}
.detail-popup .age-type{width:35px; float:left; margin-right:12px; padding-left:22px; line-height:34px;font-size:14px; color:#000; margin-bottom:5px;}
.detail-popup .age-type.abv12{background-position:0 0;}
.detail-popup .age-type.blw12{background-position:0 -51px;}
.detail-popup .age-type.chld{margin-right:0; background-position:0 -105px;}
.detail-popup .hdr{border-bottom:2px solid #000; margin-bottom:10px;}
.detail-popup h2{ color: #000000;font-size: 16px;font-weight: 700;line-height: 26px;}
.detail-popup .hdr h2{font-size:16px;}
.detail-popup h2 span{font-weight:normal;}
.current-booking{margin-bottom:20px;}
.current-booking .airline, .current-booking .price, .current-booking .select{float:left; width:33.3%;}
.current-booking .airline img{ margin-left:10px; max-height:40px;}
.current-booking .price{text-align:center; line-height:34px; font-size:22px; color:#010101; font-weight:bold;}
.current-booking .select button{float:right;}
.more-booking{border:1px solid #dadcdd; margin-bottom:30px; padding:10px;}
.more-booking h4{font-size:14px; color:#333; margin-bottom:15px; font-weight:600;}
.more-booking ul li{list-style:none; float:left; width:48%; margin:0 2% 0 0; font-size:12px; line-height:20px; color:#777;}
.more-booking ul li a{ color:#777;}
.more-booking ul li span{width:130px; display:inline-block;}
.jrny_dtl h3{background-color:#eef0f1; padding:12px 12px 12px 58px; margin-bottom:30px; border:1px solid #c9ccce; font-size:14px; font-weight:bold;
color:#000;}
.jrny_dtl h3.out{background:#eef0f1 url(http://static.toiimg.com/photo/46455536.cms) no-repeat 12px center;}
.jrny_dtl h3.return{background:#eef0f1 url(http://static.toiimg.com/photo/46455568.cms) no-repeat 12px center;}
.jrny_dtl h3 span{font-weight:normal; color:#555;}
.jrny_dtl .section{padding-left:20px; margin-bottom:20px; background:url(http://static.toiimg.com/photo/46455365.cms) no-repeat 2px 0;}
.jrny_dtl li{margin-bottom:20px; text-transform:uppercase; color:#555555; font-size:12px; line-height:12px;}
.jrny_dtl li div{float:left; margin-left:2%; width:33%;}
.jrny_dtl li .small{width:13%;}
.jrny_dtl li strong{font-weight:bold; color:#000; display:block; width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;
overflow:hidden;}
.jrny_dtl li:last-child{margin-bottom:0;}
.connect-info { margin-bottom:20px; margin-left:80px; padding:6px 10px 1px; border:1px solid #bbbbbb; font-size:12px; position:relative;
color:#5fb202; line-height:18px; width:260px;}
.connect-info:after{position:absolute; width:14px; height:8px; left:30px; top:-8px; content:" "; display:block; z-index:999;
background:url(http://static.toiimg.com/photo/46455399.cms) no-repeat 0 0;
}
.connect-info p{margin-bottom:5px;}
.connect-info strong{font-weight:bold;}
/*------- Detail-popup -------*/
.detail-popup{width: 550px; padding:27px 20px 30px; border:1px solid #000; box-shadow: 0px 1px 27px 0px rgba(0, 0, 0, 0.53);-moz-box-shadow: 0px 1px 27px 0px rgba(0, 0, 0, 0.53); -webkit-box-shadow: 0px 1px 27px 0px rgba(0, 0, 0, 0.53); position:absolute;
z-index:9999; top:5%; left:50%; margin-left:-285px; background:#fff; cursor:pointer;}
.detail-popup .passenger-info{float:right;}
.detail-popup .age-type{width:35px; float:left; margin-right:12px; padding-left:22px; line-height:32px;font-size:14px; color:#000; margin-bottom:5px;}
.detail-popup .age-type.abv12{}
.detail-popup .age-type.blw12{}
.detail-popup .age-type.chld{margin-right:0;}
.detail-popup .close{position:absolute; top:4px; right:10px; z-index:100;
color: #817f7e; font-size: 24px; font-weight: 700;line-height: 26px;padding-left: 19px;width: 21px;
height: 34px;}
.detail-popup .hdr{border-bottom:5px solid #000; margin-bottom:10px;}
.detail-popup h2{ color: #000000;font-size: 18px;font-weight: 700;line-height: 26px;}
.detail-popup h2 span{font-weight:normal;}
.current-booking{margin-bottom:20px;}
.current-booking .airline, .current-booking .price, .current-booking .select{float:left; width:33.3%;}
.current-booking .airline img{ margin-left:10px; max-height:40px;}
.current-booking .price{text-align:center; line-height:34px; font-size:22px; color:#010101; font-weight:bold;}
.current-booking .select button{float:right;}
.more-booking{border:1px solid #dadcdd; margin-bottom:30px; padding:10px;}
.more-booking h4{font-size:14px; color:#333; margin-bottom:15px; font-weight:600;}
.more-booking ul li{list-style:none; float:left; width:48%; margin:0 2% 0 0; font-size:12px; line-height:20px; color:#777;}
.more-booking ul li a{ color:#777;}
.more-booking ul li span{width:130px; display:inline-block;}
.jrny_dtl h3{background:#eef0f1; padding:12px 12px 12px 58px; margin-bottom:30px; border:1px solid #c9ccce; font-size:14px; font-weight:bold;
color:#000;}
.jrny_dtl h3 span{font-weight:normal; color:#555;}
.jrny_dtl .section{padding-left:20px; margin-bottom:20px;}
.jrny_dtl li{margin-bottom:20px; text-transform:uppercase; color:#555555; font-size:12px; line-height:12px;}
.jrny_dtl li div{float:left; margin-left:2%; width:33%;}
.jrny_dtl li .small{width:13%;}
.jrny_dtl li strong{font-weight:bold; color:#000; display:block; width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;
overflow:hidden;}
.jrny_dtl li:last-child{margin-bottom:0;}
.connect-info { margin-bottom:20px; margin-left:80px; padding:6px 10px 1px; border:1px solid #bbbbbb; font-size:12px;
color:#5fb202; line-height:18px; width:260px;}
.connect-info p{margin-bottom:5px;}
.connect-info strong{font-weight:bold;}
.show-mobile{display:none;}
.article .main-content .description table, .txt table{width:100%}
.article .main-content .description table th, .txt th{
background: none repeat scroll 0 0 #55b229;
border: 1px solid #333;
color: #fff;
font-weight: bold;
padding:5px 10px;
}
.article .main-content .description table td, .txt tr td {
border: 1px solid #333 ;
text-align: left;
padding:5px 10px;
}
.hide_lg{display:none !important;}
.show_lg{display:block !important;}
/* -- Emebedded read also -- */
/*.article .main-content .description .embeddedreadalso{border-top: 1px solid #55b229;border-bottom: 1px solid #55b229; padding:5px;}*/
/*------- New destination ---------------*/
/*------ Dstn_wdgt -------*/
.dstn_wdgt .tbs{list-style:none; border-bottom:1px solid #55b229; margin-bottom:10px; padding-top:10px;}
.dstn_wdgt .tbs li{float:left; margin-right:10px;}
.dstn_wdgt .tbs li a{display:inline-block; padding:0 10px; border-bottom:5px solid transparent; font-size:20px; font-weight:bold; text-transform:uppercase;
color:#55b229; padding-bottom:6px; margin-bottom:-1px;}
.dstn_wdgt .tbs li a:hover{text-decoration:none;}
.dstn_wdgt .tbs li.active a{color:#136404; border-color:#136404;}
.infotoggle:after {content: '';background: url(http://static.toiimg.com/photo/48744417.cms) no-repeat -87px -2123px; width: 21px;height: 21px;transform: rotate(180deg);-moz-transform: rotate(180deg);-webkit-transform: rotate(180deg);position: absolute; right: 2px; top:7px; transition: all .2s ease; cursor: pointer;}
.dstn_wdgt[data-stateinfo="false"] .infotoggle:after {transform: rotate(0);-moz-transform: rotate(0);-wekbit-transform: rotate(0); }
.dstn_wdgt[data-stateinfo="false"] .tab_data{display:none !important;transition: all .2s ease;}
/*.dstn_wdgt[data-stateinfo="themes"] #themes, .dstn_wdgt[data-stateinfo="destinations"] #destinations{display:block}*/
.dstn_wdgt #destinations{margin-right:-5px;}
.dstn_wdgt #destinations li{float:left; width:196px; height:70px; margin:0 5px 5px 0; position:relative; overflow:hidden;}
.dstn_wdgt #destinations li .detail{position:absolute; z-index:100; background:rgba(0,0,0,.3); width:90%; height:100%; left:0; top:0;
padding:0 5%;}
.dstn_wdgt #destinations li h4{margin-top:20px; font-size:14px; line-height:18px; margin-bottom:3px; text-transform:uppercase;}
.dstn_wdgt #destinations a{color:#fff;}
.dstn_wdgt #destinations li a:hover h4{text-decoration:none; color:#f24e0d;}
.dstn_wdgt #destinations small{display:block; font-size:10px; color:#fff;}
.dstn_wdgt #themes ul{margin-right:-22px; float:left; width:640px; margin-left:11px;}
.dstn_wdgt #themes .ad,.dstn_wdgt #themes .banner_local{width:300px; padding:10px; float:right; margin-right:11px;}
.dstn_wdgt #themes .ad h5,.dstn_wdgt #themes .banner_local h5{font-size:11px; color:#555555; text-transform:uppercase; text-align:center; line-height:11px; margin-bottom:10px;}
.dstn_wdgt #themes ul li{float:left; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; width:138px; height:138px;
margin:0 22px 15px 0; }
.dstn_wdgt #themes ul li a{display:block; height:100%; background-position:top center; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
border:5px solid transparent; padding-top:96px; color:#fff !important; text-decoration:none; font-size:15px; text-align:center;}
.dstn_wdgt #themes ul li:hover, .dstn_wdgt #themes ul li.active{box-shadow:0 0 3px rgba(0,0,0,.4); -moz-box-shadow:0 0 3px rgba(0,0,0,.4); -webkit-box-shadow:0 0 3px rgba(0,0,0,.4);}
.dstn_wdgt #themes ul li:hover a, .dstn_wdgt #themes ul li.active a{border-color:#fff;}
.dstn_wdgt #themes ul li a.romantic{background-color:#df0944; background-image:url(http://static.toiimg.com/photo/47071810.cms); background-repeat:no-repeat;}
.dstn_wdgt #themes ul li a.historical{background-color:#a57966; background-image:url(http://static.toiimg.com/photo/47071815.cms); background-repeat:no-repeat;}
.dstn_wdgt #themes ul li a.religious{background-color:#7a80b7; background-image:url(http://static.toiimg.com/photo/48512913.cms); background-repeat:no-repeat;background-position: center center; padding-top:97px;}
.dstn_wdgt #themes ul li a.beaches{background-color:#59cbf5; background-image:url(http://static.toiimg.com/photo/47071835.cms); background-repeat:no-repeat;}
.dstn_wdgt #themes ul li a.city{background-color:#89cc63; background-image:url(http://static.toiimg.com/photo/47071839.cms); background-repeat:no-repeat;}
.dstn_wdgt #themes ul li a.hills{background-color:#80cdc5; background-image:url(http://static.toiimg.com/photo/47071845.cms); background-repeat:no-repeat;}
.dstn_wdgt #themes ul li a.adventure{background-color:#a1b347; background-image:url(http://static.toiimg.com/photo/47071853.cms); background-repeat:no-repeat;}
.dstn_wdgt #themes ul li a.wild{background-color:#ff833a; background-image:url(http://static.toiimg.com/photo/47071857.cms); background-repeat:no-repeat;}
/*------ Amazon-nv ------*/
/*.navigation ul.L1menu li.ama{position:relative;}
.navigation .amazon_nav{position:absolute; right:0; top:32px; background:#fff; border-bottom:5px solid #55b229; padding:15px 15px 1px; width:500px;
box-shadow:0 2px 3px rgba(0,0,0,.4); -moz-box-shadow:0 2px 3px rgba(0,0,0,.4); -webkit-box-shadow:0 2px 3px rgba(0,0,0,.4);display:none;}
.navigation .amazon_nav:after{position:absolute; z-index:100; border-bottom:5px solid #fff; border-left:5px solid transparent; border-right:5px solid transparent; top:-5px;
display:block; right:60px; content:" ";
}
.navigation .amazon_nav h5{font-size:14px; color:#55b229; font-weight:800; margin-bottom:10px; line-height:20px; margin-bottom:2px; text-transform:uppercase;}
.navigation ul.L1menu li .amazon_nav ul li, .navigation .amazon_nav ul li{list-style:none; float:left; font-size:11px; line-height:18px; text-transform:uppercase; width:185px; margin-right:10px; padding:0; margin-bottom:2px;}
.navigation ul.L1menu li .amazon_nav ul, .navigation .amazon_nav ul{margin-bottom:14px;}
.navigation ul.L1menu li .amazon_nav ul li.out, .navigation .amazon_nav ul li.out{margin-right:0; width:110px;}
.navigation ul.L1menu li .amazon_nav ul li a, .navigation ul.L1menu li:hover .amazon_nav ul li a, .navigation .amazon_nav ul li a{color:#000 !important; text-transform:uppercase; display:inline; padding:0; border:0; font-size:12px; line-height:16px; font-weight:normal;}
.navigation ul.L1menu li .amazon_nav ul li:hover{background:none; color:#000;}
.navigation ul.L1menu li .amazon_nav ul li:hover a, .navigation ul.L1menu li .amazon_nav ul li a:hover, .navigation .amazon_nav ul li a:hover{color:#f24e0d !important; background:none;}
.amazon_nav .mob-hd{display:none; margin-bottom:15px; padding-bottom:10px; border-bottom:1px solid #d4d4d4;}
.amazon_nav .mob-hd a.back{display:block; width:87px; height:32px; background:url(http://static.toiimg.com/photo/47121844.cms) no-repeat 0 0;}
.amazon_nav .mob-hd h4{float:right; line-height:32px; color:#000; font-size:16px; text-transform:uppercase;}
*/
/*----- Continue-reading ----*/
.cntnue_box{background:#fff; border-bottom:1px solid #ccc; padding:10px; margin-bottom:20px; padding-right:60px; min-height:inherit; position:relative;display:none;}
.cntnue_box img{float:left; margin-right:20px; width:118px; height:76px;}
.cntnue_box:hover{box-shadow:0 0 5px #bebebe; -moz-box-shadow:0 0 5px #bebebe; -webkit-box-shadow:0 0 5px #bebebe;}
.cntnue_box h3{margin-bottom:10px; color:#333; line-height:20px; font-size:20px;}
.cntnue_box h4{font-size:16px; font-weight:normal; line-height:19px; margin-bottom:5px;}
.cntnue_box h4 a{display:block; position:relative; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#333;}
.cntnue_box a.more-icon{position:absolute; z-index:100; width:44px; height:44px; background-position:-257px -1962px; right:10px; top:25px;}
.cntnue_box p.tags a{color:#55b229;}
/*----- Write-us -----*/
.write-us{background:url(http://static.toiimg.com/photo/48018433.cms) no-repeat 0 0; background-size:cover; padding:20px; height:553px; margin:0px auto 30px; max-width:938px;}
.write-us .inner{max-width:360px;}
.write-us h3{font-size:31px; line-height:35px; color:#fff; margin-bottom:5px; max-width:580px;}
.write-us .write-content{color:#fee86e; font-size:16px; line-height:20px; display:block; margin-bottom:10px; max-width:580px;}
.write-us .form-box{background:rgba(255,255,255,.4); border:1px solid rgba(0,0,0,.4); padding:30px; margin-bottom:15px;}
.write-us li{list-style:none; margin-bottom:10px;}
.write-us li:last-child{margin-bottom:0;}
.write-us .textbox, .write-us .filebox{box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; width:100%; padding:10px 15px; font-size:14px;
color:#000; border:1px solid #53534f; display:block; background:rgba(255,255,255,.7);overflow:hidden;}
.write-us li label{display:block; margin-bottom:10px; font-size:14px; color:#fff; line-height:14px;}
.write-us .file-box{padding:10px;}
.write-us .file-box input{font-style:italic;}
.write-us input.submit{margin:0 auto; width:120px; height:32px; text-align:center; font-size:16px; font-weight:600; color:#000; cursor:pointer; border:0; border-radius:2px;
-moz-border-radius:2px; -webkit-border-radius:2px; background:#f9d409; display:block; margin:0 auto;}
.write-us .link-box{background:rgba(0,0,0,.4); padding:20px; border:1px solid #977a5b;}
.write-us .link-box span{text-align:center; display:block; font-size:20px; font-weight:600; margin-bottom:15px; line-height:22px; color:#fff;}
.write-us .link-box p{font-size:16px; font-weight:bold; color:#fbe3c5; line-height:16px; text-align:center;}
.write-us .link-box p a{color:#fff; text-decoration:underline;}
.line{max-width:978px; margin:0 auto 10px; padding-top:20px; border-bottom:1px solid #ccc;}
.write-us label{cursor:default;}
/*------------------------------------------------------------------------
MEDIA QUERIES
-------------------------------------------------------------------*/
/*weather widget page*/
.weathericon_sprite{background:url(http://static.toiimg.com/photo/59698807.cms) no-repeat 0 -3000px; width:50px; height:40px; display:inline-block;}
.weatherwidget_box{box-shadow:3px 5px 6px -3px #e1e1e1; padding:25px 0px; border-radius:10px; color:#fff; background:url(http://static.toiimg.com/photo/72833274.cms) no-repeat -10px 0 / 670px 102% #00202f; position:relative;}
.weatherwidget_box h3{font-size:24px; line-height:1; padding:0 20px 10px;line-height:normal;}
.weatherwidget_box h5{font-size:14px; font-weight:100; margin:0 20px 40px;line-height:normal;min-height:17px;}
.degcelsbox{width:100px; height:26px; border-radius:8px; border:solid 0.5px #d8d8d8; background-color:rgba(231, 231, 231, 0.08); padding:2px; margin-left:20px; font-size:17px; line-height:20px; font-weight:bold; text-align:center; position:relative;}
.degcelsbox super{vertical-align:super; font-size:11px; margin-right:2px; font-weight:100;}
.degcelsbox a, .degcelsbox span{width:48px; height:25px; color:rgba(255,255,255,0.5); display:inline-block; vertical-align:middle; cursor:pointer;}
/*.degcelsbox a:hover{color:rgba(255,255,255,0.5)!important;}*/
.degcelsbox span.active{color:#000!important;}
.degcelsbox span strong{display:block; position:relative; z-index:3;}
.degcelsbox span:last-child:after{content:''; display:block; position:absolute; pointer-events:none; background:#ffed00; top:2px; bottom:0; left:3px; width:48px; height:25px; z-index:1; border-radius:4px;transition:left 0.5s ease;}
.degcelsbox span.active:last-child:after{left:51px;}
/*.degcelsbox a.active, .degcelsbox span.active{border-radius:6px; box-shadow:2px 1px 2px 0 rgba(0, 0, 0, 0.12); background-color:#ffed00; color:#000;}*/
.temp_display{display:flex; justify-content:space-between; border-bottom:1px solid rgba(255,255,255,0.3); padding:20px;min-height:130px;}
.temp_displayleft{float:left; width:50%;}
.tempdigitbox{width:44%; font-size:80px; line-height:1; float:left;}
.tempdigitbox super{vertical-align:super; font-size:45px; font-weight:100;}
.tempdigitbox span{font-size:26px; vertical-align:top;}
.tempimg{width:38%; text-align:center; margin-left:20px; float:left;}
.sunrise_set{padding:0 15px; border-left:1px solid rgba(255,255,255,0.3); font-size:12px; float:right; margin-top:20px;}
.sunrise_set:last-child{border:0 none;}
.sunrise_set span{display:block; line-height:26px;}
.weather_list{border-bottom:1px solid rgba(255,255,255,0.3); width:100%; display:flex;}
.weather_list li{width:18.9%; border-right:1px solid rgba(255,255,255,0.3); font-size:13px; line-height:21px; text-align:center; font-weight:100; height:100px; display:flex; align-items:center; justify-content:center; flex-direction:column; padding:0 3%;}
.weather_list li:last-child{border-right:0 none;}
.weather_list li span:last-child{display:block; font-weight:bold; font-size:19px;}
.scroll_weatherwidget{padding:20px 20px 0;}
.scroll_weatherwidget h2{font-size:18px; position:relative;}
.scroll_weatherwidget h2 a.tabs{display:inline-block; color:rgba(255,255,255,0.5); margin-right:25px; border-bottom:2px solid transparent; padding-bottom:7px;}
.scroll_weatherwidget h2 a.tabs:hover{color:#fff!important; border-bottom:2px solid #fff;}
.scroll_weatherwidget h2 a.tabs.active:hover{color:#fff!important;}
.scroll_weatherwidget h2 a.tabs.active{color:#fff; border-bottom:2px solid #fff;}
.scroll_weatherwidget h2 a.rightarrow_weatherwidget, .scroll_weatherwidget h2 button.rightarrow_weatherwidget{position:absolute; top:0; right:0; width:33px; height:28px; border-radius:0 8px 8px 0; border: solid 0.5px #979797; background:none;padding:0px 16px; margin:0px;}
.scroll_weatherwidget h2 a.rightarrow_weatherwidget:after, .scroll_weatherwidget h2 button.rightarrow_weatherwidget:after{content:''; position:absolute; top:38%; left:50%; border:solid #fff; border-width:0 2px 2px 0; transform:rotate(-45deg) translate(-50%,-50%); width:6px; height:6px;}
.scroll_weatherwidget h2 a.leftarrow_weatherwidget, .scroll_weatherwidget h2 button.leftarrow_weatherwidget{position:absolute; top:0; right:33px; width:33px; height:28px; border-radius:8px 0 0 8px; border: solid 0.5px #979797; background:none; padding:0px 16px;margin:0px;}
.scroll_weatherwidget h2 a.leftarrow_weatherwidget:after, .scroll_weatherwidget h2 button.leftarrow_weatherwidget:after{content:''; position:absolute; top:38%; left:30%; border:solid #fff; border-width:0 2px 2px 0; transform:rotate(-225deg) translate(-50%,-50%); width:6px; height:6px;}
.scroll_weatherwidgetIn{overflow:hidden; padding:25px 0 0;}
.scroll_weatherwidget h2 a.rightarrow_weatherwidget.disabled, .scroll_weatherwidget h2 button.rightarrow_weatherwidget.disabled, .scroll_weatherwidget h2 a.leftarrow_weatherwidget.disabled, .scroll_weatherwidget h2 button.leftarrow_weatherwidget.disabled{opacity:0.6; pointer-events:none;}
.scroll_weatherwidgetIn ul{white-space:nowrap; transition:all .5s ease-out; display:flex;}
.scroll_weatherwidgetIn ul.hoursul{display:inline-block;}
.scroll_weatherwidgetIn ul li{width:70px; font-size:12.5px; padding:0 10px; text-align:center;}
.scroll_weatherwidgetIn ul li p{margin-bottom:10px; color:#fff;}
.scroll_weatherwidgetIn ul li span, .scroll_weatherwidgetIn ul li strong{display:block;}
.scroll_weatherwidgetIn ul.hoursul li{display:inline-block; vertical-align:top; width:100px;}
.searchwhtbox{width:212px; height:35px; border-radius:25px; border:solid 0.5px #979797; position:absolute; top:25px; right:30px; display:flex; align-items:center; justify-content:center;}
.searchwhtbox input[type="text"]{border:0 none; background:none; font-size:12.5px; color:rgba(255,255,255,0.7);}
.searchwhtbox button{width:16px; height:18px; border:2px solid #fff; border-radius:100%; background:none; margin-right:10px; position:relative;}
.searchwhtbox button:after{content:''; width:2px; height:58%; background:#fff; position:absolute; left:103%; transform: rotate(-45deg); top:80%; border-radius:1.5px;}
.iconlarge{height:50px; width:50px;}
.sunny, .clearsky, .hpweather{background-position: -339px -1568px;}
.partlycloudy{background-position:-149px -51px}
.overcast{background-position:-149px -1230px}
.foggy{background-position:-343px -1854px;}
.cloudylightrain{background-position: -372px -850px}
.cloudymoderaterain{background-position: -374px -957px}
.partlycloudymoderaterain{background-position:-374px -957px}
.tornado{background-position:-358px -2048px}
.tropicalstrom{background-position: -16px -2011px;}
.hurricane{background-position: -146px -2103px}
.cloudyheavythundershower{background-position: -373px -372px}
.raintosnowshowers{background-position: -145px -2194px}
.rainsleet{background-position: -146px -2302px}
.wintrymixsnowsleet{background-position: -363px -2144px}
.freezingdrizzle{background-position: -363px -2352px}
.cloudylightrain{background-position: -372px -850px}
.freezingrain{background-position: -243px -2340px}
.cloudyrain{background-position: -372px -1074px}
.cloudysnow{background-position: -372px -1190px}
.blowingdriftingsnow{background-position: -143px -2400px}
.hail{background-position: -143px -2488px}
.sleet{background-position: -361px -2455px}
.partlycloudyduststorm{background-position: -149px -865px}
.foggy{background-position: -343px -1854px}
.hazy{background-position: -344px -1764px}
.breezy{background-position: -144px -2594px}
.blowingspraywindy{background-position: -144px -2696px}
.frigidicecrystals{background-position: -361px -2546px}
.cloudy{background-position: -357px -1956px}
.mixedrainhail{background-position: -364px -2642px}
.sunny{background-position: -342px -1568px}
.cloudymoderatethundershower{background-position: -373px -501px}
.partlycloudymoderatethundershower{background-position: -149px -980px}
.overcastrain{background-position: -365px -43px}
.overcastheavyrain{background-position: -149px -1450px}
.partlycloudysnow{background-position: -149px -614px;}
.overcastsnow{background-position: -364px -158px}
.overcastmoderatethundershower{background-position: -149px -1801px}
.tempimg span{font-size:11px; display:block; color:rgba(255,255,255,0.6);}
@media screen and (min-width:768px){
.page-title h1{font-size:20px;line-height:28px;}
.iconlarge{height:74px; width:105px;}
.tempimg span{display:block; font-size:14px; color:#fff;}
.iconlarge.clearsky, .iconlarge.sunny, .iconlarge.hpweather{background-position:-240px -1546px;}
.iconlarge.partlycloudy{background-position:-14px -28px}
.iconlarge.overcast{background-position:-16px -1213px}
.iconlarge.foggy{background-position:-526px -1863px}
.iconlarge.cloudylightrain{background-position: -530px -852px}
.iconlarge.cloudymoderaterain{background-position: -528px -959px}
.iconlarge.partlycloudymoderaterain{background-position: -462px -378px}
.iconlarge.tornado{background-position:-268px -2025px}
.iconlarge.tropicalstrom{background-position: -146px -2017px}
.iconlarge.hurricane{background-position: -26px -2083px}
.iconlarge.cloudyheavythundershower{background-position: -248px -352px}
.iconlarge.raintosnowshowers{background-position: -25px -2180px}
.iconlarge.rainsleet{background-position: -26px -2287px}
.iconlarge.wintrymixsnowsleet{background-position: -253px -2128px}
.iconlarge.freezingdrizzle{background-position: -243px -2230px}
.iconlarge.cloudylightrain{background-position: -248px -842px}
.iconlarge.freezingrain{background-position: -243px -2340px}
.iconlarge.cloudyrain{background-position: -532px -1075px}
.iconlarge.cloudysnow{background-position: -529px -1191px}
.iconlarge.blowingdriftingsnow{background-position: -29px -2392px;}
.iconlarge.hail{background-position: -23px -2473px}
.iconlarge.sleet{background-position: -246px -2438px}
.iconlarge.partlycloudyduststorm{background-position: -14px -847px}
.iconlarge.foggy{background-position: -243px -1834px}
.iconlarge.hazy{background-position: -247px -1747px;}
.iconlarge.breezy{background-position: -44px -2574px}
.iconlarge.blowingspraywindy{background-position: -24px -2674px}
.iconlarge.frigidicecrystals{background-position: -250px -2539px;}
.iconlarge.cloudy{background-position: -528px -1926px}
.iconlarge.mixedrainhail{background-position: -245px -2627px}
.iconlarge.sunny{background-position: -244px -1552px;}
.iconlarge.cloudymoderatethundershower{background-position:-22px -963px}
.iconlarge.partlycloudymoderatethundershower{background-position: -22px -963px}
.iconlarge.overcastrain{background-position: -238px -29px}
.iconlarge.overcastheavyrain{background-position: -17px -1434px}
.iconlarge.partlycloudysnow{background-position: -22px -599px}
.iconlarge.overcastsnow{background-position: -244px -134px}
.iconlarge.overcastmoderatethundershower{background-position: -20px -1789px}
}
/*weather widget page*/
@media screen and (min-width: 1024px) {
div.ppt{overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
/*.quiz_home_container{width:100%;}*/
.rslt_info .count .from_to{display:block;}
.box1.full-width .travel_quiz.type2 .question ul li:nth-child(3){margin-right:0;}
ul.list7 li:nth-child(3n+0)
{
margin-right:0!important;
padding-right:0!important;
}
ul.list7.flights_links li:nth-child(3n+0)
{
margin-right:3px!important;
}
ul.list7.flights_links li:nth-child(4n+0)
{
margin-right:0 !important;
padding-right:0 !important;
}
.show_desktop{display:inline;}
.banner_local.show_mobile{display:none;}
.app_link_header span.big{width:70%;}
.search-results .down_guide{position:absolute;right:0;top:5px;}
body #container {
overflow-x: visible;
}
.AR_1 .ob_container_recs .item-container:nth-child(3n){padding-right:0;}
.autocomplete-suggestions{font-size:12px;}
.pp_content_container .list-mode{
display:block;
}
div.pp_pic_holder .pp_left{height:470px;}
div.pp_pic_holder .pp_left.pp_left_author{height:485px;}
div.pp_pic_holder .pp_left table td{vertical-align:middle;}
.subscibe_slideshow{display:table!important;position:absolute;bottom:0;}
.list4 li .box1 .image img {
width: 231px;
height: 154px
}
.list4 li.large .box1 .image img {
width: 473px;
height: 315px
}
div.site-map .column.destination {
width: 15%;
}
div.site-map .column {
width: 24%;
}
}
@media screen and (max-width: 1024px) {
ul.list7.flights_links li{width:32%;}
.applink_mobile{display:block;}
.applink_desktop{display:none;}
/*.write-us .file_upload_obj{display:none;}*/
.native_skip{bottom:1px;font-size:13px;right:1px;}
.box1 .social{display:none;}
.activitybar .thumbnails{max-width:344px;}
#survey-section .experience-list .section{margin:0 26px 0px; }
.captionbottom h3{width:55%;}
}
@media screen and (max-width: 1020px) {
.city-guide-header .article-heading {
width: 55%;
}
.city-guide-header .article-heading p.tags {
float: none !important;
width: 100%;
}
.article-heading #wishlist, .article-heading #been_there {
float: left;
}
.article-heading .buttons-group {
position: relative;
margin: 0 0 10px -10px;
}
div.site-map .column.big {
width: 35%;
}
.dstn_wdgt{margin-bottom:20px;}
.dstn_wdgt #themes ul{margin-left:0; width:392px; margin-right:-18px;}
.dstn_wdgt #themes ul li{width:120px; height:120px; margin:0 10px 10px 0;}
.dstn_wdgt #themes ul li a{padding-top:86px; font-size:13px; background-position:center -10px;}
.dstn_wdgt #destinations{width:652px; margin:0 auto;}
.dstn_wdgt #destinations li{width:207px; margin:0 5px 5px;}
.dstn_wdgt #destinations li .detail{display: block;}
.dstn_wdgt #destinations li:hover .detail{display: none;}
.dstn_wdgt #destinations li img{width:100%;}
}
@media screen and (max-width: 1002px) and (min-width:900px) {
.inapp_cont {
font-size: 16px;
}
.sidebar-navigation {
display: none;
}
.wrapper {
max-width: 900px;
}
.one-third {
width: 255px;
margin-right: 15px;
}
.box3 .one-third {
width: 240px;
margin: 0 19px 20px;
}
.box3 .box1 span.stamp {
/*top: 39%;*/
}
.box1 h2 span, .box1 h2.tabs a {
font-size: 16px;
}
.subscribe-form p.form1 input.txt {
width: 56%;
}
ul.list3 li {
width: 46%;
}
ul.list3 li a {
font-size: 12px;
}
.box1.travel-guide h2 {
font-size: 20px;
}
.box1.travel-guide p {
font-size: 15px;
}
.box1.travel-guide .price span.new-price {
font-size: 28px;
}
.travel-guide a.button1 {
padding: 0 12px;
}
div.site-map .column.map-view {
background: none;
padding-left: 0;
}
.main-content {
width: 580px;
}
.sidebar {
width: 288px;
}
.box1.full-width .one-third {
margin-right: 27px;
}
.main-content.search-results {
width: 598px;
}
ul.list5 li {
width: 160px;
}
.uc .ad,.uc .banner_local {
width: 265px;
}
.weekend-fltr .dstnc_sldr{width:560px;}
}
@media screen and (max-width: 1002px) {
.pp_left .progress {
height: 3px;
}
.sidebar-navigation {
display: none;
}
.destinations .hide-small {
display: none;
}
.guide-lists .column {
width: 268px;
}
.header h1 {
width: 207px;
margin: 0 auto;
display: none;
}
.search-form3 input.text{
width:150px;
}
.search-form3{width:240px;}
.navigation.toi ul.L1menu li a, .navigation.bm ul.L1menu li a, .navigation.mm ul.L1menu li a, .navigation.am ul.L1menu li a, .navigation.pm ul.L1menu li a, .navigation.fm ul.L1menu li a {
padding: 0 8px;
}
.header .ad,.header .banner_local {
float: none;
margin: 0 auto;
}
ul.list4 li {
width: 205px;
}
ul.list4 li.large {
width: 424px;
}
.box1.travel-guide a.button1 {
margin-bottom: 10px;
}
.travel-guide img {
margin-bottom: 10px;
}
.overlay-map .info-box {
width: 271px;
top: 30px;
}
.overlay-map .info-box .tab-strip2 li a {
font-size: 10px;
padding: 0 8px 0 7px;
}
.overlay-map .info-box .footer {
margin: 0 -5px 0 -5px;
}
.overlay-map .info-box .footer a {
padding: 0;
}
/*.overlay-map .info-box .footer a.share{padding-right:11px;}*/
.overlay-map .bottom-filter div.checkboxes {
margin-left: 20px;
}
/*fix TOIPR-5539 .overlay-map .info-box #detail .section, .overlay-map .info-box #neighbourhood .section{height:184px !important; }*/
.city-guide-header .sub-navigation ul li {
padding: 0 8px;
}
.venue-details ul li {
font-size: 12px;
}
.venue-details ul li span.title {
width: 80px;
}
.venue-details .facilities span.title {
font-size: 11px;
}
.venue-details .facilities span.icon {
margin-left: 8px;
}
#city_guide_show .pagination ul li {
width: 24px;
}
.pp_description {
width: 100% !important;
}
.featured-pois.template2 ul{margin-right:-26px;}
.featured-pois.template2 ul li{margin-right:26px;}
#survey-section .survey-form input.textbox{width:80%;}
.result-page .skyscn-wdgt .submit{float:none; clear:both;}
.result-page .skyscn-wdgt .pssngr-info{margin-bottom:25px;}
}
@media screen and (min-width: 768px) {
.quizad_article.desktop{display:block;}
.applink_icn{display:none;}
.three-column-layout .applink_icn{display:block;}
.page-overlay.show, .page-overlay {
display: none !important;
}
.navigation li.ama:hover .amazon_nav{display:block;}
/*Next Articles Widget*/
.articlelist_container{ position: fixed;bottom:0px;background: #fff;width: 100%;z-index:10000;box-shadow: 0 -2px 13px rgba(0,0,0,.2);}
.articlelist_container .articles{width:9000px;}
.articlelist_container .articles ul{padding:0; margin:0;}
.articlelist_container .articles li{overflow:hidden; position:relative;display: inline-block;border-top: 5px solid #eee; cursor:pointer;}
.articlelist_container .articles li.disable{opacity:.4;}
.articlelist_container .articles li:hover .title{text-decoration:underline;}
.articlelist_container .articles li.disable:hover .title{text-decoration:none;}
.articlelist_container .articles li.active{border-top: 5px solid #ff394a;}
.articlelist_container .articles li.disable a{cursor:default;}
.articlelist_container .articles li.disable a:hover{color: #333 !important;}
.articlelist_container .articles li a{width: 250px;border-right: 2px solid #eee;padding: 7px 10px 0 10px; font-size: 13px;color: #333;display: inline-block;text-decoration: none;height: 50px;overflow: hidden;text-decoration:none; box-sizing:border-box;}
.articlelist_container .articles li a span{display:table-cell;}
.articlelist_container .articles li a .title{line-height: 1.5;}
.articlelist_container .articles li a .cnt{vertical-align: top;font-weight: bold;font-size: 22px;padding: 0 10px 0 0;position:relative;top:7px;}
.articlelist_container .article_nav {cursor:pointer;width: 48px;height: 57px;position: absolute;top: 7px;z-index: 1;}
.articlelist_container .article_nav.prev {background: url(http://static.toiimg.com/photo/45572001.cms) no-repeat 0 -77px;}
.articlelist_container .article_nav.next {background: url(http://static.toiimg.com/photo/45572001.cms) no-repeat -49px -77px;right:0;}
.articlelist_container .article_nav_wrapper{display:none;}
.articlelist_container:hover .article_nav_wrapper{display:block;}
/*Next Articles Widget*/
}
@media screen and (max-width: 768px) {
.consent-banner .column2{float:none;margin:0 auto;}
.fab_banner_mob_home{display:block;}
.breadcrumbs span{line-height:15px;}
.slideshow_list .contentdata .down_guide_container{right:11px;}
.app_link_header{display:block;height:44px;}
.result-page .field-wrapper.date label{width:75px;}
.result-page .field-wrapper.date .one-half .field-box{margin-left:77px;}
.result-page .skyscn-wdgt .one-half{width:50%;}
.result-page .skyscn-wdgt .pssngr-info{margin-right:0;}
.quiz_hp .box1 .questions_progress li{margin:0 20px;}
.quiz_hp #travel_quiz, .quiz_hp .box1.full-width .travel_quiz{width:100%; box-sizing:border-box;}
.articlelist_container{
display:none !important;
}
.lasteststorybox ul li{width:44%;}
}
@media screen and (max-width: 899px) and (min-width: 768px) {
.quiz_hp .box1 .travel_quiz .question .inner{width:40%;}
.videoicon{width:50px; height:50px;}
.videoicon:after{border-left:12px solid #000; border-top:10px solid transparent; border-bottom:10px solid transparent;}
.inapp_cont {
font-size: 15px;
}
.comment-form h2 {
font-size: 20px;
}
.sidebar-navigation {
display: none;
}
.uc .box1.ad h5,.uc .box1.banner_local h5 {
margin-bottom: 12px;
}
ul.list4 li {
width: 169px;
margin-left: 10px;
}
ul.list4 li div.box1 h3 {
font-size: 14px;
}
ul.list4 li .box1 p {
font-size: 13px;
}
ul.list4 li.large {
width: 368px;
}
ul.list5 {
padding-left: 0;
}
ul.list5 li {
width: 178px;
}
div.site-map .inner {
padding-right: 230px;
}
div.site-map .column h3 span {
padding-left: 0;
font-size: 12px;
}
div.site-map .column ul li {
padding-left: 0;
}
footer.footer img.left-bottom-bg {
display: none;
}
.overlay-map .info-box {
top: 150px;
}
.city-guide-header .sub-navigation ul li {
padding: 0 8px;
}
#city_guide_show .pagination ul li {
width: 28px;
}
.box3 .one-third {
width: 279px;
}
.weather-detail .best-weather {
min-height: 264px;
}
.level2-menu .wrapper ul li a{font-size:11px; padding:0 6px;}
.search-form3{width:185px;}
.search-form3 input.text{width:110px;}
.search-form3 input.submit{width:60px;}
.weekend-fltr .dstnc_sldr{width:335px;}
}
@media screen and (max-width: 899px) {
.page-title h1{font-size:20px;line-height:28px;}
#container{overflow:initial;}
.mobileShow{position:fixed; top:50vh; right:0; border-radius:8px 0 0 8px; z-index:99; background:#25d167 url(http://static.toiimg.com/photo/82704670.cms) no-repeat -6px -13px; box-shadow:-5px 4px 10px 0 rgb(0 0 0 / 20%); width:51px; height:44px; text-indent:-9999px; margin:0px; border:none; cursor:pointer; display:block;}
.inapp_cont {
font-size: 13px;
line-height: 16px;
}
.ComBlk .time {
right: -11%
}
.comment-form h2 {
font-size: 20px;
}
.wrapper {
max-width: 748px;
padding: 0 10px;
}
.wrapper_row_md {
margin-left: -10px;
margin-right: -10px;
}
.breadcrumbs{padding-top:10px;}
.uc .ad,.uc .banner_local {
min-height: 325px;
}
.uc .toggle-display {
display: block;
margin-left: 52px;
}
.three-column-layout .toggle-display {
display: none;
}
.three-column-layout {
max-width: 682px;
margin: 0 auto;
}
.one-third, .one-third.outer {
margin: 0 20px 20px;
}
footer.footer span.flL, footer.footer span.flR {
float: none;
text-align: center;
display: block;
}
.main-content, .tabs {
float: none;
width: auto;
margin-left: 0;
max-width: none !important;
}
.sidebar {
float: none;
width: auto;
margin-left: -10px;
position: relative;
}
.sidebar .box1, .sidebar .box1.one-third {
float: left;
width: 300px;
margin-left: 11px;
margin-right: 0;
}
.article-heading {
margin-left: 0;
}
.article .description.box1, .box1.comments-area {
margin-left: 11px;
}
.guide-lists .column {
width: 215px;
}
.box1.full-width {
margin: 0 40px 15px 53px;
}
.box1.full-width .one-third {
margin: 0 0 15px 11px;
}
.box1.full-width.guide-lists {
position: relative;
left: -5px;
margin: 0 auto 15px;
}
.main-content.search-results {
width: 662px;
margin: 0 auto;
}
.article .description.box1 {
margin-left: 0;
}
.section1 .box1.full-width {
margin: 0 auto 15px;
}
ul.list4 {
margin-left: -10px;
position: relative;
}
ul.list4 li.large {
width: 350px;
}
.article .sidebar {
position: relative;
margin-left: -10px;
}
#map-view .left-column ul li label {
font-size: 12px;
}
#map-view .left-column ul li i {
margin-right: 0;
}
.weather-info {
float: right;
width: 320px;
margin-left: 11px;
}
.box1.not-found p {
font-size: 18px;
line-height: 26px;
}
.sidebar .map-box {
float: left;
margin-left: 11px;
margin-right: 0;
width: 318px;
}
.city-guide-rhs .box1.ad,.city-guide-rhs .box1.banner_local {
height: 310px;
}
.city-guide-header {
margin: 0 0 10px;
}
.venue-detail-box {
margin: -10px 0 10px;
}
.city-guide-header .sub-navigation ul li {
padding: 0 6px;
}
.three-column-layout2, .two-column-layout2 {
margin: 0;
}
.venue-details ul li span.title {
width: 30%;
margin-right: 2%;
}
.venue-details ul li span {
width: 68%;
}
.venue-details ul li {
margin-bottom: 6px;
}
.venue-details .facilities span.title {
font-size: 10px;
margin-right: 3px;
}
.venue-details .facilities span.icon {
margin-left: 1px;
}
.city-guide-header .article-heading {
width: 47%;
}
.continue_read {
margin: 0 0 10px;
}
.venue-detail-box ul li {
width: 49%;
}
.activitybar .thumbnails {
margin-left: 0;
}
#back-top {
right: 10px !important;
}
.city-guide-header .share1 .buttons-group {
float: left;
margin: 0 0 5px -10px;
}
.rating-box {
float: left;
padding-top: 5px;
}
.rating-box span.title-txt {
/*width: 104px; */
}
.city-guide-header .share1 ul {
clear: left;
}
.hide-small {
display: none !important;
}
.activitybar .thumbnails{max-width:245px;}
.buttons-group .dropdown{/*right:-163px;*/ left: 10px;}
.featured-pois{margin:0 0 22px;}
.featured-pois.template1 ul li{height:auto; width:46%; margin:0 2% 10px; }
.featured-pois.template1 ul li .image{float:none; width:auto; margin-bottom:10px; margin-right:0; }
.featured-pois.template2 ul{margin-right:-1%;}
.featured-pois.template2 ul li{width:31%; height:auto; margin:0 1% 10px;}
.level2-menu .wrapper ul li a{padding:0 9px;}
.poi-nav.box1{margin:0 0 15px;}
.guides-list{margin:0;}
.poi-nav.box1 ul li.divider{margin:0 2%;}
.heading3, .review-box .heading3{margin:0 auto 10px; max-width:640px;}
.review-box{margin:0 0 18px;}
.layout2 .three-column-layout .outer{display:none;}
.travel-tip{background-size:100px 75px; padding-left:135px;}
.review-box .one-third{width:280px;}
.weekend-fltr{margin:0 0 15px;}
.recomendationbox2{width:96%; padding:6px 2%; }
.recomendationbox2 h3{line-height:18px; margin-bottom:10px; margin-right:0; font-size:12px;}
.recomendationbox2 .step2 {text-align:left;}
.recomendationbox2 .step2 .textbox{width:96%; padding:5px 2%; height:50px; margin-bottom:10px;}
.recomendationbox2 .step2 .submit{display:block; }
/*weather widget*/
.weatherwidget_box{text-align:center; border-radius:0; background-size:110% 100%;}
.degcelsbox{float:left;}
.temp_display{display:block; padding:20px 0 10px;}
.tempdigitbox{width:35%; font-size:60px;}
.tempdigitbox super{font-size:25px;}
.tempimg{width:54%; margin-left:0;float:right;}
.temp_displayleft{float:right; width:60%; margin:-35px 0 35px;}
.temp_displayleft:last-child{float:none; clear:both; height:50px; background-color:rgba(255,255,255,0.1); width:100%; margin:0; display:block; white-space:nowrap; overflow-x:scroll; overflow-y:hidden;}
.sunrise_set{float:none; display:inline-block; border:0 none; text-align:center; margin:0; padding:0;}
.sunrise_set span{display:inline-block; width:auto; padding:0 10px; margin:10px 0; border-right:1px solid rgba(255,255,255,0.3);}
.sunrise_set span:last-child{border:0 none;}
.weather_list{white-space:nowrap; overflow-x:scroll; overflow-y:hidden; display:block; background:rgba(0,0,0,0.5);}
.weather_list li{white-space: normal; display:inline-block; height:60px; width:auto; line-height:60px;}
.weather_list li span{display:inline-block; margin-right:7px; color:rgba(255,255,255,0.6);}
.scroll_weatherwidget{padding:10px; text-align:left;}
.scroll_weatherwidget h2{font-size:16px;}
.scroll_weatherwidget h2 a.tabs.active{color:#ffed00; border-bottom:2px solid #ffed00;}
.scroll_weatherwidgetIn{padding:10px 0 0; overflow:auto;}
.scroll_weatherwidgetIn ul{overflow-x:auto; overflow-y:auto;}
.scroll_weatherwidget h2 button.leftarrow_weatherwidget, .scroll_weatherwidget h2 button.rightarrow_weatherwidget{display:none;}
}
@media screen and (max-width: 767px) {
.wrapper_row_sm {
margin-left: -10px;
margin-right: -10px;
}
.mob_signin {
display: block !important;
float: right;
position: relative;
z-index: 2;
margin-right: 15px;
width: 31px;
height: 31px;
}
.mob_search_btn{
background: url(http://static.toiimg.com/photo/65010528.cms) no-repeat;
background-position: -89px -1588px;
display: inline-block;
width: 31px;
height: 25px;
margin-right: 11px;
margin-top: 9px;
position: absolute;
right: 51px;
z-index: 2;
background-size: 196px;
}
.header_get_app{display:block;color: #fff;font-size: 12px;line-height: 15px;margin-top: 1px;background-color: #329004;border-radius: 3px;padding: 3px;position: absolute;top: 7px;right:76px;}
.level2-menu{display:none;}
.skyscn_fltr_c{width:10%;}
.quiz_hp .box1 .travel_quiz.type1 .question>img{width:200px;}
#travel_quiz .travel_quiz h2{line-height:30px;}
.infotoggle:before{top: -6px;}
.infotoggle:after{top: 1px;}
.write-us .write-content{display:none;}
.write-us li{margin-bottom:20px;}
.skyscn_fltr_c .loading span{font-size:1.4em;color:gray}
.rslt_info .count{position:absolute;left:8px;bottom:-17px;}
span.matador, span.destination, span.guidepal, span.minube, span.globe{top: 0;}
.jrny_dtl h3.out{background:#eef0f1;}
.jrny_dtl .section{background:none;}
.jrny_dtl .section{padding-left:0;}
.jrny_dtl li{line-height:16px;}
.connect-info::after{display:none;}
.desc_box{margin:0 0 15px 0;}
.city_weather a.more-btn {display:block;}
.city_weather .more_weather{display:none;}
.follow_wrap{display:block}
.top{z-index:20000;position:relative;
display:none;
}
div.light_square div.pp_nav .pp_play{background-position:-97px -436px;}
div.light_square div.pp_nav .pp_pause{background-position:-105px -464px}
.banner-hide-mobile {
display: none;
}
.ComBlk .time {
right: -9%
}
.dstn_wdgt #themes ul{float:none; width:auto; margin-right:-2%;}
.dstn_wdgt #themes ul li{width:23%; margin:0 2% 10px 0;}
.dstn_wdgt #themes .ad,.dstn_wdgt #themes .banner_local{clear:both; margin:0 auto 10px; float:none;}
.dstn_wdgt #themes .banner_local.nomrgn { margin:0 auto !important; }
.dstn_wdgt #destinations{width:auto;}
.dstn_wdgt #destinations li{width:31.3%; margin:0 1% 5px;}
.dstn_wdgt .tbs li a{font-size:14px; padding:0 7px;}
.recomendationbox2 .textbox{width:300px; display:block; }
.navigation .amazon_nav{width:96%; padding-left:2%; padding-right:2%;}
.amazon_nav .mob-hd{display:block;}
.navigation .amazon_nav ul, .navigation .amazon_nav ul.clearfix{display:block !important;}
.hide_lg{display:block !important;}
.show_lg{display:none !important;}
.sticky_bottom_mobile, .ad.FBN,.banner_local.FBN{position:fixed;bottom:0;z-index:1002;width:100%;text-align:center;}
.weekend-fltr .dstnc_sldr{float:none; clear:left; width:auto;}
.weekend_lst .one-third{width:290px;}
/*---- Skyscanner responsive ----*/
.skyscn_fltr{display:none;}
.seo_widgets_flights{display:none}
.skyscn_reslt{float:none; width:auto;}
.result-page .skyscn-wdgt .one-half{height:auto !important;}
.skyscn_reslt .results .timing{font-size:12px;}
.skyscn_reslt .results .stops{font-size:11px;}
.skyscn_reslt .results .price strong{font-size:16px;}
.result-page .skyscn-wdgt .date{padding-top:0;}
.result-page .skyscn-wdgt .trip-info{padding-top:25px;}
.result-page .cash-type, .result-page .age-type{margin-right:5px;}
.result-page .skyscn-wdgt .submit{clear:none; float:left;}
.detail-popup{padding:15px 10px; width:380px; margin-left:-200px;}
.detail-popup .passenger-info, .more-booking{display:none;}
.detail-popup .hdr{border-width:1px;}
.detail-popup h2{font-weight:normal; font-size:16px;}
.detail-popup h2 span{font-size:12px; color:#666;}
.current-booking {margin-bottom:10px; text-align:center;}
.current-booking .airline, .current-booking .price, .current-booking .select{width:auto; margin-right:10px;}
.current-booking .select{float:right;}
.current-booking .price{float:none; display:inline-block;}
.current-booking .airline img{margin-left:0;}
.current-booking .select button{margin-bottom:0;}
.jrny_dtl h3{padding:5px; margin-bottom:10px; font-size:12px;}
.jrny_dtl li{margin-bottom:10px;}
.jrny_dtl li div, .jrny_dtl li .small{width:auto; margin-right:10px; margin-left:0;}
.connect-info{width:auto; margin-left:0; padding:0; border:0;}
.connect-info p{margin-bottom:0;}
.hide-mobile{display:none;}
.show-mobile{display:block;}
.banner_local.show_desktop{display:none};
.comment-form h2 {
font-size: 18px;
}
.top .login-field {
display: block;
}
.top .logo{display:none;}
#topbardiv {
display: none;
}
.level2-menu ul{display:none !important;}
.uc .destinations {
float: none;
width: auto;
}
.uc .destinations ul {
width: 265px;
}
[data-value="ATF_MOB"] {
text-align: center;
background: #f6f6f6;
padding: 8px 0;
margin: 0 -15px;
width: calc(100% - 30px * -1);
width: -webkit-calc(100% - 30px * -1);
}
.mweb {
display: block;
}
div.sticky {
width: 100%;
}
.one-third, .one-third.outer {
margin: 0 9px 20px;
width: 270px;
}
.three-column-layout {
max-width: 618px;
}
.sidebar .box1, .sidebar .box1.one-third {
width: 284px;
}
.poi-metadata p {
font-size: 14px;
line-height: 18px;
}
.subscribe-form p.form1 input.txt {
width: 56%;
}
h2.heading1 {
text-align: center;
width: 100%;
}
div.comment-form textarea {
width: 85%;
}
.uc .destinations, .explore {
margin-left: 0;
}
.article .description.box1, .box1.comments-area {
margin-left: 0;
}
.guide-lists .search-area .search-form input.txt {
width: 165px;
}
a.map-view {
font-size: 15px;
}
.box1.full-width {
margin: 0 0 15px;
}
.bottom-content .main-content {
right: inherit;
}
.main-content.search-results {
width: auto;
}
.main-content.search-results .box1.full-width {
width: 280px;
margin: 0 auto 15px;
}
.main-content.search-results .box1.full-width .image {
float: none;
margin-right: 0;
}
.main-content.search-results .box1.full-width p {
height: auto;
margin-bottom: 10px;
}
.header .ad,.header .banner_local {
display: none;
}
.box1 h2 span {
font-size: 18px;
}
.box1 h2 span {
font-size: 18px;
}
ul.list3 li {
width: 115px;
}
ul.list3 li a {
font-size: 12px;
}
.box1.travel-guide h2 {
margin-bottom: 8px;
}
.travel-guide a.button1 {
padding: 0 12px;
}
.article .sidebar {
position: relative;
margin-left: -10px;
}
.section1 .box1.full-width {
margin: 0 auto 15px;
}
.section1 {
width: 486px;
margin: 0 auto 20px;
}
#map-view .section1 {
width: 100%;
}
.section1 .box1.full-width ul.list4 {
margin: 0 0 0 -10px;
position: relative;
}
ul.list4 li.large {
height: auto;
max-height: inherit;
width: auto;
overflow: visible;
}
ul.list4 li {
width: 214px;
}
ul.tab-strip1 {
margin: 0 0 20px;
}
a.button1.load-comments {
display: block;
}
.sidebar {
margin-left: -11px;
}
.box1.travel-guide h2 {
font-size: 20px;
}
.box1.travel-guide p {
font-size: 15px;
}
.box1.travel-guide .price span.new-price {
font-size: 28px;
}
.box1.full-width h2 {
font-size: 32px;
}
.box1.full-width h2.heading1 {
font-size: 30px;
}
.box1.full-width h2.heading1 span {
font-size: 20px;
}
.box1.full-width a.more-lnk {
margin-top: 0;
}
#map-view .left-column ul li label {
font-size: 11px;
}
#map-view .left-column {
width: 27%;
}
#map-view .right-column {
width: 71%;
}
.overlay-map .inner {
padding-left: 0;
}
.top-filtres a.collapse-btn2 {
display: block;
}
.overlay-map .left-column {
left: -219px;
}
.overlay-map .top-filtres .search-form {
width: 215px;
}
.overlay-map .top-filtres .search-form input.txt {
width: 188px;
}
div.site-map .social-widget img.top-bg {
display: none;
}
div.site-map .social-widget {
position: relative;
width: auto;
margin-bottom: 15px;
}
div.site-map .column {
width: 24%;
margin-right: 1%;
}
div.site-map .inner {
padding-right: 0;
}
div.site-map .social-widget a.button6 {
width: 175px;
margin: 0 auto 15px;
}
div.site-map .social-widget .follow {
padding-top: 0;
text-align: center;
}
div.site-map .social-widget .follow a {
margin: 0 7px;
}
div.site-map .social-widget p {
font-size: 14px;
text-align: center;
margin-bottom: 10px;
}
footer.footer img.left-bottom-bg {
display: none;
}
.box3 .one-third {
width: 247px;
}
.box3 .one-third .image {
height: auto;
}
.box3 .box1 h3 {
max-height: 72px;
}
.uc .ad,.uc .banner_local {
float: right;
margin-left: 0;
}
.uc .toggle-display {
margin-right: 0;
float: left;
margin-left: 0;
}
.box1.not-found {
padding: 25px;
}
.box1.not-found {
margin-right: 25px;
}
.box1.not-found p {
padding-left: 23px;
}
.weather-info {
width: 315px;
}
.facts-n-events {
width: 284px !important;
}
#fast-facts ul li {
font-size: 13px;
}
.popup {
margin-top: 0;
}
.popup .form-area {
padding: 5px 0;
}
.popup .form-area .left-column {
border: 0;
border: 0;
float: none;
margin-bottom: 8px;
padding: 0;
width: 100%;
}
.popup .form-area .left-column ul li {
float: left;
width: 48%;
margin-right: 2%;
min-height: 51px;
}
.popup .form-area .left-column ul li label {
font-size: 12px;
line-height: 20px;
}
.postunsubwrapper .popup .form-area .left-column ul li label .custom-radio {
top: 4px;
}
.popup .form-area .left-column ul li span.checkbox {
top: 5px;
}
.popup .form-area .left-column ul li input.button {
position: relative;
top: 21px;
}
.popup .form-area .privacy {
clear: both;
width: 95%;
float: none;
min-height: 55px;
}
.popup h2 {
padding-top: 0;
}
.popup .form-area .privacy h3 {
margin-bottom: 5px;
}
#mainshow .shareblock {
display: none;
}
#mainshow div.main-show-inner {
padding-left: 0;
}
.sidebar .map-box {
width: 300px;
}
.facts-n-events {
width: auto !important;
}
#mainshow .featured-guides .image {
margin: 0 24px 20px 0;
}
#mainshow .featured-guides p {
margin-bottom: 15px;
}
.city-guide-header .sub-navigation {
display: none;
}
.box3 .box1 h2 span, .box3 .box1 h2.tabs a {
font-size: 1.3em;
}
.poi-show-page .three-column-layout2 .column2 {
display: none;
}
.poi-show-page .three-column-layout2 .column1 {
width: 58%;
}
.poi-show-page .three-column-layout2 .column3 {
width: 40%;
float: right;
}
.poi-show-page .two-column-layout2 .column1 {
float: none;
margin: 0 0 15px 0;
width: auto;
}
.poi-show-page .two-column-layout2 .column2 {
float: none;
margin: 0 0 15px 0;
width: auto !important;
}
.city-guide-header .share1 a.button1 {
display: inline-block;
}
.heading-right {
width: 25%;
}
#city_guide_show #mainshow div.main-show-inner {
padding-left: 0;
}
#city_guide_show .pagination ul li {
width: 28px;
right: 50%
}
#city_guide_show .pagination ul {
left: 50%;
float: left
}
.city-guide-header .article-heading {
width: 40%;
}
.weather-info {
border: 0;
margin-left: 0;
}
.city-guide-header .share1 .buttons-group {
margin: 0 0 5px -10px;
}
.heading-right {
border: 0;
width: 48%;
}
#webklipper-publisher-widget-container-frame-container {
width: 250px !important;
}
#webklipper-publisher-widget-container-content {
width: 276px;
}
.article-heading .buttons-group {
position: relative;
margin: 0 0 10px -10px;
}
.activitybar {
height: auto;
}
.activitybar .thumbnails {
max-width:205px;
height:35px;
}
.activitybar .thumbnails img {
width: 32px;
height: 32px;
}
.activitybar div.more {
height: 32px;
line-height: 32px;
font-size: 14px;
min-width:24px;
font-weight:normal;
padding:0 4px;
margin-bottom:8px;
}
.activitybar span {
font-size: 11px;
}
.page-title {
padding-left: 0;
}
.page-title h2 {
font-size: 26px;
line-height: 34px;
}
.pagination2 .number-btn {
display: none !important;
}
.pagination2 a.previous, .pagination2 a.next {
height: 45px;
}
.related-galleries h2.heading1 {
margin-left: 0;
}
.related-galleries .carousel-container {
padding: 0 20px;
}
.related-galleries #slider-code .next {
margin: 0;
}
.popular-galleries h2.heading1 {
margin-left: 0;
}
.related-galleries.box1.one-third {
width: 300px!important;
}
.box1 .social{display:none;}
ul.list4 li.large div.box1{min-height:inherit !important;}
.subscription-popup{top:30px; width:440px; margin-left:-230px; }
.subscription-popup .inner{padding-top:20px; padding-bottom:20px; height:auto; min-height:none; background-size:cover;}
.subscription-popup h2{font-size:40px; line-height:38px; margin-bottom:15px; margin-top:0;}
.subscription-popup h3{font-size:24px; line-height:36px; margin-bottom:10px;}
.header2{padding:5px 0 10px;}
.header2 .sponsor{margin-right:0; width:auto; }
.header2 .sponsor .logo{font-size:14px; line-height:18px; background:none; height:auto; padding-top:0; font-weight:bold; }
.header2 .sponsor span.title{line-height:18px; display:inline-block; margin-bottom:0; }
/*.header2 .logo_main{float:none !important; }*/
.toi .header2 .logo_main a{height:26px; line-height:26px; padding-top:0; background:none; font-size:20px; margin-left:0; width:auto; float:left;
font-weight:bold; }
.pm .header2 .logo_main a{height:26px; line-height:26px; padding-top:0; background:none; font-size:20px; margin-left:0; width:auto; float:left; font-weight:bold; }
.mm .header2 .logo_main a{height:26px; line-height:26px; padding-top:0; background:none; font-size:20px; margin-left:0; width:auto; float:left; font-weight:bold; }
.am .header2 .logo_main a{height:26px; line-height:26px; padding-top:0; background:none; font-size:20px; margin-left:0; width:auto; float:left; font-weight:bold; }
.bm .header2 .logo_main a{height:26px; line-height:26px; padding-top:0; background:none; font-size:20px; margin-left:0; width:auto; float:left; font-weight:bold; }
.fm .header2 .logo_main a{height:26px; line-height:26px; padding-top:0; background:none; font-size:20px; margin-left:0; width:auto; float:left; font-weight:bold; }
.pm .header2 h1, .mm .header2 h1, .am .header2 h1, .bm .header2 h1,.fm .header2 h1{line-height:26px;}
.search-form3{position:relative; margin-left:7px;float:left; }
/*.explorecont{height:95px;}*/
/*.search-form3 input.submit{width:70px;}
.search-form3 input.text{width:160px; display:none; float:none;}
.search-form3:hover input.text{display:block; z-index:100; right:80px; top:0; position:absolute;}
*/
.small.subscription-popup{margin-left:-150px;}
.small.subscription-popup .inner{background-size:100% 100%; height:220px; width:290px;}
.small.subscription-popup .form{padding:70px 10px 0;}
.small.subscription-popup h3{max-width:none;font-size:14px; margin-bottom:1px; text-shadow:0 1px #000;}
.small.subscription-popup .textbox{width:170px; margin-bottom:3px;margin-right:0;}
.small.subscription-popup .submit{margin-right:0;}
.small.subscription-popup span.cancel{width:auto; clear:both; display:block;}
.small.subscription-popup span.close{right:5px; top:5px;}
.review-pop{width:360px; padding:20px 22px 10px; top:40px;}
.review-pop h2{font-size:17px; margin-bottom:10px;}
.review-pop h2 strong{text-align:left;}
.review-box .one-third{width:263px;}
.two-clm .column2, .two-clm .column1{float:none; width:auto; min-height:inherit; margin-bottom:10px;}
div.site-map .apps{text-align:center; }
div.site-map .apps h3{font-size:14px; line-height:16px;}
.sign_layer{font-size:17px;}
.photoslidertop ul li img{border-radius:0;min-height:203px;min-width:360px;}
.photoslidertop .btnphotoslierleft, .photoslidertop .btnphotoslierright{display:none;}
.photoslidertop{width:106%; left:-1%;}
/*usa branding*/
.photoslidertop ul li img, .photoslidertop .photoslidertopIn{border-radius:0;}
.photoslidertop .btnphotoslierleft, .photoslidertop .btnphotoslierright{display:none;}
.photoslidertop{width:102%; left:-1%;}
.captionbottom{border-radius:0; padding:30px 0 50px; max-height:175px; white-space:normal;}
.captionbottom h2{font-size:13px;}
.captionbottom h3{font-size:23px; padding:0 5%;}
.captionbottom h4{font-size:14px; padding:0 5%;}
.lasteststorybox ul li{padding:10px; width:42%;}
.lasteststorybox ul li img{margin:0 0 10px;width:100%;}
.lasteststorybox ul li h3{font-size:14px;}
.lasteststorybox ul li p{display:none;}
.photovideobox ul li{width:150px; padding:10px;}
.photovideobox .btnleftarrow, .photovideobox .btnrightarrow{display:none;}
.photovideobox .btnseeall{right:0; background-color:transparent; border:0 none; border-radius:0; font-weight:600;}
.photovideobox .btnseeall:after{content:''; border:solid #54b22a; border-width:0 2px 2px 0; transform:rotate(-45deg); width:6px; height:6px; display:inline-block; vertical-align:middle; margin:-3px 0 0 5px;}
.btnseeallstory a{width:180px; height:45px; line-height:47px;}
.usalogo img{width:50%;}
.photovideobox ul{overflow-x:scroll; overflow-y:hidden;}
.captionbottom h3{width:90%;}
/*usa branding*/
/*embaded video css*/
.views_sharing_box{flex-direction:column; justify-content:flex-start;}
.lftvideoplayer_box h4{font-size:16px!important; line-height:22px;}
/*embaded video css*/
.audioembed_box{margin:10px -15px;}
.three-column-layout .box1.banner_local { margin:0 auto; }
.three-column-layout .rpos .box1.banner_local.one-third { height:auto !important; padding-bottom:15px !important; }
}
@media screen and (max-width: 767px) and (min-width:670px) {
div.comment-form textarea {
width: 83%;
}
.comment-form h2 {
font-size: 16px;
}
.uc .destinations ul {
width: 55%;
}
.related-galleries.box1.one-third {
width: 300px!important;
}
}
@media screen and (max-width: 669px) and (min-width:640px) {
div.comment-form textarea {
width: 82%;
}
.comment-form h2 {
font-size: 15px;
}
.uc .destinations ul {
width: 50%;
}
.related-galleries.box1.one-third {
width: 300px!important;
}
#themes .box1.ad,#themes .box1.banner_local, .ad_v2.m_btf{display:none !important;}
.ad_v2.one-third{width: 50%;}
.ad_v2.mweb_strip{width:100%;}
.ad_v2.box1.m_mrec{height:365px;max-height:none;}
}
@media screen and (max-width: 639px) and (min-width:568px) {
div.comment-form textarea {
width: 80%;
}
.uc .destinations ul {
width: 46%;
}
ul.list3 li {
width: 100px;
}
.subscribe-form p.form1 input.txt {
width: 51%;
}
.related-galleries.box1.one-third {
width: 300px!important;
}
.weekend_lst .one-third{width:251px;}
#themes .box1.ad,#themes .box1.banner_local, .ad_v2.m_btf{display:none !important;}
.ad_v2.one-third{width: 50%;}
.ad_v2.mweb_strip{width:100%;}
.ad_v2.box1.m_mrec{height:365px;max-height:none;}
}
@media screen and (max-width: 639px) {
.skyscn_reslt .pagination_sky span{height: 25px;
line-height: 25px;width: 25px;}
.hide_mobile{display:none !important;}
.weekend_loading{left:49%;top:200%;}
.box3 .box1 span.stamp{}
.reviewed.box1 span.stamp { top: 59%; }
.reviewed .toggle{display:block;}
.hide_tags .toggle{display:none;}
.review-box{ padding-bottom: 26px;position: relative;}
.review-box .heading3 span.submit{bottom: -5px; position: absolute;}
.reco_layer #city-gs-review .overlay-map h2.heading{margin-left: 0;}
.reco_layer #city-gs-review .overlay-map{z-index: 999999; top: 0 !important; left: 0 !important;}
h2.head_grn span{font-size:15px;}
.one-half{height:290px;}
.ComBlk .time {
right: -1%;
font-size: 11px;
}
div.comment-form textarea {
width: 74%;
}
.three-column-layout {
max-width: 540px;
}
.one-third, .one-third.outer, .sidebar .box1.one-third {
width: 232px;
}
.box1.full-width .one-third, .box1.full-width .one-third.last {
margin: 0 auto 15px;
float: none;
}
.section1 {
width: 440px;
margin: 0 auto 20px;
}
ul.list4 li {
width: 193px;
}
ul.list5 {
padding-left: 0;
width: 394px;
margin: 0 auto;
}
/*.uc .ad,*/ .uc .toggle-display {
display: none;
}
.uc .ad,.uc .banner_local{margin:0 auto 10px; float:none;}
.three-column-layout .toggle-display {
display: block;
}
.dstn_wdgt #destinations li{width:48%;}
#map-view .left-column ul li label {
width: 0px;
white-space: nowrap;
overflow: hidden;
}
#map-view .left-column {
width: 100%;
float: none;
}
#map-view .right-column {
width: 100%;
float: none;
}
#map-view .left-column ul li {
float: left;
border-bottom: 0;
margin-right: 10px;
}
.overlay-map .bottom-filter div.checkboxes {
margin-left: 0;
padding-top: 5px;
}
.overlay-map .bottom-filter div.checkboxes h5 {
float: none;
display: block;
margin-left: 20px;
display: none;
}
.overlay-map .bottom-filter div.checkboxes span.checkbox {
float: none;
display: inline-block;
margin-left: 15px;
}
.box3 .one-third {
width: 205px;
margin-left: 23px;
}
.box3 .box1 span.stamp {
/*top: 33%;*/
}
.sidebar .subscribe-form p.form1 input.txt {
width: 121px;
}
div.sticky {
width: 100%;
}
.guide-lists .search-area p.form1 {
width: 250px;
}
.box1 h2 span, .box1 h2.tabs a {
}
.share1 a.button1 {
float: none;
margin: 0 0 10px 0;
}
#email-popup .article-area h2 {
line-height: 20px;
font-size: 16px;
}
#email-popup {
width: 400px;
margin-left: -210px;
}
.weather-info .detail .section span.value {
font-size: 24px;
}
.weather-info .detail div.weather-formats {
right: -4px;
}
.poi-show-page .three-column-layout2 .column1 {
width: auto;
float: none;
margin-right: 0;
}
.poi-show-page .three-column-layout2 .column3 {
width: auto;
float: none;
}
.poi-show-page .three-column-layout2 .column3 .box1.ad,.poi-show-page .three-column-layout2 .column3 .box1.banner_local {
width: 300px;
margin: 0 auto 15px;
}
.share1 span.share-count {
line-height: 26px;
}
.read_more_stories ul li {
float: none;
width: auto;
margin-right: 0;
padding-left: 15px;
}
.weather-info {
width: 315px;
padding: 0 0px;
border: 0;
float: none;
margin: 0 0 10px;
clear: left;
}
.city-guide-header .article-heading {
float: none;
width: auto;
border: 0;
min-height: none;
}
.heading-right {
height: auto;
float: none;
clear: left;
border: 0;
padding: 0 10px;
width: auto;
}
.venue-detail-box ul li.long-title span.title, .venue-detail-box ul li span.title {
width: 130px;
font-size: 12px;
}
.venue-detail-box ul li.long-title span.data {
padding-left: 130px !important;
}
.activitybar .thumbnails {
margin-bottom: 5px;
max-width:156px;
}
.activitybar .thumbnails img{margin-right:7px;}
.uc .destinations .destination img {
width: 100%;
}
div.site-map .column {
width: 48%;
clear: left;
}
div.site-map .column.alt {
float: left;
clear: none;
}
.popup {
top: 5%;
}
.popup .form-area .left-column ul li {
min-height: 0;
}
.popup .form-area .left-column ul li label {
font-size: 9px;
}
.popup .form-area .left-column ul li input.button {
top: 0;
}
h2.heading1 span {
display: block;
}
.related-galleries.box1.one-third {
width: 300px!important;
}
ul.list7 li,ul.list7.flights_links li{width:49%;}
#survey-section .survey-form .column1, #survey-section .survey-form .column2, #survey-section .survey-form .column1 label{float:none; width:auto;}
#survey-section .survey-form input.textbox{width:95%;}
.poi-nav.box1 ul li.divider{margin:0 1.5%;}
.poi-nav.box1{padding:8px 10px;}
.review-box .one-third{width:226px;}
.result-page .cash-type, .result-page .age-type{margin-right:8px;}
.result-page .skyscn-wdgt .submit{clear:none; }
.result-page .skyscn-wdgt .trip-info{padding-top:25px;}
.rslt_hdr > div{padding:10px 5px;}
.skyscn_reslt .results .price strong, .skyscn_reslt .results .price button, .current-booking .select button{font-size:12px;}
.skyscn_reslt .results .price .agent, .skyscn_reslt .results .stops{font-size:10px;}
.skyscn_reslt .results .timing{font-size:11px;}
.skyscn_reslt .results .detail-btn{width:60px; font-size:10px;}
}
@media screen and (max-width:640px) and (min-width:400px) {
.price > strong,.price > a,.price > span.agent{width:33.3%;}
.AR_1 .ob_container_recs .item-container {
width: 48%;
padding-right: 4%;
}
.AR_1 .ob_container_recs .item-container:nth-child(2n){padding-right:0;}
/*.AR_1 .ob_container_recs .item-container:nth-child(3n){display:none;}*/
.overlay-map .info-box {
top: 10px;
}
.overlay-map .info-box h3 {
font-size: 14px;
line-height: 17px;
margin-bottom: 7px;
}
.overlay-map .info-box .tab-content {
min-height: 120px;
height: 120px;
margin-bottom: 3px;
}
.overlay-map .info-box #poi {
height: 115px;
overflow: auto;
}
.overlay-map .info-box #poi .image {
width: 150px;
margin: 0 auto 8px;
}
.overlay-map .info-box #poi .image img {
height: auto;
}
.overlay-map .info-box #poi p {
padding-right: 10px;
}
.overlay-map .info-box a.collapse-btn {
top: 125px;
}
#email-popup .article-area {
display: none;
}
#commute ul.results {
height: 42px;
}
.overlay-map .info-box #commute .commute-tab span.heading {
margin-bottom: 5px;
}
.related-galleries.box1.one-third {
width: 300px!important;
}
.popup2 .content{max-height:156px;}
}
@media screen and (max-width:567px) {
.box1.ad_v2.one-third{margin-bottom:15px;}
.app_link_header span.big{top:5px;font-size:12px;line-height:17px;}
.list2_vid .ctn-vid-ad{top:60px;}
/*.app_link_footer span{display: none;}*/
.app_link_footer{font-size:14px;}
.quiz_hp .box1.full-width .travel_quiz.type2 .question ul, .quiz_hp .inner_type2{float:none; width:100%;}
.quiz_hp .box1.full-width .travel_quiz.type2 .question ul li{margin-right:8px;}
.price > strong,.price > a,.price > span.agent{width:33.3%;}
.AR_1 .ob_container_recs .item-container {
width: 48%;
padding-right: 4%;
}
.AR_1 .ob_container_recs .item-container:nth-child(2n){padding-right:0;}
/*.AR_1 .ob_container_recs .item-container:nth-child(3n){display:none;}*/
.rslt_hdr > div{font-size:9px;}
.dest-background-top span{padding-top:27px;}
.weather-detail .sidebar{float:none;}
.dest-background-top {
background-position:0 0;}
.one-third, .one-third.outer, .sidebar .box1.one-third, .box3 .one-third {
float: none;
margin: 0 auto 15px;
width: auto;
height:auto;
}
.navigation .amazon_nav ul li, .navigation .amazon_nav ul li.out{width:48%; margin-right:2%;}
.one-third.box1 .image, .one-third.box1 .image img{height:auto;}
.box1 .image{margin-bottom:18px !important;}
.form1.search-field{margin-bottom:5px;}
.box1 a.next, .box1 a.previous, .destination a.next, .destination a.previous, .search-results .section .image a.next, .search-results .section .image a.previous {top:40%;}
.uc .destinations {
width: auto;
margin: 0 auto 15px;
}
.uc .destinations .destination {
width: auto;
float: none;
margin-bottom: 5px;
height:auto;
margin-right:0;
}
.uc .destinations ul{width:100%;}
.main-content .box1.full-width .image {
float: none;
margin: 0 auto 15px;
}
.box3 .box1 span.stamp {
/*top: 44%;*/
}
.sidebar .subscribe-form p.form1 input.txt, .subscribe-form p.form1 input.txt {
width: 57%;
}
.weather-info {
width: 315px;
margin: 0 auto 20px;
float: none;
}
.facts-n-events {
width: auto !important;
float: none !important;
}
#times-guide .content .tabs {
left: -189px;
}
#times-guide .content {
padding-left: 0;
}
#times-guide .content .tabs a.collapse-btn {
display: block;
}
.popup h2 {
font-size: 15px;
line-height: 18px;
}
.popup .form-area .left-column ul li input[type="text"] {
padding: 4px 6px;
}
.popup .form-area .privacy h3, .popup .form-area .privacy i.icon-privacy {
display: none;
}
.privacy p {
font-size: 11px;
line-height: 14px;
}
.popup .form-area .left-column ul li span.checkbox {
margin-bottom: 4px;
}
.sidebar .box1, .sidebar .box1.one-third {
float: none;
width: 280px;
margin: 0 auto 10px;
}
.sidebar .box1, .sidebar .box1.MREC2 {
width: 300px;
}
.article .sidebar {
margin-left: 0 !important;
}
#fast-facts ul {
padding: 0;
}
.two-column-layout1 .column1, .two-column-layout1 .column2 {
float: none;
width: auto;
margin: 0 0 10px;
}
.sidebar .map-box {
float: none;
margin: 0 auto 15px;
}
.continue_read .title, .continue_read a {
display:inline-block: line-height:1.2em;
font-size: 16px;
}
.weather-detail .best-weather {
float: none;
border: 0;
padding: 0;
width: auto;
margin-bottom: 20px;
min-height: inherit;
}
.weather-detail .travel_g{
float: none;
padding: 0;
width: auto;
}
div.site-map .column, div.site-map .column.big {
width: 49%;
}
.share1.bottom ul li div.popup-share {
left: -126px;
top: 52px;
}
.share1.bottom ul li div.popup-share span.arrow {
left: 133px;
}
.main-content.guide_s .box1.full-width p {
height: auto;
}
.level2-menu .wrapper ul li a {
font-size: 9px;
padding: 0 5px;
}
.level2-menu .wrapper {
padding: 0;
}
.related-galleries.box1 {
width: 300px!important;
}
.activitybar .thumbnails{max-width:inherit;}
.activitybar span {line-height:16px; width:80%;}
.popup2{left:-305px;}
.popup2 span.arrow{left:88%;}
ul.list7 li,ul.list7.flights_links li{width:49%;}
#quotient h4{font-size:18px;}
#quotient span.question{font-size:12px;}
#quotient span.question{height:15px;}
#quotient .quotient-nav span{height:30px; line-height:28px; width:30px;}
#quotient .result p{font-size:16px;}
#quotient .result p small{font-size:12px; font-weight:normal;}
.poi-nav.box1 ul li.divider{display:none;}
.poi-nav.box1 ul li{display:block; list-style:square inside none; line-height:22px; color:#f24e0d;}
.review-box .one-third{width:auto; margin-bottom:15px;}
.review-box .heading3 span.submit{float:none; margin-bottom:10px; font-size:15px; width:190px;}
.heading3 h2 span{font-size:15px;}
.heading3 a.more{font-size:13px; font-weight:normal;}
.result-page .skyscn-wdgt .trip-info{padding-top:0px; width:auto;}
.result-page .skyscn-wdgt .date{width:auto; float:none; margin-right:0;}
.result-page .skyscn-wdgt .trip-info{float:none;}
.result-page .skyscn-wdgt .submit{width:130px;}
.weekend_lst .one-third{width:auto;}
}
@media screen and (max-width: 479px) {
.result-page .skyscn-wdgt{margin:8px 0 0;}
.result-page .field-wrapper .one-half.from_div{width:100%;}
.result-page .field-wrapper .one-half.to_div{width:100%;}
.result-page .field-wrapper .one-half .field-box{margin-left:30%!important;}
.result-page .field-wrapper .one-half label{width:27%!important;}
.result-page .cash-type{
float: left;
margin-right: 9px;
}
.result-page .cash-type,.result-page .age-type{width:58px}
.result-page .skyscn-wdgt .pssngr-info{margin-right:-10px;margin-left:-10px;}
/*.result-page .skyscn-wdgt .trip-info{margin-left:88px;}*/
/*flights reponsive*/
.rslt_info .count{
/*margin-top: 37px;*/
/*top: 0;*/
}
.main-content .box1 .result .details h4{margin-bottom:24px;}
body {
overflow-x: hidden;
}
.flexyhgt{}
.search-form1 {
width: 125px;
}
.search-form1 input.txt {
width: 105px;
}
.top p {
float: none;
margin-left: 0;
font-size: 11px;
}
.uc .ad,.uc .banner_local{height:auto; min-height:inherit; border:0 !important;; padding:0 !important;}
.dstn_wdgt #themes ul li{width:48%; margin:0 2% 10px 0;}
.dstn_wdgt #destinations li{width:100%; margin:0 0 5px;}
.type2{position:static;}
.rslt_hdr > div{font-size:9px;}
.ui-datepicker{width:300px !important;}
.ui-datepicker td span, .ui-datepicker td a{line-height:25px; width:25px; height:25px;}
.one-half{float:none; width:auto; height:auto; margin-right:0;}
.result-page .skyscn-wdgt .one-half{float:none; margin-bottom:15px; width:auto;}
.result-page .skyscn-wdgt .date{float:none;}
.result-page .skyscn-wdgt .submit{clear:left; margin-left:0;}
.result-page .skyscn-wdgt .pssngr-info{float:none; }
/*.result-page .cash-type{float:none; margin:0 0 15px 0; width:100%;}*/
.result-page .age-type{margin-right:10px;}
.rslt_hdr{display:none;}
.skyscn_reslt .results li{height:auto;}
.skyscn_reslt .results .optr{float:none; height:auto; min-height:inherit; border-bottom:1px solid #6b6b6b; width:auto;}
.skyscn_reslt .results .optr .carrier{min-height:inherit;}
.skyscn_reslt .results .out_bound, .skyscn_reslt .results .in_bound{width:50%; }
.skyscn_reslt .results .price{float:none; height:auto; clear:both; border-top:1px solid #6b6b6b; width:auto; z-index: 0;
position: relative;
background-color: #fff;}
.skyscn_reslt .results .price strong, .skyscn_reslt .results .price button, .skyscn_reslt .results .price .agent{display: inline-block;}
.skyscn_reslt .results .price strong{float:left; line-height:24px;}
.skyscn_reslt .results .price .agent{float:right; line-height:24px;}
.skyscn_reslt .results .price button{margin:0 5px; width:80px;}
.skyscn_reslt .results .price .agent small{display: inline; margin:0 5px; }
.detail-popup .load_txt{font-size:1.2em;}
.detail-popup{ width:280px; margin-left:-150px;}
.jrny_dtl h3.out{background:none;}
.skyscn_fltr_c .loading{margin-top: -44px;}
/*
.uc .destinations {
width: 265px;
float: none;
margin-bottom: 15px;
}
.uc .destinations .destination {
float: none;
margin-bottom: 10px;
width: 265px;
height: auto;
}
.uc .destinations ul {
float: none;
width: auto;
}
.one-third, .one-third.outer, .sidebar .box1.one-third {
width: 265px;
}*/
.was-this-helpful .votes, .article .was-this-helpful .votes{border:0; float:none; clear:left; width:100%; display:block;}
.was-this-helpful .votes .voted-inner, .article .was-this-helpful .votes .votes-inner{border:0; padding-left:0; text-align:left;}
.was-this-helpful .votes, .article .was-this-helpful .votes span.count{display:inline;}
.subscribe-form p.form1 input.txt {
width: 56%;
}
.travel-guide a.button1 {
padding: 0 12px;
}
ul.list3 li {
width: 115px;
}
ul.list3 li a {
font-size: 12px;
}
div.comment-form div#socwidget a.button {
margin-right: 0;
margin-bottom: 5px;
}
a.map-view {
float: none;
margin-bottom: 5px;
margin-left: 0;
}
footer.footer a, footer.footer span {
line-height: 15px;
margin-bottom: 5px;
}
div.site-map .column h3 span {
display: block;
}
.section1 {
width: auto;
}
ul.list4 li, ul.list4 li.large {
float: none;
margin: 0 auto 10px;
width: 100%;
}
ul.list4 li .box1 img, ul.list4 li.large .box1 img {
width: 100%;
}
ul.list4 {
margin-left: 0;
}
.form1 input.submit {
padding: 0 9px 3px;
}
.article-heading h1 {
font-size: 25px;
line-height: 30px;
}
ul.list5 {
width: auto;
}
ul.list5 li {
float: none;
margin: 0 auto 7px;
width: 280px;
}
ul.list5 li div.box1 {
min-height: 260px;
}
ul.list5 li .box1 .image img {
height: auto !important;
}
ul.list5 li div.box1 h3 {
line-height: 17px;
}
.search-error .form1 input.txt {
width: 195px;
}
.search-results .section .image {
float: none;
margin: 0 auto 10px;
display: block;
width: auto;
height: auto;
}
.search-results .section .image img {
width: 100%;
height: auto;
}
/*.search-results .section .description {
text-align: center;
}*/
.search-results .tags {
margin-bottom: 5px;
}
.section1 .box1.full-width ul.list4 {
margin-left: 0;
}
.search-error .form1 input.txt {
width: 145px;
}
.share1 ul li {
margin-bottom: 5px;
}
.share1 ul li div.popup-share {
left: -30px;
}
.box3 .one-third {
width: 265px;
}
.box3 .box1 span.stamp {
/*left: -10px;*/
}
.pagination2 {
margin-left: 0;
}
.pagination2 a {
width: 42px;
}
.pagination2 a.next {
right: 1px;
}
.popup1 a.close {
right: 10px;
top: 10px;
}
div.comment-form div#socwidget h4 {
float: none;
margin-bottom: 5px;
}
div.comment-form div#socwidget a.button {
margin-right: 10px;
}
div.comment-form div#socwidget {
margin-bottom: 0;
}
div.comment-form p input.button2 {
margin-top: 10px;
}
.box1 h2 span {
font-size: 15px;
}
.box1.not-found img {
margin: 0 auto 10px;
display: block;
}
.box1.not-found p {
padding-left: 0;
}
.overlay-map .top-filtres .search-form {
margin-left: 12px;
}
.pagination2 a.next {
border-left: 0;
}
.popup .form-area .left-column ul li {
float: none;
width: 100%;
min-height: inherit;
height: auto;
margin-bottom: 5px;
margin-right: 0;
}
.popup .form-area .left-column ul li input.button {
top: 0;
float: none;
}
.popup .form-area .left-column ul li span.checkbox label {
font-size: 11px;
}
.popup .form-area .privacy {
min-height: 44px;
}
.pagination ul li {
padding: 0 8px;
}
#email-popup {
width: 300px;
margin-left: -159px;
z-index: 100000000;
}
#email-popup .article-area p {
display: none;
}
/*.sidebar .map-box {*/
/* width: 280px;*/
/*}*/
.poi-show-page .three-column-layout2 .column3 .box1.ad,.poi-show-page .three-column-layout2 .column3 .box1.banner_local {
width: 280px;
}
.weather-info {
padding: 0;
width: 300px;
}
.weather-info .slider1 {
padding-left: 25px;
}
.weather-info .slider1 ul li {
padding-right: 3px;
}
.weather-info .slider1 ul li .values span.value {
font-size: 10px;
}
.weather-info .slider1 a.previous-btn, .weather-info .slider1 a.previous-btn:hover {
left: 2px;
}
.weather-info .slider1 a.next-btn, .weather-info .slider1 a.next-btn:hover {
right: 5px;
}
.weather-info .detail div.weather-formats {
right: 6px;
}
.pagination ul li.nxtbtn {
border-right: 0;
}
#city_guide_show .pagination ul li {
width: 26px;
}
.venue-detail-box ul li {
float: none;
width: auto;
margin-right: 0;
}
.venue-detail-box ul li.long-title span.title, .venue-detail-box ul li span.title {
width: 120px !important;
font-size: 12px;
}
.venue-detail-box ul li span.data {
padding-left: 130px !important;
}
.city-guide-header .share1 .buttons-group {
float: left;
margin: 0 0 10px -10px;
min-height:31px;
}
.city-guide-header .share1 .rating-box{clear:left; margin-left:0;}
.rating-box {
padding: 5px 0 8px;
}
.rating-box span.title-txt {
text-align: left;
}
.update-subscription {
padding: 15px;
}
.unsubscribe-form input.txt {
width: 258px;
}
#email-popup .postmailsuccess {
height: 77% !important;
}
.related-galleries.box1 {
width: 280px;
}
.related-galleries .carousel-container {
padding: 0 13px;
}
.popup2{width:296px; }
.activitybar .thumbnails{max-width:156px;}
.activitybar span {line-height:16px; width:auto;}
.popup2{left:-155px;}
.popup2 span.arrow{left:53%;}
.subscription-popup{top:30px; width:280px; margin-left:-150px; }
.subscription-popup .inner{padding-top:20px; padding-bottom:20px;}
.subscription-popup h2{font-size:30px; line-height:34px; margin-bottom:15px;}
.subscription-popup h3{font-size:24px; line-height:36px; margin-bottom:10px;}
.subscription-popup .textbox{margin-bottom:10px;}
.small.subscription-popup .form{padding:70px 10px 0;}
.featured-pois.template1 ul li{float:none; width:auto; margin:0 0 10px;}
.featured-pois.template2 ul{margin-right:0;}
.featured-pois.template2 ul li{width:46%; height:auto; margin:0 2% 10px;}
.header2 .sponsor{float:none; clear:left; width:auto;}
.header2 .sponsor span.title{margin-right:3px; height:18px; line-height:20px;}
.header2 .sponsor span.title, .header2 .sponsor .logo{display:inline-block; float:left;}
ul.list7 li,ul.list7.flights_links li{width:100%;/*float:none;*/ margin:0 0 5px;}
#quotient .result .award{float:none; margin:0 auto;}
#quotient .result p{text-align:center;}
#quotient .result a.share-btn{padding:0 10px 0 60px; font-size:12px;}
#survey-section .survey-form span.heading{font-size:18px;}
#survey-section .survey-form{padding:55px 15px 35px;}
.review-pop{width:250px; padding:20px 22px 10px;}
.review-pop h2{font-size:15px; line-height:20px; background:none; padding:0;}
.review-pop label.checkbox{margin-bottom:10px;}
.write-us h3{font-size:25px; line-height:29px; margin-bottom:16px;}
.write-us .form-box{padding:10px;}
.see-more-btn{background: #fff; position: relative; box-shadow: 0 1px 4px #bebebe; padding: 0; overflow: hidden; margin-bottom: 20px; height: 45px; text-align: center; border:1px solid #a5a5a6;}
.see-more-btn a{font:bold 14px/45px 'Montserrat', Arial, Helvetica, sans-serif; color:#333!important; text-transform:uppercase;}
}
@media screen and (max-width:479px) and (min-width:360px) {
ul.tab-strip3 li{padding:11px 8px 0;}
#postCmt {
width: 97%
}
div.comment-form textarea {
width: 67%;
}
.share1 ul li div.popup-share {
left: -147px;
}
.share1 ul li div.popup-share span.arrow {
left: 175px;
}
.share1 ul li div.popup-share{left:-10px;}
.share1 ul li div.popup-share span.arrow{left:25px;}
}
@media screen and (max-width:375px) {
ul.tab-strip3 li{padding:11px 8px 0;}
ul.tab-strip3 li a{padding:0 6px;}
.result.result1 .show_hint{ margin-top: 7px;
margin-bottom: 3px;}
.box1.full-width .result .details p{min-height:105px;}
.main-content .box1 .result1 .details { padding-top: 40px; margin-left: 0;}
.box1.full-width .result .fb-btn, .box1.full-width .result .try-again-btn{font-size: 13px; padding-right: 7px;}
.box1.full-width .result .fb-btn span, .box1.full-width .result .try-again-btn span{margin-right: 10px;}
.quiz_hp .box1.full-width .result .details{margin-left:0px;}
.quiz_hp .box1 .questions_progress li{margin:0 4px!important;}
.quiz_hp .box1.full-width .questions_progress{margin-bottom:-48px;}
.top .social_txt{display:inline-block; vertical-align:super; font-size:10px;}
.top .social-login{border:0px;}
.list-mode{position:inherit;float:right;}
.brand_img{position:absolute;left:4px;top:-18px}
#postCmt {
width: 97%
}
div.comment-form textarea {
width: 67%;
}
div.sticky {
width: 100%;
}
/* .article .description .tags h4{min-height:55px;}*/
#city_guide_show .pagination ul li {
width: 22px;
}
.related-galleries.box1.one-third {
width: 280px!important;
}
.related-galleries .carousel-container {
padding: 0 15px;
}
#slider-code .overview li {
/*width: 118px!important;*/
}
#slider-code .viewport {
width: 245px!important;
}
}
#slider-code .overview li {
width: 119px;
}
#slider-code .viewport {
width: 255px;
}
#dupli_abus div {
padding-bottom: 13px;
}
.box1 .footer {
position: absolute;
bottom: 7px;
}
#infscr-loading {
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
background: none repeat scroll 0 0 #e7e7e7;
bottom: 0px;
color: #333;
font-size: 11px;
text-align: center;
opacity: 0.8;
padding: 6px 0 7px;
left: 0;
position: absolute;
width: 100%;
}
#content_wrapper {
margin-bottom: 13px;
}
.search-results {
padding-bottom: 25px;
}
#back-top {
position: fixed;
bottom: 30px;
right: 50px;
z-index: 500;
display:none !important;
}
#back-top a {
width: 46px;
display: block;
text-align: center;
font: 11px/100% Arial;
text-transform: none;
text-decoration: none;
color: #bbb;
-webkit-transition: 0.1s;
-moz-transition: 0.1s;
transition: 0.1s;
}
#back-top a:hover {
color: #000;
}
#back-top span {
width: 46px;
height: 43px;
display: block;
margin-bottom: 7px;
background: url(http://static.toiimg.com/photo/65010528.cms) -118px -248px no-repeat
}
#back-top a:hover span {
background-position: -118px -291px;
}
.rpos, .reviewed {
position: relative;
}
.banner-img {
min-height:280px;
}
.c_r {
color: #55b229!important;
}
.ac_results {
padding: 0px;
border: 1px solid #ccc;
background-color: white;
overflow: hidden;
z-index: 100000;
}
.ac_results ul {
width: 100%;
list-style-position: outside;
list-style: none;
padding: 0;
margin: 0;
}
.ac_results li {
margin: 0px;
padding: 2px 5px;
cursor: default;
display: block;
font: menu;
font-size: 12px;
line-height: 16px;
overflow: hidden;
}
.ac_odd {
background-color: #eee;
}
.ac_over {
background-color: #55b229;
color: white;
}
.ac_loading {
background-image: url('http://static.toiimg.com/photo/22049962.cms') !important;
background-position: right center !important;
background-repeat: no-repeat !important;
background-color: #e5e5e5 !important;
}
.fil {
float: left
}
.slideshow .box1 {/*margin-bottom:0;*/
min-height: 0;
}
.user {
font-size: 12px;
color: #737272
}
.datetimeuser{float:right;}
@media only screen and (max-width: 600px) {
.datetimeuser{float:left; width:100%}
}
.user strong {
color: #403f3f;
font-weight: 600;
}
.user .dev {
padding-left: 3px;
padding-right: 3px;
}
.section1 .Normal em, .article em {
font-style: italic;
}
div.stickyy {
position: fixed;
bottom: 0;
margin-top: 0;
}
div.stickyyy {
position: fixed;
top: 1px;
margin-top: 0;
overflow-y:auto;
padding-left:1px;
padding-right:1px;
}
.article .description img {/*margin-top:3px;margin-bottom:4px*/
}
.slider1 {
height: 1%;
overflow: hidden;
padding: 0 0 10px;
}
.slider1 .viewport {
margin-left: 17px;
float: left;
width: 265px;
height: 125px;
overflow: hidden;
position: relative;
}
.slider1 .disable {
visibility: hidden;
}
.slider1 .overview {
list-style: none;
position: absolute;
width: 240px;
left: 0 top: 0;
}
.slider1 .overview li {
float: left;
margin: 0 20px 0 0;
padding: 1px;
height: 121px;
width: 120px;
}
.slider1 .pager {
overflow: hidden;
list-style: none;
clear: both;
margin: 0 0 0 45px;
float: right;
margin-right: 17px;
height: 11px!important
}
.slider1 .pager li {
float: left;
}
.slider1 .pager a {
background-color: #fff;
text-decoration: none;
text-align: center;
color: #555555;
display: block;
}
.slider1 ul.pager li {
margin: none!important;
width: 15px;
line-height: 1em;
}
.slider1 .pager .active {
color: #fff;
background-color: #555555;
}
.latest_tabs {
min-height: 300px;
}
.description div span.ImageCredit {
bottom: 1px;
}
.description div span.ImageCredit:empty {
display: none!important;
}
#comments:before {
content: "";
display: block;
height: 70px; /* fixed header height*/
margin: -70px 0 0; /* negative fixed header height */
}
/*Amit */
.poi {
border-radius: 4px;
background: #ffa93b;
font: 12px/20px 'Montserrat', Arial, Helvetica, sans-serif;
color: #fff;
min-width: 64px;
text-align: center;
position: relative;
cursor: pointer;
}
.poi:after {
border-top: 5px solid #ffa93b;
}
.poi:after {
content: '';
position: absolute;
bottom: -4px;
border-top: 5px solid #ffa93b;
border-right: 4px solid transparent;
border-left: 4px solid transparent;
left: 50%;
margin-left: -3px;
width: 0;
height: 0;
display: block;
}
.poi.scale, .poi.active {
transform: scale(1.1);
min-width: 75px;
border: 1px solid #fff;
box-shadow: 0 0 5px #323232;
font-weight: 600;
z-index: 9997;
}
.cardPad {
padding: 5px;
}
.cardImage {
background-origin: content-box;
border-radius: 4px;
border-radius: 4px;
height: 61px;
}
.cardImage span {
height: 61px;
display: block;
}
.photoFrame img {
max-width: 100%;
max-height: 100%;
}
.cardInfo .cardData {
overflow: hidden;
text-overflow: ellipsis;
}
.cardInfo h3 {
font-weight: bold;
font-size: 12px;
text-decoration: none;
color: #333;
padding: 5px 5px 0 0;
overflow: hidden;
text-overflow: ellipsis;
margin: 0;
}
.cardInfo h3 strong {
white-space: nowrap;
}
.status {
color: #fff;
background: #999;
border-radius: 0.35em;
display: inline-block;
font-size: 9.75px;
font-style: normal;
font-weight: bold;
line-height: 1.6em;
padding: 0 0.35em;
text-align: center;
text-shadow: 0 0px 0 rgba(0,0,0,0.25);
text-transform: uppercase;
vertical-align: middle;
box-shadow: 0px 1px 1px #ffffff;
}
.poi-details {
background: #fff;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.75);
-ms-box-shadow: 0 0 20px rgba(0, 0, 0, 0.75);
width: 450px;
border-radius: 5px 0 0 5px;
position: absolute;
right: 0;
top: 25px;
}
.poi-details .prop-name {
border-bottom: 1px dashed #9e9e9e;
border-radius: 4px 4px 0 0;
background: #f2f2f2;
}
.poi-details .prop-name .left1 {
float: left;
font: 15px/21px 'Montserrat', Arial, Helvetica, sans-serif;
color: #494949;
width: 299px;
padding: 6px 10px;
}
.poi-details .padding {
padding: 3px 10px 10px;
}
.poi-details .tabs li a {
padding: 0 15px;
color: #494949;
font: 12px/26px 'Montserrat', Arial, Helvetica, sans-serif;
display: block;
}
.poi-details .tabs {
width: 371px;
overflow: hidden;
border: 1px solid #e4e4e4;
margin: 5px 30px 15px;
border-radius: 4px;
background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 0%, #f0f0f0 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f0f0f0));
background: -webkit-linear-gradient(top, #ffffff 0%, #f0f0f0 100%);
background: -o-linear-gradient(top, #ffffff 0%, #f0f0f0 100%);
background: -ms-linear-gradient(top, #ffffff 0%, #f0f0f0 100%);
background: linear-gradient(to bottom, #ffffff 0%, #f0f0f0 100%);
}
.poi-details .tabs li:first-child {
border-left: 0;
}
.poi-details .tabs li {
float: left;
border-left: 1px solid #fff;
border-right: 1px solid #e4e4e4;
cursor: pointer;
}
.poi-details .tabs li a {
padding: 0 15px;
color: #494949;
font: 12px/26px 'Montserrat', Arial, Helvetica, sans-serif;
display: block;
}
.poi-details .tabs li.ui-state-active a, .poi-details .tabs li a:hover {
color: #fff;
background: #3a3a3a;
background: -moz-linear-gradient(top, #3a3a3a 0%, #0d0d0d 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3a3a3a), color-stop(100%, #0d0d0d));
background: -webkit-linear-gradient(top, #3a3a3a 0%, #0d0d0d 100%);
background: -o-linear-gradient(top, #3a3a3a 0%, #0d0d0d 100%);
background: -ms-linear-gradient(top, #3a3a3a 0%, #0d0d0d 100%);
background: linear-gradient(to bottom, #3a3a3a 0%, #0d0d0d 100%);
position: relative;
}
.circle_r {
background: #0385D0;
border-radius: 50%;
color: #fff;
text-align: center;
width: 26px;
height: 24px;
font: 12px/13px 'Montserrat', Arial, Helvetica, sans-serif;
padding: 2px 0 0;
}
.circle_r span {
display: block;
font: 10px/10px 'Montserrat', Arial, Helvetica, sans-serif;
}
.direction-list ul li {
display: block;
font: 13px/18px 'Montserrat', Arial, Helvetica, sans-serif;
color: #333;
border-top: 1px solid #eaeaea;
padding: 10px 10px 10px 35px;
position: relative;
}
.jspPane {
position: absolute;
width: 100% !important;
padding: 0 !important;
}
.jspContainer {
overflow: hidden;
position: relative;
}
.jspVerticalBar {
position: absolute;
top: 0;
right: 0;
width: 2px;
margin-right: 6px;
height: 100%;
background: #ccc;
}
#map-canvas img {
max-width: inherit;
}
.infoBox a {
color: #333;
}
/* basic scrollbar styling */
/* vertical scrollbar */
.mCSB_container {
width: auto;
margin-right: 30px;
overflow: hidden;
height: auto;
word-break: break-word;
}
.mCSB_container.mCS_no_scrollbar {
margin-right: 0;
}
.mCS_disabled>.mCustomScrollBox>.mCSB_container.mCS_no_scrollbar, .mCS_destroyed>.mCustomScrollBox>.mCSB_container.mCS_no_scrollbar {
margin-right: 30px;
}
.mCustomScrollBox>.mCSB_scrollTools {
width: 10px;
height: 100%;
top: 0;
right: 0;
}
.mCSB_scrollTools .mCSB_draggerContainer {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
height: auto;
}
.mCSB_scrollTools a+.mCSB_draggerContainer {
margin: 0;
}
.mCSB_scrollTools .mCSB_draggerRail {
width:10px;
height: 100%;
margin: 0 auto;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.mCSB_scrollTools .mCSB_dragger {
cursor: pointer;
width: 100%;
height:80px!important;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
width:10px;
height: 100%;
margin: 0 auto;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
text-align: center;
}
.mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown {
display: none;
position: relative;
height: 20px;
overflow: hidden;
margin: 0 auto;
cursor: pointer;
}
.mCSB_scrollTools .mCSB_buttonDown {
top: 100%;
margin-top: -40px;
}
/* horizontal scrollbar */
.mCSB_horizontal>.mCSB_container {
height: auto;
margin-right: 0;
margin-bottom: 30px;
overflow: hidden;
}
.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar {
margin-bottom: 0;
}
.mCS_disabled>.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar, .mCS_destroyed>.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar {
margin-right: 0;
margin-bottom: 30px;
}
.mCSB_horizontal.mCustomScrollBox>.mCSB_scrollTools {
width: 100%;
height: 16px;
top: auto;
right: auto;
bottom: 0;
left: 0;
overflow: hidden;
}
.mCSB_horizontal>.mCSB_scrollTools a+.mCSB_draggerContainer {
margin: 0 20px;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail {
width: 100%;
height: 2px;
margin: 7px 0;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger {
width: 30px;
height: 100%;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
width: 100%;
height: 4px;
margin: 6px auto;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonLeft, .mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonRight {
display: block;
position: relative;
width: 20px;
height: 100%;
overflow: hidden;
margin: 0 auto;
cursor: pointer;
float: left;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonRight {
margin-left: -40px;
float: right;
}
.mCustomScrollBox {
-ms-touch-action: none; /*MSPointer events - direct all pointer events to js*/
}
/* default scrollbar colors and backgrounds (default theme) */
.mCustomScrollBox>.mCSB_scrollTools {
opacity: 0.36;
filter: "alpha(opacity=36)";
-ms-filter: "alpha(opacity=75)"; /* old ie */
}
.mCustomScrollBox:hover>.mCSB_scrollTools {
opacity: 1;
filter: "alpha(opacity=100)";
-ms-filter: "alpha(opacity=100)"; /* old ie */
}
.mCSB_scrollTools .mCSB_draggerRail {
background: #000; /* rgba fallback */
background: rgba(0,0,0,0.4);
filter: "alpha(opacity=40)";
-ms-filter: "alpha(opacity=40)"; /* old ie */
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background: #fff; /* rgba fallback */
/*background:rgba(255,255,255,0.75);*/
background: rgba(0,0,0,0.6);
filter: "alpha(opacity=6)";
-ms-filter: "alpha(opacity=6)"; /* old ie */
}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background: rgba(0,0,0,0.9);
filter: "alpha(opacity=9)";
-ms-filter: "alpha(opacity=9)"; /* old ie */
}
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
background: rgba(0,0,0,0.9);
filter: "alpha(opacity=90)";
-ms-filter: "alpha(opacity=90)"; /* old ie */
}
.mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight {
background-image: url(http://static.toiimg.com/photo/65010528.cms);
background-repeat: no-repeat;
opacity: 0.4;
filter: "alpha(opacity=40)";
-ms-filter: "alpha(opacity=40)"; /* old ie */
}
.mCSB_scrollTools .mCSB_buttonUp {
background-position: 0 0;/*
sprites locations are 0 0/-16px 0/-32px 0/-48px 0 (light) and -80px 0/-96px 0/-112px 0/-128px 0 (dark)
*/
}
.mCSB_scrollTools .mCSB_buttonDown {
background-position: 0 -20px;/*
sprites locations are 0 -20px/-16px -20px/-32px -20px/-48px -20px (light) and -80px -20px/-96px -20px/-112px -20px/-128px -20px (dark)
*/
}
.mCSB_scrollTools .mCSB_buttonLeft {
background-position: 0 -40px;/*
sprites locations are 0 -40px/-20px -40px/-40px -40px/-60px -40px (light) and -80px -40px/-100px -40px/-120px -40px/-140px -40px (dark)
*/
}
.mCSB_scrollTools .mCSB_buttonRight {
background-position: 0 -56px;/*
sprites locations are 0 -56px/-20px -56px/-40px -56px/-60px -56px (light) and -80px -56px/-100px -56px/-120px -56px/-140px -56px (dark)
*/
}
.mCSB_scrollTools .mCSB_buttonUp:hover, .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover {
opacity: 0.75;
filter: "alpha(opacity=75)";
-ms-filter: "alpha(opacity=75)"; /* old ie */
}
.mCSB_scrollTools .mCSB_buttonUp:active, .mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active {
opacity: 0.9;
filter: "alpha(opacity=90)";
-ms-filter: "alpha(opacity=90)"; /* old ie */
}
/*scrollbar themes*/
/*dark (dark colored scrollbar)*/
.mCS-dark>.mCSB_scrollTools .mCSB_draggerRail {
background: #000; /* rgba fallback */
background: rgba(0,0,0,0.15);
}
.mCS-dark>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background: #000; /* rgba fallback */
background: rgba(0,0,0,0.75);
}
.mCS-dark>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background: rgba(0,0,0,0.85);
}
.mCS-dark>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
background: rgba(0,0,0,0.9);
}
.mCS-dark>.mCSB_scrollTools .mCSB_buttonUp {
background-position: -80px 0;
}
.mCS-dark>.mCSB_scrollTools .mCSB_buttonDown {
background-position: -80px -20px;
}
.mCS-dark>.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -80px -40px;
}
.mCS-dark>.mCSB_scrollTools .mCSB_buttonRight {
background-position: -80px -56px;
}
/*light-2*/
.mCS-light-2>.mCSB_scrollTools .mCSB_draggerRail {
width: 4px;
background: #fff; /* rgba fallback */
background: rgba(255,255,255,0.1);
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
}
.mCS-light-2>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
width: 4px;
background: #fff; /* rgba fallback */
background: rgba(255,255,255,0.75);
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
}
.mCS-light-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail {
width: 100%;
height: 4px;
margin: 6px 0;
}
.mCS-light-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
width: 100%;
height: 4px;
margin: 6px auto;
}
.mCS-light-2>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background: rgba(255,255,255,0.85);
}
.mCS-light-2>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-2>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
background: rgba(255,255,255,0.9);
}
.mCS-light-2>.mCSB_scrollTools .mCSB_buttonUp {
background-position: -32px 0;
}
.mCS-light-2>.mCSB_scrollTools .mCSB_buttonDown {
background-position: -32px -20px;
}
.mCS-light-2>.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -40px -40px;
}
.mCS-light-2>.mCSB_scrollTools .mCSB_buttonRight {
background-position: -40px -56px;
}
/*dark-2*/
.mCS-dark-2>.mCSB_scrollTools .mCSB_draggerRail {
width: 4px;
background: #000; /* rgba fallback */
background: rgba(0,0,0,0.1);
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
width: 4px;
background: #000; /* rgba fallback */
background: rgba(0,0,0,0.75);
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
}
.mCS-dark-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail {
width: 100%;
height: 4px;
margin: 6px 0;
}
.mCS-dark-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
width: 100%;
height: 4px;
margin: 6px auto;
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background: rgba(0,0,0,0.85);
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-2>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
background: rgba(0,0,0,0.9);
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonUp {
background-position: -112px 0;
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonDown {
background-position: -112px -20px;
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -120px -40px;
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonRight {
background-position: -120px -56px;
}
/*light-thick*/
.mCS-light-thick>.mCSB_scrollTools .mCSB_draggerRail {
width: 4px;
background: #fff; /* rgba fallback */
background: rgba(255,255,255,0.1);
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
width: 6px;
background: #fff; /* rgba fallback */
background: rgba(255,255,255,0.75);
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.mCS-light-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail {
width: 100%;
height: 4px;
margin: 6px 0;
}
.mCS-light-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
width: 100%;
height: 6px;
margin: 5px auto;
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background: rgba(255,255,255,0.85);
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-thick>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
background: rgba(255,255,255,0.9);
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonUp {
background-position: -16px 0;
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonDown {
background-position: -16px -20px;
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -20px -40px;
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonRight {
background-position: -20px -56px;
}
/*dark-thick*/
.mCS-dark-thick>.mCSB_scrollTools .mCSB_draggerRail {
width: 4px;
background: #000; /* rgba fallback */
background: rgba(0,0,0,0.1);
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
width: 6px;
background: #000; /* rgba fallback */
background: rgba(0,0,0,0.75);
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.mCS-dark-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail {
width: 100%;
height: 4px;
margin: 6px 0;
}
.mCS-dark-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
width: 100%;
height: 6px;
margin: 5px auto;
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background: rgba(0,0,0,0.85);
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
background: rgba(0,0,0,0.9);
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonUp {
background-position: -96px 0;
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonDown {
background-position: -96px -20px;
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -100px -40px;
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonRight {
background-position: -100px -56px;
}
/*light-thin*/
.mCS-light-thin>.mCSB_scrollTools .mCSB_draggerRail {
background: #fff; /* rgba fallback */
background: rgba(255,255,255,0.1);
}
.mCS-light-thin>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
width: 2px;
}
.mCS-light-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail {
width: 100%;
}
.mCS-light-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
width: 100%;
height: 2px;
margin: 7px auto;
}
/*dark-thin*/
.mCS-dark-thin>.mCSB_scrollTools .mCSB_draggerRail {
background: #000; /* rgba fallback */
background: rgba(0,0,0,0.15);
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
width: 2px;
background: #000; /* rgba fallback */
background: rgba(0,0,0,0.75);
}
.mCS-dark-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail {
width: 100%;
}
.mCS-dark-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
width: 100%;
height: 2px;
margin: 7px auto;
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background: rgba(0,0,0,0.85);
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
background: rgba(0,0,0,0.9);
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonUp {
background-position: -80px 0;
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonDown {
background-position: -80px -20px;
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -80px -40px;
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonRight {
background-position: -80px -56px;
}
.white_bg .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: grey;
}
.white_bg .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: grey;
}
.white_bg .mCSB_scrollTools .mCSB_buttonUp {
background-position: -80px 0;
}
.white_bg .mCSB_scrollTools .mCSB_buttonDown {
background-position: -80px -20px;
}
.page-overlay {
position: fixed;
z-index: 998;
width: 100%;
height: 100%;
display: none;
left: 0;
top: 0;
background: rgba(0,0,0,.2);
}
.page-overlay.show {
display: block;
}
.mapboxcontent {
color: #494949;
font: 12px/28px;
border-radius: 4px;
overflow: hidden;
background: #fff;
font-weight: 600;
}
.mapboxcontent h5 {
background: #1382c5;
color: #fff;
font: 13px/19px;
padding: 5px 10px;
font-weight: 600;
}
.pac-container {
z-index: 9999999999 !important;
}
.pac-container .pac-item {
font: 13px/25px 'Montserrat', Arial, Helvetica, sans-serif;
color: #494949 !important;
}
.ad ins[style], .banner_local ins[style] {
width: 100% !important;
}
.loader-layer {
position: fixed;
z-index: 1000000;
background: rgba(0,0,0,.6);
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.loader-layer span.loader {
width: 59px;
height: 70px;
background: url(http://static.toiimg.com/photo/27674221.cms) no-repeat 0 0;
position: absolute;
top: 50%;
left: 50%;
z-index: 10000010;
margin: -25px 0 0 -24px;
display: block;
}
.description div.alC span.ImageCredit {
bottom: -1px;
}
.gmnoprint div {
font-size: 12px !important;
line-height: 1.3em !important;
}
.info_close {
position: absolute;
top: -1px;
right: -5px;
background: url(http://static.toiimg.com/photo/65010528.cms) no-repeat -248px -254px;
cursor: pointer;
height: 18px;
position: absolute;
width: 22px;
z-index: 1000;
}
.gmnoprint div[title="Exit Street View"] {
top: 50px !important;
background: #bbb !important;
padding: 8px;
cursor: pointer;
}
h2.heading1 span {
font-weight: normal;
font-size: 24px;
color: #595a5a;
padding: 0;
margin: 0;
background: none;
}
.city-guide-rhs .box1.ad,.city-guide-rhs .box1.banner_local {
height: auto;
padding-bottom: 10px;
}
.sidebar .box1.ad table table,.sidebar .box1.banner_local table table {
width: 300px !important;
}
.map-image img {
width: 100%;
max-height: 256px;
border: 1px solid #ccc;
width:282px;
height:280px;
}
div.alC span {
z-index: 1;
}
ul.list2 li>a {
position: relative;
display: block;
float: left;
}
ul.list2 li span.distance {
position: absolute;
right: 9px;
bottom: 5px;
background: rgba(0,0,0,.7);
padding: 2px 4px;
color: #fff;
line-height: 14px;
font-size: 10px;
min-width: 45px;
display: block;
height: 13px;
}
ul.list2 li span.distance i {
width: 8px;
height: 13px;
margin-right: 3px;
display: inline-block;
background: url(http://static.toiimg.com/photo/65010528.cms) no-repeat 0 -1265px;
}
.city-guide-header .article-heading.full-width {
float: none !important;
width: auto;
min-width: none !important;
border: 0 !important;
min-height: none !important;
}
.adbox{min-height:inherit;}
@media screen and (max-width:360px) {
ul.tab-strip3 li{padding:11px 1px 0;}
ul.tab-strip3 li a{padding:0 6px;}
}
@media print {
body {
padding: 0;
}
.wrapper {
width: 100%;
}
.navigation, .header .ad,.header .banner_local, .top, .uc .ad,.uc .banner_local, .explore, div.site-map, .sidebar, .city-guide-header .sub-navigation, .sidebar-navigation, .bottom-content, .comment-form, .comments-list, .comment-section {
display: none;
}
.uc .destinations {
float: none;
width: 100%;
}
.main-content {
margin: 0 auto;
float: none;
}
.three-column-layout {
margin: 0 auto;
width: 100%;
}
.one-third {
float: left;
height: 310px;
margin: 0 30px 30px 10px;
padding-bottom: 24px;
width: 280px;
}
.one-third, .one-third.outer {
margin: 0 20px 20px;
}
ul.list4 li.large {
width: 310px;
}
ul.list4 li {
margin-left: 10px;
width: 159px;
}
.article-heading {
padding: 0 10px;
width: 630px;
margin: 0 auto;
}
}
/*css_slideshow */
.synopsisit,
.synopsisit p{color:#fff!important;}
#twicontainer{background-color:#93d1ea;padding-bottom: 5px;}
#twhead{width:100%;}
.twtimg {float: left;}
.twtitle {float: left;padding: 10px;font-size: 14px;font-weight: bold;width: 112px;height: 20px; }
.twlink {float: right;margin-top: 7px;}
.tweetsdiv{width:280px;height:70px;background-color:#fff;margin-left:5px;border-radius}
#tweetresult{height: 315px;overflow-x: hidden;}
#tweetsimg{width:48px;height:48px;float:left;padding-top: 10px;padding-left: 10px;padding-right: 10px;}
#tweetstext {padding: 10px 10px 10px 0px;float: left;width: 195px;height: 48px;padding-left: 5px;font-size: 13px;color:#555;font-family:georgia;text-align:left;}
#tweetstext a{color:#555 !important; font-family: tahoma;font-size: 12px;}
.footy {float: left;margin-left: 5px;width: 20px;}
.tweetime{float:right;height: 35px;margin-right: 13px;}
.tweetime img {padding-left: 52px;}
.twidate {font-size: 10px;color: #fff;}
#inc_dec p {margin:10px 0;padding:5px 0;}
.records_per_profile{border-bottom:1px dotted gray;padding:10px 0px 10px 0px;}
.profile_img_countainer{float:left;margin-right: 5px;}
.frndsname{color:#333;}
.read{color:gray;}
.profile_img{height:40px;width:40px;margin:3px;border:0px solid transparent;}
.clr{clear:both;}
.mrglft10{margin-left:-10px;}
.read_title_countainer{}
.containts{width:1500px;position:relative;top:0px;left:0px;}
.block{float:left;width:295px;padding:0px 0px 0px 5px;}
.block:nth-last-child(3){border-bottom:0px solid transparent;}
.containt_container span{padding:0px 3px 0px 0px;}
.img_cover{border:1px solid #707070;float:left;}
.slidehead{padding: 0 15px;border:0}
.pagination ul {clear: left;float: left;left: 50%;list-style: none outside none;margin: 0;padding: 0;position: relative; text-align: center;}
.pagination {background: none repeat scroll 0 0 #444444;float: left;position: relative;width: 100%;border-top: 1px solid #eee;margin-bottom:1px;padding:0;margin-left:0;height:auto;}
/*-- #mainshow .pagination{max-width:650px;}--*/
.column1 .pagination{overflow:hidden;}
.pagination ul li {border-left: 1px solid #FFFFFF;color: #A7A7A7;cursor: pointer;display: block;float: left;font: 11px/24px arial;list-style: none outside none;margin: 0;padding: 2px 10px;position: relative;right: 50%;text-align: center;width: auto;}
.pagination ul li.active {background-color: #40BFDD;color: #FFFFFF;}
.article .main-content{max-width:650px;}
.pagination ul li.page a{color:#fff;}
.pagination ul li.pvsbtn {
background: url("http://static.toiimg.com/photo/30105743.cms") no-repeat scroll 5px -368px transparent;
height: 24px;
padding: 2px 15px;
}
.pagination ul li.nxtbtn {
background: url("http://static.toiimg.com/photo/30105743.cms") no-repeat scroll -110px -368px transparent;
border-right: 1px solid #FFFFFF;
height: 24px;
padding: 2px 15px;
}
.showid{border-top: 1px solid #303030;clear: both;color: #FFFFFF;float: left;font-family: georgia;font-size: 14px;margin-top: 10px;padding: 0 15px;width: 95%;}
.shd{background: url('http://static.toiimg.com/photo/20068025.cms');height: 7px;}
.fc .fb_iframe_widget {
display:none;
margin-left: 7px
}
.fbtabletfix {
height: 50px
}
.fbtabletfix1 iframe {
height: 70px !important;
width: 70px !important
}
div.fc .fb_iframe_widget span, div.fc div.fb-share-button span {
height: 59px !important;
width: 61px
}
.fc #linkedin {
padding-left: 8px;
position: absolute;
top: 226px;
overflow: hidden;
height: 21px;
margin-top: 3px;
}
.fc iframe.twitter-share-button {
padding-left: 9px;
position: absolute;
top: 73px;
left:0;
}
.copy_url, .embed {
font: bold 12px arial;
padding: 11px;
cursor: pointer;
color: #336797;
padding-right: 0
}
.embed {
padding-left: 21px;
cursor: auto;
height: 15px
}
.leftcontent .topvideo {
width: 554px;
height: 415px;
float: left
}
.leftcontent .views {
float: left;
width: 45px;
height: 45px;
background-color: #000;
color: #fff;
margin-top: 2px;
font: bold 11px arial;
width: 60px;
height: 61px
}
.leftcontent .views div {
font: bold 16px arial;
padding-top: 10px
}
.leftcontent .brief {
width: 564px;
float: left;
margin-right: 1px;
margin-top: 2px;
min-height: 37px;
height: auto;
padding-bottom: 12px
}
.leftcontent .morevideos .brief {
width: 107px;
padding-bottom: 7px;
}
.container .leftcontent .extendstry {
width: 625px
}
.leftcontent .fc div#googleplus {
padding-left: 12px !important;
position: absolute;
top: 153px;
}
#sharebar {
position: absolute;
top: 0;
}
#sharebar1 {
position: absolute;
top: 0;
}
.floatleft {
float: left
}
.parlleldiv1 div.current {
z-index: 100001;
background-color: #fff;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #fff
}
.parlleldiv1 div.divhide {
clear: both;
border: 1px solid #ccc;
display: none;
margin: -2px 6px 6px 0;
overflow: hidden;
padding: 10px;
position: absolute;
display: none
}
.parlleldiv1 div.divshow {
background-color: #fff;
z-index: 100000;
clear: both;
display: block;
position: absolute
}
.parlleldiv1 div.divshow1 {
z-index: 100000;
display: block;
background-color: #fff;
border-top: 0 solid #ccc;
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
border-left: 1px solid #ccc;
display: block;
margin: 0;
overflow: hidden;
padding: 10px
}
.clsimg {
background-position: -17px -468px;
height: 16px;
width: 13px
}
.ttnew:hover span.tooltiptwo {
background: url(http://static.toiimg.com/photo/5795745.cms) no-repeat;
display: block;
position: absolute;
top: -30px;
left: -75px;
margin: 0;
width: 120px;
color: #316796;
font-weight: normal;
height: 30px;
text-align: center
}
ttnew:hover span.topnew {
display: block
}
.ttnew:hover span.middlenew {
display: inline-block;
padding: 5px 0 0 0;
font-size: 10px;
margin: 0;
font-size: padding-top: 0
}
.ttnew:hover span.bottomnew {
display: inline-block;
color: #548912;
font-size: 10px;
padding-bottom: 0;
margin: 0
}
.ttnew {
color: #3ca3ff;
font-weight: bold;
position: relative;
text-decoration: none;
z-index: 24
}
.ttnew a {
text-decoration: none
}
.ttnew span {
display: none
}
.ttnew:hover span.tooltipone {
background: url(http://static.toiimg.com/photo/5795745.cms) no-repeat;
display: block;
position: absolute;
top: -30px;
left: -50px;
margin: 0;
width: 120px;
color: #316796;
font-weight: normal;
height: 30px;
text-align: center
}
.ttnew:hover span.tooltiptwo {
background: url(http://static.toiimg.com/photo/5795745.cms) no-repeat;
display: block;
position: absolute;
top: -30px;
left: -75px;
margin: 0;
width: 120px;
color: #316796;
font-weight: normal;
height: 30px;
text-align: center
}
.ttnew:hover span.topnew {
display: block
}
.ttnew:hover span.middlenew {
display: inline-block;
padding: 5px 0 0 0;
font-size: 10px;
margin: 0;
font-size: padding-top: 0
}
.ttnew:hover span.bottomnew {
display: inline-block;
color: #548912;
font-size: 10px;
padding-bottom: 0;
margin: 0
}
.copy_url .close, .videotext .play span, .search span, #vtabs .ui-tabs-nav li ul li span, .copy_url .close, .embed .close, .paging_videos .prev a, .paging_videos .next a {
background: url('http://static.toiimg.com/photo/17126032.cms') 0 0
}
.fb_iframe_widget {
display: inline-block;
position: absolute !important;
left: 0 !important;
}
.imageblock{float:left;}
.imageblock h1{color: #000000;font: bold 25px/30px Arial,Helvetica,sans-serif;margin: 0 0 7px;padding: 0;text-transform:capitalize;}
.shareblock{float:left; width:81px; text-align:center; background-color:#f5f5f5; height:450px; padding-top:10px;}
#mygallery{float:left; width:574px; height:382px; overflow:hidden; margin:0px; border-left:1px solid #ffffff; background-color:#000000;position:relative; text-align:center;}
#mygallery:hover .nextSlideshows, #mygallery:hover .prevSlideshows {display:block}
#mygallery table{margin:0 auto;}
#imageSlide{float:none !important;vertical-align:middle; }
#topimageblk{background-color:#ffffff; float:left;}
.loader {
display: none;
left: 50%;
margin: -8px 0 0 -8px;
position: absolute;
top: 50%;
}
.playslide {
background: url("http://static.toiimg.com/photo/30105743.cms") no-repeat scroll left -436px transparent;
cursor: pointer;
height: 28px;
left: 20px;
position: absolute;
top: 20px;
width: 133px;
z-index: 999;
}
.prevSlideshows {
-moz-user-select: none;
background: url("http://static.toiimg.com/photo/19086094.cms") no-repeat scroll 10px 185px transparent;
border: 0 none;
cursor: pointer;
display: block;
height: 100%;
left: 0;
opacity: 0.5;
outline: medium none;
padding: 0;
position: absolute;
text-indent: -9999px;
width: 90px !important;
z-index:99;
}
.currentSlideshows{
display:block;
height:100%;
width:370px;
position:absolute;
left:90px;
z-index:99;
}
.nextSlideshows {
-moz-user-select: none;
background: url("http://static.toiimg.com/photo/19086097.cms") no-repeat scroll 76px 185px transparent;
border: 0 none;
cursor: pointer;
display: block;
height: 100%;
opacity: 0.5;
outline: medium none;
padding: 0;
position: absolute;
right: 0;
text-indent: -9999px;
width: 117px !important;
z-index:99
}
#topimageblk img {
float: left;
}
#imageSlide {
float: none !important;
vertical-align: middle;
}
.mincontent {
background-color: #333333;
float: left;
min-height: 76px;
width: 100%;
border-top: 1px solid #FFFFFF;
}
#include {
background-color: #333333;
float: left;
/* min-height: 105px;*/
width: 100%;
border-bottom: 1px solid #FFFFFF;
}
.contentdata {
/*border-top: 1px solid #FFFFFF;*/
color: #FFFFFF;
float: left;
font-size: 12px;
padding: 10px;
width: 96%;
}
.slideshow_list .contentdata{font-size:14px;position:relative;}
.slideshow_list .down_guide_container{position:absolute;right:0;top:0;}
.slideshow_list .down_guide{padding:0;padding-top:3px;}
.contentdata .count {
float: left;
font-size: 48px;
width: 63px;
}
.contentdata .data {
/*padding-top:22px;
float: left;*/
vertical-align:middle;
display:table-cell;
width:499px;
height:57px;
/*width: 560px;*/
}
.contentdata a, .pp_content_container a{
color: #FFFFFF;
text-decoration:underline;
/*cursor: pointer;*/
/*font: 11px/20px arial;*/
}
.pp_content_container a{
color: #ababab;
}
.slideshow_list .contentdata a{
color: #0060ff;
text-decoration:none;
}
#topimageblk {
font-size: 11px ;
}
.shareblock {
background-color: #000000;
float: left;
padding-top: 10px;
text-align: center;
width: 75px;
}
.fc {
z-index: 998;
}
#fbtabletfix, .tweetbutton, .googleplus, #linkplus {
cursor:pointer;
height: 65px;
margin: 0 auto;
/*overflow: hidden;*/
width: 60px;
}
#linkplus {
overflow: hidden;
}
#fbimg {
background: url("http://static.toiimg.com/photo/30105743.cms") no-repeat scroll 0 -42px transparent;
float: left;
height: 45px;
margin-bottom: 20px;
width: 55px;
cursor:pointer;
}
.clr10 {
clear: both;
padding-top: 10px;
}
#pinimg {
background: url("http://static.toiimg.com/photo/30105743.cms") no-repeat scroll -211px 1px transparent;
float: left;
height: 46px;
width: 55px;
cursor:pointer;
}
#tbimg {
background: url("http://static.toiimg.com/photo/30105743.cms") no-repeat scroll 0 1px transparent;
float: left;
height: 46px;
width: 55px;
}
#gpimg {
background: url("http://static.toiimg.com/photo/30105743.cms") no-repeat scroll 0 -91px transparent;
float: left;
height: 46px;
margin-bottom: 20px;
width: 55px;
}
#linkimg {
background: url("http://static.toiimg.com/photo/30105743.cms") no-repeat scroll 0 -182px transparent;
cursor: pointer;
float: left;
height: 46px;
width: 55px;
margin-top:20px;
}
#linkplus #linkedin {
height: 66px;
margin-top: 80px;
overflow: hidden;
padding-left: 0px;
position: absolute;
top: 226px;
}
.nextSlideshows:hover, .prevSlideshows:hover {
opacity: 1;
}
.pauseslid {
background: url("http://static.toiimg.com/photo/30105743.cms") no-repeat scroll left -464px transparent;
cursor: pointer;
height: 28px;
left: 20px;
position: absolute;
top: 20px;
width: 133px;
z-index: 999;
}
#sharebar1.fixed {
position: fixed;
top: 5px;
width: 85px;
z-index: 9999;
}
div.fc .fb_iframe_widget span, div.fc div.fb-share-button span {
height: 61px !important;
width: 44px !important;
}
.slideclass{width:574px;float:left;}
.imageblock{width:575px;}
/*css_slideshow */
/*css_popup_slideshow2 */
div.pp_default .pp_top,div.pp_default .pp_top .pp_middle,div.pp_default .pp_top .pp_left,div.pp_default .pp_top .pp_right,div.pp_default .pp_bottom,div.pp_default .pp_bottom .pp_left,div.pp_default .pp_bottom .pp_middle,div.pp_default .pp_bottom .pp_right{height:13px}
div.light_square .pp_pause{width:133px;height:28px;background:url("http://static.toiimg.com/photo/39676966.cms") no-repeat scroll left -464px transparent}
div.light_square .pp_play{width:133px;height:28px;background:url("http://static.toiimg.com/photo/39676966.cms") no-repeat scroll left -436px transparent}
div.light_square .pp_next:hover{background:url("http://static.toiimg.com/photo/19086097.cms") no-repeat scroll 95% 50% transparent;;cursor:pointer;opacity:1;
}
div.light_square .pp_previous:hover{background:url("http://static.toiimg.com/photo/19086094.cms") no-repeat scroll 12% 50% transparent;;cursor:pointer;opacity:1;}
div.pp_pic_holder a:focus{outline:none}
div.pp_overlay{background:#343434;display:none;left:0;position:absolute;top:0;width:100%;z-index:95000}
div.pp_pic_holder .pagination{background-color:#111;}
div.pp_pic_holder{display:none;position:fixed;width:98%;z-index:100000;opacity: inherit; filter: inherit;}
.pp_left{width:90%;margin:auto;max-width:1020px;position:relative;height:469px;background-color:#111111;overflow:hidden;box-shadow:2px 1px 4px #111111;}
.pp_content{height:40px;min-width:40px;background-color:#000000;position:relative;}
* html .pp_content{width:40px}
.pp_content_container{position:relative;text-align:left;/*width:25%;*/width:29%;float:right;z-index:1;padding-right:5px;padding-left:5px;}
.pp_content_container .pp_left{/*padding-left:20px*/}
.pp_content_container .pp_right{padding-right:20px}
.pp_content_container .pp_details{float:left;margin:-1px 0 2px 8px;}
.pp_social{float:left;margin:0}
.pp_social .facebook{float:left;margin-left:5px;width:55px;overflow:hidden}
.pp_social .twitter{float:left}
.pp_nav{clear:right;float:left;margin:3px 10px 0 0}
.pp_nav p{float:left;white-space:nowrap;margin:2px 4px}
.pp_nav .pp_play,.pp_nav .pp_pause{float:left;margin-right:4px;text-indent:-10000px}
a.pp_arrow_previous,a.pp_arrow_next{display:block;float:left;height:15px;margin-top:3px;overflow:hidden;text-indent:-10000px;width:14px}
.pp_hoverContainer{position:absolute;top:0;/*width:100%;*/width:90%;height:100%;z-index:1;margin-left:10%;
-webkit-touch-callout:none;
-webkit-user-select:none;
-khtml-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
-webkit-tap-highlight-color:rgba(0,0,0,0);
}
.pp_gallery{display:none;left:50%;margin-top:-50px;position:absolute;z-index:10000}
.pp_gallery div{float:left;overflow:hidden;position:relative}
.pp_gallery ul{float:left;height:35px;position:relative;white-space:nowrap;margin:0 0 0 5px;padding:0}
.pp_gallery ul a{border:1px rgba(0,0,0,0.5) solid;display:block;float:left;height:33px;overflow:hidden}
.pp_gallery ul a img{border:0}
.pp_gallery li{display:block;float:left;margin:0 5px 0 0;padding:0}
.pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px!important}
a.pp_next{margin-right:-7px;background:url("http://static.toiimg.com/photo/19086097.cms") no-repeat scroll 95% 50% transparent;display:block;float:right;height:100%;text-indent:-10000px;width:80%;opacity:0.5;
-webkit-touch-callout:none !important;
-webkit-user-select:none !important;
-khtml-user-select:none !important;
-moz-user-select:none !important;
-ms-user-select:none !important;
user-select:none !important;
-webkit-tap-highlight-color:rgba(0,0,0,0) !important;
outline:none !important;
-webkit-tap-highlight-color:transparent;
}
a.pp_next:hover, a.pp_next:active{
-webkit-touch-callout:none !important;
-webkit-user-select:none !important;
-khtml-user-select:none !important;
-moz-user-select:none !important;
-ms-user-select:none !important;
user-select:none !important;
-webkit-tap-highlight-color:rgba(0,0,0,0) !important;
outline:none !important;
-webkit-tap-highlight-color:transparent;
}
* {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.pos_rel {
position: relative;
display: block;
font-size: 0;
}
.lftvideoplayer_box .bigbig_playicon, .highlight .bigbig_playicon {
width: 63px;
height: 63px;
display: block;
position: absolute;
top: 50%;
left: 50%;
background-position: -1px -244px;
z-index: 5;
cursor: pointer;
transition: all .5s ease-out;
transform: translate(-50%,-50%);
}
.ent_sprite {
background: url(http://static.toiimg.com/photo/67075012.cms) no-repeat 0 0;
display: block;
}
.video_mid_items iframe.vidHolder {
height: 307px !important;
}
a.pp_previous{background:url("http://static.toiimg.com/photo/19086094.cms") no-repeat scroll 12% 50% transparent;display:block;float:left;height:100%;text-indent:-10000px;width:21%;opacity:0.5;
-webkit-touch-callout:none;
-webkit-user-select:none;
-khtml-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
-webkit-tap-highlight-color:rgba(0,0,0,0);
}
a.pp_expand,a.pp_contract{cursor:pointer;display:none;height:20px;position:absolute;right:30px;text-indent:-10000px;top:10px;width:20px;z-index:20000}
a.pp_close{position:absolute;right:0;top:0;display:block;line-height:22px;text-indent:-10000px;}
.pp_loaderIcon{display:block;height:24px;left:55%;position:absolute;top:50%;width:24px;margin:-12px 0 0 -12px}
#pp_full_res .pp_inline{text-align:left}
#pp_full_res .pp_inline p{margin:0 0 15px}
.ppt_cont{ width: 69.5%; position: relative;}
.ppt .by_txt{font-size:11px;color:#616161;}
.ppt .imagecredit_txt{font-size:11px;color:#999999}
.ppt_author_line{ margin-top: -7px;
margin-bottom: -7px;}
div.pp_default .pp_content,div.light_rounded .pp_content{background-color:#fff}
div.pp_default #pp_full_res .pp_inline,div.light_rounded .pp_content .ppt,div.light_rounded #pp_full_res .pp_inline,div.light_square .pp_content .ppt,div.light_square #pp_full_res .pp_inline,div.facebook .pp_content .ppt,div.facebook #pp_full_res .pp_inline{color:#000}
div.pp_default .pp_gallery ul li a:hover,div.pp_default .pp_gallery ul li.selected a,.pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff}
div.pp_default .pp_details,div.light_rounded .pp_details,div.dark_rounded .pp_details,div.dark_square .pp_details,div.light_square .pp_details,div.facebook .pp_details{position:relative}
div.light_rounded .pp_top .pp_middle,div.light_rounded .pp_content_container .pp_left,div.light_rounded .pp_content_container .pp_right,div.light_rounded .pp_bottom .pp_middle,div.light_square .pp_left,div.light_square .pp_middle,div.light_square .pp_right,div.light_square .pp_content,div.facebook .pp_content{/*background:#fff*/}
div.light_rounded .pp_description,div.light_square .pp_description{/*margin-right:85px*/}
div.light_rounded .pp_gallery a.pp_arrow_previous,div.light_rounded .pp_gallery a.pp_arrow_next,div.dark_rounded .pp_gallery a.pp_arrow_previous,div.dark_rounded .pp_gallery a.pp_arrow_next,div.dark_square .pp_gallery a.pp_arrow_previous,div.dark_square .pp_gallery a.pp_arrow_next,div.light_square .pp_gallery a.pp_arrow_previous,div.light_square .pp_gallery a.pp_arrow_next{margin-top:12px!important}
div.light_rounded .pp_arrow_previous.disabled,div.dark_rounded .pp_arrow_previous.disabled,div.dark_square .pp_arrow_previous.disabled,div.light_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default}
div.light_rounded .pp_arrow_next.disabled,div.dark_rounded .pp_arrow_next.disabled,div.dark_square .pp_arrow_next.disabled,div.light_square .pp_arrow_next.disabled{background-position:-22px -87px;cursor:default}
div.light_rounded .pp_loaderIcon,div.light_square .pp_loaderIcon{background:url("http://static.toiimg.com/photo/20259450.cms") center center no-repeat}
.pp_top,.pp_bottom{height:20px;position:relative}
* html .pp_top,* html .pp_bottom{padding:0 20px}
.pp_top .pp_left,.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px}
.pp_top .pp_middle,.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px}
* html .pp_top .pp_middle,* html .pp_bottom .pp_middle{left:0;position:static}
.pp_top .pp_right,.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px}
.pp_fade,.pp_gallery li.default a img{display:block}
/*#fullResImage{float:left;}*/
.pp_description{width:100%;display:none;margin:0;font-size:14px;float:left;padding-top:3px;line-height:19px;padding-right:0;color:#ababab;/*height:162px;*/overflow:auto;z-index:1;margin-bottom:14px;}
.pp_description p strong{font-weight:normal;font-size:14px;line-height:22px;display:inline-block;padding-bottom:6px;color:#ffffff;}
.pp_gallery ul li{display:none;}
div.light_square div.pp_details{position:absolute;z-index:99999;margin-left:12%;top:7px;width:210px;}
.social_p #pinimg{background-position:-211px 1px;margin-left:1px;}
/**/
#pp_full_res{line-height:1!important;background-color:#000000;width:91.1%;position:absolute;display:table-cell;vertical-align:middle;
-webkit-touch-callout:none;
-webkit-user-select:none;
-khtml-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
-webkit-tap-highlight-color:rgba(0,0,0,0);
}
#pp_full_res img,#pp_full_res iframe{display:block;margin:0 auto;/*position:absolute;*/max-width:100%;/*max-height:430px;*/}
#pp_full_res iframe{margin-top:0;}
#pp_full_res img{position:relative;max-height:430px;}
/**/
.social_p{padding-bottom:29px;position:relative;z-index:9;width:9%;padding-top:34px;float:left;background-color:#111;border-right:1px solid #fff;height:100%}
/* customize*/
#pp_full_res{margin-left:9%;}
.pp_left .close{
/* background: url("http://static.toiimg.com/photo/39676966.cms") no-repeat scroll -233px -59px transparent;*/
/*background: url("http://static.toiimg.com/photo/65010528.cms") no-repeat scroll -248px -254px transparent;*/
background-color:#5b8710;
border:1px solid #fff;
float: right;
height: 19px;
margin-right: -5px;
z-index:100000;
position: absolute;
right: 5px;
width: 19px;cursor:pointer;}
.pp_left .close::before {
content: "X";
color: #fff;
left: 29%;
top: 27%;
position: absolute;
font-size: 12px;
}
.pp_left .close:hover{
background: url("http://static.toiimg.com/photo/65010528.cms") no-repeat scroll -248px -274px transparent;
background-color:#000;
}
.social_p .fb_iframe_widget{margin-left:8px;z-index:11111}
.social_p #linkplus #linkedin{margin-top:142px;}
.social_p #pinit_cont{margin-left:10px;}
div.ppt{color:#fff;display:none;z-index:9999;margin-left:9%;padding-top:7px;padding-bottom:7px;width:85%; font-size:2em;line-height:1.3em;}
.pp_pic_holder{/*background-color:#343434;*/padding-bottom:15px;}
.pp_content_container{color:#fff;}
#fblikenode1{position:relative;}
.currentTextHolder{color:#fff;top:38%;position:absolute;font-size:12px;right:0;background-color:#FF0000;padding:3px;z-index:9}
.pp_arrow_previous,.pp_arrow_next,.pp_close{display:none!important;}
.pp_right{position:relative;height:100%;float:left;width:69.5%}
.ImageCredit {
background: url("http://static.toiimg.com/photo/21528096.cms") repeat scroll 0 0 transparent;
bottom: 5px;
color: #FFFFFF;
padding: 5px 10px;
position: absolute;
right: 0;
opacity:0.5;
z-index:9;
font-size:10px;
line-height:10px;
display:none
}
.ImageCredit a{color:#81C547;}
.pp_content .ImageCredit{bottom:0;right:-1px;}
.pp_content .ImageCredit.top_fix{
top: 384px;
right: 0px;
bottom: auto;
width: auto;}
/*------ Next Gallery ---*/
.next-gallery{background:#000; padding:20px; position:relative; max-width:609px;}
.next-gallery h3{font-size:18px; color:#fff; font-weight:bold; margin-bottom:2.5%; }
.next-gallery .preview-box{border-bottom:1px solid #414242; padding-bottom:1.5%; margin-bottom:2.5%;}
.next-gallery .preview-box .image{float:left; margin-right:3%;width:38%;}
.next-gallery .preview-box .image img,.next-gallery .recommented ul li img{cursor:pointer;}
.next-gallery .preview-box h4,.next-gallery .preview-box h4 a{font-size:20px; color:#d7d7d7; line-height:24px; overflow:hidden; margin-bottom:4px; font-weight:normal;}
.next-gallery .preview-box p{font-size:14px; color:#9b9a9a; line-height:22px; max-height:67px;overflow:hidden;}
.next-gallery .preview-box a.view{display:inline-block; width:82px; height:30px; text-align:center; background:#87c526; border-radius:5px; -moz-border-radius:5px;
-webkit-border-radius:5px; color:#000; font-size:14px; line-height:30px;}
.next-gallery .recommented ul li{list-style:none; margin-right:8px; width:23.5%; float:left;}
.next-gallery .recommented ul li img{width:100%; margin-bottom:10px;}
.next-gallery .recommented ul li a{display:block; font-size:12px; color:#d7d7d7; line-height:15px;}
.next-gallery a.refresh-btn{position:absolute; z-index:50; width:19px; height:19px;
background: url(http://static.toiimg.com/photo/23887650.cms) no-repeat -50px -220px; right:15px; top:15px; }
.pp_content{width:100%;height:92%;overflow:hidden;}
.pp_pic_holder{width:100%;}
/*
@media screen (min-width:1001px) {
.social_p,.showadd{display:block;}
#pp_full_res{width:91.1%;margin-left:9%}
.pp_content_container{clear:none;float:right;width:25%;}
.ppt_cont,.pp_right{width: 73.5%;}
}
*/
@media screen and (min-width:1210px) {
.gutter_ad_wrap{display:block;}
}
@media screen and (max-width:1700px) and (min-width:1201px) {
.first_txt{height:133px;max-height:133px;overflow:hidden;}
.next-gallery .preview-box{padding-bottom:0;}
.next-gallery .preview-box p{margin-bottom:7px;}
.showadd{float:left;}
.pp_description{height:149px;}
}
@media screen and (max-width:1200px) and (min-width:1101px) {
/* .pp_left{border:1px solid yellow;} */
.first_txt{height:133px;max-height:133px;overflow:hidden;}
.next-gallery .preview-box{padding-bottom:0;}
.pp_content .social_p{min-height: 366px;}
.pp_right,.ppt_cont{width:68.5%;}
.pp_description{height:149px;}
.showadd{float:left;}
}
@media screen and (max-width:1100px) and (min-width:1051px) {
/* .pp_left{border:1px solid orange;} */
.first_txt{height:133px;max-height:133px;overflow:hidden;}
.next-gallery .preview-box{padding-bottom:0;}
.pp_content .social_p{min-height: 366px;}
.pp_right,.ppt_cont{width:67%;}
.pp_description{height:124px;}
.showadd{float:left;}
}
@media screen and (max-width:1050px) and (min-width:1001px) {
/* .pp_left{border:1px solid blue;} */
.showadd{float:left;}
.first_txt{height:133px;max-height:133px;overflow:hidden;}
.next-gallery .preview-box{padding-bottom:0;}
.pp_right,.ppt_cont{/*width:66%;*/}
.pp_description{height:165px;font-size: 14px; line-height: 19px;}
}
@media screen and (max-width: 1000px) and (min-width:641px) {
/* .pp_left{border:1px solid red;} */
.pp_content .list-mode{display:block;}
div.pp_pic_holder{width:100%;}
.pp_left{width:100%}
.pp_left{height:auto;}
.social_p,.showadd{display:block;}
div.ppt{font-size:23px;margin-left:9%}
#pp_full_res{width:91.1%;margin-left:9%;}
.pp_content_container{clear:left;float:left;width:100%;margin-top:14px;background-color:#343434;}
.ppt_cont,.pp_right{width:100%;}
.pp_description{width:48%!important;float:left;height:250px; font-size: 12px; line-height: 17px;}
.showadd{float:right;}
.pp_hoverContainer{margin-left:10%;width:90%;}
.dstn_wdgt #themes ul{margin-top: 15px;}
.dstn_wdgt #themes ul li{width:23%; margin:0 2% 10px 0;}
}
@media screen and (max-width: 640px) and (min-width:450px) {
/*.app_link_footer span{display: none;}*/
/* .pp_left{border:1px solid pink;} */
.pp_left,div.pp_pic_holder{width:100%;}
div.pp_pic_holder{z-index:16776274;}
.pp_content_container .list-mode{display:block;}
/* .pp_left{border:1px solid green;} */
.next-gallery a.refresh-btn{right:1px;top:1px}
.next-gallery{padding:10px;}
.next-gallery #pp_full_res img{margin-bottom:1px;}
.next-gallery .preview-box h4, .next-gallery .preview-box h4 a{font-size:9px;height:8px;line-height:8px;}
.next-gallery .preview-box p{font-size:8px;line-height:11px;height:44px;margin-bottom:0;overflow:hidden;}
.next-gallery .preview-box a.view{display:none;}
.next-gallery h3{font-size:9px;margin-bottom:1.5%;}
.next-gallery .preview-box{max-height:65px;overflow:hidden;margin-bottom:1.5%;}
.next-gallery .recommented ul li{width:21%}
.next-gallery .recommented ul li a{font-size:6px;line-height:8px}
.next-gallery .preview-box .image{width:30%;}
.currentTextHolder{font-size:11px;}
div.ppt{font-size:16px;margin-left:5%}
.pp_description{float:left;height:254px;font-size: 12px; line-height: 15px;;border:1px solid #111111;}
/*div.ppt{font-size:18px;height:33px;}*/
div.light_square div.pp_details{margin-left:4%;}
.social_p,.showadd{display:none;}
#pp_full_res{width:100%;margin-left:0;}
.pp_content_container{clear:none;float:right;width:32%;}
.ppt_cont,.pp_right{width:65%;}
.pp_hoverContainer{margin-left:0;width:100%}
}
@media screen and (max-width: 450px) {
.next-gallery .preview-box .load_time_c{position: absolute;
bottom: 0;
height: 16px;
right: 0;
}
.brand_img{position:absolute;left:4px;top:-18px}
/* .pp_left{border:1px solid blue;}*/
.pp_content .list-mode{display:block;right:1px;}
.pp_left,div.pp_pic_holder{width:100%;height:100%}
div.pp_pic_holder{z-index:16776274;}
/* .pp_left{border:1px solid red;}*/
.next-gallery a.refresh-btn{right:1px;top:1px}
.next-gallery{padding:10px;}
.next-gallery #pp_full_res img{margin-bottom:1px;}
.next-gallery .preview-box h4, .next-gallery .preview-box h4 a{font-size:13px;height:62px;line-height:15px;}
.next-gallery .preview-box p{font-size:8px;line-height:11px;height:44px;overflow:hidden;margin-bottom:4px;}
.next-gallery .preview-box a.view{display:none;}
.next-gallery h3{font-size:13px; margin-bottom:1.5%;}
.next-gallery .preview-box .image{width:51%;}
.next-gallery .preview-box{max-height:116px;overflow:hidden;margin-bottom:2.5%;padding-bottom:3.5%;position:relative;}
.next-gallery .preview-box .first_txt p{display:none;}
/*.next-gallery .recommented ul li{width:21%}*/
.next-gallery .recommented ul li{width:45%;height:154px;float:left;}
.next-gallery .recommented ul li:nth-child(even){float:right;}
.pp_content{overflow:visible;height:100%;}
/*.next-gallery .recommented ul li a{font-size:6px;line-height:8px}*/
.next-gallery .recommented ul li a{ font-size: 9px;
line-height: 13px;
padding-top: 6px;
}
.pagination ul li{padding:2px 5px;}
.pagination ul li.nxtbtn{background-position:-116px -368px;padding:2px 10px;}
.pagination ul li.pvsbtn{background-position:3px -368px;padding:2px 10px;}
div.ppt{font-size:20px;margin-left:5%}
.currentTextHolder{font-size:9px;}
.social_p,.showadd{display:none;}
div.light_square div.pp_details{margin-left:4%;}
#pp_full_res{margin-left:0;width:100%;}
.pp_content_container{clear:left;float:left;width:96%;margin-top:12px;}
.ppt_cont,.pp_right{width:100%;}
.pp_right{z-index:2;}
.pp_description{width:100%;float:left; font-size: 16px; line-height: 23px;border:1px solid #111111;}
.pp_hoverContainer{margin-left:0;width:100%}
.pp_left{height: 100%;}
}
@media screen and (max-width: 767px) {
/*-------- Recomedationbox1 ------*/
.recomendationbox1{position:fixed; bottom:-1px; right:0px; box-shadow:0 0 22px #000; padding:7px 2% 0 29%; background:#f4f4f4 url(http://static.toiimg.com/photo/49167342.cms) no-repeat 30px 48px; z-index:999999; width:69%; height:36px; transition:all 0.5s ease;}
.recomendationbox1 h3{font-size:16px; color:#000; margin:4px 0 5px; position:absolute; left:2%; top:7px;}
.recomendationbox1 p{margin-bottom:10px; line-height:16px; font-size:13px; color:#000; margin-top:35px;}
.recomendationbox1 a.close{top:10px; height:23px; border-left:1px solid #999; text-indent:-1000em; padding-left:6px;}
.recomendationbox1 a.close:before{content:""; background:url(http://static.toiimg.com/photo/65010528.cms) no-repeat; display:block; width:19px; height:10px; position:absolute; top:6px;}
.recomendationbox1 a.close:before{background-position: -24px -2226px;}
a.button1.gray{background:#777d7f; color:#fff !important;}
.recomendationbox1.expand{height:124px;}
.recomendationbox1.expand a.close:before{background-position: 0 -2226px;}
}
.fb_iframe_widget{visibility:hidden;}
/*css_popup_slideshow2 */
/*------ visual stories slider css start-----*/
.vswapasslider {
padding-top: 15px;
margin: 15px 0;
border-top: 1px solid #ccc;
}
.vsmaincontainer .vswapasslider {
border-top: none !important;
padding-top: 0 !important;
position: relative;
}
@media screen and (min-width: 769px) {
.vsmaincontainer {
float: left;
width: calc(100% - 40px);
background: #fff;
/*box-shadow: 2px 2px 10px -2px rgba(0,0,0,0.3);*/
margin: 0 0px 30px 0px;
padding: 0px 10px;
box-sizing: border-box;
width:100%;
}
}
@media screen and (max-width: 768px) {
.vsmaincontainer {
float: none;
width: auto;
margin: -15px 0px 25px;
box-sizing: border-box;
}
}
.vswapasslider h4 {
text-transform: uppercase;
font-size: 17px;
margin-bottom: 0 !important;
}
.vswapasslider h4:before {
content: '';
background: url(http://static.toiimg.com/photo/75593449.cms) no-repeat 0 0 /100% auto;
display: inline-block;
vertical-align: middle;
margin: -2px 10px 0 0;
width: 22px;
height: 22px
}
@media screen and (min-width: 769px) {
.vswapasslider .vswapassliderIn {
padding: 10px 0;
position: relative;
overflow: hidden
}
}
@media screen and (max-width: 768px) {
.vswapasslider .vswapassliderIn {
padding: 10px 0;
position: relative;
overflow-x: scroll;
overflow-y: hidden;
white-space: nowrap;
}
}
@media screen and (max-width: 768px) {
::-webkit-scrollbar {
width: 0;
background: transparent;
height: 0;
}
}
.vswapasslider .vswapassliderIn ul {
display: block;
white-space: nowrap;
width: 100%
}
.vswapasslider .vswapassliderIn ul li {
display: inline-block;
vertical-align: top;
width: 245px;
white-space: normal;
margin: 0 5px;
padding-top: 0 !important;
}
.blkvsicon {
width: 24px;
height: 22px;
position: absolute;
right: 10px;
bottom: 10px;
background: url(http://static.toiimg.com/photo/76150242.cms) no-repeat 0 0 / 100% auto
}
.vswapasslider .vswapassliderIn ul li img {
border-radius: 4px;
width: 95px;
height: 133px
}
.vswapasslider .vswapassliderIn ul li a {
padding: 10px;
background-color: #fff;
border-radius: 8px;
display: flex;
box-shadow: 0 0 10px 0 rgba(0,0,0,0.3);
text-decoration: none !important
}
.vswapasslider .vswapassliderIn ul li .asvsimgcontainer {
width: 95px;
height: 133px;
position: relative
}
.vswapasslider .vswapassliderIn ul li .asvscontent {
margin-left: 10px;
font-size: 12px !important;
width: 100px;
}
.vswapasslider .vswapassliderIn ul li .asvscontent h5 {
text-transform: uppercase;
margin-bottom: 5px;
color: #a7a7a7;
overflow: hidden;
max-width: 96%;
white-space: nowrap;
text-overflow: ellipsis
}
.vswapasslider .vswapassliderIn ul li .asvscontent p {
height: 94px;
overflow: hidden;
line-height: 18px;
margin: 0;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 6;
-webkit-box-orient: vertical;
font-weight: 600;
font-size: 13.5px !important;
color: #000;
}
.vsassliderleftarrow,.vsassliderrightarrow {
border-radius: 100%;
width: 32px;
height: 32px;
box-shadow: -1px 0px 5px 1px rgb(0 0 0);
position: absolute;
top: 50%;
transform: translateY(-50%);
background-color: #fff;
text-indent: -9999px
}
.vsassliderrightarrow::before {
content: '';
position: absolute;
right: 0;
top: -79px;
width: 70px;
height: 206px;
background: rgba(247,247,247,1);
background: -moz-linear-gradient(left,rgba(247,247,247,1) 0,rgba(245,245,245,1) 47%,rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top,right top,color-stop(0,rgba(247,247,247,1)),color-stop(47%,rgba(245,245,245,1)),color-stop(100%,rgba(255,255,255,1)));
background: -webkit-linear-gradient(left,rgba(247,247,247,0) 0,rgbargba(247,247,247,0.59) 55%,rgba(255,255,255,1) 100%);
background: -o-linear-gradient(left,rgba(247,247,247,0) 0,rgbargba(247,247,247,0.59) 55%,rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(left,rgba(247,247,247,0) 0,rgbargba(247,247,247,0.59) 55%,rgba(255,255,255,1) 100%);
background: linear-gradient(to right,rgba(247,247,247,0) 0,rgba(247,247,247,0.59) 55%,rgba(255,255,255,1) 100%);
}
.vsassliderleftarrow::before {
content: '';
position: absolute;
right: -29px;
top: -79px;
width: 70px;
height: 206px;
background: -moz-linear-gradient(left,rgba(247,247,247,1) 0,rgba(245,245,245,1) 47%,rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top,right top,color-stop(0,rgba(247,247,247,1)),color-stop(47%,rgba(245,245,245,1)),color-stop(100%,rgba(255,255,255,1)));
background: -webkit-linear-gradient(left,rgba(247,247,247,0) 0,rgbargba(247,247,247,0.59) 55%,rgba(255,255,255,1) 100%);
background: -o-linear-gradient(left,rgba(247,247,247,0) 0,rgbargba(247,247,247,0.59) 55%,rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(left,rgba(247,247,247,0) 0,rgbargba(247,247,247,0.59) 55%,rgba(255,255,255,1) 100%);
background: linear-gradient(to left,rgba(247,247,247,0) 0,rgba(247,247,247,0.59) 55%,rgba(255,255,255,1) 100%);
}
@media screen and (max-width: 768px) {
.vsassliderleftarrow,.vsassliderrightarrow {
display: none !important;
}
}
.vsassliderleftarrow {
left: 0
}
.vsassliderleftarrow:after {
content: '';
position: absolute;
left: 40%;
top: 35%;
border: solid #000;
border-width: 0 2px 2px 0;
transform: rotate(135deg);
width: 7px;
height: 7px
}
.vsassliderrightarrow {
right: 0
}
.vsassliderrightarrow:after {
content: '';
position: absolute;
right: 40%;
top: 35%;
border: solid #000;
border-width: 0 2px 2px 0;
transform: rotate(-45deg);
width: 7px;
height: 7px
}
.vswapasslider .vstory_carusolIn ul {
transition: all .5s ease-out
}
.vswapasslider .vsassliderleftarrow,.vswapasslider .vsassliderrightarrow {
z-index: 9
}
.vswapasslider h4 a {
text-decoration: none !important;
color: #000 !important;
display: inline;
}
.vsassliderleftarrow.disable {
display: none
}
.vsassliderrightarrow.disable {
display: none
}
/*------ visual stories slider css end-----*/
#exepopup{background-color:#fff;position: fixed;z-index:9999;display:block;padding:0px;left:2000px;border:6px solid rgba(82, 82, 82, 0.7);-webkit-background-clip: padding-box; /* for Safari */background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */-webkit-border-radius:6px 6px 6px 6px;-moz-border-radius:6px 6px 6px 6px;border-radius:6px 6px 6px 6px;width:242px;height:320px;margin-top:0px;overflow:hidden;}
#exepopup h2 span{font-size:10px !important;font-weight:bold !important;float:right;cursor:pointer;}
#exepopup h2{
background-color:#6d84b4;
border:1px solid #3b5998 !important;color:#FFFFFF !important;font-size:17px !important;font-weight:700 !important;padding:5px !important;margin:0 !important;overflow:hidden !important;}
.exepopupdata{font-size:12px !important;font-weight:normal !important;height:265px !important;padding:1px !important;background:#fff !important;border-bottom:2px solid #ddd;overflow:hidden !important;}
#exepopupfooter{text-align:left;background:#F2F2F2 !important;height:56px !important;padding:10px 10px 10px 10px !important;overflow:hidden !important;}
#exepopupclose{float:right;background-color:#eee !important;border:1px solid #ccc !important;color:#111 !important;font-weight:bold !important;padding:5px 8px 5px 8px !important;text-decoration:none !important;display:inline-block !important;outline:none !important;position:relative !important;font-size:18px !important;margin:1px !important;}
#exepopupclose:active{top:1px;left:1px;}
.four-column-layout { margin:0 -10px; }
.four-column-layout .one-third { float:left; width:25%; padding:0 10px; height: 310px; margin: 0 30px 30px 10px; padding-bottom: 24px;}
/**********************************************************************************************
PURPOSE
This CSS file provide a clever way to add browser and OS specific css styles.
http://rafael.adm.br/css_browser_selector
***********************************************************************************************/
/*------------------------------------------
// IE - All Versions - Windows
//------------------------------------------*/
/* Clearfix Method for containing floats in IE */
.ie .clearfix { display: inline-block; } /* ... especialy for IE7 */
.ie .clearfix { display: block; } /* ... for IE5,IE6,IE7 */
* html.ie .clearfix { height: 1%; } /* ... for IE5 + IE6/Win */
/* Adjustment of .floatbox class for IE */
.ie .floatbox { width:100%; }
/*Use to make CSS 3 Rounded Corners , Text Shadows and Box Shadows for IE */
.ie .css3 { behavior: url("js/PIE.htc"); }
/*------------------------------------------
// IE - IE6.0 - Windows
//------------------------------------------*/
/* Adds near-native PNG support with alpha opacity in IE6 */
/* ie6 img { behavior: url("js/iepngfix.htc"); } */
/* Adds ability to user :hover selector on any tag in IE6 */
.ie6 body { behavior: url("js/csshover.htc"); }
.ie8 .subscribe-form p.form1 input.txt{width:145px;}
.ie8 .sidebar .subscribe-form p.form1 input.txt{width:177px;}
.ie8 .content{position:relative; height:1%;}
.ie #container .popup1 a.close{display:none;}
.ie8 #emailerr, .ie8 #pwd1, .ie8 #cpwd{margin-top:0 !important; margin-bottom:3px;}
.ie8 .overlay-map .bottom-filter{background:#000;}
.ie8 .overlay-map .top-filtres{background:#fff;}
.ie8 .overlay-map .info-box .tab-strip2 li a{padding:0 7px; font-weight:normal; }
.ie8 .map-box h2{background:#333;}
.ie8 .main-content .box1.full-width .image{width:300px;}
.ie11 .description div.alC span.ImageCredit{bottom:5px}
.ie .description div.alC span.ImageCredit{bottom:4px !important;}
.ie ul.list2 li>a{width:90px; }
.ie .overlay-map .info-box .footer a{padding-right:12px;}
.ie .subscribe-form p.form1{background:#fff !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 ); /* IE6-9}
.ie .activitybar .thumbnails{width:250px;}
/*------- IE7 styles ---*/
.ie7 .uc{margin-bottom:15px;}
.ie7 .content{padding-bottom:15px;}
/*------ Safari ---*/
.safari #container .popup1 a.close{display:none;}
@media (min-width:240px) and (max-width:767px){
.page-title h1{font-size:20px;line-height:28px;}
}