@charset "utf-8"; /* CSS Document */   /*latest*/ /* browser reset */ span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%;  vertical-align: baseline; } .newhead *, .newhead *:after, .newhead *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } svg { overflow:hidden; } /* text reset */   /* input reset */ .newhead{line-height:1;} .newhead select { background: #fff; border: solid 1px #000; box-shadow: none; height: 60px; line-height: 18px; padding: 20px 22px; width: auto; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; } .newheadinput[type="text"], .newhead input[type="password"], .newhead input[type="email"], .newhead input.form-text, .newhead textarea { font-family: Helvetica, Arial, sans-serif; font-size: 15px; font-weight: normal; background: #fff; border: 1px solid #e6e6e6; color: #333; margin: 0; outline: none; resize: none; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; -webkit-border-radius: 0; border-radius: 0; background-clip: padding-box; -webkit-transition: color 0.45s, background 0.45s, border 0.45s; -moz-transition: color 0.45s, background 0.45s, border 0.45s; transition: color 0.45s, background 0.45s, border 0.45s; } .newhead input[type="text"]:focus, .newhead input[type="password"]:focus, .newhead input[type="email"]:focus, .newhead input.form-text:focus, .newhead textarea:focus { color: #000; -webkit-transition: color 0.25s, background 0.25s, border 0.25s; -moz-transition: color 0.25s, background 0.25s, border 0.25s; transition: color 0.25s, background 0.25s, border 0.25s; } .newhead input[type="text"]:focus + label, .newhead input[type="password"]:focus + label, .newhead input[type="email"]:focus + label, .newhead input.form-text:focus + label, .newhead textarea:focus + label { color: #000; } .newhead input[type="text"]:disabled, .newhead input[type="password"]:disabled, .newhead input[type="email"]:disabled, .newhead input.form-text:disabled, .newhead textarea:disabled { background: #000; opacity: 0.5; } .newhead input[type="text"]:-ms-clear, .newhead input[type="password"]:-ms-clear, .newhead input[type="email"]:-ms-clear, .newhead input.form-text:-ms-clear, .newhead textarea:-ms-clear { height: 0; width: 0; }  .newhead input[type="text"]{margin-bottom:0; border-radius:0;} .newhead a{text-decoration:none;} .newhead .select-wrapper, .select-wrapper select{border-radius:0;} .newhead textarea { padding: 15px 25px; } .newhead input[type="text"], .newhead input[type="password"], .newhead input[type="email"], .newhead input.form-text, .newhead .input-text { display: inline-block; height: 60px; line-height: 18px; padding: 20px 22px; } .newhead input::-webkit-input-placeholder { color: #b0b0b0; opacity: 1; } .newhead input:-moz-placeholder { color: #b0b0b0; opacity: 1; } .newhead input::-moz-placeholder { color: #b0b0b0; opacity: 1; } .newhead input:-ms-input-placeholder { color: #b0b0b0; opacity: 1; } /* print */ @media print { * { color:#000!important; text-shadow:none!important; background:transparent!important; box-shadow:none!important; } a, a:visited { text-decoration:underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } pre, blockquote { border:1px solid #999; page-break-inside:avoid; } thead { display:table-header-group; } tr, img { page-break-inside:avoid; } img { max-width:100%!important; } @page { margin:0.5cm; } p, h2, h3 { orphans:3; widows:3; } h2, h3 { page-break-after:avoid; } } /* clear */ .clr, .clear, .clearfix:before, .clearfix:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after { content:" "; display:table } .clr, .clear, .clearfix:after, .container-fluid:after, .row:after { clear:both } /* buttons */ .newhead button, .newhead .btn, .newhead a.btn, .newhead input[type="submit"] { font-family: Helvetica, Arial, sans-serif; font-size: 12px; background: #f58705; border: 0; color: #fff; cursor: pointer; display: inline-block; margin: 0; min-width: 100px; outline: none; position: relative; text-align: center; text-shadow: none; vertical-align: middle; white-space: nowrap; z-index: 1; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; -webkit-border-radius: 2px; border-radius: 2px; background-clip: padding-box; -webkit-transition: color 0.45s, background 0.45s, border 0.45s; -moz-transition: color 0.45s, background 0.45s, border 0.45s; transition: color 0.45s, background 0.45s, border 0.45s; } .newhead button:hover, .newhead .btn:hover, .newhead a.btn:hover, .newhead input[type="submit"]:hover { background: #666; } .newhead button, .newhead a.btn, .newhead .btn, .newhead input[type="submit"] { height: 30px; line-height: 11px; padding: 8px 12px; } .newhead a.btn-block, .newhead .btn-block { display: block; width: 100%; } .newhead a.btn-red, .newhead .btn-red, .newhead input[type="submit"].btn-red { background-color: #ff4242; } .newhead a.btn-red:hover, .newhead .btn-red:hover, .newhead input[type="submit"].btn-red:hover { background-color: #ff1d23; } .newhead a.btn-green, .newhead .btn-green, .newhead input[type="submit"].btn-green { background-color: #08a182; } .newhead a.btn-green:hover, .newhead .btn-green:hover, .newhead input[type="submit"].btn-green:hover { background-color: #19cba7; } .newhead a.btn-white, .newhead .btn-white, .newhead input[type="submit"].btn-white { background-color: #fff; color: #666; } .newhead a.btn-white:hover, .newhead .btn-white:hover, .newhead input[type="submit"].btn-white:hover { background-color: #fff; color: #000; } .newhead a.btn-black, .newhead .btn-black, .newhead input[type="submit"].btn-black { background-color: #333; } .newhead a.btn-black:hover, .newhead .btn-black:hover, .newhead input[type="submit"].btn-black:hover { background-color: #000; } .newhead button:disabled, .newhead input[type="submit"]:disabled, .newhead button[readonly], .newhead button.disabled { cursor: default; opacity: 0.6; } .newhead button.btn-ghost, .newhead a.btn-ghost, .newhead .btn-ghost, .newhead input[type="submit"].btn-ghost, .newhead button.btn-ghost-white, .newhead a.btn-ghost-white, .newhead .btn-ghost-white, .newhead input[type="submit"].btn-ghost-white, .newhead button.btn-ghost-red, .newhead a.btn-ghost-red, .newhead .btn-ghost-red, .newhead input[type="submit"].btn-ghost-red, .newhead button.btn-ghost-black, .newhead a.btn-ghost-black, .newhead .btn-ghost-black, .newhead input[type="submit"].btn-ghost-black { background: transparent; border: solid 1px #f58705; color: #f58705; padding-bottom: 8px; padding-top: 8px; } .newhead button.btn-ghost:hover, .newhead a.btn-ghost:hover, .newhead .btn-ghost:hover, .newhead input[type="submit"].btn-ghost:hover, .newhead button.btn-ghost-white:hover, .newhead a.btn-ghost-white:hover, .newhead .btn-ghost-white:hover, .newhead input[type="submit"].btn-ghost-white:hover, .newhead button.btn-ghost-red:hover, .newhead a.btn-ghost-red:hover, .newhead .btn-ghost-red:hover, .newhead input[type="submit"].btn-ghost-red:hover, .newhead button.btn-ghost-black:hover, .newhead a.btn-ghost-black:hover, .newhead .btn-ghost-black:hover, .newhead input[type="submit"].btn-ghost-black:hover { color: #fff; background: #f58705; } .newhead button.btn-ghost-white, .newhead a.btn-ghost-white, .newhead .btn-ghost-white, .newhead input[type="submit"].btn-ghost-white { border-color: #fff; color: #fff; } .newhead button.btn-ghost-white:hover, .newhead a.btn-ghost-white:hover, .newhead .btn-ghost-white:hover, .newhead input[type="submit"].btn-ghost-white:hover { background: #fff; color: #333; } .newhead button.btn-ghost-red, .newhead a.btn-ghost-red, .newhead .btn-ghost-red, .newhead input[type="submit"].btn-ghost-red { border-color: #ff4242; color: #ff4242; } .newhead button.btn-ghost-red:hover, .newhead a.btn-ghost-red:hover, .newhead .btn-ghost-red:hover, .newhead input[type="submit"].btn-ghost-red:hover { background: #ff4242; color: #fff; } .newhead button.btn-ghost-black, .newhead a.btn-ghost-black, .newhead .btn-ghost-black, .newhead input[type="submit"].btn-ghost-black { border-color: #333; color: #333; } .newhead button.btn-ghost-black:hover, .newhead a.btn-ghost-black:hover, .newhead .newhead .btn-ghost-black:hover, .newhead .newhead input[type="submit"].btn-ghost-black:hover { background: #333; color: #fff; } .newhead button.btn-md, .newhead a.btn-md, .newhead .btn-md, .newhead input[type="submit"].btn-md { font-size: 13px; height: 40px; line-height: 13px; padding: 12px 24px; } .newhead button.btn-lg, .newhead a.btn-lg, .newhead .btn-lg, .newhead input[type="submit"].btn-lg { font-size: 18px; height: 50px; line-height: 18px; padding: 14px 46px; } /*font*/ @font-face { font-family: "robotothin"; font-weight: normal; font-style: normal; src: url("/common/font/Roboto-Thin-webfont.eot"); src: url("/common/font/Roboto-Thin-webfont.eot?#iefix") format("embedded-opentype"), url("/common/font/Roboto-Thin-webfont.woff") format("woff"), url("/common/font/Roboto-Thin-webfont.ttf") format("truetype"), url("/common/font/Roboto-Thin-webfont.svg#robotothin") format("svg"); } @font-face { font-family: "robotoregular"; font-weight: normal; font-style: normal; src: url("/common/font/Roboto-Regular-webfont.eot"); src: url("/common/font/Roboto-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("/common/font/Roboto-Regular-webfont.woff") format("woff"), url("/common/font/Roboto-Regular-webfont.ttf") format("truetype"), url("/common/font/Roboto-Regular-webfont.svg#robotoregular") format("svg"); } @font-face { font-family: "robotolight"; font-weight: normal; font-style: normal; src: url("/common/font/Roboto-Light-webfont.eot"); src: url("/common/font/Roboto-Light-webfont.eot?#iefix") format("embedded-opentype"), url("/common/font/Roboto-Light-webfont.woff") format("woff"), url("/common/font/Roboto-Light-webfont.ttf") format("truetype"), url("/common/font/Roboto-Light-webfont.svg#robotolight") format("svg"); } @font-face { font-family: "robotobold"; font-weight: normal; font-style: normal; src: url("/common/font/Roboto-Bold-webfont.eot"); src: url("/common/font/Roboto-Bold-webfont.eot?#iefix") format("embedded-opentype"), url("/common/font/Roboto-Bold-webfont.woff") format("woff"), url("/common/font/Roboto-Bold-webfont.ttf") format("truetype"), url("/common/font/Roboto-Bold-webfont.svg#robotobold") format("svg"); } @font-face { font-family: "robotoblack"; font-weight: normal; font-style: normal; src: url("/common/font/Roboto-Black-webfont.eot"); src: url("/common/font/Roboto-Black-webfont.eot?#iefix") format("embedded-opentype"), url("/common/font/Roboto-Black-webfont.woff") format("woff"), url("/common/font/Roboto-Black-webfont.ttf") format("truetype"), url("/common/font/Roboto-Black-webfont.svg#robotoblack") format("svg"); } /*FontAwesome*/ @font-face { font-family: 'FontAwesome'; src: url("/common/font/fontawesome-webfont.eot?v=4.4.0"); src: url("/common/font/fontawesome-webfont.eot?#iefix&v=4.4.0") format("embedded-opentype"), url("/common/font/fontawesome-webfont.woff?v=4.4.0") format("woff2"), url("/common/font/fontsawesome-webfont.woff?v=4.4.0") format("woff"), url("/common/font/fontawesome-webfont.ttf?v=4.4.0") format("truetype"), url("/common/font/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular") format("svg"); font-weight: normal; font-style: normal; } .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .fa-angle-down:before { content: "\f107"; } .fa-mobile-phone:before, .fa-mobile:before { content: "\f10b"; } .fa-search:before { content: "\f002"; } .fa-home:before { content: "\f015"; } .fa-facebook-f:before, .fa-facebook:before { content: "\f09a"; } .fa-twitter:before { content: "\f099"; } .fa-pinterest-p:before { content: "\f231"; } .fa-google-plus:before { content: "\f0d5"; } .fa-instagram:before { content: "\f16d"; } .fa-apple:before { content: "\f179"; } .fa-android:before { content: "\f17b"; } .fa-long-arrow-down:before { content: "\f175"; } .fa-chevron-right:before { content: "\f054"; } .fa-thumbs-o-up:before { content: "\f087"; } .fa-edit:before, .fa-pencil-square-o:before { content: "\f044"; } .fa-remove:before, .fa-close:before, .fa-times:before { content: "\f00d"; } .fa-envelope-o:before{content:"\f003";} .fa-envelope:before {content: "\f0e0";} .fa-whatsapp:before{content:"\f232";} .fa-share-square-o:before{content:"\f045";} .fa-phone:before {content:"\f095";} .fa-phone-square:before {content: "\f098";} .flag-icon { background-size: contain; background-position: 50%; background-repeat: no-repeat; position: relative; display: inline-block; width: 1.33333em; line-height: 1em; } .flag-icon:before { content: '\00a0'; } .flag-icon.flag-icon-squared { width: 1em; } .flag-icon-ae { background-image: url(/common/images/flags/4x3/ae.svg); } .flag-icon-ae.flag-icon-squared { background-image: url(/common/images/flags/1x1/ae.svg); } .flag-icon-us { background-image: url(/common/images/flags/4x3/us.svg); } .flag-icon-us.flag-icon-squared { background-image: url(/common/images/flags/1x1/us.svg); } .flag-icon-in { background-image: url(/common/images/flags/4x3/in.svg); } .flag-icon-in.flag-icon-squared { background-image: url(/common/images/flags/1x1/in.svg); } .flag-icon-gb { background-image: url(/common/images/flags/4x3/gb.svg); } .flag-icon-gb.flag-icon-squared { background-image: url(/common/images/flags/1x1/gb.svg); } .fa-comments-o:before { content: "\f0e6";} .fa-long-arrow-up:before { content: "\f176";}  .fa-chevron-down:before { content: "\f078";} .fa-clock-o:before {content: "\f017";} .fa-user:before {content: "\f007";} .fa-laptop:before {content: "\f109";} .fa-quote-left:before {content: "\f10d";} .fa-quote-right:before {content: "\f10e";} .fa-dashboard:before, .fa-tachometer:before {content: "\f0e4";} .fa-check-square-o:before {content: "\f046";} .fa-paperclip:before {content: "\f0c6";} .fa-calendar:before { content: "\f073";}  @font-face { font-family: 'icomoon'; src: url("/common/font/icons/icomoon.eot?f0ejkk"); src: url("/common/font/icons/icomoon.eot?f0ejkk#iefix") format("embedded-opentype"), url("/common/font/icons/icomoon.ttf?f0ejkk") format("truetype"), url("/common/font/icons/icomoon.woff?f0ejkk") format("woff"), url("/common/font/icons/icomoon.svg?f0ejkk#icomoon") format("svg"); font-weight: normal; font-style: normal; } [class^="icon-"], [class*=" icon-"] { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-telephone91:before { content: "\e900"; } .icon-uniE959:before { content: "\e959"; } .icon-user168:before { content: "\e901"; } @media (min-width: 768px) { .container { max-width: 750px; } } @media (min-width: 992px) { .container { max-width: 970px; } } @media (min-width: 1200px) { .container { max-width: 1170px; } } @media (min-width: 1200px) { .container-max { max-width: 1600px; } } .newhead .container { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } .newhead .container-fluid { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; margin-bottom:15px; } .newhead .container-fluid div { font-size:12px; text-align:center; }  /* ========================= Common Header Footer Start===============================*/ .mtitle, .stitle { display: block; font-family: 'robotobold'; font-size: 40px; letter-spacing: -1px; margin-bottom: 15px; text-align: center; } @media (max-width: 767px) { .mtitle, .stitle { font-size: 24px; margin-bottom: 10px; padding: 0 10px; } } .stitle { color: #666; font-family: 'robotothin'; margin: 0; padding-bottom: 50px; } @media (max-width: 767px) { .stitle { font-size: 20px; padding-bottom: 30px; } } .newhead .row {margin-right: -15px; margin-left: -15px; } .row-separator { padding: 60px 0; } .row-separator2 { padding: 10px 0 60px 0 !important; } .menu-nav body, .blur body { overflow: hidden; position: relative; } .blurbody body { overflow: hidden; position: relative; } .dropdown-wraper { background: #fff; width: 100%; z-index: 1; -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.3); transition-property: all; transition-duration: .5s; transition-timing-function: cubic-bezier(0, 1, 0.5, 1); border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; top: 100%; right: 0; bottom: auto; left: auto; position: absolute; } .dropdown-wraper:after { clear: both; content: ""; display: table; height: 0; visibility: hidden; } .dropdown-wraper:before { content: ""; display: table; } .dropdown-wraper:before { height: 0; border: 8px solid transparent; border-bottom-color: #fff; margin: auto; pointer-events: none; width: 0; z-index: 2; top: -16px; right: auto; bottom: auto; left: 9%; position: absolute; } @media (min-width: 768px) and (max-width: 991px) { .dropdown-wraper:before { top: -16px; right: auto; bottom: auto; left: -13%; position: absolute; } } .blurbg { background: #000; content: ""; display: none; height: 100%; width: 100%; z-index: 998; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; opacity: 0.8; top: 0; right: 0; bottom: 0; left: 0; position: fixed; } .blurbody .blurbg { display: block; } .blurbody .blurbg2 { display: block; } .cd-top { color: rgba(0, 0, 0, 0.4); display: inline-block; font-size: 22px; height: 55px; overflow: hidden; opacity: 0; text-align: center; visibility: hidden; white-space: nowrap; width: 75px; cursor: pointer; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; top: auto; right: 0; bottom: 40px; left: auto; position: fixed; } .cd-top span { border: solid 3px rgba(0, 0, 0, 0.4); display: inline-block; padding: 10px; position: relative; min-width: 20px; min-height: 20px; text-align: center; word-wrap: break-word; -webkit-border-radius: 50%; border-radius: 50%; background-clip: padding-box; } .cd-top span b { left: 50%; position: absolute; top: 50%; text-transform: uppercase; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .cd-top span:hover { background: rgba(254, 254, 254, 0.6); color: #333; } .cd-top.cd-is-visible, .cd-top.cd-fade-out { -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .cd-top.cd-fade-out { opacity: .5; } .cd-top.cd-is-visible { opacity: 1; visibility: visible; z-index:101; } .no-touch .cd-top:hover { -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .cd-top .no-touch .cd-top:hover { background: rgba(0, 0, 0, 0.8); opacity: 1; } .relative { position: relative; } .absolute { position: absolute; } .bodyfix { overflow: hidden; } /* .hammenu-hd.showham, .hammenu-hd{display:none;} */  .hide { display: none !important; } /*.show { display: block !important; }*/ @media (max-width: 991px) { /* body { padding-top: 54px; } */ header{position:static !important;} body.addappp{padding-top:0!important} body.addappp header{position:static !important; }body.addappp header.sticky{position:fixed !important; } body.addappp header .topnav.menu-stick{position:static !important;} header .topnav{position:static;} .topnav.menu-stick {  position: fixed; top: 0; width: 100%;}  /* .hammenu-hd.showham{display:block;} */  } @media (min-width: 992px) and (max-width: 1024px) { .tabhide { display: none !important; } } @media (min-width: 992px) and (max-width: 1024px) { .tab-hide { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .pad-hide { display: none !important; } } @media (max-width: 568px) { .mob-hide { display: none !important; } } @media (min-width: 992px) { .hide-desktop, .hide-large { display: none !important; } } @media (min-width: 1200px) { .other-hide { display: none !important; } .hide-desktop { display: inline-block !important; } } span.baec5a81-e4d6-4674-97f3-e9220f0136c1 a { display: none !important; } .hamburger { border: 0; box-shadow: none; cursor: pointer; display: table; font-size: 0; height: 54px; margin: 0; overflow: hidden; padding: 0; position: relative; width: 54px; text-align: center; text-decoration: none; -webkit-transition: background 0.3s; transition: background 0.3s; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; -webkit-border-radius: 0; border-radius: 0; background-clip: padding-box; } .hamburger:focus { outline: none; } .hamburger b { color: #fff; display: table-cell; font-size: 11px; height: 54px; padding-bottom:10px; text-decoration: none; text-transform: uppercase; vertical-align: bottom; width: 100%; } .hamburger span { background: #fff; display: block; height: 3px; text-indent: -9999px; -webkit-border-radius: 1px; border-radius: 1px; background-clip: padding-box; top: 18px; right: 18px; bottom: auto; left: 18px; position: absolute; } .hamburger span::before, .hamburger span::after { background-color: #fff; content: ""; display: block; height: 3px; left: 0; position: absolute; width: 100%; -webkit-border-radius: 1px; border-radius: 1px; background-clip: padding-box; } .hamburger span::before { top: -6px; } .hamburger span::after { bottom: -6px; } .hamburger-htx span { -webkit-transition: background 0s 0.3s; transition: background 0s 0.3s; } .hamburger-htx span::before, .hamburger-htx span::after { -webkit-transition-duration: 0.3s, 0.3s; transition-duration: 0.3s, 0.3s; -webkit-transition-delay: 0.3s, 0s; transition-delay: 0.3s, 0s; } .hamburger-htx span::before { -webkit-transition-property: top, -webkit-transform; transition-property: top, transform; } .hamburger-htx span::after { -webkit-transition-property: bottom, -webkit-transform; transition-property: bottom, transform; } .menu-nav .hamburger-htx span { background: none; } .menu-nav .hamburger-htx span:before { top: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .menu-nav .hamburger-htx span:after { bottom: 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .menu-nav .hamburger-htx span:before, .menu-nav .hamburger-htx span:after { -webkit-transition-delay: 0s, 0.3s; transition-delay: 0s, 0.3s; } .menu-nav .ie .blurbg { display: block; z-index: 10000; } .navigator { height: 0; overflow-x: hidden; overflow-y: hidden; width: 0; z-index: 100000; -webkit-overflow-scrolling: touch; top: auto; right: auto; bottom: auto; left: 0; position: absolute; -webkit-transition: all 0.1s ease; -moz-transition: all 0.1s ease; transition: all 0.1s ease; font-family:'roboto'; } .navigator .navinner { background: #fff; height: 100%; width: 230px; } .navigator .navinner .ltitle{background: #fff; border-bottom: solid 1px rgba(0, 0, 0, 0.1); border-top: solid 1px rgba(0, 0, 0, 0.1); color: #666; cursor: pointer; font-family: 'robotoregular'; font-size: 13px; letter-spacing: 1.5px; padding: 18px 15px; position: relative; text-transform: uppercase;} .navigator .navinner .ltitle a{color: #333; display: block;} .navigator .ntitle, .navigator h2 { background: #fff; border-bottom: solid 1px rgba(0, 0, 0, 0.1); border-top: solid 1px rgba(0, 0, 0, 0.1); color: #666; cursor: pointer; font-family: 'robotoregular'; font-size: 13px; letter-spacing: 1.5px; padding: 18px 15px; position: relative; text-transform: uppercase; } .navigator .ntitle a, .navigator h2 a { color: #333; display: block; } .navigator .ntitle:first-child, .navigator h2:first-child { text-align: center; } .navigator .ntitle:first-child:before, .navigator h2:first-child:before { content: "\f177"; font-size: 18px; left: 7%; right: auto; } .navigator .ntitle:hover, .navigator h2:hover { background: #f6f5f5; color: #333; } .navigator .ntitle:before, .navigator h2:before { color: rgba(0, 0, 0, 0.2); content: "\f078"; margin-top: -8px; display: inline-block; font-family: "FontAwesome"; font-size: 15px; font-weight: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; top: 50%; right: 7%; bottom: auto; left: auto; position: absolute; } .navigator .ntitle.active, .navigator h2.active { background: #edefed; border-bottom-color: transparent; color: #333; } .navigator .ntitle.active:hover, .navigator h2.active:hover { background: #edefed; } .navigator .ntitle.active:before, .navigator h2.active:before { content: "\f077"; }  .navigator .ltitle, .navigator h1 { background: #fff; border-bottom: solid 1px rgba(0, 0, 0, 0.1); border-top: solid 1px rgba(0, 0, 0, 0.1); color: #666; cursor: pointer; font-family: 'robotoregular'; font-size: 13px; letter-spacing: 1.5px; padding: 18px 15px; position: relative; text-transform: uppercase; } .navigator .ltitle a, .navigator h1 a { color: #333; display: block; } .navigator .ltitle:first-child, .navigator h1:first-child { text-align: center; } .navigator .ltitle:first-child:before, .navigator h1:first-child:before { content: "\f177"; font-size: 18px; left: 7%; right: auto; } .navigator .ltitle:hover, .navigator h1:hover { background: #f6f5f5; color: #333; } .navigator .ltitle:before, .navigator h1:before { color: rgba(0, 0, 0, 0.2); content: "\f078"; margin-top: -8px; display: inline-block; font-family: "FontAwesome"; font-size: 15px; font-weight: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; top: 50%; right: 7%; bottom: auto; left: auto; position: absolute; } .navigator .ltitle.active, .navigator h1.active { background: #edefed; border-bottom-color: transparent; color: #333; } .navigator .ltitle.active:hover, .navigator h1.active:hover { background: #edefed; } .navigator .ltitle.active:before, .navigator h1.active:before { content: "\f077"; } .navigator ul { background: #fff; display: none; max-height: 250px; overflow: auto; } .navigator ul:after { clear: both; content: ""; display: table; height: 0; visibility: hidden; } .navigator ul:before { content: ""; display: table; } .navigator ul li a { color: #333; display: block; font-size: 13px; padding: 10px 15px; font-family: arial; } .navigator ul li a:hover { color: #fff; background: #ff4242; } .navigator ul + h2 { margin-top: -1px; } .navigator .hamclose { background: #fff; cursor: pointer; display: none; height: 46px; text-align: center; width: 46px; z-index: 100001; top: 0; right: auto; bottom: auto; left: 230px; position: fixed; } .navigator .hamclose span { display: table-cell; vertical-align: middle; } .navigator .hamclose span em { background: url("/common/images/default/cross.svg") no-repeat center center; background-size: contain; content: ""; display: table; height: 18px; margin: 0 auto; width: 18px; } .menu-nav .navigator { height: 100%; opacity: 1; overflow-y: auto; width: 100%; top: 0; right: 0; bottom: 0; left: 0; position: fixed; } .menu-nav .navigator .hamclose { display: table; } .menu-nav .blurbg { display: block; z-index:9999; } header { left: 0; position: static; top: 0; width: 100%; z-index: 99999; font-family:'arial'; height:auto;} header .topnav { background-color: #333;height: 54px; position: relative; text-align: center; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; transition: all 0.25s ease; } header .topnav:after { clear: both; content: ""; display: table; height: 0; visibility: hidden; } header .topnav:before { content: ""; display: table; } header .topnav .hammenu-hd { float: left; max-width: 54px; } header .topnav .logo-sulekha-hd { float: left; height: 54px; margin: 0 10px 0 10px; width: 33px; } @media (min-width: 441px) and (max-width: 991px) { header .topnav .logo-sulekha-hd { width: 85px; margin:0 2%;  } } @media (min-width: 992px) and (max-width: 1024px) { header .topnav .logo-sulekha-hd { width: 7.875%; } } @media (min-width: 992px) and (max-width: 1200px) { header .topnav .logo-sulekha-hd { width: 7.875%; } } header .topnav .logo-sulekha-hd a { background: url("https://d3aew4oo17ml6.cloudfront.net/common/images/default/sulekha-logo-ushome.svg") no-repeat 0 center; display: block; height: 54px; overflow: hidden; text-indent: -9999px; } @media (min-width: 441px) and (max-width: 991px) { header .topnav .logo-sulekha-hd a { background-size: contain; } } @media (min-width: 992px) and (max-width: 1024px) { header .topnav .logo-sulekha-hd a { background-size: contain; } } @media (min-width: 992px) and (max-width: 1200px) { header .topnav .logo-sulekha-hd a { background-size: contain; } } @media (min-width: 300px) and (max-width: 440px) { header .topnav .logo-sulekha-hd a { background-size: 112px; } } header .topnav .location-hd { float: left; height: 54px; margin: 0 4% 0 1%; position: relative; text-align: left; vertical-align: middle; } @media (min-width: 300px) and (max-width: 439px) { header .topnav .location-hd { margin: 0 4%; } } @media (min-width: 440px) and (max-width: 991px) { header .topnav .location-hd { margin: 0 4% 0 3%; }  } header .topnav .location-hd > span { display: table; height: 100%; width: 100%; line-height: 52px; } header .topnav .location-hd > span > a { color: #fff; display: table-cell; font-size: 13px; margin-right: 10px; vertical-align: middle; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /*  header .topnav .location-hd > span > a:before { margin-right: 8px; display: inline-block; font-family: "FontAwesome"; font-size: 15px; font-weight: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } */ header .topnav .location-hd > span > a.location { color: #fff; font-size: 13px; padding: 0; } /* header .topnav .location-hd > span > a.location:before { content: "\f041"; } */ header .topnav .location-hd > span > a i { display: none; } header .topnav .location-hd > span > a i.fa.fa-map-marker{display: inline-block; } header .topnav .location-hd > span > a b { display: none; } header .topnav .location-hd > span > a em { display: inline; } header .topnav .search-mob-hd { display: table; float: right; height: 54px; min-width: 32px; text-align: center; }    @media (min-width: 300px) and (max-width: 440px) { header .topnav .search-mob-hd { margin-right: 6px !important; } } @media (min-width: 441px) and (max-width: 991px) { header .topnav .search-mob-hd { margin-right: 2% !important; } } @media (min-width: 992px) and (max-width: 1024px) { header .topnav .search-mob-hd { opacity: 1; } } header .topnav .search-mob-hd a { color: #fff; display: table-cell; vertical-align: middle; } header .topnav .search-hd { display: none; float: left; height: 54px; margin-left: 6%; position: relative; width: 40%; -webkit-border-radius: 2px; border-radius: 2px; background-clip: padding-box; } @media (min-width: 992px) { header .topnav .search-hd {/* opacity: 0; visibility: hidden;*/ -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } } header .topnav .search-hd .search-wrapper { height: 54px; width: 100%; } header .topnav .search-hd .src-hd-cat, header .topnav .search-hd .src-hd-txt, header .topnav .search-hd .src-hd-axn { display: table-cell; font-size: 13px; vertical-align: middle; } header .topnav .search-hd .src-hd-cat { height: 34px; position: relative; width: 27.387%; } header .topnav .search-hd .src-hd-cat input[type="text"], header .topnav .search-hd .src-hd-cat .input-text, header .topnav .search-hd .src-hd-cat select { border-bottom: 0; border-top: 0; cursor: pointer; display: block; font-size: 13px; text-transform: capitalize; width: 100%; border-top-left-radius: 2px; border-bottom-left-radius: 2px; height: 34px; line-height: 13px; padding: 10.5px 12px; } header .topnav .search-hd .src-hd-cat:before { pointer-events: none; top: 38%; right: 15px; bottom: auto; left: auto; position: absolute; display: inline-block; content: "\f078"; font-family: "FontAwesome"; font-size: 11px; font-weight: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } header .topnav .search-hd .src-hd-cat select { border-left: 0; padding-bottom: 0; padding-top: 0; } header .topnav .search-hd .src-hd-txt { width: 53.514%; } header .topnav .search-hd .src-hd-txt input[type="text"], header .topnav .search-hd .src-hd-txt .input-text { border: 0; display: block; font-size: 13px; width: 100%; height: 34px; line-height: 13px; padding: 10px 12px; } header .topnav .search-hd .src-hd-axn { width: 19.099%; } header .topnav .search-hd .src-hd-axn .btn { background: #ff837e; display: block; font-size: 14px; font-weight: bold; min-width: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; height: 34px; line-height: 14px; padding: 10px 12px; } header .topnav .search-hd .src-hd-axn .btn:hover { background: #ff4242; } header .topnav .search-hd.active { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } header .topnav .search-hd.active .src-hd-cat select, header .topnav .search-hd.active .src-hd-axn .btn { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } header .topnav .help-hd { display: table; float: right; height: 54px; margin-right: 25px; position: relative; text-align: center; } @media (min-width: 300px) and (max-width: 440px) { header .topnav .help-hd { margin-right: 1px; } } header .topnav .help-hd:after { clear: both; content: ""; display: table; height: 0; visibility: hidden; } header .topnav .help-hd:before { content: ""; display: table; } header .topnav .help-hd .app-dld-hd, header .topnav .help-hd .contact-hd, header .topnav .help-hd .post-hd, header .topnav .help-hd .login-hd, header .topnav .help-hd .post-mob-hd { display: table-cell; line-height: 52px; font-size: 12px; text-align: center; vertical-align: middle; text-transform: capitalize; } header .topnav .help-hd .app-dld-hd { color: #ff4242; margin: 0 25px 0 15px; font-size: 24px; text-transform: uppercase; width: 50px; } @media (min-width: 300px) and (max-width: 440px) { header .topnav .help-hd .app-dld-hd { width: 28px; } } @media (min-width: 300px) and (max-width: 440px) { header .topnav .help-hd .app-dld-hd .btn { margin-top: 10px; } } header .topnav .help-hd .app-dld-hd a { color: #fff; display: table; text-align: center; } header .topnav .help-hd .app-dld-hd a b { font-size: 11px; display: none; position: relative; vertical-align: middle; } header .topnav .help-hd .app-dld-hd a b:before { content: ""; position: absolute; width: 100%; height: 2px; bottom: 0; left: 0; background-color: #000; visibility: hidden; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; background-color: #ff4242; } header .topnav .help-hd .app-dld-hd a i { display: table-cell; padding: 0 5px; vertical-align: middle; animation: myfirst 3s; -moz-animation: myfirst 3s infinite; /* Firefox */ -webkit-animation: myfirst 3s infinite;/* Safari and Chrome */ } header .topnav .help-hd .app-dld-hd a:hover { color: #ff4242; } header .topnav .help-hd .app-dld-hd a:hover b:before { visibility: visible; -webkit-transform: scaleX(1); transform: scaleX(1); } header .topnav .help-hd .app-dld-hd a:hover i { animation: myfirst; -moz-animation: myfirst infinite; /* Firefox */ -webkit-animation: myfirst infinite;/* Safari and Chrome */ } header .topnav .help-hd .app-dld-hd:hover a { color: #ff4242; } header .topnav .help-hd .app-dld-hd:hover a b:before { visibility: visible; -webkit-transform: scaleX(1); transform: scaleX(1); } header .topnav .help-hd .app-dld-hd:hover a i { animation: myfirst; -moz-animation: myfirst infinite; /* Firefox */ -webkit-animation: myfirst infinite;/* Safari and Chrome */ } header .topnav .help-hd .contact-hd { color: #fff; font-size: 18px; } header .topnav .help-hd .contact-hd a { color: #fff; display: table; text-align: center; margin: 0 12px 0 3px; } header .topnav .help-hd .contact-hd a b { font-size: 12px; display: none; vertical-align: middle; } header .topnav .help-hd .contact-hd a i { display: table-cell; padding: 0 3px; vertical-align: middle; font-size: 14px; } header .topnav .help-hd .post-hd { display: none; } header .topnav .help-hd .post-hd .btn-ghost-white { font-size: 12px; min-width: 0; height: 30px; line-height: 12px; padding: 8px 12px; } header .topnav .help-hd .post-mob-hd { font-size: 20px; } header .topnav .help-hd .post-mob-hd a { color: #fff; display: table; min-width: 32px; margin: 0 5px; text-align: center; } header .topnav .help-hd .post-mob-hd a i { display: table-cell; padding: 0 5px; vertical-align: middle; } header .topnav:hover { background-color: #333; } @media (min-width: 992px) { header.sticky .topnav .search-hd { opacity: 1; visibility: visible; } }  @media (min-width: 441px) and (max-width: 991px) {  header .topnav .help-hd .contact-hd a{margin: 0 18px 0 5px} header .topnav .help-hd .app-dld-hd{width:inherit;} header .topnav .help-hd .app-dld-hd a{margin-right: 15px;} }  @media (min-width: 992px) and (max-width: 1030px) { header .topnav .help-hd .app-dld-hd a{margin-right: 25px;} header .topnav .help-hd .app-dld-hd{width:inherit;} header .topnav .help-hd .contact-hd a{ margin: 0 15px 0 3px;} header .topnav .search-mob-hd{margin-right: 15px;}   }   @media (min-width: 992px) and (max-width: 1024px) { header.sticky .topnav .search-mob-hd { opacity: 1; visibility: visible; } }    @-moz-keyframes myfirst { 0% { color: #ff4242; } 25% { color: #f58705; } 50% { color: #fff; } 80% { color: #f58705; } 100% { color: #ff4242; } } @-webkit-keyframes myfirst { 0% { color: #ff4242; } 25% { color: #f58705; } 50% { color: #fff; } 80% { color: #f58705; } 100% { color: #ff4242; } } @media (max-width: 767px) { header .topnav .search-hd .src-hd-cat select { padding-left: 2px; padding-right: 8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } header .topnav .search-hd .src-hd-cat:before { right: 4px; } } @media (min-width: 768px) { header .topnav .location-hd > span > a i { display: inline; font-size: 14px; text-transform: capitalize; } header .topnav .location-hd > span > a em { display: none; } header .topnav .location-hd > span > a b { display: none; } header .topnav .help-hd .post-hd { display: table-cell; } header .topnav .help-hd .post-mob-hd { display: none; } } @media (max-width: 991px) { header .topnav .search-hd { background: rgba(0, 0, 0, 0.4); display: block; height: 0; margin: 0 auto; overflow: hidden; width: 100%; z-index: 1; top: 54px; right: auto; bottom: auto; left: 0; position: absolute; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } header .topnav .search-hd .search-wrapper { display: table; margin: 0 auto; position: relative; width: 80%; } header .topnav .search-hd .search-wrapper input[type="text"], header .topnav .search-hd .search-wrapper .input-text, header .topnav .search-hd .search-wrapper select { border: solid 1px #e6e6e6; } header .topnav .search-hd .search-wrapper .mobsrclose { cursor: pointer; font-size: 20px; top: 16px; right: -22px; bottom: auto; left: auto; position: absolute; color: #fff; } header .topnav .search-hd .src-hd-axn b { display: none; } .mobsrc header .topnav .search-hd { height: 54px; left: 0; overflow: visible; -webkit-border-radius: 0; border-radius: 0; background-clip: padding-box; -webkit-transition: all 0.45s ease-in-out; -moz-transition: all 0.45s ease-in-out; transition: all 0.45s ease-in-out; } .mobsrc header .topnav .search-mob-hd a { color: #ff837e; } } @media (min-width: 992px) and (max-width: 1024px) { header .topnav .search-hd { background: rgba(0, 0, 0, 0.4); display: block; height: 0; margin: 0 auto; overflow: hidden; width: 100%; z-index: 1; top: 54px; right: auto; bottom: auto; left: 0; position: absolute; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } header .topnav .search-hd .search-wrapper { display: table; margin: 0 auto; position: relative; width: 80%; } header .topnav .search-hd .search-wrapper input[type="text"], header .topnav .search-hd .search-wrapper .input-text, header .topnav .search-hd .search-wrapper select { border: solid 1px #e6e6e6; } header .topnav .search-hd .search-wrapper .mobsrclose { cursor: pointer; font-size: 20px; top: 16px; right: -22px; bottom: auto; left: auto; position: absolute; color: #fff; } header .topnav .search-hd .src-hd-axn b { display: none; } .mobsrc header .topnav .search-hd { height: 54px; left: 0; overflow: visible; -webkit-border-radius: 0; border-radius: 0; background-clip: padding-box; -webkit-transition: all 0.45s ease-in-out; -moz-transition: all 0.45s ease-in-out; transition: all 0.45s ease-in-out; } .mobsrc header .topnav .search-mob-hd a { color: #ff837e; } } @media (min-width: 1199px) { header .topnav .logo-sulekha-hd { width: 7.875%; } header .topnav .logo-sulekha-hd a { background-position: center center; background-size: contain; } header .topnav .location-hd > span > a { font-size: 13px; } header .topnav .location-hd > span > a b { font-size: 11px; display: inline; color: #6c7074; } header .topnav .search-mob-hd { display: none; } header .topnav .search-hd { display: table; height: 54px; float: left; margin-left: 1.625%; width: 40.688%; -webkit-border-radius: 2px; border-radius: 2px; background-clip: padding-box; } header .topnav .search-hd .search-wrapper { display: table; } header .topnav .search-hd .search-wrapper .mobsrclose { display: none; } header .topnav .search-hd .src-hd-cat, header .topnav .search-hd .src-hd-txt, header .topnav .search-hd .src-hd-axn { display: table-cell; font-size: 13px; vertical-align: middle; } header .topnav .search-hd .src-hd-cat { width: 27.387%; } header .topnav .search-hd .src-hd-cat:before { z-index: 0; } header .topnav .search-hd .src-hd-cat select { background-color: #fff; } header .topnav .search-hd .src-hd-txt { width: 53.514%; } header .topnav .search-hd .src-hd-axn { width: 19.099%; } header .topnav .help-hd .app-dld-hd a b { display: none; } header .topnav .help-hd .contact-hd a b { display: none; } } @media (min-width: 1200px) { header .topnav .logo-sulekha-hd { width: 7.875%; } header .topnav .location-hd > span > a { font-size: 16px; } header .topnav .location-hd > span > a b { font-size: 12px; display: inline; color: #e6e6e6; } header .topnav .search-hd { margin-left: 1%; width: 40%; } header .topnav .help-hd .app-dld-hd a b { display: table-cell; } header .topnav .help-hd .contact-hd a b { display: table-cell; } } .botnav { background-color: #fff; border-bottom: solid 1px #f4f4f4; padding: 0 1.5%; font-size: 12px; font-weight: bold; height: 44px;  } .botnav ul { display: block; font-size: 0; height: 44px; width: 100%; } .botnav ul li { display: inline-block; font-size: 12px; padding: 0 0.95%; width: auto; line-height:1; font-family: "robotoregular"; font-weight: normal; } .botnav ul li a { display: block; color: #333; padding: 12px 0; } .botnav ul li.active { border-bottom: 2px solid #ff4242;} .botnav ul li.home { font-size: 24px; padding: 0px 12px 0 0; } .botnav ul li.home a { padding: 7px 0; } .botnav ul li.more {float:inherit;} .botnav ul li.more a { color: #ff4242; } .botnav ul li.more a i { font-size: 11px; } .sticky .botnav { height: 0; opacity: 0; overflow: hidden; visibility: hidden; -webkit-transition: all 0.45s ease-in-out; -moz-transition: all 0.45s ease-in-out; transition: all 0.45s ease-in-out; } .menu-stick.botnav { width: 100%; z-index: 3; opacity: 1;  position: fixed !important; top: 40px;  transition: all 0.45s ease-in-out 0s; visibility: visible; -webkit-box-shadow: 0px 2px 2px -2px rgba(0,0,0,0.75);-moz-box-shadow: 0px 2px 2px -2px rgba(0,0,0,0.75);box-shadow: 0px 2px 2px -2px rgba(0,0,0,0.75); } .menu-stick.t-fulmainmenu { width: 100%; z-index: 3; opacity: 1;  position: fixed !important; top: 0;  transition: all 0.45s ease-in-out 0s; visibility: visible;  } @media (max-width: 991px) { .botnav { display: none; } } .help-hd .dropdown-wraper { background: #fff; max-height: 0; max-width: 400px; opacity: 0; overflow-y: hidden; } .help-hd .dropdown-wraper:before { border-bottom-color: #f6f5f5; } @media (max-width: 991px) { .help-hd .dropdown-wraper { left: auto; width: 300px; } .help-hd .dropdown-wraper:before { display: none; } } .help-hd .dropdown-content { float: left; padding: 11px 0 20px 15px; text-align: left; line-height: 20px; background: url("/common/images/other/app-bg-hme.jpg") no-repeat right bottom; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } @media (min-width: 300px) and (max-width: 440px) { .help-hd .dropdown-content { background: none; } } .help-hd .dropdown-content .mtitle { font-size: 16px; text-align: left; } .help-hd .dropdown-content .stitle { font-family: Arial, Helvetica, sans-serif; font-size: 13px; letter-spacing: 0; padding-bottom: 5px; text-align: left; text-transform: none; } .help-hd .dropdown-content .apps-link-container img { width: 77%; } .help-hd .dropdown-content .apps-link-container span { display: block; margin-bottom: 15px; max-width: 150px; } @media (min-width: 300px) and (max-width: 440px) { .help-hd .dropdown-content .apps-link-container span { display: inherit; width: 50%; float: left; } } .help-hd .dropdown-content .apps-link-container span a { display: block; } .help-hd .dropdown-content .apps-link-container span + span { margin-bottom: 0; } @media (max-width: 991px) { .help-hd .dropdown-content { width: 100%; } } .help-hd .dropdown-image { background: url("/common/images/other/sulekha-mobile.png") no-repeat scroll center bottom/contain; content: ''; float: right; margin: 20px 5% 0 0; width: 30%; } .app-dld-hd:hover .dropdown-wraper { opacity: 1; max-height: 300px; overflow-y: visible; width: 350px; z-index: 3; position: absolute; } @media (min-width: 300px) and (max-width: 440px) { .app-dld-hd:hover .dropdown-wraper { width: 270px; } } .app-dld-hd:hover .dropdown-wraper:before { top: -16px; right: 40%; bottom: auto; left: auto; position: absolute; } header .topnav .location-hd .dropdown-wraper { display: none; min-width: 300px; } header .topnav .location-hd .dropdown-wraper:before { border-bottom-color: #f4f4f4; } @media (min-width: 768px) and (max-width: 991px) { header .topnav .location-hd .dropdown-wraper:before { right: 40%; } } header .topnav .location-hd .dropdown-wraper .close { cursor: pointer; line-height: 35px; width: 40px; z-index: 20; top: 6px; right: 8px; bottom: auto; left: auto; position: absolute; font-size: 20px; text-align: center; } header .topnav .location-hd .dropdown-wraper .close em { background: transparent url("/common/images/default/cross.svg") no-repeat center center; background-size: contain; content: ""; display: table; height: 18px; margin: 0 auto; width: 18px; text-transform: uppercase; } header .topnav .location-hd .dropdown-wraper .mainhd { background: #f4f4f4; border-bottom: solid 1px #e6e6e6; font-family: 'robotobold'; font-size: 16px; padding: 15px; position: relative; text-align: left; } header .topnav .location-hd .dropdown-wraper .mainhd:before, header .topnav .location-hd .dropdown-wraper .mainhd:after { content: ''; border: solid transparent; left: 15%; pointer-events: none; position: absolute; bottom: -1px; } header .topnav .location-hd .dropdown-wraper .mainhd:before { border-width: 10px; border-bottom-color: #e6e6e6; margin: -2px 0 0 -1px; } header .topnav .location-hd .dropdown-wraper .mainhd:after { border-width: 9px; border-bottom-color: #fff; } header .topnav .location-hd .dropdown-wraper .form-wraper { display: table; padding: 25px 20px 15px 20px; position: relative; width: 100%; -webkit-border-radius: 3px; border-radius: 3px; background-clip: padding-box; -webkit-transition: all 0.1s ease-in; -moz-transition: all 0.1s ease-in; transition: all 0.1s ease-in; } header .topnav .location-hd .dropdown-wraper .form-wraper:after { clear: both; content: ""; display: table; height: 0; visibility: hidden; } header .topnav .location-hd .dropdown-wraper .form-wraper:before { content: ""; display: table; } header .topnav .location-hd .dropdown-wraper .form-wraper:after { clear: both; content: ""; display: table; height: 0; visibility: hidden; } header .topnav .location-hd .dropdown-wraper .form-wraper:before { content: ""; display: table; } header .topnav .location-hd .dropdown-wraper .form-wraper input[type="text"], header .topnav .location-hd .dropdown-wraper .form-wraper .input-text, header .topnav .location-hd .dropdown-wraper .form-wraper select { background-color: transparent; border: solid 1px #e6e6e6; width: 100%; height: 50px; line-height: 18px; padding: 10px 15px; } header .topnav .location-hd .dropdown-wraper .form-wraper select { border-right: 0; } header .topnav .location-hd .dropdown-wraper .form-wraper .formselect, header .topnav .location-hd .dropdown-wraper .form-wraper .formtext, header .topnav .location-hd .dropdown-wraper .form-wraper .formcta, header .topnav .location-hd .dropdown-wraper .form-wraper .formccl { display: table-cell; vertical-align: middle; } @media (min-width: 300px) and (max-width: 568px) { header .topnav .location-hd .dropdown-wraper .form-wraper .formtext { float: left; width: 56%; } } @media (min-width: 300px) and (max-width: 568px) { header .topnav .location-hd .dropdown-wraper .form-wraper .formcta { float: left; margin-top: 20px; } } header .topnav .location-hd .dropdown-wraper .form-wraper .formselect { position: relative; } header .topnav .location-hd .dropdown-wraper .form-wraper .formselect:after { color: #9e9e9e; content: "\f078"; margin-top: -7.5px; pointer-events: none; display: inline-block; font-family: "FontAwesome"; font-size: 15px; font-weight: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; top: 50%; right: 10px; bottom: auto; left: auto; position: absolute; } header .topnav .location-hd .dropdown-wraper .form-wraper .form-wrap { position: relative; } @media (min-width: 300px) and (max-width: 568px) { header .topnav .location-hd .dropdown-wraper .form-wraper .form-wrap { float: left; width: 30%; } } header .topnav .location-hd .dropdown-wraper .form-wraper .form-wrapin:after { display: inline-block; margin-top: -7.5px; pointer-events: none; z-index: 1; display: inline-block; font-family: "FontAwesome"; font-size: 15px; font-weight: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; top: 50%; right: auto; bottom: auto; left: auto; position: absolute; } header .topnav .location-hd .dropdown-wraper .form-wraper .form-wrapin:after { color: #9e9e9e; content: "\f078"; right: 15px; } header .topnav .location-hd .dropdown-wraper .maintabs { padding: 20px 20px 40px 20px; } header .topnav .location-hd .dropdown-wraper .maintabs .titles { position: relative; } header .topnav .location-hd .dropdown-wraper .maintabs .titles:before { border-bottom: 1px solid #e6e6e6; content: ""; display: block; width: 100%; z-index: -2; top: 50%; right: auto; bottom: auto; left: 20px; position: absolute; } header .topnav .location-hd .dropdown-wraper .maintabs .titles li { display: inline-block; font-family: 'robotobold'; padding: 0 15px 0 0; text-transform: uppercase; } header .topnav .location-hd .dropdown-wraper .maintabs .titles li a { background: #fff; padding: 5px; color: #333; } header .topnav .location-hd .dropdown-wraper .maintabs .titles li.active a { color: #08c; position: relative; } header .topnav .location-hd .dropdown-wraper .maintabs .titles li.active a:after { background: #08c; content: ''; display: block; height: 3px; width: 80%; top: auto; right: auto; bottom: 0; left: 10%; position: absolute; } header .topnav .location-hd .dropdown-wraper .subcontent { padding: 0 20px 30px 20px; } header .topnav .location-hd .dropdown-wraper .subcontent ul:after { clear: both; content: ""; display: table; height: 0; visibility: hidden; } header .topnav .location-hd .dropdown-wraper .subcontent ul:before { content: ""; display: table; } header .topnav .location-hd .dropdown-wraper .subcontent ul li { display: block; float: left; font-size: 12px; padding: 5px 10px; width: 50%; } header .topnav .location-hd .dropdown-wraper .subcontent ul li a { color: #333; } @media (min-width: 768px) { header .topnav .location-hd .dropdown-wraper .subcontent ul li { width: 25%; } } header .topnav .location-hd .dropdown-wraper .subcontent .indcty { display: none; } header .topnav .location-hd .dropdown-wraper .go-to-other { border-top: solid 1px #e6e6e6; padding: 15px 20px; } header .topnav .location-hd .dropdown-wraper .go-to-other ul:after { clear: both; content: ""; display: table; height: 0; visibility: hidden; } header .topnav .location-hd .dropdown-wraper .go-to-other ul:before { content: ""; display: table; } header .topnav .location-hd .dropdown-wraper .go-to-other ul li { float: left; padding-left: 10px; padding-right: 10px; font-size: 11px; } header .topnav .location-hd .dropdown-wraper .go-to-other ul li:first-child { padding-left: 0; } @media (min-width: 300px) and (max-width: 568px) { header .topnav .location-hd .dropdown-wraper .go-to-other ul li { margin-bottom: 15px; padding-left: 0 !important; padding-right: 20px; } } header .topnav .location-hd .dropdown-wraper .go-to-other ul li + li { padding-left: 10px; } header .topnav .location-hd .dropdown-wraper .go-to-other ul li a { color: #333; } header .topnav .location-hd .dropdown-wraper .go-to-other ul li a .flag-icon { margin-right: 3px; } header .topnav .location-hd .dropdown-wraper .go-to-other ul li a:hover { text-decoration: underline; } header .topnav .location-hd .dropdown-wraper .go-to-other ul li a:before { content: ""; display: inline-block; } @media (max-width: 767px) { header .topnav .location-hd { position: static; } header .topnav .location-hd .dropdown-wraper:before { display: none; } header .topnav .location-hd .dropdown-wraper .maintabs { padding-left: 10px; padding-right: 10px; } header .topnav .location-hd .dropdown-wraper .maintabs .titles li { font-size: 13px; padding-right: 2px; } header .topnav .location-hd .dropdown-wraper .subcontent { max-height: 100px; overflow-y: auto; } } @media only screen and (min-device-width: 320px) and (max-device-width: 640px) and (orientation: portrait) { header .topnav .location-hd .dropdown-wraper .form-wraper { text-align: center; } header .topnav .location-hd .dropdown-wraper .formselect, header .topnav .location-hd .dropdown-wraper .formtext { display: block; float: left; margin-bottom: 10px; } header .topnav .location-hd .dropdown-wraper .formselect { width: 30%; } header .topnav .location-hd .dropdown-wraper .formtext { width: 70%; } header .topnav .location-hd .dropdown-wraper .ctas { display: block; padding: 10px 0; text-align: center; } header .topnav .location-hd .dropdown-wraper .ctas:after { clear: both; content: ""; display: table; height: 0; visibility: hidden; } header .topnav .location-hd .dropdown-wraper .ctas:before { content: ""; display: table; } header .topnav .location-hd .dropdown-wraper .formcta, header .topnav .location-hd .dropdown-wraper .formccl { display: inline-block !important; text-align: center; } header .topnav .location-hd .dropdown-wraper .dummy { clear: both; display: block; } } @media only screen and (min-device-width: 320px) and (max-device-width: 640px) and (orientation: landscape) { header .topnav .location-hd .dropdown-wraper select { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } header .topnav .location-hd .dropdown-wraper .formcta .btn { font-size: 14px; border-top-left-radius: 0; border-bottom-left-radius: 0; height: 50px; line-height: 14px; padding: 17.5px 15px; } } @media (min-width: 768px) { header .topnav .location-hd .dropdown-wraper { width: 600px; left: -50%; } } @media (min-width: 768px) and (max-width: 991px) { header .topnav .location-hd .dropdown-wraper { left: -100px; } } @media (min-width: 768px) { header .topnav .location-hd .dropdown-wraper select { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } header .topnav .location-hd .dropdown-wraper .formcta .btn { font-size: 14px; border-top-left-radius: 0; border-bottom-left-radius: 0; height: 50px; line-height: 14px; padding: 17.5px 15px; } } @media (max-width: 767px){ header .topnav .location-hd { margin: 0 2% 0 3% !important; } header .topnav .help-hd .contact-hd a .fa.fa-angle-down{display:none;} header .topnav .location-hd > span > a i.fa.fa-map-marker { border:solid 1px #545353; border-radius: 50%; display: block; font-size: 15px; padding: 7px 11px; }   .search-mob-hd .fa.fa-search { background: #545353 none repeat scroll 0 0; border-radius: 50%; font-size: 15px; padding: 7px; } header .topnav .help-hd .app-dld-hd a i { background: #545353 none repeat scroll 0 0; border-radius: 50%; font-size: 21px; padding: 4px 10px; } header .topnav .help-hd .contact-hd a .fa.fa-user{ background: #545353 none repeat scroll 0 0; border-radius: 50%; padding: 7px 8px; font-size: 14px; } header .topnav .help-hd .post-mob-hd a i{ background: #545353 none repeat scroll 0 0; border-radius: 50%; padding: 8px; font-size: 13px; } header .topnav .help-hd .post-mob-hd a	{min-width: inherit;}    }  @media (min-width: 300px) and (max-width: 479px) { header .topnav .logo-sulekha-hd{margin: 0 2px 0 5px;} header .topnav .help-hd .app-dld-hd{width:inherit;} header .topnav .help-hd .app-dld-hd a{margin-right: 6px;}  }  @media (min-width: 768px){ header .topnav .location-hd > span > a i.fa.fa-map-marker{margin-right: 7px;}   }  header .topnav { z-index: 999; } header .topnav .search-hd .search-wrapper .src-hd-bx { float: left; } header .topnav .search-hd .search-wrapper .src-hd-bx .select-wrapper, header .topnav .search-hd .search-wrapper .src-hd-bx select, header .topnav .search-hd .search-b1 .search-wrapper .src-hd-bx select, .search-b1 header .topnav .search-hd .search-wrapper .src-hd-bx select { float: left; display: inline-block; border-right: 1px solid #000; background: #fff url(/common/images/other/down-new.jpg) no-repeat right 0; cursor: pointer; color: #777; border-bottom: 0; border-top: 0; cursor: pointer; display: block; font-size: 13px; text-transform: capitalize; border-top-left-radius: 2px; border-bottom-left-radius: 2px; height: 34px; line-height: 34px; } header .topnav .search-hd .search-wrapper .src-hd-bx .select-wrapper .holder, header .topnav .search-hd .search-wrapper .src-hd-bx select .holder, header .topnav .search-hd .search-b1 .search-wrapper .src-hd-bx select .holder, .search-b1 header .topnav .search-hd .search-wrapper .src-hd-bx select .holder { display: block; margin: 0 35px 0 5px; white-space: nowrap; overflow: hidden; cursor: pointer; position: relative; padding: 0 5px 0 8px; } header .topnav .search-hd .search-wrapper .src-hd-bx .select-wrapper, header .topnav .search-hd .search-wrapper .src-hd-bx select, header .topnav .search-hd .search-b1 .search-wrapper .src-hd-bx select, .search-b1 header .topnav .search-hd .search-wrapper .src-hd-bx select { height: 34px; line-height: 34px; color: #777; border-bottom: 0; border-top: 0; cursor: pointer; display: block; font-size: 13px; text-transform: capitalize; border-top-left-radius: 2px; border-bottom-left-radius: 2px; height: 34px; line-height: 34px; } header .topnav .search-hd .search-wrapper .src-hd-bx select { margin: 0; position: absolute; z-index: 2; left: 0; top: 0; cursor: pointer; outline: none; opacity: 0; filter: alpha(opacity=0); } .src-hd-bx .select-wrapper, .src-hd-bx .select-wrapper select { width:inherit !important; } .src-hd-bx .select-wrapper .holder { border:none; } header .topnav .search-hd .search-wrapper .src-hd-axn { float: right; } header .topnav .search-hd .search-wrapper .src-hd-wrp { width: auto; overflow: hidden; position: relative; } header .topnav .search-hd .search-wrapper .src-hd-wrp .src-hd-text { position: relative; height: 34px; background: #fff; z-index: 2; } header .topnav .search-hd .search-wrapper .src-hd-wrp .src-hd-text input[type="text"] {cursor:text; position: absolute; top: 0; left: 0; border: 0; display: block; font-size: 13px; width: 100%; height: 34px; line-height: 13px; padding: 10px 12px; } header .topnav .search-hd .search-wrapper .src-hd-wrp, header .topnav .search-hd .search-wrapper .src-hd-bx, header .topnav .search-hd .search-wrapper .src-hd-axn { padding: 10px 0; } .search-suggest-hd { background: #fff; border: none; border-radius: 0 0 3px 3px; box-shadow: 0 7px 10px rgba(0, 0, 0, 0.2); min-width: 160px; margin: 0; padding-bottom: 1px; text-align: left; width: 100%; top: 44px; right: auto; bottom: auto; left: 0; position: absolute; } .search-suggest-hd .wraper { max-height: 420px; overflow-y: auto; overflow-x: hidden; width: 100%; } .search-suggest-hd:before, .search-suggest-hd:after { content: ''; border: solid transparent; left: 50%; pointer-events: none; position: absolute; top: -17px; } .search-suggest-hd:before { border-width: 10px; border-bottom-color: #e6e6e6; margin: -2px 0 0 -1px; } .search-suggest-hd:after { border-width: 9px; border-bottom-color: #f4f4f4; } .search-suggest-hd .sugg { background: #f4f4f4; border-top: solid 1px #e6e6e6; display: block; color: #999; font-size: 11px; line-height: 36px; padding: 0 15px; text-align: center; } .search-suggest-hd label { color: #ff837e; cursor: default; display: block; font-family: 'robotobold'; font-size: 11px; margin: 10px 0 0 0; padding-left: 15px; position: relative; letter-spacing: 1px; line-height: 30px; text-transform: uppercase; z-index: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .search-suggest-hd label:before { content: ''; display: block; border-bottom: 1px solid #f4f4f4; width: 100%; top: 50%; position: absolute; z-index: -2; top: 50%; right: auto; bottom: auto; left: 20px; position: absolute; } .search-suggest-hd label b { background-color: #fff; padding-right: 20px; } .search-suggest-hd ul li { font-size: 12px; line-height: 34px; cursor: pointer; } .search-suggest-hd ul li.active a { background-color: #ff4242; color: #fff; } .search-suggest-hd ul li a { color: #333; display: block; padding: 0 15px; cursor: pointer; -webkit-transition: all 0.1s ease; -moz-transition: all 0.1s ease; transition: all 0.1s ease; } .search-suggest-hd ul li a i { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .search-suggest-hd ul li a b { color: #999; display: block; margin-top: -15px; position: relative; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .search-suggest-hd ul li a:hover { background-color: #ff4242; color: #fff; } .search-suggest-hd ul li a:hover b { color: #6f0909; } .search-suggest-hd ul.v2 li { font-weight: bold; } .search-suggest-hd ul.v2 li b { font-weight: normal; } .service-icon { width: 100%; margin: 20px 0 0 0; } @media (max-width: 767px) { .service-icon { margin: 315px 0 0; } } .service-icon ul li { display: inline-block; background-color: rgba(0, 0, 0, 0.5); border: 1px solid rgba(255, 255, 255, 0.3); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; color: #fff; text-align: center; width: 82px; padding: 13px 1px; margin: 0 4px 0 0; } @media (max-width: 767px) { .service-icon ul li { margin: 0 5px 11px 0; } } @media (min-width: 300px) and (max-width: 360px) { .service-icon ul li { margin: 0 25px 20px 25px !important; } } @media (min-width: 300px) and (max-width: 439px) { .service-icon ul li { margin: 0 10px 20px 10px; } } @media (min-width: 440px) and (max-width: 991px) { .service-icon ul li { margin: 0 20px 20px 20px; } } @media (min-width: 300px) and (max-width: 440px) { .service-icon ul li { width: 83px; } } .service-icon ul li a { color: #fff; } .service-icon ul li a:hover { color: #fff; } .service-icon ul li b { display: block; font-family: "robotoregular"; padding: 5px 0 0 0; font-size: 11px; } .search-b1 .search-wrapper .src-hd-bx { float: left; } .search-b1 .search-wrapper .src-hd-bx .select-wrapper, .search-b1 header .topnav .search-hd .search-wrapper .src-hd-bx select, header .topnav .search-hd .search-b1 .search-wrapper .src-hd-bx select, .search-b1 .search-wrapper .src-hd-bx select { float: left; display: inline-block; border-right: 1px solid #000; background: #fff url(/common/images/other/down-new.jpg) no-repeat right 0; cursor: pointer; } .search-b1 .search-wrapper .src-hd-bx .select-wrapper .holder, .search-b1 header .topnav .search-hd .search-wrapper .src-hd-bx select .holder, header .topnav .search-hd .search-b1 .search-wrapper .src-hd-bx select .holder, .search-b1 .search-wrapper .src-hd-bx select .holder { display: block; margin: 0 35px 0 5px; white-space: nowrap; overflow: hidden; cursor: pointer; position: relative; padding: 0 5px 0 8px; } .search-b1 .search-wrapper .src-hd-bx .select-wrapper, .search-b1 header .topnav .search-hd .search-wrapper .src-hd-bx select, header .topnav .search-hd .search-b1 .search-wrapper .src-hd-bx select, .search-b1 .search-wrapper .src-hd-bx select { height: 34px; line-height: 34px; color: #777; border-bottom: 0; border-top: 0; cursor: pointer; display: block; font-size: 13px; text-transform: capitalize; border-top-left-radius: 2px; border-bottom-left-radius: 2px; height: 34px; line-height: 34px; } .search-b1 .search-wrapper .src-hd-bx select { margin: 0; position: absolute; z-index: 2; left: 0; top: 0; cursor: pointer; outline: none; opacity: 0; filter: alpha(opacity=0); } .search-b1 .search-wrapper .src-hd-axn { float: right; } .search-b1 .search-wrapper .src-hd-wrp { width: auto; overflow: hidden; position: relative; } .search-b1 .search-wrapper .src-hd-wrp .src-hd-text { position: relative; height: 34px; background: #fff; z-index: 2; } .search-b1 .search-wrapper .src-hd-wrp .src-hd-text input[type="text"] { position: absolute; top: 0; left: 0; border: 0; display: block; font-size: 13px; width: 100%; height: 34px; line-height: 13px; padding: 10px 12px; } .search-b1 .search-wrapper .src-hd-wrp, .search-b1 .search-wrapper .src-hd-bx, .search-b1 .search-wrapper .src-hd-axn { padding: 10px 0; } .hsearch2 .hsearch-wrapper { width: 85% !important; } @media (max-width: 568px) { .hsearch2 .hsearch-wrapper { width: 95% !important; } } .hsearch2 .addon { display: none !important; } .hsearch2 .sch-location { display: none !important; } .home-search-w { width: 100%; float: left; height: 61px; margin: 50px 0; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } @media (max-width: 767px) { .home-search-w { width: 100%; } } .home-search-w .hsearch-wrapper { width: 56%; position: relative; float: left; background: #fff; border-bottom-left-radius: 3px; border-top-left-radius: 3px; } @media (max-width: 767px) { .home-search-w .hsearch-wrapper { width: 97%; } } @media (min-width: 768px) and (max-width: 991px) { .home-search-w .hsearch-wrapper { width: 55%; } } @media (min-width: 992px) and (max-width: 1200px) { .home-search-w .hsearch-wrapper { width: 30%; } } .home-search-w .hsearch-wrapper .src-hd-axn { float: right; } .home-search-w .hsearch-wrapper .src-hd-wrp { width: auto; overflow: hidden; position: relative; z-index: 2; border-left: solid 1px #d4d4d4; } .home-search-w .hsearch-wrapper .src-hd-wrp .src-hd-text { position: relative; background: #fff; z-index: 2; } .home-search-w .hsearch-wrapper .src-hd-wrp .src-hd-text input[type="text"] { border: 0; width: 100%; background: #fff; height: 61px; } .home-search-w .hsearch-box { float: left; } .home-search-w .hsearch-box .select-wrapper, .home-search-w .hsearch-box header .topnav .search-hd .search-wrapper .src-hd-bx select, header .topnav .search-hd .search-wrapper .src-hd-bx .home-search-w .hsearch-box select, .home-search-w .hsearch-box .search-b1 .search-wrapper .src-hd-bx select, .search-b1 .search-wrapper .src-hd-bx .home-search-w .hsearch-box select { float: left; display: inline-block; background: url(/common/images/other/down-new.jpg) no-repeat right 50% transparent; cursor: pointer; padding: 0 15px; -webkit-border-top-left-radius: 2px; -webkit-border-bottom-left-radius: 2px; -moz-border-radius-topleft: 2px; -moz-border-radius-bottomleft: 2px; border-top-left-radius: 2px; border-bottom-left-radius: 2px; height: 61px; line-height: 61px; background-color: #fff; } .home-search-w .hsearch-box .select-wrapper select, .home-search-w .hsearch-box header .topnav .search-hd .search-wrapper .src-hd-bx select select, header .topnav .search-hd .search-wrapper .src-hd-bx .home-search-w .hsearch-box select select, .home-search-w .hsearch-box .search-b1 .search-wrapper .src-hd-bx select select, .search-b1 .search-wrapper .src-hd-bx .home-search-w .hsearch-box select select { height: 61px; line-height: 61px; background-color: #fff; border: 0; margin: 0; position: absolute; z-index: 2; cursor: pointer; outline: none; opacity: 0; _noFocusLine: expression(this.hideFocus=true); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -khtml-opacity: 0; -moz-opacity: 0; left: 0; } .home-search-w .hsearch-box .select-wrapper .holder, .home-search-w .hsearch-box header .topnav .search-hd .search-wrapper .src-hd-bx select .holder, header .topnav .search-hd .search-wrapper .src-hd-bx .home-search-w .hsearch-box select .holder, .home-search-w .hsearch-box .search-b1 .search-wrapper .src-hd-bx select .holder, .search-b1 .search-wrapper .src-hd-bx .home-search-w .hsearch-box select .holder { display: block; margin: 0 35px 0 5px; white-space: nowrap; overflow: hidden; cursor: pointer; position: relative; color: #4c4c4c; } .home-search-w .addon { background-color: #f4f3f3; border-left: solid 1px #d8d8d8; border-right: solid 1px #d8d8d8; text-align: center; line-height: 61px; float: left; padding: 0 10px; color: #7f7f7f; font-size: 18px; } @media (max-width: 767px) { .home-search-w .addon { border: none !important; width: 100%; background-color: transparent; line-height: 35px; } } .home-search-w .sch-location { float: left; position: relative; width: 23%; } @media (max-width: 767px) { .home-search-w .sch-location { width: 97%; } } @media (min-width: 992px) and (max-width: 1200px) { .home-search-w .sch-location { width: 19%; } } .home-search-w .sch-location input[type="text"] { border: 0; width: 100%; background: #fff; height: 61px; } .home-search-w .hsearch-btn { float: left; } @media (max-width: 767px) { .home-search-w .hsearch-btn { width: 97%; margin-top: 20px; } } .home-search-w .hsearch-btn .btn { font-size: 18px; border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; height: 61px; line-height: 18px; padding: 21px 15px; text-align: center; } .loaderhome { position: absolute; top: 33%; right: 5%; background: url(/common/images/other/hme-loader.gif); height: 18px; width: 18px; } .loadercenter { position: absolute; top: 33%; left: 45%; background: url(/common/images/other/load-center.gif); height: 64px; width: 64px; } .form-app-sel { width: 50px; height: 40px; overflow: hidden; border-radius: 3px 0 0 3px; margin-top: 10px; } @media (min-width: 300px) and (max-width: 440px) { .form-app-sel { width: 50px; } } .form-app-sel select { width: 65px; border: none; height: 40px; padding: 0 0 0 4px; background: #fff url(/common/images/other/down-new.jpg) no-repeat 78% 50%; } @media (min-width: 300px) and (max-width: 440px) { .form-app-sel select { width: 70px; } } .gtlink-top { margin: 0 0 50px 0; width: 100%; } @media (min-width: 300px) and (max-width: 440px) { .gtlink-top { margin: 0 0 13px; } } .gtlink-top .thank-msgapp { color: #3ba040; } .gtlink-top:after { clear: both; content: ""; display: table; height: 0; visibility: hidden; } .gtlink-top:before { content: ""; display: table; } .gtlink-top .form-app-sel { width: 50px; height: 30px; overflow: hidden; border-radius: 3px 0 0 3px !important; border: solid 1px #e6e6e6; border-right: none; float: left; margin-top: 0; } .gtlink-top .form-app-sel select { width: 68px; border: none; height: 30px; padding: 0 0 0 3px; background: #fff url(/common/images/other/down-new.jpg) no-repeat 78% 50%; border-radius: 0 3px 3px 0 !important; } .gtlink-top .gt-inpu { color: white; position: relative; width: 85%; float: left; } .gtlink-top .gt-inpu:after { clear: both; content: ""; display: table; height: 0; visibility: hidden; } .gtlink-top .gt-inpu:before { content: ""; display: table; } @media (min-width: 300px) and (max-width: 440px) { .gtlink-top .gt-inpu { width: 77%; } } .gtlink-top .gt-inpu.alert input[type="text"] { border-color: #f00; } .gtlink-top .gt-inpu.alert label { color: #f00; } .gtlink-top .gt-inpu input[type="text"] { height: 30px; padding: 0 10px; float: left; width: 55%; border-radius: 0; } @media (min-width: 300px) and (max-width: 440px) { .gtlink-top .gt-inpu input[type="text"] { width: 82%; } } .gtlink-top .gt-inpu input[type="text"]:focus ~ label { display: none; } .gtlink-top .gt-inpu label { position: absolute; top: 5px; left: 7px; font-size: 12px; color: #999; pointer-events: none; } .gtlink-top .gt-inpu .gtbtn { float: left; color: #fff !important; border-radius: 0 3px 3px 0 !important; } .wraper .gt-inpu { color: white; position: relative; width: 86%; } .wraper .gt-inpu:after { clear: both; content: ""; display: table; height: 0; visibility: hidden; } .wraper .gt-inpu:before { content: ""; display: table; } .wraper .gt-inpu.alert input[type="text"] { border-color: #f00; } .wraper .gt-inpu.alert label { color: #f00 !important; } .wraper .gt-inpu input[type="text"] { height: 30px; padding: 0 10px; float: left; width: 45%; border-radius: 0 3px 3px 0 !important; } @media (min-width: 300px) and (max-width: 440px) { .wraper .gt-inpu input[type="text"] { width: 66%; } } .wraper .gt-inpu input[type="text"]:focus ~ label { display: none; } .wraper .gt-inpu label { position: absolute; top: 26px; left: 7px; font-size: 12px !important; color: #999 !important; pointer-events: none; font-family: robotoregular !important; } .wraper .gt-inpu .gtbtn { float: left; color: #fff !important; border-radius: 0 3px 3px 0 !important; } .thank-msgapp { display: block; color: #fff600; text-align: center; font-size: 12px; text-transform: capitalize; margin-bottom: 5px; margin-left: -18%; } .thank-msgapp i { font-size: 16px; margin-right: 5px; } .closeout { left: 50%; margin-left: 120px; top: 78px; width: 50px; z-index: 999999; } @media (max-width: 767px) { .closeout { top: 10px; right: 3px !important; left: inherit !important; } } .closeout .clsoeico { font-size: 24px; color: #6c7074; font-family: 'arial'; line-height: 32px; cursor: pointer; } @media (max-width: 767px) { .closeout .clsoeico { font-size: 24px; } } .modifra { top: 65px; left: 50%; margin-left: -156px; min-height: 614px; width: 312px; } .overlay-black { position: fixed; z-index: 99999; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.9); } .loc-place { margin: 15px 0 0 20px; font-size: 13px; color: #333; font-family: 'robotoregular'; } .loc-place .loca { color: #ff837e; text-transform: capitalize; font-family: 'robotobold'; } .citymetro { width: 100%; margin: 20px 0; } .citymetro:after { clear: both; content: ""; display: table; height: 0; visibility: hidden; } .citymetro:before { content: ""; display: table; } .citymetro .cm-inner { width: 50%; float: left; } .citymetro .cm-inner p { display: block; padding-left: 10px; line-height: 41px; text-align: left; font-family: 'robotoregular'; font-size: 13px; color: #000; background-color: #edefed; } .citymetro .cm-inner p.citymar { border-right: solid 1px #fff; } .citymetro .cm-inner ul { height: 250px; overflow-y: scroll; } @media (max-width: 767px) { .citymetro .cm-inner ul { height: 140px; } } .citymetro .cm-inner ul li { height: 37px; overflow: hidden; } .citymetro .cm-inner ul li a { display: block; padding: 5px 10px; line-height: 25px; margin-right: 15px; text-align: left; font-family: 'robotoregular'; font-size: 14px; color: #6c7074; border-bottom: solid 1px #edefed; } .citymetro .cm-inner ul li a i { text-align: right; float: right; padding: 5px; } .citymetro .cm-inner ul li a:hover { color: #fff; background-color: #ff4242; } .citymetro .cm-inner ul li a:hover i { color: #fff; } .citymetro .cm-inner ul li.active a { color: #fff; background-color: #ff4242; } .citymetro .cm-inner ul li.active a i { color: #fff; } .citymetro .cm-inner.loadcity ul li { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; opacity: 0.2; position: fixed; } .citymetro .loaderhome { position: absolute; top: 20%; left: 45%; background: url(/common/images/other/hme-loader.gif); height: 18px; width: 18px; } .heroad { width: 100%; margin: 0 auto; } @media (min-width: 1200px) { header { left: 0; position: static; top: 0; width: 100%; z-index: 99999; } } @media (min-width: 1200px) { header.sticky { position: fixed; top: 0; } } .afterlogin { z-index: 3; } .footer_sticky { background-color: rgba(0, 0, 0, 0.9); width: 100%; position: fixed; bottom: 0px; z-index: 100; display: block; font-family:'arial'; } .footer_sticky .live-chat { float: right; } .footer_sticky .live-chat a { color: #fff; display: block; background-color: #92ba36; padding: 9px 20px; margin: 0 20px 0 0; font-size: 17px; } .footer_sticky ul { margin: 0px; padding: 8px 15px 8px 0; float: left; } .footer_sticky ul li { margin: 0px; padding: 0 0 0 50px; list-style: none; float: left; font-size: 13px; line-height: 20px; color: #ccc; position: relative; } @media (min-width: 300px) and (max-width: 360px) { .footer_sticky ul li { padding: 0 0 0 36px; } } .footer_sticky ul li a { color: #ccc; } .footer_sticky ul li i { color: #ccc; margin: 0 3px 0 0; font-size: 15px; } .reqcal_back { position: absolute; bottom: 28px; left: 50px; z-index: 100; background-color: #f0f0f0; width: 300px; } @media (max-width: 568px) { .reqcal_back { left: 10px; } } .reqcal_back .titletxt { background-color: #08a182; padding: 10px; } .reqcal_back .titletxt:after { clear: both; content: ""; display: table; height: 0; visibility: hidden; } .reqcal_back .titletxt:before { content: ""; display: table; } .reqcal_back .titletxt .txt { float: left; font-size: 14px; line-height: 20px; color: #fff; } .reqcal_back .titletxt .rt-close { font-size: 13px; float: right; line-height: 20px; } .reqcal_back .titletxt .rt-close a { color: #fff; text-decoration: none; } .reqcal_back .frm_cont { padding: 10px 0; border-left: solid 1px #08a182; border-right: solid 1px #08a182; } .reqcal_back .frm_cont:after { clear: both; content: ""; display: table; height: 0; visibility: hidden; } .reqcal_back .frm_cont:before { content: ""; display: table; } .reqcal_back .frm_cont ul { width: 91%; margin: 0 4%; padding: 0px; } .reqcal_back .frm_cont ul li { position: relative; margin: 5px 0; padding: 0 0 0 0; width: 100%; } .reqcal_back .frm_cont ul li:after { clear: both; content: ""; display: table; height: 0; visibility: hidden; } .reqcal_back .frm_cont ul li:before { content: ""; display: table; } .reqcal_back .frm_cont ul li.alert input { border: solid 1px #f58705; } .reqcal_back .frm_cont ul li.alert label { left: 5px; font-size: 12px; margin-top: 6px; line-height: 20px; left: 5px; color: #f58705; -webkit-transform: scale(0.85); -ms-transform: scale(0.85); -o-transform: scale(0.85); transform: scale(0.85); } .reqcal_back .frm_cont ul li .mcode { float: left; position: relative; width: 26%; } .reqcal_back .frm_cont ul li .mcode .form_wrapin:after { display: inline-block; margin-top: -11px; pointer-events: none; z-index: 1; display: inline-block; font-family: "FontAwesome"; font-size: 15px; font-weight: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; top: 50%; right: auto; bottom: auto; left: auto; position: absolute; } .reqcal_back .frm_cont ul li .mcode .form_wrapin:after { color: #9e9e9e; content: "\f078"; right: 9px; font-size: 12px; } .reqcal_back .frm_cont ul li .mnumber { float: left; width: 74%; } .reqcal_back .frm_cont ul li .mnumber label { left: 80px !important; } .reqcal_back .frm_cont ul li .mnumber input[type="text"] { height: 45px; line-height: 18px; padding: 10px; width: 100%; } .reqcal_back .frm_cont ul li .selectfull { float: left; position: relative; width: 100%; } .reqcal_back .frm_cont ul li .selectfull input { background: #fff url(/common/images/other/down-new.jpg) no-repeat right 0; } .reqcal_back .frm_cont ul li a { color: #fff; } .reqcal_back .frm_cont ul input[type="email"] { width: 100%; height: 45px; padding: 10px; font-size: 14px; } .reqcal_back .frm_cont ul input { width: 100%; height: 45px; padding: 10px; font-size: 14px; } .reqcal_back .frm_cont ul input[type="text"] { height: 45px; line-height: 18px; padding: 10px; width: 100%; } .reqcal_back .frm_cont ul textarea { line-height: 18px; padding: 10px; width: 100%; } .reqcal_back .frm_cont ul input.form-text, .reqcal_back .frm_cont ul textarea { display: block; width: 100%; } .reqcal_back .frm_cont ul input.form-text + label, .reqcal_back .frm_cont ul textarea + label { color: #b0b0b0; line-height: 45px; pointer-events: none; text-transform: uppercase; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; top: 0; right: auto; bottom: 0; left: 10px; position: absolute; } .reqcal_back .frm_cont ul input.form-text + label.lactive, .reqcal_back .frm_cont ul textarea + label.lactive { font-size: 12px; margin-top: 4px; line-height: 10px; left: 5px; -webkit-transform: scale(0.85); -ms-transform: scale(0.85); -o-transform: scale(0.85); transform: scale(0.85); } .reqcal_back .frm_cont ul input.form-text:focus + label, .reqcal_back .frm_cont ul textarea:focus + label { font-size: 12px; margin-top: 4px; line-height: 10px; left: 5px; -webkit-transform: scale(0.85); -ms-transform: scale(0.85); -o-transform: scale(0.85); transform: scale(0.85); } .reqcal_back .frm_cont .frm_row { padding: 10px; } .reqcal_b2 { position: absolute; bottom: 28px; left: 50px; z-index: 100; background-color: #f0f0f0; min-width: 188px; } .reqcal_b2 .sharclose { background-color: #bab8b8; height: 20px; line-height: 15px; text-align: center; width: 100%; } .reqcal_b2 .sharclose .fa-chevron-down { color: #fff; } .reqcal_b2 .sharclose .fa-close { padding: 0px; margin: 0; color: #fff; } .reqcal_b2 ul { margin: 0; padding: 0px; } .reqcal_b2 ul li { padding: 0px; margin: 0; } .reqcal_b2 ul li .fa { color: #fff; width: 25px; height: 25px; text-align: center; line-height: 25px; margin: 8px 5px; } .reqcal_b2 ul li .fa-facebook { background-color: #3b5997; margin-left: 10px; } .reqcal_b2 ul li .fa-twitter { background-color: #29c5f6; } .reqcal_b2 ul li .fa-pinterest-p { background-color: #c61118; } .reqcal_b2 ul li .fa-google-plus { background-color: #dd4b39; } .reqcal_b2 ul li .fa-envelope { background-color: #08a182; } .reqcal_b2 ul li .fa-instagram { background-color: #2e5e86; } .reqcal_b2 ul li .fa-close { background-color: #08a182; margin-left: 15px; } .share_close { background-color: #08a182; text-align: right; padding: 5px; } .drop-result-wraper { background: #fff; border: none; border-top: solid 1px #e6e6e6; box-shadow: 0 7px 10px rgba(0, 0, 0, 0.2); display: none; min-width: 100px; margin: 0; padding-bottom: 1px; text-align: left; width: 100%; z-index: 2; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; top: 100%; right: auto; bottom: auto; left: 0; position: absolute; } .drop-result-wraper .wraprelate { position: relative; width: 100%; } .drop-result-wraper .wraprelate:before, .drop-result-wraper .wraprelate:after { content: ''; border: solid transparent; left: 45%; pointer-events: none; position: absolute; top: -18px; } .drop-result-wraper .wraprelate:before { border-width: 10px; border-bottom-color: #e6e6e6; margin: -2px 0 0 -1px; } .drop-result-wraper .wraprelate:after { border-width: 9px; border-bottom-color: #fff; } .drop-result-wraper .wraper { max-height: 156px; position: relative; overflow-y: auto; overflow-x: hidden; width: 100%; } .drop-result-wraper.hmlsser .wraper{max-height: 306px;} .drop-result-wraper.hmlsser{width:95.4%; top:80%;} .drop-result-wraper .wraper label { color: #ff837e !important; cursor: default; display: block; font-family: 'robotobold'; font-size: 11px; margin: 10px 0 0 0; padding-left: 15px; position: relative; letter-spacing: 1px; line-height: 30px; text-transform: uppercase; z-index: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .drop-result-wraper .wraper label:before { content: ''; display: block; border-bottom: 1px solid #f4f4f4; width: 100%; top: 50%; position: absolute; z-index: -2; top: 50%; right: auto; bottom: auto; left: 20px; position: absolute; } .drop-result-wraper .wraper label b { background-color: #fff; padding-right: 20px; } .drop-result-wraper ul li { font-size: 13px; } .drop-result-wraper ul li.active a { background-color: #ff4242; color: #fff; } .drop-result-wraper ul li a { color: #333; display: block; padding: 8px 15px; -webkit-transition: all 0.1s ease; -moz-transition: all 0.1s ease; transition: all 0.1s ease; } .drop-result-wraper ul li a i { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .drop-result-wraper ul li a b { color: #999; font-size: 11px; display: block; } .drop-result-wraper ul li a:hover { background-color: #ff4242; color: #fff; } .drop-result-wraper ul li a:hover b { color: #6f0909; } .drop-result-wraper2 { background: #fff; border: none; border-top: solid 1px #e6e6e6; box-shadow: 0 7px 10px rgba(0, 0, 0, 0.2); box-shadow: -1px -3px 5px 0px rgba(0, 0, 0, 0.2); -webkit-box-shadow: -1px -3px 5px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: -1px -3px 5px 0px rgba(0, 0, 0, 0.2); display: none; min-width: 100px; margin: 0; padding-bottom: 1px; text-align: left; width: 100%; z-index: 2; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; top: auto; right: auto; bottom: 45px; left: 0; position: absolute; } .drop-result-wraper2 .wraprelate2 { position: relative; width: 100%; } .drop-result-wraper2 .wraprelate2:before, .drop-result-wraper2 .wraprelate2:after { content: ''; border: solid transparent; left: 25%; pointer-events: none; position: absolute; bottom: -18px; } .drop-result-wraper2 .wraprelate2:before { border-width: 10px; border-top-color: #e6e6e6; margin: 0 -1px -2px -1px; } .drop-result-wraper2 .wraprelate2:after { border-width: 9px; border-top-color: #fff; } .drop-result-wraper2 .wraper2 { max-height: 156px; position: relative; overflow-y: auto; overflow-x: hidden; width: 100%; } .drop-result-wraper2 .wraper2 label { color: #ff837e; cursor: default; display: block; font-family: 'robotobold'; font-size: 11px; margin: 10px 0 0 0; padding-left: 15px; position: relative; letter-spacing: 1px; line-height: 30px; text-transform: uppercase; z-index: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .drop-result-wraper2 .wraper2 label:before { content: ''; display: block; border-bottom: 1px solid #f4f4f4; width: 100%; top: 50%; position: absolute; z-index: -2; top: 50%; right: auto; bottom: auto; left: 20px; position: absolute; } .drop-result-wraper2 .wraper2 label b { background-color: #fff; padding-right: 20px; } .drop-result-wraper2 ul li { font-size: 13px; } .drop-result-wraper2 ul li a { color: #333; display: block; padding: 2px 10px; -webkit-transition: all 0.1s ease; -moz-transition: all 0.1s ease; transition: all 0.1s ease; } .drop-result-wraper2 ul li a i { display: block; color: #333 !important; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .drop-result-wraper2 ul li a b { color: #999; font-size: 11px; display: block; } .drop-result-wraper2 ul li a:hover { background-color: #ff4242; color: #fff; } .drop-result-wraper2 ul li a:hover i { color: #fff !important; } .drop-result-wraper2 ul li a:hover b { color: #6f0909; } .result-menu { width: 100% !important; margin: 0 !important; }  footer { background: #333; color: #fff; padding-bottom: 21px; } footer.newhead{font-family:'arial';} footer .foo-topmenu:after { clear: both; content: ""; display: table; height: 0; visibility: hidden; } footer .foo-topmenu:before { content: ""; display: table; } footer .foo-topmenu > li .mainmenu { font-family: 'robotobold'; font-size: 12px; padding: 10px; position: relative; text-transform: uppercase; } footer .foo-topmenu > li .submenu { color: #7f7f7f; font-size: 12px; line-height: 20px; padding: 10px; } footer .foo-topmenu > li .submenu b { display: block; font-weight: bold; } footer .foo-topmenu > li .submenu a { margin-top: 10px; color: #7f7f7f; } footer .foo-topmenu > li.shareit span, footer .foo-topmenu > li.app span { background: #666; display: inline-block; margin: 10px 5px 0 0; -webkit-border-radius: 50%; border-radius: 50%; background-clip: padding-box; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } footer .foo-topmenu > li.shareit span a, footer .foo-topmenu > li.app span a { color: #fff; display: block; font-size: 15px; margin: 0; min-height: 30px; min-width: 30px; padding: 5px; text-align: center; } footer .foo-topmenu > li.country span { display: inline-block; margin: 10px 5px 0 0; background-clip: padding-box; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; }  footer .foo-topmenu > li.shareit .fb:hover { background: #3B5998; } footer .foo-topmenu > li.shareit .tw:hover { background: #55acee; } footer .foo-topmenu > li.shareit .gp:hover { background: #DC4B39; } footer .foo-topmenu > li.shareit .pt:hover { background: #bd081c; } footer .foo-topmenu > li.shareit .ins:hover { background: #2e5e86; } footer .foo-topmenu > li.app .ios, footer .foo-topmenu > li.app .gplay { background: #000; } footer .foo-topmenu > li.app .ios:hover { background: #5fc9f8; } footer .foo-topmenu > li.app .gplay:hover { background: #a4c639; } footer .foo-topmenu a.ftdf { color: #7f7f7f; } footer .foo-topmenu a.ftdf:hover { color: #fff; } @media (max-width: 991px) { footer .foo-topmenu > li { border-bottom: solid 1px rgba(254, 254, 254, 0.05); } footer .foo-topmenu > li .mainmenu:before { content: "\f067"; margin-top: -8.5px; display: inline-block; font-family: "FontAwesome"; font-size: 15px; font-weight: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; top: 50%; right: 5%; bottom: auto; left: auto; position: absolute; } footer .foo-topmenu > li .mainmenu.active:before { content: "\f068"; } footer .foo-topmenu > li .submenu { padding: 10px 10px 20px 20px; } } @media (min-width: 992px) { footer .foo-topmenu { padding: 25px 0; } footer .foo-topmenu > li { float: left; width: 20%; } } footer .foo-more { opacity: 0.5; padding: 10px 0; text-align: center; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } footer .foo-more:hover { opacity: 1; } footer .foo-botmenu { display: none; } footer .foo-botmenu a { color: #7f7f7f; } footer .foo-botmenu a:hover { color: #fff; } footer .foo-botmenu > li .submenu { font-size: 11px; } @media (min-width: 992px) { footer .foo-botmenu > li { width: 33.33%; } footer .foo-botmenu > li:nth-child(3n+1) { clear: both; } } @media (min-width: 1200px) { footer .foo-botmenu > li { width: 16.66%; } footer .foo-botmenu > li:nth-child(3n+1) { clear: none; } } footer .f2 { background: rgba(0, 0, 0, 0.3); } footer .copyrite { background: rgba(0, 0, 0, 0.3); color: #666; font-size: 11px; padding: 15px; text-align: center; } .modal { background-color: rgba(0, 0, 0, 0.8); display: none; height: 100%; overflow-x: hidden; overflow-y: auto; width: 100%; z-index: 1000000; top: 0; right: 0; bottom: 0; left: 0; position: fixed; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } .modal .modal-table { display: table; height: 100%; table-layout: fixed; width: 100%; } .modal .modal-cell { display: table-cell; height: 100%; padding: 50px; vertical-align: middle; width: 100%; } .modal .modal-content { background-color: #fff; margin-left: auto; margin-right: auto; max-width: 520px; min-height: 0; min-width: 0; overflow: hidden; position: relative; -webkit-border-radius: 3px; border-radius: 3px; background-clip: padding-box; } .modal .accountwraper { width: 310px; } .modal .accountwraper .close { cursor: pointer; height: 18px; width: 18px; z-index: 20; top: 15px; right: 15px; bottom: auto; left: auto; position: absolute; } .modal .accountwraper .close .clsoeico { font-size: 21px; color: #333; font-family: 'arial'; line-height: 32px; } .modal .accountwraper .close em { background: transparent url("/common/images/default/cross.svg") no-repeat center center; background-size: contain; content: ""; display: table; height: 18px; margin: 0 auto; width: 18px; } .modal .accountwraper .mainhd { background: #f4f4f4; border-bottom: solid 1px #e6e6e6; padding: 15px; position: relative; text-align: center; } .modal .accountwraper .mainhd:before, .modal .accountwraper .mainhd:after { content: ''; border: solid transparent; left: 45%; pointer-events: none; position: absolute; bottom: -1px; } .modal .accountwraper .mainhd:before { border-width: 10px; border-bottom-color: #e6e6e6; margin: -2px 0 0 -1px; } .modal .accountwraper .mainhd:after { border-width: 9px; border-bottom-color: #fff; } .modal .accountwraper .content-wraper { padding: 20px; } .modal .accountwraper .content-wraper .titles { padding: 20px 0 40px 0; } .modal .accountwraper .content-wraper .titles li { display: inline-block; padding: 0 10px 0 0; font-family: 'robotobold'; text-transform: uppercase; } .modal .accountwraper .content-wraper .titles li a { padding: 5px; } .modal .accountwraper .content-wraper .titles li.active a { color: #ff4242; position: relative; } .modal .accountwraper .content-wraper .titles li.active a:after { background: #ff4242; content: ''; display: block; height: 3px; width: 80%; top: auto; right: auto; bottom: 0; left: 10%; position: absolute; } .modal .accountwraper .content-wraper .wraper ul li { position: relative; margin: 5px 0; } .modal .accountwraper .content-wraper .wraper ul li .inputactive { border: solid 1px #f58705; } .modal .accountwraper .content-wraper .wraper ul li .inputactive ~ label { left: 5px; font-size: 12px; margin-top: 6px; line-height: 20px; left: 5px; color: #f58705; -webkit-transform: scale(0.85); -ms-transform: scale(0.85); -o-transform: scale(0.85); transform: scale(0.85); } .modal .accountwraper .content-wraper .wraper ul li.extra { display: table; font-size: 12px; width: 100%; } .modal .accountwraper .content-wraper .wraper ul li.extra.agreealert .check label:before { border: 2px solid #ff4242; } .modal .accountwraper .content-wraper .wraper ul li.extra.agreealert .check .info { color: #ff4242; } .modal .accountwraper .content-wraper .wraper ul li.extra.agreealert .check .info a { color: #6f0909; } .modal .accountwraper .content-wraper .wraper ul li.extra:after { clear: both; content: ""; display: table; height: 0; visibility: hidden; } .modal .accountwraper .content-wraper .wraper ul li.extra:before { content: ""; display: table; } .modal .accountwraper .content-wraper .wraper ul li.extra .check, .modal .accountwraper .content-wraper .wraper ul li.extra .forgot { display: table-cell; padding: 20px 0; position: relative; vertical-align: middle; } .modal .accountwraper .content-wraper .wraper ul li.extra .check:after { clear: both; content: ""; display: table; height: 0; visibility: hidden; } .modal .accountwraper .content-wraper .wraper ul li.extra .check:before { content: ""; display: table; } .modal .accountwraper .content-wraper .wraper ul li.extra .check info { color: #666; cursor: default; } .modal .accountwraper .content-wraper .wraper ul li.extra .check label { border: 0; cursor: default; clip: inherit !important; font-weight: normal; height: 14px; left: 0; padding: 0 0 0 25px; position: absolute; text-indent: -9999px; width: 14px; } .modal .accountwraper .content-wraper .wraper ul li.extra .check label:before { background: #fff; border: 2px solid #a7aeb3; content: ""; clip: inherit !important; cursor: pointer; height: 14px; left: 0; margin: 0; opacity: 1; position: absolute; top: 0; text-indent: -9999px; width: 14px; } .modal .accountwraper .content-wraper .wraper ul li.extra .check input[type=checkbox] { float: left; margin: 0 5px 0 0; visibility: hidden; } .modal .accountwraper .content-wraper .wraper ul li.extra .check input[type=checkbox]:checked + label:after { background: #a7aeb3; content: ''; height: 6px; left: 4px; opacity: 1; position: absolute; top: 4px; width: 6px; } .modal .accountwraper .content-wraper .wraper ul li.extra .forgot { font-size: 12px; text-align: right; } .modal .accountwraper .content-wraper .wraper input.form-text { display: block; width: 100%; } .modal .accountwraper .content-wraper .wraper input.form-text + label { color: #b0b0b0; line-height: 60px; pointer-events: none; text-transform: uppercase; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; top: 0; right: auto; bottom: 0; left: 22px; position: absolute; } .modal .accountwraper .content-wraper .wraper input.form-text + label.lactive { font-size: 12px; margin-top: 6px; line-height: 20px; left: 5px; -webkit-transform: scale(0.85); -ms-transform: scale(0.85); -o-transform: scale(0.85); transform: scale(0.85); } .modal .accountwraper .content-wraper .wraper input.form-text:focus + label { font-size: 12px; margin-top: 6px; line-height: 20px; left: 5px; -webkit-transform: scale(0.85); -ms-transform: scale(0.85); -o-transform: scale(0.85); transform: scale(0.85); } .modal .accountwraper .content-wraper .wraper .other { color: #ff837e; cursor: default; display: block; font-family: 'robotobold'; font-size: 11px; margin: 10px 0 0 0; padding-left: 15px; position: relative; letter-spacing: 1px; line-height: 30px; text-transform: uppercase; z-index: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .modal .accountwraper .content-wraper .wraper .other:before { content: ''; display: block; border-bottom: 1px solid #e6e6e6; width: 100%; top: 50%; position: absolute; z-index: -2; top: 50%; right: auto; bottom: auto; left: 20px; position: absolute; } .modal .accountwraper .content-wraper .wraper .other b { background-color: #fff; padding-right: 20px; } .modal .accountwraper .content-wraper .wraper .social { display: table; width: 100%; } .modal .accountwraper .content-wraper .wraper .social:after { clear: both; content: ""; display: table; height: 0; visibility: hidden; } .modal .accountwraper .content-wraper .wraper .social:before { content: ""; display: table; } .modal .accountwraper .content-wraper .wraper .social span { display: table-cell; vertical-align: middle; } .modal .accountwraper .content-wraper .wraper .social span.icons { color: #fff; float: right; font-size: 20px; } .modal .accountwraper .content-wraper .wraper .social span.icons a { background: #edefed; color: #8da5b3; display: block; margin: 0 5px; padding: 15px 20px; } .modal .accountwraper .content-wraper .wraper .social span.icons.fb a { background: #3B5998; color: #fff; } .modal .accountwraper .content-wraper .wraper .social span.icons.gp a { background: #DC4B39; color: #fff; } .modal .accountwraper .content-wraper .wraper .scinfo { background: #e6e6e6; color: #666; font-size: 12px; margin: 15px -20px -20px -20px; padding: 10px; text-align: center; } .modal .accountwraper .content-wraper .wraper .scinfo.sclogin { margin-top: 92px !important; } .modal .accountwraper .content-wraper .sign-wraper { display: none; } @media (max-width: 767px) { .modal .modal-table { display: block; } .modal .modal-cell { display: block; padding: 0; } .modal .modal-content { border-radius: 0; height: 100%; max-width: none; overflow: auto; } .modal .accountwraper { width: 100%; } } @-webkit-keyframes pop-in { from { -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); opacity: 0; filter: alpha(opacity=0); } to { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; filter: alpha(opacity=100); } } @-moz-keyframes pop-in { from { -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); opacity: 0; filter: alpha(opacity=0); } to { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; filter: alpha(opacity=100); } } @-o-keyframes pop-in { from { -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); opacity: 0; filter: alpha(opacity=0); } to { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; filter: alpha(opacity=100); } } @keyframes pop-in { from { -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); opacity: 0; filter: alpha(opacity=0); } to { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; filter: alpha(opacity=100); } } @-webkit-keyframes pop-out { from { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; filter: alpha(opacity=100); } to { -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); opacity: 0; filter: alpha(opacity=0); } } @-moz-keyframes pop-out { from { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; filter: alpha(opacity=100); } to { -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); opacity: 0; filter: alpha(opacity=0); } } @-o-keyframes pop-out { from { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; filter: alpha(opacity=100); } to { -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); opacity: 0; filter: alpha(opacity=0); } } @keyframes pop-out { from { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; filter: alpha(opacity=100); } to { -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); opacity: 0; filter: alpha(opacity=0); } } .hmealert { display: block; color: #ff4242; font-size: 14px; text-align: center; } .afterlogin { background: #fff; width: 200px; right: 0; top: 46px; } .afterlogin:before { content: ""; display: table; height: 0; border: 8px solid transparent; border-bottom-color: #fff; margin: auto; pointer-events: none; width: 0; z-index: 2; top: -16px; right: 6%; bottom: auto; left: auto; position: absolute; } .afterlogin ul li { color: #333; display: block; padding: 0; -webkit-transition: all 0.1s ease; -moz-transition: all 0.1s ease; transition: all 0.1s ease; font-size: 13px; line-height: 15px; } .afterlogin ul li a { color: #333 !important; margin: 0 !important; padding: 10px !important; text-align: left !important; display: block !important; } .afterlogin ul li a:hover { background-color: #ff4242; color: #fff !important; display: block; } .hmeusrnme { padding: 10px; text-align: left; color: #ff837e; font-size: 12px; display: block; line-height: 15px; border-bottom: 1px solid #ff837e; font-weight: bold; } .hmeusrnme .hmeusrwel { color: #333; } .hmelogop { font-size: 13px; line-height: 30px; display: block; background-color: #efefef; } .hmelogop:after { clear: both; content: ""; display: table; height: 0; visibility: hidden; } .hmelogop:before { content: ""; display: table; } .hmelogop .log { float: left; margin-left: 10px !important; } .hmelogop .cls { float: right; margin-right: 10px !important; } .hmelogop a { color: #333 !important; margin: 0 !important; } .forgotmsg { font-size: 14px; line-height: 30px; display: block; color: #7dbb33; } .forgotmsgtex { font-size: 12px; line-height: 21px; display: block; color: #333; } #container { margin: 0 auto; } #container .type1 { width: 100%; } #container .type2 { width: 50%; margin: 10px; } #container img { display: block; max-width: none; width: 100%; height: auto; } #container { padding: 0; } @media (min-width: 768px) { #container.event-home .type1 { width: 33.3%; } } @media (min-width: 992px) { #container.event-home .type1 { width: 25%; } } @media (min-width: 1200px) { #container.event-home .type1 { width: 20%; } } #container.event-home .type2 { margin: 0; padding: 0; width: 300px; } #container.event-home img { display: block; max-width: none; width: 100%; } .mCustomScrollbar { -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; } .mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action { -ms-touch-action: auto; touch-action: auto; } .mCustomScrollBox { position: relative; overflow: hidden; height: 100%; max-width: 100%; outline: none; direction: ltr; } .mCSB_container { overflow: hidden; width: auto; height: auto; } .mCSB_inside > .mCSB_container { margin-right: 30px; } .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden { margin-right: 0; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container { margin-right: 0; margin-left: 30px; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden { margin-left: 0; } .mCSB_scrollTools { position: absolute; width: 16px; height: auto; left: auto; top: 0; right: 0; bottom: 0; } .mCSB_outside + .mCSB_scrollTools { right: 2px; } .mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools { right: auto; left: 0; } .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools { left: 2px; } .mCSB_scrollTools .mCSB_draggerContainer { position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: auto; } .mCSB_scrollTools a + .mCSB_draggerContainer { margin: 20px 0; } .mCSB_scrollTools .mCSB_draggerRail { width: 2px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; } .mCSB_scrollTools .mCSB_dragger { cursor: pointer; width: 100%; height: 30px; z-index: 1; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { position: relative; width: 4px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; text-align: center; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { width: 12px; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { width: 8px; } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown { display: block; position: absolute; height: 20px; width: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools .mCSB_buttonDown { bottom: 0; } .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail { width: 4px; background-color: #fff; background-color: rgba(66, 197, 140, 0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 6px; background-color: #fff; background-color: rgba(192, 192, 192, 0.55); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 4px; margin: 6px 0; } .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 6px; margin: 5px auto; } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: rgba(71, 71, 71, 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-color: rgba(230, 230, 230, 0.9); } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp { background: url(../common/images/movies/vdtop-arrow.png) no-repeat; margin-bottom: 3px; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown { background: url(../common/images/movies/vdbottom-arrow.png) no-repeat; margin-top: 3px; } .mCSB_scrollTools { opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools { opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; } .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools { opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; } .mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.4); filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.75); filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.85); filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)"; } .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.9); filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight { background-image: url(mCSB_buttons.png); background-repeat: no-repeat; opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .mCSB_scrollTools .mCSB_buttonUp { background-position: 0 0; } .mCSB_scrollTools .mCSB_buttonDown { background-position: 0 -20px; } .mCSB_scrollTools .mCSB_buttonLeft { background-position: 0 -40px; } .mCSB_scrollTools .mCSB_buttonRight { background-position: 0 -56px; } .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)"; } .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)"; } /* ========================= Common Header Footer Start===============================*/ .newhead .postanad .btn { height: 21px; line-height: 8px; padding: 7px 12px; }  .newhead .offers .btn { height: 21px; line-height: 8px; padding: 7px 2px; min-width:inherit; }   .navigator.inline-scroll { background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0; } .overlay-load .fullload { background: rgba(0, 0, 0, 0) url("/common/images/other/fullload.gif") no-repeat scroll center center; height: 80px; margin: 0 auto; width: 80px; } .overlay-load p { color: #fff; font-size: 21px; padding-bottom: 20px; text-align: center; } .overlay-load .overload { left: 45%; position: absolute; top: 40%; }  .overlay-load { background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 999999; }  .navigator .ntitle, .navigator h2{margin-top: -1px;} .botnav .hammenu-hd { float: left; max-width: 54px; } .botnav .hamburger b { color: #000; } .botnav .hamburger span { background: #000;} .botnav .hamburger span::before, .botnav .hamburger span::after {background-color: #000;}   .botnav.menu-stick .hamburger{ height: 44px;margin-left: -25px; } .botnav.menu-stick .fa-home{font-size: 18px;} .botnav.menu-stick ul li{padding: 0 0.9%;} .botnav.menu-stick .hammenu-hd{max-width: 44px;} .botnav.menu-stick ul li.home{padding: 0 1px 0 0;}  .newhead .botnav .postanad .posthbtn { height: 21px; line-height: 7px; color:#fff; padding: 7px 12px; background-color: #ff4242; -webkit-border-radius: 2px; border-radius: 2px; background-clip: padding-box; -webkit-transition: color 0.45s, background 0.45s, border 0.45s; -moz-transition: color 0.45s, background 0.45s, border 0.45s; transition: color 0.45s, background 0.45s, border 0.45s; } .newhead .botnav .postanad .posthbtn:hover{ background-color: #ff1d23; } .newhead .botnav .offers .offhbtn { height: 21px; line-height: 7px; min-width: inherit; padding: 7px 2px; border-color: #333; color: #333; border:solid 1px #333; -webkit-border-radius: 2px; border-radius: 2px; background-clip: padding-box; -webkit-transition: color 0.45s, background 0.45s, border 0.45s; -moz-transition: color 0.45s, background 0.45s, border 0.45s; transition: color 0.45s, background 0.45s, border 0.45s; } .newhead .botnav .offers .offhbtn:hover{ background: #333; color: #fff; } @media (max-width: 991px) {  /*header{position:fixed;}*/ body.addappp{padding-top:0!important} body.addappp header{position:static}body.addappp header.sticky{position:fixed} header.newhead {position:fixed;} }  header {height:auto;}  .newhead .share a{background:none !important; border:none !important;} .newhead .share{float:inherit;}  @media (min-width: 300px) and (max-width: 767px) { .needlssec .btn { height: 21px !important; line-height: 7px !important; } .cd-top.footvisi{bottom: 86px;} .cd-top span {  border: 2px solid rgba(0, 0, 0, 0.4); min-height: 14px; min-width: 14px;} .cd-top {bottom: 10px;} }  /*latest*/  header .topnav .location-hd > span > a i{font-style:normal;}   /*India pluse search*/ .ipsearc  li{line-height: 21px  !important; margin:5px 0;} .ipsearc  li a{line-height: 21px  !important;} .inipserach  li {display:inline-block !important; padding: 0 15px ; line-height: 21px  !important; margin:0;} .ipsearc  li:hover{background:#ff4242; color:#fff;} .ipsearc  li:hover a{color:#fff;} .ipsearc li:hover .inipserach a{color:#eee !important;} .inipserach{line-height: 18px  !important;} .inipserach a {display: inline-block !important; padding: 0 2px !important; color: #999  !important;} .inipserach span , .inipserach i{ color: #999  !important;} .ipsearc li:hover .inipserach span , .ipsearc li:hover .inipserach i{color:#eee !important;} @media (min-width: 300px) and (max-width: 767px) {  .inipserach li{line-height: 12px !important; margin:0;} }