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