@font-face { font-family: 'Avenir Next'; font-style: regular; font-weight: 300; src: url('../fonts/AvenirNext-Regular.eot') format('embedded-opentype'), url('../fonts/AvenirNext-Regular.woff') format('woff'), url('../fonts/AvenirNext-Regular.ttf') format('truetype'), url('../fonts/AvenirNext-Regular.svg') format('svg'); } @font-face { font-family: 'Roboto Regular'; font-style: regular; font-weight: 300; src: url('../fonts/Roboto-Regular/Roboto-Regular.eot') format('embedded-opentype'), url('../fonts/Roboto-Regular/Roboto-Regular.woff') format('woff'), url('../fonts/Roboto-Regular/Roboto-Regular.ttf') format('truetype'), url('../fonts/Roboto-Regular/Roboto-Regular.svg') format('svg'); } @font-face { font-family: 'Roboto Light'; font-style: regular; font-weight: 300; src: url('../fonts/Roboto-Light/Roboto-Light.eot') format('embedded-opentype'), url('../fonts/Roboto-Light/Roboto-Light.woff') format('woff'), url('../fonts/Roboto-Light/Roboto-Light.ttf') format('truetype'), url('../fonts/Roboto-Light/Roboto-Light.svg') format('svg'); } @font-face { font-family: 'RobotoCondensed Regular'; font-style: regular; font-weight: 300; src: url('../fonts/Roboto-Regular/RobotoCondensed-Regular.eot') format('embedded-opentype'), url('../fonts/RobotoCondensed-Regular/RobotoCondensed-Regular.woff') format('woff'), url('../fonts/RobotoCondensed-Regular/RobotoCondensed-Regular.ttf') format('truetype'), url('../fonts/RobotoCondensed-Regular/RobotoCondensed-Regular.svg') format('svg'); } @font-face { font-family: 'Raleway-Regular'; font-style: regular; font-weight: 300; src: url('../fonts/Raleway-Regular/Raleway-Regular.eot') format('embedded-opentype'), url('../fonts/Raleway-Regular/Raleway-Regular.woff') format('woff'), url('../fonts/Raleway-Regular/Raleway-Regular.ttf') format('truetype'), url('../fonts/Raleway-Regular/Raleway-Regular.svg') format('svg'); } @font-face { font-family: 'Raleway-Heavy'; font-style: heavy; font-weight: 300; src: url('../fonts/Raleway-Heavy/Raleway-Heavy.eot') format('embedded-opentype'), url('../fonts/Raleway-Heavy/Raleway-Heavy.woff') format('woff'), url('../fonts/Raleway-Heavy/Raleway-Heavy.ttf') format('truetype'), url('../fonts/Raleway-Heavy/Raleway-Heavy.svg') format('svg'); } @font-face { font-family: 'Raleway-ExtraBold'; font-style: heavy; font-weight: 300; src: url('../fonts/Raleway-ExtraBold/Raleway-ExtraBold.eot') format('embedded-opentype'), url('../fonts/Raleway-ExtraBold/Raleway-ExtraBold.woff') format('woff'), url('../fonts/Raleway-ExtraBold/Raleway-ExtraBold.ttf') format('truetype'), url('../fonts/Raleway-ExtraBold/Raleway-ExtraBold.svg') format('svg'); } @font-face { font-family: Raleway-Medium'; font-style: regular; font-weight: 300; src: url('../fonts/Raleway-Medium/Raleway-Medium.eot') format('embedded-opentype'), url('../fonts/Raleway-Medium/Raleway-Medium.woff') format('woff'), url('../fonts/Raleway-Medium/Raleway-Medium.ttf') format('truetype'), url('../fonts/Raleway-Medium/Raleway-Medium.svg') format('svg'); } .multiselect__tag {background: #ff7f00;} .multiselect__option--highlight,.multiselect__option--selected,span.multiselect__option.multiselect__option--highlight:after{background: #ff8000;} .multiselect__tag-icon:focus, .multiselect__tag-icon:hover{background:#ffc303} .multiselect__tag-icon:after{color:#fff;} span.multiselect__option.multiselect__option--selected, span.multiselect__option.multiselect__option--selected:after{color:#fff;} .multiselect__tag-icon:focus:after, .multiselect__tag-icon:hover:after{color:#292727;} .multiselect__option {min-height:20px; padding:7px 10px;} .multiselect__content-wrapper {overflow-x:hidden;} body{font-family: 'RobotoCondensed Regular' !important;overflow: auto; height: 100%; background:#fff !important;padding-right: 0px !important;} .modal-open {overflow: auto; padding-right: 0px !important;} .section{padding: 60px 0 60px 0;} .no-padding{padding: 0 !important;} a:focus, a:hover {text-decoration: none;} .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {outline:none;outline-offset: 0px;box-shadow: none;} a {cursor: pointer;} a:focus, a:hover{text-decoration: none;} .margin-0{margin:0;} /*---------- Header ----------*/ .modal-backdrop {z-index:1 !important;} header .navbar-default .navbar-brand {padding-left:15px;} .navbar-header {} .user-name {font-style:normal;} .navbar-default .navbar-toggle .icon-bar {background-color:#0686ab;} .navbar-default .navbar-toggle {border-color:#0686ab;} .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {background:none !important;} .inner-navbar {background:#fff !important;} .dropdown-menu {top:125%;} .responsive-top-panel {width:100%; display:none; margin:0; padding:0;} .responsive-hide {display:none;} .sign-links {margin-left:5px; float:right; margin-top:22px;} /* amended to reduce spacing - SMT-Neeraj */ header .top-head {padding-left: 0px !important;} header .navbar-brand {height: 80px;} header .navbar-brand>img {top: -12px;position: relative; width:160px;} header .navbar-default {background-color: transparent;box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 5px;} header .navbar-default .navbar-nav li a { background-color: transparent; /*line-height: 30px;*/ color: #424242; font-size:13px;text-transform: uppercase; padding-left:5px !important; padding-right:5px !important;} /* amended to reduce spacing - SMT-Neeraj */ header .navbar-default .navbar-nav li a:focus { outline: none;} header .navbar-default .navbar-nav .open a { background-color: transparent;} header .navbar-default .navbar-nav .open a:focus, header .navbar-default .navbar-nav .open a:hover {background-color: transparent; color: #274346;} header .navbar-default .navbar-right li a:focus, header .navbar-default .navbar-right li a:hover { background-color: transparent;outline: none;} header .search-box {display: inline-block; margin-top: 20px;float:left;margin-left:15px} .search-box select#search_bar_toggle { position: absolute; top: 0; z-index: 100; display: block; width: 79px; /*border-radius: 16px 0px 0px 16px;*/ height: 34px; line-height: 34px; text-align: center; padding-left: 7px; color: #fff; outline: none; border: 1px solid #0786ac; background-color:#0786ac; } .search-box select#search_bar_toggle option { background:#fff; color:#000; border:0px } .search-box .select-style { padding: 0; margin: 0; width: 120px; border-radius: 3px; background-color: #fff; } .search-box .select-style select { padding: 0px 19px; width: 130%; border: none; box-shadow: none; background-color: transparent; background-image: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .search-box .select-style select:focus { outline: none; } header .navbar-form .form-group {width: 100%;} header .search-box .form-control{border-radius: 17px;width: 100%;color: #274346;margin-left:0px; padding-left:7px !important} header .search-box .glyphicon {color: #b8b8b8;cursor: pointer !important;right:10px; z-index:999;position: absolute; top: 10px;} header .main-nav-mar .search-icon-autocomplete{color: #b8b8b8;cursor: pointer !important;pointer-events: visible;} header .navbar-default .dropdown .extended {width: 280px; padding: 0; margin-left: -1px; z-index: 3; -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); border: none;max-height: 330px; margin-top: 4px;} } header .navbar-default .dropdown .extended li {border-bottom: 1px solid #F3F5F6; line-height: 20px;} header .navbar-default .dropdown .extended li a {padding: 10px 20px !important;} header .navbar-default .dropdown .extended i {float: left; width: 38px; margin-right: 10px; text-align: center; margin-top: 5px; font-size: 22px;} header .navbar-default .dropdown .extended p {font-weight: 600; padding: 10px 15px 11px 15px; margin-bottom: 0px;} header .navbar-default .dropdown .extended p a {padding: 0px !important; text-align: center !important;} header .navbar-default .dropdown .pro-menu a {padding: 6px 20px !important; text-align: center !important; border-bottom: 1px solid #67adff;} header .top-menu li {padding: 0px !important;} header .top-menu li a {color: inherit; text-align: center; padding: 14px 15px; font-size: 16px; display: block;} header .top-menu li a:focus, header .top-menu li a:hover, header .top-menu li a:active {background-color: transparent;} header .top-menu .dropdown-menu li {width: 100%; text-align: left !important;} header .top-menu .dropdown-menu li a {color: inherit; font-size: 14px; text-align: left;text-overflow: ellipsis; white-space: nowrap; display: block; width: 100%; overflow: hidden;} header .top-menu .dropdown-menu .media-body { width: 70%;} header .top-menu .badge {color: #ffffff; background-color: #E32436;} header .top-menu .badge.up {position: relative; top: -12px; padding: 3px 6px; margin-left: -13px;} header .top-menu .messages img {width: 30px; height: 30px; margin-right: 15px;} header .top-menu .messages a {line-height: 20px !important;} header .top-menu .notifications img {width: 30px; height: 30px; margin-right: 15px;} header .top-menu .notifications a {line-height: 20px !important;} header .top-menu .margin-right-menu-web {margin-right: -8px;} header .btn-plan-my-trip{width: 110px;padding: 5px 20px !important;font-size: 14px;color: #4d4d4d;text-transform: uppercase;text-align: center;border-radius: 17px;background-color: #ffc303 !important;margin-top: 10px;margin-left:10px;} .navbar {border:none; margin-bottom:0;} .login-user {float:right; margin:17px 0 0 0;} .login-user a {color: #274346; display:block;} .login-user a:hover, .login-user a:focus {color: #274346;text-decoration: none;} .login-user .caret {color:#0686ab; margin-left: 7px; border-top: 7px dashed; border-right: 6px solid transparent; border-left: 6px solid transparent; width:12px;} .login-user .dropdown-menu {left:auto; right:0; width:217px; border:0; background:url(../images/menu-dropdown-bg.png); top:114%;} .login-user .dropdown-menu>li>a {color:#fff; font-size:14px; text-align:left; font-family:inherit; padding-top:9px; padding-bottom:9px;border-left:4px solid rgba(0, 0, 0, 0.0); padding-left:55px; position:relative; position:relative;} .login-user .dropdown-menu>li>a>span {width:70%; display:block; height:1px; background:#fff; opacity:0.3; position:absolute; bottom:0;} .login-user .dropdown-menu>li>a:hover, .login-user .dropdown-menu>li>a:focus{color:#ffc303 !important; text-decoration: none; font-weight:500; border-left:4px solid #ff7f01;} .login-user .dropdown-menu>li>a.user1-icon {background:url(../images/user1-icon.svg) no-repeat; background-position:15px center;text-overflow: ellipsis; white-space: nowrap; display: block; width: 100%; overflow: hidden;} .login-user .dropdown-menu>li>a.user1-icon:hover {background:url(../images/user1-icon-hover.svg) no-repeat; background-position:15px center;} .login-user .dropdown-menu>li>a.dash-icon {background:url(../images/dashboard-white.svg) no-repeat; background-position:15px center;text-overflow: ellipsis; white-space: nowrap; display: block; width: 100%; overflow: hidden;} .login-user .dropdown-menu>li>a.dash-icon:hover {background:url(../images/dashboard-hover.svg) no-repeat; background-position:15px center;} .login-user .dropdown-menu>li>a.digi-icon {background:url(../images/digilocker-white.svg) no-repeat; background-position:15px center;text-overflow: ellipsis; white-space: nowrap; display: block; width: 100%; overflow: hidden;} .login-user .dropdown-menu>li>a.digi-icon:hover {background:url(../images/digilocker-hover.svg) no-repeat; background-position:15px center;} .login-user .dropdown-menu>li>a.user2-icon {background:url(../images/user2-icon.svg) no-repeat; background-position:15px center;} .login-user .dropdown-menu>li>a.user2-icon:hover {background:url(../images/user2-icon-hover.svg) no-repeat; background-position:15px center;} .login-user .dropdown-menu>li>a.user3-icon {background:url(../images/user3-icon.svg) no-repeat; background-position:15px center;} .login-user .dropdown-menu>li>a.user3-icon:hover {background:url(../images/user3-icon-hover.svg) no-repeat; background-position:15px center;} .login-user .dropdown-menu>li>a.user4-icon {background:url(../images/user4-icon.svg) no-repeat; background-position:15px center;} .login-user .dropdown-menu>li>a.user4-icon:hover {background:url(../images/user4-icon-hover.svg) no-repeat; background-position:15px center;} .login-user .dropdown-menu>li>a.user5-icon {background:url(../images/user5-icon.svg) no-repeat; background-position:15px center;} .login-user .dropdown-menu>li>a.user5-icon:hover {background:url(../images/user5-icon-hover.svg) no-repeat; background-position:15px center;} .login-user .dropdown-menu>li>a.user6-icon {background:url(../images/user6-icon.svg) no-repeat; background-position:15px center;} .login-user .dropdown-menu>li>a.user6-icon:hover {background:url(../images/user6-icon-hover.svg) no-repeat; background-position:15px center;} .login-user .dropdown-menu>li>a.user7-icon {background:url(../images/user7-icon.svg) no-repeat; background-position:15px center;} .login-user .dropdown-menu>li>a.user7-icon:hover {background:url(../images/user7-icon-hover.svg) no-repeat; background-position:15px center;} .login-user .dropdown-menu>li>a.user8-icon{background:url(../images/invite-white-icon.svg) no-repeat;background-position:15px center;} .login-user .dropdown-menu>li>a.user8-icon:hover{background:url(../images/invite-yellow-hover.svg) no-repeat;background-position:15px center;} .login-user .dropdown-menu>li>a.user9-icon{background:url(../images/add-destination.svg) no-repeat;background-position:15px center;} .login-user .dropdown-menu>li>a.user9-icon:hover{background:url(../images/add-destination-hover.svg) no-repeat;background-position:15px center;} .login-user .dropdown-menu .divider {margin:0;} /* .login-user .dropdown-menu:before {bottom: 100%;left: 71%;border: solid transparent;content: " ";height: 0; width: 0;position: absolute;pointer-events: none;border-color: rgba(194, 225, 245, 0); border-bottom-color: #fff;border-width: 9px;margin-left: -9px;} */ .login-user .dropdown-menu:after, .login-user .dropdown-menu:before {bottom: 100%;left: 92%;border: solid transparent;content: " "; height: 0;width: 0;position: absolute;pointer-events: none;} .login-user .dropdown-menu:after {border-color: rgba(136, 183, 213, 0);border-bottom-color: #000;border-width: 5px; margin-left: -34px; opacity:0.7;} .login-user .dropdown-menu:before {border-color: rgba(194, 225, 245, 0);border-bottom-color:#000;border-width: 7px; margin-left: -36px; opacity:0.7;} .notification .dropdown-menu {top:177% !important; top:114%; background:url(../images/menu-dropdown-bg.png) !important; } .message .dropdown-menu {top:177% !important; top:114%; background:url(../images/menu-dropdown-bg.png) !important; } /*.notification .dropdown-menu:before {bottom: 100%;left: 90%;border: solid transparent;content: " ";height: 0;width: 0; position: absolute;pointer-events: none;border-color: rgba(194, 225, 245, 0); border-bottom-color: #fff;border-width: 9px;margin-left: -9px;}*/ .notification .dropdown-menu:after, .notification .dropdown-menu:before {bottom: 100%;left: 102%;border: solid transparent;content: " "; height: 0;width: 0;position: absolute;pointer-events: none;} .notification .dropdown-menu:after {border-color: rgba(136, 183, 213, 0);border-bottom-color: #000;border-width: 5px; margin-left: -34px; opacity:0.7;} .notification .dropdown-menu:before {border-color: rgba(194, 225, 245, 0);border-bottom-color:#000;border-width: 7px; margin-left: -36px; opacity:0.7;} .message .dropdown-menu:after, .notification .dropdown-menu:before {bottom: 100%;left: 102%;border: solid transparent;content: " "; height: 0;width: 0;position: absolute;pointer-events: none;} .message .dropdown-menu:after {border-color: rgba(136, 183, 213, 0);border-bottom-color: #000;border-width: 5px; margin-left: -34px; opacity:0.7;} .message .dropdown-menu:before {border-color: rgba(194, 225, 245, 0);border-bottom-color:#000;border-width: 7px; margin-left: -36px; opacity:0.7;} /*.orange-banner .ng-binding-number { color:#0087a4!important; font-weight:bold!important; float:right !important; padding-left:8px }*/ /*.orange-banner .return-trip { float:right }*/ /*.orange-banner .return-trip span { color:#0087a4!important; font-weight:bold!important; }*/ /*.orange-banner { display:block; padding:0; position:absolute; background:#ffc100; top:25px; top:0px !important; left: 15px !important; width: 96% !important; }*/ /*ul.orange-list { width:100%; margin:0; padding:0; line-height:0; }*/ /*ul.orange-list li { width:auto; margin:0; padding:0 9px 0 0; display:inline-block; border-right: 0px solid #fff; }*/ /*ul.orange-list li:last-child { border-right:none; }*/ /*ul.orange-list li > div { display:table-cell; vertical-align:middle; height:46px; }*/ /*ul.orange-list li > div i { color:#fff; font-size:22px; }*/ /*ul.orange-list li>div:first-child { padding-left:15px; padding-right:11px }*/ /*ul.orange-list li > div span { width:auto; display:block; margin:2px 0; text-transform:uppercase; color:#424242; font-size:14px; line-height:25px; font-weight:500; cursor: pointer; }*/ .trip-detail-container #map{margin-top: 50px;} /* Header */ .login-user a img {margin:0 0 0 6px;border-radius: 100%;} .navbar-float {float:right; margin:13px 0 0 0;} .main-nav-mar {margin:0;margin-top:8px !important;} .message-noti {float:right; margin:30px 10px 0 5px;} /* amended to reduce spacing - SMT-Neeraj */ .notification {display:inline-block;} .notification .indicator {position:absolute; top:-10px; right:-8px; width:21px; padding:0; border-radius:100%; background:#0686ab; text-align:center; font-family:inherit; font-size:11px; color:#fff; line-height:21px;} .notification a { color: #ffc303; } .notifiation a:hover {color: #274346;} .notification a:hover i {color: #424242;} .notification a i {font-size:20px; width:30px; text-align:center;} .notification .dropdown-menu {left:auto; right:-10px; width:315px; background:#fff; border:0;} .notification .dropdown-menu>li {/*border-bottom:1px solid #fff;*/ margin-bottom:5px;} .notification .dropdown-menu>li:last-child {margin-bottom:0;} .notification .dropdown-menu>div>li {color:#fff; font-size:14px; text-align:left; position:relative; padding:10px 10px 12px 65px; position:relative; border-left:4px solid rgba(0, 0, 0, 0.0); width:100%; display:block; white-space:normal; overflow:hidden; text-overflow:ellipsis;} .notification .dropdown-menu>div>li>span {width:70%; display:block; height:1px; background:#fff; opacity:0.3; position:absolute; bottom:0;} .notification .dropdown-menu>div>li .img-box {width:44px; height:44px; position:absolute; top:11px; left:10px;} .notification .dropdown-menu>div>li .img-box img {width:100%; border-radius: 100%;} .notification .dropdown-menu>div>li cite {width:100%; display:block; margin:3px 0 0 0; padding:0; font-size:12px; font-style:normal;} .notification .dropdown-menu>div>li>a:hover {color:#ffc303; border-left:4px solid #ff7f01; font-weight:500; background:none !important;} .notification .dropdown-menu>li.header {color:#fff; font-size:14px; text-align:left; font-family:inherit;padding:4px 10px 7px; } .notification .dropdown-menu>li.base {padding:10px 10px 5px; border:0;} .notification .dropdown-menu>li.base a {color:#fff; font-size:14px; text-align:center; display:block; padding:0;border:0 !important;} .notification .dropdown-menu>li.base a:hover {background:none; text-decoration:underline;} .notification .dropdown-menu .btn{background-color: transparent;font-size: 26px;color: #ffc303;padding: 0;} .message {display:inline-block; margin-right:0; margin-left:10px;} /* amended to reduce spacing - SMT-Neeraj */ .message .indicator {position:absolute; top:-10px; right:-8px; width:21px; padding:0; border-radius:100%; background:#0686ab; text-align:center; font-family:inherit; font-size:11px; color:#fff; line-height:21px;} .message a {color: #ffc303;} .message a:hover {color: #274346;} .message a i {font-size:20px; width:30px; text-align:center;} .message .dropdown-menu {left:auto; right:-10px; width:375px; background:#fff; border:0;} .message .dropdown-menu>li {/*border-bottom:1px solid #fff;*/ margin-bottom:5px;} .message .dropdown-menu>li:last-child {margin-bottom:0;} .message .dropdown-menu>div>li {color:#fff; font-size:14px; text-align:left; position:relative; padding:10px 10px 12px 65px; position:relative; border-left:4px solid rgba(0, 0, 0, 0.0); width:100%; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .message .dropdown-menu>div>li>span {width:70%; display:block; height:1px; background:#fff; opacity:0.3; position:absolute; bottom:0;} .message .dropdown-menu>div>li>a .img-box {width:44px; height:44px; position:absolute; top:11px; left:10px;} .message .dropdown-menu>div>li>a .img-box img {width:100%; border-radius: 100%;} .message .dropdown-menu>div>li> cite {width:100%; display:block; margin:5px 0 0 0; padding:0; font-size:12px; font-style:normal;} .message .dropdown-menu>div>li>a:hover {color:#ffc303; border-left:4px solid #ff7f01; font-weight:500; background:none !important;} .message .dropdown-menu>li.header {color:#fff; font-size:14px; text-align:left; font-family:inherit;padding:4px 10px 7px;} .message .dropdown-menu>li.base {padding:10px 10px 5px; border:0;} .message .dropdown-menu>li.base a {color:#fff; font-size:14px; text-align:center; display:block; padding:0;border:0 !important;} .message .dropdown-menu>li.base a:hover {background:none; text-decoration:underline;} header .btn-header{width: 110px;padding: 5px 20px !important;font-size: 14px;color: #4d4d4d;border: 1px solid #424242 !important;text-transform: uppercase;text-align: center;border-radius: 17px;background-color: transparent !important;margin-top: 8px;margin-left:10px;} header .btn-header.active {color: #ffc303 !important;background-color: #4d4d4d !important;border-color:transparent;} /* If User not login */ /*.login-user, .message-noti{display: none;}*/ /* If User login please remove dispaly none property*/ /*---------- End Header ----------*/ /*---------- Footer ----------*/ .footer .footer-row {padding: 12px 0;background: #424242;} .footer .dark-social .copyright{color: #d0d0d0;font-size: 12px;} /*Social Icons*/ .footer .dark-social {margin: 5px 0 0;float: right;} .footer .dark-social li {margin-left: 2px;margin-top: 2px;} .footer .dark-social li i {color: #fff;font-size: 14px;line-height: 30px;text-align: center;width: 28px;height: 28px;border-radius: 50%;background-color: #696969;} /*Terms Menu*/ .footer .footer-row .terms-menu {margin: 12px 0 0;} .footer .footer-row .terms-menu li {color: #777;font-size: 12px;line-height: 10px;margin-right: 2px;border-color: #777;padding-left: 10px;padding-left: 10px;border-left: 1px solid #bbb;} .footer .footer-row .terms-menu li:first-child {border-left: none;padding: 0 7px 0 0;} .footer .footer-row .terms-menu li a {color: #d0d0d0;font-size: 12px;} .footer .footer-row .terms-menu li a:hover {color: #bbb;} .footer .footer-logo{display: inline-block;float: left;margin-top: 0px !important;} /*---------- Start Home Banner----------*/ .main-banner {position: relative; background-repeat: repeat; background-attachment: fixed; background-position: center;background-size: cover;-webkit-background-size: cover;width: 100%;color: #fff;text-align: center;} .main-banner{background-image: url('../images/header-bg.jpg');vertical-align: bottom;} .main-banner h1.banner {font-size: 52px;font-weight: normal;color: #fff;letter-spacing: 1px;margin-top: 120px;margin-bottom: 0; font-family:"Raleway-Regular", Arial;} /*---------- End Home Banner ----------*/ /*---------- Start Home Tab ----------*/ .home-tabs-wrapper {margin-top: 25px !important;margin-bottom: 50px !important;width: 78%;margin: 0 auto;} .home-tabs{padding:0;margin-bottom:0;list-style-type: none;overflow: hidden; border-top-left-radius: 17px;border-top-right-radius: 17px;} .home-tabs li{display: inline;} .home-tabs a{display: block;z-index: 1;text-decoration: none;padding: 10px 15px;float: left;width: 50%;text-align:center;border-bottom: 1px solid #ffc303;background-color: rgba(0,0,0,0.50);font-size: 20px;color:#fff;text-transform: uppercase;} .home-tabs a:hover{color:#fff;} .home-tabs li.active a{border-bottom: 0;color: #444444;z-index: 2;} .home-tabs li.active:first-child a {background-color: #ffc303;color: #4d4d4d;border-bottom: 1px solid #ffc303;} .home-tabs li.active:last-child a{background-color: #ffc303;color: #4d4d4d;border-bottom: 1px solid #ffc303;} .home-tabs-wrapper .tab-content{height:350px; background-color: rgba(0,0,0,0.50);border-bottom-left-radius:17px;border-bottom-right-radius:17px;} .home-tabs-wrapper .plan-inputs{width: 80%;margin: 0 auto;padding-top: 20px !important;} .home-tabs-wrapper .form-inline .form-group {height: 50px;width: 48%;} .home-tabs-wrapper .plan-inputs .form-control{color:#424242;width: 100% !important;border-right-width: 0px;height: 50px;border-radius: 17px;border: 2px solid transparent; font-family: 'Roboto Regular',Arial;} .home-tabs-wrapper .plan-inputs .form-control:focus {border-right-width: 1px;border: 2px solid #ffc303;} .home-tabs-wrapper .start-icon{background-image: url(../images/start-icon.png);background-position: 20px 12px;background-repeat: no-repeat;padding-left:50px;} .home-tabs-wrapper .end-icon{background-image: url(../images/end-icon.png);background-position: 20px 6px;background-repeat: no-repeat;padding-left:65px;} .home-tabs-wrapper .help-block{padding-top: 5px !important; padding-left: 25px; text-align: left;font-size: 13px;color: #ffc303;} .home-discover-container .help-block{text-align:center !important; padding-top: 0px !important;top: -8px;position: relative;} .home-tabs-wrapper .tab-content p{padding-top: 35px;} .home-tabs-wrapper .group-btn { margin-top: 50px;display: inline-block;width: 100%;} .home-tabs-wrapper .group-btn .btn-click { font-family: 'RobotoCondensed Regular', sans-serif !important;border: 2px solid #ffc303;background-color: transparent;border-radius: 50px;padding: 10px 40px;position: relative; text-align: center;color: #fff;font-weight: normal;font-size: 22px;display: inline-block;} .home-tabs-wrapper .group-btn .btn-click:hover {text-decoration: none;} .home-tabs-wrapper .group-btn .btn-click .text {margin-left: 25px;transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;text-transform: uppercase;} .home-tabs-wrapper .group-btn .btn-click .icons {position: absolute;left: 10px;top: 5px;bottom: 5px;padding: 9px 10px;border-radius: 50%;text-align: center; color: #fd0;background-color: #424242;transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;} .home-tabs-wrapper .have-destination-txt { padding-top: 35px;display: block;font-size: 20px;} .home-tabs-wrapper .select-3-interests {margin-top: 10px;display: block;} /*---------- End Home Tab ----------*/ /*---------- Start Travelers Expert Section ----------*/ .recommended-trips{background-color: #f8f6f7;} .recommended-trips .recommended-trips-items{margin-top: 50px;} .recommended-trips-items img{height: 100%; width: 100%;} .recommended-trips-item{margin-bottom: 30px;background-repeat: no-repeat;background-size: cover;background-position: center center;box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);} .recommended-trips-item img{box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);} .recommended-trips-1{/*width: 570px;*/height: 237px;} .recommended-trips-2{/*width: 570px;*/height: 471px;} .recommended-trips-3{/*width: 270px;*/height: 471px;} .recommended-trips-4{/*width: 270px;*/height: 237px;} .recommended-trips-5,.recommended-trips-6,.recommended-trips-7{height: 226px;} .recommended-trips-item .user-avatar {position: relative;} .recommended-trips-1 .user-avatar .avatar , .recommended-trips-2 .user-avatar .avatar{left: 86% !important;} .recommended-trips-item .user-avatar .avatar {float: right;top: 10px;left: 70%;position: absolute; width: 70px; height: 70px; margin-right: 15px; border: 3px solid #fff;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;border-radius: 50%;overflow: hidden;} .recommended-trips-item .user-avatar .avatar img {width: 100%;height: 100%;vertical-align: middle;padding-bottom: 0px;} .rating {position: absolute;top: 10px;} .distance {position: absolute;top: 40px;} .rating p, .distance p {background: #fff;text-align: left;line-height: 0em !important;padding: 6px 16px;width: 112px;} .rating span, .distance span {color: #424242;font-size: 14px;text-align: left;display: inline-block;} .rating span i, .distance span i{color: #9a9a9a;width: 18px;margin-right: 6px;} /*.recommended-trips-item .title-wrapper {position: absolute;bottom: 40px;left: 20px;right: 20px;display: inline-block;z-index: 5;} .recommended-trips-item .title-wrapper .title {font-size: 22px;color: #fff;float: left;text-transform: uppercase;font-weight: 600;position: relative;text-shadow: 2px 4px 3px rgba(0,0,0,0.3);overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}*/ .recommended-trips-item .title-wrapper { position: absolute;bottom: 30px;left: 15px;right: 15px;display: inline-block;z-index: 5;background: rgba(0, 0, 0, 0.7); padding:10px;} .recommended-trips-item .title-wrapper .title { font-size: 16px; color: #fff; float: left; position: relative; text-shadow: 2px 4px 3px rgba(0, 0, 0, 0.3);overflow: hidden;text-overflow: ellipsis;white-space: nowrap; } .recommended-trips-items .btn-view-more{margin-top: 20px;} .btn-view-more {width: 170px;padding: 5px 20px;border: 1px solid #424242;font-size: 14px;color: #424242 !important;text-transform: uppercase;text-align: center;border-radius: 17px;background-color: transparent;margin-top: 50px; transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;} .btn-view-more:hover {background-color: #3c3c3c;border: 1px solid #424242;color: #fff !important;} .recommended-trips-1 .title-wrapper .title, .recommended-trips-2 .title-wrapper .title{ width: 540px;} .recommended-trips-3 .title-wrapper .title, .recommended-trips-4 .title-wrapper .title, .recommended-trips-5 .title-wrapper .title, .recommended-trips-6 .title-wrapper .title, .recommended-trips-7 .title-wrapper .title{ width: 255px;} /*---------- End Travelers Expert Section ----------*/ /*---------- Start Travelers Expert Section ----------*/ .featured-travelers {background-color: #f8f6f7;padding: 0px 0 60px 0;} .travelers-expert .traveler-expert-list{margin-top: 50px;} .group-title {margin-bottom: 20px;text-align: left;} .group-title .sub-title .text {color: #959595;text-transform: uppercase;display: inline-block;margin-bottom: 0;font-size: 20px;} .group-title .sub-title .icons {margin-left: 60px;position: relative;} .group-title .sub-title .title-img{margin-left: 10px;top: -10px;position: relative;display: inline-block;} .group-title .sub-title .icons:after {position: absolute;content: '';width: 54px;height: 2px;border: 1px dashed #ffdd00;right: 105%;bottom: 7px;} .group-title .main-title {color: #424242;font-size: 30px;text-transform: uppercase;font-weight: bold;letter-spacing: 1px;margin: 5px 0 0 0;padding-bottom: 20px;border-bottom: 1px solid #ccc;} .traveler-expert-list .traveler {text-align: center;background-color: #fff;z-index: 5;cursor: pointer;} .traveler-expert-list .traveler:hover{box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);} .traveler-expert-list .traveler .cover-image {position: relative;width: 100%;height: 90px;overflow: hidden;background-color: #18324d;} .traveler-expert-list .traveler .cover-image img {position: absolute;top: 0;left: 0;} .wrapper-content, .wrapper-mobile-nav {transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;} .traveler-expert-list .traveler .wrapper-content {padding: 0 30px 30px 30px;} .traveler-expert-list .traveler .wrapper-content .avatar {border-radius: 100%;width: 87px;overflow: hidden;/*border: 3px solid #fff;box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);*/position: relative;display: inline-block;top: -50px;margin-bottom: -25px;} .traveler-expert-list .traveler .wrapper-content .avatar img {width: 100%;border-radius: 50%;} .traveler-expert-list .traveler .wrapper-content .name {font-size: 20px;text-transform: capitalize;color: #ffc303;margin-bottom: 0;letter-spacing: 1px;} .traveler-expert-list .traveler .wrapper-content .address {text-transform: capitalize;font-size: 15px;margin-bottom: 0;margin-top: 15px;color: #000;} .traveler-expert-list .traveler .wrapper-content .description {font-size: 15px;margin: 15px 0 0 0;color: #424242;} /*---------- End Travelers Expert Section ----------*/ /*---------- Start Sign In Modal CSS ----------*/ .login-dialog {width: 775px;margin: 80px auto !important;} .login-dialog .modal-header {border-bottom: 1px solid transparent;} .login_modal_header .modal-title {font-size:16px; text-align: center;color: #676a6c; font-weight: bold; margin-top: -60px;} .login_modal_header .modal-logo{margin: 0 auto; top: -62px; position: relative;} .login_modal_header, .login_modal_footer {background: #fff !important;color:#000;} .modal-register-btn{width:100%;} .login-modal input{box-shadow: none; border:1px solid #ddd;border-radius: 0px;} .login-dialog .modal-body{padding-top: 0px;padding-bottom: 0px;} .login-dialog .modal-content{border-radius: 0px;} .modal-body-left{padding-top: 60px;} .modal-body-right{padding-left: 50px;} .modal-body-right .forgot-link{float: right;color: #0786ac;font-size: 12px;} .modal-body-right .forgot-link:hover, .modal-body-right .forgot-link:focus{text-decoration: none;outline: none;} .modal-social-icons{padding:0 10%;} .facebook, .twitter, .google, .linkedin {width:100%;height:40px; padding-top:2%; margin-top:2%;} .modal-icons{font-size: 32px;line-height: 65px;text-align: center;width: 70px;height: 70px;border-radius: 50%;} .google .modal-icons, .google .modal-icons:hover{background-color:#dd4b39;border:2px solid #dd4b39;color:#fff;} .twitter .modal-icons, .twitter .modal-icons:hover{ background-color: #00aced; border:2px solid #00aced;color: #fff;} .facebook .modal-icons, .facebook .modal-icons:hover{background-color: #3b5999; border:2px solid #3b5999;color:#fff;} .social-icons-conatainer{position: relative;} .signin-social p{margin-top: 5px;color:#545454;font-size: 12px;} .modal-login-btn{width:100%; margin-bottom:10px;background-color: #0786ac;text-transform: uppercase; color:#fff; font-size: 14px;font-weight: 600;border-radius: 0px;} .modal-body-right .btn-create-account{ border:1px solid #ff7f01;background-color: transparent; color: #ff7f01;border-radius: 0px;margin-top: 30px;} .login_modal_footer{text-align:center; margin-top:5px;} .login-dialog .modal-footer {border-top: 1px solid transparent;font-size: 12px; color: #a4a4a4;} .has-feedback-left input.form-control {padding-left: 34px; padding-right: 12px;} .has-feedback-left .form-control-feedback {left: 0;} .form-horizontal .has-feedback-left .form-control-feedback {left: 12px;} .has-feedback-left input.input-sm {padding-left: 30px;} .has-feedback-left input.input-lg {padding-left: 46px;} .login-dialog .ortext {width: 40px;text-align: center;position: absolute;padding: 7px 0;background: #dfdfdf;border: 1px solid #cccccc;color: #333;font-size: 15px;top: 42%;left: -20px; border-radius: 100%;} .modal-body-right:before {content: 'or';color: gray;position: absolute;top: 0;right: 0;left: 0;bottom: 0;margin: auto;height: 0.5em;width: 0.5em;left: -102%;top: -1.8em;z-index: 900;} .modal-body-right:after {content: '';position: absolute;background: rgba(128, 128, 128, 0.3);top: 0;right: 0;left: 0;bottom: 0;margin: auto;height: 7.25em;width: 1px;left: -100%;top: -135px;-moz-box-shadow: 0 8.8em 0 0 rgba(128, 128, 128, 0.3);-webkit-box-shadow: 0 8.8em 0 0 rgba(128, 128, 128, 0.3);box-shadow: 0 8.8em 0 0 rgba(128, 128, 128, 0.3);} /*---------- End Sign In Modal CSS ----------*/ /*---------- Start Sign Up Modal CSS ----------*/ .signup-dialog {width: 775px;margin: 80px auto !important;} .signup-dialog .modal-header {border-bottom: 1px solid transparent;} .signup-dialog .modal-title {font-size:16px; text-align: center;color: #676a6c; font-weight: bold; margin-top: -60px;} .signup-dialog .modal-logo{margin: 0 auto; top: -62px; position: relative;} .signup-modal input{box-shadow: none; border:1px solid #ddd;border-radius: 0px;} .signup-dialog .modal-body{padding-bottom: 0px;} .signup-dialog .modal-content{border-radius: 0px;} .signup-dialog .create-link{float: left;color: #0786ac;font-size: 12px;} .signup-dialog .create-link:hover, .signup-dialog .create-link:focus{text-decoration: none;outline: none;} .signup-dialog .modal-footer{text-align:center; margin-top:5px;} .signup-dialog .modal-footer {border-top: 1px solid transparent;font-size: 12px; color: #a4a4a4;} /*---------- End Sign Up Modal CSS ----------*/ /* Forgot Password Modal */ .forgot-dialog {margin: 80px auto !important;} .forgot-dialog .modal-header {border-bottom: 1px solid transparent;} .forgot-dialog .modal-title {font-size:16px; text-align: center;color: #676a6c; font-weight: bold; margin-top: -60px;} .forgot-dialog .modal-logo{margin: 0 auto; top: -62px; position: relative;} .forgot-dialog .modal-content{border-radius: 0px;} .forgot-dialog .modal-footer{text-align:center; margin-top:5px;} .forgot-dialog .modal-footer {border-top: 1px solid transparent;font-size: 12px; color: #a4a4a4;} .forgot-modal input{box-shadow: none; border:1px solid #ddd;border-radius: 0px;} .forgot-modal p{margin-top: 10px;} .forgot-modal .back-signin{color: #0786ac;cursor: pointer;} .forgot-modal .back-signin:hover, .forgot-modal .back-signin:focus{text-decoration: none;outline: none;} /* End Forgot Password Modal */ /* Start Success Password Modal */ .success-dialog {margin: 80px auto !important;} .success-dialog .modal-header {border-bottom: 1px solid transparent;} .success-dialog .modal-title {font-size:16px; text-align: center;color: #676a6c; font-weight: bold; margin-top: -60px;} .success-dialog .modal-logo{margin: 0 auto; top: -62px; position: relative;} .success-dialog .modal-content{border-radius: 0px;} .success-dialog .modal-footer{text-align:center; margin-top:5px;} .success-dialog .modal-footer {border-top: 1px solid transparent;font-size: 12px; color: #a4a4a4;} .success-modal{padding-top: 0px;padding-bottom: 0px;} .success-modal p{margin-top: 10px;color: #424242;} .success-modal img{margin: 0 auto;width: 100px;top: -10px;position: relative;} /* End Success Password Modal */ /* Start Email Modal */ .email-dialog {margin: 80px auto !important;} .email-dialog .modal-header {border-bottom: 1px solid transparent;} .email-dialog .modal-title {font-size:16px; text-align: center;color: #676a6c; font-weight: bold; margin-top: -60px;} .email-dialog .modal-logo{margin: 0 auto; top: -62px; position: relative;} .email-dialog .modal-content{border-radius: 0px;} .email-dialog .modal-footer{text-align:center; margin-top:5px;} .email-dialog .modal-footer {border-top: 1px solid transparent;font-size: 12px; color: #a4a4a4;} .email-modal{padding: 0px;} .email-modal p{margin-top: 10px;} .email-modal img{margin: 0 auto;} .email-modal .mail-box {width: 100px;border: solid 3px #f15942;padding: 5px;border-radius: 50%;} /* End Email Modal */ /*----- Start Trip Listing Page ------*/ .trip-listing{background-color: #fff; padding-top:50px; padding-bottom:0 !important;} /* Start result-meta */ .result-meta {margin-bottom: 30px;} .result-meta .result-count-wrapper {color: #424242;font-size: 14px;float: left;padding: 20px; font-family:"Roboto Regular", Arial;} .result-meta .result-count-wrapper .result-count {font-weight: bold;font-size: 15px;} .result-meta .result-filter-wrapper {height: 60px;line-height: 60px;background-color: #e9e9e9;} .result-meta .result-filter-wrapper form {float: right;} .result-meta .result-filter-wrapper .result-filter-label {color: #424242;font-size: 15px;margin-bottom: 0;margin-right: 30px;font-weight: normal;float: left;} .result-meta .result-filter-wrapper .form-group{margin-right: 30px;margin-top: 15px;float: right;} .result-meta .result-filter-wrapper .form-group .form-control{ border-radius: 50px;border: 1px solid #c7c7c7;background-color: transparent;padding: 5px 18px;color: #424242;font-size: 12px;} /* End result-meta */ /* Start Location Widget*/ .sidebar-widget .discover-widget .location-icon {background-image: url(../images/location.svg);background-position: 10px 10px;background-repeat: no-repeat;padding-left: 30px;border-radius:0px;} .sidebar-widget .discover-widget .remove_location{position: absolute;color: #aaa;font-size: 16px;top: 78px;right: 30px;cursor: pointer;} /* End Location Widget*/ /* Start sidebar-widget */ .sidebar-widget::before {display: table;content: '';} .sidebar-widget:after {display: table;content: '';clear: both;} .sidebar-widget .col-2:last-child > .widget:last-child {margin-bottom: 0;} .sidebar-widget .col-2:last-child .col-1:last-child .widget:last-child {margin-bottom: 0;} .sidebar-widget .widget {margin-bottom: 50px;} .sidebar-widget .widget .advertise-img{margin: 0 auto;} .sidebar-widget .widget .title-widget {width: 100%;height: 45px;line-height: 45px;text-align: center;background-color: #fafafa;border-bottom: 2px solid #dcdcdc;margin-bottom: 25px;} .sidebar-widget .widget .title-widget .title {text-transform:capitalize;display: inline-block;color: #424242;font-size: 14px;font-weight: 600;border-bottom: 2px solid #dcdcdc;height: 100%;} /* End sidebar-widget */ /* Distance Widget */ .distance-widget .content-widget .location{color: #424242;font-size: 12px;margin-bottom: 50px;} .distance-widget .content-widget .location i{color: #484848; font-size: 16px;margin-right: 10px;} .distance-wrapper .slider-handle {background-color: #ffc100;background-image: -webkit-linear-gradient(top,#ffc100 0,#ffc100 100%);background-image: -o-linear-gradient(top,#ffc100 0,#ffc100 100%);background-image: linear-gradient(to bottom,#ffc100 0,#ffc100 100%);} .distance-wrapper .slider.slider-horizontal {width: 275px;height: 5px;background-color: #f8f8f8;margin:10px;} .distance-wrapper .slider.slider-horizontal .slider-track {height: 3px !important;} .distance-wrapper .slider-selection {background: #0186af;} .distance-wrapper .slider-handle {top: -9px;} .distance-wrapper .tooltip-inner, .distance-wrapper .tooltip{z-index: 0} /* End Distance Widget */ /* Start CheckBox Sidebar Widget */ .checkbox-trip {padding-left: 20px; } .checkbox-trip label {display: inline-block;position: relative;padding-left: 20px;color:#424242;font-weight: 600;font-size: 14px;} .checkbox-trip label.spl-checkbox::before {content: "";display: inline-block;position: absolute;width: 17px;height: 17px; left: 0;margin-left: -20px;border: 1px solid #cccccc;border-radius: 0px;background-color: #fff; -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;-o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;transition: border 0.15s ease-in-out, color 0.15s ease-in-out; } .checkbox-trip label::after {display: inline-block;position: absolute;width: 16px;height: 16px;left: 0;top: 0;margin-left: -20px;padding-left: 3px;padding-top: 1px;font-size: 11px;color: #555555; } .checkbox-trip input[type="checkbox"] {opacity: 0;} .checkbox-trip input[type="checkbox"]:focus + label::before {outline: none;outline-offset: 0px; } .checkbox-trip input[type="checkbox"]:checked + label::after {font-family: 'FontAwesome';content: "\f00c"; } .checkbox-trip input[type="checkbox"]:checked + label::before {background-color: #fd8100;border-color: #fd8100; } .checkbox-trip input[type="checkbox"]:checked + label::after {color: #333;} /* End CheckBox Sidebar Widget */ /* Start Sidebar Widget Count*/ .sidebar-widget .widget .content-widget .trips-star li{display: inline-block;} .sidebar-widget .widget .content-widget .count {float: right;color: #424242;font-size: 14px;font-weight: 600;} /* End Sidebar Widget Count */ /* Discover Widget */ .discover-ul{list-style: none;margin:0;padding:0;} .discover-ul li{display: inline-block;margin-right: 9px; margin-left:9px; margin-bottom: 10px;} .discover-ul li p{color:#424242;font-size:12px;text-align: center; margin-top: 10px;text-transform: capitalize; font-family:"Roboto Regular", Arial;} .discover-ul li div{cursor: pointer;} .discover-ul li.active p{color: #fd8100;} .discover-ul .hill-station{background-image: url(../images/hill-station-grey.svg);background-repeat: no-repeat;height: 68px;width: 68px;} .discover-ul .hill-station.active{background-image: url(../images/hill-station-orange.svg);} .discover-ul .beach{background-image: url(../images/beach-grey.svg);background-repeat: no-repeat;height: 68px;width: 68px;} .discover-ul .beach.active{background-image: url(../images/beach-orange.svg);} .discover-ul .wildlife{background-image: url(../images/wildlife-grey.svg);background-repeat: no-repeat;height: 68px;width: 68px;} .discover-ul .wildlife.active{background-image: url(../images/wildlife-orange.svg);} .discover-ul .desert{background-image: url(../images/desert-grey.svg);background-repeat: no-repeat;height: 68px;width: 68px;} .discover-ul .desert.active{background-image: url(../images/desert-orange.svg);} .discover-ul .urban{background-image: url(../images/urban-grey.svg);background-repeat: no-repeat;height: 68px;width: 68px;} .discover-ul .urban.active{background-image: url(../images/urban-orange.svg);} .discover-ul .rustic{background-image: url(../images/rustic-grey.svg);background-repeat: no-repeat;height: 68px;width: 68px;} .discover-ul .rustic.active{background-image: url(../images/rustic-orange.svg);} .discover-ul .heritage{background-image: url(../images/heritage-grey.svg);background-repeat: no-repeat;height: 68px;width: 68px;} .discover-ul .heritage.active{background-image: url(../images/heritage-orange.svg);} .discover-ul .religious{background-image: url(../images/religious-grey.svg);background-repeat: no-repeat;height: 68px;width: 68px;} .discover-ul .religious.active{background-image: url(../images/religious-orange.svg);} .discover-ul .trek{background-image: url(../images/trek-grey.svg);background-repeat: no-repeat;height: 68px;width: 68px;} .discover-ul .trek.active{background-image: url(../images/trek-orange.svg);} .discover-ul .water-body{background-image: url(../images/water-body-grey.svg);background-repeat: no-repeat;height: 68px;width: 68px;} .discover-ul .water-body.active{background-image: url(../images/water-body-orange.svg);} /* select the second-last item */ .discover-ul li:nth-last-child(1), .discover-ul li:nth-last-child(2), .discover-ul li:nth-last-child(3), .discover-ul li:nth-last-child(4) {margin-bottom: 0px;} /* End Discover Widget */ /* Start Days Widget */ .days-widget .content-widget .days-wrapper{margin-top: 50px;} .days-wrapper .slider-handle {background-color: #ffc100;background-image: -webkit-linear-gradient(top,#ffc100 0,#ffc100 100%);background-image: -o-linear-gradient(top,#ffc100 0,#ffc100 100%);background-image: linear-gradient(to bottom,#ffc100 0,#ffc100 100%);} .days-wrapper .slider.slider-horizontal {width: 300px;height: 5px;background-color: #f8f8f8;} .days-wrapper .slider.slider-horizontal .slider-track {height: 3px !important;} .days-wrapper .slider-selection {background: #0186af;} .days-wrapper .slider-handle {top: -9px;} /*End Days Widget */ /* Start Result Body */ .trips-layout {margin-bottom: 20px;} .trips-layout .content-wrapper .kilometer-rating{margin: 0;padding:0;text-align: left;list-style: none;} .trips-layout .content-wrapper .kilometer-rating li{display: inline-block;margin-right: 20px;} .trips-layout .content-wrapper .kilometer-rating li a{font-size: 18px;color: #facb09;} .trips-layout .content-wrapper .star a{display: inline-block;} .trips-layout .content-wrapper .kilometer img{display: inline-block;} .trips-layout .content-wrapper .kilometer span{color: #959595;font-size: 13px; margin-left: 10px;} .trips-layout .image-wrapper {position: relative;overflow: hidden;display: table-cell;width: 54%;height: 175px;} .trips-layout .image-wrapper .link {display: block;width: 100%;height: 100%;position: relative;transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;} .trips-layout .image-wrapper .link img {width:100%; height:100%;position: absolute;top: 0;left: 0;transition: all 0.8s ease;-webkit-transition: all 0.8s ease;-moz-transition: all 0.8s ease;-o-transition: all 0.8s ease; object-fit: cover;} .trips-layout .content-wrapper {background-color: #fff;display: table-cell;vertical-align: top;position: relative;width: 345px;} .trips-layout .content-wrapper .list-info {position: absolute;top: 0;right: 0;margin: 0;height: 100%;max-height: 285px;display: block;text-align: center;border-collapse: collapse;border-left: 1px solid #e9e9e9;} .trips-layout .content-wrapper .list-info li {padding: 0;border-bottom: 1px solid #e9e9e9;height: 24%;display: table;} .trips-layout .content-wrapper .list-info li:last-child {border-bottom: none;} .trips-layout .content-wrapper .list-info .link {display: table-cell;vertical-align: middle;width: 54px;height: 100%;line-height: 1;transition: all 0.5s ease;position: relative;z-index: 11;top: 0;right: 0;} .trips-layout .content-wrapper .list-info .link > .icons {color: #d2d2d2;display: inline-block;width: 14px;height: 14px;text-align: center;transition: all 0.3s ease;} .trips-layout .content-wrapper .list-info .link .number {display: none;opacity: 0;color: #fff;transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;} .trips-layout .content-wrapper .list-info .link:hover {background-color: #d4d4d4;box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);text-decoration: none;} .trips-layout .content-wrapper .list-info .link:hover > .icons {color: #424242;} .trips-layout .content-wrapper .list-info .link:hover .number {display: block;opacity: 1;color: #424242;} .trips-layout .content-wrapper .content {padding: 0 50px 0 15px;} .trips-layout .content-wrapper .content .title-wrapper {font-weight: bold;font-size: 15px; margin-bottom: 0px; margin-right: 1px;} .trips-layout .content-wrapper .content .title {color: #424242;} .trips-layout .content-wrapper .content .price {color: #ffc303; margin-bottom: 5px;} .trips-layout .content-wrapper .content .price .number {font-size: 17px;font-weight: 600;} .trips-layout .content-wrapper .content .text {color:#4d4d4d; font-size: 15px; margin-bottom: 5px;} .trips-layout .content-wrapper hr {margin-top: 15px; margin-bottom: 10px; margin-right: 15px; border: 0;border-top: 1px solid #eee;} .trips-layout:hover {box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.1);} .trips-layout:hover .image-wrapper .link img {transform: scale(1.2);-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-ms-transform: scale(1.2);-o-transform: scale(1.2);} .trips-layout:hover .image-wrapper .link:before {top: -20%;} /* End Result Body */ /* Start pagination */ .pagination-list {text-align: center;} .pagination {margin: 0;} .pagination li .btn-pagination {border: none;color: #b3b3b3;text-align: center;background-color: transparent;position: relative;padding:6px} .pagination li .btn-pagination.active {color: #434a54;pointer-events: none;} .pagination li .btn-pagination.active:after {position: absolute;content: "";bottom: 0;width: 20px;height: 1px;left: 50%;margin-left: -10px;background-color: #434a54;} .pagination li .btn-pagination:after {position: absolute;content: "";bottom: 0;width: 0;height: 1px;left: 50%;margin-left: -10px;background-color: #434a54; transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;} .pagination li .btn-pagination:hover {background-color: transparent;color: #434a54;} .pagination li .btn-pagination:hover:after {width: 20px;} .pagination li .previous, .pagination li .next {width: 24px;height: 24px;line-height: 24px !important;padding: 0;border-radius: 50% !important;-webkit-border-radius: 50% !important;-moz-border-radius: 50% !important;border: 1px solid #b3b3b3;} .pagination li .previous i, .pagination li .next i{line-height: 23px !important;font-size: 16px;} .pagination li .previous:after, .pagination li .next:after {display: none;} .pagination li .previous:hover, .pagination li .next:hover {background-color: #434a54;color: #fff;border: 1px solid #434a54;} .pagination li .previous {margin-right: 10px;} /* End pagination */ /*----- End Trip Listing Page ------*/ /*----- Start profile Page ------*/ .profile-banner {width:100%; min-height:191px; display:block; background-color: #f6f6f6; background:url(../images/profile-banner.jpg) no-repeat; background-position:center; background-size:cover; margin-top:0px;} .in-profile-banner {position:relative; min-height:191px; width:1170px; margin:0 auto;} .in-profile-banner .outer-img-box {position:absolute; left:68px; bottom:-70px; z-index:99;} .in-profile-banner .img-box {border:5px solid #fff; border-radius:100%; position:relative;} .in-profile-banner .img-box .overlay-box {position:absolute;top:0; left:0; display:none; background:#000; opacity:0.7; width:100%; height:100%; border-radius:100%;} .in-profile-banner .img-box .overlay-box i {display:block; font-size:30px; color:#fff; margin:65px auto 0; width:50px; text-align:center; opacity:10 !important;} .in-profile-banner .img-box:hover .overlay-box { display:block;} .in-profile-banner .img-box img {border-radius:100%;} .in-profile-banner .btn-group{bottom: 20px;position: absolute;right: 5px;} .in-profile-banner .btn {background:#ffc303; border-radius:17px !important; color:#424242;font-weight:normal; width:auto;border: 0px;padding:5px 8px; margin:0 5px 0 0 } .in-profile-banner .btn-group>.btn:first-child{margin-right: 10px;} /*.in-profile-banner .btn-group .btn.accept_friend{margin-right: 10px !important;}*/ .in-profile-banner .follow {right:168px !important;} .in-profile-banner .friend {right:0px !important;} .profile-wrapper{background-color: #fff;padding-top: 5px;} .profile-container {margin-top:85px ;} .profile-container .outer-follow-box {margin-top:15px ;} .profile-title .sub-title{margin-top: 25px;} .profile-title .sub-title .text {text-transform: capitalize;} .profile-title .group-title .sub-title .title-img{top:0px;} .first-profile-box {width:100%; display:block; margin:0 0 20px; padding:0 0 20px; border-bottom:1px solid #d0d0d0;} .first-profile-box .profile-name {width:100%; display:block; text-align:center; color:#0786ac; font-size:20px;text-transform: capitalize;} .profile-name .btn {background:#ffc303; border-radius:17px; color:#424242; margin:10px auto 0;font-weight:normal; width:170px; display:none;} .profile-name .follow-btn {background:#ffc303; border-radius:17px; color:#424242; margin:10px auto 0;font-weight:normal; width:170px; display:none;} .profile-name .friend-btn {background:#ffc303; border-radius:17px; color:#424242; margin:10px auto 0;font-weight:normal; width:170px; display:none;} .first-profile-box button.btn{background:#ffc303;border-radius:17px !important;color:#424242;font-weight:normal;width:auto;border:0px;padding:5px 8px; margin:15px 0 0 0} .invite-friends-box button.btn{background:#ffc303;border-radius:17px !important;color:#424242;font-weight:normal;width:auto;border:0px;padding:5px 8px} .invite-friends-box {float:right; margin:0 0 15px 0} ul.profile-icon1 { } ul.profile-icon1 li { margin:10px 0 0!important;} ul.profile-icon {width:100%; margin:0 auto; padding:0;} ul.profile-icon li {display:inline-block; margin:0 0 20px; padding:0 0 0 35px; color:#424242; font-size:15px;background-position:left center !important; width:48%; height:24px;} ul.profile-icon li.scout {background:url(../images/scout.svg) no-repeat;} ul.profile-icon li.blogger {background:url(../images/blogger.svg) no-repeat;} ul.profile-icon li.wanderer {background:url(../images/wanderer.svg) no-repeat;} ul.profile-icon li:last-child {margin-bottom:0;} ul.profile-info {width:100%; margin:0 auto; padding:0;} ul.profile-info li {width:100%; display:block; margin:0 0 10px; padding:0; color:#424242; font-size:15px;} ul.profile-info li i {color:#d0d0d0; font-size:18px; width:40px;} ul.profile-info li:last-child {margin-bottom:0;} ul.profile-info li:first-child i {font-size:25px;} ul.profile-srength {width:100%; display:block; margin:0; padding:0 0 19px; border-bottom:1px solid #d0d0d0; position:relative;} .edit-link-container {position:relative;} .edit-link-container a.comman-edit-link {width:130px; border-radius:15px; background:none; border:1px solid #cfcece; text-align:center; font-size:14px; color:#4d4d4d; padding:4px 0 2px; z-index:99; text-decoration:none; position:absolute; top:0; right:15px;} .edit-link-container a.comman-edit-link:hover {text-decoration:none; background:#4d4d4d; color:#fff;} ul.profile-srength li {display:inline-block; color:#424242; font-size:15px; border-right:1px solid #d0d0d0; font-family:'Open Sans',Arial; padding:0 20px;} ul.profile-srength li span {font-weight:bold; font-size:20px; margin-right:7px;} ul.profile-srength li:last-child {border:0;} ul.profile-srength li:first-child {padding-left:0;} .main-trip-container {width:100%; display:block; margin:0; padding:0;} .main-trip-container .outer-trip-container {width:100%; display:block; margin:0 0 15px; padding:10px 15px 0; background:#fff;} .profile-trip-box {width:100%; display:block; margin:0; padding:0;} .profile-trip-box .trip-top-row {width:100%; display:block; margin:0; padding:0; min-height:195px;} .trip-top-row .img-box {width:300px; float:left;} .trip-top-row .img-box img {width:100%; height:192px!important;} .trip-top-row .content-box {float:left; margin:0 0 0 10px; width:210px;} .content-box h2 {width:100%; display:block; margin:0 0 10px; padding:0 0 15px; border-bottom:1px solid #d0d0d0; color:#424242; font-size:15px; font-weight:700;} .content-box h2 a {text-decoration:none; color:#424242;} .content-box h2 a:hover {text-decoration:none;} .content-box span {font-size: 12px;/*width:100%; display:block; margin:0 0 15px; padding:0; font-size:23px; color:#ffc303; font-weight:700;*/} .content-box cite {font-style:normal; display:block; width:100%; padding:0 0 0 30px; color:#959595;font-size:13px;margin:0 0 13px 0;background:url(../images/speedo-meter.jpg) no-repeat left center; background-size: 18px 17px;} .content-box p {width:100%; display:block; margin:0; padding:0; line-height:22px; color:#4d4d4d; font-size:13px;} .content-box .que-date-picker{width: 50%;} ul.trip-icon-list {width:100%; display:block; margin:10px 0 0 ; padding:0; border-top:1px solid #d0d0d0;} ul.trip-icon-list li {display:inline-table; border-right:1px solid #d0d0d0; text-align:center;vertical-align:middle; color:#d0d0d0; font-size:14px;width:24%;min-height: 40px;} ul.trip-icon-list li:last-child {border:0;} /*ul.trip-icon-list li i {width:20px; font-size:15px; color:#d0d0d0; margin-right:5px;}*/ /*ul.trip-icon-list li:last-child i {font-size:19px;}*/ ul.trip-icon-list .link {display: table-cell;vertical-align: middle;line-height: 1;transition: all 0.5s ease;position: relative;z-index: 11;top: 0;right: 0; height:100%;width:100%;} ul.trip-icon-list .link > .icons {color: #d2d2d2;display: inline-block;width: 20px; margin-right:5px;text-align: center;transition: all 0.3s ease;} ul.trip-icon-list .link .number {display: none;opacity: 0;color: #fff;transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;} ul.trip-icon-list .link:hover {background-color: #d4d4d4;box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);text-decoration: none;} ul.trip-icon-list .link:hover > .icons {color: #424242;} ul.trip-icon-list .link:hover .number {display: inline-block;opacity: 1;color: #424242;} ul.trip-icon-list .star {display: table-cell;vertical-align: middle;line-height: 1;transition: all 0.5s ease;position: relative;z-index: 11;top: 0;right: 0; height:100%;width:100%;} ul.trip-icon-list .star a > .icons {color: #d2d2d2;display: inline-block;/*width: 20px;*/ margin-right:5px;text-align: center;transition: all 0.3s ease;} ul.trip-icon-list .star:hover {background-color: #d4d4d4;box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);text-decoration: none;} ul.trip-icon-list .star:hover a > .icons {color: #424242;} /*ul.trip-icon-list li .star a {display: inline-block;color: #facb09;} */ .profile-add-col {width:100%; display:block; margin:44px 0 0 0; padding:0;} .profile-add-col img {width:100%;} .outer-follow-box {width:100%; display:block; margin:45px 0 0; padding:0;} .outer-follow-box h3 {width:100%; display:block; padding:0 0 10px; margin:0 0 20px; border-bottom:1px solid #cccccc;} .outer-follow-box h3 span {float:left;font-size:20px;} .outer-follow-box h3 cite {float:right; font-style:normal; font-size:20px;color:#0786ac; cursor:pointer;} .outer-follow-box .in-follow-box {width:100%; display:block; margin:0; padding:15px; background:#fff;} ul.follow-list {width:100%; display:block; margin:0; padding:0;} ul.follow-list li {width:100%; display:block; margin:0 0 13px; padding:0 0 27px 90px; position:relative; border-bottom:1px solid #e9e9e9; min-height:75px;} ul.follow-list li .img-box {width:74px; height:74px; position:absolute; top:0; left:0;} ul.follow-list li .img-box img { border-radius:100%; width:100%;} ul.follow-list li h4 {width:100%; display:block; color:#424242; font-size:15px; font-weight:700; margin:0; padding:5px 0 0 0;} ul.follow-list li h4 span {width:100%; display:block; margin:10px 0 0 0; padding:0; color:#424242; font-size:14px; font-weight:normal;} ul.follow-list li a.unfollow {display:inline-block; margin:10px 0 0; padding:3px; background:none; border:1px solid #d0d0d0; text-decoration:none; border-radius:17px; text-align:center; color:#d0d0d0; font-size:12px; font-weight: 700;width:95px;} ul.follow-list li a.unfollow:hover {text-decoration:none;} ul.follow-list li a.follow {display:inline-block; margin:10px 0 0; padding:5px 8px; background:#ffc303; border:1px solid #ffc303; text-decoration:none; border-radius:17px; text-align:center; color:#424242; font-size:12px; font-weight: 700;width:auto;} ul.follow-list li a.follow:hover {text-decoration:none;} .in-follow-box a.view-all {display:block; margin:0 auto; color:#000; text-decoration:none;font-size:14px; font-weight:500; text-align:center; width:100px;} .in-follow-box a.view-all:hover {text-decoration:none;} ul.follow-list li:last-child {border:0; margin-bottom:0;} .profile-trip-box .trip-top-row .trip-delete-icon{font-size:20px;color:#0786ac;position:relative;float:right;} /*----- End profile Page ------*/ /*----- Start Trip Planning Page ------*/ .trip-planning{padding-top:150px;background-image: url(../images/trip-paln-bg.jpg);background-repeat: no-repeat;background-size: cover;background-position: center;} .trip-planning .trip-plan-wrapper{background-color: #000;opacity: 0.5;padding: 60px;} .trip-plan-ul{list-style: none;margin:0;padding:0;} .trip-plan-ul li{display: inline-block;margin-right: 9px; margin-left:9px; margin-bottom: 20px;} .trip-plan-ul li p{color:#fff;font-size:12px;text-align: center; margin-top: 10px;text-transform: capitalize;} .trip-plan-ul li.active p{color: #ffc303;} .trip-plan-ul .hill-station{background-image: url(../images/hill-station-white.svg);background-repeat: no-repeat;height: 68px;width: 68px;} .trip-plan-ul .hill-station.active{background-image: url(../images/hill-station-yellow.svg);} .trip-plan-ul .beach{background-image: url(../images/beach-white.svg);background-repeat: no-repeat;height: 68px;width: 68px;} .trip-plan-ul .beach.active{background-image: url(../images/beach-yellow.svg);} .trip-plan-ul .wildlife{background-image: url(../images/wildlife-white.svg);background-repeat: no-repeat;height: 68px;width: 68px;} .trip-plan-ul .wildlife.active{background-image: url(../images/wildlife-yellow.svg);} .trip-plan-ul .desert{background-image: url(../images/desert-white.svg);background-repeat: no-repeat;height: 68px;width: 68px;} .trip-plan-ul .desert.active{background-image: url(../images/desert-yellow.svg);} .trip-plan-ul .urban{background-image: url(../images/urban-white.svg);background-repeat: no-repeat;height: 68px;width: 68px;} .trip-plan-ul .urban.active{background-image: url(../images/urban-yellow.svg);} .trip-plan-ul .rustic{background-image: url(../images/rustic-white.svg);background-repeat: no-repeat;height: 68px;width: 68px;} .trip-plan-ul .rustic.active{background-image: url(../images/rustic-yellow.svg);} .trip-plan-ul .heritage{background-image: url(../images/heritage-white.svg);background-repeat: no-repeat;height: 68px;width: 68px;} .trip-plan-ul .heritage.active{background-image: url(../images/heritage-yellow.svg);} .trip-plan-ul .religious{background-image: url(../images/religious-white.svg);background-repeat: no-repeat;height: 68px;width: 68px;} .trip-plan-ul .religious.active{background-image: url(../images/religious-yellow.svg);} .trip-plan-ul .water-body{background-image: url(../images/water-body-white.svg);background-repeat: no-repeat;height: 68px;width: 68px;} .trip-plan-ul .water-body.active{background-image: url(../images/water-body-yellow.svg);} /*----- End Trip Planning Page ------*/ /*----- Trip Detail Page ------*/ /* Travel Scouts */ .travel-scouts {background-color: #f8f6f7;} .travel-scouts .traveler-expert-list{margin-top: 50px;} .traveler-expert-list .traveler .wrapper-content .expertise {text-transform: capitalize;font-size: 15px;margin-bottom: 0;margin-top: 15px;color: #000;} .traveler-expert-list .traveler .wrapper-content .expertise span{font-weight: 600;margin-right: 5px;} /*Trip Planning step 2 css*/ .trip-planning-container {background:url(../images/trip-paln-bg.jpg) no-repeat center; background-position:top center; background-size:cover; height: 950px; } .trip-planning-bg {margin-top:150px; margin-bottom:178px;border-radius: 17px;background-color: rgba(0, 0, 0, 0.65);} .trip-panning-heading {width:100%; margin:35px auto 26px; color:#fff; font-size:25px; text-align:center; display:block; line-height:32px;font-weight:normal;} .outer-scroller-container {width:960px; margin:0 auto; padding:20px 0; border-top:1px solid #8b8882;} .in-scroller-container {width:100%; display:block; margin:0 auto; padding:0;} .in-scroller-container .indicator-row {width:100%; display:block; margin:0 auto 25px; padding:0;} ul.indicator-list {width:100%; display:block; margin:0; padding:0; text-align:center;} ul.indicator-list li {display:inline-block; margin:0 45px; padding:0 0 0 85px; width:auto; position:relative; min-height:70px;} ul.indicator-list .img-box {position:absolute; top:0; left:0; width:70px; height:70px;} ul.indicator-list .destination {width:100%; position:relative; color:#ffc404; font-size:13px;margin:25px 0 0 0; padding:0 35px 0 0;} ul.indicator-list span {position:absolute; top:-2px; right:0; color:#fff; cursor:pointer; font-size:14px; width:25px; text-align:center; background:#817e77; padding:2px 0; border-radius:100%;} ul.indicator-list .img-box.hill-station {background: url(../images/hill-station-yellow.svg) no-repeat top center;} ul.indicator-list .img-box.beach {background: url(../images/beach-yellow.svg) no-repeat top center;} ul.indicator-list .img-box.wildlife {background:url(../images/wildlife-yellow.svg) no-repeat top center;} ul.indicator-list .img-box.desert {background:url(../images/desert-yellow.svg) no-repeat top center;} ul.indicator-list .img-box.urban {background:url(../images/urban-yellow.svg) no-repeat top center;} ul.indicator-list .img-box.rustic {background:url(../images/rustic-yellow.svg) no-repeat top center;} ul.indicator-list .img-box.heritage {background:url(../images/heritage-yellow.svg) no-repeat top center;} ul.indicator-list .img-box.religious {background:url(../images/religious-yellow.svg) no-repeat top center;} ul.indicator-list .img-box.trek {background:url(../images/trek-yellow.svg) no-repeat top center;} .in-scroller-container .destination-display-row {width:100%; display:block; margin:0; padding:0; height:370px !important;} ul.destination-list {width:100%; display:block; margin:0; padding:0;} ul.destination-list li {display:inline-block; margin:0 36px 30px 0; padding:0; cursor:pointer; position:relative;} ul.destination-list li .img-box .overlay {position:absolute; width:100%; height:100%; display:none; background:url(../images/destination-overlay.png);} ul.destination-list li .img-box .overlay i {width:50px; padding:15px 0; border-radius:100%; border:2px solid #fff; text-align:center; display:block; color:#fff; font-size:17px; margin:40px auto 0;} ul.destination-list li .img-box:hover .overlay {display:block;} ul.destination-list li.active-destination .img-box .overlay {display:block !important;} ul.destination-list li.active-destination .img-box .overlay i {color:#ffc303; border-color:#ffc303;} ul.destination-list li.active-destination span {color:#ffc303 !important;} ul.destination-list li .img-box {width:150px; height:132px; border:1px solid transperant; position:relative;} ul.destination-list li .img-box img {width:100%;} ul.destination-list li span {width:100%; display:block; text-align:center; color:#fff; margin:15px 0 0 0;font-size:15px; font-weight:600;} .in-scroller-container .btn {width:150px; display:block; border-radius:15px; background:#ffc303; color:#4d4d4d; text-transform:uppercase;font-size:14px; font-weight:500; margin:40px auto 44px;} .no-search-result {width:100%; display:block; margin:0 auto; padding:0; text-align:center;} .no-search-result .img-box {width:126px; display:block; margin:113px auto 45px;} .no-search-result span {width:100%; display:block; text-align:center; color:#fff; font-size:15px; margin:0 0 70px;} .no-search-result .btn {width:150px; display:block; border-radius:15px; background:#ffc303;color:#4d4d4d; text-transform:uppercase;font-size:14px; font-weight:500; margin:40px auto 44px;} /*Trip Planning step 3 css*/ .trip-planning-step3 {width:955px; margin:0 auto; padding:0; display:block;} .trip-planning-box {width:95%; margin:0 auto; padding:0; display:block; } .trip-planning-step3 .col-md-4:nth-child(2) {border-left:1px solid #8b8882; border-right:1px solid #8b8882;} ul.trip-planning-step3-list {width:100%; display:block; margin:0; padding:25px 0;} ul.trip-planning-step3-list li {display:block; margin:0 0 13px 0; padding:0 0 0 30px; color:#fff; font-size:12px; background-position:left top; background-repeat:no-repeat; height:18px;} ul.trip-planning-step3-list li:last-child {margin:0;} ul.trip-planning-step3-list li.nh {background-image:url(../images/nh.svg);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} ul.trip-planning-step3-list li.km {background-image:url(../images/km.svg);} ul.trip-planning-step3-list li.min {background-image:url(../images/min.svg);} ul.trip-planning-step3-list li.star {background-image:url(../images/star.svg);} ul.trip-planning-step3-list li:last-child {height:22px; padding-top:3px;} .trip-planning-box .map-box {width:100%; display:block; margin:0; padding:0;} .trip-planning-box .map-box img {width:100%;} .trip-planning-box .btn {width:150px; margin:20px auto; background:none; border:1px solid #fff; color:#fff; text-align:center; font-size:14px; padding:6px 0;border-radius: 17px; font-weight: normal;} .trip-planning-box .btn:hover {background:#ffc303; color:#424242;border: 1px solid #ffc303!important;} .trip-planning-box .btn.active {background:#ffc303; color:#424242; border: 1px solid #ffc303!important;box-shadow: none;} .trip-planning-footer {margin-top:0;} .type-city {font-size:17px;} /*header css by Rohan*/ .login-user a span {width:20px; color:#0786ac; font-size:20px;} /*user profile edit page css*/ .edit-container {margin:25px auto 0; display:block; padding:45px 30px; background:#fff;} .edit-container label {color: #424242; font-size: 15px; font-weight: 700; font-family:inherit;} cite.mandatory {color:#ff7f01 !important; font-style:normal; font-size:21px; margin-left:3px;} input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px white inset;} input:-webkit-autofill:focus {-webkit-box-shadow: 0 0 0px 1000px white inset;} .edit-container .form-group {margin-bottom:30px;} .profile-img-container {width:100%; display:block; margin:0 0 20px; padding:0;} .profile-img-container .photo-box {width:156px; float:left; margin:0; padding:0; border:2px solid #cdcbcd; position:relative; border-radius:100%;} .profile-img-container .photo-box .overlay {position:absolute; top:0; left:0; background:url(../images/destination-overlay.png); display:none; width:100%; height:100%; border-radius:100%;} .profile-img-container .photo-box .overlay i {width:40px; display:block; text-align:center; font-size:30px; color:#fff; margin:42% auto 0;} .profile-img-container .photo-box:hover .overlay {display:block;} .profile-img-container .photo-box img {width:100%; border-radius:100%;} .profile-img-container .photo-content-box {width:240px; float:left; margin:0 0 0 40px; padding:0;} ul.photo-instructions {width:100%; display:block; margin:30px 0 0 0; padding:0;} ul.photo-instructions li {display:list-item; list-style:disc; color:#000; font-size:13px; margin:0 0 10px 0;} .myFile {position: relative;overflow: hidden; background:#ffc303; display:block; color:#274346; width:268px; padding:15px 0; font-family:inherit; text-align:center; border:0; outline:none; font-size:22px; margin:20px auto 0;} .myFile i {width:25px; text-align:center;} .myFile input[type="file"] {display: block; position: absolute; top: 0; right: 0; opacity: 0; font-size: 100px; filter: alpha(opacity=0); cursor: pointer;} .edit-right-tab {padding-right:25px;} .edit-left-tab {padding-left:25px;} .edit-container .form-control {border-radius:0; box-shadow:none; background:#fff;} .spl-input-addon {border-radius:0; background:#fff;} .right-top {padding-top:10px;} /*date-time picker css*/ .datetimepicker table tr td.active.active {background:#ffc303; color:#4d4d4d;} .datetimepicker table tr td.active.active:hover {background:#ffc303; color:#4d4d4d;} .datetimepicker table tr td.today, table tr td.today:hover, .datetimepicker table tr td.today:hover:hover {background:#ff7f01;} .datetimepicker th {font-weight:normal;} .datetimepicker table tr td span.active.active, .datetimepicker table tr td span.active:hover.active {background:#ffc303; color:#4d4d4d;} .spl-checkbox {font-weight:normal !important; padding-left:5px !important;} ul.horizontal-checkbox {width:100%; display:block; margin:0; padding:0;} ul.horizontal-checkbox li {display:inline-block; padding:0;} ul.horizontal-checkbox li:first-child {margin-bottom:10px;} /*Rohan Modal CSS*/ .spl-modal-footer {border-top:1px solid #ccc !important;} .spl-modal-close {border:0; background:#ffc303; text-transform: uppercase; color:#424242; width:150px;font-size: 14px;padding: 5px;border-radius: 17px;outline: none;} .spl-modal-close:hover {background:#ffc303;color:#424242;} .spl-modal-save {border:0; background:#ffc303; color:#424242; width:150px; margin-right:15px;} .spl-modal-save:hover {background:#ffc303;color:#424242;} .upload-row {width:100%; display:block; margin:40px auto; padding:0; text-align:center; color:#4d4d4d; font-size:17px;} /*radio list*/ ul.radio-list {width:100%; display:block; margin:0; padding:0;} ul.radio-list li {width:auto; display:inline-block; margin:0 20px 0 0; padding:0;} ul.radio-list li:last-child {margin:0;} /*custom checkbox and radio css*/ .control {display: block; position: relative; padding-left: 30px; margin-bottom: 0px; cursor: pointer; font-size: 15px; color:#9d9d9d; font-style:normal !important;} .control input {position: absolute; z-index: -1;opacity: 0;} .control__indicator {position: absolute; top: 2px; left: 0; height:18px; width:18px; background: #f2f2f2; border:1px solid #b5b5b5;} label {margin-bottom:0;} .control--radio .control__indicator {border-radius: 50%;} .control:hover input ~ .control__indicator, .control input:focus ~ .control__indicator {background: #ccc;} .control input:checked ~ .control__indicator {background: #fd8100; border-color:#fd8100;} .control:hover input:not([disabled]):checked ~ .control__indicator, .control input:checked:focus ~ .control__indicator {background: #fd8100; border-color:#fd8100;} .control input:disabled ~ .control__indicator {background: #e6e6e6;opacity: 0.6;pointer-events: none;} .control__indicator:after { content: ''; position: absolute; display: none;} .control input:checked ~ .control__indicator:after {display: block;} .control--checkbox .control__indicator:after {left: 8px;top: 4px;width: 5px;height: 9px;border: solid #fff; border-width: 0 2px 2px 0;transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); -moz-transform: rotate(45deg);} .control--checkbox input:disabled ~ .control__indicator:after {border-color: #7b7b7b;} .control--radio .control__indicator:after {left: 2px;top: 2px;height: 12px; width: 12px; border-radius: 50%; background: #fff;} .control--radio input:disabled ~ .control__indicator:after {background: #7b7b7b;} .gray-bg { background:#f8f6f7;} .edit-btn { width:170px; margin:28px 0 0 0; padding:5px 15px; background:#ffc303; color:#424242; font-size:14px; border-radius:17px;} /*User Dashboard CSS*/ .feeds-container {width:100%; display:block; margin:0; padding:25px; background:#fff; } .feeds-container .feeds-row {width:100%; display:block; margin:0 0 20px; padding:0 0 15px 0; border-bottom:1px solid #d0d0d0;} .feeds-container .feeds-row:last-child { margin-bottom:0; border-bottom:0;} .feeds-row .media-box {width:100%; display:block; margin:20px 0 0; padding:0;position: relative;height: 230px;} .feeds-row .media-box img {width:100%;height: 230px;} .feeds-row .top-info {width:100%; display:block; margin:0; padding:0 0 0 90px; position:relative; min-height:70px;} .feeds-row .img-box {width:70px; position:absolute; left:0; top:0; border-radius:100%;} .feeds-row .img-box img {width:100%; border-radius:100%;} .feeds-row .top-info p {width:100%; display:block; margin:0; padding:8px 0 0 0; font-size:14px; color:#424242;} .feeds-row .top-info p span {width:100%; display:block; margin:5px 0 0 0; padding:0;} .feeds-row .top-info a {color:#0188b0; text-decoration:none;text-transform: capitalize;} .feeds-row .top-info a:hover {text-decoration:underline;} ul.feeds-bottom-list {width:100%; display:block; margin:0; padding:0; text-align:right;} ul.feeds-bottom-list li {display:inline-block; margin:0 20px 0 0; padding:0; color:#424242; font-size:12px;} ul.feeds-bottom-list li i {width:20px; color:#d0d0d0; margin-right:10px;} ul.feeds-bottom-list li:last-child {margin-right:0;} .feeds-row .top-info-comment-box{padding: 15px;background-color: #f6f6f6;padding-bottom: 0px;} .feeds-row .top-info-comment {width:100%; display:block; margin:0; padding:5px 0 10px 65px; position:relative; min-height:70px;} .feeds-row .top-info-comment:last-child{border-bottom:none;} .feeds-row .top-info-comment .img-box {width:50px; position:absolute; left:0; top:12px; border-radius:100%;} .feeds-row .top-info-comment .img-box img {width:100%; border-radius:100%;} .feeds-row .top-info-comment p {width:100%; display:block; margin:0; padding:8px 0 0 0; font-size:14px; color:#424242;} .feeds-row .top-info-comment p span {width:100%; display:block; margin:5px 0 0 0; padding:0;} .feeds-row .top-info-comment a {color:#0188b0; text-decoration:none;text-transform: capitalize;} .feeds-row .top-info-comment a:hover {text-decoration:underline;} .feeds-row ul.top-comment-ratings {width:100%; float:left; margin:0; padding:0; margin-top: 3px;margin-bottom: 3px;} .feeds-row ul.top-comment-ratings li {display:inline-block; margin:0 5px 0 0;} .feeds-row ul.top-comment-ratings li:last-child {margin:0;} .feeds-row ul.top-comment-ratings li i {font-size:20px; width:20px; color:#dfdcdc;} .feeds-row ul.top-comment-ratings li.active i {color:#ffc100;} .profile-complete-container {width:100%; display:block; margin:78px 0 0 0 ; padding:25px 0 35px; background:#fff; } .profile-complete-container .inprofile-complete {width:85%; display:block; margin:0 auto; padding:0;} .inprofile-complete .user-progress {position:relative; bottom:0; left:0; width:100%; height:10px; background:#eaeaea; border-radius:15px; z-index:1;} /*.inprofile-complete .progress {height:auto; border-radius:0; background:none; margin-bottom:0; box-shadow:none; position:relative; left:0; bottom:-10px; z-index:2;} */ .inmid-trip-display2 .trip-planner-info-container .things-item .badge {margin-left: 8px;background-color: #ff7f01;} .inprofile-complete .progress-bar {position:relative; background-color:#ffc81a; box-shadow:none; height:10px; border-radius:15px; bottom:0; left:0; z-index:4;} .inprofile-complete .progress-bar::after {position:absolute; bottom:0; right:-7px; z-index:3; content:url(../images/car.png);} .inprofile-complete .heading {width:100%; display:block; margin:0; padding:0;color:#424242; font-size:14px; font-weight:600; padding:0 0 30px 0;position:relative;margin-bottom: 10px;} .inprofile-complete .heading span {position:absolute; margin:0; padding:0; top:-5px; right:0; color:#424242; font-size:22px; font-weight:normal;} a.comman-edit-link {float:right; width:130px; border-radius:15px; background:none; border:1px solid #cfcece; text-align:center; font-size:14px; color:#4d4d4d; padding:4px 0 2px; text-decoration:none; margin-bottom:16px;} a.comman-edit-link:hover { text-decoration:none; background:#4d4d4d; color:#fff;} .responsive-progress-bar {display:none; margin:25px 0 0;} .desktop-progress-bar {} /*reset password css*/ .reset-password-container {width:700px; margin:165px auto 125px; padding:25px; display:block; background:#fff;} .reset-password-container h2 {width:100%; display:block; margin:0; padding:0; text-align:center; color:#000; font-size:24px; font-weight:bold;} .reset-password-container p {width:100%; display:block; margin:20px 0; text-align:center; color:#000; font-size:18px;} .reset-password-container .form-col {width:66%; display:block; margin:0 auto; padding:0;} .reset-password-container .form-col .form-control {border-radius:0; box-shadow:none; background:#fff; height:40px; margin-bottom:25px;} .reset-password-container .form-col .btn {width:200px; padding:10px 0; text-align:center; border-radius:15px; background:#ffc303; border:0; display:block; color:#4d4d4d; font-size:17px; margin:0 auto;} .question-board {width:100%; display:block; margin:30px 0 15px; padding:15px; background:#0786ac; position:relative;padding-bottom: 15px;padding-top: 1px; float:left} .question-board .in-question-board {width:100%; display:block; margin:0; padding:0;} .in-question-board .content-box {width:100%; margin:0; padding:0 0 0 10px;} .in-question-board .content-box h3 {width:100%; display:block; margin:0 0 15px; padding:0; color:#ffc303; font-size:22px; font-weight:500;} .in-question-board .content-box p {width:100%; display:block; margin:0; padding:0; font-size:15px; color:#fff; line-height:20px;} .in-question-board .btn-row {width:98%; display:block; margin:35px 0 15px 0; padding:0; text-align:right;} .in-question-board .btn-row .btn {float:right; padding:3px 0; width:120px; font-size:15px;} .in-question-board .btn-row .btn.yes {background:#ffc303; text-align:center; border-radius:15px; color:#4d4d4d; margin-right:20px; } .in-question-board .btn-row .btn.no {background:#fff; text-align:center; border-radius:15px; color:#4d4d4d;} .in-question-board .content-box textarea.form-control { height: auto; resize: none; } .question-board .next-prev {width:auto; margin:0; padding:0; position:absolute; right:8px; top:16px;} ul.next-prev-list {width:auto; display:block; margin:0; padding:0;} ul.next-prev-list li {display:table-cell; vertical-align:middle; padding:0 5px; color:#fff;} .in-question-board .content-box .btn{width:170px;padding:5px 0;border-radius:17px;background:#ffc303;margin:30px 0 0;font-size:14px;color:#424242;text-align:center;text-decoration:none;text-transform:uppercase} .question-board .question-slider-container .bx-wrapper{margin: 0 auto 30px; z-index: 100; padding-bottom: 18px; -webkit-box-shadow: none;box-shadow: none;border: none;background: #0786ac; z-index:9;} .question-board .question-slider-container .bx-viewport{overflow: visible !important;} .question-board .bx-prev{color:#424242;text-align:center;background:#e9e9e9;padding:5px 0px;border-radius:17px;position:relative;left:-185px;text-transform: capitalize;min-width: 170px !important;display: inline-block;} .question-board .bx-next{text-align:center;padding:5px 0px;border-radius:17px;left:170px;position:relative;background:#e9e9e9;color:#424242;min-width: 170px !important;display: inline-block;} .question-board #prevSlide, .question-board #nextSlide{float: right;} .question-board .prev-next-btn{/*top: -70px;*/position: relative;z-index: 99;} .question-board .question-slider-container h2{font-size: 26px;color: #fff;margin-left: 5px;} .in-question-board .content-box label{color: antiquewhite;} /* Acconts Settings Page */ .account-settings{padding-top: 130px;min-height: 730px;} .account-settings h2 {width:100%; display:block; margin-bottom:20px; padding:0;color:#000; font-size:24px; font-weight:bold;} .account-settings .form-col-account{margin-top: 30px;} .account-settings .form-col-account .form-control {border-radius:0; width:100%; box-shadow:none; background:#fff;} .account-settings .form-inline .form-group {width: 32%;margin-right: 5px; height: 65px;} .account-settings .form-col-account .btn {width:170px; padding:5px 0; border-radius:17px;background:#ffc303; border:0; display:block; color:#424242; font-size:14px;} .deactivate-account-container .btn{color:#fff !important;background:#d9534f !important;} .account-settings p{line-height: 21px;color: #4d4d4d;font-size: 16px;} .account-settings .has-error .help-block{font-size: 14px;} .account-settings hr{border-top:2px dashed #ddd;margin-top: 30px;margin-bottom: 30px;} /*testing css*/ .view-all-margin {} /*Rohan Modal css*/ .custom-modal {border-radius:0 !important; } .pop-up-follow1 {width:100%; margin:20px auto 0; padding:0; overflow:auto; max-height:345px;} .pop-up-follow {width:100%; margin:20px auto 0; padding:0; overflow:auto; height:auto !important;max-height:400px;} .pop-up-follow .btn-view-more { width: 170px; padding: 5px 20px; border: 1px solid #424242; font-size: 14px; color: #424242 !important; text-transform: uppercase; text-align: center; border-radius: 17px; background-color: transparent; margin-top: 0px; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; } ul.follow-list-modal {width:100%; display:block; margin:0; padding:0; text-align:center;height: 100%;} ul.follow-list-modal li {width:47%; display:inline-block; margin:0 0 15px; padding:0 0 20px 90px; position:relative; height:102px; text-align:left;float: left;} ul.follow-list-modal li .img-box {width:74px; height:74px; position:absolute; top:0; left:0;} ul.follow-list-modal li .img-box img {border-radius:100%; width:100%;} ul.follow-list-modal li h4 {width:100%; display:block; color:#424242; font-size:15px; font-weight:700; margin:0; padding:5px 0 0 0;text-transform: capitalize;max-width: 160px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;} ul.follow-list-modal li h4 span {width:100%; display:block; margin:10px 0 0 0; padding:0; color:#424242; font-size:14px; font-weight:normal;} ul.follow-list-modal li a.unfollow {display:inline-block; margin:10px 0 0; padding:0px; background:none; border:1px solid #d0d0d0; text-decoration:none; border-radius:15px; text-align:center; color:#d0d0d0; font-size:14px; font-weight:500;width:96px;} ul.follow-list-modal li a.unfollow:hover {text-decoration:none;} ul.follow-list-modal li a.follow {display:inline-block; margin:10px 0 0; padding:0px; background:#ffc303; border:1px solid #ffc303; text-decoration:none; border-radius:15px; text-align:center; color:#484848; font-size:12px; font-weight:700; width:auto;padding:3px 8px;} ul.follow-list-modal li a.follow:hover {text-decoration:none;} .custom-modal-heading {font-size:20px;} .custom-modal-heading span {color:#0786ac; font-size:15px;} .edit-profile-btn {width:170px; padding:5px 0; border-radius:17px; background:#ffc303; margin:30px 0 0 0; font-size:14px; color:#424242 !important; text-align:center; text-decoration:none; text-transform: uppercase;} .edit-profile-btn:hover {text-decoration:none;} /* Error */ .help-block{color: #a94442;font-size: 12px;margin-top: 2px;} .reset-password-container .help-block{text-align: left;} .alert{z-index: 9999;} /* code for showing loader gif */ .bg-overay-loading{background-color: white; margin: 0px;padding: 0px;position: fixed;right: 0px;top: 0px;width: 100%;height: 100%; z-index: 30001;} .loading-logo{ height: 100%; position: relative;} .loading-logo img { position: absolute; top: 50%; left: 50%; margin-right: -50%; transform: translate(-50%, -50%); } /*css for scrollbar*/ body::-webkit-scrollbar {width: 1em;} body::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);} body::-webkit-scrollbar-thumb {background-color: darkgrey;outline: 1px solid slategrey;} /*trip detail page*/ .trip-detail-container {margin-top:110px !important;} .tab-container {width:100%; display:block; margin:0; padding:0 0 20px; background:#fff; } .trip-detail-container .trip-detail-main-title i{color: #0786ac;margin-left: 10px;font-size: 22px;cursor:pointer} .trip-detail-container .save-btn-title{position: absolute;top: 44px;right: 30px;width: 22px;cursor:pointer} .trip-detail-map {width:100%; display:block; margin:0; padding:0;} .trip-detail-map img {width:100%;} p.map-info-text {width:100%; display:block; margin:15px 0 0; padding:0; font-size:14px; color:#000; line-height:20px; text-align:justify;} .inclusion-content {width:100%; display:block; margin:0; padding:0;} ul.inclusion-icons {width:100%; display:block; margin:20px 0 0; padding:0 0 10px 0; border-bottom:1px solid #e9e9e9;} ul.inclusion-icons li {display:inline-block; margin:0 18px 0 0; padding:0 0 5px; border-bottom:2px solid #fff;} ul.inclusion-icons li:first-child {margin-bottom:15px; } ul.inclusion-icons li:last-child {margin-right:0;} ul.inclusion-icons li .icon-box {width:auto; display:block; margin:0 auto; padding:0; text-align:center;} ul.inclusion-icons li span {width:auto; display:block; margin:5px auto 0 ; padding:0; text-align:center; color:#424242; font-size:12px; font-weight:500;} ul.inclusion-icons li .icon-box .img-box {width:auto; display:inline-block; margin:0; padding:0;} ul.inclusion-icons li .icon-box .count {width:25px; padding:5px 0; text-align:center; color:#fff; font-size:10px; border-radius:100%; background:#0786ac; display:inline-block;} ul.inclusion-icons li.active span {border-bottom:2px solid #ffc303;} .trip-created {width:100%; display:block; margin:0; padding:15px 15px; background:#e9e9e9;} .trip-created .name-content {width:auto; float:left; margin:0; padding:0;} .trip-created .name-content h4 {width:100%; display:block; margin:5px 0 10px; padding:0; font-size:20px; color:#424242; font-weight:500;} .trip-created .name-content span {width:100%; display:block; margin:10px 0 0 0; padding:0; color:#959595;font-size:15px;} .trip-created .img-box {width:60px; float:right; margin:0; padding:0; border-radius:100%;} .trip-created .img-box img {width:100%; border-radius:100%;} .trip-info-container {width:100%; display:block; margin:0; padding:10px 0 15px; border-bottom:1px solid #e9e9e9;} ul.trip-info-list {width:100%; display:block; margin:7px 0 0 0; padding:0;} ul.trip-info-list li {width:48%; display:inline-block; font-size:15px; color:#000; font-weight:500; position:relative;} ul.trip-info-list li img {margin:-2px 0 0 0;} ul.trip-info-list li:last-child {text-align:right;} ul.trip-info-list li i {width:25px; text-align:center; color:#dfdcdc; font-size:19px;} ul.trip-info-list li i.active {color:#ffc303;} .estimated-cost {width:100%; display:block; margin:0; padding:20px 0; position:relative; border-bottom:1px solid #e9e9e9;} .estimated-cost .caption {width:100%; display:block; margin:0; padding:0; font-size:15px; color:#0786ac; font-weight:600;} .estimated-cost span {width:100%; display:block; margin:5px 0 0 0; padding:0; font-size:15px; color:#000; font-weight:500;} .estimated-cost .vehicle {position:absolute; right:15px; bottom:20px; font-size:15px; color:#000; font-weight:500;} ul.trip-info-icon {width:100%; text-align:center; display:inline-block; margin:0; padding:0;} ul.trip-info-icon li {display:inline-block; margin:5px 15px; padding:0;width: 20%;text-align: center;float: left;} ul.trip-info-icon li .img-box {margin:0 auto; padding:0;} ul.trip-info-icon li .img-box img {width: 50px;height: 50px;margin:0 auto;} ul.trip-info-icon li span {width:100%; display:block; margin:5px 0 0; padding:0; text-align:center; font-size:12px; color:#424242; font-weight:500;} .customize-btn {width:170px; border-radius:17px; display:block; margin:20px auto; padding:5px 0; background:#ffc303; color:#424242; font-size:14px;clear: both;} .note-text {width:100%; display:block; margin:0; padding:0; font-size:13px; color:#424242;} /*fellow travellors container*/ .outer-fellow-travellors {background:#fff; padding-top:40px; padding-bottom:40px;} .fellow-travellors {width:100%; margin:0 auto; padding:0; display:block;} .fellow-travellors .fellow-travel-row:last-child {padding-bottom:0; margin-bottom:0; border:0;} .fellow-travel-row {width:100%; display:block; margin:0 0 30px; padding:0 0 30px; border-bottom:1px solid #efefef; min-height:85px;} .fellow-travel-row .left-box {float:left; width:60%; margin:0; padding:10px 0 0 100px; position:relative;} .fellow-travel-row .left-box .img-box {width:75px; height:75px; position:absolute; border-radius:100%; top:0; left:0;} .fellow-travel-row .left-box .img-box img {width:100%; border-radius:100%;} .fellow-travel-row .left-box h3 {width:100%; display:block; margin:0; padding:0; font-size:24px; color:#424242;} .fellow-travel-row .left-box h3 span {width:100%; display:block; font-size:18px; color:#959595; margin:7px 0 0 0;} .fellow-travel-row .right-box {float:right; width:35%; margin:10px 0 0 0; padding:0;} ul.travellors-rating {width:100%; display:block; margin:0; padding:0; text-align:right;} ul.travellors-rating li {display:inline-block; margin:0; padding:0;} ul.travellors-rating li i {width:25px; display:block; margin:0; padding:0; text-align:center; font-size:19px; color:#dfdcdc;} ul.travellors-rating li.active i {color:#ffc100;} .fellow-travel-row .right-box span {width:100%; display:block; margin:3px 0 0 0; padding:0; font-size:14px; color:#4d4d4d; text-align:right;} .want-to-read {width:100%; display:block; margin:0; padding:0;} .want-to-read .read-container {width:90%; display:block; margin:0 auto 20px; padding:0 0 15px 90px; border-bottom:1px solid #efefef; position:relative;} .read-container .img-box {width:70px; height:70px; position:absolute; top:0; left:0; border-radius:100%;} .read-container .img-box img {width:100%; border-radius:100%;} .read-container h3 {width:100%; display:block; margin:0 0 5px 0; padding:0; color:#424242; font-size:14px; font-weight:600;} .read-container p {width:100%; display:block; margin:0; padding:0; font-size:14px; line-height:20px;} .read-container a {float:right; font-style:italic; color:#424242; font-size:9px; text-decoration:none; margin:5px 0 0 0;} .read-container a:hover {text-decoration:underline;} .want-to-read .read-container:last-child {border:0; margin-bottom:0; padding-bottom:0;} .comment-section {padding-top:40px; padding-bottom:0px;} .comment-container {width:100%; display:block; margin:0; padding:0;} .comment-container .outer-main-comment {width:100%; display:block; margin:0; padding:0;} .outer-main-comment .main-comment {width:100%; display:block; margin:5px 0 0; padding:0 0 0 100px; position:relative;} .main-comment .img-box {width:75px; position:absolute; top:0; left:0; border-radius:100%;} .main-comment .img-box img {width:100%; border-radius:100%;} .main-comment .comment-box {width:100%; display:block; margin:0; padding:0; position:relative;} .main-comment .comment-box h3 {width:auto; display:block; margin:0 0 5px; padding:0; font-weight:600; font-size:15px;} .main-comment .comment-box p {width:100%; display:block; margin:0; padding:0; color:#424242; font-size:15px; line-height:20px;} .main-comment .comment-box cite {font-size:12px; color:#424242; font-style:italic; position:absolute; right:0; top:0;} .main-comment .comment-box cite i {width:13px; text-align:left; color:#424242;} .comment-box .bottom-row {width:100%; display:block; margin:20px 0 0; padding:0;} ul.comment-ratings {width:auto; float:left; margin:0; padding:0} ul.comment-ratings li {display:inline-block; margin:0 5px 0 0;} ul.comment-ratings li:last-child {margin:0;} ul.comment-ratings li i {font-size:20px; width:20px; color:#dfdcdc;} ul.comment-ratings li.active i {color:#ffc100;} .reply-link {float:right; width:60px; height:40px; padding:0 0 0 30px; font-size:12px; font-style:italic; color:#424242; text-align:right; cursor:pointer; background:url(../images/reply.svg) no-repeat 5px 0;} .reply-link:hover {text-decoration:underline;} .outer-main-comment hr {border-top:1px solid #d6d5d5; margin-top:30px;} .main-comment {width:100%; display:block; margin:0; padding:0;} .outer-main-comment .outer-reply-comment {width:100%; display:block; margin:5px 0 0 0; padding:0 0 0 100px;} .outer-reply-comment hr { margin-top: 30px; border-top:1px solid #d6d5d5;} .outer-reply-comment .reply-comment {width:100%; display:block; margin:0; padding:0 0 0 100px; position:relative;} .outer-main-comment .outer-reply-comment:last-child hr {display:none;} .outer-reply-comment .reply-comment .img-box {width:75px; height:75px; border-radius:100%; position:absolute; top:0; left:0;} .outer-reply-comment .reply-comment .img-box img {width:100%; border-radius:100%;} .reply-comment .comment-box {width:100%; display:block; margin:0; padding:0; position:relative;} .reply-comment .comment-box h3 {width:auto; display:block; margin:0 0 5px; padding:0; font-weight:600; font-size:15px;} .reply-comment .comment-box p {width:100%; display:block; margin:0; padding:0; color:#424242; font-size:15px; line-height:20px;} .reply-comment .comment-box cite {font-size:12px; color:#424242; font-style:italic; position:absolute; right:0; top:0;} .reply-comment .comment-box cite i {width:13px; text-align:left; color:#424242;} .comment-box .bottom-row {width:100%; display:block; margin:20px 0 0; padding:0;} .comment-textarea {width:100%; display:block; margin:0; padding:15px; border:0; outline:0; height:100px; background:#fff; border:1px solid #cecdcd;} .comment-leave-message {width:100%; display:block; margin:0; padding:0;} .comment-leave-message .btn {float:right; margin:25px 0 40px; padding:5px 0; background:#ffc100; border-radius:17px; font-size:14px; color:#424242; min-width:170px; text-align:center;} .group-tittle-margin {margin-top:38px; border-bottom:1px solid #ccc; padding-bottom:20px;} .group-tittle-stlye {font-weight:normal !important;} /*detail page tab*/ #tabs .tab-pane {padding:0;border: none;} #tabs .nav-tabs > li {border: none;margin: 0;padding: 0px;border: none;width:49%;} #tabs .nav-tabs > li a {border: none;width: 100%;text-align: center;font-family: inherit;padding: 15px 0 10px; font-size:18px;border-radius: 0px; position:relative; color:#c5c5c5; font-weight:500;} #tabs .nav-tabs > li a span {position:absolute; height:3px; width:100%; background:#0786ac; bottom:0; display:none;} #tabs .nav-tabs > li.active a {color:#0786ac;} #tabs .nav-tabs > li.active a span {display:block;} #tabs .nav-tabs > li.active:hover a {} #tabs .nav-tabs > li:hover a { background:none;} #tabs .nav-tabs {border:none !important; padding:0 20px; text-align:center;} .in-tab-container {width:100%; margin:0; padding:0 20px; display:block;} #tabs .nav-tabs > li:first-child {margin-right:1%;} #tabs .nav-tabs > li:last-child {margin-left:1%;} .heading-position {position:relative;} .orange-banner {display:block; padding:0; position:absolute; background:#ffc100; top:25px; top:0px !important; left: 15px !important; width: 96% !important; } .orange-banner .ng-binding-number {color:#0087a4!important; font-weight:bold!important; float:right !important; padding-left:8px } .orange-banner .return-trip {float:right; background: #0786ac;} .google-map {position:relative} .google-map .return-trip {background: #0786ac; width: 177px; margin: 25px 13px; padding: 7px; border-right: 0px solid #fff; color: #fff!important; font-weight: bold!important; display: block; text-transform: uppercase; color: #424242; position: absolute; z-index: 999; right: 0; border-radius: 17px; cursor:pointer }/* top: 0; */ .google-map .return-trip i.fa.fa-reply { padding: 7px 1px; } .orange-banner .return-trip span { color:#fff!important; font-weight:bold!important;} ul.orange-list { width:100%; margin:0; padding:0; line-height:0; } ul.orange-list li { width:auto; margin:0; padding:0 9px 0 0; display:inline-block; border-right: 0px solid #fff; } ul.orange-list li:last-child { border-right:none; } ul.orange-list li > div { display:table-cell; vertical-align:middle; height:46px; } ul.orange-list li > div i { color:#fff; font-size:22px; } ul.orange-list li>div:first-child { padding-left:15px; padding-right:11px } ul.orange-list li > div span { width:auto; display:inline-block; margin:0px 0; text-transform:uppercase; color:#424242; font-size:14px; line-height:25px; font-weight:500; cursor: pointer; } .trip-overview {padding-top:40px; background:#fff; margin-top:40px;} .overview-add {width:728px; display:block; margin:0 0 30px 0; padding:0; float:right;} .overview-add img {width:100%;} .right-tab {width:100%;margin:auto; } .right-tab h2 {padding:5px 15px; margin:0 32px 0 0; display:inline-block; cursor:pointer; color:#424242; font-family:inherit; font-size:15px; font-weight:500; background:#ffc100; position:relative;margin-bottom: 20px;} .right-tab .day-active:after {position:absolute; bottom:-24px; left:44%; content:url(../images/after-img.jpg);} .right-tab .content-div2 {padding:0; margin:0; -webkit-animation: fadein 2s; /*Safari, Chrome and Opera > 12.1*/ -moz-animation: fadein 2s; /*Firefox < 16*/ -ms-animation: fadein 2s; /*Internet Explorer*/ -o-animation: fadein 2s; /*Opera < 12.1*/ animation: fadein 2s;} .overview-tab-container {width:100%; display:block; margin:0 0 50px 0; padding:0 0 0 30px;} .overview-tab-container .overview-intab-container {width:100%; display:block; margin:21px 0 0 0; padding:60px 0 0 0px; border-left:2px solid #959595; border-top:2px solid #959595;} ul.trip-overview-list {width:100%; display:block; margin:0; padding:0 0 0 60px;} ul.trip-overview-list li {display:block; margin:60px 0 0; padding:0; width:100%; position:relative;} ul.trip-overview-list li:first-child {margin-top:0;} ul.trip-overview-list li:before {position:absolute; left:-73px; top:30%; content:url(../images/before-img.jpg);} ul.trip-overview-list li .trip-info-row {width:100%; display:block; margin:0; padding:0;} ul.trip-overview-list li .trip-info-row .left-content {width:47%;background:#fafafa; float:left;} ul.trip-overview-list li .trip-info-row .right-content {width:47%;float:right; position:relative;} ul.trip-overview-list li .trip-info-row .right-content:before {position:absolute; top:30%; left:-59px;content:url(../images/before-img2.jpg);} ul.trip-overview-list li .trip-info-row .right-content img {width:100%;height: 250px;} .trip-info-row .left-content .in-content-box {padding:20px 20px 20px 70px; width:100%; display:block; margin:0; position:relative;} .trip-info-row .left-content .in-content-box h4 {width:100%; display:block; margin:0 0 10px; padding:0; font-size:20px; color:#424242;} .trip-info-row .left-content .in-content-box p {width:100%; display:block; margin:0; padding:0; line-height:20px; color:#424242; font-size:15px; font-weight:500;word-wrap: break-word;} .trip-info-row .left-content .in-content-box i {position:absolute; left:15px;} .trip-info-social-row {width:100%; display:block; margin:15px 0 0; padding:0;} .trip-info-social-row span {width:30px; padding:7px 5px; text-align:center; background:#686868; border-radius:100%; font-size:15px; color:#fff; display:inline-block; margin-right:10px;} .trip-info-social-row i:last-child {margin-right:0;} .day-itinary-ul-detail{width: 100%;display: block;margin: 0;padding: 0 0 0 60px;margin-bottom:10px;} .day-itinary-ul-detail img, .day-itinary-ul-detail span{display: inline-block;} .day-itinary-ul-detail img margin-right: 10px;} .day-itinary-ul-detail span {color: #0786ac;font-size: 14px;top: 2px;position: relative;} .day-itinary-ul-detail2{width: 100%;display: block;margin: 0;padding: 0;margin-top:10px;margin-bottom:10px;} .day-itinary-ul-detail2 li:before, .day-itinary-ul-detail2 li:after{display: none;} .day-itinary-ul-detail2 img, .day-itinary-ul-detail span{display: inline-block;} .day-itinary-ul-detail2 img{margin-right: 10px;} .day-itinary-ul-detail2 span{ color: #0786ac;font-size: 14px;top: 2px;position: relative;} /*trip planning step 1*/ .map-trip-planner1 {margin-top:80px;} .left-trip-menu {height:844px; background:#424242; padding-left:0; padding-right:0;} .left-trip-menu .inleft-trip-menu {width:100%; display:block; margin:50px 0 0 0; padding:0;} .inleft-trip-menu h3 {width:100%; display:block; margin:0; padding:0; text-align:center; font-weight:normal; font-size:25px; color:#ffc303; font-family:inherit;} .inleft-trip-menu h3 span {width:110px; padding:5px 0; background:transparent; color:#fff; font-size:14px;text-align:center; border-radius:17px; display:block; margin:15px auto 0;font-weight:normal; border: 1px solid #fff;} ul.left-trip-menu {width:100%; display:block; margin:40px 0 0 0; padding:0;} ul.left-trip-menu li {width:100%; display:block; margin:0; padding:0;} ul.left-trip-menu li a {width:100%; display:block; margin:0; padding:15px 10px; position:relative; text-decoration:none; background-image:url(../images/border.jpg); background-repeat:repeat-x;} ul.left-trip-menu li:last-child {background-image:none;} ul.left-trip-menu li a .step {display:table-cell; height:40px; display:table-cell; vertical-align:middle;} ul.left-trip-menu li a .step span {display:block; width:29px; padding:5px 0; text-align:center; border:1px solid #939393; border-radius:100%; color:#939393; font-family:inherit; font-size:12px; margin:0 15px 0 0;} ul.left-trip-menu li a .icon-box {width:40px; display:table-cell; margin:0; padding:0; height:40px; background-position:left center; background-repeat:no-repeat;} ul.left-trip-menu li a .step-name {display:table-cell; width:auto; color:#939393; font-family:inherit; font-size:15px; vertical-align:middle; height:40px;} ul.left-trip-menu li a i {color:#939393; width:20px; font-size:25px; top:24px; right:0; z-index:99; display:none; position:absolute;} ul.left-trip-menu li a.active {background:#2d2d2d;} ul.left-trip-menu li a.active i {display:block;} ul.left-trip-menu li a.active .step span {color:#fff; border:1px solid #ff7f01; background:#ff7f01;} ul.left-trip-menu li a.active .step-name {color:#ffc303;} ul.left-trip-menu li a .icon-box.first {background-image:url(../images/left-trip-1.svg);} ul.left-trip-menu li a.active .icon-box.first {background-image:url(../images/left-trip-1hover.svg);} ul.left-trip-menu li a .icon-box.second {background-image:url(../images/left-trip-2.svg);} ul.left-trip-menu li a.active .icon-box.second {background-image:url(../images/left-trip-2hover.svg);} ul.left-trip-menu li a .icon-box.third {background-image:url(../images/left-trip-3.svg);} ul.left-trip-menu li a.active .icon-box.third {background-image:url(../images/left-trip-3hover.svg);} ul.left-trip-menu li a .icon-box.fourth {background-image:url(../images/left-trip-4.svg);} ul.left-trip-menu li a.active .icon-box.fourth {background-image:url(../images/left-trip-4hover.svg);} .mid-trip-display {height:1000px; background:#fff; padding-left:0; padding-right:0;} .mid-trip-display .inmid-trip-display {width:100%; display:block; margin:0; padding:0;} .inmid-trip-display .from-to-container {width:100%; display:block; margin:0; padding:0; background:#0786ac;padding-top: 50px;} ul.from-to {width:100%; display:block; margin:0; padding:0; text-align:center; border-bottom:1px solid #4aa7c2;} ul.from-to li {width:49%; text-align:center; color:#fff; font-size:14px; font-family:inherit; display:inline-block; padding:7px 0;} ul.from-to li:first-child {border-right:1px solid #4aa7c2;} ul.from-to2 {width:100%; display:block; margin:0; padding:5px 0;} ul.from-to2 li {width:auto;color:#ffc303; font-size:17px; font-family:inherit; display:block; vertical-align:middle; padding:7px 10px;} ul.from-to2 li span{font-size:12px;color: #fff;text-align: center; display:inline-block;border-right: 1px solid #4aa7c2;width: 60px;} ul.from-to2 li h4{margin-top: 0px;display: inline-block;font-size: 16px;margin-bottom: 0px;margin-left: 10px;width: 75%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;top: 7px;position: relative;height: 20px;} ul.from-to2 li:first-child{border-bottom: 1px solid #4aa7c2;} ul.from-to3 {width:100%; display:block; margin:0; padding:5px 0; text-align:center; background:#f0f0f0;} ul.from-to3 li {width:auto; text-align:center; font-family:inherit; display:inline-block; vertical-align:middle; padding:7px 20px; border-right:1px solid #dfdfdf;} ul.from-to3 li:last-child {border-right:0;} ul.from-to3 li div {display:table-cell; vertical-align:middle; color:#424242; font-size:15px; } ul.from-to3 li div .icon-box { margin-right:10px; display:block;} .inmid-trip-display .heading {width:100%; display:block; margin:25px 0; padding:6px 0 20px 100px; border-bottom:1px solid #dfdfdf; position:relative; color:#0786ac; font-size:16px; font-family:inherit;} .inmid-trip-display .heading .img-box {position:absolute; top:0; left:38px;} .inmid-trip-display .heading .img-box img{width: 25px;} .inmid-trip-display .trip-planner-info-container {width:90%; display:block; margin:0 auto; padding:0;max-height: 600px !important;overflow-y: auto;padding-right: 10px;} .trip-planner-info-container .trip-location-info {width:100%; display:block; margin:0; padding:10px; border:1px solid #dfdfdf; position:relative;} .trip-location-info div {display:table-cell; vertical-align:middle; color:#0786ac; font-size:20px; font-family:inherit;} .trip-location-info div .img-box {margin-right:10px; display:block;} .trip-location-info i {width:24px; padding:3px 0; text-align:center; font-size:16px; color:#959595; border:1px solid #959595; border-radius:100%; position:absolute; right:10px; top:12px;} .add-halts {float:right; color:#424242 !important; font-size:15px; font-family:inherit; text-decoration:none !important;margin-bottom:15px;} .add-halts:hover {text-decoration:none !important;} .add-halts i{width:24px;height:24px;padding:3px 0;text-align:center;font-size:14px;color:#fff;background-color:#0786ac;line-height:18px;border-radius:100%;margin-right:5px} .inmid-trip-display .btn {min-width:222px; padding:5px 0; text-align:center; color:#424242;font-family:inherit; font-size:14px; background:#ffc303; margin:25px auto; border-radius:17px; display:block;text-transform: uppercase;} .or-row {width:100%; display:block; margin:0; padding:0; position:relative; border-bottom:1px solid #dfdfdf;} .or-row span { font-weight: bold;position:absolute; bottom:-13px; left:45%; color:#000; font-size:15px; font-family:inherit; background:#fff; padding:5px;} .right-map-display {padding-left:0; padding-right:0; height:1000px; position:relative;} .inright-map-display {position:absolute; height:100%; width:100%; display:block; /*background:url(../images/map-location.jpg) no-repeat;*/ background-size:cover; z-index:1; left:0; top:0;} .map-overlay {width:500px; position:absolute; left:70px; top:240px; z-index:2; background:url(../images/destination-overlay.png);} .map-overlay p {width:85%; display:block; margin:40px auto; padding:0; font-family:inherit; font-size:20px; color:#fff; text-align:center;} .map-overlay .btn {width:170px; padding:8px 0; border-radius:15px; background:#ffc303; margin:0 auto 40px; font-family:inherit; font-size:14px; text-transform:uppercase; color:#4d4d4d; display:block;} .map-btn {width:170px; padding:5px 0; border-radius:17px; background:#ffc303; font-family:inherit; font-size:14px; text-transform:uppercase; color:#424242 !important; display:block; position:absolute; bottom:85px; right:35px; z-index:2;} .start-over-btn{ bottom: 35px;width:170px; padding:5px 0; border-radius:17px; background:#ffc303;font-family:inherit; font-size:14px; text-transform:uppercase;color:#424242 !important; display:block; right:35px; z-index:2;position: fixed;opacity: .9;margin-bottom: 35px;} .inmid-trip-display .input-group .input-group-btn .btn{min-width:15px;padding:0;height:24px;text-align:center;color:#fff;font-family:inherit;font-size:11px;background:#0786ac;margin:0 auto;display:block} .location-marker-group{padding: 0; border: 0;margin-bottom: 10px;clear: both;} .location-marker-group .input-group-addon {font-size: 24px;color: #cbcbcb;text-align: center;background-color: transparent;border-radius: 0px;padding-right: 4px;padding-left: 4px;} .location-marker-group .location-marker { background-image: url(../images/location-marker.svg);background-position: 5px 12px;background-repeat: no-repeat;padding-left: 30px;height: 49px;border-radius: 0px;border: 1px solid #dfdfdf;} .location-marker-group .source-location-class {background-image: url(../images/pins/source.png) !important; background-position: 0px 8px;background-size: 30px; padding-left: 35px;} .location-marker-group .destination-location-class {background-image: url(../images/pins/destination.png) !important; background-position: 0px 8px;background-size: 30px; padding-left: 35px;} .inmid-trip-display .list-group-item .location-marker{ display: inline-block;width: 47%;} .inmid-trip-display .step-move-icon{ float: left;top: 15px;margin-right: 5px;position: relative;} .halts-modal .modal-content {border-radius: 0px;} .halts-modal .modal-title{color: #0786ac;font-size: 18px;} .halts-modal .form-control{font-size: 14px; color: #424242;border-radius: 0px;box-shadow: none;} .halts-modal .btn {min-width:170px; padding:7px 0; text-align:center; color:#000; text-transform:uppercase; font-family:inherit;font-size:14px; background:#ffc303; margin:25px auto; border-radius:15px;display:block;top: 10px;position: relative;} /*.halts-modal .btn {min-width:150px; padding:5px 0; text-align:center; color:#000; text-transform:uppercase; font-family:inherit;font-size:14px; background:#ffc303; border-radius:17px;display:inline-block;top: 10px;position: relative;} .halts-modal .btn:first-child{margin-right: 10px;}*/ /* Discover Listing Page */ .discover-listing {background-color: #fff; padding-top:60px;} .discover-list .discover-layout {margin-bottom: 30px;transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease; -o-transition: all 0.5s ease;} .discover-list .discover-layout:hover {box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.1);} .discover-list .discover-layout .image-wrapper {position: relative; overflow: hidden;} .discover-layout .image-wrapper .link img {width: 100%;height: 160px;transition: all 0.8s ease;-webkit-transition: all 0.8s ease;-moz-transition: all 0.8s ease; -o-transition: all 0.8s ease;} .discover-layout:hover .image-wrapper .link img {transform: scale(1.2);-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-ms-transform: scale(1.2);-o-transform: scale(1.2);} .discover-list .discover-layout .content-wrapper {background-color: #fff;transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-moz-transition: all 0.6s ease;-o-transition: all 0.6s ease;} .discover-list .discover-layout .content-wrapper > .content {padding: 10px;padding-bottom: 65px;} .discover-layout .content-wrapper > .content .content-left{float:left;} .discover-layout .content-wrapper > .content .content-right{float: right;margin-top: 10px;} .discover-layout .content-wrapper > .content .content-right li .icon{width: 33px;height: 33px;background-repeat: no-repeat;background-size: cover;background-position: center;} .discover-layout .content-wrapper .title-wrapper .title {color: #000; float: left;font-size: 15px;font-weight: bold;position: relative;clear: both;} .discover-layout .content-wrapper .kilometer img {display: inline-block;} .discover-layout .content-wrapper .kilometer span {color: #959595;font-size: 12px;margin-left: 10px;} .discover-listing .location-icon {background-image: url(../images/location.svg);background-position: 10px 10px;background-repeat: no-repeat;padding-left: 30px;border-radius:0px;/*margin-bottom: 30px;*/ font-family:"Roboto Regular",Arial;} .discover-listing .discover-layout .title{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .discover-list-ul li .icon{width: 33px; height: 33px; background-repeat: no-repeat; background-size: cover; background-position: center;} .discover-list-ul .hill-station.active{background-image: url(../images/hill-station-orange.svg);} .discover-list-ul .beach.active{background-image: url(../images/beach-orange.svg);} .discover-list-ul .wildlife.active{background-image: url(../images/wildlife-orange.svg);} .discover-list-ul .desert.active{background-image: url(../images/desert-orange.svg);} .discover-list-ul .urban.active{background-image: url(../images/urban-orange.svg);} .discover-list-ul .rustic.active{background-image: url(../images/rustic-orange.svg);} .discover-list-ul .heritage.active{background-image: url(../images/heritage-orange.svg);} .discover-list-ul .religious.active{background-image: url(../images/religious-orange.svg);} .discover-list-ul .trek.active{background-image: url(../images/trek-orange.svg);} .discover-list-ul .water-body.active{background-image: url(../images/water-body-orange.svg);} /* End Discover Listing Page */ .inmid-trip-display-0 .halts-add p { font-size:13px; color:#424242; padding:21px 16px; border-bottom: 1px solid rgb(221, 221, 221); } .inmid-trip-display-0 .halts-add .halts-add-form label { font-weight: 600; margin-bottom:0; display:block; color: #424242; margin-bottom: 5px; font-size:14px } .inmid-trip-display-0 .halts-add .halts-add-form { margin:15px 11px } .inmid-trip-display-0 .halts-add .halts-add-form .start-date { background-image:url(../images/start-date.svg); background-position:5px 4px; background-repeat:no-repeat; padding-left:40px } .inmid-trip-display-0 .halts-add .halts-add-form .economy { background-image:url(../images/economy.svg); background-position:5px 4px; background-repeat:no-repeat; padding-left:35px } .inmid-trip-display-0 .halts-add .halts-add-form .solo { background-image:url(../images/solo.svg); background-position:5px 4px; background-repeat:no-repeat; padding-left:35px } .inmid-trip-display-0 .halts-add .halts-add-form .vehicle-details { background-image:url(../images/vehicle-details.svg); background-position:5px 11px; background-repeat:no-repeat; padding-left:35px } .inmid-trip-display-0 .from-to-container { width:100%; display:block; margin:0; padding:0; background:#0786ac; padding-top: 50px; } .inmid-trip-display-0 .btn { min-width:222px; padding:5px 0; text-align:center; color:#424242; font-family:inherit; font-size:14px; background:#ffc303; margin:25px auto; border-radius:17px; display:block; text-transform: uppercase; } .inmid-trip-display-0 .halts-add .halts-add-form .form-control { width: 100%; color: #545454; border-radius: 0px; height: 40px; font-size: 12px; } .inmid-trip-display .from-to-container { width:100%; display:block; margin:0; padding:0; background:#0786ac; padding: 21px 0 21px 21px; } .inmid-trip-display .from-to-container h4 { text-align:left; color:#fff; font-size:18px; padding:10px 0 0 60px; } .inmid-trip-display .from-to-container .add-halts-1 { background-image:url(../images/add-halts.svg); background-repeat:no-repeat; height:43px } ul.left-trip-menu li a .icon-box.zero { background-image:url(../images/trip-info-hover.svg); } ul.left-trip-menu li a.active .icon-box.zero { background-image:url(../images/trip-info.svg); } .inmid-trip-display .DAY_LOCATION{width: 35px;color: #424242;font-size: 22px;height: 35px;text-align: center;margin-left: 10px;margin-right: 10px;} .inmid-trip-display .input-group-addon .input-group .DAY_LOCATION{top:0;position: relative;width: 24px;border: 0;} .mid-trip-display .heading-title{width: 100%;display: block;margin: 0;padding: 5px;padding-left: 20px;background: #0786ac; padding-top: 50px; clear: both;} .mid-trip-display .heading-title h2{font-size: 20px;margin-top: 10px;color: #fff;font-weight: normal;} .mid-trip-display .heading-title img{display: inline-block;margin-right: 20px;} .inmid-trip-display2 .find-things{padding-left: 20px;padding-right: 20px;border-bottom: 1px solid #ddd;clear: both;} .inmid-trip-display2 .find-things:first-child{border-bottom: 1px solid transparent;} .inmid-trip-display2 .trip-planner-info-container {display: block;margin: 0;} .inmid-trip-display2 .trip-planner-info-container h4{font-size: 18px;font-weight: bold;} .inmid-trip-display2 .trip-planner-info-container h4 img{display: inline-block;margin-right: 20px;} .inmid-trip-display2 .trip-planner-info-container .things-item{float: left;clear: both;} .inmid-trip-display2 .trip-planner-info-container .things-item .badge {margin-left: 8px;background-color: #ff7f01;} .inmid-trip-display2 .trip-planner-info-container .checkbox{float: right;margin-top: 20px;} .inmid-trip-display2 .trip-planner-info-container label {display: inline-block;position: relative;padding-left: 20px;color:#424242;font-weight: 600;font-size: 14px;} .inmid-trip-display2 .trip-planner-info-container label::before {content: "";display: inline-block;position: absolute;width: 17px;height: 17px; left: 0;margin-left: -20px;border: 1px solid #cccccc;border-radius: 0px;background-color: #fff; -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;-o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;transition: border 0.15s ease-in-out, color 0.15s ease-in-out; } .inmid-trip-display2 .trip-planner-info-container label::after {display: inline-block;position: absolute;width: 16px;height: 16px;left: 0;top: 0;margin-left: -20px;padding-left: 3px;padding-top: 1px;font-size: 11px;color: #555555; } .inmid-trip-display2 .trip-planner-info-container input[type="checkbox"] {opacity: 0;} .inmid-trip-display2 .trip-planner-info-container input[type="checkbox"]:focus + label::before {outline: none;outline-offset: 0px; } .inmid-trip-display2 .trip-planner-info-container input[type="checkbox"]:checked + label::after {font-family: 'FontAwesome';content: "\f00c"; } .inmid-trip-display2 .trip-planner-info-container input[type="checkbox"]:checked + label::before {background-color: #fd8100;border-color: #fd8100; } .inmid-trip-display2 .trip-planner-info-container input[type="checkbox"]:checked + label::after {color: #fff;} .inmid-trip-display2 .trip-planner-info-container p{font-size: 15px; color: #424242; margin-top: 15px;margin-bottom: 15px; padding-left: 15px;} .inmid-trip-display3 .DAY_LOCATION{width: 35px;color: #424242;font-size: 22px;text-align: center;} .inmid-trip-display3 .trip-planner-info-container {display: block;margin: 0;padding: 20px;max-height: 800px;overflow-y: scroll;} .inmid-trip-display3 .trip-planner-info-container p{font-size: 15px; color: #424242; margin-top: 10px;margin-bottom: 30px;} .inmid-trip-display3 .form-control{font-size: 14px; color: #424242;border-radius: 0px;height: 40px;} .inmid-trip-display3 .form-control:focus {border-color: #ffc303;} .inmid-trip-display3 .btn {min-width:170px; padding:5px 0; text-align:center; color:#424242;font-family:inherit;font-size:14px; background:#ffc303; margin:25px auto; border-radius:17px;display:block;text-transform: uppercase;} .inmid-trip-display3 .search-places-location{margin-bottom: 20px;} .inmid-trip-display3 .search-places-location .input-group-addon{color: #424242;font-size:14px;background-color: #ffc303;border: 1px solid #ffc303;border-radius: 0px; cursor: pointer;} .inmid-trip-display3 .search-places-location .form-control{ height:50px; border-right: 0px;} .inmid-trip-display3 .search-places-location-list .input-group-addon{color: #424242;font-size:14px;border: 1px solid #ccc;border-radius: 0px; cursor: pointer;} .inmid-trip-display3 .search-places-location-list .form-control{ border-right: 0px; height: 60px;} .inmid-trip-display3 .trip-planner-info-container .or-row{margin-top: 20px;margin-bottom: 30px;} .inmid-trip-display3 .days-title-poi{display: block;font-size: 10px;} /* Start Hotel Modal */ .modal-dialog.halts-modal{width: 700px;} .halts-modal .modal-content {border-radius: 0px;} .halts-modal .modal-title{color:#0786ac;text-align:center;font-weight:600;font-size: 20px;} .halts-modal .modal-body h4{color:#ff7f01;font-size: 17px;} .halts-modal .modal-body h5{color:#424242;font-size: 14px;} .halts-modal .modal-body h4 i{margin-left: 5px;} .halts-modal .modal-body p{color: #676a6c;font-size: 12px;} .halts-modal .modal-body .hotel-address{color:#424242;} .halts-modal .modal-body .hotel-address i{margin-right: 5px;} .halts-modal .hotel-facilities-ul li{margin: 0;color: #676a6c;} .halts-modal .hotel-facilities-ul li span{color: #676a6c;font-size: 12px;} .check-hotel-time .check-in, .check-hotel-time .check-out, .check-hotel-time .border-right, .check-hotel-time img {display: inline-block;} .halts-modal .check-hotel-time .border-right{color: #d0d0d0;margin-left: 5px;margin-right: 5px;} .halts-modal .check-hotel-time span{color: #676a6c;font-size: 12px;} .halts-modal .hotel-facilities-ul li:before {content: "• ";color:#0786ac;} .halts-modal .rate-approx{margin: 0;} .halts-modal .hotel-price{color:#0786ac;font-size: 14px;} .halts-modal .hotel-price i{margin-right: 5px;} .halts-modal .btn {min-width:170px; padding:5px 0; text-align:center; color:#000; text-transform:uppercase; font-family:inherit;font-size:14px; background:#ffc303; border-radius:17px;display:block;top: 10px;position: relative;} .halts-modal .col-md-6{border-right: 1px solid #d0d0d0;} .halts-modal hr{margin-top: 10px;margin-bottom: 10px;border-top: 1px solid #d0d0d0;} /* End Hotel Modal */ .panel-heading .accordion-toggle:after {font-family: 'Glyphicons Halflings'; content: "\e114"; float: right;color: #000;font-size: 14px;} .panel-heading .accordion-toggle.collapsed:after {content: "\e080";} .inmid-trip-display4 .panel-group .panel{border-radius: 0px;} .inmid-trip-display4 .panel-default>.panel-heading {color: #333;background-color: #ffc303;border-color: #ffc303;border-radius: 0px;} .inmid-trip-display4 .panel-title {font-size: 15px;color: #424242;font-weight: normal;} .panel-body .itinary-title{float: left;/* width: 75%;*/} .panel-body .itinary-title h2{margin-top: 0px;font-size: 18px;color: #4d4d4d;} .panel-body .itinary-title h4{margin-top: 0px;color: #4d4d4d;font-size: 14px;} .panel-body .itinary-title h4 img{height: 35px;} .panel-body .itinary-title h4 i{margin-right: 5px;cursor: move;} .panel-body .itinary-title h2::before{content: '';display: inline-block;width: 15px;height: 15px;-moz-border-radius: 15px;-webkit-border-radius: 15px;border-radius: 15px;border: 2px solid #959595;margin-right: 5px;} .panel-body .itinary-update-delete{float:right;} .panel-body .itinary-update-delete i{color: #959595;font-size: 22px;} .panel-body .itinary-ul-detail{float:left;font-size: 12px;} .panel-body .itinary-ul-detail a{color: #959595;} .panel-body .itinary-ul-detail span img{display: inline-block;margin-right: 8px;} .panel-body hr{clear: both;} .inmid-trip-display4 .sort-iti{ list-style-type: none;margin: 0;padding: 0;max-height: 875px !important;overflow-y: scroll;} .inmid-trip-display4 .panel-default>.panel-heading+.panel-collapse>.panel-body{padding: 5px;padding-bottom: 0px;} /* Sidebar Styles */ #sidebar-wrapper {z-index: 1000;position: fixed;right: 0px;width: 0;padding-left:20px;height: 100%;overflow-y: auto;background:#fff; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;} .sidebar-hotel-nav {color: #424242;position: absolute;top: 0;margin: 0;padding: 0;padding-right:20px;list-style: none;height: 510px !important;} .sidebar-hotel-nav .hotel-side-list{border-bottom: 1px solid #d0d0d0;margin-bottom:10px;clear: both;padding-bottom: 10px;} .sidebar-hotel-nav .hotel-side-list img{width: 100%;height: 100px;} .sidebar-hotel-nav .hotel-side-list p{font-size: 12px;clear: both;} .sidebar-hotel-nav h2{font-size: 15px;color: #424242;} .sidebar-hotel-nav .hotel-star-ul{margin-bottom: 5px;float: left;} .sidebar-hotel-nav .hotel-star-ul i{color:#cbcbcb;font-size: 16px;} .sidebar-hotel-nav .hotel-star-ul i.active{color:#ff7f01;font-size: 16px;} .sidebar-hotel-nav .kilometer-hotel{float: right;} .sidebar-hotel-nav .kilometer-hotel{color: #959595;} .sidebar-hotel-nav .kilometer-hotel span{display: inline-block;color: #424242; font-size: 12px;} .sidebar-hotel-nav .kilometer-hotel span img{display: inline-block;width: auto;height: auto; margin-right: 5px;} .sidebar-hotel-nav .facilites-ul li p{color: #0786ac;} .sidebar-hotel-nav .facilites-ul li p i{color: #0786ac;font-size: 9px;margin-right: 5px;} .sidebar-hotel-nav .btn {min-width: 110px;padding: 5px 0;text-align: center;color: #000;font-family: inherit;font-size: 12px;background: #ffc303;border-radius: 15px;margin-bottom: 10px;text-transform: uppercase;} @media(min-width:768px) {#sidebar-wrapper {width: 350px;}} #sidebar-wrapper .slimScrollDiv {height: 100% !important;} .step-slide-toggle{top: 360px;position: relative;z-index: 9999;cursor: pointer;} /* Category step 3 */ .category-step-ul{list-style: none;margin:0;padding:0;} .category-step-ul li{display: inline-block;margin-right: 8px; margin-left:8px; margin-bottom: 10px;width: 26%} .category-step-ul .icon{width: 50px;height: 50px; background-size: cover;background-repeat: no-repeat; margin:0 auto;} .category-step-ul li p{color:#424242 !important;font-size:12px !important;text-align: center; margin-top: 10px !important; margin-bottom: 0px !important; text-transform: capitalize;} .category-step-ul li.active p{color: #fd8100;} .category-step-ul .hill-station{background-image: url(../images/hill-station-grey.svg);} .category-step-ul .hill-station.active{background-image: url(../images/hill-station-orange.svg);} .category-step-ul .beach{background-image: url(../images/beach-grey.svg);} .category-step-ul .beach.active{background-image: url(../images/beach-orange.svg);} .category-step-ul .wildlife{background-image: url(../images/wildlife-grey.svg);} .category-step-ul .wildlife.active{background-image: url(../images/wildlife-orange.svg);} .category-step-ul .desert{background-image: url(../images/desert-grey.svg);} .category-step-ul .desert.active{background-image: url(../images/desert-orange.svg);} .category-step-ul .urban{background-image: url(../images/urban-grey.svg);} .category-step-ul .urban.active{background-image: url(../images/urban-orange.svg);} .category-step-ul .rustic{background-image: url(../images/rustic-grey.svg);} .category-step-ul .rustic.active{background-image: url(../images/rustic-orange.svg);} .category-step-ul .heritage{background-image: url(../images/heritage-grey.svg);} .category-step-ul .heritage.active{background-image: url(../images/heritage-orange.svg);} .category-step-ul .religious{background-image: url(../images/religious-grey.svg);} .category-step-ul .religious.active{background-image: url(../images/religious-orange.svg);} .category-step-ul .trek{background-image: url(../images/trek-grey.svg);} .category-step-ul .trek.active{background-image: url(../images/trek-orange.svg);} .category-step-ul .water-body{background-image: url(../images/water-body-grey.svg);} .category-step-ul .water-body.active{background-image: url(../images/water-body-orange.svg);} /* Google Popup Custom */ .gm-style{font-family: 'Avenir Next' !important;} .infowindow-scrollFix{width: 260px;overflow: hidden;font-family: 'Avenir Next' !important;} .infowindow-scrollFix h4{color: #ff7f01;font-size: 16px;font-weight:normal;margin-top: 0px;margin-bottom: 5px;font-family: 'Avenir Next' !important;} .infowindow-scrollFix h4 i{margin-left: 10px;} .infowindow-scrollFix button{text-align:center;font-weight:400;font-family: 'Avenir Next' !important;font-size:12px;background:#ffc303;border-radius:17px;border:none;padding:5px 15px; color: #424242 !important;position: relative;} .infowindow-scrollFix select{background-color:#ffc303;border-radius:17px;padding:5px 10px;border:none;font-family: 'Avenir Next' !important;max-width: 150px;} .infowindow-scrollFix img{width: 100%;margin-bottom: 10px; margin-top: 10px; height: 122px;} .infowindow-scrollFix i{margin-right: 5px;} .infowindow-scrollFix .hotel-address{font-size: 10px;color: #424242;margin: 0 0 5px;font-family: 'Avenir Next' !important;} .infowindow-scrollFix .hotel-price-starting, .infowindow-scrollFix .hotel-price{color: #0786ac;font-family: 'Avenir Next' !important;} .infowindow-scrollFix .hotel-price-starting{font-size: 10px;margin: 0;} .infowindow-scrollFix .hotel-price{font-size: 12px;margin-bottom: 5px;display: block;} .infowindow-scrollFix .list-inline {margin-left: 0px;margin-bottom: 0px;} .infowindow-scrollFix .list-inline>li {padding-right: 0px;padding-left: 0px;font-family: 'Avenir Next' !important;} .infowindow-scrollFix .list-inline>li i{color:#cbcbcb;font-size: 9px;margin-right:3px;} .infowindow-scrollFix .list-inline>li.active i{color:#ff7f01;} .infowindow-scrollFix button:first-child{margin-right: 15px;} .infowindow-scrollFix button:focus{outline:none;outline-offset: 0px;} .infowindow-scrollFix select:focus{outline:none;outline-offset: 0px;} .infowindow-scrollFix .info-total-rating i{color: #ffc303;} /*hiding angular elements on laod*/ [ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak { display: none !important; } /* Trip Info Popup */ .trip-info-dialog{width:700px;} .trip-info-dialog .modal-title{color:#0786ac;text-align:center;font-weight:600;font-size: 20px;} .trip-info-dialog label{ font-weight: 600;margin-bottom:0;text-align:center!important;display:block;color: #ff7f01;margin-bottom: 5px;} .trip-info-dialog .form-inline .form-group{width: 32.4%;margin-right: 5px;} .trip-info-dialog .form-inline .form-group:last-child{margin-right: 0px;} .trip-info-dialog .form-inline .form-control{width: 100%;color: #545454;border-radius: 0px;height: 40px;font-size: 12px;} .trip-info-dialog .modal-body{padding-top:0px !important;padding: 28px;padding-bottom: 15px !important;} .trip-info-dialog .modal-content{border-radius: 0px;} .trip-info-dialog .modal-content p{text-align: center;margin-bottom: 30px !important;margin-top: 20px !important;font-size: 17px;color: #000;width: 500px;margin:0 auto;} .trip-info-dialog .modal-content .bottom-text{font-size: 12px;color: #676a6c;width: auto !important;} .trip-info-dialog .modal-content .btn:first-child {margin-right: 10px !important;} .trip-info-dialog .modal-content .btn{width:170px!important;padding:5px 0!important;border-radius:17px!important;margin:0 auto 20px!important;font-family:inherit!important;font-size:14px!important;color:#424242!important;display:inline-block!important;border:1px solid #424242;background-color: transparent; } .trip-info-dialog .modal-content .btn.active{background:#ffc303!important;border: 1px solid transparent !important;box-shadow: none;} .trip-info-dialog .or-row{margin-bottom: 30px;margin-top: 30px;} .trip-info-dialog .start-date{background-image:url(../images/start-date.svg);background-position:5px 4px;background-repeat:no-repeat;padding-left:40px} .trip-info-dialog .economy{background-image:url(../images/economy.svg);background-position:5px 4px;background-repeat:no-repeat;padding-left:35px} .trip-info-dialog .solo{background-image:url(../images/solo.svg);background-position:5px 4px;background-repeat:no-repeat;padding-left:35px} .trip-info-dialog .start-date::-webkit-input-placeholder{color:#545454} .trip-info-dialog .start-date:-moz-placeholder{color:#545454;opacity:1} .trip-info-dialog .start-date::-moz-placeholder{color:#545454;opacity:1} .trip-info-dialog .start-date:-ms-input-placeholder{color:#545454} /* Trip Detail Page*/ /*.trip-itinary .day-list{padding-bottom:10px;margin-bottom:20px;border-bottom:1px solid #ccc;} .trip-itinary .day-list:last-child{border-bottom:1px solid transparent;} .trip-itinary .places-list{margin-top:10px;margin-bottom:10px;} .trip-itinary .trip-detail-info{} .trip-itinary h2{margin:0 0 10px;padding:0;font-size:24px;color:#424242} .trip-itinary .places-visit{margin:0 0 10px;padding:0;font-size:20px;color:#424242} .trip-itinary p{padding:0;line-height:20px;color:#424242;font-size:15px;font-weight:500}*/ /* Rating Dialog Detail */ .rating-dialog-detail .modal-title{color:#0786ac;text-align:center;font-weight:600;font-size: 20px;} .rating-dialog-detail .modal-body {padding-top: 0px;padding-bottom: 0px;} .rating-dialog-detail .modal-content{border-radius: 0px;} .rating-dialog-detail .modal-content .btn{width:170px!important;padding:5px 0!important;border-radius:17px!important;margin:0 auto 20px!important;font-size:14px!important;color:#424242!important;background-color:#ffc303!important;} .rating-dialog-detail .form-control{color: #545454;border-radius: 0px;height: 100px;font-size: 14px;margin-top:20px;padding: 10px;} .rating-dialog-detail .rating-star-detail{margin-bottom:30px;} .rating-dialog-detail .rating{color:#ccc;margin:0;padding:0;font-size:24px} .rating-dialog-detail ul.rating{display:inline-block} .rating-dialog-detail .rating li{list-style-type:none;display:inline-block;padding:1px;text-align:center;font-weight:700;cursor:pointer} .rating-dialog-detail .rating .filled{color:#ffc303!important} .rating-dialog-detail .blue-link {font-size:13px; color:#0786ac;word-wrap: break-word;} .rating-dialog-detail .padding-10 {margin:10px 0 0 0!important;} /* Static Pages */ .static-content{padding-top:50px; padding-bottom:0px !important;} .static-content .group-title {margin-bottom: 0px;} .static-content .group-title .sub-title .text{text-transform: capitalize;} .static-content h1{color: #424242;font-size: 30px;margin-top: 0px;} .static-content .italic{font-style: italic;} .static-content hr{border-top: 1px solid #d0d0d0;} .static-content p{color: #424242;font-size: 15px;margin-top: 20px;line-height: 22px; font-family:"Roboto Regular",Arial;} /* Privacy Page */ .privacy-policy h2{color: #0786ac;font-size: 15px;} .privacy-policy .blue-text{color: #424242;} .privacy-policy ul li{color: #424242; font-size: 13px;font-family: "Roboto Regular",Arial;} .privacy-policy .last-modified{ color: #959595;text-align: left;} .privacy-policy ol{counter-reset:item}ol ol>li,ol>li{display:block} .privacy-policy ol>li:before{content:counter(item) ". ";counter-increment:item;font-weight:700} .privacy-policy ol ol>li:before{content:counters(item,".") ". ";margin-left:-20px;font-weight:700} /* Conatct Us Page */ .contact-us .group-title{margin-top: 10px;} .contact-us .group-title .sub-title .text{text-transform: capitalize;color: #424242;font-size: 30px;} .contact-us h4{color: #0786ac;} .contact-us i{width: 24px;height: 24px;line-height: 22px;font-size: 14px;text-align: center;border-radius: 100%;margin-right: 8px;} .contact-us .phone{color: #424242;} .contact-us .phone i{border: 1px solid #424242;} .contact-us .email{color: #0786ac; font-family:"Roboto Regular",Arial;} .contact-us .email i{border: 1px solid #0786ac;} .contact-us p{margin-top: 10px; font-family:"Roboto Regular",Arial; } /* Faqs Page */ .faqs .group-title{margin-top: 20px;} .faqs p {margin-top: 0px;} .faqs .wrap{box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);border-radius:4px} .faqs .panel{border-width:0 0 1px;border-style:solid;border-color:#0786ac;background:0 0;box-shadow:none} .faqs .panel:last-child{border-bottom:none} .faqs .panel-group>.panel:first-child .panel-heading{border-radius:4px 4px 0 0} .faqs .panel-group .panel{border-radius:0} .faqs .panel-group .panel+.panel{margin-top:0} .faqs .panel-heading{background-color:#fff;border-radius:0;border:none;color:#fff;padding:0} .faqs .panel-title a{display:block;color:#424242;padding:15px;position:relative;font-size:18px;font-weight:400;} .faqs #accordion .panel-heading a:before,.faqs #bs-collapse .panel-heading a:after,.faqs .panel-heading a:before{font-size:16px;position:absolute;font-family:FontAwesome;right:15px;top:15px} .faqs .panel-body{background:#0786ac;} .faqs .panel-body p{color:#fff; font-family: "Roboto Regular", Arial;} .faqs .panel:last-child .panel-body{border-radius:0 0 4px 4px} .faqs .panel:last-child .panel-heading{border-radius:0 0 4px 4px;-webkit-transition:border-radius .3s linear .2s;transition:border-radius .3s linear .2s} .faqs .panel:last-child .panel-heading.active{border-radius:0;-webkit-transition:border-radius linear 0s;transition:border-radius linear 0s} .faqs .panel-heading a:before{content:'\f077';-webkit-transition:all .5s;transition:all .5s;-webkit-transform:scale(1);transform:scale(1)} .faqs .panel-heading.active a:before{content:' ';-webkit-transition:all .5s;transition:all .5s;-webkit-transform:scale(0);transform:scale(0)} .faqs #bs-collapse .panel-heading a:after{content:' ';-webkit-transform:scale(0);transform:scale(0);-webkit-transition:all .5s;transition:all .5s}.faqs #bs-collapse .panel-heading.active a:after{content:'\f078';-webkit-transform:scale(1);transform:scale(1);-webkit-transition:all .5s;transition:all .5s}.faqs #accordion .panel-heading a:before{content:'\f077';-webkit-transform:rotate(180deg);transform:rotate(180deg);-webkit-transition:all .5s;transition:all .5s}.faqs #accordion .panel-heading.active a:before{-webkit-transform:rotate(0);transform:rotate(0);-webkit-transition:all .5s;transition:all .5s} .faqs .panel-body ul{list-style-type: decimal;} .faqs .panel-body li{color:#fff; font-family: "Roboto Regular", Arial; font-size:15px;} .faqs .panel-body a{color: #fff; text-decoration: underline;} .faqs .panel-body a:hover{color: #ff743f; text-decoration: underline overline;} /* Version Page */ .version ul li{color: #424242;} .version p{margin-top: 10px;} /* Terms Of Use Page */ .terms-of-use ul li{color: #424242;} .terms-of-use ol{counter-reset:item}ol ol>li,ol>li{display:block} .terms-of-use ol>li:before{content:counter(item) ". ";counter-increment:item;font-weight:700} .terms-of-use ol ol>li:before{content:counters(item,".") ". ";margin-left:-20px;font-weight:700} .terms-of-use .last-modified{ color: #959595;text-align: left;} /* Notification Page */ .notifications-section h1{margin-top:10px} .notifications-section .notification-row:first-of-type{padding-top:0!important; padding-bottom: 10px;} .notifications-section .notification-row:last-child{border: none !important;} .notifications-section .notification-row{width:100%;display:block;margin:0;padding:20px 0 30px;position:relative;border-bottom:1px dashed #d0d0d0} .notifications-section .notification-row .img-box{width:60px;float:left;margin-right:15px} .notifications-section .notification-row .img-box img{width:100%;border:1px solid #d0d0d0;border-radius:100%} .notifications-section .notification-row p{width:100%;display:block;margin:0;padding:8px 0 0;font-size:16px;line-height:20px} .notifications-section .notification-row p span{font-size:14px;display:block;margin:5px 0 0} .notifications-section .notification-row p a{color:#0786ac;text-decoration:none} .notifications-section .notification-row .btn{background-color: transparent;font-size: 30px;color: #ffc303;padding: 0;} /* Error Page */ .error-section{background-image:url(../images/error-bg.jpg);position:relative;background-repeat:repeat;background-attachment:fixed;background-position:center;background-size:cover;-webkit-background-size:cover;width:100%} .error-section .error-page{margin-top:45px; margin-bottom:45px;} .error-page .circle{width:150px;height:150px;margin: 0 auto; margin-bottom: 40px; font-weight: bolder;border-radius:100%;font-size:55px;color:#fff;line-height: 135px;text-align:center;background:transparent;border: 7px solid #fff;} .error-page .sub-content p{font-size:30px;color: #fff;text-shadow: 1px 1px 1px #424242, 3px 3px 5px #424242;} .error-page .btn{width:170px; padding:5px 0; border-radius:17px; background:#ffc303;margin:40px auto 40px; font-family:inherit; font-size:14px; text-transform:uppercase;color:#424242; display:inline-block;} .error-page .btn:first-of-type{margin-right: 10px;} .error-section .road-matrix-error{width: 150px;float: right;top: -30px;position: relative;} /* Serach Auto Complete */ .autocomplete-suggestions{position:fixed!important;border:1px solid #424242;background:#FFF;overflow:auto;border-radius:0;margin-top:0px;padding:0; top:62px !important} .autocomplete-suggestion{padding:5px;overflow:hidden;font-size:14px;border-bottom:1px solid #d0d0d0;cursor:pointer} .autocomplete-selected { background: #F0F0F0; } .autocomplete-suggestions strong { font-weight: normal;} .autocomplete-group { padding: 2px 5px; } .autocomplete-group strong { display: block; border-bottom: 1px solid #d0d0d0; } /* About Us - Team */ .about-us .team-wrapper{margin-top: 30px;} .about-us .team-wrapper h2{font-size: 24px;} .about-us .team:hover {box-shadow: 0 0 8px #ddd;transition: box-shadow 0.2s ease-in-out;} .about-us .team img {width: 100%;} .about-us .team .inner-team{padding:20px;background:#fff;text-align:center} .about-us .team .inner-team h3{margin:0;color: #ffc303;font-size: 20px;} .about-us .team .inner-team small{display:block;font-size:12px;margin-bottom:7px;color: #0786ac;} .about-us .team .inner-team p{font-size:13px;} .about-us .team .inner-team hr{margin:10px 0 15px} .about-us .team-social{margin-bottom:0} .about-us .team-social li{padding:0 2px} .about-us .team-social li a{font-size:14px;padding:5px 4px;text-align:center;border-radius: 100%;} .about-us .team-social li i{min-width:20px} .about-us .team-social li a.lin{color:#4862a3;border:1px solid #007bb7;} .about-us .team-social li a.tw{color:#159ceb;border:1px solid #159ceb;} .about-us .team-social li a:hover{text-decoration:none} .about-us .team-social li a.lin:hover{color:#fff;background:#007bb7;} .about-us .team-social li a.tw:hover{color:#fff;background:#159ceb;} .about-us .advisor-team:hover {box-shadow: 0 0 8px #ddd;transition: box-shadow 0.2s ease-in-out;} .about-us .advisor-team img {width: 100%;} .about-us .advisor-team .inner-team{padding:20px;background:#fff;text-align:center;} .about-us .advisor-team .inner-team h3{margin:0;color: #ffc303;font-size: 20px;} .about-us .advisor-team .inner-team small{display:block;font-size:13px;margin-bottom:7px;color: #0786ac; height: 40px;} .about-us .advisor-team .inner-team p{font-size:13px;min-height: 280px; font-family:"Roboto Regular",Arial;} .about-us .advisor-team .inner-team hr{margin:10px 0 15px} /* Start Trip Delete Modal */ .trip-delete-dialog {margin: 80px auto !important;} .trip-delete-dialog .modal-header {border-bottom: 1px solid transparent;} .trip-delete-dialog .modal-title {font-size:16px; text-align: center;color: #676a6c; font-weight: bold; margin-top: -60px;} .trip-delete-dialog .modal-logo{margin: 0 auto; top: -62px; position: relative;} .trip-delete-dialog .modal-body{padding-top:0px;} .trip-delete-dialog .modal-content{border-radius: 0px;}s .trip-delete-dialog .trip-delete-modal{padding: 0px;} .trip-delete-dialog .trip-delete-modal img{margin: 0 auto;} .trip-delete-dialog .btn{width:80px!important;padding:5px 0!important;border-radius:17px!important;background:#ffc303!important;margin:0 auto 20px!important;font-family:inherit!important;font-size:14px!important;color:#424242!important;display:inline-block!important} .trip-delete-dialog .btn:first-of-type {margin-right:10px !important;} /* Start Trip Delete Modal */ /* Chat Message Page */ .chat-content-wrapper{padding-top:120px;padding-bottom:60px} .cliques-wrapper{width:100%;float:left;background:#eee;border-radius:4px;padding:5px;margin-top:50px;padding-bottom:30px} .cliques-container{width:100%;float:left;border:1px solid #ddd;box-shadow:inset 0 1px 0 #fff;-webkit-box-shadow:inset 0 1px 0 #fff} .cliques-left-navi{width:100%;float:left;border-right:1px solid #ddd;box-shadow:1px 0 0 #fff;-webkit-box-shadow:1px 0 0 #fff} .cliques-left-navi .top-header{padding:12px;float:left;width:100%} .cliques-left-navi .top-header img{border-radius:50%;/*float:left*/;width:50px;height:50px} .cliques-left-navi .top-header .icon-box{background:#FFF} .cliques-left-navi .search{width:100%;float:left;background:#fff;border-bottom:1px solid #d9d9d9} .cliques-left-navi .search .form-control{border-radius:0!important;border:0;box-shadow:none!important;height:50px;font-size:14px;color:#424242;padding-right:40px; float:right} .cliques-left-navi .search-icon{position:absolute;top:85px;right:25px} .cliques-members{width:100%;position:relative; max-height:350px; z-index:9999} .cliques-members ul{margin:0;padding:0} .cliques-members li{width:100%;float:left;display:block;background:#fff;padding:12px;border-bottom:1px solid #eee} .cliques-members li:hover,.cliques-members li.active{background:#f8f6f7;} .cliques-members li:last-child{border-bottom:0} .cliques-members .group-bg{width:100%!important;float:left!important;background:#f6f6f6 !important} .cliques-members li .profile_pic_a{float: left;} .cliques-members li img{width:50px;height:50px;float:left;border-radius:50%;position:absolute} .cliques-members .content{width:100%;font-size:15px;color:#333;position:relative;padding-top:5px;padding-left:60px;float:left} .cliques-members .content a{color:#424242;font-weight:700} .cliques-members .content .counter{top:10px;left:inherit} .cliques-members .time{font-size:12px;color:#999;width:100%;float:left} .cliques-body-content{width:100%;float:left} .cliques-container .col-md-8{padding-left:3px!important;/*float:left*/} .cliques-body-content .top-header{padding:12px 10px 10px 0;float:left;width:100%} .cliques-body-content .top-header img{border-radius:50%;float:left;width:50px;height:50px} .icon-box-area{float:right;margin-top:8px} .icon-box-area .glyphicon{margin-top:3px;font-size:16px} .cliques-body-content .top-header .icon-box{width:35px;height:35px;float:left;border:1px solid #ccc;padding:5px;text-align:center;border-radius:3px;margin-left:10px;cursor:pointer} .cliques-body-content .top-header .icon-box{background:#FFF} .cliques-body-content .top-header .icon-box .glyphicon-paperclip{padding-top:2px;font-size:18px} .cliques-body-content .content{width:81%;font-size:15px;color:#4d4d4d;position:relative;padding-top:5px;padding-left:13px;float:left;font-weight:700} .cliques-body-content .content a{color:#333} .cliques-body-content .content .time{font-size:12px;color:#999;width:100%;float:left} .chat-content{width:100%;background:#f6f6f6;margin-left:-15px;clear:both;margin-top:2px;padding:20px 30px 20px 20px;border-left:1px solid #fff;max-height:350px;position:relative; } .chat-content .loadmore-up {border: none;text-align: center;padding: 6px 0px 8px;margin-bottom: 11px;color: rgb(121, 121, 121);cursor: pointer;} .left-chat-box{max-width:90%;float:left;position:relative;background:#fff;margin-bottom:20px;padding:10px 8px 10px 25px;border-radius:12px 12px 12px 0;border-bottom:1px solid #d3d3d3} .left-chat-box p{width:100%;float:left;color:#424242} .left-chat-box .name{float:left;color:#4d4d4d;font-size:15px;font-weight:700} .left-chat-box .time,.right-chat-box .time{float:right;font-size:12px;color:#999} .left-chat-box button.close,.right-chat-box button.close{position:absolute;right:10px;font-size:20px;top:0;color:#424242;text-shadow:none;opacity:.8} .left-chat-box:after{width:0;height:0;position:absolute;content:"";left:0;border-top:20px solid #fff;border-right:30px solid transparent;bottom:-20px;z-index:2} .left-chat-box:before{width:0;height:0;position:absolute;content:"";left:0;border-top:20px solid #d3d3d3;border-right:32px solid transparent;bottom:-20px} .right-chat-box{max-width:90%;float:right;margin-bottom:20px;position:relative;background:#ffeaa5;padding:10px 10px 10px 20px;border-radius:12px 12px 0 12px;border-bottom:1px solid #ffeaa5} .right-chat-box p{padding-right:20px} .right-chat-box:after{width:0;height:0;position:absolute;content:"";right:0;z-index:2;border-top:20px solid #ffeaa5;border-left:30px solid transparent;bottom:-20px} .right-chat-box:before{width:0;height:0;position:absolute;content:"";right:0;border-top:20px solid #ffeaa5;border-left:32px solid transparent;bottom:-20px} .right-image-chat-box{background:#ffe4c8;border-radius:10px 10px 0 10px;float:right;margin-bottom:20px;padding:10px;position:relative;border-bottom:1px solid #f2bd90} .right-image-chat-box:after{width:0;height:0;position:absolute;content:"";right:0;border-top:20px solid #ffe4c8;border-left:30px solid transparent;bottom:-20px;z-index:2} .right-image-chat-box:before{width:0;height:0;position:absolute;content:"";right:0;border-top:20px solid #f2bd90;border-left:32px solid transparent;bottom:-20px} .right-image-chat-box button.close{position:absolute;right:20px;font-size:26px;top:10px;color:#FFF;z-index:16;text-shadow:none;opacity:1;background-color:transparent} .right-image-chat-box .time{position:absolute;bottom:15px;font-size:12px;color:#FFF;right:20px;text-transform:uppercase} .chat-comment-area{width:100%;float:left;margin-left:-15px;padding:10px;background:#e9e9e9;border-top:1px solid #d7d7d7} .chat-comment-area .form-group{width:88.9%;float:left;margin-right:10px;margin-bottom:0} .chat-comment-area .form-control{box-shadow:none;padding:6px 12px;height:45px} .chat-comment-area .select-area{border:1px solid #2f85ab;background:#fff;border-radius:3px;padding:8px 10px;float:left} .members-view{width:100%;float:left;background:#f6f6f6;margin-left:-15px;clear:both;margin-top:2px;padding:20px 20px 20px 23px;border-left:1px solid #fff;height:320px !important} .members-view .col-md-6{padding-left:6px;padding-right:6px} .members-view .white-box{width:100%;float:left;padding:10px;margin-bottom:12px;border-radius:3px;background:#fff} .members-view .white-box .close{font-size:24px} .members-view .white-box img{width:40px;height:40px;float:left;border-radius:3px} .members-view .white-box .image-box{background:#7ec0ee;border-radius:3px;overflow:hidden;width:40px;height:40px;float:left} .members-view .white-box .body-content{width:79%;float:left;margin-left:10px} .members-view .white-box .body-content p{margin:0} .members-view .white-box .body-content a{color:#4d4d4d;font-weight:700} .cliques-members .counter{height:18px;width:18px;float:right;position:absolute;background:#2f85ab;color:#FFF;font-size:10px;right:0;top:-10px;padding:2px;border-radius:50%;text-align:center;vertical-align:top;line-height:normal;left:0;margin:0 auto} .cliques-left-navi .sprite{width:30px;height:30px;float:right} .cliques-left-navi .group-icon{background:url(../images/add.png) no-repeat} .cliques-left-navi .search-icon{background:url(../images/search.png) no-repeat} .nicescroll-cursors{background-color:#000!important} #sidebar-wrapper1 { /*left: 250px; margin-left: -250px;*/ width: 300px; height: 100%; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } #wrapper.toggled #sidebar-wrapper1 { width: 0; } #wrapper.toggled { margin-left: 0; } #wrapper { margin-left: 0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .slide-chat-icon { position: fixed; z-index: 999999; top: 213px; } /* css for chat pop up */ .upload-clique-avatar-wrapper { width: 100%; display: block; text-align: center } .upload-clique-avatar-wrapper .upload-clique-avatar > span { position: absolute; left: 0; bottom: 0; width: 100%; background: rgba(0, 0, 0, .3); padding: 10px 0; cursor: pointer; } .upload-clique-avatar-wrapper .upload-clique-avatar > span a { font-size: 20px; color: #fff; text-decoration: none; } input#CLIQUE_ATTACHMENT { position: absolute; bottom: 0; font-size: 35px; opacity: 0; } .empty-frndslist { margin-top:20px; } .attending-listing li { display:block; width:100%; float:left; padding:10px 7px; border-bottom:1px solid #eee; } .attending-listing li:last-child { margin-bottom:20px; border-bottom: 0; } .attending-listing li img { width:40px; height:40px; float: left; border-radius:3px; } .attending-listing li .content { margin-top:-3px; padding-left:50px; width:100%; color:#333; } .attending-listing li .content a { color:#333; } ul.attending-listing.MEMBERS-HOLDER { width: 100%; max-height: 350px; overflow-x: hidden; } .select-all-members-holder { margin-right: 3%; float: right; width: 30%; text-align: right; margin-bottom: 10px; } .NO-SEARCH-MEMBERS-FOUND { border-bottom: none !important; } .regular-popup .modal-body { padding: 30px; } .attending-listing { width: 100%; max-height: 350px; } .regular-popup .modal-header .close { margin-top: -2px; font-size: 30px; margin-right: -15px; outline: none; } .upload-clique-avatar-wrapper .upload-clique-avatar { width: 150px; height: 150px; display: inline-block; margin: 0 auto; position: relative; overflow: hidden; border-radius: 50%; } .regular-popup .form-group { position: relative; } .regular-popup .form-group .search-icon { position: absolute; right: 10px; top: 10px; } /*.search-icon { background: url(../images/sprite.png) no-repeat 0 0; } */ .regular-popup input.form-control { box-shadow: none; border-radius: 0px;} .alert.alert-warning p,.alert.alert-warning span,.alert.alert-warning { text-align: center !important; } ul.attending-listing { padding: 0; margin: 0; } .form-group.has-error p { display: inline-block; } .upload-clique-avatar-wrapper .upload-clique-avatar > span > input[type="file"] { position: absolute !important; left: 0; top: 0; font-size: 100px; opacity: 0; cursor: pointer !important; z-index: 2; border-radius: 0px; } .margin-top-20 { margin-top: 20px; } .regular-popup .modal-header .close { margin-top: -2px;font-size: 30px; margin-right: 0px;outline: none;} /*css for chat pop up */ .disp_none{display: none;} /* Blogger Post */ .blogger-post-container{width:100%;display:block;margin:30px 0 20px;padding:20px 20px 55px;background:#fff} .blogger-post-container .blogger-post-user{width:100%; display:block; margin:0; padding:0 0 0 65px; position:relative; min-height:70px;} .blogger-post-container .blogger-post-user .img-box {width:50px; position:absolute; left:0; top:0; border-radius:100%;} .blogger-post-container .blogger-post-user .img-box img {width:100%; border-radius:100%;} .blogger-post-container .blogger-post-user h3{font-size:14px; color: #ff7f01;margin-top: 0px;font-weight: bold;text-transform: capitalize;} .blogger-post-container .blogger-post-user .form-control{border-radius: 0px;height: 40px;color: #424242;box-shadow: none;background-image: url(../images/link.svg);background-position: 10px 12px; background-repeat: no-repeat; padding-left: 40px;} .blogger-post-container .select-target-txt{font-weight: 700;color: #424242;font-size: 12px;} .blogger-post-container ul.target-audience-ul{background-color: #f6f6f6;padding: 10px;margin-left: 0px;padding-left: 0px;padding-right: 0px;} .blogger-post-container ul.target-audience-ul li{width: 23%;border-right: 1px solid #ccc;} .blogger-post-container ul.target-audience-ul li:last-child{border-right:none;} .blogger-post-container ul.target-audience-ul li:nth-child(3) {width: 28%; } .blogger-post-container label{margin-bottom: 0px;text-align:center;color: #424242;display: block;font-size: 12px;} .blogger-post-container ul.target-audience-ul select.form-control{text-align-last:center;margin-top: 0px;height: 34px;width: 100%; font-size: 12px; background-color: transparent;box-shadow: none;border: none; border-radius: 0px;color: #555;/*-webkit-appearance:none;background-image: url(/images/drop.png);background-position: 92px 14px;background-repeat: no-repeat;*/ padding: 5px 5px;} .blogger-post-container ul.target-audience-ul .form-group{margin-bottom: 0px;} .blogger-post-container ul.target-audience-ul select option{text-align: center;text-align-last: center;color: #424242;} .blogger-post-container ul.target-audience-ul select option:hover{color: #ff7f01;} .blogger-post-container ul.target-audience-ul .form-control{width: 40px;height: 26px;display: inline-block;box-shadow: none;border: none; border-radius: 0px;color:#424242;text-align: center;margin-top: 5px;} .blogger-post-container ul.target-audience-ul span{margin-left: 2px;margin-right: 2px;color: #424242;} .blogger-post-container .btn-post-blogger{float: right;} .blogger-post-container .btn{min-width:170px;padding:5px 0;text-align:center;color:#000;font-family:inherit;font-size:14px;background:#ffc303;margin:5px auto;border-radius:17px;display:block;text-transform:uppercase} .blogger-post-container ul.target-audience-ul select.custom-select{background-position: 120px 14px;} .blogger-post-container .multiselect{min-width:105px !important; border: none !important;padding:5px 0;text-align:center !important; box-shadow: none !important; color:#000;font-family:inherit;font-size:12px !important;background:transparent!important;margin:0 !important;border-radius:0px !important;text-transform:none!important;float: none !important;margin: 0 auto !important;} .blogger-post-container ul.multiselect-container li,.blogger-post-container ul.multiselect-container li:nth-child(3){width: 100%;border-right:none;border-bottom: 1px solid #d0d0d0;} .blogger-post-container ul.multiselect-container li:last-child{border-bottom:none;} .blogger-post-container .multiselect-container>li>a>label{text-align:left;} .blogger-post-container .dropdown-menu>.active>a, .blogger-post-container .dropdown-menu>.active>a:focus, .blogger-post-container .dropdown-menu>.active>a:hover{background-color:#f6f6f6 } .blogger-post-container .btn-group{display: block;} .blogger-post-container .multiselect-container input[type=radio] {display: none;} .blogger-post-container ul.multiselect-container span{font-weight: bolder;margin-left: 10px;color: #ff7f01;font-size: 12px;} .blogger-post-container .loader{float:right;margin-top: -27px;margin-right: 14px;font-size: 18px;} .blogger-post-container .multiselect-container>li>a>label{padding-left: 20px !important;} /* Scouts Page */ .scouts-searchbar{padding-top: 120px; padding-bottom: 30px; background-color: #fff;} .scouts-searchbar .form-control, .scouts-searchbar .input-group-btn:last-child>.btn{height: 50px;} .scouts-searchbar .input-group{border:1px solid #d0d0d0;border-radius: 6px;} .scouts-searchbar .form-control{border:none;box-shadow:none;color: #959595;font-size: 18px;border-radius: 6px;} .scouts-searchbar .input-group-btn:last-child>.btn{background-color: transparent;color: #0786ac;font-size: 19px;border-radius: 0px;} .scouts .group-title{border-bottom: 1px solid #d0d0d0; margin-bottom: 30px;padding-bottom: 3px;} .scouts .group-title .sub-title .text{color:#424242;text-transform: capitalize;margin-top: 0px;} .scouts .group-title select.form-control { margin: 0; padding: 0; height: 19px !important; } .scouts .group-title .sub-title-heading { float: left;} .scouts .group-title .sub-title-filter {float: right;} .scouts .scout-row-container{background-color: #fff;padding: 20px;} .scout-row {width:100%; display:block; padding:0 0 20px; } .scout-row .left-box {margin:0;position:relative;} .scout-row .left-box .img-box {width:75px; height:75px; position:absolute; border-radius:100%; } .scout-row .left-box .img-box img {width:100%; border-radius:100%;} .scout-row .left-box h3 {width:100%; display:block; margin:0; padding:0; font-size:24px;color:#424242;} .scout-row .right-box{ margin:10px 0 0 0; padding:0; border-bottom: 1px solid #d0d0d0; padding-bottom: 15px;} .scout-row .right-box h3{margin:0;color: #0188b0;font-size: 14px;margin-bottom: 5px;} .scout-row .scouts-ul-detail{ float: left;} .scout-row .scouts-ul-detail li span{color: #424242;font-size: 14px;} .scout-row .scouts-ul-detail li:nth-child(2) span, .scout-row .scouts-ul-detail li:nth-child(3) span{font-size: 12px;} .scout-row .add-friend-btn{float: right;} .scout-row .scouts-ul-detail img{display: inline-block;margin-right: 15px;width: 20px;} .scout-row a.add-friend {display:inline-block; margin:5px; padding:5px 8px; background:#ffc303; border:1px solid #ffc303;text-decoration:none; border-radius:17px; text-align:center; color:#484848;font-size:12px; font-weight:700;width:115px;} .scout-row a.add-friend:hover {text-decoration:none;} .scouts .outer-recommended-box{margin:0;} .scouts .outer-follow-box h3{ margin: 0 0 30px;} .scout-row a.unfriend {display:inline-block; margin:5px; padding:5px 8px; background:#c8dde3; border:1px solid #c8dde3;text-decoration:none; border-radius:17px; text-align:center; color:#fff;font-size:12px; font-weight:700;width:115px;} .search-panel-scouts .btn-default{height: 50px;border: none;border-radius: 17px;} .search-panel-scouts .btn-default:hover{background-color: transparent !important;border-color: transparent !important;} .search-panel-scouts .input-group-btn:first-child>.dropdown-toggle{border-radius: 17px;} .search-panel-scouts.open>.dropdown-toggle.btn-default {color: #959595;background-color: transparent !important;border-color: transparent !important;} .search-panel-scouts .dropdown-menu>li>a{border-bottom: 1px solid #d0d0d0;} .search-panel-scouts .dropdown-menu>li>a img{display: inline-block;margin-right: 10px;width: 18px;} .search-panel-scouts .dropdown-menu>li:last-child a{border-bottom:none;} .search-panel-scouts .dropdown-menu>li>a:focus, .search-panel-scouts .dropdown-menu>li>a:hover {color: #959595;text-decoration: none;background-color:transparent;} /* People-refer-container Page */ .people-refer-container {margin:29px 0 30px} .people-refer .content-box1 { color: #424242; font-size: 14px; border-bottom:1px solid #d0d0d0 } .people-refer .content-box1 h3 { font-size: 25px; font-weight: bold;line-height:27px } .people-refer .content-box1 h4 { color:#fb9131; font-weight: bold; margin-bottom:0 } .people-refer .content-box { margin-bottom:25px } .people-refer .content-box p a { color:#81bacd; } .people-refer .content-box p { padding:5px 0 } .people-refer-row { height:95px; } .people-refer-row .odd-even:nth-child(odd) {background-color: #eeeeee;padding:10px 0;} .people-refer-row .odd-even:nth-child(even) {background-color: #f8f6f7;padding: 10px 0;} .people-refer-row .left-box { position:relative; } .people-refer-row .left-box .img-box { width:75px; height:75px; position:relative; border-radius:100%; margin:0 auto } .people-refer-row .left-box .img-box img { width:100%; border-radius:100%; } .people-refer-row ul.refer-to-people li { margin-top:10px } ul.refer-to-people li.user-detail { padding:0; width:49% } ul.refer-to-people li.userdate { text-align:center; padding:0; width:35% } ul.refer-to-people li.Credit-Points { text-align:center; padding:0; width:15%; } .people-refer-row ul.refer-to-people li p { font-size: 16px; display:inline-flex} .people-refer-row ul.refer-to-people li p a { color:#81bacd; } .people-refer-row ul.refer-to-people h3 { color: #000; font-size: 18px; font-weight: bold; } .people-refer-table { } .people-refer-heading { background:#ffc406; } .people-refer-heading h3 { font-size: 19px; font-weight: bold; text-align:center } #save-button {right: -113px!important;} .people-refer-container .plugins {width:auto; margin:7px 0; float:left } .people-refer-container .plugins .email {float:left} .people-refer-container .plugins .socail { float:right} /*Expert Listing*/ ul.left-trip-menu li a .icon-box.fifth{background-image:url(/images/left-trip-5.svg);} ul.left-trip-menu li a .icon-box.fifth{background-image:url(/images/left-trip-5hover.svg);} .inmid-trip-display-experts{padding:45px 0;} .inmid-trip-display-experts .experts-add {padding:0px 15px;} .inmid-trip-display-experts .experts-add .experts-search-box{margin-bottom: 30px; width:35%;} .inmid-trip-display-experts hr {margin-top: 10px;margin-bottom: 15px;} .inmid-trip-display-experts h4 {font-size: 20px;margin-top: 10px;margin-bottom: 0px;color: #0786ac;font-weight: normal;padding-left: 15px;} .inmid-trip-display-experts .get-started-experts {font-size:14px; color:#424242;padding-left: 15px; } .inmid-trip-display-experts .experts-add .experts-add-form label{font-weight: 600; margin-bottom:0; display:block; color:#4d4d4d; margin-bottom: 5px; font-size:14px } .inmid-trip-display-experts .experts-add .experts-add-form .glyphicon { top: 2px; font-size: 18px;color: #b8b8b8; cursor: pointer !important;pointer-events: visible;} /*.inmid-trip-display-experts .experts-add .experts-add-form .start-date { background-image:url(/images/start-date-expert.png); background-position:5px 4px; background-repeat:no-repeat; padding-left:40px } .inmid-trip-display-experts .experts-add .experts-add-form .regions { }*/ /*.inmid-trip-display-experts .experts-add .experts-add-form .domains { background-image:url(/images/solo-expert.png); background-position:5px 8px; background-repeat:no-repeat; padding-left:35px }*/ .inmid-trip-display-experts .experts-add .experts-add-form .form-control{width:100%;color:#545454;border-radius:0;height:40px;font-size:12px} .inmid-trip-display-experts .btn{min-width:170px;padding:5px 0;text-align:center;color:#424242;font-family:inherit;font-size:14px;background:#ffc303;margin:25px auto;border-radius:17px;display:block;text-transform:uppercase} .inmid-trip-display-experts .step-expert-items{margin-top: 30px;} .inmid-trip-display-experts .step-expert-items .expert-item{text-align: center;font-size: 12px;min-height: 120px;} .inmid-trip-display-experts .step-expert-items .row {margin-right: -8px;margin-left: -8px;} .inmid-trip-display-experts .step-expert-items .expert-item h5{margin-bottom: 5px;color: #424242;max-height: 31px; text-overflow: ellipsis;overflow: hidden;height:31px} .inmid-trip-display-experts .step-expert-items .expert-item p{margin: 0 0 5px;color: #424242;} .inmid-trip-display-experts .step-expert-items .expert-item ul li{padding-left: 1px;padding-right: 1px;} .inmid-trip-display-experts .step-expert-items .expert-item ul li a i{font-size: 18px;color: #facb09;} .inmid-trip-display-experts .step-expert-items .expert-item img{margin: 0 auto;width: 83px;} ul.left-trip-menu li:last-child a .step-name{color: #fff;} ul.left-trip-menu li:last-child a.active .step-name{color: #ffc303;} .inmid-trip-display-experts .experts-add .experts-add-form .clear_filters{display: none;float: right;color: #ab3d3d;cursor: pointer;} .inmid-trip-display-experts .experts-add .search_filter{ color:#ff7f01; font-weight: bold; cursor: pointer; } /*Expert Listing End*/ /* Trip Detail Page */ .review-trip-btn{width:170px;border-radius:17px;display:block;margin:20px auto;padding:5px 0;background:#ffc303;color:#424242;font-size:14px;text-transform:uppercase; margin-bottom: 10px;clear:both} .submit-review-trip-btn, .cancel-review-trip-btn{width:80px;border-radius:17px;display:block;margin:0 auto;padding:3px 0;background:#ffc303;color:#424242;font-size:12px;text-transform:uppercase; margin-bottom: 10px;clear:both;display: inline-block;} .infowindow-scrollFix .review-trip-btn{margin-right: 35px !important;} .submit-review-trip-btn{margin-right: 10px;} .trip-info-row .left-content .in-content-box .review-trip-rating {margin: 0 auto;text-align: center; margin-top: 10px;} .trip-info-row .left-content .in-content-box .review-trip-rating .list-inline a{padding-left: 2px;padding-right: 2px;} .trip-info-row .left-content .in-content-box .review-trip-rating a.filled i{color: #ffc303;} .trip-info-row .left-content .in-content-box .review-trip-rating i {position: relative;left: 0px;color: #cbcbcb;font-size: 18px;} .trip-info-row .left-content .in-content-box .total-rating i{position: relative;left: 0px;color: #ffc303;margin-left: 8px;margin-right: 8px;} .infowindow-scrollFix #poi-halt-infowindow .review-trip-rating {margin: 0 auto;text-align: center; margin-top: 10px;} .infowindow-scrollFix #poi-halt-infowindow .review-trip-rating .list-inline a{padding-left: 2px;padding-right: 2px;} .infowindow-scrollFix #poi-halt-infowindow .review-trip-rating a.filled i{color: #ffc303;} .infowindow-scrollFix #poi-halt-infowindow .review-trip-rating i {position: relative;left: 0px;color: #cbcbcb;font-size: 18px;} /* POI Page */ .poi-form .form-control {border-radius: 0;box-shadow: none;background: #fff;} .poi-form .btn{width:170px;padding:5px 0;border-radius:17px;background:#ffc303;margin:15px 0px;font-size:14px;color:#424242!important;text-align:center;text-decoration:none;text-transform:uppercase;border:none} .essential-poi-popup button.yellow-btn { width: 197px; padding: 5px 0; display:inline;} .essential-poi-popup button.yellow-btn:last-of-type{background-color: #fff; border: 1px solid #424242 !important;} /* Notifications Check page */ .notifications-check {padding-top:35px;} .notifications-check h2 {width:100%; display:block; margin-bottom:20px; padding:0;color:#000; font-size:24px; font-weight:bold;} .notifications-check .row{margin:0;} .notifications-check .check-notifications-heading {background-color: #ffc303;margin-top: 30px;} .notifications-check .notifications-check-container h5{color: #424242;font-weight: bold;font-size: 16px;} .notifications-check .notifications-check-row {border-bottom: 1px solid #d0d0d0;background-color: #fff;} .notifications-check .notifications-check-row:last-of-type{border-bottom: none !important;} .notifications-check .notifications-check-row p{color: #424242; margin-top: 12px;} .notifications-check .btn{width:170px;border-radius:17px;display:block;margin:30px 0;padding:5px 0;background:#ffc303;color:#424242;font-size:14px; text-transform: uppercase; clear:both} .notifications-check-container {padding:0; margin:0} /* Serach Bar CSS */ .search-box .form-control.input-radius { border-radius: 0 18px 18px 0!important; width:200px!important } /* amended to reduce spacing - SMT-Neeraj */ .search-box button.btn.btn-default.dropdown-toggle.as-is.bs-dropdown-to-select { background:#fff!important; border:1px solid #ccc!important; border-radius: 18px 0 0 18px!important; width:88px!important; background-color: #0786ac!important; text-transform:capitalize !important } .search-box .bs-dropdown-to-select span { color:#fff!important; } .search-box .search-box1.dropdown-menu>li { text-transform:capitalize!important; text-align:center!important; height:30px!important } .search-box1.dropdown-menu>li:hover { background:#0786ac!important; color:#fff!important; display:block!important } .search-box1.dropdown-menu>li a:hover { background:#0786ac!important; color:#fff!important; display:block!important } ul.dropdown-menu.search-box1 { min-width: 105px!important; padding:0!important; margin:0!important } .search-box .bs-dropdown-to-select .caret { margin-left: 5px!important; } .bias-input-group .input-group-addon + .input-group-btn > .btn { border-radius: 0!important; } .bias-input-group .input-group-addon + .input-group-btn + .input-group-addon { border-right: 0!important; border-left: 0!important; } .ms-category-search button { border: none; } .ms-category-search button span { margin-top: -5px; color: #000!important } .ms-category-search .ms-drop { } .ms-category-search .ms-drop input[type="checkbox"] { vertical-align: top; } .m-top-30 { margin-top:30px; } .srch-bar-input { height: 31px !important; } .ms-parent.ms-category-search.srch-bar-input.pull-left.ms-choic { width: 150px !important; background: #0786ac !important; color: #fff; color: #fff!important } i.glyphicon.glyphicon-chevron-down { color: #000; top:8px } span.glyphicon.glyphicon-remove { color: #333; font-size:10px } /* Scouts Filter CSS */ .scouts .group-title .sub-title-filter .result-filter-wrapper .form-inline .form-control { background: #fff !important; display: inline-block; width: 100%; vertical-align: middle; box-shadow: 0 0 0 #fff } .tag-search { margin:15px 0 } .APPEND_TAGS .CAT_TAG { background: #cadde3; color: #184B21; padding:5px; border-left: 1px solid rgba(255, 255, 255, .5); margin:0 5px 0 0 !important; font-weight: 700; } .ms-drop ul > li:hover { background-color: #0786ac!important; color: #fff; } .filter-scouts { background: #ffc303; border: 1px solid #ffc303; margin: 0; padding: 7px 8px; color:#000; border-radius: 17px; text-align: center; padding: 5px 8px; font-size: 12px; margin: 0 5px; width:90px } /* Active Like Icon */ .fa-heart.active { color: red !important; } /*** New Home Page ***/ /* Testimonials */ .testimonials-bg { padding: 60px 0; background-image: url(../images/testimonial-bg.jpg); background-position: top center;background-repeat: no-repeat;background-size:cover; background-color: #000; } .testimonials-bg .group-title { text-align: center; } .testimonials-bg .group-title .sub-title .text, .testimonials-bg .group-title .main-title { color: #fff; } .testimonials-bg .group-title .sub-title { border-bottom: 1px solid #ccc; } .testimonials-bg .group-title .sub-title .text { font-size: 30px; font-weight: normal; text-transform: uppercase; letter-spacing: 1px; margin: 5px 0 0 0; padding-bottom: 30px; } .testimonials-bg .group-title .sub-title .icons-left { font-size: 28px; color: #c6c6c6; margin-left: 85px; margin-right: 25px; position: relative; } .testimonials-bg .group-title .sub-title .icons-right { font-size: 28px; color: #c6c6c6; margin-left: 100px; position: relative; } .testimonials-bg .group-title .sub-title .icons-left:after, .testimonials-bg .group-title .sub-title .icons-right:after { position: absolute; content: ''; width: 80px; height: 2px; border: 1px dashed #ffdd00; right: 105%; bottom: 7px; } .testimonials-bg .group-title .sub-title .title-img { margin-left: 10px; top: -10px; position: relative; display: inline-block; } .client-testimonials ul { margin: 0; padding: 0; list-style: none; } .client-testimonials ul li { display: block; } .testimonials { color: #fff; margin: 0 auto; } .testimonials blockquote { margin: 30px 33px; text-align: center; border-left: 0px; font-size: 25px; font-weight: normal; color: #fff; padding: 0; position: relative; font-family:'Roboto Regular', Arial;} .testimonials blockquote .quote-left { font-size: 24px; margin-right: 15px; } .testimonials blockquote .quote-right { font-size:24px; margin-left: 15px; } .testimonials .client-info { margin: 30px 10px; position: relative; text-align: center; } .testimonials .client-info strong { font-size: 20px; display: block; color: #0786ac; font-weight: normal;} .testimonials .client-info p { font-size: 15px; color: #ffc303; } .client-testimonials .owl-theme .owl-controls .owl-page span { width: 30px !important; height: 3px !important; border-radius: 0 !important; background: #fff !important; opacity: 1 !important; } .client-testimonials .owl-theme .owl-controls .owl-page.active span { background:#ffc303 !important; } /*---------- main footer ----------*/ .main-footer { padding: 12px 0; background: #282828; color:#fff } .main-footer h3 { color: #fff; font-size: 15px; font-weight:600 } .main-footer li { color: #fff; font-size: 14px; line-height: 30px; list-style:none } .main-footer ul { padding: 0 0 0 0; } .main-footer ul li a { padding: 12px 0; color:#d0d0d0 } .main-footer ul li a:hover { color: #ffc303; font-size: 14px; } /*---------- main footer ----------*/ /*---------- our-speciality ----------*/ .our-speciality { background-color: #f3f3f3; text-align:center;padding: 50px 0 50px 0; } .our-speciality h3 { color::#0786ac} .our-speciality-items img { padding:35px 0 } .gray-icons-item p { color: #424242; font-size: 15px } .our-speciality h2 { color: #0786ac; font-size: 30px; text-align: center; margin: 0 15px 30px } .our-speciality p { font-size: 14px; color: #424242; position: relative; min-height: 63px; font-family:'Roboto Regular',Arial; line-height:22px; } /*---------- our-partners ----------*/ .our-partners-list { background: #fff; text-align: center;padding: 50px 0 50px 0;} .our-partners-list img {margin-bottom:0px; } .our-partners-list h2 { color: #424242; font-size: 30px; text-align: center; margin: 0 0 60px 0; text-transform: uppercase; } .our-partners-list #our-partners .item { margin: 3px; } .our-partners-list #our-partners .item img { display: block; width: 100%; height: auto; } .travelexpert-section {margin-bottom:27px } .travelexpert { border-bottom:1px solid #d0d0d0;padding: 10px 0; } /*.travelexpert:first-child {border-top:1px solid #d0d0d0 } .expert_det:last-child {border-bottom:0px solid #d0d0d0 }*/ .travelexpert h3 { font-size:15px;padding: 0; margin: 0 0 11px 0;font-weight: 700; } .travelexpert .travelexpert-box1 { font-size:13px } /*---------- Invite Faqs ----------*/ .invite-faqs-group{margin-bottom:0px;} .invite-faqs h4{margin-bottom;0px;} .invite-faqs h4 a{color: #424242;font-size:15px;font-weight: bold;line-height: 30px;} .invite-faqs p{color:#424242;font-size:14px; } .invite-email-btn{width: auto;border-radius: 0px!important;margin-right: 3px !important;margin: 0px auto;padding:11px 15px;background: #ffc303;color: #fff;font-size: 13.4px;clear: both;} .invite-email-btn i{margin-right:10px;} /*** Home Badge On User ***/ .home-badge{width: 30px !important;float: right;top: -30px;position: relative;} /*---------- Notification Message ----------*/ .jquery-bar {width:100%;position:static;margin:0px;/*border-bottom:2px solid #CC0000;*/ height:107px; background:#000eb0; box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 5px;font-size:19px;/*text-transform:uppercase;*/ font-weight:normal;line-height:24px;color:#fff;} .small-text {display:block; text-align:center; font-size:17px;} .jquery-bar .notification {z-index:999;background:#000eb0;display:block;width:100%; position:fixed; text-align:center; padding: 20px 0px 11px 0px;} .downbar {cursor:pointer;right:30px; position:fixed;/*background:#4d4d4d;*/border-radius:0px 0px 5px 5px; /*border:2px solid #CC0000;*//*box-shadow: 0px 4px 5px #AAAAAA;*/border-top:none;z-index:99; padding:6px; -webkit-transition: all ease-out 0.3s; -moz-transition: all ease-out 0.3s; -o-transition: all ease-out 0.3s; transition: all ease-out 0.3s;} .downbar:hover{/*background:#4d4d4d;*/cursor:pointer;} .down {position:absolute;top:48px;right:102px; z-index:1;} .up {top:26px;display: none;z-index:1; } .arrow {cursor:pointer;} .font-style {text-align: center;} .font-style a {color:#CC0000; font-size:15px; text-decoration:underline;text-transform:none;} .notification-link {display:block; color:#fff!important; border:2px solid #fff; margin:14px auto 0; border-radius:20px; padding:3px 10px; width:200px; background:transparent; letter-spacing:1px; text-decoration:none; font-size:17px;} /*.notification-link:hover {color:#4d4d4d !important; background:#ffc303;}*/ .pre-login-top-bar {margin-top:80px;} .post-login-top-bar {margin: 80px 0 0;} .pre-login-downbar {top:80px;} .post-login-downbar {top:80px;} /*----------bottom message box ----------*/ .slider {position: absolute;width: 100vw; height: 100vh;top: 0; overflow: visible; background-color: #000; color: #FFF; transition: all 1s;} .slider.close {top: 100vh; height: 0;} a:hover, a:focus {outline:none;} .forum-icon {position:fixed; right:2%; z-index:2; bottom:2%; cursor:pointer; background:transparent !important; padding:0px !important; border:0 !important;} .modal-open .modal {overflow-x: hidden;overflow-y: hidden !important; z-index:1030 !important; margin-top:5%;} .modal.fade.in .lab-modal-body {bottom: 0; opacity:1; } .lab-modal-body h1 {font-size:26px; width:100%; display:block; text-align:center;} .lab-modal-body p {margin: 0 0 1.62rem 0; line-height: 1.62; font-weight: 300; font-size: 1.62rem; color: #666;} .lab-modal-body {position: absolute; bottom: -250px; margin:0px auto 0;padding:20px;max-width: 60%; right:2%; border-radius:5px 5px 0 0 !important; height: auto; background-color:#fff; border: 1px solid #BEBEBE; opacity: 0;width:300px; box-shadow: rgba(0, 0, 0, 0.2) -1px 1px 5px; -webkit-transition: opacity 0.3s ease-out, bottom 0.3s ease-out; -moz-transition: opacity 0.3s ease-out, bottom 0.3s ease-out; -o-transition: opacity 0.3s ease-out, bottom 0.3s ease-out; transition: opacity 0.3s ease-out, bottom 0.3s ease-out;} .close {margin-top: -20px; /*margin-right: -20px;*/ text-shadow: 0 1px 0 #ffffff;} .popup-button {margin-top: 70px;} .forum-link {width:172px; margin:15px auto 20px; display:block; background:#0e85ab; text-align:center; color:#fff; padding:10px 0; border-radius:10px; text-decoration:none; font-size:14px; text-transform:uppercase; letter-spacing:1px;} .forum-link:hover {text-decoration:none; color:#fff;} .forum-link:focus {text-decoration:none; color:#fff;} .forum-p {width:100%; display:block; color:#424242; font-size:20px; margin-top:20px;} .forum-box-close {float:right;font-size:31px;font-weight: 700;line-height: 1;color: #000; padding:0px !important; line-height:0 !important; height:auto !important;} .sidebar.bottom {left:auto; right:2%; bottom: 0; height:auto; background: #fff; width:280px; border-radius:5px 5px 0 0; border:1px solid #424242; border-bottom;none;} .sidebars > .sidebar {box-shadow: 0 0 5px rgba(0, 0, 0, 0.64); position: fixed;color: white; padding: 10px;font-size: 2em; text-align: center; z-index:99; } /*new sign up / sign in css*/ .new-sign-bg {background: url("../images/sign-up-bg.jpg") no-repeat; background-size: auto auto; background-size: cover; background-position: top center; position:relative;} .new-sign-bg .texture { width: 100%; display: block; margin: 0; padding: 0; text-align: center; position: absolute; bottom: 0; left: 0; z-index: 1; overflow:hidden; } .signup-width {width:890px; margin:0 auto;} .signup-width .heading {width:100%; display:block; background:#ffc303; border-top-left-radius: 17px; border-top-right-radius: 17px; color:#4d4d4d; padding:10px 0; text-align:center; font-size: 20px; text-transform:uppercase; } .signup-width .heading span {text-transform:lowercase;} .signup-width .new-form-container {width:100%; display:block; border-bottom-left-radius: 17px; padding-bottom:30px; border-bottom-right-radius: 17px; background-color: rgba(0,0,0,0.50);} .signup-width p {width:100%; display:block; text-align:center; font-size:18px; color:#fff; padding:20px 0;} .signup-width-inner-form {width:93%; margin: 0 auto 0; display:block; padding:3.5% 0 0;} .signup-left-form {width:527px; float:left; position:relative;} .signup-right-form {width:270px; float:right; position:relative;} .signup-right-form .or {width:30px; text-align:center; border-radius:100%; padding:4px 0 5px; background:#ffc303; color:#000; position: absolute; top:39%; left:-16px; z-index:99; font-size:14px; } .signup-right-form form .input-group {width:100%; display:block; margin-bottom:20px; position:relative;} .signup-right-form form .input-group p {width:100%; display:table-cell; font-size:12px; color:#dd4b39; margin:0; padding:0; text-align:left; height:25px; vertical-align:middle;} .signup-right-form p {width:100%; display:table-cell; font-size:12px; color:#dd4b39; margin:0; padding:0; text-align:left; height:25px; vertical-align:middle;} .signup-right-form .form-group .checkbox {margin:-4px 0 0 0!important; padding:0 !important;} .signup-right-form .form-group .checkbox input[type="checkbox"]:hover {background:#fff !important;} .signup-right-form .form-group .checkbox label {color:#fff; font-size:13px;} .signup-right-form form .input-group:last-child {margin-bottom:0px; } .signup-right-form form .input-group .form-control {background:#fff; border:2px solid #fff; position:relative; width:100%; outline:none; box-shadow:none; border-radius:17px; float:none; padding-left:40px; font-size:12px; } .signup-right-form form .input-group .modal-login-btn {margin:0 auto; width: 140px;border-radius: 20px;padding: 7px 5px 7px 5px; position: relative;font-size: 14px;text-transform: uppercase;text-align: center;color: #2e2d2d;text-decoration: none; display: block;font-weight: bold; background:#ffc303; letter-spacing:1px;} .signup-right-form form .form-group {margin-bottom:0;} .signup-right-form form .input-group .form-control:focus {border-color:#ffc303;} .signup-right-form form .input-group i {width:20px; color:#424242; position:absolute; top:0px; left:12px; z-index:99; font-size:16px;} .signup-right-form form .input-group label {color:#fff; font-size:12px; font-weight:normal;} .signup-right-form form .input-group label input[type="checkbox"] {margin:0 5px 0 0;} .new-button {width:100%; border-radius:20px; border:2px solid #ffc303; padding:10px 5px 10px 40px; position:relative; font-size:14px; text-transform:uppercase; text-align:center; color:#fff; text-decoration:none; display:block; font-weight:bold;} .new-button:hover {color:#fff;} .new-button i {font-size:18px !important; padding:8px 5px!important; border-radius:100% !important;; background:#424242; color:#ffc303 !important; position:absolute; top:3px !important; left:3px !important; width:32px !important;} .signin-link {font-size:13px; color:#fff; text-decoration:none; display:block; text-align:center; margin-top:35px;} .signin-link a {color:#fff; text-decoration:underline;} .signin-link a:hover {text-decoration:none;} .signup-social-media {width:100%; text-align:center; margin:42px 0 0; position:relative; border-top:1px solid #ffc303; padding:45px 0 0 0;} ul.signup-social-media-list {width:100%; text-align:center; display:block; margin:0; padding:0;} ul.signup-social-media-list li {display:inline-block; margin:0 20px 0 0;} ul.signup-social-media-list li.last {margin:0;} ul.signup-social-media-list li i {width:60px; padding:15px 10px; text-align:center; font-size:26px; color:#fff; border:1px solid #fff; border-radius:100%;} ul.signup-social-media-list li a {color:#fff; text-decoration:none;} .signup-social-media span {width:100%; display:block; text-align:center; color:#fff; font-size:17px; margin-bottom:15px;} ul.signup-social-media-list li i.fb {border-color:#3b5999; background:#3b5999;} ul.signup-social-media-list li i.tw {border-color:#00aced; background:#00aced;} ul.signup-social-media-list li i.gp {border-color:#dd4b39; background:#dd4b39;} ul.signup-social-media-list li i.fb:hover {border-color:#3b5999; background:#3b5999;} ul.signup-social-media-list li i.tw:hover {border-color:#00aced; background:#00aced;} ul.signup-social-media-list li i.gp:hover {border-color:#dd4b39; background:#dd4b39;} .signup-social-media .or {width:31px; text-align:center; border-radius:100%; padding:4px 0 5px; background:#ffc303; color:#000; position: absolute; top:-18px; left:46%; z-index:99; font-size:14px; border:1px solid #fff;} .six-point-container {width:100%; margin:0 auto 20px; padding:20px ; background:#fff; border-radius:10px;} .six-point-left {width:47.5%; float:left; background:#fff;} .six-point-right {width:47.5%; float:right; background:#fff;} .why-go-heading {width:100%; display:block; color:#424242; font-family:'RobotoCondensed Regular',Arial; font-weight:bold; font-size:19px; position:relative; margin: 0 0 20px;} .why-go-heading span {color:#f46a0c; font-style:italic;} .why-go-heading .go-arrow {position:absolute; top:0; right:0;} ul.benefits-list {width:auto; display:block; margin:0; padding:0;} ul.benefits-list li {width:auto; display:block; font-family:'Roboto Regular',Arial; font-size:12px; color:#383838; padding:10px 0 0 67px; position:relative; margin:0 0 15px 0; min-height:52px;} ul.benefits-list li:last-child {margin-bottom:0;} ul.benefits-list li img {position:absolute; top:0; left:0;} .advertisement {width:100%; display:block; } .advertisement img {width:100%;} .res-advertisement {width:100%; display:none; margin:10px 0 0 0 ; /*border:3px solid #fff; border-radius:10px; background:#1a9bdd; text-align:left; font-size:14px; color:#fff; padding:10px 10px 81px 10px; display:none;*/} .res-advertisement img {width:100%;} .res-signup-btn {width:90%; display:block; margin:10px auto 0; text-align:center; padding:5px; background:#e5b106; color:#2e2d2d; font-size:14px; font-weight:bold; border-radius:20px;} .res-signup-btn:hover,.res-signup-btn:focus {color:#2e2d2d;} .new-signup-margin {margin-top:25% !important; position:relative;} .modal-logo2 {position:absolute; top:-30px; left:20%;} .new-signup-close {color:#0786ac !important; opacity:10 !important;} .res-signup-heading {color:#424242; font-size:15px;} input:-webkit-autofill {-webkit-box-shadow: 0 0 0 30px white inset !important;} .points-padding {} .ipad-banner {width:100%; display:none; } .ipad-banner img {width:100%;} .signup-footer {width:100%; display:block; margin:25px 0 0; padding:20px 0 0; border-top:1px solid #7c7872;} .signup-footer-left {width:49%; float:left; color:#f8f6f7; font-size:11px;} .signup-footer-right {width:49%; float:right; color:#f8f6f7; font-size:11px; text-align:right;} .signup-footer-right a {color:#f8f6f7; text-decoration:none;} .signup-footer-right a:hover {text-decoration:underline;} .signup-footer-left a {color:#f8f6f7; text-decoration:none;} .signup-footer-left a:hover {text-decoration:underline;} /*responsive new sign up */ .res-signup-right-form {width:100%; position:relative;} .res-signup-right-form form .input-group {width:100%; display:block; margin-bottom:20px; position:relative;} .res-signup-right-form form .input-group p {width:100%; display:table-cell; font-size:12px; color:#dd4b39; margin:0; padding:0; text-align:left; height:25px; vertical-align:middle;} .res-signup-right-form p {width:100%; display:table-cell; font-size:12px; color:#dd4b39; margin:0; padding:0; text-align:left; height:25px; vertical-align:middle;} .res-signup-right-form .form-group .checkbox {margin:-4px 0 0 0!important; padding:0 !important;} .res-signup-right-form .form-group .checkbox input[type="checkbox"]:hover {background:#fff !important;} .res-signup-right-form .form-group .checkbox label {color:#fff; font-size:13px;} .res-signup-right-form form .input-group:last-child {margin-bottom:0px; } .res-signup-right-form form .input-group .form-control {background:#fff; border:2px solid #fff; position:relative; width:100%; outline:none; box-shadow:none; border-radius:17px; float:none; padding-left:40px; font-size:12px; } .res-signup-right-form form .input-group .modal-login-btn {margin:0 auto; width: 140px;border-radius: 20px;padding: 7px 5px 7px 5px; position: relative;font-size: 14px;text-transform: uppercase;text-align: center;color: #2e2d2d;text-decoration: none; display: block;font-weight: bold; background:#ffc303; letter-spacing:1px;} .res-signup-right-form form .form-group {margin-bottom:0;} .res-signup-right-form form .input-group .form-control:focus {border-color:#ffc303;} .res-signup-right-form form .input-group i {width:20px; color:#424242; position:absolute; top:0px; left:12px; z-index:99; font-size:16px;} .res-signup-right-form form .input-group label {color:#fff; font-size:12px; font-weight:normal;} .res-signup-right-form form .input-group label input[type="checkbox"] {margin:0 5px 0 0;} .sign-up-now {color:#424242; font-size:12px; padding:5px 10px; text-align:center; background:#efd54f; border-radius:20px; margin:10px 0 0 0; display:block; width:100px;} .sign-up-now:hover {color:#424242;} .li-extra-space {} /*media page css*/ .media-banner-section {margin-top:40px; margin-bottom:35px;} .media-left-banner {width:100%; display:block; margin:0; padding:0;} .media-right-banner {width:100%; display:block; margin:0; padding:0;} .media-right-banner img {width:100%;} .media-heading {width:100%; display:block; margin:0; padding:0; color:#424242; font-size:30px; font-family:"Raleway-Regular",Arial;} .media-heading span {display:block; margin:0; padding:0; text-align:right; color:#ff7f01; font-weight:bold; font-style:italic; font-family:"RobotoCondensed Regular",Arial;} .media-heading-p {width:100%; display:block; margin:40px 0 20px 0; padding:0; font-size:15px; color:#424242; font-family:"Roboto Regular",Arial; line-height:27px;} .media-btn {border-radius:40px; padding:10px 86px 10px 40px; background: url(../images/button-gradient.jpg); text-align:center; display:inline-block; margin:0;} .media-btn span {text-transform:uppercase; color:#2e2d2d; font-size:25px; font-family:"RobotoCondensed-Regular",Arial; font-weight:bold; position:relative;} .media-btn span::after {content: " "; height:26px; width:34px; background:url("../images/download-icon.svg") no-repeat left top; color:#fff; position:absolute; top:1px; right:-42px;} .media-coverage {margin-bottom:100px} .media-body-heading {width:auto; display:block; font-family:"RobotoCondensed Regular",Arial; color:#424242; font-weight:bold; font-size:30px; position:relative; text-transform:uppercase; letter-spacing:1px; margin:0 0 40px 0;} .media-body-heading::after {content: " "; height:30px; width:102px; background:url("../images/car-icon.jpg") no-repeat left top; color:#fff; position:absolute; top:5px; right:auto; display:none;} ul.media-recognition {width:auto; display:block; margin:0; padding:0;} ul.media-recognition li {display:block; margin:0 0 10px; padding:0 0 0 17px; font-size:16px; position:relative; color:#424242; } ul.media-recognition li:last-child {margin:0;} ul.media-recognition li i {font-size:15px; position:absolute; top:3px; left:0; color:#0187ae;} .coverage-box {width:100%; display:block; border:1px solid #d0d0d0; background:#fff; padding:15px;} .coverage-box .img-box {width:100%; display:block;} .coverage-box .img-box img {width:100%;} .coverage-btn {width:120px; padding:8px 10px; background:#4d4d4d; border-radius:20px; color:#fff; font-family:"RobotoCondensed Regular",Arial; font-size:13px; text-transform:uppercase; text-align:center; text-decoration:none; margin:10px auto 0; display:block;} .coverage-btn:hover {text-decoration:none; color:#fff;} .coverage-btn:focus {text-decoration:none; color:#fff;} .res-coverage-btn {width:120px; padding:8px 10px; background:#4d4d4d; border-radius:20px; color:#fff; font-family:"RobotoCondensed Regular",Arial; font-size:13px; text-transform:uppercase; text-align:center; text-decoration:none; margin:30px auto 0; display:none;} .res-coverage-btn:hover {text-decoration:none; color:#fff;} .res-coverage-btn:focus {text-decoration:none; color:#fff;} .coverage-archive {display:block; padding:42px 20px; background:#0786ac;} .coverage-archive .heading {width:100%; display:block; color:#fff; font-weight:bold; font-size:32px; text-transform:uppercase; letter-spacing:1px; text-align:center;} .coverage-archive .heading span {width:100%; margin:10px 0 20px; color:#fff; font-size:14px; letter-spacing:normal; line-height:20px; display:block; text-transform: lowercase; font-weight:normal;} .to-archive {width:180px; display:block; margin:0 auto; padding:10px 10px; background:#ffc303; border-radius:20px; text-decoration:none; color:#424242; text-transform:uppercase; font-weight:bold; text-align:center; font-size:16px;} .to-archive:hover {text-decoration:none; color:#424242;} .featured {margin-bottom:80px;} .outer-featured-container {border:1px solid #d0d0d0; width:100%; display:block;} .outer-featured-container li {list-style:none;} .featured-container {width:100%; display:block; background:#fff; padding:20px;} .contact-container {width:100%; display:block; background:#ffc303; padding:15px;} .contact-heading {width:100%; display:block; text-align:center; font-family:"RobotoCondensed Regular",Arial; font-weight:bold; color:#424242; font-size:22px;} .contact-p {width:100%; display:block; line-height:20px; font-size:14px; color:#424242; margin-top:10px;} .contact-card {width:100%; display:block; border-radius:10px; background:#ffe433; margin-top:15px; padding:15px; position:relative; height:130px;} .contact-card img {width:100px; border-radius:100%; position:absolute; top:15px; left:15px;} .contact-card-content {width:100%; display:block; margin:0; padding:12px 0 0 120px;} .contact-card-content .name {width:100%; display:block; font-family:"Roboto Regular",Arial; font-size:16px; color:#424242;} .contact-card-content .name span {display:block; font-size:14px; width:100%; margin:4px 0 0 0;} .contact-card-content .name span i {font-size:14px; width:20px; margin:0 5px 0 0;} .contact-card-content .name span a {color:#424242;} .contact-card-content .name span a:hover {color:#424242; text-decoration:underline;} ul.logo-list {width:100%; display:block; margin:0; padding:0; border-bottom:1px solid #f2f2f2; } ul.logo-list li {float:left; display:inline-block; margin:0; padding:0; width:25%; background-position:center center !important; height:107px; border-right:1px solid #f2f2f2; -webkit-transition: background 0.3s ease-out; -moz-transition: background 0.3s ease-out; -o-transition: background 0.3s ease-out; transition: background 0.3s ease-out;} ul.logo-list li.logo1 {background:url("../images/silicon.jpg") no-repeat ;} ul.logo-list li.logo1:hover {background:url("../images/silicon-gray.jpg") no-repeat ;} ul.logo-list li.logo2 {background:url("../images/dna.jpg") no-repeat ;} ul.logo-list li.logo2:hover {background:url("../images/dna-gray.jpg") no-repeat ;} ul.logo-list li.logo3 {background:url("../images/firstpost.jpg") no-repeat ;} ul.logo-list li.logo3:hover {background:url("../images/firstpost-gray.jpg") no-repeat;} ul.logo-list li.logo4 {background:url("../images/bwdisrupt.jpg") no-repeat ; border:none;} ul.logo-list li.logo4:hover {background:url("../images/bwdisrupt-gray.jpg") no-repeat ; border:none;} ul.logo-list2 {width:100%; display:block; margin:0; padding:0; } ul.logo-list2 li {float:left; display:inline-block; margin:0; padding:0; width:25%; background-position:center center !important; height:107px; border-right:1px solid #f2f2f2; -webkit-transition: background 0.3s ease-out; -moz-transition: background 0.3s ease-out; -o-transition: background 0.3s ease-out; transition: background 0.3s ease-out;} ul.logo-list2 li.logo5 {background:url("../images/midday.jpg") no-repeat ;} ul.logo-list2 li.logo5:hover {background:url("../images/midday-gray.jpg") no-repeat;} ul.logo-list2 li.logo6 {background:url("../images/travhq.jpg") no-repeat ;} ul.logo-list2 li.logo6:hover {background:url("../images/travhq-gray.jpg") no-repeat;} ul.logo-list2 li.logo7 {background:url("../images/your-story.jpg") no-repeat ;} ul.logo-list2 li.logo7:hover {background:url("../images/your-story-gray.jpg") no-repeat;} ul.logo-list2 li.logo8 {background:url("../images/entrepreneur-india.jpg") no-repeat ; border:none;} ul.logo-list2 li.logo8:hover {background:url("../images/entrepreneur-india-gray.jpg") no-repeat ; border:none;} ul.logo-list li.logo9 {background:url("../images/afternoon.jpg") no-repeat ; } ul.logo-list li.logo9:hover {background:url("../images/afternoon-gray.jpg") no-repeat ; } ul.logo-list li.logo10 {background:url("../images/urbane.jpg") no-repeat ; } ul.logo-list li.logo10:hover {background:url("../images/urbane-gray.jpg") no-repeat ; } ul.logo-list li.logo11 {background:url("../images/photography.jpg") no-repeat ; } ul.logo-list li.logo11:hover {background:url("../images/photography-gray.jpg") no-repeat ; } ul.logo-list li.logo12 {background:url("../images/voyager.jpg") no-repeat ; border:none;} ul.logo-list li.logo12:hover {background:url("../images/voyager-gray.jpg") no-repeat ; border:none;} ul.logo-list2 li.logo13 {background:url("../images/vcc.jpg") no-repeat ; } ul.logo-list2 li.logo13:hover {background:url("../images/vcc-gray.jpg") no-repeat ; } ul.logo-list2 li.logo14 {background:url("../images/navriti.jpg") no-repeat ; } ul.logo-list2 li.logo14:hover {background:url("../images/navriti-gray.jpg") no-repeat ; } ul.logo-list2 li.logo15 {background:url("../images/startup-urban.jpg") no-repeat ; } ul.logo-list2 li.logo15:hover {background:url("../images/startup-urban-gray.jpg") no-repeat ; } ul.logo-list li.logo16 {background:url("../images/startup-byte.jpg") no-repeat ; } ul.logo-list li.logo16:hover {background:url("../images/startup-byte-gray.jpg") no-repeat ; } ul.logo-list li.logo17 {background:url("../images/livepeppy.jpg") no-repeat ; } ul.logo-list li.logo17:hover {background:url("../images/livepeppy-gray.jpg") no-repeat ; } ul.logo-list li.logo18 {background:url("../images/hatke-story.jpg") no-repeat ; } ul.logo-list li.logo18:hover {background:url("../images/hatke-story-gray.jpg") no-repeat ; } ul.logo-list li.logo19 {background:url("../images/bangalore-insider.jpg") no-repeat ; } ul.logo-list li.logo19:hover {background:url("../images/bangalore-insider-gray.jpg") no-repeat ; } ul.logo-list li.logo20 {background:url("../images/starup-talky.jpg") no-repeat ; } ul.logo-list li.logo20:hover {background:url("../images/starup-talky-gray.jpg") no-repeat ; } ul.logo-list li.logo21 {background:url("../images/bott.jpg") no-repeat ; } ul.logo-list li.logo21:hover {background:url("../images/bott-gray.jpg") no-repeat ; } ul.logo-list li.logo22 {background:url("../images/businessfortnight.jpg") no-repeat ; } ul.logo-list li.logo22:hover {background:url("../images/businessfortnight-gray.jpg") no-repeat ; } ul.logo-list li.logo23 {background:url("../images/indian-media-book.jpg") no-repeat ; } ul.logo-list li.logo23:hover {background:url("../images/indian-media-book-gray.jpg") no-repeat ; } ul.logo-list li.logo24 {background:url("../images/global-prime-news.jpg") no-repeat ; } ul.logo-list li.logo24:hover {background:url("../images/global-prime-news-gray.jpg") no-repeat ; } ul.logo-list2 li.logo1 {background:url("../images/silicon.jpg") no-repeat ;} ul.logo-list2 li.logo1:hover {background:url("../images/silicon-gray.jpg") no-repeat ;} ul.logo-list2 li.logo2 {background:url("../images/indian-startup.jpg") no-repeat ;} ul.logo-list2 li.logo2:hover {background:url("../images/indian-startup-gray.jpg") no-repeat ;} ul.logo-list2 li.logo3 {background:url("../images/firstpost.jpg") no-repeat ; border:none;} ul.logo-list2 li.logo3:hover {background:url("../images/firstpost-gray.jpg") no-repeat; border:none;} ul.logo-list2 li.logo20 {background:url("../images/startup-talky.jpg") no-repeat ; } ul.logo-list2 li.logo20:hover {background:url("../images/startup-talky-gray.jpg") no-repeat ; } ul.logo-list2 li.logo21 {background:url("../images/krasia.png") no-repeat ; } ul.logo-list2 li.logo21:hover {background:url("../images/krasia-gray.png") no-repeat ; } ul.logo-list2 li.logo22 {background:url("../images/inventiva.png") no-repeat ; } ul.logo-list2 li.logo22:hover {background:url("../images/inventiva-gray.png") no-repeat ; } ul.logo-list2 li.logo23 {background:url("../images/scoopearth.png") no-repeat ; } ul.logo-list2 li.logo23:hover {background:url("../images/scoopearth-gray.png") no-repeat ; } ul.logo-list2 li.logo24 {background:url("../images/india-today.jpg") no-repeat ; } ul.logo-list2 li.logo24:hover {background:url("../images/india-today-gray.jpg") no-repeat ; } .social-media-section {background:url("../images/social-media-bg.jpg") no-repeat; background-position:top left; margin-bottom:80px; background-size:cover; padding-top:65px; padding-bottom:65px;} .social-card {width:100%; display:block; margin:0; background:#fff; padding-top:15px; padding-bottom:15px; overflow:hidden;} .social-card iframe {margin:0 auto !important; display:block !important; height:214px !important; width:278px !important;} .social-card iframe > iframe {width:100% !important;} .linkedin-card {width:278px; display:block; border:20px; position:relative; background:url("../images/linkedin-bg.jpg") no-repeat; background-position:top left; height:214px; margin:0 auto;} .linkedin-card .follow {position:absolute; bottom:14px; right:11px; padding:5px; background:#fff; width:90px; height:35px; border-radius:3px;} .card-heading {width:100%; display:block; position:relative; color:#fff; font-size:16px; text-transform:uppercase; padding:0 0 0 30px; height:30px; margin:0 0 8px;} .card-heading i {width:23px; text-align:center; color:#424242; padding:4px 5px; background:#ffc303; border-radius:100%; position:absolute; top:0; left:0; font-weight:bold;} ul.social-media-status {width:100%; display:block; margin:106px 0 0 0; padding:0; text-align:center;} ul.social-media-status li {width:16.66%; display:inline-block; list-style:none; text-align:center !important; height:200px; background:#fff;} ul.social-media-status li:hover span i {color:#f3be00 !important;} ul.social-media-status li:hover span {border-color:#f3be00 !important;} ul.social-media-status li:hover .numbers {color:#f3be00 !important;} ul.social-media-status li span i {color:#fff;} ul.social-media-status li span {width:53px; text-align:center; font-size:22px; padding:11px 0; border-radius:100%; border:1px solid #fff; position:relative; display:block; margin:0 auto;} ul.social-media-status li span:before {content: ''; position: absolute; width:70px;height: 1px; background:#f2f2f2; z-index: 1; left:-70px; top:28px;} ul.social-media-status li span:after {content: ''; position: absolute; width:70px;height: 1px; background:#f2f2f2; z-index: 1; right:-70px; top:28px;} ul.social-media-status li .numbers {width:100%; display:block; text-align:center; font-size:21px; font-weight:bold; color:#fff; font-family:"Roboto Regular",Arial; margin:6px 0 0 0;} ul.social-media-status li .social-tag {width:100%; display:block; text-align:center; font-size:16px; color:#fff; font-family:"Roboto Regular",Arial; margin:6px 0 0 0;} body.modal-open .background-container {-webkit-filter: blur(4px); -moz-filter: blur(4px); -o-filter: blur(4px); -ms-filter: blur(4px); filter: blur(4px); filter: url("https://gist.githubusercontent.com/amitabhaghosh197/b7865b409e835b5a43b5/raw/1a255b551091924971e7dee8935fd38a7fdf7311/blur".svg#blur); filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='4');} .pdf-container {width:100%; display:block; margin:0; padding:0; height:auto; overflow:hidden !important;} .outer-pdf-container {width:65% !important;} .publisher {width:100%; display:block; color:#0786ac; text-align:center; font-weight:bold; font-size:13px; margin:10px 0 0 0;} .publisher br {display:none;} .publisher span {font-weight:normal; color:#424242;} .media-view-all-row { width: 100%; display: block; margin: 20px 0 0 0; padding: 0; text-align: right; } .media-view-all-row a { display: inline-block; color: #db0615 !important; font-size: 17px; position: relative; padding: 0; } .media-view-all-row a span { width: 100%; height: 2px; position: absolute; left: 0; bottom: 0; background: #db0615; } .media-view-all-row a:hover span{display:none;} /*media archive page css starts*/ .archive-container {margin-top:50px; overflow:hidden;} .archive-left-section {background:#fff; width:100%; display:block; border:1px solid #ececec; padding-top:25px; padding-bottom:25px !important;} .archive-thumbnail {width:100%; display:block; padding:10px; border:1px solid #c8c6c6;} .archive-thumbnail img {width:100%;} .media-body-heading2 {width:auto; display:block; font-family:"RobotoCondensed Regular",Arial; color:#424242; font-weight:bold; font-size:30px; position:relative; text-transform:uppercase; letter-spacing:1px; margin:15px 0 30px 0;} .media-body-heading2::after {content: " "; height:30px; width:102px; background:url("../images/white-car.jpg") no-repeat left top; color:#fff; position:absolute; top:5px; right:auto;} .archive-link {width:125px; border-radius:20px; padding:7px 0; background:#424242; color:#fff; text-transform:uppercase; font-size:13px; text-decoration:none; display:block; margin:12px auto 5px; text-align:center; text-align:center;} .archive-link:hover {text-decoration:none; color:#fff;} .archive-link:focus {text-decoration:none; color:#fff;} .archive-accordian {width:100%; display:block; border:1px solid #ececec; background:#fff; padding:15px;} .media-body-heading3 {width:auto; display:block; font-family:"RobotoCondensed Regular",Arial; color:#424242; font-weight:bold; font-size:14px; position:relative; text-transform:uppercase; letter-spacing:1px; margin:8px 0 30px 0; border-bottom:1px solid #ececec; padding:0 0 11px 0;} .media-body-heading3::after {content: " "; height:30px; width:102px; background:url("../images/archive-car-icon.svg") no-repeat left top; color:#fff; position:absolute; top:-3px; right:auto;} .panel-heading .accordion-toggle:after { /* symbol for "opening" panels */ font-family: 'FontAwesome'; /* essential for enabling glyphicon */ content: "\f107"; /* adjust as needed, taken from bootstrap.css */ float: right; /* adjust as needed */ color: grey; /* adjust as needed */ font-size:18px; /* adjust as needed */ margin: 0 0px 0 9px; /* adjust as needed */ } .panel-heading .accordion-toggle.collapsed:after { /* symbol for "collapsed" panels */ content: "\f104"; /* adjust as needed, taken from bootstrap.css */ } .media-archive-title {border:none !important; background:none !important; padding:0 !important; text-align:right;} .media-panel-default {border:none !important; box-shadow:none;} .media-panel-body {border:none !important; padding-left:0; padding-right:0;} .media-archive-link {width:100%; display:block; border-bottom:1px dashed #cfcfcf; font-weight:bold; padding-bottom:10px;} ul.month-list {width:100%; display:block; position:relative; padding:0 !important; margin:0;} ul.month-list li {width:100% !important; display:block !important; margin:0 0 5px 0 !important;; padding:0 !important;;} ul.month-list li:last-child {margin-bottom:0;} ul.month-list li a {display:block !important; margin:0 !important; padding:0 !important; color:#888383 !important;} ul.month-list li a .month-box {width:100%; display:block; text-decoration:none; font-size:14px !important;} ul.month-list li a .month-box:hover {text-decoration:none;} ul.month-list li.active a {color:#0786ac !important;} ul.month-list2 {width:100%; display:block; position:relative; padding:0 !important; margin:0;} ul.month-list2 li {width:100% !important; display:block !important; margin:0 0 5px 0 !important;; padding:0 !important;;} ul.month-list2 li:last-child {margin-bottom:0;} ul.month-list2 li a {display:block !important; margin:0 !important; padding:0 !important; color:#fff !important;} ul.month-list2 li a .month-box {width:100%; display:block; text-decoration:none; font-size:14px !important;} ul.month-list2 li a .month-box:hover {text-decoration:none;} ul.month-list2 li.active a {color:#ffc303 !important; background:transparent !important;} .outer-month {width:100%; display:block;} .outer-month #tabs .nav-tabs > li.active a {color:#0786ac !important;} .outer-month2 {width:100%; display:block; margin-left:auto; margin-right:auto;} .outer-month2 #tabs .nav-tabs > li.active a {color:#0786ac !important;} .month-box .media-no {float:left; width:auto;} .month-box .month-name {float:right; width:auto;} .archive-featured-on {width:100%; display:block; border:1px solid #ececec; background:#fff; padding:15px; margin:30px 0;} .archive-featured-scroll {width:80%; display:block; position:relative; margin:0 auto 15px; border:1px solid #ececec;} .archive-featured-scroll img {width:100%; display:block; margin:0 auto; padding:20px 0; width:127px;} .archive-featured-scroll li {list-style:none;} .archive-featured-scroll .bx-controls-direction a {position: absolute; top: 45%; outline: 0px none; width: 18px; height: 18px; text-indent: -9999px; z-index: 9999;} .archive-featured-scroll .bx-prev {width: 18px;height: 18px;left: -28px; position: absolute; background: url(/images/media-prev.jpg) no-repeat;} .archive-featured-scroll .bx-next {width: 18px; height: 18px;right: -28px; position: absolute; background: url(/images/media-next.jpg) no-repeat;} .archive-contact-info {width:100%; display:block; background:#ffc303; margin:30px 0; padding:20px;} .archive-contact-heading {width:100%; display:block; margin:0 auto 15px; text-align:center; font-size:17px; color:#424242; text-transform:uppercase; font-weight:bold;} .archive-contact-inner {width:100%; display:block; border-radius:15px; background:#ffe433; margin-top:10px;} .archive-contact-inner .img-box {width:130px; display:block; margin:0 auto; padding:25px 0 10px;} .archive-contact-inner .img-box img {width:100%; display:block; border-radius:100%;} .archive-contact-inner .content-box {width:100%; display:block; margin:0; padding:0 0 25px; text-align:center;} .archive-contact-inner .content-box .name {width:100%; display:bllock; margin:0; padding:0; font-size:16px; color:#424242;} .archive-contact-inner .content-box .name span {width:100%; display:block; margin:4px 0 0 0; padding:0; font-size:14px;} .archive-contact-inner .content-box .name span i {font-size: 14px; width: 20px; margin: 0 5px 0 0;} .archive-contact-inner .content-box .name span a {color:#424242; text-decoration:none;} .archive-contact-inner .content-box .name span a:hover {color:#424242; text-decoration:underline;} .archive-margin1 {margin-bottom:30px;} .tooltip.bottom .tooltip-inner {background-color:#424242;} .tooltip.bottom .tooltip-arrow {border-bottom-color:#424242;} .pdf-close {background:#0786ac !important; border-color:#0786ac !important; color:#fff !important;} /* Navbar Menu Component */ .menu {width:250px; height:100%vh !important;background:#0786ac;padding:46px 0 0 0;position: absolute;top: 0;right: -300px;-webkit-backface-visibility: hidden; backface-visibility: hidden;overflow: hidden;-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0); -webkit-transform: translateX(0) translateZ(0);transform: translateX(0) translateZ(0);-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);-webkit-transition: all 0.2s cubic-bezier(0.32,0.9, 0.9, 0.9);transition: all 0.3s cubic-bezier(0.32, 0.9, 0.9, 0.9);z-index: 1;} .menu-heading {display:block; width:auto; margin:0 0 8px 25px; padding:60px 0 0; color:#fff; font-size:14px; font-weight:bold;} .menu.show-nav {-webkit-transform: translateX(-300px); -ms-transform: translateX(-300px); transform: translateX(-300px);-webkit-transform: translateX(-300px) tranlateZ(0); -ms-transform: translateX(-300px) tranlateZ(0); transform: translateX(-300px) tranlateZ(0); -webkit-transform: translate3d(-300px, 0, 0); transform: translate3d(-300px, 0, 0); /*border-right: 1px solid #fff;*/} .menu ul {width:auto; display:block; margin:0 0 0 25px; padding:0;} .menu ul li {width:auto; display:block; margin:0 0 8px; padding:0;} .menu ul li.active { font-weight:bold;} .menu ul li:first-child {margin-top: 20px; border: 0; box-shadow: none;} .menu ul li:last-chiild {margin:0;} .menu ul li a {display:block; color:#fff; font-size:13px; margin:0; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; text-decoration: none;} .menu ul li a:hover{margin-left:15px;} /*.menu ul li a:after {content: ""; position: absolute;bottom: 0;left: 0;width: 100%;height: 1px; background-color: #f38b00; visibility: hidden;-webkit-transform: scaleX(0);-ms-transform: scaleX(0);transform: scaleX(0); -webkit-transition: all 0.3s cubic-bezier(0.32, 1.25, 0.375, 1.15); transition: all 0.3s cubic-bezier(0.32, 1.25, 0.375, 1.15);}*/ .no-touch .menu ul li a:hover:after {-webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); visibility: visible;} .menu p {color: rgba(255, 255, 255, 0.7); position: absolute; top: 86%; left: 20px; font-size: 0.875em; text-align: center;} .menu p a {color: rgba(243, 139, 0, 0.6);text-decoration: none;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;} .menu p a:hover {color: #f38b00; text-decoration: underline;} .nav-toggle {position: absolute;top: 8px; right: 8px; -webkit-backface-visibility: hidden; backface-visibility: hidden; color:#fff; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0);-webkit-transform: translateX(0) translateZ(0); transform: translateX(0) translateZ(0);-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: all 0.4s cubic-bezier(0.32, 1.25, 0.375, 1.15); transition: all 0.4s cubic-bezier(0.32, 1.25, 0.375, 1.15); z-index: 2;} .nav-toggle span {color: #fff; /*color: rgba(0, 0, 0, 0.7);*/ padding: 8px 0; font-size: 1.875em; background:#ffc303; border: 1px solid #fff; font-size:11px; display:block; font-weight:normal; width:30px; text-align: center; height:30px; position: absolute; top: 0; right: 0; border-radius:100%;} .no-touch .nav-toggle span:hover {color:#fff;} .nav-toggle span.fa-times {color: #fff !important;} .nav-toggle span.fa-times:hover {color: #fff !important;} .nav-toggle.show-nav {top:8px; right:8px;} .nav-toggle:focus {color:#fff;} .toggle-plus {background-image:url(../images/plus.svg) !important; background-position:center center !important; background-repeat:no-repeat !important;} .toggle-minus {background-image:url(../images/minus.svg) !important; background-position:center center !important; background-repeat:no-repeat !important;} .select-category {width:100%; display: none; margin:0 0 25px; position: relative; font-size: 17px; color: #696763; position:relative; padding: 10px 10px; background-color: #fff;} .responsive-accordian {background-color:#0786ac !important; width:90% !important; margin-left:auto; margin-right:auto; margin-top:15px;} .responsive-accordian .media-archive-title .panel-title a {color:#fff !important;} .responsive-accordian .media-archive-title .panel-title a:after {color:#fff !important;} /*new home page css starts*/ .home-page-wrapper {background:#fff !important;} /*home trip engine*/ .home-trip-engine {width:100%; display:block; margin:80px 0 50px 0; height:420px; background:url(../images/new-home-page/road-banner-new.jpg) no-repeat; background-size:cover; padding:90px 0 0 0; background-position:center bottom;} .trip-engine-box {width:940px; margin:0 auto; display:block; padding:0; background: url(../images/new-home-page/engine-bg.png); border-radius:5px; } .trip-engine-box .nav-tabs {border-bottom:0;} .trip-engine-box .nav-tabs li {float:none; display:block; float:left;} .trip-engine-box .tab-content {padding:0 15px 25px 15px; text-align:center; position:relative; border-radius:4px} .trip-engine-box .nav-tabs>li {margin-bottom:0;} .trip-engine-box .nav-tabs>li:first-child {margin-right:10px;} .trip-engine-box .nav-tabs>li>a {border:0;border-radius:0; letter-spacing:0.5px; margin-right:0; background:transparent !important; border-top:4px solid transparent !important; padding:10px 10px; text-transform:uppercase; color:#fff; font-size:13px; display:block;} .trip-engine-box .nav-tabs>li:first-child a {border-radius:0;} .trip-engine-box .nav-tabs>li:last-child a {border-radius:0;} .trip-engine-box .nav-tabs>li.active a {border-top:4px solid #ffc500 !important; color:#fff; background:transparent; text-shadow:none;} .trip-engine-box .nav-tabs>li.active a:hover, .trip-engine-box .nav-tabs>li.active a:focus {border: 0; background:transparent !important; border-top:4px solid #ffc500 !important; color:#ffffff; text-shadow:none;} ul.trip-engine-inputs {width:100%; display:block; margin:0; padding:0; } ul.trip-engine-inputs li {float:left; margin:0; width:373px; list-style:none;} ul.trip-engine-inputs li:first-child {border-right:1px solid #ddd; } ul.trip-engine-inputs li.last {width:164px; margin:0;} ul.trip-engine-inputs li .input-group .form-control {width:100%; border-radius:0px !important; height:42px; position:relative; z-index:1; border:0; } ul.trip-engine-inputs li .input-group .icon-box {position:absolute; z-index:2;} .starts-input {padding-left:34px;}.ends-input {padding-left:52px;} .starts-icon {top:8px; left:8px; width:17px; height:24px; background: url(../images/new-home-page/starts-icon.png) no-repeat; background-position:left top;} .ends-icon {top:2px; left:8px; width:36px; height:36px; background: url(../images/new-home-page/ends-icon.png) no-repeat; background-position:left top;} ul.trip-engine-inputs li:first-child .input-group .form-control{border-radius:2px 0 0 2px !important;} ul.trip-engine-inputs li:last-child .input-group .form-control{border-radius:0px 2px 2px 0px;} ul.trip-engine-inputs li .input-group {display:block; position:relative;} ul.trip-engine-inputs li .plan-btn {width:100%; display:block; border-radius:0px 2px 2px 0; text-align:center; background:#ffc303; color:#010101; font-size:13px; font-family:"Roboto-Regular", Arial; padding:12px 0; font-weight:bold;} /* discover icons and css */ ul.road-trip {width:100%; display:block; margin:0; padding:0; background:#fff; border-radius:2px;} ul.road-trip li {float:left; margin:6px 5px; list-style:none; width:65px;} ul.road-trip li a {width:100%; display:block; text-align:center; } /*ul.road-trip li a img {width:45px;}*/ ul.road-trip li a span {width:100%; display:block; font-size:11px; color:#424242; margin:5px 0 0; text-align:center; font-family:"Roboto-Regular",Arial;} ul.road-trip li a .img-box {width:100%;display:block; text-align:center; height:30px; background-position:center !important; background-repeat:no-repeat !important; background-size:55% !important; background-position:top center; } ul.road-trip li a .img-box img {width:45px;} ul.road-trip li a .img-box.hill-station {background:url(../images/new-home-page/hill-station-gray.png);} ul.road-trip li a .img-box.beach {background:url(../images/new-home-page/beach-gray.png);} ul.road-trip li a .img-box.wildlife {background:url(../images/new-home-page/wildlife-gray.png);} ul.road-trip li a .img-box.desert {background:url(../images/new-home-page/desert-gray.png);} ul.road-trip li a .img-box.urban {background:url(../images/new-home-page/urban-gray.png);} ul.road-trip li a .img-box.rustic {background:url(../images/new-home-page/rustic-gray.png);} ul.road-trip li a .img-box.heritage {background:url(../images/new-home-page/heritage-gray.png);} ul.road-trip li a .img-box.religious {background:url(../images/new-home-page/religious-gray.png);} ul.road-trip li a .img-box.trek {background:url(../images/new-home-page/trek-gray.png);} ul.road-trip li a .img-box.water-body {background:url(../images/new-home-page/water-body-gray.png);} ul.road-trip li a .img-box.hill-station.active {background:url(../images/new-home-page/hill-station-yellow.svg);} ul.road-trip li a .img-box.beach.active {background:url(../images/new-home-page/beach-yellow.svg);} ul.road-trip li a .img-box.wildlife.active {background:url(../images/new-home-page/wildlife-yellow.svg);} ul.road-trip li a .img-box.desert.active {background:url(../images/new-home-page/desert-yellow.svg);} ul.road-trip li a .img-box.urban.active {background:url(../images/new-home-page/urban-yellow.svg);} ul.road-trip li a .img-box.rustic.active {background:url(../images/new-home-page/rustic-yellow.svg);} ul.road-trip li a .img-box.heritage.active {background:url(../images/new-home-page/heritage-yellow.svg);} ul.road-trip li a .img-box.religious.active {background:url(../images/new-home-page/religious-yellow.svg);} ul.road-trip li a .img-box.trek.active {background:url(../images/new-home-page/trek-yellow.svg);} ul.road-trip li a .img-box.water-body.active {background:url(../images/new-home-page/water-body-yellow.svg);} ul.road-trip li .discover-btn {width:100%; display:block; border-radius:0 4px 4px 0; text-align:center; background:#ffc303; color:#010101; font-size:13px; font-family:"Roboto-Regular", Arial; padding:24px 0 20px; font-weight:bold;} ul.road-trip li.last {margin:0; width:160px; } .tab-content .help-block{padding-top: 5px !important; padding-left: 0px; text-align: left;font-size: 12px;color: #ffc303; position:absolute; left:0; bottom:-62px; margin-bottom:0 !important;} .tab-content .help-block-interest{text-align:center !important; padding-top: 0px !important; padding-left:0px; font-size: 12px;color: #ffc303; width:100%; position:absolute; left:0; bottom:4px; margin:0;} /*seo and planner*/ .seo-planner {width:100%; display:block; background:url(../images/new-home-page/planner-bg.jpg); margin:0 0 50px 0; padding:35px 0 50px;} .home-seo-text {background:#ecf0f1; float:left !important;} .planner {background:#f5f7f8; float:right !important;} .seo-text {font-family:"Roboto Regular", Arial; font-size:14px; line-height:24px; color:#424242; width:100%; text-align:justify;} .seo-box {width:97%;} .planner-box {width:94%; margin:0 0 0 6%;} ul.planner-icon {width:100%; display:block; margin:0; padding:0; text-align:center;} ul.planner-icon li {width:16%; list-style:none; display: inline-block;} ul.planner-icon li .icon-box {width:100%; text-align:center; padding:30px 0px;} ul.planner-icon li .icon-box img {display:block; margin:0 auto; border:3px solid #fff; border-radius:100%;} ul.planner-icon li .icon-box span {display:block; color:#fff; font-size:16px; font-family:"Roboto-Regular",Arial; margin:10px 0 0 0; text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.8);} .seo-planner-space {display:none;} /*trips created container*/ .new-banner {width:100%; display:block; margin:100px 0 50px 0;} .new-banner img {width:100%;} .trips-created-container { background:#ecf0f1; width:100%; display:block; margin:0px; padding:30px 0 30px;} .trips-created-container .col-md-4 {margin-bottom:30px;} .trips-created-container .col-md-4:nth-last-child(-n+3) {margin-bottom:0;} .trips-created-box {width:100%; display:block; margin:0; padding:0; border:4px solid #fff; border-radius:4px; box-shadow: 1px 1px 5px #d4d6d7; overflow:hidden;} .trips-created-box:hover .trip-img img {-webkit-transform: scale3d(1.2, 1.2, 1); transform: scale3d(1.2, 1.2, 1);} .trips-created-box a {display:block;} .trips-created-box .trip-img {width:100%; display:block; position:relative;} .trips-created-box .trip-img img {height:283.66px; width:100%; -webkit-transition: all 0.5s linear; transition: all 0.5s linear; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);} .trip-img .trip-creator {position:absolute; top:10px; right:10px; width:53px; z-index:1; } .trip-img .trip-creator img {border-radius:100%; height:53px; width:100%; box-shadow:1px 2px 1px #a3acb3; transform:none !important; border:3px solid #fff;} .trips-created-box .trip-text {width:100%; display:block; position:relative; padding:15px; background:#fff; } .trip-text .trip-name {width:206px; color:#424242; font-size:16px; text-overflow:ellipsis; overflow:hidden; line-height:20px; height:42px;} .trip-text .trip-name span {display:block; font-weight:normal; font-size:15px;} .trip-text .lable {position:absolute; background:#ff7f01; right:-4px; bottom:20px; padding:7px 18px 7px 13px;} .lable ul {width:100%; display:block; margin:0; padding:0;} .lable ul li {display:inline-block; color:#ffc387; font-size:14px; list-style:none;} .lable ul li:first-child {margin-right:13px;} .lable ul li i {font-size:15px; width:18px;} .view-all {width:145px; display:block; border-radius:4px; border:1px solid #0786ac; background:none; font-size:14px; text-transform:uppercase; text-align:center; color:#0786ac; padding:8px 0; margin:0px auto 0 ; -webkit-transition: background-color 2s ease-out; -moz-transition: background-color 0.2s ease-out; -o-transition: background-color 0.2s ease-out; transition: background-color 0.2s ease-out;} .view-all:hover {background:#0786ac; color:#fff;} /*forum feed and home packages*/ .forum-feed-packages {width:100%; display:block; margin:0 0 50px; padding:0;} .home-forum-feed {float:left !important;} .home-advertisement {float:right !important;} .home-advertisement-box {width:100%; display:block; margin:0 auto; border:4px solid #fff; border-radius:4px; box-shadow:1px 1px 5px #d4d6d7; position:relative;} .home-advertisement-box .img-box {width:100%; display:block;} .home-advertisement-box .img-box a {width:100%; display:block;} .home-advertisement-box .img-box a img {width:100%;} .home-packages {float:right !important;} .home-packages-box {width:100%; display:block; margin:0 auto; border:4px solid #fff; border-radius:4px; box-shadow:1px 1px 5px #d4d6d7; position:relative;} .home-packages-box ul li a {display:block;} .home-packages-box ul {margin:0; padding:0;} .home-packages-box ul li .img-box {width:100%; display:block;} .home-packages-box ul li .img-box img {width:100%;} .home-packages-box ul li {list-style:none;} .home-packages-box .bx-next {width:17px; height:30px;right:-40px ; position:absolute; background:url(../images/new-home-page/package-next.jpg) no-repeat;} .home-packages-box .bx-prev {width:22px; height:30px; left:-40px; position:absolute; background:url(../images/new-home-page/package-prev.jpg) no-repeat; } .home-packages-box .bx-controls-direction a {outline: 0px none; text-indent: -9999px; z-index:1;} .home-packages-box .bx-controls-direction {position: absolute; bottom:58%; margin-top: 0; width:100%;} .home-packages-box .bx-pager {margin-top:0px; text-align:center; position:absolute; left:0; bottom:-2px; z-index:99; width:100%;} .home-packages-box .bx-pager-item {display: inline; top:0;} .home-packages-box .bx-pager-item a.active {background-position: -15px 0; background:url("../images/new-home-page/pager-active.svg") no-repeat !important; } .home-packages-box .bx-pager-item a {background:url("../images/new-home-page/pager.svg") no-repeat !important; display: inline-block; height: 10px; padding:4px; position: relative; text-decoration: none; text-indent: -9999px; width: 15px; z-index:99; outline:none;} .responsive-home-packages {display:none;} .forum-feed-box {width:100%; display:block; padding:14px 0; border:4px solid #0786ac; background:#fff; border-radius:3px; box-shadow:1px 1px 5px #d4d6d7; } .forum-feed-box-inner {width:100%; height:238px !important; background:#fff; } ul.home-feed-list {width:100%; display:block; margin:0px; padding:0; } ul.home-feed-list li {display:block; width:100% !important; margin:0 0 1px; position:relative; height:auto; /*border-bottom:1px solid #0786ac;*/ padding:15px 25px 0px 30px; background:#fff;} ul.home-feed-list li:before {content: "•" !important; color:#ff7f01; font-size:30px; position:absolute; top:7px; left:12px;} ul.home-feed-list li a {width:100%; display:block; color:#000; font-size:13px; font-family:"Roboto-Regular",Arial;} ul.home-feed-list li a span {color:#0786ac; font-size:14px; display:block; margin-bottom:5px; font-weight:bold; font-style:italic;} ul.home-feed-list li:first-child {padding-top:0;} ul.home-feed-list li:last-child {border-bottom:0;} ul.home-feed-list li:first-child:before {top:-7px;} .forum-feed-box .slimScrollBar {width: 8px !important; opacity: 10 !important; cursor: pointer !important; margin: 0 5px 0 0; background: #c8c6c6 !important; min-height: 100px !important; display:block !important; right:2px !important; z-index: 1 !important; height:100px !important;} /*home partners section*/ .home-partners-section {width:100%; display:block; padding:0 0 50px;} .home-partners-inner {width:100%; display:block; margin:0; position:relative;} .home-partners-inner2 {width:100%; display:block; margin:0; position:relative;} .home-partners-inner ul {width:100%; display:block; text-align:center; margin:0; padding:0;} .home-partners-inner ul li {display:inline-block; margin-right:5px; width:16%; list-style:none;} .home-partners-inner ul li:last-child {margin:0;} .home-partners-inner ul li img {width:170px; filter: grayscale(0%); -webkit-filter: grayscale(0%); filter: none;} .home-partners-inner ul li img:hover { filter: grayscale(100%); -webkit-filter: grayscale(100%); /* For Webkit browsers */ filter: gray; /* For IE 6 - 9 */ -webkit-transition: all .6s ease; /* Transition for Webkit browsers */} .home-partners-inner2 ul {width:100%; display:block; text-align:center; margin:0; padding:0;} .home-partners-inner2 ul li {display:inline-block; margin-right:5px; width:170px !important; list-style:none;} /*.home-partners-inner2 ul li:last-child {margin:0;}*/ .home-partners-inner2 ul li img {width:100%;} /*home featured on section starts*/ .home-featured-section {margin-bottom:50px; padding-top:10px;} .home-featured-on {background:url(../images/new-home-page/featured-bg.jpg) no-repeat; height:199px; background-size:cover; position:relative; } .home-featured-on-inner {width:95%; display:block; margin:0 auto; height:100px;} .left-featured {width:870px; float:left; margin:20px 0 0 0;} .left-featured ul {margin:0; padding:0; width:auto;} .left-featured ul li {display:inline-block; margin-bottom:15px; border: 1px solid #ffca21; margin-right:19px;} .left-featured ul li:nth-last-child(-n+5) {margin-bottom:0;} .featured-btn-box {position:absolute; top:80px; right:48px; width:150px;} .featured-btn-box a {width:100%; display:block; border-radius:4px; border:1px solid #424242; background:#ffedb4; font-size:14px; text-transform:uppercase; text-align:center; color:#000; padding: 11px 0 8px; -webkit-transition: background 0.2s ease-out; -moz-transition: background 0.2s ease-out; -o-transition: background 0.2s ease-out; transition: background 0.2s ease-out;} .featured-btn-box a:hover {background:#424242; color:#fff;} .home-featured-section-heading {width:100%; text-align:left; display:none; color:#424242; font-size:24px; position:relative; padding-bottom:25px; font-weight:normal;} .home-featured-section-heading:after {content: "."; height: 31px; width:101px; background: url(../images/new-home-page/car-trip.png) no-repeat left top; color: #fff; position: absolute; top: -6px; right: auto;} /*new home page css ends*/ /*home featured packages section starts*/ .home-featured-packages-section {width:100%; display:block; margin:0 0 40px 0; padding:0; background:#fff; text-align: center;} .home-package-container {width:100%; display:block; margin:0; padding:0; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.30); transition: box-shadow 0.3s ease-in-out;} .home-package-container:hover {box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);} .home-package-container a {width:100%; display:block; margin:0; padding:0;} .home-package-container .home-pack-img-box {width: 100%; display: block; position: relative; overflow: hidden !important; height:170px; border-radius:5px 5px 0 0; border:3px solid #fff;} .home-package-container .home-pack-img-box img {width:100%; transform: scale(1.1); transition: all 0.3s ease-in-out;} .home-package-container:hover .home-pack-img-box img {transform: scale(1);} .home-pack-img-box .package-gradient {background:linear-gradient(transparent 0, rgba(0, 0, 0, .1) 50%, rgba(0, 0, 0, .75) 100%); height: 100%; bottom:0; z-index: 2; border-radius:5px 5px 0 0; width: 100%; position: absolute; left: 0;} .home-pack-img-box .price-tag {position:absolute; max-width:100px; padding:3px 5px; background:#ff7f01; color:#fff; font-size:14px; bottom:10px; left:0; z-index:3; font-weight:bold; min-width:65px; font-family:"Roboto-Regular",Arial;} .home-pack-img-box .price-tag i {margin:0 3px 0 0;} .home-package-container .package-content-box {width:100%; display:block; border-radius:0 0 5px 5px; /*border:1px solid #dce0e0;*/ border-top:0; padding:10px;} .package-content-box .package-name {width:100%; display:block; color:#000; font-weight:bold; font-size:16px; font-family:"Roboto-Regular",Arial; text-align:left; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} .package-content-box p {width:100%; display:block; color:#6d6c6c; font-style:13px; line-height:18px; text-align: left;} .package-content-box .package-bottom-row {width:100%; display:block; margin:5px 0 0 0; padding:0;} .package-bottom-row .rating-div {float:left; margin:0; padding:0;} .package-bottom-row .rating-div i {margin:0; color:#ffc500; font-size:14px;} .package-bottom-row .rating-div i:last-child {margin:0;} .package-bottom-row .days {float:right; font-size:16px; color:#4e4c4c; font-weight:bold; text-transform: capitalize;} .home-package-scroller {width:100%; display:block; margin:-150px auto 0; padding:0; position:relative; overflow: visible !important;} .home-package-scroller .bx-controls-direction a {outline: 0;text-indent: -9999px; z-index: 1; background-color:#fff; padding:18px; display:block; width:27px; height:27px; position:absolute; top:18%; background-size:21px; background-position:center center;} .home-package-scroller:hover .bx-controls-direction a {display:block;} .home-package-scroller .bx-prev {left:-32px; background: url(/images/new-home-page/featured-prev-arrow.svg) center center no-repeat; border-radius:3px 0px 0px 3px;} .home-package-scroller .bx-next {right:-32px; background: url(/images/new-home-page/featured-next-arrow.svg) center center no-repeat; border-radius:0px 3px 3px 0px;} .package-content-box a {display:block; text-decoration:none;} .home-package-scroller ul li {height:auto; padding:0 3px 20px 3px; display:block; } /*home feature packages section ends*/ /*common headings*/ .common-heading1 {width:auto; display:block; color:#424242; text-transform:uppercase; font-size:20px; position:relative; font-weight: bold; padding-bottom:10px; padding-left:25px; border-bottom:1px solid #e7e3e3;} .common-heading1:after {content:""; height: 31px; width:101px; background: url(../images/white-car.jpg) no-repeat left top; color: #fff; position: absolute; top: -3px; right: auto;} .home-common-heading1 {width:auto; display:block; color:#424242; font-size:24px; position:relative; padding-bottom:25px; font-weight:normal;} .home-common-heading1:after {content:""; height: 31px; width:101px; background: url(../images/new-home-page/car-trip.png) no-repeat left top; color: #fff; position: absolute; top: -6px; right: auto;} .home-common-heading1 br {display:none;} .double-heading1 {width:auto; display:block; color:#424242; font-size:24px; position:relative; padding-bottom:25px; font-weight:normal;} .double-heading1 span {width:auto; display:block; color:#8a8c8d;} .double-heading1:after {content:""; height: 31px; width:101px; background: url(../images/new-home-page/car-trip.png) no-repeat left top; color: #fff; position: absolute; bottom:31px; right: auto;} .double-heading2 {width:auto; display:block; color:#424242; font-size:24px; position:relative; padding-bottom:25px; font-weight:normal; text-align:center;} .double-heading2 span {width:auto; display:block; color:#8a8c8d;} .double-heading2:after {content:""; height: 31px; width:101px; background: url(../images/new-home-page/car-trip.png) no-repeat left top; color: #fff; position: absolute; bottom:31px; right: auto;} .home-double-heading2 {width:auto; display:block; color:#424242; font-size:24px; position:relative; padding-bottom:25px; font-weight:normal; text-align:center;} .home-double-heading2 span {width:auto; display:block; color:#8a8c8d; position:relative;} .home-double-heading2:after {content:""; height: 31px; width:101px; background: url(../images/new-home-page/car-trip.png) no-repeat left top; color: #fff; position: absolute; bottom:31px; right: auto;} .home-double-heading2 span:after {content:""; height: 31px; width:101px; background: url(../images/new-home-page/car-trip.png) no-repeat left top; color: #fff; position: absolute; bottom:7px; right:-98px; display:none;} .sub-common-heading1 {width:100%; display:block; color:#3c3c3c; font-size:20px; padding:0 0 20px 0; margin:0;} .common-heading2 {width:auto; display:block; color:#424242; font-size:24px; position:relative; padding-bottom:25px; font-weight:normal; border-bottom:1px solid #ddd;} .common-heading2:after {content:""; height: 31px; width:101px; background: url(../images/new-home-page/car-trip.png) no-repeat left top; color: #fff; position: absolute; top: -6px; right: auto;} .common-heading3 {width:auto; display:block; color:#424242; font-size:24px; position:relative; text-align:center; padding-bottom:25px; font-weight:normal; margin:0;} .common-heading3:after {content:""; height: 31px; width:101px; background: url(../images/new-home-page/car-trip.png) no-repeat left top; color: #fff; position: absolute; top: -6px; right: auto;} .home-common-heading3 {width:auto; display:block; color:#424242; font-size:24px; position:relative; text-align:center; padding-bottom:25px; font-weight:normal; margin:0;} .home-common-heading3:after {content:""; height: 31px; width:101px; background: url(../images/new-home-page/car-trip.png) no-repeat left top; color: #fff; position: absolute; top: -6px; right: auto;} .inner-common-heading1 {width:auto; display:block; color:#424242; font-size:24px; position:relative; padding-bottom:25px; font-weight:normal;} .inner-common-heading1:after {content:""; height: 31px; width:101px; background: url(../images/new-home-page/car-trip.png) no-repeat left top; color: #fff; position: absolute; top: -6px; right: auto;} .long-heading1 {width:auto; display:block; color:#424242; font-size:24px; position:relative; padding-bottom:25px; font-weight:normal;} .long-heading1:after {content: ""; height: 31px; width:101px; background: url(../images/new-home-page/car-trip.png) no-repeat left top; color: #fff; position: absolute; top: -6px; right: auto;} .long-heading1 br {display:none;} .home-feed-heading1 {width:auto; display:block; color:#424242 ; font-size:24px; position:relative; padding:10px 10px 15px 10px; font-weight:normal; margin:0;} .home-feed-heading1:after {content: ""; height: 31px; width:101px; background: url(../images/new-home-page/car-trip.png) no-repeat left top; color: #fff; position: absolute; top: 2px; right: auto; } .slimScrollDiv { height: 238px !important;} .scout-row a.message-expert {display:inline-block; margin:5px; padding:5px 8px; background:#ffc303; border:1px solid #ffc303;text-decoration:none; border-radius:17px; text-align:center; color:#484848;font-size:12px; font-weight:700;width:115px;} .scout-row a.message-expert:hover {text-decoration:none;} .scout-row .fa {display:inline-block; margin:0px; padding:5px 8px; text-decoration:none; border-radius:17px; text-align:center; font-size:14px; font-weight:500;width:26px; color:#fff; background: url(../images/packages/photos/caption-bg.png); } .scout-banner img {height:215px; width:100%;} /*commaon pre-post-login css*/ .comman-banner-pre-login, .comman-banner-post-login {padding-top:0px !important;} .comman-pre-login {padding-top:0px;} .footer-line {width:100%; display:block; border-bottom:1px solid #424242; padding-top:20px; padding-bottom:20px; background:#282828;} .footer-contact-container{width:1170px; display:block; margin:0 auto; padding:0;} .footer-contact-box {width:100%; display:table-cell; height:50px; position:relative; padding:0 0 0 60px; color:#fff; font-weight:normal; font-size:16px; vertical-align:middle;} .footer-contact-box img {position:absolute; top:0; left:0; } .footer-contact-box a {width:auto; display:inline-block; color:#fff; text-decoration:none;} .footer-contact-box span {display:inline-block; margin:0 8px;} .footer-contact-box br {display:none;} .footer-contact-box a.tel {display:inline;} /*whatsapp chat icon css*/ .whatsapp-icon {bottom:85px; right:15px; width:66px; position:fixed; z-index:99;} .whatsapp-icon img {width:100%;} .whatsapp-icon a {display:block;} /* */ .for-desktop {display:block !important;} .for-responsive {display:none !important;} .top-menu-dropdown {} .top-menu-dropdown .dropdown-menu {display:none !important; top:100% !important; border-radius:4px !important; background-image: url("/images/menu-dropdown-bg.png"); background-color: transparent;} .top-menu-dropdown:hover .dropdown-menu {display:block !important;} .top-menu-dropdown .dropdown-menu li {padding:0px 5px 0px 5px; border-left:4px solid transparent;} .top-menu-dropdown .dropdown-menu li:hover {border-color:#ff7f01;} .top-menu-dropdown .dropdown-menu li a .link-box {display:block; padding:5px 0; color:#fff; font-size:14px; text-transform:capitalize; border-bottom:1px solid #707375;} .top-menu-dropdown .dropdown-menu li:hover a .link-box {color:#ffc303;} .top-menu-dropdown .dropdown-menu li:last-child a .link-box {border:0;} .top-menu-dropdown .dropdown-menu .arrow-base {width:100%; display: block; position:relative;} .top-menu-dropdown .dropdown-menu .arrow-base:before {bottom:5px; left: 15%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none;} .top-menu-dropdown .dropdown-menu .arrow-base:before {border-bottom-color: rgba(0, 0, 0, 0.9); border-width:7px;} .about-text-container {width:100%; background:#fff; text-align:justify; font-size:16px; color:#424242; line-height:20px; padding:20px; border-radius:4px; box-shadow:1px 1px 5px #d4d6d7;} .new-trip-overview {width:100%; display:block; margin:30px 0; padding:15px; background:#fff; border-radius:4px; height:auto; position:relative; box-shadow:1px 1px 5px #d4d6d7;} .trip-itinerary-detail {width:100%; display:block; margin:0; padding:0; height:auto; position:relative;} .trip-itinerary-detail .day-container {width:100px; float:left; height:auto; max-height:520px; overflow-y:auto; direction: rtl; padding:0; margin:78px 0 0 0; } .trip-itinerary-detail .day-container .day-box {width:68px; display:block; position:relative; text-align:center; background:#fff; direction:ltr; margin:2px 0 2px 14px; float:left;} @-moz-document url-prefix() { .trip-itinerary-detail .day-container .day-box {margin:2px 0 2px 0px;} } .trip-itinerary-detail .day-container .day-box a {width:100%; display:block; position: relative; padding:8px 0; color:#424242; font-size:14px; background-color:#f1f1f1; margin-left:7px; border-radius:4px;} .trip-itinerary-detail .day-container .day-box.active a{background:#ff7f00; color:#fff;} .trip-itinerary-detail .day-container .day-box a:after {left: 100%; top:32%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none;} .trip-itinerary-detail .day-container .day-box a:after { border-color: rgba(136, 183, 213, 0); border-left-color:#ff7f00; border-width:7px; display: none; } .trip-itinerary-detail .day-container .day-box.active a:after {display:block;} .trip-itinerary-detail .day-detail {width:1010px; float:left; height:auto; background:#fff; position: relative;} .day-detail .top-action {position:absolute; top:46px; right:8px;z-index: 10;} .top-action .select-day {float:left; font-size: 12px; color:#0786ac; font-weight:bold; text-decoration: none; display:none;} .new-trip-overview .bottom-action {position:static; text-align:right; padding:15px 0 0 0; border-top:1px solid #ccc; margin:20px 0 0 115px;} ul.prev-next {width:auto; margin:0; padding:0;} ul.prev-next li {display:inline-block; margin:0 5px 0 0; padding:0;} ul.prev-next li:last-child {margin:0;} ul.prev-next li a {display:block; color:#0786ac; font-size:12px; font-weight:bold; text-decoration: none;} ul.prev-next li a.inactive {color:#ccc;pointer-events: none;} .day-detail .inner-day-detail {width:100%; display:block; margin:0; padding:0; position:relative;} .inner-day-detail .day-heading {width:95%; display:block; margin:0 auto; padding:0 0 10px; text-align:center; color:#ff7f00; font-size:25px; font-family:"Roboto-Medium", Arial; border-bottom:1px solid #ccc;} ul.day-heading-info {width:auto; text-align:center; margin:0; padding:0;} ul.day-heading-info li {display:inline-block; margin:0 5px 0 0; padding:0 0 0 24px; position: relative; font-family:"Roboto-Regular",Arial; font-size:12px; color:#424242;} ul.day-heading-info li img {position:absolute; top:0; left:0;} ul.day-heading-info li span {display:block; padding:2px 0 0 0;} ul.day-heading-info li:last-child {margin:0;} .inner-day-detail .day-itinerary-container {width:100%; display:block; margin:20px 0 0 0; padding:0; overflow-y:auto; height:auto; max-height:512px; } .day-itinerary-container .itinerary-display-container {width:90%; display:block; margin:0 auto 0; padding:0; border-left:1px solid #ccc;} .itinerary-display-container .day-itinerary-box {display:block; width:100%; position: relative; padding:0px 0 30px 26px; margin:30px 0; z-index:1;} .itinerary-display-container .day-itinerary-box .strip {width:100px; position:absolute; top:32px; left:0; height:1px; background-color:#ccc; z-index:-1;} .itinerary-display-container .day-itinerary-box:first-child {margin-top:0;} .itinerary-display-container .day-itinerary-box:last-child {padding-bottom:0; margin-bottom:0;} .itinerary-display-container .day-itinerary-box .km-time {position:absolute; top:-38px; left:-8px; } .itinerary-display-container .day-itinerary-box .km-time .inner-km-time {position: relative; background:#fff;padding:2px; color:#7c7c7c; font-size:11px; font-family:"Roboto-Regular",Arial; font-weight:bold; padding-left:25px;} .itinerary-display-container .day-itinerary-box .km-time .inner-km-time img {position:absolute; top:0; left: 0;} .day-itinerary-box .inner-day-itinerary-box {border-radius:4px; background-color:#f1f1f1; margin:0; padding:20px;} .inner-day-itinerary-box .poi-img {position: absolute; top:12px; left:-19px; background:#fff; padding:1px;} .inner-day-itinerary-box .poi-heading-row {width:100%; display:block;} .poi-heading-row .poi-heading {float:left; font-size:15px; color:#424242; font-weight:bold;} .poi-heading-row .poi-rating {float:left; position: relative; padding:0 0 0 15px; color:#424242; font-size:12px; margin:4px 0 0 10px;} .poi-heading-row .poi-rating img {position:absolute; top:1px; left:0;} .inner-day-itinerary-box .poi-info-row {width:100%; display:block; margin:0; padding:0; position: relative;} .rate-this-row {width:100%; display:block; margin:0; padding:0; position: relative;} .rate-this-row .rate-this {width:150px; border-radius:4px; padding:7px 0; text-align: center; color:#fff; text-decoration:none; font-family: "Roboto-Medium",Arial; background-color: #ff7f01; text-transform: uppercase; display:block; font-size:12px;} .poi-info-row .text-container {width:50%; float: left; margin:15px 0 0px 0; padding-right:20px; } .poi-info-row .text-container p {font-size:12.5px; color:#424242; line-height:20px;font-family:"Roboto-Regular",Arial; padding:0; margin:0 0 10px 0; min-height:auto; text-align:justify;} .poi-info-row .text-container p a {text-decoration: underline;font-size: 12px; color:#0786ac; font-weight:bold; display:block; margin:10px 0 0 0;} .poi-info-row .photo-container {width:50%; float:left; margin:15px 0 10px 0;} .poi-info-row .photo-container .photo {width:98%; height:180px; border:4px solid #fff; border-radius:4px; box-shadow: 1px 1px 5px #d4d6d7; background-image: url(../images/itinerary-detail/photo.jpg); background-size:cover; background-position:top left;} .poi-info-row .res-photo-container {width:100%; margin:0; display: none;} .poi-info-row .res-photo-container .photo {width:100; height:180px; border:4px solid #fff; border-radius:4px; box-shadow: 1px 1px 5px #d4d6d7; background-image: url(../images/itinerary-detail/photo.jpg); background-size:cover; background-position:top left;} .responsive-day-container {width:100%; display:block; margin:0; padding:0; overflow-y: auto; height:300px;} ul.day-list {width:100%; display:block; margin:0; padding:0;} ul.day-list li {width:100%; display:block; } ul.day-list li a {width:100%; padding:10px; font-size:14px; color:#424242; position:relative; border-bottom:1px solid #ccc; display:block; font-weight:bold;} ul.day-list li a img {position:absolute; top:12px; right:10px; display: none;} ul.day-list li a.active {background:#ff7f00; color:#fff; border-color:#ff7f00;} ul.day-list li a.active img {display:block;} ul.day-list li:last-child a {border-bottom:0;} .day-list-header {padding:15px !important;} .day-list-header .close {color:#fff; background:#424242; border:1px solid #fff; margin-top: -7px; margin-right: -7px; padding:1px 1px 2px 1px; border-radius:100%; opacity:1; width:25px;} ul.footer-address {width:100%; display:block; margin:0; padding:0; text-align:center;} ul.footer-address li {display:inline-block; margin:0; padding: 0; } ul.footer-address li:first-child {margin:0 10% 0 0; padding:0;} /*new year css - rohan 27th dec 2018*/ .balloon > div {width:200px; height:auto; background: @gps-burg; border-radius:0; border-radius:80% 80% 80% 80%; margin: 0 auto; position:relative; padding:10px; box-shadow:inset 17px 7px 10px @gps-burg; -webkit-transform-origin: bottom center;} .balloon > div:nth-child(1){left: 0; box-shadow:inset 10px 10px 10px darken(black 10%); -webkit-animation:balloon1 6s ease-in-out infinite; -moz-animation:balloon1 6s ease-in-out infinite; -o-animation:balloon1 6s ease-in-out infinite; animation:balloon1 6s ease-in-out infinite;} .balloon > div:nth-child(1):before {color:#0187ae !important ;} #fireworks canvas {width:200px !important; top:auto !important; height:157px !important;bottom:20px !important;} .balloon > div:before {color:@gps-burg; position:relative;bottom:-11px; left: 52px; content:"▲";font-size:1em; display:none !important;} .span-balloon {font-size: 27px; color: white; position: relative; top: 30px;left:0%; display:block;width:100%; text-align:center;} .span-balloon img {width:100%;} /*BALLOON 1 4*/ @-webkit-keyframes balloon1 { 0%,100%{ -webkit-transform:translateY(0) rotate(-6deg);} 50%{ -webkit-transform:translateY(-20px) rotate(8deg); } } @-moz-keyframes balloon1 { 0%,100%{ -moz-transform:translateY(0) rotate(-6deg);} 50%{ -moz-transform:translateY(-20px) rotate(8deg); } } @-o-keyframes balloon1 { 0%,100%{ -o-transform:translateY(0) rotate(-6deg);} 50%{ -o-transform:translateY(-20px) rotate(8deg); } } @keyframes balloon1 { 0%,100%{ transform:translateY(0) rotate(-6deg);} 50%{ transform:translateY(-20px) rotate(8deg); } } .balloon {position:fixed; left:0; bottom:0px; z-index: 2;} @media (max-width:767px){ .balloon > div {width:132px;} #fireworks canvas {bottom:0 !important; width: 100px !important; height: 95px !important;} } /*home banner section css*/ .home-banner-section {width:100%; margin:0px auto 40px; padding:0; display:block;} .home-banner-section .left-banner {width:25%; display:block; margin:0; padding:12px; float: left; position:relative;} .home-banner-section .middle-banner {width:50%; display:block; margin:0; padding:5px; float:left; position:relative;} .home-banner-section .middle-banner .strip {position:absolute; top:34%; left:5px; width:375px; text-align:center;} .home-banner-section .middle-banner .strip .top-strip {width:100%; display:block; margin:0; padding:3px 0; color:#fff; letter-spacing:1px; font-size:16px; text-transform:uppercase; background:#0b447b;} .home-banner-section .middle-banner .strip .bottom-strip {width:100%; display:block; margin:0; padding:10px 0; color:#fff; font-weight:bold; font-size:19px; background:#ff8000; font-family:"Raleway-Regular",Arial;} .home-banner-section .middle-banner .strip .bottom-strip span {font-family:"Roboto-Medium",Arial; font-size:22px;} .home-banner-section .middle-banner .strip .bottom-strip .coupon {width:90%; display:block; margin:5px auto 0; padding: 5px 0 0 ; color:#fff; font-size:12px; border-top:1px solid #f7b879; font-weight: normal; text-align: center; font-family:"Roboto-Regular",Arial;} .home-banner-section .middle-banner .res-top-strip {width:100%; display:none; margin:0; padding:5px 0; position:absolute; top:0; left:0; background-image: url(../images/new-home-page/banner-res-bg.png); text-transform:uppercase;} .home-banner-section .right-banner {width:25%; display:block; margin:0; padding:12px; float:left; position:relative;} .home-banner-section .left-banner a img {width:100%;} .home-banner-section .middle-banner a img {width:100%;} .home-banner-section .right-banner a img {width:100%;} .home-banner-section .left-banner a {display:block;} .home-banner-section .middle-banner a {display:block;} .home-banner-section .right-banner a {display:block;} .home-banner-section .right-banner .strip {width:163px; padding:10px; position:absolute; text-align: center; font-size:19px; font-weight:bold; top:40%; right:-10px; background:#ff8000; color:#fff; font-family:"Raleway-Regular",Arial;} .home-banner-section .right-banner .top-strip {position:absolute; top:0; left:0; width:100%; padding:0 12px;} .home-banner-section .right-banner .bottom-strip {position:absolute; bottom:-10px; left:0; width:100%; padding:0 12px;} .in-strip {text-align:center; font-size:16px; color:#fff; letter-spacing:1px; width:100%; display:block; padding:3px 0; margin:0 auto; background:#0b447b;} .home-banner-section .left-banner .strip {width:163px; padding:10px; position:absolute; text-align: center; font-size:19px; font-weight:bold; top:40%; left:-10px; background:#ff8000; color:#fff; font-family:"Raleway-Regular",Arial;} .home-banner-section .left-banner .top-strip {position:absolute; top:0; left:0; width:100%; padding:0 12px;} .home-banner-section .left-banner .bottom-strip {position:absolute; bottom:-10px; left:0; width:100%; padding:0 12px;} .desktop-img {display:block;} .responsive-img {display:none;} /*road trip planner icons*/ .home-road-icon-section {width:100%; margin:0 auto 0px; padding:0; display:block; height:350px; background-image: url(../images/new-home-page/icon-bg.jpg); background-size:cover; background-position:center center; } .home-road-icon-section .heading {width:100%; display:block; text-align:center; margin:25px auto 0; padding:30px 0 20px; color:#fff; font-size:35px; text-shadow:0px 2px 2px rgba(0, 0, 0, 0.9);} /*feedback page css starts*/ .feedback-page-container {width:100%; display:block; margin:0; padding:130px 0 80px 0; height:auto; background-image: url(../images/feedback-form-page/feedback-page-bg.jpg); background-size:cover; background-position:center center;} .feedback-page-container .tittle {width:100%; display:block; margin:0 0 30px 0; padding:0; color:#fff; text-shadow:-1px 2px 2px rgba(0, 0, 0, 0.7); font-size:40px; font-family:"Raleway-Regular",Arial; text-align: center; font-weight:600;} .feedback-form-container {width:800px; display:block; margin:0 auto; padding:25px 15px; border-radius:5px; background-image: url(../images/feedback-form-page/feedback-form-bg.png); } .feedback-form-row {width:100%; display:block; margin:0 0 20px; padding:0;} .feedback-form-row ul {width:100%; display:block; margin:0; padding:0;} .feedback-form-row ul li {float:left; width:48%; margin:0 1%; display:block;} .feedback-form-row ul li .input-group .input-group-addon {background:#fff; border-color:#fff;} .feedback-form-row ul li .input-group .form-control {outline:none !important; border:0; padding-left:0;} .feedback-form-container .feedback-form-row:last-child {margin-bottom:0;} .feedback-form-row ul li .input-group .form-control:focus {outline:none;} .home-logo-container {width:100%; display:block; margin:0; padding:80px 0; background:#ecf0f1;} .left-logo-container {width:100%; display:block; margin:0; padding:0 30px 0 0;} .right-logo-container {width:100%; display:block; margin:0; padding:0 0 0 30px;} ul.home-logo-list {width:100%; display:block; margin:0; padding:0; } ul.home-logo-list li {width:auto; margin:0 6px 17px; padding:4px; display:inline-block; background:#fff; border:1px solid #ddd; } ul.home-logo-list li img {} ul.home-logo-list:hover img {opacity:1;} ul.home-logo-list li a {width:100%; display:block;} ul.home-logo-list li.last { position:relative; border-radius:3px;} ul.home-logo-list li.last .more {width:100%; display:block; height:100%; position:absolute; top:0; left:0; text-align:center; color:#000; font-size:16px; text-decoration:none; font-weight:bold; font-family:"Roboto-Regular",Arial; padding:17% 0 0 0;} /* cookie consent */ .cc-window.cc-floating { max-width: 100%!important;} .cc-window.cc-floating {flex-direction: inherit!important;} .cc-btn {border-radius:3px !important;} .cc-floating .cc-message {text-align:justify; margin:0 22px 0 0;}