html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
a, a:hover, a:focus, img { outline: none !important; cursor: pointer; text-decoration: none; }
a { transition-duration: 0.4s; -moz-transition-duration: 0.4s; -webkit-transition-duration: 0.4s; -o-transition-duration: 0.4s; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
body { line-height: normal; font-family: 'Open Sans', sans-serif !important; font-size: 14px; color: #333; font-weight: 400; overflow-x: hidden; }
html, body { height: 100%; width: 100%; }
hr { border-top: 1px solid #fff; width: 100%; float: left; }
.blank-divider { height: 10px; width: 100%; float: left; margin: 10px 0px; }
.btn:hover { text-decoration: none; }
.btn-link:hover, .btn-link:focus { text-decoration: none !important; }
/*------themes------*/
strong { font-weight: bold; }
.mrg-0 .select-dropdown { margin-bottom: 0px !important; }
.width-auto { width: auto !important; }
.mrg-left-right-10 { margin: 0 10px; }
.mrg-right-15 { margin-right: 15px !important; }
.mrg-left-15 { margin-left: 15px !important; }
.mrg-top-15 { margin-top: 15px !important; }
.mrg-top-20 { margin-top: 20px !important; }
.mrg-btm-15 { margin-bottom: 15px !important; }
.mrg-btm-20 { margin-bottom: 20px !important; }
.mrg-btm-8 { margin-bottom: 8px !important; }
.mrg-top-5 { margin-top: 5px!important; }
.mrg-top-10 { margin-top: 10px !important; }
.mrg-btm-10 { margin-bottom: 10px !important; }
.mrg-0 { margin: 0px !important; }
.pad-0 { padding: 0px !important; }
.pad-left-0 { padding-left: 0px !important; }
.pad-right-0 { padding-right: 0px !important; }
.pad-btm-0 { padding-bottom: 0px !important; }
.pad-top-0 { padding-top: 0px !important; }
.pad-left-right-5 { padding: 0 5px !important; }
.pad-left-right-10 { padding: 0 10px; }
.pad10-left { padding-left: 10px; }
.pad10-right { padding-right: 10px; }
.pad-top-10 { padding-top: 10px; }
.pad-bottom-10 { padding-bottom: 10px; }
.dflex { display: flex; }
.brd-left { border-left: solid 1px #d1d1d1; }
/*--form--*/
form { width: 100%; float: left; }
.select-wrapper input.select-dropdown { background: url(../images/arrow.png) no-repeat 95% center; background-size: 10px; }
label { font-size: 12px; width: 100%; float: left; font-weight: normal; margin-bottom: 5px; }
.cell { width: 100%; float: left; margin: 5px 0; }
.textfield { width: 100%; float: left; margin: 0px; padding: 5px; color: #333; border: 1px solid #ccc; }
.listfield { width: 100%; float: left; margin: 0px; padding: 5px 20px 5px 5px; color: #333; border: 1px solid #ccc; background: #fff url(../images/arrow.png) no-repeat 95% center; background-size: 10px; -webkit-appearance: none; -moz-appearance: none; }
.textarea { width: 100%; float: left; margin: 0px; padding: 5px; color: #333; border: 1px solid #ccc; }
.input-btn { width: 100%; float: left; margin: 0px; padding: 5px 0px; text-align: center; color: #fff; text-transform: uppercase; background: #2bbbad; border: 0px; cursor: pointer; }
.input-btn-gray { width: 100%; float: left; margin: 0px; padding: 5px 0px; text-align: center; color: #333; text-transform: uppercase; background: #d4d4d4; border: 0px; cursor: pointer; }
.pline { line-height: 35px; }
.input-time { width: 80px; }
/*--form--*/
.theme-btn { background: #2bbbad; text-align: center; padding: 5px 20px; border: 0px; cursor: pointer; text-transform: uppercase; color: #fff; text-decoration: none; width: 100%; display: block; }
.theme-btn:hover { text-decoration: none; color: #fff; }
/*------main------*/
.container-fluid { padding: 0 10px; }
.divider { width: 100%; float: left; border-bottom: 1px solid #ccc; clear: both; margin: 6px 0; }
.header { background: #fff; width: 100%; float: left; height: 45px; position: fixed; top: 0; z-index: 101; border-bottom: 1px solid #ccc; -webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.2); box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.2); }
.header .center { width: 130px; margin: 0 auto; }
.header .search-icon { background: url(../images/search_icon.png) no-repeat; background-size: 22px; display: block; text-indent: -9999px; width: 22px; height: 22px; margin: 10px 0; }
.header .location-icon { background: url(../images/location_icon.png) no-repeat right center; background-size: 20px; display: block; padding-right: 25px; padding-top: 2px; width: auto; height: 22px; color: #333; float: left; margin: 10px 0 0 0; }
.header .location-icon:hover, .header .location-icon:focus { text-decoration: none; }
.header .menu-icon { background: url(../images/menu_icon.png) no-repeat; background-size: 22px; display: block; text-indent: -9999px; width: 22px; height: 22px; margin: 5px 0 0 0; }
/*
.menu { width: 210px; float: right; position: fixed; height: 100%; bottom: 0px; right: -210px; border-left: 1px solid #ccc; z-index: 99999; background: #fff; overflow: hidden; -webkit-overflow: hidden; transition-duration: 0.4s; -moz-transition-duration: 0.4s; -webkit-transition-duration: 0.4s; -o-transition-duration: 0.4s; display: none; }
.menu.open { right: 0; display: block; }
.menu .close-icon { height: 20px; width: 20px; float: right; opacity: 1; }
.menu .close-icon span { display: block; background: url(../images/close.png) no-repeat; background-size: 15px; height: 20px; width: 20px; float: right; text-indent: -9999px; opacity: 1; margin-top: 8px; margin-right: 10px; cursor: pointer; }
.menu .nav > li > a { padding: 7px 10px; text-transform: uppercase; border-bottom: 2px solid #fff !important; border: 0px; color: #333; }
.menu .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { border-bottom: 2px solid #2bbbad !important; border: 0px; }
*/

.user-profile .uprofile { color: #333; }
.user-profile .uprofile span { margin-top: 9px; float: left; }
.user-profile .uprofile img { margin-top: 7px; margin-left: 5px; float: right; }
.user-card { width: 100%; float: left; }
.user-pic { float: left; margin-right: 10px; }
.signout { background: url(../images/signout_icon.png) no-repeat left center; background-size: 14px; padding-left: 18px; color: #fff !important; margin: 5px 0px; display: flex; }
.nav-menu li { margin: 15px 10px; }
.nav-menu a { color: #333; text-transform: uppercase; display: block; }
.nav-menu a span { background: #ff4343; height: 20px; width: 20px; color: #fff; right: 10px; position: absolute; text-align: center; vertical-align: middle; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.nav-menu .active a { color: #2bbbad; }
.nav-menu a:hover, .nav-menu a:focus { color: #2bbbad; text-decoration: none; }
.nav > li > a:hover, .nav > li > a:focus { background: #fff; text-decoration: none; }
.nav-tabs > li { margin-bottom: 0px; }
.menu .tab-pane { padding: 15px; }
.menu .tab-pane p { width: 100%; float: left; }
.menu .fb { background: #13559f; font-size: 11px; }
.menu .twt { background: #00c0e9; font-size: 11px; }
.menu .gplus { background: #eb4444; font-size: 11px; }
.menu .logo { position: absolute; bottom: 10px; width: 100%; }
.menu .logo img { width: 180px; }
.main-content { width: 100%; float: left; margin-top: 45px; }
.royalSlider { font-size: 20px; height: calc(100vh - 40px) !important; width: 100% !important; text-align: center; }
.royalSlider-fav { font-size: 20px; height: calc(100vh - 180px) !important; width: 100% !important; text-align: center; }
.royalSlider .rsTextSlide { height: 100%; overflow-y: auto; width: 98%; margin: 0 auto; }
.rsDefault, .rsDefault .rsOverflow, .rsDefault .rsSlide, .rsDefault .rsVideoFrameHolder, .rsDefault .rsThumbs { background-color: transparent !important; }
.rsDefault .rsBullets { display: none; }
figure { width: 99%; margin: 0 2px 2px 2px; border: 1px solid #e5e5e5; }
div.stretchy-wrapper { width: 100%;  /*	padding-bottom: 56.25%; 16:9 */ /*padding-bottom: 75%;  4:3 */ padding-bottom: 66.66%; /* adjusted */ position: relative; background: black; overflow: hidden; }
div.stretchy-wrapper > div { position: absolute; top: 0; bottom: 0; left: 0; right: 0; color: white; font-size: 24px; text-align: center; }
div.stretchy-wrapper > div img { width: 100%; }
div.stretchy-wrapper span { position: absolute; bottom: 0; background: #dadada; color: #333; width: 100%; left: 0; text-align: left; padding: 5px; }
div.stretchy-wrapper h1 { font-size: 14px; margin: 0px; float: left; width: 100%; font-weight: 600; }
div.stretchy-wrapper p { font-size: 12px; margin: 0px; float: left; width: 100%; }
div.stretchy-wrapper:hover .back { display: block; }
div.stretchy-wrapper .back p:nth-child(4n) { margin: 5px 0; }
div.stretchy-wrapper .back a { color: #333; }
div.stretchy-wrapper .back { width: 100%; height: auto; display: none; position: absolute; top: 0; left: 0; bottom: 0; float: left; background: #fff; cursor: pointer; color: #333; padding: 10px; text-align: left; }
div.stretchy-wrapper .back .input-btn, div.stretchy-wrapper .back .input-btn-gray { font-size: 12px; }
div.stretchy-wrapper .back .input-btn:hover, div.stretchy-wrapper .back .input-btn-gray:hover { text-decoration: none; }
div.stretchy-wrapper i { background: #444; border-radius: 100px; color: #fff; float: right; padding: 2px 8px; position: absolute; right: 5px; bottom: 6px; }
div.stretchy-wrapper i.down { background: #444; border-radius: 100px; color: #fff; float: left; padding: 2px 8px; position: relative; left: 0px; top: 0px; margin-top: 2px; }
div.stretchy-wrapper i.flip { background: #dadada; border-radius: 100px; color: #333; float: left; padding: 2px 8px; position: relative; left: 0px; top: 6px; }
.mobile_thumbnail div.stretchy-wrapper:hover .back { display: none; }
.thumbnail .input-btn, .thumbnail .input-btn-gray { font-size: 12px; }
.thumbnail .input-btn:hover, .thumbnail .input-btn-gray:hover { text-decoration: none; }
.filter { width: 100%; float: left; background: #fff; z-index: 100; position: fixed; top: -180px; min-height: 60px; -webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.2); box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.2); left: 0; right: 0; transition-duration: 0.4s; -moz-transition-duration: 0.4s; -webkit-transition-duration: 0.4s; -o-transition-duration: 0.4s; }
.open_search { top: 45px !important; border-bottom: 1px solid #ccc; }
.sort_by_event open_sort_by .filter { z-index: 101; }

.sort_by_event .content, .sort_by_offer .content { display: none; padding: 0px; width: auto; float: none; }

.sort_by_offer { width: 100%; float: left; background: #fff; z-index: -1; position: fixed; min-height: 0px; height: 0px;-webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.2); box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.2);  transition-duration: 0.4s; -moz-transition-duration: 0.4s; -webkit-transition-duration: 0.4s; -o-transition-duration: 0.4s; top:0;}
.sort_by_event { width: 100%; float: left; background: #fff; z-index: -1; position: fixed; min-height:0px; height:0; -webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.2); box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.2); transition-duration: 0.4s; -moz-transition-duration: 0.4s; -webkit-transition-duration: 0.4s; -o-transition-duration: 0.4s; top:0; }
.open_sort_by { top:148px; z-index:100; min-height:40px; height:auto;}


.sort_by_event.open_sort_by .content, .sort_by_offer.open_sort_by .content { display: block; }
.sort_by_offer.open_sort_by { z-index: 100; }
.search_input { background: url(../images/search_icon.png) no-repeat 97% center; background-size: 18px; }
.date_input { background: #fff url(../images/tab_event_icon.png) no-repeat 97% center; background-size: 18px; }
/*binal */
.loc {
    position: relative;
}
.location_input {
    background: rgba(0, 0, 0, 0) url("../images/location_icon.png") no-repeat scroll 97% center / 18px auto;
    display: block;
    height: 20px;
    position: absolute;
    right: 10px;
    text-indent: -9999px;
    top: 12px;
    width: 20px;
}
/*.location_input { background: url(../images/location_icon.png) no-repeat 97% center; background-size: 18px; }*/
.center-fix { margin: 0 auto; width: 480px; padding: 6px 0; }
.center-fix .col-md-3 { width: 20%!important; }
/*#desktop-search { width: 495px; height: 45px; margin: 0 auto; float: none; }*/
#desktop-search { /*width: 639px;*/ width: auto; height: 45px; margin: 0 auto; float: none; display: table; }
/*#mobile-search { width: 100%; height: 45px; overflow: hidden; margin: 0 auto; float: none; }
#mobile-search div { width: 600px; overflow: hidden; }*/

#mobile-search { width: 100%; height: 45px; float: left; }
.sortfilter a:hover { text-decoration: none; }
.sortfilter .col-li { float: left; width: auto !important; margin-left: 10px; text-transform: uppercase; font-size: 11px; }
.nav-clear { background: url(../images/clear_icon.png) no-repeat center left; padding: 10px 10px 10px 26px; background-size: 20px; line-height: normal; color: #333; opacity: 0.3; display: block; }
.nav-all { background: url(../images/tab_home_icon.png) no-repeat center left; padding: 10px 10px 10px 26px; background-size: 20px; line-height: normal; color: #333; display: block; }
.nav-all.active { background: url(../images/tab_home_icon_act.png) no-repeat center left; background-size: 20px; }
.nav-event { background: url(../images/tab_event_icon.png) no-repeat center left; padding: 10px 10px 10px 26px; background-size: 20px; line-height: normal; color: #333; display: block; }
.nav-event.active { background: url(../images/tab_event_icon_act.png) no-repeat center left; background-size: 20px; }
.nav-vanue { background: url(../images/tab_place_icon.png) no-repeat center left; padding: 10px 10px 10px 26px; background-size: 20px; line-height: normal; color: #333; display: block; }
.nav-vanue.active { background: url(../images/tab_place_icon_act.png) no-repeat center left; background-size: 20px; }
.nav-offer { background: url(../images/tab_offer_icon.png) no-repeat center left; padding: 10px 10px 10px 26px; background-size: 20px; line-height: normal; color: #333; display: block; }
.nav-offer.active { background: url(../images/tab_offer_icon_act.png) no-repeat center left; background-size: 20px; }
.nav-story { background: url(../images/tab_story_icon.png) no-repeat center left; padding: 10px 10px 10px 26px; background-size: 20px; line-height: normal; color: #333; display: block; }
.nav-story.active { background: url(../images/tab_story_icon_act.png) no-repeat center left; background-size: 20px; }
.nav-organ { background: url(../images/organ_icon.png) no-repeat center left; padding: 10px 10px 10px 26px; background-size: 20px; line-height: normal; color: #333; display: block; }
.nav-organ.active { background: url(../images/organ_icon_act.png) no-repeat center left; background-size: 20px; }
/* binal */
.nav-karma { background: url(../images/tab_karma_icon.png) no-repeat center left; padding: 10px 10px 10px 26px; background-size: 20px; line-height: normal; color: #333; display: block; }
.nav-karma.active { background: url(../images/tab_karma_icon_act.png) no-repeat center left; background-size: 20px; }
/* binal */
.left-content { padding: 10px; float: left; /*width:100%;*/ position: relative; z-index: 90; }
.left-content h3 { text-transform: uppercase; font-size: 14px; padding-bottom: 10px; }
.left-content p { margin-bottom: 10px; }
/*.left-content .form-control { border: solid 1px #ccc; border-radius: 0px; box-shadow: none; }*/
.left-content select { border: solid 1px #ccc; padding: 5px 24px 5px 10px; line-height: auto; background: #fff url(../images/arrow.png) no-repeat 97% center; background-size: 14px 14px; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.bt-brd { border-bottom: solid 1px #cccccc; }
/*.radio-tabs { width:80px; float:left;}*/
.radio-tabs { float: left; }
.radio-tabs .inner { width: 80px; }
.radio-tabs .inner div { width: 70px; float: left; margin: 2px 0; }
.weektime { width: 350px; float: left; }
.weektime .radio-tabs { width: 100%; }
.radio-tabs div { display: inline-block; margin: 0px 0px; }
#categories { width: 100%; float: left; }
#scrolltabs { width: 100%; float: left; }
.radio-tabs input[type="radio"] { display: none; }
.radio-tabs input[type="radio"] + label { color: #333; font-family: Arial, sans-serif; font-size: 14px; text-transform: uppercase; display: inline-block; }
.radio-tabs input[type="radio"] + label span { display: inline-block; width: 70px; line-height: 30px; color: #fff; margin: -1px 4px 0 0; vertical-align: middle; cursor: pointer; text-align: center; }
.radio-tabs input[type="radio"] + label span { background-color: #c4c4c4; }
.radio-tabs input[type="radio"]:checked + label span { background-color: #2bbbad; }
.radio-tabs input[type="radio"] + label span, .radio-tabs input[type="radio"]:checked + label span { -webkit-transition: background-color 0.4s linear; -o-transition: background-color 0.4s linear; -moz-transition: background-color 0.4s linear; transition: background-color 0.4s linear; }
.open-intro { height: 20px; width: 20px; background: url(../images/intro_icon.png) no-repeat center center; background-size: 20px; display: inline-block; right: 0px; position: absolute; margin: 5px 12px; z-index: 99; }
.open-intro:hover { text-decoration: none; }
.intro-area { background: #2bbbad; padding: 15px 30px 15px 15px; color: #fff; width: 320px; height: calc(100%-45px); -webkit-height: calc(100%-45px); -moz-height: calc(100%-45px); float: right; position: fixed; right: -350px; top: 45px; bottom: 0; z-index: 99; transition-duration: 0.4s; -moz-transition-duration: 0.4s; -webkit-transition-duration: 0.4s; -o-transition-duration: 0.4s; overflow: hidden; will-change: right; -webkit-box-shadow: -2px 2px 10px 0px rgba(0,0,0,0.2); -moz-box-shadow: -2px 2px 10px 0px rgba(0,0,0,0.2); box-shadow: -2px 2px 10px 0px rgba(0,0,0,0.2); }
.intro-area h1 { margin: 2px 0 10px 0px; text-transform: uppercase; font-size: 18px; }
.intro-area p { margin-bottom: 10px; }
.close-intro { height: 20px; width: 20px; background: url(../images/white_close.png) no-repeat center center; display: block; right: 0px; position: absolute; margin: 0px 12px; }
.close-intro:hover { text-decoration: none; }
.form-horizontal .form-group { }
.form-group label { text-transform: uppercase; }
.form-control:focus { box-shadow: none; }
.form-horizontal .form-group > input[type="radio"] { margin: 0px 5px; }
.inline { display: inline-block!important; float: none; width: auto; }
/* Breadcrubs */
.breadcrumb { background: #fff; text-transform: uppercase; padding: 0px; margin-bottom: 0px; }
.breadcrumb li { padding-right: 5px; display: inline-table }
.breadcrumb li span { display: block; padding: 8px; float: left; font-size: 12px; }
.breadcrumb li.active span { background: #2bbbad; color: #fff; padding: 8px; }
.breadcrumb li.active:before { content: normal; padding: 0px; margin-left: 5px; }
.breadcrumb > li + li::before { content: normal; border-left: 1px solid #ccc !important; }
.breadcrumb > li:first-child { padding-right: 0px; }
.breadcrumb > li:last-child { padding-right: 0px; }
.browse { /*width:194px;*/ width: 100%; background: #d4d4d4; /*display:flex;*/ border: solid 1px #afafaf; }
.browse-box { background: url(../images/browse_btn.png) no-repeat center center; cursor: pointer; color: #fff; /*width:193px;*/ width: 100%; /*height:109px;*/ height: 150px; text-indent: -9999px; }
.browse-box input { left: -9999px; position: absolute; }
.browse .form-control { border: none; border-top: solid 1px #afafaf; }
.browse-btn { /*width:194px;*/ width: 100%; margin-top: 5px; font-size: 14px; }

#myTabContent .tab-content > .active { display: flex; }
#media_thumb { position: relative; height: 138px; width: 194px; margin: 0px 5px; }
#media_thumb:hover .img_actions { transition: 0.4s; opacity: 1; cursor: pointer; }
.img_actions { background: rgba(255,255,255,0.9); position: absolute; top: 0; bottom: 0; width: 193px; padding: 34px 10px; transition: 1s; opacity: 0; border: solid 1px #afafaf!important; }
.img_actions p { margin-bottom: 10px; font-weight: 600; }
.img_actions a { margin: 0px 3px; }
#week_time_tabs { width: 100%; }
/*#week_time_tabs .mCSB_container{ width:auto!important;}*/
/*.star-rating{ width: 8px !important}*/
/* Picker */
.picker .jscolor { width: 100%; border: none; /*height:112px;*/ height: 152px; text-indent: 700px; overflow: hidden; }
#select-theme { height: auto; width: auto; }
.picker label { margin-bottom: 0px; }

/* Register Steps */
.type_box { background: #2bbbad; padding: 50px 10px; margin: 10px; }
.type_box p { color: #fff; font-size: 16px; padding: 10px; }
.user_type { display: inline-block; border-radius: 100%; }
.user_type img { vertical-align: bottom!important; border-radius: 100%; }
.box-text { min-height: 200px; }
.white_btn { background: #fff; padding: 5px 20px; border: none; color: #2bbbad; font-size: 16px; }
/* Upload */

.user-circle { border-radius: 100px 100px 100px 100px; -moz-border-radius: 100px 100px 100px 100px; -webkit-border-radius: 100px 100px 100px 100px; border: 1px solid #e5e5e5; }
.user-round { border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; border: 1px solid #e5e5e5; }
div.upload { position: relative; overflow: hidden; background: #2bbbad; margin-top: 5px !important; width: 70px; height: 30px; text-align: center; }
div.upload label { color: #fff; margin-bottom: 0px; position: absolute; z-index: 1; left: 0; top: 5px; }
div.upload input { position: relative; width: 100%; float: left; font-size: 20px; cursor: pointer; opacity: 0; filter: alpha(opacity=0); padding: 5px 15px; z-index: 2; }
.round-label { background: #2bbbad; color: #fff; border-radius: 20px; padding: 5px 10px; width: 80px; text-align: center; display: block; }
.fn.round-label { float: none; display: inline-block; }
.list-tab .panel-default { box-shadow: none; border: none; }
.list-tab .panel-heading:hover { background: #f3f4f5; cursor: pointer; border-radius: 0px; }
.list-tab .panel-heading { background: none; border-radius: none; border-bottom: solid 1px #eee; }
.list-tab .panel-heading h3 { margin: 0px; padding: 0px; }
.list-tab .panel-heading span { color: #a7a7a7; }
.list-tab .panel-body { border: none!important; }
.list-tab table td { vertical-align: top!important; }
.delete { color: #ff5252; background: url(../images/delete_icon_2.png) left center no-repeat; padding-left: 18px; display: inline-block; float: left; margin-right: 10px; }
.reply { color: #2bbbad; background: url(../images/reply_icon.png) left center no-repeat; padding-left: 20px; display: inline-block; float: left; margin-right: 10px; background-size: 14px; }
.inbox_noti .panel-group .panel + .panel { margin-top: 0px !important; }
/* Booking */
.months { background: #ffffff; height: 45px; }
.months label { border-radius: 20px; padding: 6px 20px; margin-top: 6px; width: auto; }
.months label:hover { background: #2bbbad; cursor: pointer; color: #fff; }
.months a { padding: 5px 19px; color: #333; line-height: 40px; font-weight: bold; }
.months a span { padding: 4px 8px; border-radius: 15px; }
.months a:hover { text-decoration: none; }
.months a:hover span { background: #2bbbad; color: #fff; }
.time { background: #2bbbad; color: #fff; line-height: 24px; }
.list_table { background: #2bbbad; color: #fff; line-height: normal; }
.list_table > td { padding: 10px; }
.days { background: #e4e4e4; }
.days a { padding: 5px 10px; color: #333; line-height: 45px; }
.days a span { padding: 4px 8px; border-radius: 15px; }
.days a:hover { text-decoration: none; }
.days a:hover span { background: #2bbbad; color: #fff; }
.days a.active span { background: #2bbbad; color: #fff; }
.days a.prev, .days a.next { padding: 5px 10px; }
.pad_10 { padding: 12px 10px; }
.label-text { display: block; margin-left: 10px; font-weight: bold; text-transform: uppercase; }
.edit_btn { display: inline-block; height: 30px; width: 30px; margin: 5px 10px; }
.add_btn { background: url(../images/add_icon.png) no-repeat center center !important; background-size: 37px !important; width: 37px; height: 37px; display: block; text-indent: -9999px; padding: 0px !important; }
.available_block { background-color: #2bbbad; vertical-align: middle; display: table-cell; }
.not_available_block { background-color: #ff7474; vertical-align: middle; display: table-cell; }
.list_icon { display: block !important; margin: 0 !important; float: left; background: url(../images/tab_menus_icon.png) no-repeat !important; background-size: 20px !important; width: auto; background-position: 10px !important; border-bottom: 1px solid #ccc }
.calendar_icon { display: block !important; margin: 0 !important; float: left; background: url(../images/tab_event_icon.png) no-repeat !important; background-size: 20px !important; text-indent: -9999px; width: 30px; background-position: 10px !important; border-bottom: 1px solid #ccc; }
.list_icon:hover { background: #fff url(../images/tab_menus_icon_act.png) no-repeat !important; background-size: 20px !important; background-position: 10px !important; }
.calendar_icon:hover { background: #fff url(../images/tab_event_icon_act.png) no-repeat !important; background-size: 20px !important; background-position: 10px !important; }
.list_icon.active { background: #fff url(../images/tab_menus_icon_act.png) no-repeat !important; background-size: 20px !important; background-position: 10px !important; opacity: 1.0; }
.calendar_icon.active { background: #fff url(../images/tab_event_icon_act.png) no-repeat !important; background-size: 20px !important; background-position: 10px !important; opacity: 1.0; }
.booking .nav-tabs { box-shadow: none !important; border-bottom: 1px solid #ccc; }
.booking .nav-tabs a { width: auto !important; }
.booking .nav-tabs a:hover { cursor: pointer !important; }
#booking-tab { display: inline-block !important; margin: 0 !important; float: left; }
/*.left_block{width:20%;}*/
.search_b { background: #f8f8f8; border-bottom: 1px solid #c3c3c3; padding: 5px 10px; }
.search_b .btn_block { margin-top: 8px; float: left; }
.search_b .btn_block a { display: inline-block; margin: 0px 10px; color: #000; font-size: 14px; text-decoration: none; }
.search_b .form_block { float: right;/*width:80%;*/ }
.search_b .form_block label { display: inline-block; width: auto; padding: 7px; text-transform: none; margin-bottom: 0px; }
.search_b .form_block .form-control { background-color: #fff; }
.btn_green { background-color: #2bbbad !important; color: #fff; }
.data tr .edit_btn { margin: 0; }
.data tr > th { padding: 5px 10px; border: 1px solid #2bbbad !important; }
.data tr > td { padding: 5px 10px; vertical-align: middle !important; }
.data tr > td .status { border-radius: 100px; width: 130px; color: #fff; display: block; padding: 3px 0; }
.data tr > td .status.green { background-color: #00c850; }
.data tr > td .status.blue { background-color: #2bbbad; }
.data tr > td .status.red { background-color: #ff3e3e; }
.data tr > td .status.grey { background-color: #686868; }
.div_block1 { padding: 10px 0; border-bottom: 1px solid #ccc; margin-bottom: 10px; }
.div_block1 .right_block { padding-left: 5%; }
.div_block1 .right_block textarea { height: 90px; }
.div_block1 .right_block .btn_green { border: 0; padding: 5px 30px; margin-top: 15px; }
.menu_list li { margin-bottom: 10px; }
.menu_list li:last-child { text-align: right; border-top: 1px solid #ccc; margin: 10px 0; padding: 5px 0; }
.menu_list li .badge { float: right; clear: both; background-color: transparent; color: #000; }
.b_history { width: 100%; float: left; }
.b_history span { display: inline-block; margin-right: 15px; }
.b_history span.right { float: right; }
.fw_select { width: 100% !important; margin: 0 !important; }
/* Account Settings */

/*  vertical tab */
div.vertical-tab-container { z-index: 10; background-color: #ffffff; padding: 0 !important; }
div.vertical-tab-menu { padding-right: 0; padding-left: 0; padding-bottom: 0; }
div.vertical-tab-menu div.list-group { margin-bottom: 0; }
div.vertical-tab-menu div.list-group>a { margin-bottom: 0; }
div.vertical-tab-menu div.list-group>a .glyphicon, div.vertical-tab-menu div.list-group>a .fa { color: #5A55A3; }
div.vertical-tab-menu div.list-group>a:first-child { border-top-right-radius: 0; -moz-border-top-right-radius: 0; }
div.vertical-tab-menu div.list-group>a:last-child { border-bottom-right-radius: 0; -moz-border-bottom-right-radius: 0; }
div.vertical-tab-menu div.list-group>a.active, div.vertical-tab-menu div.list-group>a.active .glyphicon, div.vertical-tab-menu div.list-group>a.active .fa { background-color: #2bbbad; color: #ffffff; }
div.vertical-tab-menu a.list-group-item:first-child, div.vertical-tab-menu a.list-group-item:last-child { border-radius: 0px; }
div.vertical-tab-menu .list-group-item.active, div.vertical-tab-menu .list-group-item.active:hover, div.vertical-tab-menu .list-group-item.active:focus { border: none; }
div.vertical-tab-menu .list-group-item { border: none; font-size: 14px; }
div.vertical-tab-content .panel-group { padding: 10px; }
div.vertical-tab-content .panel-heading a { color: #333; }
div.vertical-tab-content .panel-heading a:hover, div.vertical-tab-content .panel-heading a:focus { text-decoration: none; }
div.vertical-tab .vertical-tab-content { min-height: 500px; }
div.vertical-tab-content { background-color: #ffffff; }
div.vertical-tab-content h2 { text-transform: uppercase; padding: 10px; border-bottom: solid 1px #d1d1d1; color: #a7a7a7; }
div.vertical-tab div.vertical-tab-content:not(.active) { display: none; }
.karma-point { position: relative; top: 0px; right: 0px; width: 100%; }
.collapse.in { border-bottom: 1px solid #e5e5e5; }
.notification a h3 { font-weight: bold; color: #000; }
.notification a p { font-weight: normal; color: #444; }
.notification a:hover, .notification a:focus { text-decoration: none; }
.notification .read h3, .notification .read p { color: #888; }
.cover-row { width: auto; position: relative; float: left; height: auto; }
.cover-row .booked { position: absolute; float: left; background: #2bbbad; color: #fff; padding: 6px; top: 0px; margin: 5px 0; left: 0; border-radius: 4px; text-align: left; }
.cover-row .booked a { color: #fff; }
.cover-row .booked a:hover, .cover-row .booked a:focus { text-decoration: none; }
.cover-row .booked h3 { margin: 0px; padding: 0px; width: 100%; font-weight: 600; margin-bottom: 5px; }
.cover-row .booked i { margin: 0px; padding: 0px; width: 100%; }
.months label.active { background: #2bbbad; cursor: pointer; color: #fff; }
.avaibility .schedule-table td { height: 30px; }
.schedule-table td { height: 80px; }
.schedule-table td:first-child { vertical-align: top; }
.table-responsive td { white-space: nowrap; }
.time th { padding: 5px 22px; }
.bookings h2, .avaibility h2 { font-size: 13px; font-weight: 600; text-transform: uppercase; }
.bookings h2 span, .avaibility h2 span { text-transform: capitalize; color: #666; font-weight: normal; }
#days_row .mCSB_horizontal.mCSB_inside > .mCSB_container { margin-bottom: 0px; }
.table-responsive { margin-bottom: 0px; }
#tabbar_con { float: left; width: 100%; overflow-y: hidden !important; }
#tabbar_con ul { width: 100% !important; border-bottom: 1px solid #ccc; }
.history-days { width: 100%; float: left; }
.history-days label { float: left; border-radius: 20px; padding: 6px 30px; background-color: #2bbbad; color: #fff; display: inline-block; width: auto; margin-right: 10px; }
.history-days .btn-block { float: left; margin-top: 6px; width: auto; }
.history-days a { float: left; }
.history-days span { margin: 0 10px; float: left; }
.history .form-control { width: 185px; }
.history .form-control.btn_green { width: auto; }
.listings .form-control { width: 185px; }
.listings .form-control.btn_green { width: auto; }
.listings .menu_list li { float: left; width: 100%; }
.listings .menu_list li p { float: left; width: auto; }
.listings .menu_list li strong { font-weight: bold; width: auto; float: right; }
.listings .textarea { width: 100%; float: left; }
.listings .accept.btn_green { float: right; margin-top: 10px; border: 0; }
.listings .div_block1 { white-space: normal; }
.list_icon > img { padding-left: 5px; }
.calendar_icon > img { margin-left: 5px; }
.info_btn { background: url(../images/info_icon.png) no-repeat right center; padding-right: 30px; width: 100%; height: 25px; display: block; float: left; background-size: 25px; line-height: 25px; color: #444; }
.info_btn:hover, .info_btn:focus { text-decoration: none; }
#tabs-scroll .mCSB_horizontal.mCSB_inside > .mCSB_container { margin-bottom: 10px; }
#tabs-scroll .mCSB_scrollTools.mCSB_scrollTools_horizontal { top: 18px; }
/*--bottom navigation--*/
.bottom_navigation { width: 100%; float: left; position: fixed; bottom: 0; background: #fff; border-top: 1px solid #e5e5e5; min-height: 40 px; z-index: 99; }
.bottom_navigation ul { /*width: 500px;*/ margin: 0 auto; padding: 10px 0; display: table; }
.bottom_navigation ul li { float: left; margin: 0 10px; }
.bottom_navigation a { color: #333; display: block; padding-left: 25px; line-height: 18px; text-transform: uppercase; font-size: 11px; }
.bottom_navigation a:hover, .bottom_navigation a:focus { text-decoration: none; }
.bottom_navigation .home_icon { background: url(../images/tab_home_icon.png) no-repeat left center; background-size: 20px; }
.bottom_navigation .content_icon { background: url(../images/tab_content_icon.png) no-repeat left center; background-size: 20px; }
.bottom_navigation .favorite_icon { background: url(../images/tab_favorite_icon.png) no-repeat left center; background-size: 20px; }
.bottom_navigation .karma_icon { background: url(../images/tab_karma_icon.png) no-repeat left center; background-size: 20px; }
.bottom_navigation .groups_icon { background: url(../images/tab_groups_icon.png) no-repeat left center; background-size: 20px; }
.bottom_navigation .media_icon { background: url(../images/tab_media_icon.png) no-repeat left center; background-size: 20px; }
.bottom_navigation .connect_icon { background: url(../images/tab_connect_icon.png) no-repeat left center; background-size: 20px; }
.bottom_navigation .create_icon { background: url(../images/tab_create_icon.png) no-repeat left center; background-size: 20px; }
.bottom_navigation .stories_icon { background: url(../images/tab_story_icon.png) no-repeat left center; background-size: 20px; }
.bottom_navigation .events_icon { background: url(../images/tab_event_icon.png) no-repeat left center; background-size: 20px; }
.bottom_navigation .offers_icon { background: url(../images/tab_offer_icon.png) no-repeat left center; background-size: 20px; }
.bottom_navigation .map_icon { background: url(../images/tab_place_icon.png) no-repeat left center; background-size: 20px; }
.bottom_navigation .checkin_icon { background: url(../images/tab_checkin_icon.png) no-repeat left center; background-size: 20px; }
.bottom_navigation .reviews_icon { background: url(../images/tab_review_icon.png) no-repeat left center; background-size: 20px; }
.bottom_navigation .info_icon { background: url(../images/tab_info_icon.png) no-repeat left center; background-size: 20px; }
.bottom_navigation .menu_icon { background: url(../images/tab_menus_icon.png) no-repeat left center; background-size: 20px; }
.bottom_navigation li.active .home_icon { background: url(../images/tab_home_icon_act.png) no-repeat left center; background-size: 20px; }
.bottom_navigation li.active .content_icon { background: url(../images/tab_content_icon_act.png) no-repeat left center; background-size: 20px; }
.bottom_navigation li.active .favorite_icon { background: url(../images/tab_favorite_icon_act.png) no-repeat left center; background-size: 20px; }
.bottom_navigation li.active .karma_icon { background: url(../images/tab_karma_icon_act.png) no-repeat left center; background-size: 20px; }
.bottom_navigation li.active .groups_icon { background: url(../images/tab_groups_icon_act.png) no-repeat left center; background-size: 20px; }
.bottom_navigation li.active .media_icon { background: url(../images/tab_media_icon_act.png) no-repeat left center; background-size: 20px; }
.bottom_navigation li.active .connect_icon { background: url(../images/tab_connect_icon_act.png) no-repeat left center; background-size: 20px; }
.bottom_navigation li.active .create_icon { background: url(../images/tab_create_icon_act.png) no-repeat left center; background-size: 20px; }
.bottom_navigation li.active .stories_icon { background: url(../images/tab_story_icon_act.png) no-repeat left center; background-size: 20px; }
.bottom_navigation li.active .events_icon { background: url(../images/tab_event_icon_act.png) no-repeat left center; background-size: 20px; }
.bottom_navigation li.active .offers_icon { background: url(../images/tab_offer_icon_act.png) no-repeat left center; background-size: 20px; }
.bottom_navigation li.active .map_icon { background: url(../images/tab_place_icon_act.png) no-repeat left center; background-size: 20px; }
.bottom_navigation li.active .checkin_icon { background: url(../images/tab_checkin_icon_act.png) no-repeat left center; background-size: 20px; }
.bottom_navigation li.active .reviews_icon { background: url(../images/tab_review_icon_act.png) no-repeat left center; background-size: 20px; }
.bottom_navigation li.active .info_icon { background: url(../images/tab_info_icon_act.png) no-repeat left center; background-size: 20px; }
.bottom_navigation li.active .menu_icon { background: url(../images/tab_menus_icon_act.png) no-repeat left center; background-size: 20px; }
.left-section { float: left; /*padding: 0px 10px 35px 10px;*/ position: relative; padding: 5px; }
.right-section { float: left; /*padding: 0px 10px 35px 10px;*/ position: relative; padding: 5px; }
.form-control {  border-radius: 0; -webkit-border-radius: 0; box-shadow: none; }
.form-filter { float: left; width: 100%; margin-top: 10px; }
.form-filter .form-group { float: left; }
.form-filter label { width: auto; float: left; line-height: 30px; margin-right: 5px; }
.form-filter .date_input { width: auto; float: left; width: 130px; margin-right: 10px; }
.form-filter .search_input { width: auto; float: left; width: auto; margin-right: 10px; }
.form-filter .btn_green { width: auto; float: left; border: 0; }
.form-filter .label_green { background-color: #2bbbad !important; color: #fff; padding: 5px 10px; float: left; width: auto; line-height: normal; }

.right-section { padding-top: 0px; padding-bottom: 0px; }
.right-section .title_area { width: 100%; float: left; position: relative; /*min-height: 72px;*/ background: #ffffff; }
.right-section .title_area .strip { width: 100%; float: left; z-index:1000 /*height: 60px; margin-bottom: 10px;*/ }
.right-section .title_area .strip .user-pic { position: absolute; top: 10px; left: 10px; }
.right-section .title_area .strip .user-pic img { width: 80px; height: 80px; float: left; border: 2px solid #fff !important; }
.right-section .title_area .strip .user-pic img.user-circle { border: 0px solid #fff; }
.right-section .title_area .strip .title_name { margin-top: 0px; color: #fff; font-size: 14px; }
.right-section .title_area .strip .headline { color: #fff; }
.right-section .title_area .strip p { padding: 3px 0 5px 105px; color: #333; }
.right-section .content_area { background: #ffffff; width: 100%; float: left; margin-top: 0px; /*border-top: 3px solid #fff; min-height: 493px;*/ }
.right-section .content_area label { width: 80px; float: left; }
.right-section .content_area .textfield { max-width: 60%; float: left; }
.right-section .content_area .listfield { max-width: 60%; float: left; }
.right-section .headline { text-transform: uppercase; padding: 5px 0 5px 105px; margin-top: 1px }
.left-section #scrollsection-left { width: 100%; float: left; height: -moz-calc(100vh - 175px); height: -webkit-calc(100vh - 175px); height: calc(100vh - 175px); }

.media#scrollsection-left { height: -moz-calc(100vh - 170px); height: -webkit-calc(100vh - 170px); height: calc(100vh - 170px); }
.thumbnails#scrollsection-left { width: 100%; float: left; height: -moz-calc(100vh - 180px); height: -webkit-calc(100vh - 180px); height: calc(100vh - 180px); }
.offers.thumbnails#scrollsection-left { width: 100%; float: left; height: -moz-calc(100vh - 125px); height: -webkit-calc(100vh - 125px); height: calc(100vh - 125px); }
.right-section #scrollsection-right { width: 100%; float: left; height: -moz-calc(100vh - 226px); height: -webkit-calc(100vh - 226px); height: calc(100vh - 226px); }
.menus#scrollsection-right { width: 100%; float: left; height: -moz-calc(100vh - 234px); height: -webkit-calc(100vh - 234px); height: calc(100vh - 234px); }

/*binal*/
.menus_new#scrollsection-right { height: calc(100vh - 278px); }
.bookdetail#scrollsection-right { width: 100%; float: left; height: -moz-calc(100vh - 245px); height: -webkit-calc(100vh - 245px); height: calc(100vh - 245px); }
.orderdetail#scrollsection-right { width: 100%; float: left; height: -moz-calc(100vh - 245px); height: -webkit-calc(100vh - 245px); height: calc(100vh - 245px); }
.vdetail#scrollsection-right { width: 100%; float: left; height: -moz-calc(100vh - 246px); height: -webkit-calc(100vh - 246px); height: calc(100vh - 246px); }
.cdetail#scrollsection-right { width: 100%; float: left; height: -moz-calc(100vh - 358px) !important; height: -webkit-calc(100vh - 358px) !important; height: calc(100vh - 358px) !important; }
.cmenu#scrollsection-left { width: 100%; float: left; height: -moz-calc(100vh - 200px); height: -webkit-calc(100vh - 200px); height: calc(100vh - 200px); }
.cmenu#scrollsection-right { width: 100%; float: left; height: -moz-calc(100vh - 200px); height: -webkit-calc(100vh - 200px); height: calc(100vh - 200px); }
.vgroup#scrollsection-right { width: 100%; float: left; height: -moz-calc(100vh - 222px); height: -webkit-calc(100vh - 222px); height: calc(100vh - 222px); }
.karma_donate { float: left; width: 100%; }
.vdetail.story#scrollsection-right { width: 100%; float: left; height: -moz-calc(100vh - 185px); height: -webkit-calc(100vh - 185px); height: calc(100vh - 185px); }
.right-section .content_area .strip_row { background: #fff; width: 100%; float: left; border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; padding: 10px; margin: 5px 0; }
.right-section .content_area .strip_row .user-pic { margin: 0px; padding: 0; }
.right-section .content_area .strip_row .user-pic img { max-width: 80px; /*width:80px; float:left; height:80px;*/ }
.right-section .content_area .strip_row h1 { font-size: 16px; float: left; width: 100%; margin-top: 0px; margin-bottom: 5px; }
.right-section .content_area .strip_row h1 span { font-size: 12px; }
.right-section .content_area .strip_row i { font-size: 11px; color: #666; margin-top: 5px; float: left; width: 100%; }
.right-section .content_area .strip_row .right { float: left; /*width:85%; padding-top: 5px; */ }
.right-section .content_area .strip_row i a { background: #2bbbad; color: #fff; padding: 5px 10px; float: right; margin-top: 5px; }
.right-section .content_area .strip_row i a:hover { text-decoration: none; }
.left-section .mCSB_inside > .mCSB_container, .right-section .mCSB_inside > .mCSB_container { margin: 0px !important; }
.gray-color { background: #d4d4d4 !important; color: #333 !important; }
.status { background: #f45ab5; padding: 5px; margin: 0; color: #fff; font-size: 12px; float: left; width: 100%; text-align: center }
.status span { font-weight: bold; }
.carousel-control.right, .carousel-control.left { background-image: none; }
.carousel-control { width: 30px; font-size: 35px; }
.mygroups .nav-tabs > li > a { border-radius: 0px; border: 0px !important; background: #949494; color: #fff; }
.mygroups .nav-tabs > li > a:hover { border-radius: 0px; border: 0px !important; background: #2bbbad; color: #fff; }
.mygroups .nav-tabs > li.active a { border-radius: 0px; border: 0px !important; background: #2bbbad; color: #fff; }

#mobile-search .mCSB_scrollTools.mCSB_scrollTools_horizontal { top: 36px; }
.right-section .content_area .strip_row .right { padding-left: 30px; }
.venue.bottom_navigation ul { width: 900px; }
.karma.bottom_navigation ul { width: 800px; }
.book-btn { background: #2bbbad; color: #fff; padding: 4px 30px; margin-right: -10px; font-weight: bold; }
.book-btn:hover { text-decoration: none; color: #fff; }
.fav-btn { background: url(../images/fav_icon.png) no-repeat; display: block; text-indent: -9999px; width: 16px; height: 16px; background-size: 16px; margin-right: 15px; margin-top: 11px; }
.fav-btn:hover { background: url(../images/fav_act_icon.png) no-repeat; display: block; text-indent: -9999px; width: 16px; height: 16px; background-size: 16px; margin-right: 15px; margin-top: 11px; }
.fav-btn.active { background: url(../images/fav_act_icon.png) no-repeat; display: block; text-indent: -9999px; width: 16px; height: 16px; background-size: 16px; margin-right: 15px; margin-top: 11px; }
.share-btn { background: url(../images/share_icon.png) no-repeat; display: block; text-indent: -9999px; width: 16px; height: 16px; background-size: 16px; margin-right: 15px; margin-top: 11px; }
.loctag-btn { background: url(../images/loctag_icon.png) no-repeat; display: block; text-indent: -9999px; width: 16px; height: 16px; background-size: 16px; margin-right: 15px; margin-top: 5px; }
.report-btn { background: url(../images/report_icon.png) no-repeat; display: block; text-indent: -9999px; width: 16px; height: 16px; background-size: 16px; margin-right: 10px; margin-top: 10px; }
.content_area h2 { font-size: 14px; }
.right-section .dropdown-menu a { padding: 6px 10px; margin: 4px 0; font-size: 12px; width: 100%; float: left; color: #000; }
.dropdown-menu a:hover { color: #2bbbad !important; background-color: transparent !important; padding-left: 20px; }
.content_area #map { width: 100%; height: -moz-calc(100vh - (190px + 100px));
                     height: -webkit-calc(100vh - (190px + 100px));
                     height: calc(100vh - (190px + 100px));
}
.content_area input[type="button"] { border: 0px; }
.content_area .checkin { width: 150px; }
.checkin-msg { width: 100%; float: left; margin-top: 20px; }
.checkin-msg h2 { color: #2bbbad; }
.price { color: #FF3033; font-size: 16px; margin-top: 10px; float: left; }
.strip_row .listfield { float: right !important; width: 50px !important; margin-top: -40px; }
.ratings { float: left; width: 100%; }
.ratings span { margin-right: 10px; margin-top: 3px; }
.ratings span:last-child { margin-left: 10px; }
.ratings a { float: left; margin-top: 5px; }
.ratings .star_blank { display: block; text-indent: -9999px; width: 14px; height: 14px; background: url(../images/star_blank.png) no-repeat; background-size: 14px; }
.ratings .star_full { display: block; text-indent: -9999px; width: 14px; height: 14px; background: url(../images/star_full.png) no-repeat; background-size: 14px; }
.ratings .star_half { display: block; text-indent: -9999px; width: 14px; height: 14px; background: url(../images/star_half.png) no-repeat; background-size: 14px; }
.reviews .strip_row h1 { font-size: 13px !important; font-weight: bold; }
.reviews .strip_row { border-bottom: 1px solid #e5e5e5; background: transparent !important; }
.reviews .strip_row p { margin-top: 10px; float: left; }
.reviews .strip_row .right { padding-left: 20px !important; }
.reviews#scrollsection-right { width: 100%; height: -moz-calc(100vh - 430px); height: -webkit-calc(100vh - 430px); height: calc(100vh - 430px); }
.give.ratings a { margin-right: 2px; margin-top: 10px; }
.give.ratings .star_blank { display: block; text-indent: -9999px; width: 20px; height: 20px; background: url(../images/star_blank.png) no-repeat; background-size: 20px; }
.give.ratings .star_blank:hover { display: block; text-indent: -9999px; width: 20px; height: 20px; background: url(../images/star_full.png) no-repeat; background-size: 20px; }
.give.ratings .star_full { display: block; text-indent: -9999px; width: 20px; height: 20px; background: url(../images/star_full.png) no-repeat; background-size: 20px; }
.give.ratings .star_half { display: block; text-indent: -9999px; width: 20px; height: 20px; background: url(../images/star_half.png) no-repeat; background-size: 20px; }

.strip_row .form-group { margin-bottom: 0px; }
.takeorder, .takebooking, .refund { background: #eae9e9; height: auto; margin-top: 0px; }
.form-control.btn_green { border: 0px; height: auto; }
.form-control.btn_green:hover, .form-control.btn_green:focus { text-decoration: none; cursor: pointer; color: #fff; }
.order .tab-pane { width: 100%; float: left; padding: 0px !important; }
.order h2 { width: 100%; float: left; background: #ffffff; border-bottom: 1px solid #e5e5e5; padding: 10px; text-transform: uppercase; margin-bottom: 10px; }
.order .strip_row { background: #fff; width: 100%; float: left; border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; padding: 10px; margin: 5px 0; }
.order .strip_row .user-pic { margin: 0px; }
.order .strip_row .user-pic img { max-width: 80px; /*width:80px; float:left; height:80px;*/ }
.order .strip_row h1 { font-size: 16px; float: left; width: 100%; background: none; color: #333; text-transform: capitalize; margin: 0px; padding: 0px; }
.order .strip_row h1 span { font-size: 12px; }
.order .strip_row i { font-size: 11px; color: #666; margin-top: 0px; float: left; width: 100%; }
.order .strip_row .right { float: left; /*width:85%; padding-top: 5px; */ }
.order .strip_row i a { background: #2bbbad; color: #fff; padding: 5px 10px; float: right; margin-top: 5px; }
.order .strip_row i a:hover { text-decoration: none; }
.order .tabscroll .mCSB_inside > .mCSB_container { margin-right: 0px !important; }
.order .tablevscroll .mCSB_inside > .mCSB_container { margin-right: 0px !important; }
.order .tab-content > .active { display: block !important; }
.order .strip_row .right { padding-left: 60px; }
.order #myTabContent .tab-pane { padding-top: 5px; }
.mygroups #scrollsection-right { width: 100%; float: left; height: -moz-calc(10vh - 280px); height: -webkit-calc(100vh - 280px); height: calc(100vh - 280px); }
.products#scrollsection-right { width: 100%; float: left; height: -moz-calc(100vh - 214px); height: -webkit-calc(100vh - 214px); height: calc(100vh - 214px); }
.groups#scrollsection-right { width: 100%; float: left; height: -moz-calc(10vh - 216px); height: -webkit-calc(100vh - 216px); height: calc(100vh - 216px); }
.order .tabscroll { float: left; width: 100%; height: calc(100vh - 210px); -moz-height: calc(100vh - 210px); -webkit-height: calc(100vh - 210px); }
#orderscroll { float: left; width: 100%; height: calc(100vh - 145px); -moz-height: calc(100vh - 145px); -webkit-height: calc(100vh - 145px); }
#itemscroll { float: left; width: 100%; height: calc(100vh - 198px); -moz-height: calc(100vh - 198px); -webkit-height: calc(100vh - 198px); }
#item_pay_scroll { float: left; width: 100%; height: calc(100vh - 145px); -moz-height: calc(100vh - 145px); -webkit-height: calc(100vh - 145px); }
#itemscroll .mCSB_inside > .mCSB_container { margin-right: 0px !important; }
#orderscroll .mCSB_inside > .mCSB_container { margin-right: 0px !important; }
#item_pay_scroll .mCSB_inside > .mCSB_container { margin-right: 0px !important; }
#productscroll { float: left; width: 100%; height: calc(100vh - 198px); -moz-height: calc(100vh - 198px); -webkit-height: calc(100vh - 198px); }
#bookingscroll { float: left; width: 100%; height: calc(100vh - 145px); -moz-height: calc(100vh - 145px); -webkit-height: calc(100vh - 145px); }
#product_pay_scroll { float: left; width: 100%; height: calc(100vh - 145px); -moz-height: calc(100vh - 145px); -webkit-height: calc(100vh - 145px); }
#productscroll .mCSB_inside > .mCSB_container { margin-right: 0px !important; }
#bookingscroll .mCSB_inside > .mCSB_container { margin-right: 0px !important; }
#product_pay_scroll .mCSB_inside > .mCSB_container { margin-right: 0px !important; }
.order table { width: 100%; }
.order table tr { background: #fff; }
.order table th, .order table td { padding: 10px; border: 1px solid #ccc; }
.order table th { background: #2bbbad; color: #fff; }
.filter-btn { display: block; float: left; width: 100%; padding: 5px 0px; text-align: center; color: #fff; background: #2bbbad; margin: 15px 0; font-size: 14px; }
.filter-btn:hover, .filter-btn:focus { background: #2bbbad; text-decoration: none; color: #fff; }
#filter_content { display: none; background: #fff; width: 100%; float: left; -webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.2); box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.2); margin-top: -15px; z-index: 1; padding: 0 10px 10px 10px; }
#filter_content.open { display: block;}

/*binal*/
.filter-btn_order { display: block; float: left; width: 100%; padding: 5px 0px; text-align: center; color: #fff; background: #2bbbad; margin: 15px 0; font-size: 14px; }
.filter-btn_order:hover, .filter-btn:focus { background: #2bbbad; text-decoration: none; color: #fff; }
.filter-btn_book { display: block; float: left; width: 100%; padding: 5px 0px; text-align: center; color: #fff; background: #2bbbad; margin: 15px 0; font-size: 14px; }
.filter-btn_book:hover, .filter-btn:focus { background: #2bbbad; text-decoration: none; color: #fff; }
.filter-btn_history { display: block; float: left; width: 100%; padding: 5px 0px; text-align: center; color: #fff; background: #2bbbad; margin: 15px 0; font-size: 14px; }
.filter-btn_history:hover, .filter-btn:focus { background: #2bbbad; text-decoration: none; color: #fff; }
.filter-btn_sub { display: block; float: left; width: 100%; padding: 5px 0px; text-align: center; color: #fff; background: #2bbbad; margin: 15px 0; font-size: 14px; }
.filter-btn_sub:hover, .filter-btn:focus { background: #2bbbad; text-decoration: none; color: #fff; }
.filter-btn_check { display: block; float: left; width: 100%; padding: 5px 0px; text-align: center; color: #fff; background: #2bbbad; margin: 15px 0; font-size: 14px; }
.filter-btn_check:hover, .filter-btn:focus { background: #2bbbad; text-decoration: none; color: #fff; }


#filter_content_order { display: none; background: #fff; width: 100%; float: left; -webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.2); box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.2); margin-top: -15px; z-index: 1; padding: 0 10px 10px 10px; }
#filter_content_order.open { display: block;}
#filter_content_book { display: none; background: #fff; width: 100%; float: left; -webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.2); box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.2); margin-top: -15px; z-index: 1; padding: 0 10px 10px 10px; }
#filter_content_book.open { display: block;}
#filter_content_history { display: none; background: #fff; width: 100%; float: left; -webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.2); box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.2); margin-top: -15px; z-index: 1; padding: 0 10px 10px 10px; }
#filter_content_history.open { display: block;}
#filter_content_sub { display: none; background: #fff; width: 100%; float: left; -webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.2); box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.2); margin-top: -15px; z-index: 1; padding: 0 10px 10px 10px; }
#filter_content_sub.open { display: block;}
#filter_content_check { display: none; background: #fff; width: 100%; float: left; -webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.2); box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.2); margin-top: -15px; z-index: 1; padding: 0 10px 10px 10px; }
#filter_content_check.open { display: block;}
/*binal*/


.carousel-indicators li { height: 8px; width: 8px; }
.carousel-indicators .active { height: 10px; width: 10px; }
.carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left { display: block; background: #000 none repeat scroll 0 0; margin-left: -15px; padding: 14px 5px; height: 40px; }
.carousel-control .icon-next, .carousel-control .glyphicon-chevron-right { display: block; background: #000 none repeat scroll 0 0; margin-right: -15px; padding: 14px 5px; height: 40px; }
.carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right { font-size: 12px; }
.modal-dialog { top: 50px; }
.brd0 { border: 0px !important; }
.brd-radius-0 { border-radius: 0px; }

.edit-icon { background: url(../images/edit_icon.png) no-repeat; width: 30px; height: 30px; float: left; background-size: 30px; display: block; text-indent: -9999px; margin-right: 5px; margin-top: 5px; }
.schedule-table h2 { float: left; line-height: normal; }
.connect .strip_row { background: #fff; width: 100%; float: left; border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; padding: 10px; margin: 5px 0; border-bottom: 1px solid #e5e5e5; }
.connect .strip_row .user-pic { margin-right: 10px; width: 70px; }
.connect .strip_row h1 { font-size: 16px; float: left; width: auto; background: none; color: #333; text-transform: capitalize; margin: 0px; padding: 0px; margin-top: 12px; }
.connect .strip_row h1 p { font-size: 12px; }
.connect .strip_row i { font-size: 11px; color: #666; margin-top: 28px; float: right; width: auto; }
.connect .strip_row .right { float: left; /*width:85%; padding-top: 5px; */ }
.connect .strip_row i a { background: #2bbbad; color: #fff; padding: 5px 10px; float: right; margin-top: 5px; margin-left: 5px; }
.connect .strip_row i a:hover { text-decoration: none; }
.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus { background: #2bbbad; }
.selected-items { width: 100%; float: left; margin-top: 10px; margin-bottom: 10px; }
.selected-items li { float: left; margin: 5px; background: #c2c2c2; font-size: 13px; text-align: left; display: block; padding: 2px 10px 2px 15px; border-radius: 100px 100px 100px 100px; -moz-border-radius: 100px 100px 100px 100px; -webkit-border-radius: 100px 100px 100px 100px; }
.selected-items li .remove { background: url(../images/close.png) no-repeat; background-size: 10px; text-indent: -9999px; display: block; float: right; margin-left: 10px; width: 10px; margin: 4px 0px 0px 15px; height: 10px; }
.story ul { width: 250px; }
.strip-story { width: 100%; float: left; background: #ebebeb; min-height: auto; }
.strip-story h1 { float: left; font-size: 26px; line-height: 28px;
                  /*                 text-transform: uppercase; binal*/
                  width: 100%; margin-bottom: 10px; margin-top: 5px }
.listings .form-control.date_input, .listings .listfield { width: 110px; }
input[type="radio"], input[type="checkbox"] { margin: 4px 5px 0; float: left; }
.inline { line-height: 20px; }
hr { margin: 10px 0px !important; }
.report-btn-black { background: url(../images/report_icon_black.png) no-repeat; display: block; text-indent: -9999px; width: 16px; height: 16px; background-size: 16px; margin-right: -10px; margin-top: -20px; }
.cuser.bottom_navigation ul { width: 500px; }
.euser.bottom_navigation ul { width: 600px; }
.guser.bottom_navigation ul { width: 500px; }
.list-inline { margin-left: 0px; }
#thumbnailscroll { float: left; width: 100%; }
#thumbnailscroll li { width: 220px; float: left; margin-right: 5px; margin-top: 5px; }
#thumbnailscroll li:last-child { margin-right: 0px; }
#thumbnailscroll li img { width: 100%; }
.booking_form .listfield { max-width: 100% !important; }
.form-group { margin-bottom: 15px; display: block; }
.fb-icon { background: url(../images/fb_icon.png) no-repeat 10px center; background-size: 16px; padding-left: 35px !important; display: block; }
.tw-icon { background: url(../images/twitter.png) no-repeat 10px center; background-size: 16px; padding-left: 35px !important; display: block; }
.gplus-icon { background: url(../images/gplus_icon.png) no-repeat 10px center; background-size: 16px; padding-left: 35px !important; display: block; }
.social a { margin-right: 5px; background-size: 24px; background-position: left center; text-indent: -9999px; width: 25px; height: 25px; padding: 0px !important; float: left; display: block; }
.vdetail .panel-heading a h3 { color: #333; font-weight: bold; font-size: 14px; }
.vdetail .panel-heading a:hover, .vdetail .panel-heading a:focus { text-decoration: none; }
.vdetail .list-tab .panel-heading { background: #ffffff; border-bottom: 1px solid #ccc; }
.vdetail .panel-body { background: #ffffff; }
.form-control { height: auto; padding: 5px 10px; min-width: 100px; border-radius: 0px; -webkit-border-radius: 0px; }
.print-icon { background: url(../images/print_icon.png) no-repeat center center; background-size: 16px; margin-top: 5px; margin-right: 15px; display: block; width: 16px; height: 16px; text-indent: -9999px; }
.w100 { width: 100% !important; }
input[type="button"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; }
select, textarea, input { border-radius: 0px; -webkit-border-radius: 0px; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
p { width: 100%; }
.modal-header h4 { font-size: 14px; }
.title_area .user-pic { background: #fff; border-radius: 100px; -webkit-border-radius: 100px; -moz-border-radius: 100px; -ms-border-radius: 100px; z-index: 2; }
.group_strip { background: #fff; float: left; width: 100%; padding: 10px; margin: 5px 0;/* -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; */ }
.group_strip h2 { font-size: 14px; margin-bottom: 5px; }
.group_strip p { font-size: 12px; font-weight: normal; }
.group_strip a { font-size: 12px; font-weight: bold; margin-right: 10px; float: right; margin-top: 5px; }
.group_strip span { margin-top: 5px; float: left; }
.tab-content form { width: 100%; float: left; }
.tab-content .listfield { float: left; max-width: 100% !important; }
.tab-content .dropdown-menu a { float: left; }
.tab-content .dropdown-menu a:hover { background: none; }
.text-red { color: red; }
.card-columns { -moz-column-count: 4; -moz-column-gap: 10px; -webkit-column-count: 4; -webkit-column-gap: 10px; -ms-column-count: 4; -ms-column-gap: 10px; -o-column-count: 4; -o-column-gap: 10px; column-count: 4; column-gap: 10px; }
/*---------------------------------------------------------------------MDB------------------------------------------------------------------*/
.row { margin-left: -10px ; margin-right: -10px; }
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { padding-left: 10px; padding-right: 10px; }
p { font-size: 14px ; line-height: normal !important; }
.remove_link { height: auto !important; line-height: normal !important; padding: 0 !important; }
.pad-fix { padding-left: 6px !important; padding-right: 6px !important; }
.card, .card-panel { margin: 6px 0px; }
.waves-input-wrapper .waves-button-input { background: transparent; border: 0px; }
.navbar-brand { height: 40px; padding: 10px; position: absolute; top: 0; right: 0; }
input[type="date"], input[type="datetime-local"], input[type="email"], input[type="number"], input[type="password"], input[type="search-md"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], textarea.materialize-textarea { height: auto ; padding: 6px 0 ; margin-bottom: 10px ; font-size: 14px ; }
.material-icons { color: #444 !important; }
.card hr { border: 0px; }

.card .card-title { position: relative; line-height: normal !important; font-size: 16px !important; font-weight: 400 !important; float: left; width: 100%; padding-bottom: 10px; }
.card .card-title a { color: #000; font-size: 16px; line-height: normal !important }
.card .favorite-icon { display: block; float: right; text-indent: -9999px; background: url(../images/fav_icon.png) no-repeat center center; background-size: 14px; width: 26px; height: 26px; margin-right: 10px; -moz-border-radius: 100px 100px 100px 100px; -webkit-border-radius: 100px 100px 100px 100px; border-radius: 100px 100px 100px 100px; border: 2px solid #ccc; margin-top: 2px; position: absolute; right: 45px; bottom: 20px; }
.card .favorite-icon.active { background: url(../images/fav_act_icon.png) no-repeat center center; background-size: 14px; }
.card .favorite-icon:hover { background: url(../images/fav_act_icon.png) no-repeat center center; background-size: 14px; }
.card .edit-icon { display: block; float: right; text-indent: -9999px; background: url(../images/edit_icon.png) no-repeat center center; background-size: 28px; width: 28px; height: 28px; margin-right: 10px; -moz-border-radius: 100px 100px 100px 100px; -webkit-border-radius: 100px 100px 100px 100px; border-radius: 100px 100px 100px 100px; border: 0px solid #ccc; margin-top: 2px; position: absolute; right: 45px; bottom: 20px; }

/* .card .delete-icon { display: block; float: right; text-indent: -9999px; background: url(../images/delete_icon.png) no-repeat center center; background-size: 28px; width: 28px; height: 28px; margin-right: 46px; -moz-border-radius: 100px 100px 100px 100px; -webkit-border-radius: 100px 100px 100px 100px; border-radius: 100px 100px 100px 100px; border: 0px solid #ccc; margin-top: 2px; position: absolute; right: 45px; bottom: 20px; } binal */

 .delete-icon { display: block; float: right; text-indent: -9999px; background: url(../images/delete_icon.png) no-repeat center center; background-size: 28px; width: 28px; height: 28px;  -moz-border-radius: 100px 100px 100px 100px; -webkit-border-radius: 100px 100px 100px 100px; border-radius: 100px 100px 100px 100px; border: 0px solid #ccc; margin-top: 5px; position: absolute; right: 45px } /*binal */

.card i.activator { cursor: pointer; text-align: right; margin-left: 0px !important; }
.card .share-icon { display: block; float: right; text-indent: -9999px; background: url(../images/share_icon.png) no-repeat center center; background-size: 14px; width: 26px; height: 26px; -moz-border-radius: 100px 100px 100px 100px; -webkit-border-radius: 100px 100px 100px 100px; border-radius: 100px 100px 100px 100px; border: 2px solid #ccc; margin-top: 2px; position: absolute; right: 20px; bottom: 20px; }
.card span.tag { background: rgba(255,255,255,0.70); padding: 5px 15px; float: left; border-radius: 100px; top: 10px; right: 10px; position: absolute; color: #000; }
.count_down { background: rgba(0,0,0,0.50);
              padding: 5px 10px;  /*binal */
              float: left; border-radius: 100px; top: 10px; right: 10px; position: absolute; color: #fff; }
.card .card-reveal { top: 99% !important; }
.card-reveal i.right { margin-left: 0px !important; text-align: right; }
.card-reveal .readmore { margin-top: 15px; float: left; }
.card-reveal p { word-wrap: break-word; }
.reveal_tag { background: rgba(0,0,0,0.10); padding: 5px 15px; float: left; border-radius: 100px; bottom: 15px; left: 15px; position: absolute; color: #000; }
.admin-side-nav.light-side-nav li { border: 0px !important; }
.side-nav li { float: left; width: 100%; }
.side-nav li a { padding-top: 15px; padding-bottom: 15px; padding-left: 20px !important; height: auto !important; line-height: normal !important; font-size: 14px; }
.side-nav .nav-tabs li { width: auto; }
.nav-tabs, .nav-tabs li { height: 46px !important; line-height: normal !important; }
.nav-tabs > li > a { border-radius: 0px !important; padding: 12px 20px!important; }
.nav-tabs a { color: #444 !important; }
.nav-tabs li:hover a { color: #2bbbad !important; border-bottom: 1px solid #ccc; border-top: 0px !important; border-left: 0px !important; border-right: 0px !important; }
.nav-tabs li.active > a { border-color: #2bbbad !important; color: #2bbbad !important; }

#tabarscroll .mCSB_horizontal.mCSB_inside > .mCSB_container { margin-bottom: 0px; }

.nav-tabs li { border-bottom: 0px !important; }
.tab-pane .url { padding: 0px !important; margin: 0px !important; height: auto !important; line-height: normal !important; display: inline !important; font-weight: bold; }
.tab-pane .url:hover { color: #2bbbad !important; }
.side-nav .link { padding: 2px 0 0 18px!important; text-align: center; width: 100%; color: #000; line-height: normal !important; height: 24px !important; margin: 10px 0 20px; float: left; font-size: 14px; }
.link:hover { color: #2bbbad !important; }
.social-login { width: 100%; float: left; margin-top: 10px; }
.social-login a { height: auto !important; line-height: normal !important; padding: 10px !important; width: 100% !important; float: left; margin: 5px 0px !important; font-size: 12px !important; color: #fff !important; }
.social-login .facebook { background: #13559f; }
.social-login .facebook:hover { background: #13559f !important; }
.social-login .twitter { background: #00c0e9; }
.social-login .twitter:hover { background: #00c0e9 !important; }
.social-login .google { background: #eb4444; }
.social-login .google:hover { background: #eb4444 !important; }
.light-side-nav .logo-wrapper { height: 90px; }
.rgba-stylish-strong { height: 100% !important; }
.card .card-content { padding: 10px !important; min-height: 68px; }
.copyright { font-size: 11px; padding: 0 20px 20px 20px; position: absolute; bottom: 0px; }
.nav-logo { width: 100%; float: left; border-bottom: 1px solid #ccc; padding: 20px 10px; }
.nav-logo img { max-width: 90% !important; float: none !important; padding: 0px !important; margin: 0 auto; display: table; }
#scroll-content { width: 100%; height: 100%; float: left; }
.hdtl { width: 100%; float: left; border-bottom: 1px solid #ccc; }
h1.title { padding: 0px; margin: 0px; float: left; display: block !important; background: #2bbbad; font-size: 12px; font-weight: 400; text-transform: uppercase; color: #fff; padding: 10px; }
.with-gap[type="radio"]:checked + label::before { border-color: #2bbbad !important; }
.with-gap[type="radio"]:checked + label::after { border-color: #2bbbad !important; background-color: #2bbbad !important; }
[type="checkbox"] + label, [type="radio"]:checked + label, [type="radio"]:not(:checked) + label { font-size: 12px !important; }
.select-wrapper input.select-dropdown { line-height: normal !important; height: auto !important; }
.dropdown-content li > a, .dropdown-content li > span { color: #444 !important; font-size: 14px !important; }
.select-wrapper input.select-dropdown { font-size: 14px !important; }

.center span { float: left; width: 120px; margin-top: 8px; }
.select_loc { width: 100%; float: left; padding: 5px 15px; }
.sort_by_offer label { margin-right: 5px !important; float: left; }
.sort_by_offer .center-fix { width: auto !important; display: table; margin: 0 auto; float: none !important; }
.form-horizontal .form-group { margin-left: 0px; margin-right: 0px; }
.content { padding: 5px 15px; width: 100%; float: left; }
[type="checkbox"] + label, [type="radio"]:checked + label, [type="radio"]:not(:checked) + label { padding-left: 25px !important; }
.open_social { display: block !important; }
.social-reveal { display: none; background: #fff none repeat scroll 0 0; border-top: 1px solid #ccc; bottom: 0; float: left; left: 0; padding: 20px; position: absolute; width: 100%; }
.modal-footer .btn { margin-bottom: 10px !important; }
.input-field { margin-top: 0.6rem !important; }
/*.input-field label { left: 0 !important; }*/
.modal-title { font-weight: bold; font-size: 16px !important; }
.color-picker { z-index: 99 !important; position: relative !important; }
.dropdown-content { max-height: 200px !important; }
.con_title { margin: 15px 0; padding-bottom: 10px; border-bottom: 1px solid #ccc; width: 100%; float: left; color: #2bbbad; }
#tabarscroll { border-bottom: 1px solid #ccc; }
.fileUpload { position: relative; overflow: hidden; margin: 10px; }
.fileUpload input.upload { position: absolute; top: 0; right: 0; margin: 0; padding: 0; font-size: 20px; cursor: pointer; opacity: 0; filter: alpha(opacity=0); }
/* .ftbtn i { padding: 5px 10px !important; margin-left: 10px !important; } */
/*#tabarscroll .mCustomScrollBox { box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); -webkit-box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); -moz-box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);}*/
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { background-color: transparent; }
.dropdown-content li:hover span { color: #2bbbad !important; }
#scrollsection-left { height: calc(100vh - 180px); -moz-height: calc(100vh - 180px); -webkit-height: calc(100vh - 180px); }
#scrollsection-right { height: calc(100vh - 180px); -moz-height: calc(100vh - 180px); -webkit-height: calc(100vh - 180px); }
#scrollsection-left .mCSB_inside > .mCSB_container { margin-right: 15px !important; }
#scrollsection-center .mCSB_inside > .mCSB_container { margin-right: 15px !important; }
#scrollsection-right .mCSB_inside > .mCSB_container { margin-right: 15px !important; }
/*-----column-----*/
#blog-landing { position: relative; max-width: 100%; width: 100%; float: left; margin-top: 10px; }
.white-panel { position: absolute !important; }
.content.grid { padding: 0 0 0 5px !important; }
/*-----column-----*/
.horizontal-listing img { margin: 0px; width: 100%; }
.horizontal-listing .title { font-size: 16px; font-weight: 400; }
.horizontal-listing .report-btn-black { margin-right: 5px !important; margin-top: 5px !important; }
.card-panel.horizontal-listing { margin: 6px 0px; float: left; width: 100%; }
.card-panel.horizontal-listing .item-details > span { margin-top: 15px; float: left; }
.card-panel.horizontal-listing .tag { background: #ffffff; padding: 5px 10px; margin: 5px; border-radius: 100px; -webkit-border-radius: 100px; -moz-border-radius: 100px; float: left; }
.horizontal-listing .user_name { font-size: 16px; font-weight: 400; margin-top: 10px; }
.logo-wrapper .user { padding-top: 25px; }
.horizontal-listing.card-panel .img-circle { min-width: 60px; }
.horizontal-listing .item-details { font-size: 12px; }

.donated { color: #fff; float: left; padding: 5px 15px; position: absolute; left: 0px; bottom: 0px; background: rgba(255,59,63,0.80) }
.padleft0 { padding-left: 0px; }
.padright0 { padding-right: 0px; }
#remove_scroll { padding-bottom: 45px; float: left; width: 100%; height: auto !important; }
#remove_scroll .mCSB_container { overflow: visible !important; }
#remove_scroll .mCustomScrollBox { overflow: visible !important; }
.navbar-brand.button-collapse > span { color: #000; float: left; font-size: 13px; line-height: normal !important; margin-right: 10px; margin-top: 2px; }
.material-icons.user { background: url(../images/duser_img.png) no-repeat; background-size: 22px; width: 22px; height: 22px; display: block; text-indent: -9999px; float: right; }
.side-nav li.active, .side-nav li:hover { background-color: #ffffff }
.side-nav li a:hover { color: #2bbbad !important; }
#tabbar_con > .nav > li > a:hover, .nav > li > a:focus { border-bottom: 1px solid #ccc !important; }
#tabbar_con > .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { border-bottom: 2px solid #2bbbad !important; }
.tabs-left { width: 100%; float: left; }
.tabs-left .nav-tabs { width: 100%; float: left; border-bottom: 1px solid #ccc; box-shadow: none !important }
.tabs-left .nav-tabs li { float: left; margin: 0; width: 80px; }
.tabs-left .tab-content { float: left; }
.createpage { width: 100%; float: left; padding: 10px; }
.createpage ul { width: 100%; float: left; }
.createpage ul li { width: auto; float: left; margin-right: 8px; margin-bottom: 2px; }
.createpage ul li a { display: block; background: #ffffff; color: #666; font-size: 14px; padding: 8px 20px ; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16), 0 1px 2px 0 rgba(0, 0, 0, 0.12); }
.createpage ul li.active a { background: #2bbbad; color: #fff; }
/*.createpage ul li:hover a { background: #2bbbad; color: #fff; }*/
.btn-link { background-color: #ffffff !important; }
.tab-content .mCSB_horizontal.mCSB_inside > .mCSB_container { margin-bottom: 10px !important; }

.browse.dflex img { width: 100%; }
.carousel-indicators { z-index: 1 !important; }
#mobile_slider { }
#mobile_content { transition-duration: 0.4s; -moz-transition-duration: 0.4s; -webkit-transition-duration: 0.4s; -o-transition-duration: 0.4s; }
.panel-group { box-shadow: none !important; }
.panel-group .panel + .panel { border-top: 1px solid #ddd; border-bottom: 0px; }
.panel-heading:hover a h3 { color: #2bbbad !important; }
.tag { background: #f2f5f6; padding: 5px 15px; float: left; border-radius: 100px; color: #000; margin: 5px; }
.search_tag { background: rgba(0,0,0,0.20); padding: 5px 15px; margin-right: 5px; margin-bottom: 5px; float: left; border-radius: 100px; color: #000; }
.top_fixed { position: fixed !important; top: 45px; z-index: 1; }
.btn_fixed { position: fixed !important; top: 117px; right: 10px; z-index: 1 }
.btn.btn-default.btn-sm { color: #fff; }
.subscribe_btn { position: relative; }


/*--slider--*/
.vert-tab li { width: 100%; float: left; text-align: left; border-bottom: 1px solid #ccc !important; }
.vert-tab-con { border-left: 1px solid #ccc; height: calc(100% - 90px); -webkit-height: calc(100% - 90px); -moz-height: calc(100% - 90px); padding: 10px; }
.vert-tab { box-shadow: none !important; }
#tabsscroll .mCSB_horizontal.mCSB_inside > .mCSB_container { margin-bottom: 0px; }
.stitle { font-size: 18px; padding-top: 5px; }
.inbox_noti .nav-tabs { box-shadow: none !important; border-bottom: 1px solid #ccc; }
.inbox_noti .nav-tabs li:hover { border-bottom: 1px solid #ccc !important; }
.inbox_noti .delete { margin-top: 10px; }
.inbox_noti .reply { margin-top: 10px; }
.booking { width: 100%; float: left; }
/*----freez table----*/
.frozen_table { overflow-x: scroll; margin-left: 190px; overflow-y: visible; padding-bottom: 1px; }
.frozen_table .fixedcol { position: absolute; width: 190px; left: 10px; top: auto; display: inline-block; padding: 5px 10px; border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 0px; margin-top: 0px; }
/*----/freez table standard----*/
.tdfirst { padding: 5px 22px; background: #2bbbad; }
/* Internet Explorer 10+, Microsoft Edge Browser */
@supports(-ms-accelerator:true) {
    .frozen_table .tdfirst {
        margin-top:-23px;
    }
    .fixedcol.mozila {
        margin-top:-16px;
    }
}
/* Firefox Browser */
@-moz-document url-prefix() {
    .frozen_table .tdfirst {
        margin-top:-23px;
    }
    .fixedcol.mozila {
        margin-top:-16px;
    }
}
/*----freez table with hack----*/

.form-inline.right input { margin-bottom: 0px !important; }
/*----table accourdian--*/
.open_row[aria-expanded="true"] { background-color: #fff2cb; transition-duration: 1s; -moz-transition-duration: 1s; -webkit-transition-duration: 1s; -o-transition-duration: 1s; }
.open_row .dropdown-menu li > a, .dropdown-menu li > span { font-size: 14px !important; width: 100%; padding: 10px; color: #333; }
.open_row .dropdown-menu li > a:hover, .dropdown-menu li > span:hover { color: #2bbbad; }
/*----table accourdian--*/
.modal-vscroll { height: 300px; overflow-y: auto; }
h4.hdtl { font-size: 16px; width: 100%; float: left; padding: 8px 0; text-align: center; }
.bottom-sheet .modal-footer { margin-bottom: 0px !important; }
.bx-wrapper .bx-controls-direction a { z-index: 99 !important; }


.srtitle { background: #f8f8f8; padding: 5px 0; min-height: 45px; }
.package { min-height: 400px; }
.package .btn-area { position: absolute; bottom: 15px; left: 0; right: 0; padding: 0 15px; }
.package h1 { font-size: 28px; width: 100%; float: left; text-align: center; color: #fff; padding-top: 40px; }
.package h2 { font-size: 22px; margin-bottom: 5px; color: #FF2C30; }
.package i { font-size: 18px; margin-bottom: 15px; width: 100%; float: left; font-style: italic; }
.btn { line-height: 24px !important; }
.btn-sm, .btn-sm-full { padding: 5px 8px !important; }
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { color: #333 !important; background-color: #ffffff !important; }
.count_down.offer { top: 0 !important; }
div.checklist { min-height: 230px !important; }

.overflow_fix { overflow: hidden !important; -webkit-overflow: hidden !important; position: fixed; }
.drag-target { width: 0px !important; }
/*---------slider-------------*/


.nav-tabs > li > a.list_icon { padding-left: 40px !important; }
.cell.disabled { opacity: 0.2; }
.products-times { padding-bottom: 10px; float: left; }
.products-times h2 { margin: 10px 0; font-size: 16px; }
.products-times a { float: left; padding: 5px; }
.products-times a.timebase { padding: 5px; display: block; background: #2bbbad; border-radius: 4px; -webkit-border-radius: 4px; color: #FFFFFF; }
.products-times label { color: #333; }
.menus-times { padding-bottom: 10px; background: #fff; padding-left: 0px; padding-right: 0px; float: left; }
.menus-times .horizontal-listing .user_name { margin-top: 0px; margin-bottom: 10px; }
.card-image .view { padding-bottom: 56.25%; }
.card .card-image .cardImg { position: absolute !important; height: auto; }
/*
.left-section .mCSB_scrollTools, .right-section .mCSB_scrollTools { right: -5px; }
.lSSlideOuter .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background:#888 !important;}
*/
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: transparent !important; }
.mCSB_scrollTools .mCSB_draggerRail { background-color: transparent !important; }
/*body {overflow-y:scroll;}*/

#scrollsection-left .mCSB_draggerRail, #scrollsection-right .mCSB_draggerRail { background-color: rgba(0,0,0,0.20) !important; }
#scrollsection-center .mCSB_draggerRail, #scrollsection-right .mCSB_draggerRail { background-color: rgba(0,0,0,0.20) !important; }
#scrollsection-left .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, #scrollsection-right .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, #scrollsection-left .mCSB_dragger_bar, #scrollsection-right .mCSB_dragger_bar { background-color: rgba(43,187,173,0.90) !important; }
#scrollsection-center .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, #scrollsection-right .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, #scrollsection-center .mCSB_dragger_bar, #scrollsection-right .mCSB_dragger_bar { background-color: rgba(43,187,173,0.90) !important; }
#itemscroll .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, #itemscroll .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, #itemscroll .mCSB_dragger_bar, #itemscroll .mCSB_dragger_bar { background-color: rgba(43,187,173,0.90) !important; }
#itemscroll .mCSB_draggerRail, #itemscroll .mCSB_draggerRail { background-color: rgba(0,0,0,0.20) !important; }
#orderscroll .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, #orderscroll .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, #orderscroll .mCSB_dragger_bar, #orderscroll .mCSB_dragger_bar { background-color: rgba(43,187,173,0.90) !important; }
#orderscroll .mCSB_draggerRail, #orderscroll .mCSB_draggerRail { background-color: rgba(0,0,0,0.20) !important; }
#item_pay_scroll .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, #item_pay_scroll .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, #item_pay_scroll .mCSB_dragger_bar, #item_pay_scroll .mCSB_dragger_bar { background-color: rgba(43,187,173,0.90) !important; }
#item_pay_scroll .mCSB_draggerRail, #item_pay_scroll .mCSB_draggerRail { background-color: rgba(0,0,0,0.20) !important; }
#productscroll .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, #productscroll .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, #productscroll .mCSB_dragger_bar, #productscroll .mCSB_dragger_bar { background-color: rgba(43,187,173,0.90) !important; }
#productscroll .mCSB_draggerRail, #productscroll .mCSB_draggerRail { background-color: rgba(0,0,0,0.20) !important; }
#bookingscroll .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, #bookingscroll .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, #bookingscroll .mCSB_dragger_bar, #bookingscroll .mCSB_dragger_bar { background-color: rgba(43,187,173,0.90) !important; }
#bookingscroll .mCSB_draggerRail, #bookingscroll .mCSB_draggerRail { background-color: rgba(0,0,0,0.20) !important; }
#product_pay_scroll .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, #product_pay_scroll .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, #product_pay_scroll .mCSB_dragger_bar, #product_pay_scroll .mCSB_dragger_bar { background-color: rgba(43,187,173,0.90) !important; }
#product_pay_scroll .mCSB_draggerRail, #product_pay_scroll .mCSB_draggerRail { background-color: rgba(0,0,0,0.20) !important; }
.products-times { width: 100%; margin-top: 10px; }
.products-times label { width: 90px !important; }
.products-times [type="radio"] + label::after, [type="radio"] + label::before {/* height:30px; width:90px; */ }
.products-times [type="radio"]:not(:checked) + label::before { /*border-radius:2px; border:1px solid #888;*/ }
.products-times [type="radio"]:checked + label, [type="radio"]:not(:checked) + label { text-transform: uppercase; font-size: 14px ; font-weight: bold; }
.products-times .with-gap[type="radio"]:checked + label::before {/*  border-radius:2px;*/ }
.products-times .with-gap[type="radio"]:checked + label::after { /*border-color:transparent !important; background-color:transparent !important;*/ }
.fixed-booking.fixed { bottom: 56px; right: 10px; position: fixed; z-index: 2; }
.bookdetail#scrollsection-right { position: relative; z-index: 2; }
.modal-backdrop, .lean-overlay { z-index: 998 !important; }

/* Media */
@media screen and (min-width:1000px) and (max-width:1200px) {
    .order .tabscroll, .order .tablevscroll { height: 425px; }
    .trgtop { margin-top: 20px; }
    .card-columns { -moz-column-count: 3; -moz-column-gap: 10px; -webkit-column-count: 3; -webkit-column-gap: 10px; -ms-column-count: 3; -ms-column-gap: 10px; -o-column-count: 3; -o-column-gap: 10px; column-count: 3; column-gap: 10px; }
    #thumbnail-slider { display: none; }
   
    .carousel-indicators { display: none; }
    .padleft0 { padding: 0px !important; padding-right: 0px !important; }
}

@media screen and (min-width:899px) and (max-width:1023px) {
    #tabs-scrolls.tabs8 { float: none !important; width: auto !important; display: table; }
}

@media screen and (min-width:768px) and (max-width:2000px) {
    #tabsscroll.vertical-tab-menu .mCSB_container { width: 100% !important; }
}

@media screen and (min-width:768px) and (max-width:1000px) {
    .card-columns { -moz-column-count: 2; -moz-column-gap: 10px; -webkit-column-count: 2; -webkit-column-gap: 10px; -ms-column-count: 2; -ms-column-gap: 10px; -o-column-count: 2; -o-column-gap: 10px; column-count: 2; column-gap: 10px; }
    #thumbnail-slider { display: none; }
   
    .padleft0 { padding: 0px !important; padding-right: 0px !important; }
    #carousel-video { height: auto; }
    #tabs-scrolls.tabs7 { float: none !important; width: auto !important; display: table; }
    #tabs-scrolls.tabs8 { float: none !important; width: auto !important; display: table; }
    .vert-tab li { width: auto; }
}

@media screen and (min-width:1300px) and (max-width:1500px) {
    /*.thumbnail img { height: 138px;}*/
    div.stretchy-wrapper h1 { font-size: 12px; }
    div.stretchy-wrapper p { font-size: 10px; }
    .right-section .content_area .strip_row .right { padding-left: 50px; }
}

@media screen and (min-width:1024px) and (max-width:1300px) {
    /*.thumbnail img { height: 145px;}*/
    div.stretchy-wrapper h1 { font-size: 12px; }
    div.stretchy-wrapper p { font-size: 10px; }
    .right-section .content_area .strip_row .right { padding-left: 45px; }
}

@media screen and (min-width:768px) and (max-width:1023px) {
    /*.thumbnail img { height: 250px;}*/
    div.stretchy-wrapper h1 { font-size: 14px; }
    div.stretchy-wrapper p { font-size: 12px; }
    .type_box p { margin-bottom: 80%; }
    .bottom_navigation { min-height: 55px; }
    .bottom_navigation ul { height: 55px; padding: 10px 0; display: block; }
    .bottom_navigation { width: 100%; margin-bottom: -10px; min-height: 55px; }
    #tabs-scrolls { float: left; overflow-x: scroll; -webkit-overflow-scrolling: touch; white-space: nowrap; width: 100%; padding: 10px 0; }
    #tabs-scrolls li { display: inline-block; margin: 0 10px; float: none; }
    /*.fixed-booking { position: fixed; right: 10px; bottom: 55px; z-index: 2; top:auto; }
        .fixed-place { position: fixed; right: 10px; bottom: 55px; z-index: 2; }*/
}

@media screen and (min-width:320px) and (max-width:1199px) {/*
#title_area { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.hd_fixed { top:45px; padding-bottom:10px; position:fixed !important; z-index:99; -webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.2); box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.2); }
.hidden { display:none;}*/
    .main-content { height: calc(100% - 45px); -moz-height: calc(100% - 45px); -webkit-height: calc(100% - 45px); }
    .right-section { background: #ffffff; height: 100%; }
    
}

@media screen and (min-width:320px) and (max-width:767px) {
    .pad10-left, .pad10-right { padding: 0px; }
    .radio-tabs { margin: 0px 0px; display: block; }
    .radio-tabs div { margin: 0px 0px!important; }
    .radio-tabs input[type="radio"] + label span { width: 63px; }
    .user-profile span { display: none; }
   
    .left-content h3 { margin-bottom: 0px; margin-top: 15px; }
    .left-content select { width: 100%; }
    .tag_search { margin: 15px 0px; }
    /*.vertical-tab-menu { overflow-x: scroll; border-bottom:1px solid #e5e5e5; }*/
    #tabsscroll.vertical-tab-menu { width: 100%; float: left; }
    .vertical-tab-menu .mCSB_horizontal.mCSB_inside > .mCSB_container { margin-bottom: 10px; border-bottom: 1px solid #e5e5e5; }
    .list-group { width: 100%; }
    .list-group-item { float: left; }
    .radio-tabs { width: 100%; }
    #scrolltabs .inner { width: 100%; }
    .weektime { width: 100%; }
    .karma-point { position: relative; top: 0px; right: 0px; width: 100%; }
    .filter .center-fix, .location-area .center-fix { width: 100%; float: left; }
    .search_b .form_block { width: 100%; }
    .search_b .form-control { width: 100%; }
    #tabs-scroll { width: 100%; }
    .mobile_thumbnail { padding-bottom: 35px; width: 100%; float: left; }
    .main-content div.stretchy-wrapper:hover .back { display: none; }
    .form-filter label, .form-filter .date_input, .form-filter .search_input, .form-filter .btn_green, .form-filter .form-group { width: 100%; margin-right: 0px; }
    .right-section #scrollsection-right { height: 100%; }
    .right-section .content_area .strip_row h1 span { width: 100%; }
    .right-section .content_area .textfield { max-width: 100%; float: left; }
    .right-section .content_area .listfield { max-width: 70%; float: left; }
    .mrg { margin-top: 30px; }
    .takeorder, .takebooking, .refund { height: 100%; }
    .bottom_navigation { min-height: 55px; }
    .bottom_navigation ul { height: 55px; padding: 10px 0; display: block; }
    #tabs-scroll .mCustomScrollBox { padding-top: 15px; }
    #tabs-scroll .mCSB_scrollTools.mCSB_scrollTools_horizontal { top: 20px; }
    .right-section .content_area { padding-bottom: 50px; }
    .connect .strip_row i { margin-top: 0px; }
    .connect .strip_row .user-pic { width: 60px; }
    .mrgtop { margin-top: 20px; }
    .takeorder, .takebooking, .refund { height: 100%; }
    .order .tablevscroll, .order .tabscroll { height: auto; }
    /*---for mobile---*/
    .bottom_navigation { width: 100%; margin-bottom: -10px; min-height: 55px; }
    .bottom_navigation ul { min-height: 55px; padding: 10px 0; }
    #tabs-scrolls { float: left; overflow-x: scroll; -webkit-overflow-scrolling: touch; white-space: nowrap; width: 100%; padding: 10px 0; }
    #tabs-scrolls li { display: inline-block; margin: 0 10px; float: none; }
    /*---for mobile---*/
    .listings .form-group { float: left; margin-bottom: 15px; width: 100%; }
    .listings .form-control.date_input, .listings .listfield { width: 100%; }
    .right-section .title_area .strip p { line-height: 15px; }
    .report-btn { margin-top: 10px; }
    .sort_by_event, .sort_by_offer { box-shadow: none; border: 0px; }
    .filter.open_search .sort_by_offer, .filter.open_search .sort_by_event { top: 203px; -webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.2); box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.2); }
  
    .content.grid { padding-bottom: 60px !important; }
    .padleft0 { padding: 0px !important; padding-right: 0px !important; }
    .padright0 { padding: 0px !important; }
    .navbar-brand.button-collapse > span { display: none; }
    #carousel-video { height: auto; }
    .vert-tab li { width: auto; }
    .card-panel.horizontal-listing .title { margin-top: 10px; }
    #tabs-scrolls.tabs3 { float: none !important; width: auto !important; display: table; }
    /*.fixed-booking { position: fixed; right: 10px; bottom: 55px; z-index: 2; }
        .fixed-place { position: fixed; left: 10px; bottom: 55px; z-index: 2; }*/
    .open_sort_by { top: 202px !important; }
}

@media screen and (min-width:640px) and (max-width:767px) {
    .thumbnail img { height: auto; }
    div.stretchy-wrapper h1 { font-size: 14px; }
    div.stretchy-wrapper p { font-size: 12px; }
    .filter .location_input { margin-top: 5px; }
 
    .right-section .content_area .strip_row .right { padding-left: 0px; }
    .order .strip_row .right { padding-left: 0px; }
}

@media screen and (min-width:480px) and (max-width:639px) {
    .thumbnail img { height: auto; }
    div.stretchy-wrapper h1 { font-size: 14px; }
    div.stretchy-wrapper p { font-size: 12px; }
    .filter .location_input { margin-top: 5px; }
  
    .right-section .content_area .strip_row .right { padding-left: 25px; }
    .order .strip_row .right { padding-left: 20px; }
    #tabbar_con ul { width: 580px !important; }
    #tabs-scrolls.tabs4 { float: none !important; width: auto !important; display: table; }
}

@media screen and (min-width:360px) and (max-width:479px) {
    .menu .tab-pane { height: 600px; overflow-y: scroll; }
    .menu .logo { position: relative; top: 40px; width: 100%; }
    .thumbnail img { height: auto; }
    div.stretchy-wrapper h1 { font-size: 14px; }
    div.stretchy-wrapper p { font-size: 12px; }
    .filter .location_input { margin-top: 5px; }
    
    #tabbar_con { float: left; overflow: scroll; width: 100%; }
    #tabbar_con ul { width: 580px !important; }
    .right-section .content_area .strip_row .right { padding-left: 45px; }
    .reviews .strip_row .right { padding-left: 30px !important; }
    .order .strip_row .right { padding-left: 40px; }
    .right-section .title_area .strip .user-pic img { width: 70px; height: 70px; }
    .right-section .title_area .strip p { padding: 5px 0 5px 90px; }
    .horizontal-listing .set320 { float: right; width: 75%; }
    .sort_by_event .center-fix { width: 100%; }
}

@media screen and (min-width:320px) and (max-width:359px) {
    .menu .tab-pane { height: 425px; overflow-y: scroll; }
    .menu .logo { position: relative; top: 40px; width: 100%; }
 
    div.stretchy-wrapper h1 { font-size: 14px; }
    div.stretchy-wrapper p { font-size: 12px; }
    #sort-search.center-fix { width: 480px; }
    .center-fix .col-md-3 { width: 33%!important; }
    .filter .location_input { margin-top: 5px; }
   
    .rsOverflow { height: 100% !important; }
    #tabbar_con { float: left; overflow: scroll; width: 100%; }
    #tabbar_con ul { width: 580px !important }
    .right-section .content_area .strip_row .right { padding-left: 45px; }
    .reviews .strip_row .right { padding-left: 35px !important; }
    .order .strip_row .right { padding-left: 50px; }
    .right-section .title_area .strip .user-pic img { width: 70px; height: 70px; }
    .right-section .title_area .strip p { padding: 3px 0 5px 90px; }
    .ftbtn i { padding: 5px 15px !important; margin-right: 0px !important; margin-left: 5px !important; }
    .horizontal-listing .set320 { float: right; width: 70%; }
    .sort_by_event .center-fix { width: 100%; }
}

@media screen and (min-width:320px) and (max-width:600px) {
    /*date picker*/
   
    p { font-size: 13px ; }
}

@media screen and (min-width:1px) and (max-width:767px) {
    div.upload { margin-top: 5px !important; }
    .mpad-0 { padding-left: 0px !important; padding-right: 0px !important; }
    #thumbnail-slider { display: none; }
   
    .carousel-indicators { display: none; }
    #scrollsection-right .mCSB_inside > .mCSB_container { margin-right: 0px !important; }
}

@media screen and (min-width:1650px) and (max-width:2000px) {
    .dash-card { width: 33.3% !important; }
}
/* form error message*/
.errorMessage { color: red; font-size: 12px; }
/*Vijay changes-25-11-2016*/
.card .card-content { padding: 7px 10px !important; }
.card .card-title a { font-size: 14px; line-height: 18px !important; }
.card .card-title small {
    color: #666;
    font-size: 13px;
    font-weight: bold;
    position: absolute;
    text-transform: capitalize;
    top: 36px;
    left:0;
}
.card .card-title a b { font-weight: bold !important; }
.card .card-title {position: relative; }
.card-reveal p { font-size: 12px !important; }
.card-reveal .readmore { font-size: 12px; color: #2bbbad; }
.card .ratings span { margin-top: 0px; }
.card .ratings a { margin-top: 2px; }
.center-fix { clear: both; margin: 0 auto; padding: 6px 0; width: 60%; }
.center-fix .bootstrap-tagsinput { border: 0px; border-bottom: 1px solid #ccc; border-radius: 0px !important; box-shadow: none !important; width: 100%; background-color: transparent; }
.center-fix .bootstrap-tagsinput input { margin: 0px !important; }
.center-fix .bootstrap-tagsinput input:focus { border-bottom: 0px !important; box-shadow: none !important; }
/*div.star-rating, div.star-rating a {
    background: rgba(0, 0, 0, 0) url("../images/star_full.png") no-repeat scroll 0 0 !important;
}*/
#avarage-raty { width: 100%; float: left; }
#avarage-raty img { width: auto; }
.ratings { width: 100%; float: left; }
.ratings img { bottom: auto !important;
               display: inline !important;
               /*float: left;*/ 
               left: auto !important;
               position: relative !important;
               right: auto !important;
               top: auto !important;
               width: auto !important; }
.QtyCount { -moz-appearance: menulist; -webkit-appearance: menulist !important; appearance: menulist; min-width: 50px !important; }
/*vijay*/
/*.side-nav .nav-tabs a { width: 118px; }*/
.assign li a {
    color: #333;
    font-size: 14px;
    padding: 10px;
}
.menuname {
    color: #2bbbad;
    float: left;
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 30px;
    width: 100%;
}

.menuname:first-child {
    margin-top: 10px;
}
.venueFirst{
    font-weight:bold;
    font-size:16px !important;
    text-transform: capitalize;
}
.venueSecond{
    font-weight: lighter;
    font-size:14px !important;
    text-transform: capitalize;
}

.modal-header .close {
    margin-top: -9px !important;
}





.form-wrap{
    max-width: 500px;
    padding: 30px;
    background: #f1f1f1;
    margin: 20px auto;
    border-radius: 4px;
    text-align: center;
}
.form-wrap form{
    border-bottom: 1px dotted #ddd;
    padding: 10px;
}
.form-wrap #output{
    margin: 10px 0;
}
.form-wrap .error{
    color: #d60000;
}
.form-wrap .images {
    width: 100%;
    display: block;
    border: 1px solid #e8e8e8;
    padding: 5px;
    margin: 5px 0;
}
.form-wrap .thumbnails {
    width: 32%;
    display: inline-block;
    margin: 3px;
}

/* progress bar */
#progress-wrp {
    border: 1px solid #0099CC;
    padding: 1px;
    position: relative;
    border-radius: 3px;
    margin: 10px;
    text-align: left;
    background: #fff;
    box-shadow: inset 1px 3px 6px rgba(0, 0, 0, 0.12);
}
#progress-wrp .progress-bar{
    height: 20px;
    border-radius: 3px;
    background-color: #f39ac7;
    width: 0;
    box-shadow: inset 1px 1px 10px rgba(0, 0, 0, 0.11);
}
#progress-wrp .status{
    top:3px;
    left:50%;
    position:absolute;
    display:inline-block;
    color: #000000;
}


/*site wide background colour*/
.bgColor{ background: #f2f5f6 !important;}
/*hide arrows from galley for mobile device*/
@media screen and (min-width:320px) and (max-width:768px)  { .carousel-control .glyphicon-chevron-right {display:none} }
@media screen and (min-width:320px) and (max-width:768px)  { .carousel-control .glyphicon-chevron-left {display:none} }
.wow {
   visibility: hidden;
}
.admin-side-nav img {height: 100%;width: 100%}
#scrollsection-right .mCSB_inside > .mCSB_container {
 margin-right: 15px !important;
 padding-bottom: 100px;
}

/* verify page */
.login-form{width:390px;}
.login-title{font-family: 'Exo', sans-serif;text-align:center;color: white;}
.login-userinput{margin-bottom: 10px;}
.login-button{margin-top:10px;}
.login-options{margin-bottom:0px;}
.login-forgot{float: right;}



.view_icon {
    font-size: 25px;
   width:50px;
   height:50px;
   position:absolute;
   bottom:0px;
   right:65px
}

@media (min-width: 320px) and (max-width: 480px) {
    .loading_text{
        margin-left:-70px
    }
    .espinner{
        position:absolute;
        top:50%;
       
        left:62%;
        transform: translate3d(-50%,-50%, 0)
    }

    .notification{
        position:fixed;
        top:22%;
        left:0;
        background:#333;
        padding:15px;
        color:#fff;
        font-size:16px;
        box-shadow:0 0 25px rgba(33,33,33,0.5);
        border-radius:3px;
        transform:translateY(-50%);
        box-sizing:border-box;
        animation:0.3s down ease 1; 
        opacity:0;
    }
    .notification.active{
        top:22%;
        left:0;
        opacity:1;
        animation:0.3s up ease 1;
        display:block;
    }


   
}


@media (min-width: 1281px) {
    .loading_text{
        margin-left:-110px
    }
   
    .espinner{
        position:absolute;
        top:50%;
       
        left:68%;
        transform: translate3d(-50%,-50%, 0)
    }
    .notification{
        position:fixed;
        top:22%;
        left:0;
        background:#333;
        padding:15px;
        color:#fff;
        font-size:16px;
        box-shadow:0 0 25px rgba(33,33,33,0.5);
        border-radius:3px;
        transform:translateY(-50%);
        box-sizing:border-box;
        animation:0.3s down ease 1; 
        opacity:0;
    }
    .notification.active{
        top:22%;
        left:0;
        opacity:1;
        animation:0.3s up ease 1;
        display:block;
    }
    
}


.menu_label {
  
   
    border: none;
    border-bottom: 2px solid #CCC;
  
  
    background: #eaeaea;
  }
  
  .menu_label:focus {
    outline: none;
    border-bottom: 2px solid #00F;
  }

  .vl {
  border-left: 6px solid #fff;
  height: 10px;
}
  
  

  .menu_tabs a{
    background:#2BBBAD;
    color:#fff;
    
    padding: 5px
    
  }


  .autocomplete {
    position: relative;
    display: inline-block;
  }


  
  .autocomplete-items {
    position: absolute;
    border: 1px solid #d4d4d4;
    border-bottom: none;
    border-top: none;
    z-index: 99;
    /*position the autocomplete items to be the same width as the container:*/
    top: 100%;
    left: 0;
    right: 0;
  }
  
  .autocomplete-items div {
    padding: 10px;
    cursor: pointer;
    background-color: #fff; 
    border-bottom: 1px solid #d4d4d4; 
  }
  
  /*when hovering an item:*/
  .autocomplete-items div:hover {
    background-color: #e9e9e9; 
  }
  
  /*when navigating through the items using the arrow keys:*/
  .autocomplete-active {
    background-color: DodgerBlue !important; 
    color: #ffffff; 
  }



  #toast {
    visibility: hidden;
    max-width: 150px;
    height: 50px;
    /*margin-left: -125px;*/
    margin: auto;
    background-color: #333;
    color: #fff;
    
    border-radius: 2px;

    position: fixed;
    z-index: 1;
    left: 0;right:0;
    bottom: 30px;
    font-size: 17px;
   
}
#toast #img{
	width: 50px;
	height: 50px;
    
    float: left;
    
    padding-top: 16px;
    padding-bottom: 16px;
    
    box-sizing: border-box;

    
    background-color: #111;
    color: #fff;
}
#toast #desc{

    
    color: #fff;
   
    padding-bottom: 16px;
    padding-left: 10px;
    
    overflow: hidden;
	white-space: nowrap;
}

#toast.show {
    visibility: visible;
    -webkit-animation: fadein 0.5s, expand 5s 0.5s,stay 15s 1s, shrink 0.5s 2s, fadeout 0.5s 2.5s;
    animation: fadein 0.5s, expand 5s 0.5s,stay 15s 1s, shrink 0.5s 4s, fadeout 0.5s 4.5s;
}

@-webkit-keyframes fadein {
    from {bottom: 0; opacity: 0;} 
    to {bottom: 30px; opacity: 1;}
}

@keyframes fadein {
    from {bottom: 0; opacity: 0;}
    to {bottom: 30px; opacity: 1;}
}

@-webkit-keyframes expand {
    from {min-width: 50px} 
    to {min-width: 650px}
}

@keyframes expand {
    from {min-width: 50px}
    to {min-width: 650px}
}
@-webkit-keyframes stay {
    from {min-width: 650px} 
    to {min-width: 650px}
}

@keyframes stay {
    from {min-width: 650px}
    to {min-width: 650px}
}
@-webkit-keyframes shrink {
    from {min-width: 650px;} 
    to {min-width: 50px;}
}

@keyframes shrink {
    from {min-width: 650px;} 
    to {min-width: 50px;}
}

@-webkit-keyframes fadeout {
    from {bottom: 30px; opacity: 1;} 
    to {bottom: 60px; opacity: 0;}
}

@keyframes fadeout {
    from {bottom: 30px; opacity: 1;}
    to {bottom: 60px; opacity: 0;}
}


.image_container {
  position: relative;
  width: 50%;
  max-width: 300px;
}

/* Make the image to responsive */
.selected_cover{
    position: absolute;
  bottom: 40px;
  left:0px;
 
  background: rgba(0, 0, 0, 0.7); /* Black see-through */
  color: #f1f1f1;
  width: 100%;
  transition: .5s ease;
 
  color: white;
  font-size: 20px;
  padding: 20px;
  text-align: center;
}

/* The overlay effect - lays on top of the container and over the image */
.image_overlay {
  position: absolute;
  bottom: 0;
  background: rgb(0, 0, 0);
  background: rgba(0, 0, 0, 0.5); /* Black see-through */
  color: #f1f1f1;
  width: 100%;
  transition: .5s ease;
  opacity:0;
  color: white;
  font-size: 20px;
  padding: 20px;
  text-align: center;
}

/* When you mouse over the container, fade in the overlay title */
.image_container:hover .image_overlay {
  opacity: 1;
}

.field-icon {
  float: right;
  margin-left: -25px;
  margin-top: 10px;
  cursor:pointer;
  position: relative;
  z-index: 2;
}

.distance{
    color: #666;
    font-size: 13px;
    font-weight: bold;
   
    text-transform: capitalize;

}