/* === Merged: style.css + custom.css + demand_filters.css === */

/*------------------------------------------------------------------
[Master Stylesheet]

Project:	Prolist Directory HTML Template
Version:	1.0
Last change:	30/Sep/2017 [Initail Release]
-------------------------------------------------------------------*/

/*** ======= // TABLE OF CONTENT // ============================
1. General Styling
2. Cross Browser Compatibility
3. Header Style
4. Header Style 2
5. Sticky Header
6. Responsive Header
7. Slider
8. All Services
9. Reviews
10. Fun Facts
11. Our Team
12. Why Us
13. Theme Tabs
1900
14. Testimonial Carousel
15. Contact Form
16. Map
17. Latest News
18. Awards
19. Video
20. Contact Info
21. Single Attorney
22. Case Studies
23. Get Free Consultation
24. Fancy Attorney Style
25. Laws
26. Parallax Text
27. Simple Attorney Carousel
28. Testimonial Full Carousel
29. Custom Tabs
30. Page Top
31. About Section
32. Lawyer Single
33. Awards
34. Careers
35. Blog Single Page
36. Sidebar
37. Footer
38. Experience Bar
39. Bottom Bar
40. LIGHTBOX PLUGIN STYLING
41. OWL CAROUSEL STYLING
===================================================== ***/

/*=============== General Styling ===================*/
html, body {
    overflow-x: hidden;
}

body {
    float: left;
    width: 100%;
    color: #777777;
    position: relative;
}

h1, h2, h3, h4, h5, h6 {
    font-family: Oswald;
}

body,
p,
ul li, ul li a,
ol li, ol li a {
    font-family: Roboto;
}

h1, h2, h3, h4, h5, h6 {
    color: #2e2e2e;
}

.row.no-gap {
    margin: 0;
}

.row.no-gap > div {
    padding: 0;
}

p {
    color: #666666;
    line-height: 28px;
    font-size: 16px;
    letter-spacing: 0.4px;
}

ul li, ul li a,
ol li, ol li a {
    color: #777777;
    font-size: 15px;
    line-height: 28px;
}

a:hover,
a:focus {
    text-decoration: none;
    outline: none;
}

.theme-layout {
    float: left;
    width: 100%;
}

.theme-layout.boxed {
    background: none repeat scroll 0 0 #FFFFFF;
    float: none;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    z-index: 1;
    width: 1300px;

    -webkit-box-shadow: 0 0 6px #747474;
    -moz-box-shadow: 0 0 6px #747474;
    -ms-box-shadow: 0 0 6px #747474;
    -o-box-shadow: 0 0 6px #747474;
    box-shadow: 0 0 6px #747474;
}

section {
    background: #ffffff none repeat scroll 0 0;
    float: left;
    position: relative;
    width: 100%;
}

.block.less-top {
    padding-top: 130px;
}

.block.less-bottom {
    padding-bottom: 130px;
}

.block.dark {
    background: #2b2d42;
}

.block {
    float: left;
    padding: 65px 0;
    position: relative;
    width: 100%;
    z-index: 0;
}

.block.low-gape-top {
    padding-top: 100px;
}

.block.low-gape-bottom {
    padding-bottom: 100px;
}

.block .container {
    padding: 0;
}

.container {
    padding: 0;
}

.block.remove-top {
    padding-top: 0;
}

.block.no-padding {
    padding: 0;
}

.block.remove-bottom {
    padding-bottom: 0;
}

.block.gray, .gray {
    background-color: #f4f4f4;
}

iframe {
    width: 100%;
    border: 0;
}

.parallax, .fixed-bg {
    height: 100%;
    width: 100%;
    margin: 0;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -2;
}

.parallax.no-parallax {
    background-size: cover !important;
    background-position: 0 0 !important;
}

.fixed-bg {
    background-attachment: fixed !important;
    background-size: cover !important;
}

.blackish:before {
    background: #222222;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.7;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}

.whitish:before {
    background: #f2f2f2;
    opacity: 0.8;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}

iframe {
    border: 0;
    width: 100%;
    float: left;
}

.container.full-container {
    width: 100%;
}

.parallax.light {
    opacity: 0.18;
}

.block .container {
    position: relative;
    z-index: 2;
}

/* Page Loading */
.page-loading {
    background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    position: fixed;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 2147483647;
}

.page-loading > img {
    left: 50%;
    position: absolute;
    top: 50%;

    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}


/* Icons */
@font-face {
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('fonts/slick.eot');
    src: url('fonts/slick.eot?#iefix') format('embedded-opentype'), url('fonts/slick.woff') format('woff'), url('fonts/slick.ttf') format('truetype'), url('fonts/slick.svg#slick') format('svg');
}

/* Arrows */
.slick-prev, .slick-next {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 2px solid #2b2d42;

    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;

    color: transparent;
    cursor: pointer;
    display: block;
    font-size: 0;
    height: 40px;
    line-height: 0;
    margin-top: -10px;
    outline: medium none;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 40px;
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
    opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
    opacity: .25;
}

.slick-prev::before, .slick-next::before {
    color: #2b2d42;
    font-family: "lineawesome";
    font-size: 16px;
    line-height: 1;
    opacity: 0.75;
}

.slick-prev {
    left: -55px
}

[dir='rtl'] .slick-prev {
    right: -55px;
    left: auto;
}

.slick-prev::before {
    content: "\f111";
}

[dir='rtl'] .slick-prev:before {
    content: '\f111';
}

.slick-next {
    right: -55px;
}

[dir='rtl'] .slick-next {
    right: auto;
    left: -55px;
}

.slick-next:before {
    content: '\f112';
}

[dir='rtl'] .slick-next:before {
    content: '\f112';
}


.slick-slider {
    position: relative;
    display: block;

    -moz-box-sizing: border-box;
    box-sizing: border-box;

    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}

.slick-track:before,
.slick-track:after {
    display: table;
    content: '';
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}


/* Mian Featured Sec */
.main-featured-sec {
    float: left;
    padding: 290px 50px 190px;
    position: relative;
    width: 100%;
}

.featured-bg-slide {
    float: left;
    height: 100%;
    left: 0;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.main-featured-text {
    float: left;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 1;
}

.main-featured-text h1 {
    color: #ffffff;
    float: left;
    font-family: Oswald;
    font-size: 70px;
    margin: 0;
    width: 100%;
}

.featured-bg-slide img {
    float: left;
    width: 100%;
}

.main-featured-sec::before {
    background-image: url("../images/layer.png");
    content: "";
    background-size: contain;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}

.gradient-layer:before {
    background-image: url("../images/layer.png");
    content: "";
    background-size: contain;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}

.main-featured-text h1 {
    color: #ffffff;
    float: left;
    font-family: Oswald;
    font-size: 55px;
    font-weight: 500;
    margin: 0;
    text-transform: uppercase;
    width: 100%;
}

.main-featured-text > span {
    color: #ffffff;
    float: left;
    font-family: Roboto;
    font-size: 18px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 30px;
    margin: 22px 0 0;
    width: 100%;
}

.SumoSelect p {
    margin: 0;
}

.SumoSelect {
    width: 200px;
}

.SelectBox {
    padding: 5px 8px;
}

.sumoStopScroll {
    overflow: hidden;
}

/* Filtering style */
.SumoSelect .hidden {
    display: none;
}

.SumoSelect .search-txt {
    display: none;
    outline: none;
}

.SumoSelect .no-match {
    display: none;
    padding: 6px;
}

.SumoSelect.open .search-txt {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    margin: 0;
    padding: 5px 8px;
    border: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px;
}

.SumoSelect.open > .search > span, .SumoSelect.open > .search > label {
    visibility: hidden;
}

/*this is applied on that hidden select. DO NOT USE display:none; or visiblity:hidden; and Do not override any of these properties. */
.SelectClass, .SumoUnder {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    border: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}

.SelectClass {
    z-index: 1;
}

.SumoSelect > .optWrapper > .options li.opt label, .SumoSelect > .CaptionCont, .SumoSelect .select-all > label {
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
}

.SumoSelect {
    display: inline-block;
    position: relative;
    outline: none;
}

.SumoSelect > .CaptionCont {
    position: relative;
    border: 1px solid #A4A4A4;
    min-height: 14px;
    background-color: #fff;
    border-radius: 2px;
    margin: 0;
}

.SumoSelect > .CaptionCont > span {
    display: block;
    padding-right: 30px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    cursor: default;
}

/*placeholder style*/
.SumoSelect > .CaptionCont > span.placeholder {
    color: #ccc;
    font-style: italic;
}

.SumoSelect > .CaptionCont > label {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 30px;
}

.SumoSelect > .CaptionCont > label > i {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3wMdBhAJ/fwnjwAAAGFJREFUKM9jYBh+gBFKuzEwMKQwMDB8xaOWlYGB4T4DA0MrsuapDAwM//HgNwwMDDbYTJuGQ8MHBgYGJ1xOYGNgYJiBpuEpAwODHSF/siDZ+ISBgcGClEDqZ2Bg8B6CkQsAPRga0cpRtDEAAAAASUVORK5CYII=');
    background-position: center center;
    width: 16px;
    height: 16px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background-repeat: no-repeat;
    opacity: 0.8;
}

.SumoSelect > .optWrapper {
    display: none;
    z-index: 1000;
    top: 30px;
    width: 100%;
    position: absolute;
    left: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #ddd;
    box-shadow: 2px 3px 3px rgba(0, 0, 0, 0.11);
    border-radius: 3px;
    overflow: hidden;
}

.SumoSelect.open > .optWrapper {
    top: 35px;
    display: block;
}

.SumoSelect.open > .optWrapper.up {
    top: auto;
    bottom: 100%;
    margin-bottom: 5px;
}

.SumoSelect > .optWrapper ul {
    list-style: none;
    display: block;
    padding: 0;
    margin: 0;
    overflow: auto;
}

.SumoSelect > .optWrapper > .options {
    border-radius: 2px;
    position: relative;
    /*Set the height of pop up here (only for desktop mode)*/
    max-height: 250px;
    /*height*/
}

.SumoSelect > .optWrapper.okCancelInMulti > .options {
    border-radius: 2px 2px 0 0;
}

.SumoSelect > .optWrapper.selall > .options {
    border-radius: 0 0 2px 2px;
}

.SumoSelect > .optWrapper.selall.okCancelInMulti > .options {
    border-radius: 0;
}

.SumoSelect > .optWrapper > .options li.group.disabled > label {
    opacity: 0.5;
}

.SumoSelect > .optWrapper > .options li ul li.opt {
    padding-left: 22px;
}

.SumoSelect > .optWrapper.multiple > .options li ul li.opt {
    padding-left: 50px;
}

.SumoSelect > .optWrapper.isFloating > .options {
    max-height: 100%;
    box-shadow: 0 0 100px #595959;
}

.SumoSelect > .optWrapper > .options li.opt {
    position: relative;
}

.SumoSelect > .optWrapper > .options > li.opt:first-child {
    border-radius: 2px 2px 0 0;
}

.SumoSelect > .optWrapper.selall > .options > li.opt:first-child {
    border-radius: 0;
}

.SumoSelect > .optWrapper > .options > li.opt:last-child {
    border-radius: 0 0 2px 2px;
    border-bottom: none;
}

.SumoSelect > .optWrapper.okCancelInMulti > .options > li.opt:last-child {
    border-radius: 0;
}

.SumoSelect > .optWrapper > .options li.opt:hover {
    background-color: #E4E4E4;
}

.SumoSelect > .optWrapper > .options li.opt.sel, .SumoSelect .select-all.sel {
    background-color: #a1c0e4;
}

.SumoSelect > .optWrapper > .options li label {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    cursor: pointer;
}

.SumoSelect > .optWrapper > .options li span {
    display: none;
}

.SumoSelect > .optWrapper > .options li.group > label {
    cursor: default;
    padding: 8px 6px;
    font-weight: bold;
}

/*Floating styles*/
.SumoSelect > .optWrapper.isFloating {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 90%;
    bottom: 0;
    margin: auto;
    max-height: 90%;
}

/*disabled state*/
.SumoSelect > .optWrapper > .options li.opt.disabled {
    background-color: inherit;
    pointer-events: none;
}

.SumoSelect > .optWrapper > .options li.opt.disabled * {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE 5-7 */
    filter: alpha(opacity=50); /* Netscape */
    -moz-opacity: 0.5; /* Safari 1.x */
    -khtml-opacity: 0.5; /* Good browsers */
    opacity: 0.5;
}

/*styling for multiple select*/
.SumoSelect > .optWrapper.multiple > .options li.opt {
    padding-left: 35px;
    cursor: pointer;
}

.SumoSelect > .optWrapper.multiple > .options li.opt span,
.SumoSelect .select-all > span {
    position: absolute;
    display: block;
    width: 30px;
    top: 0;
    bottom: 0;
    margin-left: -35px;
}

.SumoSelect > .optWrapper.multiple > .options li.opt span i,
.SumoSelect .select-all > span i {
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 14px;
    height: 14px;
    border: 1px solid #AEAEAE;
    border-radius: 2px;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15);
    background-color: #fff;
}

.SumoSelect > .optWrapper > .MultiControls {
    display: none;
    border-top: 1px solid #ddd;
    background-color: #fff;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.13);
    border-radius: 0 0 3px 3px;
}

.SumoSelect > .optWrapper.multiple.isFloating > .MultiControls {
    display: block;
    margin-top: 5px;
    position: absolute;
    bottom: 0;
    width: 100%;
}

.SumoSelect > .optWrapper.multiple.okCancelInMulti > .MultiControls {
    display: block;
}

.SumoSelect > .optWrapper.multiple.okCancelInMulti > .MultiControls > p {
    padding: 6px;
}

.SumoSelect > .optWrapper.multiple.okCancelInMulti > .MultiControls > p:focus {
    box-shadow: 0 0 2px #a1c0e4;
    border-color: #a1c0e4;
    outline: none;
    background-color: #a1c0e4;
}

.SumoSelect > .optWrapper.multiple > .MultiControls > p {
    display: inline-block;
    cursor: pointer;
    padding: 12px;
    width: 50%;
    box-sizing: border-box;
    text-align: center;
}

.SumoSelect > .optWrapper.multiple > .MultiControls > p:hover {
    background-color: #f1f1f1;
}

.SumoSelect > .optWrapper.multiple > .MultiControls > p.btnOk {
    border-right: 1px solid #DBDBDB;
    border-radius: 0 0 0 3px;
}

.SumoSelect > .optWrapper.multiple > .MultiControls > p.btnCancel {
    border-radius: 0 0 3px 0;
}

/*styling for select on popup mode*/
.SumoSelect > .optWrapper.isFloating > .options li.opt {
    padding: 12px 6px;
}

/*styling for only multiple select on popup mode*/
.SumoSelect > .optWrapper.multiple.isFloating > .options li.opt {
    padding-left: 35px;
}

.SumoSelect > .optWrapper.multiple.isFloating {
    padding-bottom: 43px;
}

.SumoSelect > .optWrapper.multiple > .options li.opt.selected span i,
.SumoSelect .select-all.selected > span i,
.SumoSelect .select-all.partial > span i {
    background-color: rgb(17, 169, 17);
    box-shadow: none;
    border-color: transparent;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAYAAAD+Bd/7AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAABMSURBVAiZfc0xDkAAFIPhd2Kr1WRjcAExuIgzGUTIZ/AkImjSofnbNBAfHvzAHjOKNzhiQ42IDFXCDivaaxAJd0xYshT3QqBxqnxeHvhunpu23xnmAAAAAElFTkSuQmCC');
    background-repeat: no-repeat;
    background-position: center center;
}

/*disabled state*/
.SumoSelect.disabled {
    opacity: 0.7;
    cursor: not-allowed;
}

.SumoSelect.disabled > .CaptionCont {
    border-color: #ccc;
    box-shadow: none;
}

/**Select all button**/
.SumoSelect .select-all {
    border-radius: 3px 3px 0 0;
    position: relative;
    border-bottom: 1px solid #ddd;
    background-color: #fff;
    padding: 8px 0 3px 35px;
    height: 20px;
    cursor: pointer;
}

.SumoSelect .select-all > label, .SumoSelect .select-all > span i {
    cursor: pointer;
}

.SumoSelect .select-all.partial > span i {
    background-color: #ccc;
}

/*styling for optgroups*/
.SumoSelect > .optWrapper > .options li.optGroup {
    padding-left: 5px;
    text-decoration: underline;
}

/*!
Chosen, a Select Box Enhancer for jQuery and Prototype
by Patrick Filler for Harvest, http://getharvest.com

Version 1.8.2
Full source at https://github.com/harvesthq/chosen
Copyright (c) 2011-2017 Harvest http://getharvest.com

MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md
This file is generated by `grunt build`, do not edit it by hand.
*/

/* @group Base */
.chosen-container {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 13px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.chosen-container * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.chosen-container .chosen-drop {
    position: absolute;
    top: 100%;
    z-index: 1010;
    width: 100%;
    border: 1px solid #dedede;
    border-top: 0;
    background: #fff;
    clip: rect(0, 0, 0, 0);
}

.chosen-container.chosen-with-drop .chosen-drop {
    clip: auto;
}

.chosen-container a {
    cursor: pointer;
}

.chosen-container .search-choice .group-name, .chosen-container .chosen-single .group-name {
    margin-right: 4px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: normal;
    color: #999999;
}

.chosen-container .search-choice .group-name:after, .chosen-container .chosen-single .group-name:after {
    content: ":";
    padding-left: 2px;
    vertical-align: top;
}

/* @end */
/* @group Single Chosen */
.chosen-container-single .chosen-single {
    position: relative;
    display: block;
    overflow: hidden;
    padding: 0 0 0 8px;
    height: 25px;
    border: 1px solid #aaa;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;

    background-color: #fff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #fff), color-stop(50%, #f6f6f6), color-stop(52%, #eee), to(#f4f4f4));
    background: linear-gradient(#fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);
    background-clip: padding-box;
    -webkit-box-shadow: 0 0 3px #fff inset, 0 1px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 3px #fff inset, 0 1px 1px rgba(0, 0, 0, 0.1);
    color: #444;
    text-decoration: none;
    white-space: nowrap;
    line-height: 24px;
}

.chosen-container-single .chosen-default {
    color: #999;
}

.chosen-container-single .chosen-single span {
    display: block;
    overflow: hidden;
    margin-right: 26px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.chosen-container-single .chosen-single-with-deselect span {
    margin-right: 38px;
}

.chosen-container-single .chosen-single abbr {
    position: absolute;
    top: 6px;
    right: 26px;
    display: block;
    width: 12px;
    height: 12px;
    background: url("") -42px 1px no-repeat;
    font-size: 1px;
}

.chosen-container-single .chosen-single abbr:hover {
    background-position: -42px -10px;
}

.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
    background-position: -42px -10px;
}

.chosen-container-single .chosen-single div {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 18px;
    height: 100%;
}

.chosen-container-single .chosen-single div b {
    display: block;
    width: 100%;
    height: 100%;
    background: url("") no-repeat 0px 2px;
}

.chosen-container-single .chosen-search {
    position: relative;
    z-index: 1010;
    margin: 0;
    padding: 3px 10px;
    white-space: nowrap;
}

.chosen-container-single .chosen-search input[type="text"] {
    margin: 1px 0;
    padding: 10px 20px 10px 5px;
    width: 100%;
    height: auto;
    outline: 0;
    border: 1px solid #dedede;
    background: url("") no-repeat 100% -20px;
    font-size: 1em;
    font-family: sans-serif;
    line-height: normal;

    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;

}

.chosen-container-single .chosen-drop {
    margin-top: -1px;
    -webkit-border-radius: 0 0 2px 2px;
    -moz-border-radius: 0 0 2px 2px;
    -ms-border-radius: 0 0 2px 2px;
    -o-border-radius: 0 0 2px 2px;
    border-radius: 0 0 2px 2px;

    background-clip: padding-box;
}

.chosen-container-single.chosen-container-single-nosearch .chosen-search {
    position: absolute;
    clip: rect(0, 0, 0, 0);
}

/* @end */
/* @group Results */
.chosen-container .chosen-results {
    color: #444;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    margin: 0 4px 4px 0;
    padding: 0 0 0 4px;
    max-height: 240px;
    -webkit-overflow-scrolling: touch;
}

.chosen-container .chosen-results li {
    display: none;
    margin: 0;
    padding: 8px 6px;
    list-style: none;
    line-height: 15px;
    font-size: 14px;
    word-wrap: break-word;
    -webkit-touch-callout: none;
    color: #444;
}

.chosen-container .chosen-results li.active-result {
    display: list-item;
    cursor: pointer;

}

.result-selected {
    color: #d90429 !important;
}

.chosen-container .chosen-results li:hover {
    color: #d90429;
}

.chosen-container .chosen-results li.disabled-result {
    display: list-item;
    color: #ccc;
    cursor: default;
}


.chosen-container .chosen-results li.no-results {
    color: #777;
    display: list-item;
    background: #f4f4f4;
}

.chosen-container .chosen-results li.group-result {
    display: list-item;
    font-weight: bold;
    cursor: default;
}

.chosen-container .chosen-results li.group-option {
    padding-left: 15px;
}

.chosen-container .chosen-results li em {
    font-style: normal;
    text-decoration: underline;
}

/* @end */
/* @group Multi Chosen */
.chosen-container-multi .chosen-choices {
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 0 5px;
    width: 100%;
    height: auto;
    border: 1px solid #aaa;
    background-color: #fff;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #eee), color-stop(15%, #fff));
    background-image: linear-gradient(#eee 1%, #fff 15%);
    cursor: text;
}

.chosen-container-multi .chosen-choices li {
    float: left;
    list-style: none;
}

.chosen-container-multi .chosen-choices li.search-field {
    margin: 0;
    padding: 0;
    white-space: nowrap;
}

.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
    margin: 1px 0;
    padding: 0;
    height: 25px;
    outline: 0;
    border: 0 !important;
    background: transparent !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #999;
    font-size: 100%;
    font-family: sans-serif;
    line-height: normal;

    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;

    width: 25px;
}

.chosen-container-multi .chosen-choices li.search-choice {
    position: relative;
    margin: 3px 5px 3px 0;
    padding: 3px 20px 3px 5px;
    border: 1px solid #aaa;
    max-width: 100%;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    background-color: #eeeeee;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), to(#eee));
    background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    background-size: 100% 19px;
    background-repeat: repeat-x;
    background-clip: padding-box;
    -webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
    color: #333;
    line-height: 13px;
    cursor: default;
}

.chosen-container-multi .chosen-choices li.search-choice span {
    word-wrap: break-word;
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
    position: absolute;
    top: 4px;
    right: 3px;
    display: block;
    width: 12px;
    height: 12px;
    background: url("") -42px 1px no-repeat;
    font-size: 1px;
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
    background-position: -42px -10px;
}

.chosen-container-multi .chosen-choices li.search-choice-disabled {
    padding-right: 5px;
    border: 1px solid #ccc;
    background-color: #e4e4e4;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), to(#eee));
    background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    color: #666;
}

.chosen-container-multi .chosen-choices li.search-choice-focus {
    background: #d4d4d4;
}

.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
    background-position: -42px -10px;
}

.chosen-container-multi .chosen-results {
    margin: 0;
    padding: 0;
}

.chosen-container-multi .chosen-drop .result-selected {
    display: list-item;
    color: #ccc;
    cursor: default;
}

/* @end */
/* @group Active  */
.chosen-container-active .chosen-single {
    border: 1px solid #5897fb;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.chosen-container-active.chosen-with-drop .chosen-single {
    border: 1px solid #dedede;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;

}

.chosen-container-active.chosen-with-drop .chosen-single div {
    border-left: none;
    background: transparent;
}

.chosen-container-active.chosen-with-drop .chosen-single div b {
    background-position: -18px 2px;
}

.chosen-container-active .chosen-choices {
    border: 1px solid #5897fb;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.chosen-container-active .chosen-choices li.search-field input[type="text"] {
    color: #222 !important;
}

/* @end */
/* @group Disabled Support */
.chosen-disabled {
    opacity: 0.5 !important;
    cursor: default;
}

.chosen-disabled .chosen-single {
    cursor: default;
}

.chosen-disabled .chosen-choices .search-choice .search-choice-close {
    cursor: default;
}

/* @end */
/* @group Right to Left */
.chosen-rtl {
    text-align: right;
}

.chosen-rtl .chosen-single {
    overflow: visible;
    padding: 0 8px 0 0;
}

.chosen-rtl .chosen-single span {
    margin-right: 0;
    margin-left: 26px;
    direction: rtl;
}

.chosen-rtl .chosen-single-with-deselect span {
    margin-left: 38px;
}

.chosen-rtl .chosen-single div {
    right: auto;
    left: 3px;
}

.chosen-rtl .chosen-single abbr {
    right: auto;
    left: 26px;
}

.chosen-rtl .chosen-choices li {
    float: right;
}

.chosen-rtl .chosen-choices li.search-field input[type="text"] {
    direction: rtl;
}

.chosen-rtl .chosen-choices li.search-choice {
    margin: 3px 5px 3px 0;
    padding: 3px 5px 3px 19px;
}

.chosen-rtl .chosen-choices li.search-choice .search-choice-close {
    right: auto;
    left: 4px;
}

.chosen-rtl.chosen-container-single .chosen-results {
    margin: 0 0 4px 4px;
    padding: 0 4px 0 0;
}

.chosen-rtl .chosen-results li.group-option {
    padding-right: 15px;
    padding-left: 0;
}

.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
    border-right: none;
}

.chosen-rtl .chosen-search input[type="text"] {
    padding: 4px 5px 4px 20px;
    background: url("") no-repeat -30px -20px;
    direction: rtl;
}

.chosen-rtl.chosen-container-single .chosen-single div b {
    background-position: 6px 2px;
}

.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
    background-position: -12px 2px;
}

/* @end */
/* @group Retina compatibility */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
    .chosen-rtl .chosen-search input[type="text"],
    .chosen-container-single .chosen-single abbr,
    .chosen-container-single .chosen-single div b,
    .chosen-container-single .chosen-search input[type="text"],
    .chosen-container-multi .chosen-choices .search-choice .search-choice-close,
    .chosen-container .chosen-results-scroll-down span,
    .chosen-container .chosen-results-scroll-up span {
        background-image: url("chosen-sprite@2x.png") !important;
        background-size: 52px 37px !important;
        background-repeat: no-repeat !important;
    }
}

/* Search Form */
.directory-searcher {
    background: #ffffff none repeat scroll 0 0;

    -webkit-border-radius: 80px;
    -moz-border-radius: 80px;
    -ms-border-radius: 80px;
    -o-border-radius: 80px;
    border-radius: 80px;

    float: left;
    left: 50%;
    margin-left: -570px;
    margin-top: 60px;
    position: relative;
    width: 1140px;
    z-index: 2;
}

.directory-searcher > form {
    display: table;
    float: left;
    width: 100%;
}

.directory-searcher > form .field {
    display: table-cell;
    padding: 0 30px;
    position: relative;
    vertical-align: middle;
}

.field .chosen-container > a::before {
    content: "\f110";
    font-family: lineawesome;
    font-size: 12px;
    position: absolute;
    right: 0;
    top: 0;
}

.directory-searcher > form .field::before {
    background: #dce2e4 none repeat scroll 0 0;
    content: "";
    height: 28px;
    margin-top: -14px;
    position: absolute;
    right: 0;
    top: 50%;
    width: 1px;
}

.directory-searcher > form .field > input {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    color: #8d99ae;
    float: left;
    font-family: Roboto;
    font-size: 14px;
    height: 60px;
    margin: 0;
    padding: 0 0 0 20px;
    width: 100%;
}

.field .chosen-container {
    float: left;
    min-width: 160px !important;
    width: 100% !important;
}

.field .chosen-container > a, .field .chosen-container.chosen-container-single.chosen-container-active > a {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;

    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;

    color: #8d99ae;
    float: left;
    font-family: Roboto;
    font-size: 14px;
    height: auto;
    padding: 0 20px 0 0;
    width: 100%;
}

.field .chosen-container > .chosen-drop {
    background: #edf2f4 none repeat scroll 0 0;
    border: medium none;

    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;

    margin-top: 18px;
    padding: 10px;
}

.field .chosen-container-single .chosen-search input[type="text"] {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #cccccc;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    height: 30px;
}

.field .chosen-container .chosen-results {
    margin: 0;
    padding: 0;
}

.field .chosen-container .chosen-results li.active-result.result-selected {
    background: #ffffff none repeat scroll 0 0;
    margin: 4px 0;
    padding: 7px 6px;
}

.field .chosen-container .chosen-results li {
    color: #121212;
    font-family: Roboto;
    font-size: 14px;
    margin: 2px 0;
}

.field .chosen-container .chosen-results li.highlighted {
    background: #ffffff none repeat scroll 0 0;
}

.directory-searcher > form .field:last-child::before {
    display: none;
}

.directory-searcher > form .field:last-child {
    padding: 0;
}

.directory-searcher > form button {
    border: medium none;

    -webkit-border-radius: 0 30px 30px 0;
    -moz-border-radius: 0 30px 30px 0;
    -ms-border-radius: 0 30px 30px 0;
    -o-border-radius: 0 30px 30px 0;
    border-radius: 0 30px 30px 0;

    color: #ffffff;
    float: right;
    font-family: Oswald;
    font-size: 21px;
    height: 60px;
    margin-left: -1px;
    padding: 0 50px;
    width: 100%;
}

.directory-searcher > form button i {
    margin-right: 11px;
}

/* Cat Lists */
.cat-lists {
    float: left;
    margin-top: 80px;
    padding: 0 50px;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 1;
}

.cat-lists > ul {
    float: left;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    width: 100%;
}

.cat-lists > ul > li {
    display: inline-block;
    float: none;
    margin: 0 32px;
}

.cat-lists > ul > li a {
    float: left;
}

.cat-lists > ul > li a i {
    background: rgba(0, 23, 31, 0.5) none repeat scroll 0 0;

    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;

    color: #ffffff;
    display: table;
    float: none;
    font-size: 40px;
    height: 80px;
    left: 50%;
    line-height: 80px;
    margin-left: -40px;
    position: relative;
    width: 80px;
}

.cat-lists span {
    color: #ffffff;
    float: left;
    font-family: Roboto;
    font-size: 16px;
    margin: 6px 0 0;
    width: 100%;
}

.mian-featured-area {
    float: left;
    position: relative;
    width: 100%;
}

.floating {
    float: left;
    -webkit-animation-name: Floatingx;
    -webkit-animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-name: Floating;
    -moz-animation-duration: 3s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: ease-in-out;
    margin-left: 30px;
    margin-top: 5px;

}

@-webkit-keyframes Floatingx {
    from {
        -webkit-transform: translate(0, 0px);
    }
    65% {
        -webkit-transform: translate(0, 15px);
    }
    to {
        -webkit-transform: translate(0, -0px);
    }
}

@-moz-keyframes Floating {
    from {
        -moz-transform: translate(0, 0px);
    }
    65% {
        -moz-transform: translate(0, 15px);
    }
    to {
        -moz-transform: translate(0, -0px);
    }
}

.arrow-down {
    border: 1px solid #f3f4f5;

    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;

    bottom: -130px;
    color: #ffffff;
    font-size: 15px;
    height: 44px;
    left: 50%;
    line-height: 44px;
    margin-left: -22px;
    position: absolute;
    text-align: center;
    width: 44px;
    z-index: 1;
}

/* Header */
header.on-top {
    border-bottom: 1px solid rgba(141, 153, 174, 0.5);
    display: table;
    float: left;
    padding: 0 70px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2;
}

.logo {
    display: table-cell;
    vertical-align: middle;
    width: 100px;
}

.logo > a {
    float: left;
}

.menu-sec {
    display: table-cell;
    vertical-align: middle;
}

header .SumoSelect {
    float: right;
    margin: 34px 0;
    width: 70px;
}

header .SumoSelect p.SelectBox {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    cursor: pointer;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;

    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;

    color: #ffffff;
    font-family: Roboto;
    font-size: 13px;
    font-weight: 500;
    opacity: 0.4;
    padding: 0;
    text-align: right;
    width: auto;
}

header .SumoSelect > .optWrapper {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;

    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;

}

header .SumoSelect > .optWrapper > .options > li {
    background: #00171f none repeat scroll 0 0;
    border: medium none;
}

header .SumoSelect > .optWrapper > .options > li:first-child {
    -webkit-border-radius: 6px 6px 0 0;
    -moz-border-radius: 6px 6px 0 0;
    -ms-border-radius: 6px 6px 0 0;
    -o-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;

    padding-top: 20px;
}

header .SumoSelect > .optWrapper > .options > li:last-child {
    -webkit-border-radius: 0px 0px 6px 6px;
    -moz-border-radius: 0px 0px 6px 6px;
    -ms-border-radius: 0px 0px 6px 6px;
    -o-border-radius: 0px 0px 6px 6px;
    border-radius: 0px 0px 6px 6px;

    padding-bottom: 20px;
}

header .SumoSelect > .CaptionCont > label > i {
    background-image: none;
}

header .SumoSelect > .CaptionCont > label::before {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #ffffff;
    content: "";
    position: absolute;
    right: 11px;
    top: 12px;
}

header .SumoSelect > .optWrapper > .options > li {
    background: #00171f none repeat scroll 0 0;
    border: medium none;
    color: #8d99ae;
    font-family: Roboto;
    font-size: 16px;
    font-weight: normal;
    padding: 0;
}

header .SumoSelect > .optWrapper > .options > li label {
    color: #8d99ae;
    font-family: Roboto;
    font-size: 14px;
    font-weight: normal;
    margin: 0;
    padding: 3px 50px;
    position: relative;
}

header .SumoSelect > .optWrapper > .options > li label::before {
    content: "\f112";
    font-family: lineawesome;
    font-size: 12px;
    left: 26px;
    position: absolute;
    top: 3px;
}

header .SumoSelect > .optWrapper > .options li.opt:hover {
    background: #00171f none repeat scroll 0 0;
}

header .SumoSelect > .optWrapper > .options > li label:hover {
    color: #ffffff;
}

header .SumoSelect.open > .optWrapper {
    left: auto;
    margin-top: 24px;
    padding-top: 10px;
    right: 0;
    top: 100%;
    width: 175px;
}

header .SumoSelect.open > .optWrapper::before {
    background: #00171f none repeat scroll 0 0;
    content: "";
    height: 20px;
    position: absolute;
    right: 29px;
    top: 4px;

    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);

    width: 20px;
}

header .SumoSelect > .optWrapper > .options > li.opt.selected label {
    color: #ffffff;
}

.acount-header-btn {
    color: #8f8a90;
    float: right;
    font-family: Roboto;
    font-size: 13px;
    margin-left: 20px;
    padding: 19px 0;
}

.acount-header-btn span {
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    font-family: Roboto;
    font-size: 13px;
    margin: 0 5px;
    padding: 20px 0;
    text-transform: uppercase;
    opacity: 0.4;
}

.register-btn:hover,
.login-btn:hover {
    opacity: 1;
}

.acount-header-btn:hover {
    opacity: 1;
}

.add-listing-btn {
    background: rgba(141, 153, 174, 0.8) none repeat scroll 0 0;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    color: #ffffff;
    float: right;
    font-family: Roboto;
    font-size: 14px;
    margin: 25px 0;
    padding: 13px 23px;
}

.add-listing-btn i {
    font-size: 17px;
    margin-right: 6px;
}

.search-header {
    float: right;
    position: relative;
}

.open-search {
    color: #ffffff;
    cursor: pointer;
    float: right;
    font-size: 30px;
    margin-right: 25px;
    padding: 26px 0;
    position: relative;
}

.open-search.active .la-search {
    opacity: 0;
}

.open-search.active .la-close {
    opacity: 1;

    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);

}

.search-header form {
    background: #ffffff none repeat scroll 0 0;

    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
    border-radius: 40px;

    height: 56px;
    margin-right: 20px;
    opacity: 0;
    position: absolute;
    right: 100%;
    top: 1px;
    visibility: hidden;
    width: 732px;
}

.search-header.active form {
    margin-top: -27px;
    opacity: 1;
    top: 50%;
    visibility: visible;
    z-index: 1;
}

.search-header form input {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    color: #8d99ae;
    float: left;
    font-family: Roboto;
    font-size: 16px;
    line-height: 52px;
    padding: 0 40px;
    width: 100%;
}

.open-search .la-close {
    left: 0;
    margin-top: -15px;
    position: absolute;
    top: 50%;

    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);

}

.menu-sec nav {
    float: right;
    margin-right: 80px;
}

.menu-sec nav > ul {
    float: left;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    width: 100%;
}

.menu-sec nav > ul > li {
    float: left;
    position: relative;
}

.menu-sec nav > ul > li a {
    color: #ffffff;
    float: left;
    font-family: Roboto;
    font-size: 16px;
    padding: 34px 25px;
    position: relative;
    text-transform: uppercase;
}

.menu-sec nav > ul > li > a::before {
    background: #fff none repeat scroll 0 0;
    bottom: -2px;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 0;
}

.menu-sec nav > ul > li:hover > a::before {
    width: 100%;
}

.menu-sec nav > ul > li.menu-item-has-children::before {
    color: #ffffff;
    content: "\f110";
    font-family: lineawesome;
    font-size: 11px;
    margin-top: -14px;
    position: absolute;
    right: 0;
    top: 50%;
}

.menu-sec nav > ul > li.menu-item-has-children > a {
    padding-right: 26px;
}

.menu-sec nav > ul > li.menu-item-has-children ul {
    background: #00171f none repeat scroll 0 0;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;

    left: 0;
    list-style: outside none none;
    margin: 0;
    opacity: 0;
    padding: 25px 0;
    position: absolute;
    top: 100%;

    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;

    visibility: hidden;
    width: 285px;
}

.menu-sec nav > ul > li.menu-item-has-children:hover > ul {
    opacity: 1;
    visibility: visible;
}

.menu-sec nav > ul > li.menu-item-has-children > ul li {
    float: left;
    position: relative;
    width: 100%;
}

.menu-sec nav > ul > li.menu-item-has-children > ul li > a {
    color: #8d99ae;
    font-family: Roboto;
    font-size: 16px;
    padding: 4px 50px;
    position: relative;
    text-transform: none;
    width: 100%;
}

.menu-sec nav > ul > li.menu-item-has-children > ul li > a::before {
    content: "\f112";
    font-family: lineawesome;
    font-size: 13px;
    left: 30px;
    position: absolute;
    top: 4px;
}

.menu-sec nav > ul > li.menu-item-has-children > ul li:hover > a {
    color: #ffffff;
}

.menu-sec nav > ul > li.menu-item-has-children > ul::before {
    background: #00171f none repeat scroll 0 0;
    content: "";
    height: 20px;
    left: 50px;
    position: absolute;
    top: -6px;

    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);

    width: 20px;
}

.menu-sec nav > ul > li.menu-item-has-children:hover > a::before {
    width: 0;
}

/* Heading */
.heading {
    float: left;
    margin-bottom: 50px;
    text-align: center;
    width: 100%;
}

.heading h2 {
    float: left;
    font-size: 36px;
    margin-top: 0;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}

.heading > span {
    color: #8d99ae;
    float: left;
    font-family: Roboto;
    font-size: 16px;
    margin: 5px 0 0;
    width: 100%;
}

/* Dt Box */
.dt-box {
    background: #00171f none repeat scroll 0 0;

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;

    float: left;
    margin-top: 30px;
    overflow: hidden;
    width: 100%;
}

.dt-box > a {
    float: left;
    position: relative;
    width: 100%;
    overflow: hidden;
}

.dt-box > a img {
    float: left;
    opacity: 0.5;
    width: 100%;
    -webkit-transition: -webkit-transform 5s ease-out, filter 500ms ease-in-out, -webkit-filter 500ms ease-in-out;
    transition: transform 5s ease-out, filter 500ms ease-in-out, -webkit-filter 500ms ease-in-out;
}

.dt-box:hover > a img {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
}

.dt-box > a span {
    color: #ffffff;
    font-family: Oswald;
    font-size: 25px;
    left: 0;
    margin-top: -18px;
    padding: 0 20px;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    top: 50%;
    width: 100%;
}

.do-tonight-sec {
    float: left;
    margin-top: -30px;
    width: 100%;
}


.listing-carousel {
    float: left;
    padding: 0 140px;
    width: 100%;
}

.listing-box {
    float: left;
    position: relative;
    width: 100%;
}

.listing-box-thumb {
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    -ms-border-radius: 4px 4px 0 0;
    -o-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;

    float: left;
    overflow: hidden;
    position: relative;
    width: 100%;
    z-index: 0;
}

.listing-box-thumb::before {
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 23, 31, 0.45) 30%, rgba(0, 23, 31, 0.65) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(30%, rgba(0, 23, 31, 0.45)), color-stop(100%, rgba(0, 23, 31, 0.65)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 23, 31, 0.45) 30%, rgba(0, 23, 31, 0.65) 100%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 23, 31, 0.45) 30%, rgba(0, 23, 31, 0.65) 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 23, 31, 0.45) 30%, rgba(0, 23, 31, 0.65) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 23, 31, 0.45) 30%, rgba(0, 23, 31, 0.65) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a600171f', GradientType=0);

    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}

.listing-box-thumb > img {
    float: left;
    width: 100%;
}

.price-list {
    background: rgba(0, 23, 31, 0.8) none repeat scroll 0 0;

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;

    color: #ffffff;
    font-family: Roboto;
    font-size: 14px;
    padding: 6px 15px;
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 1;
}

.listing-box-title {
    bottom: 0;
    left: 0;
    padding: 20px;
    position: absolute;
    width: 100%;
    z-index: 1;
}

.listing-box-title h3 {
    color: #fefeff;
    float: left;
    font-family: Roboto;
    font-size: 20px;
    font-weight: bold;
    width: 100%;
}

.listing-box-title h3 a {
    color: #fefeff;
}

.listing-box-title > span {
    color: #cfd8db;
    float: left;
    font-size: 14px;
    line-height: 24px;
    width: 100%;
}

.listing-rate-share {
    background: #ffffff none repeat scroll 0 0;

    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    -ms-border-radius: 0 0 4px 4px;
    -o-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;

    -webkit-box-shadow: 2px 0 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 2px 0 5px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 2px 0 5px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 2px 0 5px rgba(0, 0, 0, 0.1);
    box-shadow: 2px 0 5px rgba(0, 0, 0, 0.1);

    float: left;
    margin-bottom: 6px;
    padding: 0 20px;
    position: relative;
    width: 100%;
    z-index: 1;
}

.rated-list > b {
    color: #00171f;
    float: left;
    font-size: 17px;
    margin: 0 1px;
}

.rated-list {
    float: left;
    margin: 20px 0;
}

.rated-list span {
    color: #8d99ae;
    display: inline-block;
    font-family: Roboto;
    font-size: 13px;
    margin-left: 20px;
    position: relative;
    top: -2px;
}

.rated-list b.la-star-o {
    color: #8d99ae;
}

.listing-rate-share > span {
    color: #8d99ae;
    cursor: pointer;
    float: left;
    font-size: 33px;
    line-height: 60px;
    margin-left: 40px;
}

.listing-rate-share > a {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;

    color: #ffffff;
    float: right;
    font-size: 30px;
    height: 60px;
    line-height: 60px;
    margin-top: -30px;
    text-align: center;
    width: 60px;
}

.slick-dots {
    float: left;
    list-style: outside none none;
    margin: 40px 0 0;
    padding: 0;
    text-align: center;
    width: 100%;
}

.slick-dots > li {
    display: inline-block;
    float: none;
}

.slick-dots > li > button {
    background: #d9dada none repeat scroll 0 0;
    border: medium none;

    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;

    color: transparent;
    height: 13px;
    margin: 0 2px;
    padding: 0;
    width: 13px;
}

.slick-dots > li.slick-active > button {
    background: #8d99ae none repeat scroll 0 0;
}

/* Services Sec */
.services-sec {
    float: left;
    margin-top: -70px;
    width: 100%;
}

.services {
    background: #ffffff none repeat scroll 0 0;

    -webkit-box-shadow: 0 2px 5px #eaeaea;
    -moz-box-shadow: 0 2px 5px #eaeaea;
    -ms-box-shadow: 0 2px 5px #eaeaea;
    -o-box-shadow: 0 2px 5px #eaeaea;
    box-shadow: 0 2px 5px #eaeaea;

    float: left;
    margin-top: 90px;
    padding: 0 30px;
    position: relative;
    text-align: center;
    width: 100%;
}

.services.style2 {
    border: 1px solid #d9dada;

    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;

}

.services.style2 i {
    color: #ffffff;
}

.services > i {
    background: #f4f4f4 none repeat scroll 0 0;

    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;

    color: #8d99ae;
    display: inline-block;
    float: none;
    font-size: 40px;
    height: 80px;
    line-height: 80px;
    margin-top: -40px;
    width: 80px;
}

.services > h3 {
    color: #00171f;
    float: left;
    font-family: Roboto;
    font-size: 18px;
    font-weight: bold;
    margin: 30px 0 15px;
    width: 100%;
}

.services > p {
    color: #929292;
    float: left;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 40px;
    margin-top: 6px;
    width: 100%;
}

/* Counter Sec */
.counter-sec {
    display: table;
    float: left;
    text-align: center;
    width: 100%;
}

.counter {
    display: table-cell;
    position: relative;
    width: 25%;
}

.counter::before {
    background: #9596a1 none repeat scroll 0 0;
    content: "";
    height: 94px;
    margin-top: -47px;
    position: absolute;
    right: 0;
    top: 50%;
    width: 1px;
}

.counter:last-child::before {
    display: none;
}

.counter > i {
    color: #ffffff;
    float: left;
    font-size: 80px;
    width: 100%;
}

.counter > h3 {
    color: #ffffff;
    float: left;
    font-size: 25px;
    font-weight: 300;
    text-align: center;
    width: 100%;
}

.counter > span {
    color: #ffffff;
    float: left;
    font-family: Oswald;
    font-size: 50px;
    font-weight: 500;
    letter-spacing: -2px;
    margin-top: -10px;
    width: 100%;
}

/* Blog Sec */
.blog-sec {
    float: left;
    margin-top: -30px;
    width: 100%;
}

.blog-post {
    background: #ffffff none repeat scroll 0 0;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);

    float: left;
    margin-top: 30px;
    padding: 15px;
    width: 100%;
}

.blog-post-thumb {
    float: left;
    width: 100%;
}

.blog-post-thumb > a {
    float: left;
    width: 100%;
}

.blog-post-thumb > a img {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    float: left;
    width: 100%;
}

.blog-detail {
    float: left;
    margin-top: 20px;
    width: 100%;
}

.blog-metas {
    float: left;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    width: 100%;
}

.blog-metas > li {
    color: #8d99ae;
    float: left;
    font-family: Roboto;
    font-size: 14px;
    margin-right: 17px;
}

.blog-metas > li a {
    color: #8d99ae;
    float: left;
    width: 100%;
}

.blog-metas > li:last-child {
    margin: 0;
}

.blog-detail > h3 {
    color: #00171f;
    float: left;
    font-family: Roboto;
    font-size: 18px;
    font-weight: bold;
    margin: 10px 0;
    width: 100%;
}

.blog-detail > h3 a {
    color: #00171f;
}

.blog-detail > p {
    color: #929292;
    float: left;
    font-size: 14px;
    line-height: 20px;
    margin: 5px 0 0;
    width: 100%;
}

.blog-detail > a {
    float: left;
    font-family: Roboto;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 8px;
    margin-top: 8px;
    text-decoration: underline;
}

.view-all-blog {
    background: #8d99ae none repeat scroll 0 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    color: #ffffff;
    float: left;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 500;
    left: 50%;
    margin-top: 50px;
    padding: 15px 45px;
    position: relative;

    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -ms-transform: translate(-50%);
    -o-transform: translate(-50%);
    transform: translate(-50%);

}


/* Categories Sec */
.categories-sec {
    float: left;
    margin-top: -30px;
    width: 100%;
}

.category-box {
    background: #ffffff none repeat scroll 0 0;

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;

    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);

    float: left;
    margin-top: 30px;
    overflow: hidden;
    width: 100%;
}

.category-box > a {
    float: left;
    overflow: hidden;
    width: 100%;
}

.category-box img {
    float: left;
    width: 100%;
}

.category-box-detail {
    float: left;
    margin-top: -30px;
    padding-bottom: 10px;
    position: relative;
    text-align: center;
    width: 100%;
}

.category-box-detail > span {
    background: #8d99ae none repeat scroll 0 0;

    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;

    color: #ffffff;
    display: inline-block;
    float: none;
    font-size: 29px;
    height: 60px;
    line-height: 60px;
    width: 60px;
}

.category-box-detail > h3 {
    color: #00171f;
    float: left;
    font-family: Roboto;
    font-size: 18px;
    font-weight: 500;
    margin: 15px 0 0;
    width: 100%;
}

.category-box-detail > h3 a {
    color: #00171f;
}

.category-box-detail > p {
    color: #8d99ae;
    float: left;
    font-size: 13px;
    line-height: 26px;
    margin: 0 0 8px;
    width: 100%;
}

/* Subscribe Sec */
.subscribe-sec.gray {
    background: #f4f4f4 none repeat scroll 0 0;
}

.subscribe-sec {
    background: #ffffff none repeat scroll 0 0;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
    -ms-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
    -o-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);

    float: left;
    overflow: hidden;
    padding: 40px 60px;
    position: relative;
    width: 100%;
    z-index: 0;
}

.block.color-dark {
    background: #ffffff none repeat scroll 0 0;
    border-top: 1px solid #e8ecec;
}

.block.color-dark .bottom-line {
    background: #f5f5f5 none repeat scroll 0 0;
}

.subscribe-sec > i,
.subscribe-sec .container > i {
    color: #f7f7f7;
    font-size: 250px;
    left: 0;
    position: absolute;
    top: -50px;

    -webkit-transform: rotate(30deg);
    -moz-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    -o-transform: rotate(30deg);
    transform: rotate(30deg);

    z-index: -1;
}

.subscribe-sec p {
    color: #00171f;
    float: left;
    font-family: Roboto;
    font-size: 16px;
    margin: 15px 0;
}

.subscribe-sec form {
    border-bottom: 1px solid #e8ecec;
    float: right;
    margin: 12px 0;
    width: 450px;
}

.subscribe-sec form input {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    color: #939393;
    float: left;
    font-family: Roboto;
    font-size: 16px;
    width: 90%;
    padding-bottom: 9px;
}

.subscribe-sec button {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    color: #d1d1d1;
    float: right;
    padding: 0 0 0 20px;
}


footer {
    float: left;
    width: 100%;
    position: relative;
}

footer .block::before {
    background-image: url("../images/footer-layer.png");
    background-size: contain;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}

.widget {
    float: left;
    width: 100%;
}

.footer-title {
    color: #ffffff;
    float: left;
    font-size: 25px;
    margin-bottom: 30px;
    margin-top: 0;
    width: 100%;
}

.about-widget {
    float: left;
    width: 100%;
}

.about-widget > p {
    color: #8d99ae;
    float: left;
    font-family: Roboto;
    font-size: 14px;
    line-height: 24px;
    padding-right: 10px;
    width: 100%;
}

.about-widget > ul {
    float: left;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    width: 100%;
}

.about-widget li a {
    color: #8d99ae;
    float: left;
    font-size: 22px;
    margin-top: 20px;
}

.link-widget {
    float: left;
    width: 100%;
}

.link-widget > ul {
    float: left;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    width: 100%;
}

.link-widget li {
    float: left;
    margin: 1px 0;
    padding-left: 30px;
    position: relative;
    width: 50%;
}

.link-widget li::before {
    background: #d9dada none repeat scroll 0 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    top: 50%;
    width: 18px;
}

.link-widget a {
    color: #8d99ae;
    float: left;
    font-family: Roboto;
    font-size: 14px;
    width: 100%;
}

.contact-widget {
    float: left;
    width: 100%;
}

.contact-widget > ul {
    float: left;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    width: 100%;
}

.contact-widget li {
    float: left;
    margin-bottom: 20px;
    padding-left: 60px;
    position: relative;
    width: 100%;
}

.contact-widget li i {
    color: #8d99ae;
    font-size: 40px;
    left: 0;
    position: absolute;
    top: 0;
}

.contact-widget span {
    color: #8d99ae;
    float: left;
    font-family: Roboto;
    font-size: 14px;
    line-height: 22px;
    width: 100%;
}

.contact-widget a {
    color: #8d99ae;
    float: left;
    font-family: Roboto;
    font-size: 14px;
    margin-right: 10px;
}

.bottom-line {
    border-top: 1px solid #485562;
    color: #8d99ae;
    float: left;
    font-family: Roboto;
    font-size: 14px;
    margin-top: 40px;
    padding: 32px 0;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 1;
}

.filter-by-tags p {
    float: left;
    margin-bottom: 15px;
    width: 100%;
}

.filter-by-tags > .row > div:last-child > p {
    margin: 0;
}


.styled-checkbox {
    position: absolute;
    opacity: 0;
}

.styled-checkbox + label {
    cursor: pointer;
    float: left;
    line-height: 0;
    padding: 0;
    position: relative;
}

.styled-checkbox + label::before {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #cccccc;
    content: "";
    display: inline-block;
    height: 18px;
    margin-right: 10px;
    vertical-align: text-top;
    width: 18px;
}

.styled-checkbox:hover + label:before {
    background: #cccccc;
}

.styled-checkbox:checked + label::before {
    background: #ffffff none repeat scroll 0 0;
}

.styled-checkbox:disabled + label {
    color: #b8b8b8;
    cursor: auto;
}

.styled-checkbox:disabled + label:before {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;

    background: #ddd;
}

.styled-checkbox:checked + label::after {
    background: #cccccc none repeat scroll 0 0;
    content: "";
    height: 10px;
    left: 4px;
    position: absolute;
    top: 50%;

    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);

    width: 10px;
}

.account-popup-sec.active-login > .login-popup {
    left: 50%;
    opacity: 1;
    visibility: visible;
}

.account-popup-sec.active-register > .register-popup {
    left: 50%;
    opacity: 1;
    visibility: visible;
}

html.no-scroll {
    overflow: hidden;
}

.account-popup-sec {
    background: rgba(0, 23, 31, 0.5) none repeat scroll 0 0;
    content: "";
    display: none;
    height: 100%;
    left: 0;
    overflow-y: scroll;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1212;
}

.acount-popup {
    background: #ffffff none repeat scroll 0 0;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    left: 30%;
    margin-bottom: 30px;
    opacity: 0;
    position: absolute;
    text-align: center;
    top: 80px;

    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);

    visibility: hidden;
    width: 555px;
}

.close-popup {

    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;

    color: #ffffff;
    font-size: 26px;
    height: 50px;
    line-height: 50px;
    position: absolute;
    right: -20px;
    text-align: center;
    top: -20px;
    width: 50px;
    cursor: pointer;
}

.acount-popup > h3 {
    color: #00171f;
    float: left;
    font-family: Oswald;
    font-size: 30px;
    margin: 35px 0 0;
    width: 100%;
}

.acount-popup > form {
    float: left;
    margin-top: 30px;
    padding: 0 50px 50px;
    width: 100%;
}

.field-form {
    border-bottom: 1px solid #cccccc;
    float: left;
    margin-bottom: 20px;
    position: relative;
    text-align: left;
    width: 100%;
    z-index: 0;
}

.field-form > label {
    color: #8d99ae;
    float: left;
    font-family: Roboto;
    font-size: 16px;
    font-weight: normal;
    margin: 0;
    width: 100%;
}

.field-form > input {
    border: medium none;
    float: left;
    margin: 0;
    padding: 5px 0px;
    width: 100%;
}

.acount-popup p {
    color: #8d99ae;
    float: left;
    font-family: Roboto;
    font-size: 16px;
    font-weight: normal;
    text-align: left;
}

.acount-popup p label {
    font-weight: normal;
    margin: 0;
}

.acount-popup form > a {
    color: #8d99ae;
    float: right;
    font-family: Roboto;
    font-size: 16px;
}

.acount-popup button {
    background: #8d99ae none repeat scroll 0 0;
    border: medium none;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    color: #ffffff;
    float: left;
    font-family: Oswald;
    font-size: 20px;
    height: 60px;
    margin-top: 10px;
    width: 100%;
}

.extra-login {
    float: left;
    margin-top: 30px;
    position: relative;
    width: 100%;
}

.extra-login::before {
    background: #cccccc none repeat scroll 0 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    top: 10px;
    width: 100%;
    z-index: -1;
}

.extra-login > span {
    background: #ffffff none repeat scroll 0 0;
    display: inline-block;
    float: none;
    padding: 0 15px;
}

.extra-login > ul {
    float: left;
    list-style: outside none none;
    margin: 20px 0 0;
    padding: 0;
    width: 100%;
}

.extra-login > ul > li {
    float: left;
    width: 50%;
}

.extra-login > ul a {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    color: #ffffff;
    float: left;
    font-family: Roboto;
    font-size: 16px;
    padding: 15px 23px;
}

.connect-fb > a {
    background: #3b5998 none repeat scroll 0 0;
}

.extra-login > ul li.connect-twitter > a {
    background: #1da1f2 none repeat scroll 0 0;
    float: right;
}

.extra-login > ul a i {
    float: left;
    font-size: 30px;
    margin-right: 10px;
}

.acount-popup.register-popup form > p {
    color: #8d99ae;
    float: left;
    font-family: Roboto;
    font-size: 15px;
    line-height: 21px;
    margin: 20px 0 0;
    width: 100%;
}

.acount-popup.register-popup form > p a {
    color: #333333;
}

.main-featured-sec.no-layer::before {
    display: none;
}

/* Header White */
header.white {
    background: #ffffff none repeat scroll 0 0;
    border: medium none;
    padding-bottom: 2px;
}

header.on-top.with-transparent {
    padding-top: 10px;
}

header.white .menu-sec nav > ul > li a {
    color: #333333;
}

header.white .menu-sec nav > ul > li > a::before {
    background: #ef233c none repeat scroll 0 0;
}

header.white .menu-sec nav > ul > li.menu-item-has-children::before {
    color: #333333;
}

header.white .open-search {
    color: #0f252c;
}

header.white .search-header.active form {
    background: #f4f4f4 none repeat scroll 0 0;
    z-index: 1;
}

header.white .menu-sec .SumoSelect p.SelectBox {
    color: #8d99ae;
}

header.white .menu-sec .SumoSelect > .CaptionCont > label::before {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #8d99ae;
}

header.white .acount-header-btn span,
header.white .acount-header-btn {
    color: #8d99ae;
    opacity: 1;
}

.lan-pop {
    position: absolute;
    right: 60px;
    top: -31px;
}

.directory-searcher.style2 {

    -webkit-box-shadow: 6px 9px 0 rgba(255, 255, 255, 0.2);
    -moz-box-shadow: 6px 9px 0 rgba(255, 255, 255, 0.2);
    -ms-box-shadow: 6px 9px 0 rgba(255, 255, 255, 0.2);
    -o-box-shadow: 6px 9px 0 rgba(255, 255, 255, 0.2);
    box-shadow: 6px 9px 0 rgba(255, 255, 255, 0.2);

}

.directory-searcher.style2 > form button {
    background: #8d99ae none repeat scroll 0 0;
}

.directory-searcher.style2 {

    -webkit-box-shadow: 6px 9px 0 rgba(255, 255, 255, 0.2);
    -moz-box-shadow: 6px 9px 0 rgba(255, 255, 255, 0.2);
    -ms-box-shadow: 6px 9px 0 rgba(255, 255, 255, 0.2);
    -o-box-shadow: 6px 9px 0 rgba(255, 255, 255, 0.2);
    box-shadow: 6px 9px 0 rgba(255, 255, 255, 0.2);

}

.directory-searcher.extra-margin {
    margin-bottom: 80px;
}

.dt-box.style2 strong {
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;

    bottom: 37px;
    color: #ffffff;
    font-family: Roboto;
    font-size: 14px;
    left: 50%;
    padding: 12px 20px;
    position: absolute;
    text-align: center;

    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);

    width: 170px;
}

.dt-box.style2 span {
    bottom: 100px;
    top: auto;
}

/* Recent Place Box */
.recent-place-sec {
    float: left;
    margin-top: -30px;
    width: 100%;
}

.recent-places-box {
    background: #ffffff none repeat scroll 0 0;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    -webkit-box-shadow: 0 2px 5px #eaeaea;
    -moz-box-shadow: 0 2px 5px #eaeaea;
    -ms-box-shadow: 0 2px 5px #eaeaea;
    -o-box-shadow: 0 2px 5px #eaeaea;
    box-shadow: 0 2px 5px #eaeaea;

    display: table;
    float: left;
    margin-bottom: 6px;
    margin-top: 30px;
    padding: 20px;
    width: 100%;
}

.recent-place-thumb {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    display: table-cell;
    overflow: hidden;
    width: 255px;
}

.recent-place-thumb > a {
    float: left;
    overflow: hidden;
    width: 100%;
}

.recent-place-thumb > a img {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    float: left;
    width: 100%;
}

.recent-place-detail {
    display: table-cell;
    padding-left: 30px;
    position: relative;
    vertical-align: middle;
}

.recent-place-detail .listing-rate-share {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;

    padding: 0;
}

.recent-place-detail .listing-box-title {
    float: left;
    padding: 0;
    position: static;
}

.recent-place-detail .listing-box-title h3 a {
    color: #222222;
}

.recent-place-detail .listing-box-title h3 {
    font-size: 18px;
    margin-bottom: 7px;
    margin-top: 0;
}

.recent-place-detail .listing-box-title > span {
    color: #8d99ae;
}

.recent-place-detail .price-list {
    display: table;
    float: left;
    margin-bottom: 22px;
    margin-top: 15px;
    position: static;
}

.recent-place-detail .listing-rate-share > .rated-list {
    float: left;
    margin: 0;
    width: 100%;
}

.recent-place-detail .listing-rate-share > span {
    line-height: 20px;
    margin: 12px 0 0;
}

.recent-place-detail .listing-rate-share > span strong {
    color: #8d99ae;
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    line-height: 10px;
    margin-left: 20px;
    position: relative;
    top: -6px;
}

.recent-place-detail .listing-rate-share > a {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #909bb0;
    float: left;
    height: auto;
    line-height: unset;
    margin: 7px 0 0 10px;
}

.light-blue {
    background: #8d99ae none repeat scroll 0 0;
}

.blog-post.style2 {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;

    padding: 0;
}

.category-box.style2 {
    border: 1px solid #e5e7e8;

    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;

}

.category-box.style2 .category-box-detail {
    margin: 0;
    padding: 30px 0 15px;
}

.testimonial-sec {
    float: left;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 100%;
}

.testimonial-sec img {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;

    display: inline-block;
    float: none;
    margin-top: -50px;
}

.testimonial-sec li.slick-slide {
    border: 1px solid #e5e7e8;
    margin-top: 50px;
}

.testimonial-sec li p {
    color: #8d99ae;
    float: left;
    font-family: Roboto;
    font-size: 16px;
    font-style: italic;
    font-weight: 300;
    margin: 0;
    padding: 30px 150px 70px;
    width: 100%;
}

.testimonial-sec .slick-dots {
    margin-top: -48px;
    position: relative;
    z-index: 1;
}

.subscribe-sec.light-blue > i,
.subscribe-sec.light-blue .container > i {
    color: #000000;
    opacity: 0.03;
}

.subscribe-sec.light-blue p {
    color: #ffffff;
}

.subscribe-sec.light-blue form input {
    color: #ffffff;
}

.subscribe-sec.light-blue button {
    color: #ffffff;
}

footer .gray .footer-title {
    color: #232323;
}

footer .gray::before {
    display: none;
}

.gray .about-widget > p {
    color: #929292;
}

.gray .about-widget li a {
    color: #999999;
}

.gray .link-widget a {
    color: #999999;
}

.gray .contact-widget li i {
    color: #eaeaea;
}

.gray .bottom-line {
    background: #ffffff none repeat scroll 0 0;
    border: medium none;
}

header.on-top.with-transparent .menu-sec {
    padding: 1px 0;
    position: relative;
    width: 100%;
}

header.on-top.with-transparent .menu-sec .lan-pop {
    right: 0;
    top: -40px;
}

header.on-top.with-transparent .add-listing-btn {
    position: relative;
    z-index: 1;
}

.services.icon-color > i {
    background: #8d99ae none repeat scroll 0 0 !important;
}

.block.light-blue .counter::before {
    background: #000000 none repeat scroll 0 0;
    opacity: 0.1;
}

.block.bg-color .counter::before {
    background: #ffffff none repeat scroll 0 0;
    opacity: 0.5;
}

.category-box.style3 {
    border: 1px solid #e5e7e8;

    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;

}

.heading.white > h2 {
    color: #fff;
}

.testimonial-sec.style2 li {
    border: medium none;
}

.testimonial-sec.style2 li img {
    border: 5px solid #ffffff;
}

.testimonial-sec.style2 li p {
    color: #ffffff;
}

header.center {
    border: medium none;
    padding: 0;
}

.top-bar {
    float: left;
    width: 100%;
}

.top-bar-content {
    background: rgba(0, 23, 31, 0.6) none repeat scroll 0 0;
    float: left;
    padding: 0 110px;
    width: 100%;
}

.social-links {
    float: left;
    list-style: outside none none;
    margin: 5px 0;
    padding: 0;
}

.social-links > li {
    float: left;
    margin-right: 20px;
}

.social-links > li a {
    color: #999999;
    float: left;
    font-size: 17px;
}

.top-bar-content .lan-pop {
    float: right;
    position: static;
}

.top-bar-content .lan-pop .SumoSelect {
    margin: 5px 0;
}

.top-bar .acount-header-btn {
    margin: 0;
    padding: 0;
}

.top-bar .acount-header-btn span {
    padding: 10px 0;
}

.center-menu-sec {
    background: #8d99ae none repeat scroll 0 0;
    float: left;
    padding: 0 110px;
    width: 100%;
}

.center-menu-sec .menu-sec {
    width: 100%;
}

.center-menu-sec .menu-sec .add-listing-btn {
    background: #1c313c none repeat scroll 0 0;
}

.center-menu-sec .menu-sec nav.header-menu {
    margin-right: 40px;
}

header.center .SumoSelect.open > .optWrapper {
    margin-top: -4px;
}

header.center .container {
    width: 1366px;
}

.category-box.style4 {
    border: 1px solid #e5e7e8;

    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;

}

.category-box.style4 > .category-box-detail {
    margin: 30px 0 0;
}

.category-box.style4 span {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #8d99ae;
    font-size: 60px;
    height: auto;
    margin: 0;
    top: 0;
    width: auto;
}

.testimonial-sec.white li {
    background: #ffffff none repeat scroll 0 0;
}

.block.no-layer::before {
    display: none;
}

footer.wide-container .container {
    padding: 60px 98px;
    width: 1366px;
}

.newsletter-widget {
    float: left;
    width: 100%;
}

.newsletter-widget > .subscribe-sec {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;

    padding: 0;
}

.newsletter-widget > .subscribe-sec > i {
    display: none;
}

.newsletter-widget .subscribe-sec form {
    border-bottom-color: #d1d1d1;
    width: 100%;
}

.newsletter-widget .subscribe-sec p {
    color: #929292;
    font-size: 14px;
    line-height: 23px;
    margin-bottom: 20px;
    margin-top: 0;
    width: 60%;
}

.bottom-line.dark {
    border: medium none;
    margin: 0px;
    padding: 0;
}

.bottom-line.dark .container {
    background: #00171f none repeat scroll 0 0;
    padding: 40px 98px;
    text-align: left;
}

.bottom-line.dark .social-links {
    float: right;
}

.bottom-line.dark span {
    color: #929292;
    float: left;
    font-weight: 300;
    margin: 9px 0;
}

.testimonial-sec.white li p {
    color: #a3a3a3;
}

#map-container, #map {
    float: left;
    min-height: 560px;
    width: 100%;
}

#map_div {
    height: 770px;
    width: 100%;
}

.infowindow .price-list {
    right: 10px;
    top: 14px;

    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);

}

.infowindow .listing-box-title h3 {
    font-size: 14px;
    font-weight: 400;
    margin: 0 0 8px;
}

.infowindow .listing-rate-share {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;

    margin: 0;
    padding: 0;
}

.infowindow .rated-list > b {
    font-size: 11px;
}

.infowindow .rated-list {
    margin-bottom: 0;
}

.infowindow .listing-rate-share > span {
    font-size: 21px;
    line-height: 10px;
    margin-top: 16px;
}

.infowindow .listing-rate-share > a {
    font-size: 20px;
    height: 40px;
    line-height: 41px;
    margin-right: 21px;
    margin-top: -17px;
    width: 40px;
}

.infowindow .listing-box-title > span {
    font-size: 11px;
    line-height: 18px;
}

/* Custom Tooltip */
.custom-tooltip > div:nth-child(4) {
    border: medium none !important;

    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    -ms-box-shadow: none !important;
    -o-box-shadow: none !important;
    box-shadow: none !important;

    position: relative;
}

.custom-tooltip > div:nth-child(4) > div > div > div {
    border: medium none !important;
}

.custom-tooltip > div:nth-child(4) > div > div > div:nth-child(2) {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    border: medium none !important;

    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    -ms-box-shadow: none !important;
    -o-box-shadow: none !important;
    box-shadow: none !important;

}

.custom-tooltip > div:nth-child(4) > div > div > div:nth-child(3) > div {
    display: none;
}

.infowindow .popular-listing {
    opacity: 1;
}

.infowindow .popular-listing::before {
    height: 100%;
    opacity: 1;
}

.infowindow .popular-listing .listing-features {
    opacity: 1;
}

.infowindow .popular-listing .pl-title-sec {
    opacity: 1;
}

.infowindow {
    color: transparent;
}

.infowindow > span {
    bottom: -4px;
    float: left;
    position: relative;
}

.gm-style .gm-style-iw {
    width: 270px !important;
}

.infowindow .popular-listing {
    margin-bottom: -12px;
    margin-right: 0;
    opacity: 1;
}

.custom-tooltip > div:nth-child(4) > div > div:last-child img {
    display: none;
}

.custom-tooltip > div:nth-child(4) > div > div:last-child {
    color: #333333;
    content: "x";
    font-size: 20px !important;
    height: 20px !important;
    position: absolute;
    top: 13px;
    width: 20px !important;
}

.custom-tooltip > div:nth-child(4) > div > div:last-child::before {
    background: #333333 none repeat scroll 0 0;

    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;

    color: #ffffff;
    content: "x";
    font-family: Nunito;
    font-size: 16px;
    font-weight: bold;
    height: 100%;
    left: 0;
    line-height: 16px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
}

.custom-tooltip > div:nth-child(4) > div {
    overflow: hidden;
    position: relative;
    width: 297px !important;
}

.custom-tooltip {
    margin-left: 8px;
    margin-top: 55px;
}

header.dark {
    background: #00171f none repeat scroll 0 0;

    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);

}

header.dark .menu-sec nav {
    float: left;
    margin: 0 0 0 50px;
}

header.dark .acount-header-btn {
    opacity: 1;
}

.search-form-map {
    bottom: 0;
    left: 50%;
    padding-bottom: 20px;
    position: absolute;

    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);

    width: 1140px;
}

.search-form-map > .directory-searcher {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;

    -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 4px 5px rgba(0, 0, 0, 0.2);

    float: left;
    margin: 0;
    position: static;
    width: 100%;
}

.choose-map-route {
    float: left;
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

.choose-map-route > li a {
    background: rgba(0, 23, 31, 0.8) none repeat scroll 0 0;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    color: #ffffff;
    float: left;
    font-family: Roboto;
    font-size: 14px;
    padding: 2px 23px;
}

.choose-map-route > li {
    float: left;
    margin-right: 10px;
    margin-top: 20px;
}


.zoomer-btn {
    float: left;
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

.zoomer-btn > li a {
    background: rgba(0, 23, 31, 0.8) none repeat scroll 0 0;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    color: #ffffff;
    float: left;
    font-family: Roboto;
    font-size: 14px;
    padding: 2px 23px;
}

.zoomer-btn > li {
    float: right;
    margin-left: 10px;
    margin-top: 20px;
}

.with-boxed {
    padding: 0 50px;
}

.search-form-map .directory-searcher > form button {

    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    -ms-border-radius: 0 3px 3px 0;
    -o-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;

    padding: 0 50px;
}

.search-form-map .directory-searcher > form .field {
    padding: 0 15px;
}

.search-form-map .directory-searcher > form .field:last-child {
    padding: 0;
}

.services.gray {
    background: #f4f4f4 none repeat scroll 0 0;
    border-color: #f4f4f4;

    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;

}

.extra-top {
    margin-top: 60px;
}

/* Side Search Form */
.side-search-form {
    float: left;
    padding: 50px 50px 30px;
    width: 100%;
}

.side-search-form > form {
    float: left;
    width: 100%;
}

.side-search-form > form .row {
    margin: 0 -8px;
}

.side-search-form > form .row > div {
    padding: 0 8px;
}

.side-search-form > form .input-style {
    border: 1px solid #dedede;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    color: #8d99ae;
    float: left;
    font-size: 14px;
    height: 50px;
    margin-bottom: 16px;
    padding: 0 20px;
    width: 100%;
}

.side-search-form .chosen-container {
    float: left;
    margin-bottom: 16px;
    width: 100% !important;
}

.side-search-form .chosen-container > a {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #dedede;

    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;

    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;

    color: #8d99ae;
    float: left;
    height: 50px;
    padding: 14px 20px;
    width: 100%;
}

.chosen-container-single .chosen-single div::before {
    content: "\f110";
    font-family: lineawesome;
    font-size: 10px;
    position: absolute;
    right: 20px;
    top: 11px;
}

.side-search-form > form p label {
    color: #8d99ae;
    font-family: Roboto;
    font-size: 14px;
    font-weight: normal;
    line-height: 26px;
}

.rangeslider,
.rangeslider__fill {
    display: block;
    -moz-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3);
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.rangeslider {
    background: #e6e6e6;
    position: relative;
}

.rangeslider--horizontal {
    height: 20px;
    width: 100%;
}

.rangeslider--vertical {
    width: 20px;
    min-height: 150px;
    max-height: 100%;
}

.rangeslider--disabled {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
    opacity: 0.4;
}

.rangeslider__fill {
    background: #00ff00;
    position: absolute;
}

.rangeslider--horizontal .rangeslider__fill {
    top: 0;
    height: 100%;
}

.rangeslider--vertical .rangeslider__fill {
    bottom: 0;
    width: 100%;
}

.rangeslider__handle {
    background: white;
    border: 1px solid #ccc;
    cursor: pointer;
    display: inline-block;
    width: 40px;
    height: 40px;
    position: absolute;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4xIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(0, 0, 0, 0.1)));
    background-image: -moz-linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.1));
    background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.1));
    background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.1));
    -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.rangeslider__handle:after {
    content: "";
    display: block;
    width: 18px;
    height: 18px;
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjEzIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0.13)), color-stop(100%, rgba(255, 255, 255, 0)));
    background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.13), rgba(255, 255, 255, 0));
    background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.13), rgba(255, 255, 255, 0));
    background-image: linear-gradient(rgba(0, 0, 0, 0.13), rgba(255, 255, 255, 0));
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.rangeslider__handle:active, .rangeslider--active .rangeslider__handle {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjEiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4xMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, rgba(0, 0, 0, 0.12)));
    background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.12));
    background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.12));
    background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.12));
}

.rangeslider--horizontal .rangeslider__handle {
    top: -10px;
    touch-action: pan-y;
    -ms-touch-action: pan-y;
}

.rangeslider--vertical .rangeslider__handle {
    left: -10px;
    touch-action: pan-x;
    -ms-touch-action: pan-x;
}

input[type="range"]:focus + .rangeslider .rangeslider__handle {
    -moz-box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
    -webkit-box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
    box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
}

.prixmin {
    color: #adadad;
    float: left;
    font-family: Roboto;
    font-size: 12px;
    margin-top: 5px;
}

.prixmax {
    color: #adadad;
    float: right;
    font-family: Roboto;
    font-size: 12px;
    margin-top: 5px;
}

.selecteurprix {
    float: left;
    width: 100%;
}

.valeurprix {
    position: absolute;
    right: 0;
    top: -20px;
}

.range-slider {
    float: left;
    position: relative;
    width: 100%;
}

.range-slider .input-range {
    background: #f4f4f4 none repeat scroll 0 0;
    height: 5px;
    margin: 0;
    outline: medium none;
    width: 100%;
}

.range-slider .input-range::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 20px;
    height: 20px;
    background: #f5af02;

    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;

    cursor: pointer;
    -webkit-transition: background .15s ease-in-out;
    transition: background .15s ease-in-out;
}

.range-slider .input-range::-webkit-slider-thumb:hover {
    background: #8d99ae;
}

.range-slider .input-range:active::-webkit-slider-thumb {
    background: #8d99ae;
}

.range-slider .input-range::-moz-range-thumb {
    width: 20px;
    height: 20px;
    border: 0;

    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;

    background: #8d99ae;
    cursor: pointer;
    -webkit-transition: background .15s ease-in-out;
    transition: background .15s ease-in-out;
}

.range-slider .input-range::-moz-range-thumb:hover {
    background: #8d99ae;
}

.range-slider .input-range:active::-moz-range-thumb {
    background: #8d99ae;
}

.range-slider .range-value {

    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;

    color: #8c8c8c;
    display: inline-block;
    font-family: Roboto;
    font-size: 13px;
    font-weight: 400;
    line-height: 13px;
    margin: 0;
    position: relative;
    text-align: center;
    width: auto;
}

::-moz-range-track {
    background: rgba(255, 255, 255, 0.3);
    border: 0;
}

input::-moz-focus-inner {
    border: 0;
}

.side-search-form > form .selecteurprix {
    margin-top: 15px;
}

.side-search-form > form button {
    border: medium none;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    color: #ffffff;
    float: left;
    font-family: Oswald;
    font-size: 21px;
    margin-top: 10px;
    padding: 16px 30px;
    text-transform: uppercase;
    width: 100%;
}

.results-sec {
    background: #f4f4f4 none repeat scroll 0 0;
    float: left;
    padding: 30px 50px;
    width: 100%;
}

.results-sec > span {
    color: #8d99ae;
    float: left;
    font-family: Roboto;
    font-size: 16px;
    margin-bottom: 20px;
    width: 100%;
}

.results-sec > ul {
    float: left;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    width: 100%;
}

.results-sec > ul > li {
    float: left;
    width: 100%;
}

.listing-list {
    float: left;
    width: 100%;
}

.listing-list .recent-place-thumb {
    width: 140px;
}

.listing-list .recent-places-box {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;

    margin-top: 0;
}

.listing-list:hover > .recent-places-box {
    background: #ffffff none repeat scroll 0 0;

    -webkit-box-shadow: 0 2px 5px #eaeaea;
    -moz-box-shadow: 0 2px 5px #eaeaea;
    -ms-box-shadow: 0 2px 5px #eaeaea;
    -o-box-shadow: 0 2px 5px #eaeaea;
    box-shadow: 0 2px 5px #eaeaea;

}

#map-container.fixed-this {
    position: fixed;
    right: 0;
    top: 0;
    height: 100%;
    width: 66.6667%;
}

#map-container.fixed-this > #map_div {
    height: 100%;
}

.col-md-6 #map-container.fixed-this {
    left: 0;
    right: auto;
    width: 50%;
}

.infowindow .listing-list .recent-place-thumb {
    width: 85px;
}

.infowindow .listing-list .recent-places-box {
    margin: 0;
    padding: 0;
}

.infowindow .listing-list:hover > .recent-places-box {

    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;

}

.infowindow .listing-list .recent-place-detail {
    padding-left: 17px;
}

.results-found .listing-box {
    margin-bottom: 30px;
}

.col-md-4 #map-container.fixed-this {
    width: 33.3333%;
}

.results-sec .recent-place-thumb {
    width: 160px;
}

.filter-by-tags > h3 {
    float: left;
    font-family: Roboto;
    font-size: 17px;
    font-weight: 500;
    width: 100%;
}

/* Inner Header */
.inner-header {
    float: left;
    padding: 40px 0;
    text-align: center;
    width: 100%;
}

.inner-header h1, .inner-header h2 {
    color: #8d99ae;
    float: left;
    font-size: 30px;
    font-weight: 500;
    margin: 0;
    text-transform: uppercase;
    width: 100%;
}

.breadcrumbs {
    float: left;
    list-style: outside none none;
    margin: 10px 0 0;
    padding: 0;
    width: 100%;
}

.breadcrumbs > li {
    display: inline-block;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 200;
    padding: 0 10px;
    position: relative;
}

.breadcrumbs > li a {
    color: #8d99ae;
}

.breadcrumbs > li::before {
    color: #8d99ae;
    content: "/";
    font-size: 13px;
    position: absolute;
    right: -4px;
    top: 0;
}

.breadcrumbs > li:last-child::before {
    display: none;
}

.mini-title {
    color: #00171f;
    float: left;
    font-size: 25px;
    margin: 0 0 20px;
    text-transform: uppercase;
    width: 100%;
}

.filter-bar {
    background: #ffffff none repeat scroll 0 0;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    -webkit-box-shadow: 2px 1px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 2px 1px 5px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 2px 1px 5px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 2px 1px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 2px 1px 5px rgba(0, 0, 0, 0.1);

    float: left;
    margin-bottom: 30px;
    padding: 20px 25px;
    position: relative;
    width: 100%;
}

.filter-bar > span {
    color: #8d99ae;
    float: left;
    font-family: Roboto;
    font-size: 16px;
    margin: 11px 0;
}

.filter-dropdowns {
    float: right;
}

.filter-dropdowns .chosen-container > a {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #dedede;

    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;

    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;

    color: #8d99ae;
    float: left;
    height: 50px;
    padding: 14px 20px;
    width: 100%;
}

.filter-dropdowns .chosen-container {
    width: 220px !important;
}

.which-style {
    float: right;
    margin-left: 20px;
}

.which-style > a {
    color: #8d99ae;
    float: left;
    font-size: 34px;
    margin-left: 5px;
}

.which-style > a.active {
    color: #000000;
}

.grids-listings {
    float: left;
    margin-top: -30px;
    width: 100%;
}

.grids-listings .listing-box {
    margin-top: 30px;
}

.grids-listings .listing-rate-share > span {
    font-size: 27px;
    margin-left: 10px;
}

.grids-listings .listing-rate-share > a {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    float: left;
    font-size: 25px;
    height: auto;
    margin: 0 0 0 16px;
    width: auto;
}

.widget .side-search-form,
.widget .tags_widget {
    background: #ffffff none repeat scroll 0 0;
    padding: 30px 20px;

    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

}

aside .widget:first-child {
    margin: 0;
}

aside .widget {
    margin-top: 30px;
}

.widget .valeurprix {
    float: left;
    margin-top: 20px;
    position: static;
    text-align: center;
    width: 100%;
}

.widget .valeurprix span {
    color: #8d99ae;
    font-family: Roboto;
    font-size: 14px;
}

.tags_widget {
    float: left;
    width: 100%;
}

.tags_widget label {
    color: #8d99ae;
    font-family: Roboto;
    font-weight: 400;
}

.paymal-method .styled-checkbox:checked + label::after {
    left: 4px;
    top: 18px;

    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}

.side-search-form .filter-by-tags p {
    margin-bottom: 5px;
}

.filter-btn {
    border: medium none;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    color: #ffffff;
    float: left;
    font-family: Oswald;
    font-size: 21px;
    margin-top: 50px;
    padding: 16px 30px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}


.pagination {

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    float: left;
    margin: 30px 0 0;
    padding: 2px 2px 3px 1px;
    text-align: center;
    width: 100%;
}

.pagination ul {
    display: inline-block;
    list-style: outside none none;
    margin: 7px 0 0;
    padding: 0;
}

.pagination li {
    float: left;
    font-family: Montserrat;
    font-size: 12px;
    margin: 0 4px 0 0;
}

.pagination li:last-child {
    margin: 0;
}

.pagination a.active {
    background: #ffffff none repeat scroll 0 0;

    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;

    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.03);
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.03);
    -ms-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.03);
    -o-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.03);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.03);

    height: 41px;
    width: 41px;
}

.pagination li .delimeter {
    display: block;
    padding-top: 6px;
}

.pagination li.next a, .pagination li.prev a {
    background: #8d99ae none repeat scroll 0 0;

    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;

    color: #ffffff;
    float: left;
    font-size: 20px;
    height: 41px;
    line-height: 40px;
    padding: 0;
    width: 41px;
}

.pagination a {
    color: #8d99ae;
    float: left;
    font-family: Roboto;
    line-height: 38px;
    margin: 0 14px;
    padding: 0 10px;
    text-decoration: none;
}

.recent-places-box.list-style > .recent-place-thumb {
    width: 140px;
}

.share-favourite {
    height: 53px;
    margin-right: 10px;
    position: absolute;
    right: 0;
    top: 50%;

    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);

}

.share-favourite > span {
    background: #8d99ae none repeat scroll 0 0;

    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;

    color: #fff;
    float: left;
    font-size: 22px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    width: 50px;
}

.share-favourite > a {

    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;

    color: #ffffff;
    float: left;
    font-size: 20px;
    height: 50px;
    line-height: 50px;
    margin-left: 25px;
    text-align: center;
    width: 50px;
}

.recent-places-box.list-style .recent-place-detail {
    padding-right: 146px;
}

.recent-places-box.list-style .rated-list {
    margin: 10px 0 0;
}

.recent-places-box.list-style {
    margin-bottom: 30px;
    margin-top: 0;
}

.open-filter-btns {
    float: right;
    height: 50px;
    margin-left: 30px;
    position: relative;
    width: 130px;
    z-index: 0;
}

.open-filter-btns > span {

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    color: #ffffff;
    cursor: pointer;
    float: left;
    font-family: Roboto;
    font-size: 16px;
    height: 50px;
    letter-spacing: 0.3px;
    line-height: 48px;
    padding: 0 25px;
    text-align: center;
    width: 130px;
}

.open-filter-btns > span.open-filter {
    z-index: 2;
}

.open-filter-btns > span i {
    bottom: -1px;
    float: left;
    font-size: 24px;
    line-height: 50px;
    margin-right: 6px;
    position: relative;
}

.open-filter-btns > span.close-filter {
    left: 0;
    position: absolute;
    top: 0;
    z-index: -1;
}

.side-search-form.with-filters {
    background: #ffffff none repeat scroll 0 0;

    -webkit-box-shadow: 2px 1px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 2px 1px 5px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 2px 1px 5px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 2px 1px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 2px 1px 5px rgba(0, 0, 0, 0.1);

    display: none;
    left: 0;
    margin-bottom: 20px;
    margin-top: 20px;
    position: absolute;
    top: 100%;
    z-index: 9;
}

.columns-listings {
    float: left;
    width: 100%;
    margin-top: -30px;
}

.columns-listings .listing-box {
    margin-top: 30px;
}

/* Faq's */
.faqs-box {
    background: #ffffff none repeat scroll 0 0;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    -webkit-box-shadow: 0 2px 5px #eaeaea;
    -moz-box-shadow: 0 2px 5px #eaeaea;
    -ms-box-shadow: 0 2px 5px #eaeaea;
    -o-box-shadow: 0 2px 5px #eaeaea;
    box-shadow: 0 2px 5px #eaeaea;

    float: left;
    margin-bottom: 30px;
    padding: 0 30px;
    width: 100%;
}

.faqs-box > h3 {
    border-bottom: 1px solid #e8ecec;
    color: #00171f;
    float: left;
    font-family: Roboto;
    font-size: 19px;
    font-weight: bold;
    margin: 0;
    padding-bottom: 20px;
    padding-top: 22px;
    width: 100%;
}

.content-faq {
    float: left;
    width: 100%;
}

.content-faq p {
    color: #8d99ae;
    float: left;
    font-family: Roboto;
    font-size: 13px;
    margin: 15px 0 20px;
    width: 100%;
}

.pricing-tables {
    background: #ffffff none repeat scroll 0 0;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    -webkit-box-shadow: 0 2px 5px #eaeaea;
    -moz-box-shadow: 0 2px 5px #eaeaea;
    -ms-box-shadow: 0 2px 5px #eaeaea;
    -o-box-shadow: 0 2px 5px #eaeaea;
    box-shadow: 0 2px 5px #eaeaea;

    float: left;
    text-align: center;
    width: 100%;
}

.price-head {
    float: left;
    padding-top: 50px;
    width: 100%;
    padding-left: 60px;
    padding-right: 60px;
}

.price-head > h3 {
    color: #121212;
    float: left;
    font-family: Roboto;
    font-size: 30px;
    margin: 0;
    width: 100%;
}

.price-head > span {
    color: #8d99ae;
    float: left;
    font-family: Roboto;
    font-size: 40px;
    font-weight: bold;
    margin-top: 10px;
    width: 100%;
}

.price-head > p {
    color: #8d99ae;
    float: left;
    font-family: Roboto;
    font-size: 15px;
    line-height: 22px;
    margin: 21px 0 30px;
    width: 100%;
}

.pricing-tables > ul {
    float: left;
    list-style: outside none none;
    margin: 30px 0 0;
    padding: 0;
    width: 100%;
}

.pricing-tables > ul > li {
    color: #121212;
    float: left;
    font-family: Roboto;
    font-size: 17px;
    margin: 10px 0;
    padding: 0 20px;
    width: 100%;
}

.pricing-tables > a {
    background: #8d99ae none repeat scroll 0 0;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    color: #ffffff;
    display: inline-block;
    float: none;
    font-family: Roboto;
    font-size: 14px;
    margin-bottom: 70px;
    margin-top: 40px;
    padding: 13px 40px;
}

.pricing-tables.active .price-head * {
    color: #ffffff;
}

/* How it Works */
.how-it-works {
    background: #ffffff none repeat scroll 0 0;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    -webkit-box-shadow: 0 2px 5px #eaeaea;
    -moz-box-shadow: 0 2px 5px #eaeaea;
    -ms-box-shadow: 0 2px 5px #eaeaea;
    -o-box-shadow: 0 2px 5px #eaeaea;
    box-shadow: 0 2px 5px #eaeaea;

    display: table;
    float: left;
    position: relative;
    width: 100%;
    z-index: 0;
    margin-bottom: 30px;
}

.work-icon {
    display: table-cell;
    padding: 30px 20px;
}

.work-detail {
    display: table-cell;
    padding-right: 100px;
    vertical-align: middle;
}

.work-detail > h3 {
    color: #00171f;
    float: left;
    font-family: Roboto;
    font-size: 19px;
    margin: 0 0 12px;
    width: 100%;
}

.work-detail > p {
    color: #8d99ae;
    float: left;
    font-family: Roboto;
    font-size: 15px;
    margin: 0;
    width: 100%;
}

.work-detail .number {
    color: #f6f6f6;
    font-family: Roboto;
    font-size: 175px;
    line-height: 140px;
    position: absolute;
    right: 20px;
    top: 50%;

    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);

    z-index: -1;
}

/* Error Sec */
.error-sec {
    float: left;
    margin: 80px 0;
    text-align: center;
    width: 100%;
}

.error-sec h2 {
    color: #8d99ae;
    float: left;
    font-family: Roboto;
    font-size: 230px;
    font-weight: bold;
    text-shadow: 10px 10px 0 rgba(0, 0, 0, 0.06);
    width: 100%;
}

.error-sec > span {
    color: #00171f;
    float: left;
    font-family: Roboto;
    font-size: 21px;
    font-weight: bold;
    width: 100%;
}

.error-sec > p {
    color: #8d99ae;
    float: left;
    font-family: Roboto;
    font-size: 14px;
    margin: 30px 0 0;
    width: 100%;
}

.error-sec > form {
    border: 1px solid #cecece;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    float: left;
    left: 50%;
    margin-left: -235px;
    margin-top: 40px;
    position: relative;
    width: 470px;
}

.error-sec > form input {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    float: left;
    margin: 0;
    padding: 16px 34px;
    width: 100%;
}

.list-detail-sec {
    float: left;
    position: relative;
    width: 100%;
}

.list-detail-carousel {
    float: left;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    width: 100%;
}

.list-detail-carousel li {
    float: left;
    width: 100%;
}

.list-detail-box {
    float: left;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 0;
}

.list-detail-box > img {
    float: left;
    width: 100%;
}

.list-detail-box:before {
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 23, 31, 0.90) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 23, 31, 0.90)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 23, 31, 0.90) 100%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 23, 31, 0.90) 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 23, 31, 0.90) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 23, 31, 0.90) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a600171f', GradientType=0);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
}

.list-detail-info {
    bottom: 0;
    padding-bottom: 50px;
    position: absolute;
    text-align: center;
    width: 100%;
    opacity: 0;
    z-index: 1;
}

.list-detail-carousel li.slick-slide.slick-active.slick-center .list-detail-info {
    opacity: 1;
}

.list-detail-info-title {
    color: #ffffff;
    float: left;
    font-family: Oswald;
    font-size: 50px;
    letter-spacing: 0;
    margin: 0 0 20px;
    text-transform: uppercase;
    width: 100%;
}

.list-detail-info > span {
    color: #cfd8db;
    float: left;
    font-family: Roboto;
    font-size: 16px;
    width: 100%;
}

.list-detail-info > p {
    color: #cfd8db;
    float: left;
    font-family: Roboto;
    font-size: 16px;
    margin-top: 20px;
    width: 100%;
}

.list-detail-info .rated-list {
    float: left;
    margin-bottom: 50px;
    margin-top: 10px;
    width: 100%;
}

.list-detail-info .rated-list > b {
    color: #8d99ae;
    display: inline-block;
    float: none;
    font-size: 22px;
}

.list-detail-box .rated-list > span {
    font-size: 16px;
}

.list-detail-metas {
    float: left;
    list-style: outside none none;
    margin: 0;
    padding: 0 0 0 50px;
    text-align: left;
}

.list-detail-metas > li {
    display: inline-block;
    float: none;
    margin-right: 30px;
    width: auto;
}

.list-detail-metas a {
    color: #ffffff;
    float: left;
    font-family: Roboto;
    font-size: 16px;
}

.list-detail-metas a i {
    float: left;
    font-size: 30px;
    margin-right: 10px;
}

.write-review {
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
    border-radius: 40px;

    color: #ffffff;
    float: right;
    font-family: Roboto;
    font-size: 16px;
    font-weight: bold;
    margin-right: 50px;
    padding: 14px 40px;
    text-transform: uppercase;
}

.link-bars {
    background: #ffffff none repeat scroll 0 0;

    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);

    float: left;
    padding: 30px 0;
    width: 100%;
}

.link-bars.sticky {
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 234;
}

.link-bars a {
    color: #00171f;
    float: left;
    font-family: Roboto;
    font-size: 16px;
    margin-right: 40px;
}

.description-detail-box {
    float: left;
    margin-top: 30px;
    width: 100%;
}

.specifi-widget > span {
    color: #8d99ae;
    float: left;
    font-family: Roboto;
    font-size: 14px;
    line-height: 38px;
    width: 100%;
}

.specifi-widget > span i {
    float: left;
    font-size: 30px;
    line-height: 33px;
    margin-right: 20px;
    width: 30px;
}

.photo-widget .row {
    margin: 0 -8px;
}

.photo-widget .row > div {
    padding: 0 8px;
}

.photo-widget img {

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    float: left;
    margin-bottom: 16px;
    width: 100%;
}

.photo-widget > span {
    color: #8d99ae;
    float: left;
    font-family: Roboto;
    font-size: 13px;
    text-align: center;
    width: 100%;
}

.nearby-widget > span {
    border-bottom: 1px solid #efefef;
    color: #8d99ae;
    float: left;
    font-family: Roboto;
    font-size: 14px;
    padding-bottom: 14px;
    padding-top: 14px;
    width: 100%;
}

.nearby-widget > span i {
    float: right;
    font-style: normal;
}

.nearby-widget > span:first-child {
    padding-top: 0;
}

.nearby-widget > span:last-child {
    border: medium none;
    padding-bottom: 0;
}

.tags-widget > a {
    border: 1px solid #cccccc;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    color: #8d99ae;
    float: left;
    font-family: Roboto;
    font-size: 12px;
    margin-bottom: 10px;
    margin-right: 10px;
    padding: 7px 20px;
}

#listing-detail-carousel-wide .list-detail-info {
    left: 50%;
    margin-left: -500px;
    position: absolute;
    width: 1000px;
}

.link-bars.gray {
    background: #f4f4f4 none repeat scroll 0 0;

    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;

}

div.no-box > div {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;

    padding: 0;
}

.widget .gray {
    background: #f4f4f4 none repeat scroll 0 0;

    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}


.detail-descriptions,
.deals-meals-sec,
.opening-hours-box,
.list-location,
.contact-info-list,
.review-list-sec,
.add-review-form,
.specifi-widget,
.photo-widget,
.nearby-widget,
.tags-widget {
    background: #ffffff none repeat scroll 0 0;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);

    float: left;
    padding: 30px;
    width: 100%;
}

.detail-descriptions > p {
    color: #8d99ae;
    float: left;
    font-family: Roboto;
    font-size: 15px;
    margin: 0 0 15px;
    width: 100%;
}

.amenities-sec {
    border-top: 1px solid #e8ecec;
    float: left;
    width: 100%;
}

.amenities-sec > h3 {
    color: #121212;
    float: left;
    font-family: Roboto;
    font-size: 15px;
    font-weight: normal;
    margin-bottom: 5px;
    margin-left: 0;
    margin-top: 15px;
    width: 100%;
}

.amenities-sec > span {
    float: left;
    font-family: Roboto;
    font-size: 13px;
    line-height: 23px;
    margin-right: 30px;
    margin-top: 14px;
}

.amenities-sec > span i {
    float: left;
    font-size: 21px;
    margin-right: 10px;
}

.deal-meals-box {
    float: left;
    margin-top: 30px;
    width: 100%;
}

.deals-meals {
    display: table;
    float: left;
    margin-bottom: 30px;
    width: 100%;
}

.deals-meals:last-child {
    margin-bottom: 0px;
}

.deals-meals-thumb {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    display: table-cell;
    float: left;
    overflow: hidden;
    width: 100px;
}

.deals-meals-thumb img {
    float: left;
    width: 100%;
}

.deals-meals-detail {
    display: table-cell;
    padding-left: 30px;
    vertical-align: top;
    width: 100%;
}

.deals-meals-detail > h3 {
    color: #00171f;
    float: left;
    font-family: Roboto;
    font-size: 17px;
    font-weight: normal;
    margin: 10px 0 0;
    width: 100%;
}

.deals-meals-detail > h3 a {
    color: #00171f;
}

.deals-meals-detail > h3 span {
    background: #8d99ae none repeat scroll 0 0;
    color: #ffffff;
    display: inline-block;
    font-family: Roboto;
    font-size: 13px;
    margin-left: 20px;
    padding: 4px 10px;
}

.deals-meals-detail > a {
    float: left;
    font-family: roboto;
    font-size: 14px;
    margin-top: 3px;
}

.deals-meals-detail > p {
    color: #8d99ae;
    float: left;
    font-size: 15px;
    margin: 0;
    width: 100%;
}

.meal-price {
    display: table-cell;
    font-family: Roboto;
    font-size: 21px;
    text-align: right;
    vertical-align: middle;
    width: 100px;
}

.hours-box {
    float: left;
    margin-top: 30px;
    width: 100%;
}

.opening-hours-box > ul {
    display: table;
    float: left;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    width: 100%;
}

.opening-hours-box > ul > li {
    display: table-cell;
    text-align: center;
    vertical-align: top;
}

.opening-hours-box li h5 {
    color: #00171f;
    float: left;
    font-family: Roboto;
    font-size: 15px;
    font-weight: normal;
    margin: 0 0 10px;
    width: 100%;
}

.opening-hours-box span {
    color: #8d99ae;
    float: left;
    font-family: Roboto;
    font-size: 15px;
    line-height: 30px;
    position: relative;
    width: 100%;
}

.opening-hours-box span:last-child::before {
    display: none;
}

.location-box {
    float: left;
    margin-top: 30px;
    width: 100%;
}

.list-location > a {
    background: #8d99ae none repeat scroll 0 0;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    color: #ffffff;
    float: left;
    font-family: Roboto;
    font-size: 15px;
    margin-right: 5px;
    padding: 11px 20px;
}

.list-location > a i {
    float: left;
    font-size: 20px;
    margin-right: 5px;
}

.list-location > a.direction-btn {
    float: right;
    margin: 0;
}

.list-location iframe {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    float: left;
    height: 350px;
    margin-top: 5px;
    width: 100%;
}

.contactinfo-box {
    float: left;
    margin-top: 30px;
    width: 100%;
}

.contact-info-list > span {
    color: #8d99ae;
    float: left;
    font-family: Roboto;
    font-size: 15px;
    line-height: 38px;
    position: relative;
    width: 100%;
}

.contact-info-list > span strong {
    color: #00171f;
    float: left;
    font-weight: normal;
    width: 140px;
}

.contact-info-list > span::before {
    color: #333333;
    content: ":";
    font-family: Roboto;
    font-size: 14px;
    font-weight: bold;
    left: 115px;
    position: absolute;
    top: 0;
}

/* Display Reviewer */
.display-review-box {
    float: left;
    width: 100%;
    margin-top: 30px;
}

.review-list-sec > ul {
    float: left;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    width: 100%;
}

.review-list-sec > ul > li {
    float: left;
    margin-bottom: 30px;
    width: 100%;
}

.review-list-sec > ul > li:last-child {
    margin: 0;
}

.review-list {
    display: table;
    float: left;
    position: relative;
    width: 100%;
}

.review-list > .review-avatar {
    display: table-cell;
    float: left;
    width: 90px;
    overflow: hidden;

    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;

}

.reviewer-info {
    display: table-cell;
    padding-left: 30px;
    vertical-align: top;
    width: 100%;
}

.reviewer-info > h3 a {
    color: #00171f;
    float: left;
    font-family: Roboto;
    font-size: 17px;
    margin: 0;
    width: 100%;
}

.reviewer-info > h3 {
    float: left;
    font-weight: normal;
    margin: 0;
    width: 100%;
}

.reviewer-info > span {
    float: left;
    font-family: Roboto;
    font-size: 13px;
    line-height: 10px;
    margin-bottom: 10px;
    margin-top: 8px;
    width: 100%;
}

.reviewer-info > p {
    color: #8d99ae;
    float: left;
    font-family: Roboto;
    font-size: 15px;
    line-height: 23px;
    margin: 3px 0 0;
    width: 100%;
}

.reviewer-stars {
    position: absolute;
    right: 0;
    top: 0;
}

.reviewer-stars b {
    color: #8d99ae;
}

.add-review-box {
    float: left;
    margin-top: 30px;
    width: 100%;
}

.add-review-form > form {
    float: left;
    width: 100%;
}

.add-review-form > form input, .add-review-form > form textarea {
    border: 1px solid #dededf;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    float: left;
    font-family: Roboto;
    font-size: 15px;
    margin-bottom: 20px;
    padding: 12px 30px;
    width: 100%;
}

.add-review-form > form textarea {
    min-height: 210px;
}

.add-review-form > form button {
    border: medium none;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    color: #ffffff;
    float: left;
    font-family: Oswald;
    font-size: 18px;
    margin: 0;
    padding: 17px 50px;
    text-align: center;
    text-transform: uppercase;
    width: auto;
}

.add-your-stars {
    float: left;
    margin-bottom: 20px;
    width: 100%;
}

.add-your-stars > h5 {
    float: left;
    font-family: Roboto;
    font-weight: normal;
    margin: 0;
}

.add-your-stars > .reviewer-stars {
    float: left;
    margin-left: 14px;
    position: static;
}

.mian-listing-detail {
    float: left;
    width: 100%;
}

.mian-listing-detail aside .widget:first-child {
    margin-top: 30px;
}

/* Add LIsting */
.add-listing-sec {
    float: left;
    position: relative;
    width: 100%;
}

.add-listing-sec form {
    float: left;
    width: 100%;
}

.add-listing-sec form .form-listing {
    float: left;
    width: 100%;
    background: #ffffff none repeat scroll 0 0;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    -webkit-box-shadow: 2px 1px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 2px 1px 5px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 2px 1px 5px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 2px 1px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 2px 1px 5px rgba(0, 0, 0, 0.1);

    padding: 30px;
}

.add-listing-sec h3 {
    color: #00171f;
    float: left;
    font-family: Roboto;
    font-size: 19px;
    font-weight: 500;
    margin-bottom: 20px;
    margin-top: 0;
    width: 100%;
}

.add-listing-sec > form input, .add-listing-sec form textarea {
    border: 1px solid #dedede;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    color: #5d697e;
    float: left;
    font-family: Roboto;
    font-size: 14px;
    margin-bottom: 30px;
    padding: 13px 30px;
    width: 100%;
}

.add-listing-sec form textarea {
    min-height: 170px;
}

.add-listing-sec .chosen-container > a {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #dedede;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;

    color: #8d99ae;
    float: left;
    height: 48px;
    padding: 11px 20px;
    width: 100%;
}

.add-listing-sec .chosen-container {
    float: left;
    margin-bottom: 30px;
    width: 100% !important;
}

.uploaded-pictures-sec {
    float: left;
    width: 100%;
}

.upload-gallery-pictures {
    background: #00171f none repeat scroll 0 0;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    float: left;
    margin-right: 40px;
    position: relative;
    width: 183px;
}

.upload-gallery-pictures > img {

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    float: left;
    width: 100%;
    opacity: 0.4;
}

.upload-gallery-pictures > span {
    bottom: 20px;
    color: #ffffff;
    font-family: Roboto;
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%;
}

.upload-gallery-pictures i {

    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;

    color: #ffffff;
    font-size: 17px;
    height: 30px;
    line-height: 30px;
    position: absolute;
    right: -10px;
    text-align: center;
    top: -10px;
    width: 30px;
    cursor: pointer;
}

.click-add-pictures {
    background: #f4f4f4 none repeat scroll 0 0;
    border: 2px dashed #8d99ae;
    color: #8d99ae;
    cursor: pointer;
    float: left;
    font-family: Roboto;
    font-size: 17px;
    font-weight: 500;
    margin-bottom: 30px;
    margin-top: 20px;
    padding: 30px 20px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}

.toggle-box {
    border: 1px solid #dedede;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    float: left;
    margin-bottom: 30px;
    width: 100%;
}

.toggle-box > h5 {
    background: #f4f4f4 none repeat scroll 0 0;
    border-bottom: 1px solid #dedede;
    color: #8d99ae;
    cursor: pointer;
    float: left;
    font-family: Roboto;
    font-size: 14px;
    font-weight: normal;
    margin: 0;
    padding: 18px 30px;
    position: relative;
    width: 100%;
}

.toggle-box > h5::before {
    content: "+";
    font-size: 23px;
    font-weight: 100;
    position: absolute;
    right: 20px;
    top: 10px;
}

.opening-hours-add {
    float: left;
    list-style: outside none none;
    margin: 0;
    padding: 30px;
    width: 100%;
}

.opening-hours-add > ul {
    float: left;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    width: 100%;
}

.opening-hours-add > ul > li {
    display: table;
    float: left;
    margin-bottom: 15px;
    width: 100%;
}

.opening-hours-add h5 {
    color: #8d99ae;
    display: table-cell;
    font-family: Roboto;
    font-size: 14px;
    font-weight: normal;
    margin: 0;
    vertical-align: middle;
    width: 50%;
}

.opening-hours-add .hours-inputs {
    display: table-cell;
    width: 50%;
}

.opening-hours-add .hours-inputs input {
    float: right;
    margin-bottom: 0;
    margin-right: 16px;
    padding: 6px 20px;
    width: 170px;
}

.add-menu-restaurant {
    float: left;
    padding: 30px;
    width: 100%;
}

.menu-restaurant {
    float: left;
    width: 100%;
}

.toggle-box label {
    color: #8d99ae;
    float: left;
    font-family: Roboto;
    font-size: 14px;
    font-weight: normal;
    margin: 0 0 10px;
    width: 100%;
}

.add-schedule-sec {
    float: left;
    padding: 30px;
    width: 100%;
}

.add-listing-sec .toggle-box input {
    margin-bottom: 6px;
}

.add-listing-sec .toggle-box .chosen-container {
    margin-bottom: 20px;
}

.add-menu-restaurant > a,
.add-schedule-sec > a {
    background: #f4f4f4 none repeat scroll 0 0;
    color: #8d99ae;
    float: left;
    font-family: Roboto;
    font-size: 14px;
    left: 50%;
    margin-top: 10px;
    padding: 10px 20px;
    position: relative;

    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);

}

.add-listing-sec form button {
    display: inline-block;
    float: none;
}

.submission-btns {
    float: left;
    width: 100%;
    text-align: center;
}

.submission-btns button {
    border: medium none;

    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    border-radius: 50px;

    color: #ffffff;
    display: inline-block;
    font-family: Oswald;
    font-size: 21px;
    margin-top: 50px;
    padding: 16px 60px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
}

.add-listing-map {
    float: left;
    width: 100%;
}

.add-listing-map > #map-container, #map {
    min-height: 100px;
}

.add-listing-map #map_div {
    height: 281px;
}

.opening-hours-add .hours-inputs input:first-child {
    margin-right: 0;
}

/* Edit Profile */
.edit-profile-sec {
    float: left;
    width: 100%;
}

.edit-profile-sec > form {
    float: left;
    width: 100%;
}

.submission-btns > a {
    color: #121212;
    display: inline-block;
    font-family: Roboto;
    font-size: 18px;
    font-weight: 500;
    line-height: 10px;
    margin-left: 23px;
    position: relative;
    top: -5px;
}

.edit-profile-sec form .form-profile {
    background: #ffffff none repeat scroll 0 0;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    -webkit-box-shadow: 2px 1px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 2px 1px 5px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 2px 1px 5px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 2px 1px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 2px 1px 5px rgba(0, 0, 0, 0.1);

    float: left;
    padding: 30px;
    width: 100%;
}

.change-my-dp {
    display: table;
    float: left;
    margin-bottom: 20px;
    width: 100%;
}

.change-my-dp > img {

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    display: table-cell;
    float: left;
    margin-right: 30px;
}

.change-my-dp > a {
    background: #f4f4f4 none repeat scroll 0 0;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    color: #8d99ae;
    display: inline-block;
    font-family: Roboto;
    font-size: 14px;
    margin-top: 76px;
    padding: 6px 20px;
    vertical-align: bottom;
}

.edit-profile-sec h3 {
    color: #00171f;
    float: left;
    font-family: Roboto;
    font-size: 19px;
    font-weight: 500;
    margin-bottom: 20px;
    margin-top: 0;
    width: 100%;
}

.edit-profile-sec form input, .edit-profile-sec form textarea {
    border: 1px solid #dedede;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    color: #5d697e;
    float: left;
    font-family: Roboto;
    font-size: 14px;
    margin-bottom: 30px;
    padding: 13px 30px;
    width: 100%;
}

.edit-profile-sec form textarea {
    min-height: 170px;
}


/* My Listings */
.my-listing-sec {
    float: left;
    width: 100%;
}

.my-listing-sec > ul {
    float: left;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    width: 100%;
}

.my-listing-sec > ul > li {
    float: left;
    margin-bottom: 20px;
    width: 100%;
}

.my-listing {
    background: #ffffff none repeat scroll 0 0;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    -webkit-box-shadow: 2px 1px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 2px 1px 5px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 2px 1px 5px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 2px 1px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 2px 1px 5px rgba(0, 0, 0, 0.1);

    display: table;
    float: left;
    padding: 20px;
    width: 100%;
}

.my-listing-thumb {
    display: table-cell;
    vertical-align: middle;
    width: 40%;
}

.my-listing-thumb > img {

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    float: left;
    margin-right: 30px;
}

.my-thumb-info {
    display: table-cell;
    vertical-align: middle;
}

.my-thumb-info > h3 {
    color: #00171f;
    float: left;
    font-family: Roboto;
    font-size: 18px;
    font-weight: 500;
    margin: 0;
    width: 100%;
}

.my-thumb-info > h3 a {
    color: #00171f;
    float: left;
    font-family: Roboto;
    font-size: 18px;
    font-weight: 500;
    margin: 0;
    width: 100%;
}

.my-thumb-info > span {
    color: #8d99ae;
    float: left;
    font-family: Roboto;
    font-size: 14px;
    width: 100%;
}

.my-thumb-info > a {
    background: #f4f4f4 none repeat scroll 0 0;
    color: #8d99ae;
    float: left;
    font-family: Roboto;
    font-size: 11px;
    margin: 2px 0;
    padding: 3px 16px;
}

.my-listing > ul {
    display: table-cell;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    vertical-align: middle;
}

.my-listing > ul > li {
    display: table-cell;
    padding: 0 25px;
    vertical-align: top;
}

.my-listing li > span {
    color: #00171f;
    display: table;
    font-family: Roboto;
    font-size: 16px;
    margin-bottom: 13px;
    width: 100%;
}

.my-listing li i {
    color: #8d99ae;
}

.my-listing li > p {
    color: #8d99ae;
    float: left;
    font-family: Roboto;
    font-size: 14px;
    margin: 0;
}

.my-listing li .rated-list {
    margin: 7px 0 0;
}

.my-listing li .rated-list span {
    float: right;
    line-height: 19px;
}

.edit-delete {
    float: right;
    margin-top: 15px;
}

.edit-delete > a {
    color: #00171f;
    float: left;
    font-family: Roboto;
    font-size: 11px;
    margin-left: 10px;
    text-transform: uppercase;
}

/* Terms Sec */
.terms-sec {
    float: left;
    width: 100%;
}

.terms {
    background: #ffffff none repeat scroll 0 0;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    -webkit-box-shadow: 2px 1px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 2px 1px 5px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 2px 1px 5px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 2px 1px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 2px 1px 5px rgba(0, 0, 0, 0.1);

    float: left;
    padding: 30px;
    width: 100%;
}

.terms h4 {
    color: #00171f;
    float: left;
    font-family: Roboto;
    font-size: 19px;
    font-weight: bold;
    margin-bottom: 15px;
    margin-top: 15px;
    width: 100%;
}

.terms > p {
    color: #8d99ae;
    float: left;
    font-family: Roboto;
    font-size: 15px;
    line-height: 24px;
    margin-bottom: 15px;
    margin-top: 15px;
    width: 100%;
}

.terms > span {
    color: #8d99ae;
    float: left;
    font-size: 15px;
    margin: 2px 0;
    width: 100%;
}

.terms > ul {
    float: left;
    margin: 0 0 10px;
    padding: 0 0 0 15px;
    width: 100%;
}

.terms > ul > li {
    color: #8d99ae;
    float: left;
    padding-left: 8px;
    width: 100%;
}

.recent-widget {
    background: #ffffff none repeat scroll 0 0;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);

    float: left;
    padding: 30px;
    width: 100%;
}

.recent-widget > a {
    border-bottom: 1px solid #efefef;
    color: #8d99ae;
    float: left;
    font-family: Roboto;
    font-size: 14px;
    padding-bottom: 14px;
    padding-top: 14px;
    width: 100%;
}

.recent-widget a:last-child {
    border: medium none;
    padding-bottom: 0;
}

.recent-widget a:first-child {
    padding-top: 0;
}

.account-popup-sec.static-popup {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    display: block;
    float: left;
    overflow: auto;
    position: static;
    width: 100%;
    z-index: 1;
}

.account-popup-sec.static-popup > .acount-popup {
    float: left;
    margin: 0;
    opacity: 1;
    position: static;

    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;

    visibility: visible;
    width: 100%;
}

.account-popup-sec.static-popup .extra-login::before {
    z-index: 1;
}

.account-popup-sec.static-popup .extra-login > span {
    position: relative;
    z-index: 1;
}

.blog-post.wide {
    padding: 0;
}

.blog-post.wide .blog-detail {
    padding: 0 30px 20px;
}

.blog-post.wide .blog-detail > h3 {
    font-size: 21px;
    font-weight: 500;
}

.search_widget > form .input-style {
    border: 1px solid #dedede;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    color: #8d99ae;
    float: left;
    font-size: 14px;
    height: 50px;
    margin-bottom: 0px;
    padding: 0 20px;
    width: 100%;
}

.search_widget {
    background: #ffffff none repeat scroll 0 0;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);

    float: left;
    padding: 30px 20px;
    width: 100%;
}

.category-widget > a {
    border-bottom: 1px solid #efefef;
    color: #8d99ae;
    float: left;
    font-family: Roboto;
    font-size: 14px;
    padding-bottom: 14px;
    padding-top: 14px;
    width: 100%;
}

.category-widget > a i {
    float: right;
    font-style: normal;
}

.category-widget {
    background: #ffffff none repeat scroll 0 0;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);

    float: left;
    padding: 30px;
    width: 100%;
}

.category-widget a:first-child {
    padding-top: 0;
}

.category-widget a:last-child {
    border: medium none;
    padding-bottom: 0;
}

.recentitem-widget {
    background: #ffffff none repeat scroll 0 0;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);

    float: left;
    padding: 30px;
    width: 100%;
}

.recentitem {
    float: left;
    margin-bottom: 20px;
    width: 100%;
}

.recentitem > a {

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    float: left;
    margin-right: 17px;
    overflow: hidden;
}

.recentitem > h3 {
    color: #8d99ae;
    display: block;
    font-family: Roboto;
    font-size: 14px;
    font-weight: normal;
    margin-top: 19px;
}

.recentitem > h3 a {
    color: #8d99ae;
}

.recentitem:last-child {
    margin: 0;
}

.single-post-detail {
    float: left;
    width: 100%;
}

.single-post-detail .blog-post {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;

    margin-top: 10px;
}

.single-post-detail .blog-detail p {
    float: left;
    margin-bottom: 3px;
    margin-top: 18px;
    width: 100%;
}

.single-post-detail .blog-detail p span {

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    color: #ffffff;
    float: left;
    font-family: Roboto;
    font-size: 35px;
    font-weight: bold;
    height: 50px;
    line-height: 50px;
    margin-bottom: 5px;
    margin-right: 10px;
    margin-top: 5px;
    text-align: center;
    width: 50px;
}

.single-post-detail .blog-post .blog-detail {
    background: #ffffff none repeat scroll 0 0;

    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    -ms-border-radius: 0 0 3px 3px;
    -o-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;

    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);

    margin: 0;
    padding: 30px;
}

blockquote {
    background: #ffffff none repeat scroll 0 0;
    border: medium none;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);

    float: left;
    margin-bottom: 30px;
    margin-top: 40px;
    padding: 40px 40px 40px 90px;
    position: relative;
    width: 100%;
}

blockquote > p {
    border-left: 10px solid #8d99ae;
    color: #00171f;
    float: left;
    font-family: Roboto;
    font-size: 15px;
    font-style: italic;
    line-height: 23px;
    margin: 0;
    padding: 10px 0 10px 30px;
    position: relative;
    width: 100%;
}

blockquote::before {
    color: #8d99ae;
    content: "\f2cd";
    font-family: lineawesome;
    font-size: 50px;
    left: 20px;
    margin-top: -40px;
    position: absolute;
    top: 50%;
}

.post-share {
    background: #ffffff none repeat scroll 0 0;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);

    float: left;
    padding: 20px 0;
    text-align: center;
    width: 100%;
}

.post-share a {
    color: #8d99ae;
    display: inline-block;
    font-size: 26px;
    padding: 4px 5px;
}

/* Contact */
.contact-map {
    float: left;
    width: 100%;
}

.contact-map > #map-container {
    min-height: 470px;
}

.contact-map > #map-container #map_div {
    height: 470px;
}

.contactus-form {
    background: #ffffff none repeat scroll 0 0;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    -webkit-box-shadow: 2px 1px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 2px 1px 5px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 2px 1px 5px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 2px 1px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 2px 1px 5px rgba(0, 0, 0, 0.1);

    float: left;
    padding: 40px 30px;
    width: 100%;
}

.contactus-form form input, .contactus-form form textarea {
    border: 1px solid #dedede;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    color: #5d697e;
    float: left;
    font-family: Roboto;
    font-size: 14px;
    margin-bottom: 30px;
    padding: 13px 30px;
    width: 100%;
}

.contactus-form form textarea {
    min-height: 170px;
}

.contactus-form input[type="submit"] {
    border: medium none;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    color: #ffffff;
    display: inline-block;
    font-family: Oswald;
    font-size: 21px;
    margin: 0;
    padding: 16px 60px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    width: auto;
}

.contact-info-box {
    float: left;
    width: 100%;
}

.contact-box {
    background: #ffffff none repeat scroll 0 0;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    -webkit-box-shadow: 2px 1px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 2px 1px 5px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 2px 1px 5px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 2px 1px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 2px 1px 5px rgba(0, 0, 0, 0.1);

    float: left;
    width: 100%;
}

.contact-box > ul {
    float: left;
    list-style: outside none none;
    margin: 0;
    padding: 40px 30px;
    width: 100%;
}

.contact-box li {
    float: left;
    margin-bottom: 30px;
    padding-left: 60px;
    position: relative;
    width: 100%;
}

.contact-box li i {
    color: #8d99ae;
    font-size: 40px;
    left: 0;
    position: absolute;
    top: 5px;
}

.contact-box li h4 {
    color: #00171f;
    float: left;
    font-family: Roboto;
    font-size: 17px;
    margin: 6px 0 4px;
    width: 100%;
}

.contact-box li:last-child {
    margin: 0;
}

.contact-box span {
    color: #8d99ae;
    float: left;
    font-family: Roboto;
    font-size: 14px;
    line-height: 23px;
    width: 100%;
}

.product-sec {
    float: left;
    width: 100%;
}

.products-box {
    background: #ffffff none repeat scroll 0 0;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    -webkit-box-shadow: 2px 1px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 2px 1px 5px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 2px 1px 5px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 2px 1px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 2px 1px 5px rgba(0, 0, 0, 0.1);

    float: left;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 30px;
    padding-top: 0;
    width: 100%;
}

.product-box {
    float: left;
    margin-top: 30px;
    width: 100%;
}

.product-thumb {
    background: #00171f none repeat scroll 0 0;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    float: left;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.product-thumb img {
    float: left;
    width: 100%;
}

.product-thumb a {
    background: #8d99ae none repeat scroll 0 0;

    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    border-radius: 50px;

    color: #ffffff;
    font-family: Roboto;
    font-size: 15px;
    left: 50%;
    margin-left: -85px;
    opacity: 0;
    padding: 10px 30px;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    top: 50%;

    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);

    visibility: hidden;
    width: 170px;
}

.product-box > h3 {
    color: #00171f;
    float: left;
    font-family: Roboto;
    font-size: 15px;
    font-weight: normal;
    width: 100%;
}

.product-box > h3 a {
    color: #00171f;
}

.product-box > span {
    color: #8d99ae;
    float: left;
    font-family: Roboto;
    font-size: 14px;
    line-height: 13px;
    width: 100%;
}

.product-box:hover .product-thumb a {
    opacity: 1;
    visibility: visible;
}

.product-box:hover .product-thumb img {
    opacity: 0.2;
}

.item-sale {
    background: #8d99ae none repeat scroll 0 0;

    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;

    color: #ffffff;
    font-size: 15px;
    height: 55px;
    line-height: 55px;
    position: absolute;
    right: 15px;
    text-align: center;
    top: 15px;
    width: 55px;
}

.search_widget > .side-search-form {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;

    padding: 0;
}

.range-slider > span {
    color: #8d99ae;
    float: left;
    font-family: Roboto;
    font-size: 14px;
    margin-bottom: 27px;
    margin-top: -20px;
    text-align: center;
    width: 100%;
}

.range-slider > a {
    background: #00171f none repeat scroll 0 0;

    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;

    color: #ffffff;
    float: left;
    font-family: Roboto;
    font-size: 15px;
    left: 50%;
    margin-top: 30px;
    padding: 10px 30px;
    position: relative;

    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);

}

.products-widget {
    background: #ffffff none repeat scroll 0 0;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);

    float: left;
    padding: 30px;
    width: 100%;
}

.products-item {
    float: left;
    margin-bottom: 20px;
    width: 100%;
}

.products-item > a {

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    float: left;
    margin-right: 17px;
    overflow: hidden;
}

.products-item > h3 {
    display: block;
    font-family: Roboto;
    font-size: 14px;
    font-weight: normal;
    margin-top: 3px;
    color: #8d99ae;
}

/* Shoping Detail */
.shoping-detail-sec {
    background: #ffffff none repeat scroll 0 0;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);

    float: left;
    padding: 30px;
    width: 100%;
}

.single-product-gallery {
    float: left;
    width: 100%;
}

.single-product-images {
    float: left;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    width: 100%;
}

.single-product-thumb {
    float: left;
    list-style: outside none none;
    margin: 20px 0 0;
    padding: 0 60px;
    width: 100%;
}

.single-product-images li {
    position: relative;
}

.single-product-images li img {

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;

    float: left;
    width: 100%;
}

.single-product-images li a {
    background: #8d99ae none repeat scroll 0 0;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;

    bottom: 10px;
    color: #ffffff;
    font-size: 30px;
    height: 72px;
    line-height: 72px;
    position: absolute;
    right: 10px;
    text-align: center;
    width: 72px;
}

.single-product-thumb li {
    float: left;
    padding: 0 8px;
    width: 100%;
}

.single-product-thumb li span {
    background: #00171f none repeat scroll 0 0;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    float: left;
    overflow: hidden;
    width: 100%;
}

.single-product-thumb li span img {
    float: left;
    opacity: 0.3;
    width: 100%;
}

.single-product-thumb li.slick-slide.slick-active.slick-center span img {
    opacity: 1;
}

.single-product-thumb .slick-next::before {
    content: "\f274";
}

.single-product-thumb .slick-prev::before {
    content: "\f273";
}

.single-product-thumb .slick-prev, .single-product-thumb .slick-next {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    height: auto;
    margin-top: -23px;
    top: 50%;
    width: auto;
}

.single-product-thumb .slick-next {
    right: 0;
}

.single-product-thumb button::before {
    font-size: 35px;
    height: auto;
    line-height: normal;
    width: auto;
}

.single-product-info {
    float: left;
    width: 100%;
}

.single-product-info > h3 {
    float: left;
    font-family: Roboto;
    font-size: 21px;
    font-weight: 500;
    margin: 15px 0 0;
    width: 100%;
}

.single-product-info .rated-list {
    float: left;
    width: 100%;
}

.single-product-info .rated-list b {
    color: #e1e1e4;
}

.single-product-info .rated-list span {
    font-size: 15px;
}

.single-product-info > span {
    color: #8d99ae;
    float: left;
    font-family: Roboto;
    font-size: 23px;
    font-weight: bold;
    width: 100%;
}

.single-product-info > p {
    color: #8d99ae;
    float: left;
    font-family: Roboto;
    font-size: 15px;
    line-height: 24px;
    margin: 20px 0 30px;
    width: 100%;
}

.c-input-number {
    border: 1px solid #00171f;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    float: left;
    height: 50px;
    position: relative;
    width: 135px;
}

.c-input-number > span {
    float: left;
    width: 100%;
}

.c-input-number input[type="text"] {
    border: medium none;
    color: #00171f;
    float: left;
    font-family: Roboto;
    font-size: 16px;
    height: 48px;
    padding: 0 30px;
    text-align: center;
    width: 100%;
}

.c-input-number input[type="button"] {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    color: #323031;
    font-size: 22px;
    left: 0;
    padding: 0;
    position: absolute;
    top: 6px;
    width: 30px;
}

.c-input-number input.userincr-btn-inc[type="button"] {
    font-size: 21px;
    font-weight: 400;
    left: auto;
    right: 4px;
}

.c-input-number input.userincr-btn-dec[type="button"] {
    font-size: 40px;
    line-height: 10px;
    top: 17px;
    width: 50px;
}

.single-product-info > a {

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    color: #ffffff;
    float: left;
    font-family: Roboto;
    font-size: 18px;
    font-weight: 500;
    margin-left: 30px;
    padding: 12px 30px;
}

.single-product-info > a i {
    margin-right: 10px;
}

.shop-category {
    float: left;
    margin-top: 30px;
    width: 100%;
}

.shop-category > span {
    color: #323031;
    float: left;
    font-family: Roboto;
    font-size: 15px;
    margin-right: 15px;
}

.shop-category > a {
    color: #8d99ae;
    float: left;
    font-family: Roboto;
    font-size: 15px;
    padding-right: 9px;
    position: relative;
}

.shop-category > a::before {
    content: ",";
    position: absolute;
    right: 3px;
    top: 0;
}

.shop-category > a:last-child::before {
    display: none;
}

.shop-share {
    float: left;
    margin-top: 20px;
    width: 100%;
}

.shop-share > span {
    color: #323031;
    float: left;
    font-family: Roboto;
    font-size: 15px;
    margin-right: 15px;
}

.shop-share > a {
    color: #8d99ae;
    font-size: 17px;
    padding-right: 2px;
}

.tab-content {
    display: none;
}

.tab-content.current {
    display: block;
}

.custom-tabs {
    float: left;
    margin-top: 30px;
    width: 100%;
}

.tab-sec {
    float: left;
    width: 100%;
}

.tab-sec > .nav-tabs {
    border-bottom: 1px solid #e8ecec;
    float: left;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    width: 100%;
}

.tab-sec > .nav-tabs > li {
    float: left;
}

.tab-sec > .nav-tabs > li a {
    border-bottom: 1px solid transparent;
    color: #8d99ae;
    cursor: pointer;
    float: left;
    font-family: Roboto;
    font-size: 15px;
    padding: 0 30px 20px;
}

.tab-sec > .nav-tabs > li a:hover {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-color: transparent;
}

.tab-sec > .nav-tabs > li a.current {
    border-bottom: 1px solid #000000 !important;
    color: #000000;
}

.description {
    float: left;
    margin-top: 30px;
    padding: 0;
    width: 100%;
}

.description > p {
    color: #8d99ae;
    float: left;
    font-family: Roboto;
    font-size: 15px;
    line-height: 24px;
    margin: 0;
    width: 100%;
}

.additional-information {
    float: left;
    list-style: outside none none;
    margin: 30px 0 0;
    padding: 0;
    width: 100%;
}

.additional-information > li {
    border-bottom: 1px solid #e8ecec;
    display: table;
    float: left;
    padding: 10px 0;
    width: 100%;
}

.additional-information > li > strong {
    color: #00171f;
    display: table-cell;
    float: left;
    font-family: Roboto;
    font-size: 15px;
    font-weight: normal;
    width: 50%;
}

.additional-information > li:first-child {
    padding-top: 0;
}

.additional-information > li:last-child {
    border: medium none;
    padding-bottom: 0;
}

.tab-sec .review-list-sec {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;

    padding: 30px 0;
}

.tab-sec .add-review-form {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;

    padding: 0;
}

.tab-sec .add-review-form > form textarea {
    min-height: 120px;
}

.related-products {
    float: left;
    margin-top: 60px;
    width: 100%;
}

.related-products #related-carousel {
    float: left;
    width: 100%;
}

.related-products #related-carousel .product-box {
    margin-top: 10px;
}

.related-products #related-carousel button {
    height: 34px;
    left: auto;
    margin: 0;
    position: absolute;
    right: 12px;
    top: -40px;
    width: 34px;
}

.related-products #related-carousel button.slick-prev {
    right: 50px;
}

/* Cart Sec */
.cart-sec {
    float: left;
    width: 100%;
}

.cart-sec table {
    float: left;
    width: 100%;
}

.cart-sec table > thead {
    background: #8d99ae none repeat scroll 0 0;
}

.cart-sec table > thead td h3 {
    color: #ffffff;
    float: left;
    font-family: Roboto;
    font-size: 18px;
    margin: 0;
    padding: 20px 30px;
    width: 100%;
}

.cart-sec {
    background: #ffffff none repeat scroll 0 0;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);

    float: left;
    width: 100%;
}

.cart-sec table tbody td {
    border-bottom: 1px solid #e8ecec;
    padding: 30px;
}

.cart-image {
    float: left;
    width: 100%;
    display: table;
}

.cart-image > a {
    float: left;
    margin-right: 20px;
    overflow: hidden;
    width: 90px;
}

.cart-image img {
    float: left;
    width: 100%;
}

.cart-image > h3 {
    color: #00171f;
    display: table-cell;
    font-family: Roboto;
    font-size: 15px;
    font-weight: normal;
    margin: 0;
    vertical-align: middle;
    width: 100%;
}

.cart-image > h3 a {
    color: #00171f;
}

.cart-price {
    float: left;
    width: 100%;
}

.cart-price {
    color: #8d99ae;
    float: left;
    font-family: Roboto;
    font-size: 17px;
    width: 100%;
}

.cart-price i {
    color: #dddddd;
    float: left;
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    text-decoration: line-through;
    width: 100%;
}

.cart-total-price {
    color: #00171f;
    float: left;
    font-family: Roboto;
    font-size: 18px;
    font-weight: bold;
    width: 100%;
}

.close-cart {
    cursor: pointer;
    float: left;
    font-family: Roboto;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    width: 100%;
}

.apply-coupons {
    float: left;
    width: 100%;
}

.apply-coupons > form {
    float: left;
}

.apply-coupons > form input[type="text"] {
    border: 1px solid #dededf;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    float: left;
    font-family: Roboto;
    font-size: 15px;
    margin-bottom: 20px;
    padding: 12px 30px;
    width: 225px;
}

.apply-coupons > form input[type="submit"] {
    background: #121212 none repeat scroll 0 0;
    border: medium none;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    color: #ffffff;
    float: left;
    font-family: Roboto;
    font-size: 16px;
    font-weight: bold;
    margin-left: 10px;
    padding: 12px 24px;
}

.update-cart {
    border: 1px solid #323031;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    color: #323031;
    float: right;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 500;
    padding: 10px 22px;
}

.cart-total-box {
    background: #ffffff none repeat scroll 0 0;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);

    float: right;
    padding: 40px 70px 60px;
    text-align: center;
    width: 100%;
}

.cart-total-box > h3 {
    color: #3a3838;
    float: left;
    font-family: Roboto;
    font-size: 22px;
    font-weight: bold;
    margin: 0 0 20px;
    width: 100%;
}

.cart-total-box > ul {
    float: left;
    list-style: outside none none;
    margin: 50px 0;
    padding: 0;
    width: 100%;
}

.cart-total-box > ul > li {
    float: left;
    margin: 3px 0;
    text-align: left;
    width: 100%;
}

.cart-total-box li span {
    color: #3a3838;
    float: left;
    font-family: roboto;
    font-size: 15px;
    width: 50%;
}

.cart-total-box h3 {
    color: #323031;
    float: right;
    font-family: Roboto;
    font-size: 18px;
    font-weight: bold;
    margin: 3px 0 0;
}

.cart-total-box > span {
    color: #323031;
    float: left;
    font-family: Roboto;
    font-size: 22px;
    font-weight: bold;
}

.cart-total-box > strong {
    color: #323031;
    float: right;
    font-family: Roboto;
    font-size: 22px;
    font-weight: bold;
}

.cart-total-box > a {

    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
    border-radius: 40px;

    color: #ffffff;
    float: left;
    font-family: Roboto;
    font-size: 18px;
    font-weight: bold;
    margin-top: 30px;
    padding: 15px 20px;
    width: 100%;
}

/* Checkout Sec */
.checkout-sec {
    background: #ffffff none repeat scroll 0 0;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    -webkit-box-shadow: 2px 1px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 2px 1px 5px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 2px 1px 5px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 2px 1px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 2px 1px 5px rgba(0, 0, 0, 0.1);

    float: left;
    padding: 30px;
    width: 100%;
}

.checkout-sec > h3 {
    color: #8d99ae;
    float: left;
    font-family: Roboto;
    font-size: 16px;
    font-weight: normal;
    margin: 0;
    width: 100%;
}

.checkout-sec > h3 a {
    color: #8d99ae;
}

.checkout-sec > form {
    float: left;
    width: 100%;
}

.checkout-sec > form input, .checkout-sec form textarea {
    border: 1px solid #dedede;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    color: #5d697e;
    float: left;
    font-family: Roboto;
    font-size: 14px;
    margin-top: 30px;
    padding: 13px 30px;
    width: 100%;
}

.checkout-sec form textarea {
    min-height: 140px;
}

.checkout-sec .chosen-container {
    float: left;
    margin-top: 30px;
    width: 100% !important;
}

.checkout-sec .chosen-container > a {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #dedede;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;

    color: #8d99ae;
    float: left;
    height: 48px;
    padding: 11px 20px;
    width: 100%;
}

.chosen-container .chosen-results {
    float: left;
    width: 100%;
}

.arrow-down:hover,
.arrow-down:focus {
    background: #ffffff none repeat scroll 0 0;
    color: #333333;
}

.checkout-sec > form div > p {
    float: left;
    margin: 30px 0 0;
    padding: 0;
    width: 100%;
}

.checkout-sec > form div > p label {
    color: #8d99ae;
    font-size: 14px;
    font-weight: normal;
    line-height: 26px;
}

/* My Order Details */
.my-order-details {
    background: #ffffff none repeat scroll 0 0;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    -webkit-box-shadow: 2px 1px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 2px 1px 5px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 2px 1px 5px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 2px 1px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 2px 1px 5px rgba(0, 0, 0, 0.1);

    float: left;
    padding: 40px;
    width: 100%;
}

.my-orders-sec {
    float: left;
    width: 100%;
}

.my-orders-sec > h3 {
    float: left;
    font-family: Roboto;
    font-size: 22px;
    font-weight: bold;
    margin: 0;
    text-align: center;
    width: 100%;
}

.product-totals {
    border-bottom: 1px solid #e8ecec;
    float: left;
    padding-bottom: 20px;
    padding-top: 50px;
    width: 100%;
}

.product-totals > span {
    color: #3a3838;
    float: left;
    font-family: Roboto;
    font-size: 15px;
    font-weight: bold;
}

.product-totals > strong {
    color: #3a3838;
    float: right;
    font-family: Roboto;
    font-size: 15px;
    font-weight: bold;
}

.product-totals > ul {
    float: left;
    list-style: outside none none;
    margin: 20px 0 0;
    padding: 0;
    width: 100%;
}

.product-totals > ul > li {
    color: #8d99ae;
    float: left;
    font-family: Roboto;
    font-size: 15px;
    padding: 2px 0;
    width: 100%;
}

.product-totals li span {
    display: inline-block;
    margin-left: 15px;
}

.product-totals li strong {
    float: right;
    font-weight: normal;
}

.my-orders-sec > ul {
    float: left;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    width: 100%;
}

.my-orders-sec > ul li {
    border-bottom: 1px solid #e8ecec;
    float: left;
    padding: 13px 0;
    width: 100%;
}

.my-orders-sec > ul li span {
    color: #121212;
    float: left;
    font-family: Roboto;
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase;
}

.my-orders-sec > ul li strong {
    color: #8d99ae;
    float: right;
    font-family: Roboto;
    font-size: 15px;
    font-weight: normal;
}

.my-orders-sec > ul li h4 {
    float: right;
    font-family: Roboto;
    font-size: 19px;
    font-weight: 500;
    margin: 3px 0;
}

.my-orders-sec > ul li:last-child {
    border: medium none;
    padding-bottom: 0;
}

.payment-methods {
    float: left;
    margin-top: 40px;
    width: 100%;
}

.payment-methods > h3 {
    float: left;
    font-family: Roboto;
    font-size: 22px;
    font-weight: bold;
    margin: 20px 0 40px;
    text-align: center;
    width: 100%;
}

.payment-methods > div {
    float: left;
    margin-bottom: 14px;
    width: 100%;
}

.payment-methods > div label::before, .payment-methods > div label::after {

    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;

}

.payment-methods > div label {
    color: #000000;
    font-family: Roboto;
    font-size: 15px;
    font-weight: normal;
}

.payment-methods > div p {
    color: #8d99ae;
    float: left;
    font-family: Roboto;
    font-size: 14px;
    line-height: 24px;
    margin: 7px 0 12px;
    width: 100%;
}

.payment-methods > div label img {
    margin: 0 15px;
}

.payment-methods > div label a {
    color: #00171f;
    font-family: Roboto;
    font-size: 14px;
}

.payment-methods > p label {
    color: #00171f;
    font-family: Roboto;
    font-size: 16px;
    font-weight: normal;
}

.payment-methods > a {
    border: medium none;

    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    border-radius: 50px;

    color: #ffffff;
    display: inline-block;
    font-family: Oswald;
    font-size: 21px;
    left: 50%;
    margin: 30px 0 0;
    padding: 16px 60px;
    position: relative;
    text-align: center;
    text-transform: uppercase;

    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);

}

.add-listing-btn:hover {
    color: #ffffff;
}

header.dark .add-listing-btn:hover {
    background: #8d99ae none repeat scroll 0 0;
}

.error-sec > form input:focus {
    background: #ffffff none repeat scroll 0 0;
}

.acount-popup button:hover {
    background: #8d99ae none repeat scroll 0 0;
}

.close-popup:hover {
    background: #a3a3a3 none repeat scroll 0 0;
}

.extra-login > ul a:hover {
    opacity: 0.7;
}

.click-add-pictures:hover {
    background: #fafafa none repeat scroll 0 0;
}

.add-listing-sec form button:hover {
    background: #8d99ae none repeat scroll 0 0;
}

.toggle-box.active > h5 {
    background: #ffffff none repeat scroll 0 0;
}

.toggle-box.active > h5::before {
    content: "-";
    font-size: 40px;
    line-height: 28px;
}

.blog-post-thumb:hover > a img {
    opacity: 0.6;
}

.blog-post .blog-metas > li a:hover {
    color: #000000;
}

.link-widget a:hover {
    color: #ffffff;
}

.about-widget li a:hover {
    color: #ffffff;
}

.contact-widget li:hover i {
    color: #fff;
}

.tags-widget > a:hover {
    color: #ffffff;
}

.add-review-form > form button:hover {
    background: #8d99ae;
}

.update-cart:hover {
    color: #fff;
}

.cart-total-box > a:hover {
    background: #8d99ae;
}

.payment-methods > a:hover {
    background: #8d99ae;
}

.open-filter-btns > span:hover {
    background: #737373 none repeat scroll 0 0;
}

.listing-box:hover .listing-box-thumb img {

    -webkit-transform: scale(1.1) rotate(10deg);
    -moz-transform: scale(1.1) rotate(10deg);
    -ms-transform: scale(1.1) rotate(10deg);
    -o-transform: scale(1.1) rotate(10deg);
    transform: scale(1.1) rotate(10deg);

}

.listing-rate-share > a:hover {
    background: #8d99ae;
}

.grids-listings .listing-rate-share > a:hover {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}

.contactus-form input[type="submit"]:hover {
    background: #8d99ae;
}

.change-my-dp > a:hover {
    color: #ffffff;
}

.submission-btns button:hover {
    background: #8d99ae;
}

.how-it-works:hover .work-detail .number {
    right: -10px;
}

.directory-searcher > form button:hover {
    background: #8d99ae;
}

.dt-box:hover img {
    opacity: 1;
}

.dt-box:hover a span {
    margin-top: -100px;
    top: 100%;
}

.services:hover i {
    color: #ffffff;
}

.category-box:hover img {
    filter: grayscale(100%);
    z-index: 0;
}

.btns-extra-top a.add-listing-btn:hover {
    background: #8d99ae;
}

.dt-box.style2:hover a span {
    bottom: auto;
    margin-top: -140px;
    top: 100%;
}

.recent-places-box:hover a img {

    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);

}

.recent-place-detail .listing-rate-share > a:hover {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}

.services.style2:hover i {
    background: #8d99ae;
}

.view-all-blog:hover {
    color: #ffffff;
}

.category-box.style4:hover span {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
}

.filter-btn:hover {
    background: #8d99ae;
    color: #ffffff;
}

.write-review:hover {
    background: #8d99ae;
    color: #ffffff;
}

.photo-widget a {
    float: left;
    width: 100%;
}

.photo-widget a:hover img {
    opacity: 0.6;
}

.list-location > a:hover {
    opacity: 0.7;
}

.share-favourite > a:hover {
    background: #737373 none repeat scroll 0 0;
}

.side-search-form > form button:hover {
    background: #8d99ae;
}

.my-thumb-info > a:hover {
    color: #ffffff;
}

.pricing-tables:hover {

    -webkit-box-shadow: 0 20px 20px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 20px 20px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 20px 20px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 20px 20px rgba(0, 0, 0, 0.1);
    box-shadow: 0 20px 20px rgba(0, 0, 0, 0.1);

}

.single-product-info > a:hover {
    background: #8d99ae;
}

.client-box {
    float: left;
    width: 100%;
}

.client-box > a {
    float: left;
    width: 100%;
}

.client-box > a img {
    float: left;
    width: 100%;
}

.field .chosen-container a.chosen-single > div::before {
    display: none;
}

#map-container.fixed-this.half-map {
    width: 50%;
}

#map-container.fixed-this.half-map.turn-left {
    left: 0;
    right: auto;
}

.responive-header {
    background: #00171f none repeat scroll 0 0;
    display: none;
    float: left;
    width: 100%;
}

.responive-header > .logo {
    float: left;
    padding: 20px 30px;
    width: auto;
}

.resp-btn-sec {
    float: right;
    padding-right: 30px;
}

.resp-btn-sec .search-header form {
    right: 0;
    top: 100%;
    width: 230px;
}

.open-responsive-btn {
    background: #ffffff none repeat scroll 0 0;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    cursor: pointer;
    float: left;
    height: 40px;
    margin-top: 20px;
    position: relative;
    width: 40px;
}

.open-responsive-btn > i {
    float: left;
    font-size: 24px;
    line-height: 40px;
    text-align: center;
    width: 100%;
}

.open-responsive-btn > i.la-close {
    left: 0;
    position: absolute;
    top: 0;

    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);

    width: 100%;
}

.resp-btn-sec .open-search {
    padding: 18px 0;
}

.resp-btn-sec .add-listing-btn {
    margin: 16px 0;
}

.resp-btn-sec .acount-header-btn {
    padding: 10px 0;
}

.responisve-menu {
    background: #00171f none repeat scroll 0 0;
    height: 100%;
    overflow: scroll;
    padding: 0 0 60px;
    position: fixed;
    right: -100%;
    top: 0;
    width: 100%;
    z-index: 1;
}

.responisve-menu > ul {
    float: left;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    width: 100%;
}

.responisve-menu > ul > li {
    float: left;
    position: relative;
    width: 100%;
}

.responisve-menu > ul > li > a {
    border-bottom: 1px dashed #414141;
    color: #ffffff;
    float: left;
    font-family: Roboto;
    font-size: 14px;
    margin: 0;
    padding: 11px 20px;
    position: relative;
    text-transform: uppercase;
    width: 100%;
}

.responisve-menu > ul > li.menu-item-has-children::before {
    color: #ffffff;
    content: "\f110";
    font-family: lineawesome;
    font-size: 11px;
    margin-top: -14px;
    position: absolute;
    right: 20px;
    top: 20px;
}

.responisve-menu > ul > li.menu-item-has-children ul {
    background: #0d0d11 none repeat scroll 0 0;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    display: none;
    float: left;
    list-style: outside none none;
    margin: 0;
    padding: 25px 0;

    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;

    width: 100%;
}

.responisve-menu > ul > li.menu-item-has-children ul li {
    float: left;
    position: relative;
    width: 100%;
}

.responisve-menu > ul > li.menu-item-has-children ul li > a::before {
    content: "\f112";
    font-family: lineawesome;
    font-size: 13px;
    left: 20px;
    position: absolute;
    top: 4px;
}

.responisve-menu > ul > li.menu-item-has-children ul li > a {
    color: #8d99ae;
    float: left;
    font-family: Roboto;
    font-size: 14px;
    padding: 4px 40px;
    position: relative;
    text-transform: none;
    width: 100%;
}

.responisve-menu > .logo {
    float: left;
    padding: 40px 20px;
    width: 100%;
}

.responive-header.active .responisve-menu {
    right: 0;
}

.open-responsive-btn.active > i.la-bars {
    opacity: 0;
}

.open-responsive-btn.active > i.la-close {

    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);

}

.responisve-menu > ul > li.active.menu-item-has-children::before {
    top: 26px;

    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);

}

.close-reposive {

    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;

    color: #ffffff;
    cursor: pointer;
    font-size: 17px;
    height: 30px;
    line-height: 30px;
    position: absolute;
    right: 10px;
    text-align: center;
    top: 10px;
    width: 30px;
}

.contactus-form .loader {
    float: right;
    margin: 22px 0;
}

.featured-bg-slide button {
    border: medium none;
    height: auto;
    left: 0;
    right: auto;
    width: 130px;
    z-index: 1;
}

.featured-bg-slide button.slick-next {
    left: auto;
    right: 0;
}

.featured-bg-slide button.slick-prev::before {
    content: "\f273";
}

.featured-bg-slide button.slick-next::before {
    content: "\f274";
}

.featured-bg-slide button::before {
    color: #ffffff;
    font-size: 40px;
}

.loadery {
    position: relative;
    width: 0;
    height: 0;
    margin: 4em auto;
    -webkit-animation: anim-rotate 1.2s infinite ease;
    animation: anim-rotate 1.2s infinite ease;
    /* Variations */
}

.loadery:before,
.loadery:after {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    top: 50%;
    left: 50%;
    margin-top: -10px;
    margin-left: -10px;
    border-radius: 10px;
    opacity: .9;
}

.loadery::before {
    background: #00a7ce;
    -webkit-transform: translate(-0.75em, -0.75em) scale(1);
    transform: translate(-0.75em, -0.75em) scale(1);
    box-shadow: 1.5em 1.5em 0 #72c45a;
    -webkit-animation: anim-1-2 1.2s infinite ease;
    animation: anim-1-2 1.2s infinite ease;
}

.loadery:after {
    background: #f963a3;
    -webkit-transform: translate(0.75em, -0.75em) scale(1);
    transform: translate(0.75em, -0.75em) scale(1);
    box-shadow: -1.5em 1.5em 0 #ffd15b;
    -webkit-animation: anim-3-4 1.2s infinite ease;
    animation: anim-3-4 1.2s infinite ease;
}

@-webkit-keyframes anim-1-2 {
    50% {
        -webkit-transform: scale(1.3) translate(0, 0);
        transform: scale(1.3) translate(0, 0);
        box-shadow: 0 0 0 #72c45a;
        opacity: .8;
    }
}

@keyframes anim-1-2 {
    50% {
        -webkit-transform: scale(1.3) translate(0, 0);
        transform: scale(1.3) translate(0, 0);
        box-shadow: 0 0 0 #72c45a;
        opacity: .8;
    }
}

@-webkit-keyframes anim-3-4 {
    50% {
        -webkit-transform: scale(1.3) translate(0, 0);
        transform: scale(1.3) translate(0, 0);
        box-shadow: 0 0 0 #ffd15b;
        opacity: .8;
    }
}

@keyframes anim-3-4 {
    50% {
        -webkit-transform: scale(1.3) translate(0, 0);
        transform: scale(1.3) translate(0, 0);
        box-shadow: 0 0 0 #ffd15b;
        opacity: .8;
    }
}

@-webkit-keyframes anim-rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    50% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
    100% {
        -webkit-transform: rotate(720deg);
        transform: rotate(720deg);
    }
}

@keyframes anim-rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    50% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
    100% {
        -webkit-transform: rotate(720deg);
        transform: rotate(720deg);
    }
}

.page-loading .loadery {
    left: 50%;
    margin: 0;
    position: absolute;
    top: 50%;
}

input:focus,
input {
    outline: none;
}


.effect-16,
.effect-17,
.effect-18 {
    border: 0;
    padding: 4px 0;
    border-bottom: 1px solid #ccc;
    background-color: transparent;
}

.effect-16 ~ .focus-border {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px;
    transition: 0.4s;
}

.effect-16:focus ~ .focus-border,
.has-content.effect-16 ~ .focus-border {
    width: 100%;
    transition: 0.4s;
}

.effect-16 ~ label {
    position: absolute;
    left: 0;
    width: 100%;
    top: -4px;
    color: #aaa;
    transition: 0.3s;
    z-index: -1;
    letter-spacing: 0.5px;
}

.effect-16:focus ~ label, .has-content.effect-16 ~ label {
    font-size: 15px;
    top: -21px;
    transition: all 0.3s ease 0s;
}

.acount-popup > form .field-form {
    margin-bottom: 30px;
}

.chosen-select {
    border: medium none;
    float: left;
    padding: 4px 15px;
    width: 100%;
}

section#map-with-listing {
    z-index: 1;
}

.single-product-thumb .slick-prev {
    left: 0;
}

#topcontrol {
    bottom: 55px !important;
    right: 20px !important;
}

.pt0 {
    padding: 0px 0 0 0 !important;
}

/* Cross Browser Compatibility */
.search-header,
.search-header *,
.menu-sec nav > ul > li a::before,
.account-popup-sec,
.account-popup-sec *,
.list-detail-info,
.product-box,
.product-box *,
.add-listing-btn,
.acount-header-btn,
.acount-header-btn *,
.click-add-pictures,
.add-listing-sec form button,
.blog-post,
.blog-post *,
.pagination *,
.link-widget a,
.about-widget li a,
.contact-widget li *,
.widget *,
.apply-coupons > form input[type="submit"],
.update-cart,
.cart-total-box > a,
.payment-methods > a,
.open-filter-btns > span,
.listing-box *,
.listing-box,
.contactus-form input[type="submit"],
.contact-box li *,
.change-my-dp > a,
.submission-btns button,
.how-it-works *,
.how-it-works,
.directory-searcher > form button,
.cat-lists > ul > li *,
.dt-box,
.dt-box *,
.services *,
.category-box *,
.recent-places-box *,
.view-all-blog,
.choose-map-route *,
.zoomer-btn *,
.social-links *,
.filter-btn,
.list-detail-info *,
.deals-meals-sec *,
.opening-hours-box *,
.location-box *,
.add-review-form *,
.side-search-form > form button,
.results-sec *,
.my-listing *,
.pricing-tables,
.pricing-tables *,
.single-product-info *,
.responive-header *,
.responisve-menu > ul > li.menu-item-has-children::before {

    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;

}

/** Background Color **/
.bg-color,
.directory-searcher > form button,
.listing-rate-share > a,
.close-popup,
.acount-popup.register-popup button,
header.white .add-listing-btn,
.dt-box.style2 strong,
.services.style2 i,
header.dark .add-listing-btn,
.side-search-form > form button,
.filter-btn,
.share-favourite > a,
.open-filter-btns > span,
.pricing-tables.active > .price-head,
.write-review,
.list-location > a.direction-btn,
.add-review-form > form button,
.upload-gallery-pictures i,
.submission-btns button,
.single-post-detail .blog-detail p span,
.contactus-form input[type="submit"],
.single-product-info > a,
.cart-total-box > a,
.payment-methods > a,
.add-listing-btn:hover,
.login-popup.acount-popup button:hover,
.pagination li.next a:hover,
.pagination li.prev a:hover,
.tags-widget > a:hover,
.apply-coupons > form input[type="submit"]:hover,
.update-cart:hover,
.listing-box:hover .price-list,
.change-my-dp > a:hover,
.cat-lists > ul > li:hover a i,
.services:hover i,
.category-box:hover .category-box-detail > span,
.directory-searcher.style2 > form button:hover,
.view-all-blog:hover,
.services.style2.icon-color:hover i,
.choose-map-route > li a:hover,
.zoomer-btn > li a:hover,
.services.gray:hover > i,
.center-menu-sec .menu-sec .add-listing-btn:hover,
.my-thumb-info > a:hover,
.pricing-tables > a:hover,
.product-thumb a:hover,
.close-reposive,
.effect-16 ~ .focus-border {
    background-color: #d90429;
}

@media (max-width: 1450px) {
    header.on-top {
        padding: 0 40px;
    }

    .menu-sec nav {
        margin-right: 10px;
    }
}


@media (max-width: 1366px) {
    header.on-top {
        padding: 0 30px;
    }

    header.dark .menu-sec nav {
        float: right;
        margin: 0 20px 0 0;
    }

    .menu-sec nav > ul > li a {
        padding: 34px 18px;
    }

    .menu-sec nav {
        margin-right: 10px;
    }

    .lan-pop {
        height: 60px;
        right: 60px;
        top: -36px;
    }

    header.center .container {
        width: 100%;
    }

    .top-bar-content .lan-pop {
        height: 10px;
    }

    .top-bar-content {
        padding: 0 30px;
    }

    .center-menu-sec {
        padding: 0 30px;
    }

}

@media (max-width: 1200px) {
    .opening-hours-add h5 {
        width: 30%;
    }

    .apply-coupons > form input[type="submit"] {
        margin: 0;
    }

    .recent-place-thumb {
        width: 155px;
    }

    .main-featured-sec {
        padding-bottom: 0;
        padding-top: 50px;
    }

    .directory-searcher.extra-margin {
        margin-bottom: 80px;
    }

    .cat-lists {
        margin-bottom: 50px;
        margin-top: 50px;
    }

    .search-form-map {
        padding: 0 30px;
        width: 100%;
    }

    .search-form-map .directory-searcher > form button {
        font-size: 16px;
        padding: 0 30px;
    }

    .with-boxed {
        padding: 0 10px;
    }

    footer.wide-container .container {
        padding: 0 15px;
        width: 100%;
    }

    .list-detail-info > h3 {
        font-size: 40px;
        margin: 0 0 10px;
    }

    .side-search-form {
        padding: 30px;
    }

    .results-sec {
        background: #f4f4f4 none repeat scroll 0 0;
        padding: 30px;
    }

    #map-container.fixed-this.half-map.turn-left {
        float: left;
        position: relative;
        width: 100%;
    }

    #map-container.fixed-this.half-map.turn-left #map_div {
        min-height: 790px;
    }

    .col-md-4 #map-container.fixed-this {
        width: 100%;
    }

    .my-listing-sec > ul > li {
        width: 1200px;
    }

    .my-listing-sec > ul {
        overflow: scroll;
    }

    .tab-sec > .nav-tabs > li a {
        padding: 0 10px 20px;
    }

    .responive-header {
        display: block;
    }

    header {
        display: none !important;
    }

}

@media (max-width: 980px) {
    .subscribe-sec > p {
        float: left;
        text-align: center;
        width: 100%;
    }

    .subscribe-sec form {
        display: inline-block;
        float: none;
        width: 100%;
    }

    .add-listing-map {
        margin-bottom: 50px;
    }

    .opening-hours-add .hours-inputs input {
        width: 140px;
    }

    footer .block .widget {
        margin-top: 50px;
    }

    .column {
        float: left;
        margin-top: 60px;
        width: 100%;
    }

    .column:first-child {
        margin-top: 0;
    }

    .cart-sec {
        overflow: scroll;
    }

    .cart-sec table {
        width: 1200px;
    }

    .apply-coupons > form input[type="submit"] {
        margin-left: 10px;
    }

    .counter-sec {
        display: inline-block;
    }

    .counter-sec > .counter {
        float: left;
        margin-bottom: 40px;
        margin-top: 40px;
        width: 50%;
    }

    .counter-sec > .counter::before {
        display: none;
    }

    .listing-carousel {
        padding: 0 15px;
    }

    .directory-searcher {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
        border-radius: 0;
        left: 0;
        margin-left: 0;
        width: 100%;
        margin-top: 30px;
    }

    .directory-searcher > form .field {
        float: left;
        height: 60px;
        width: 50%;
    }

    .field .chosen-container {
        margin: 18px 0;
        min-width: 100% !important;
        padding: 0 20px;
    }

    .field .chosen-container a.chosen-single > div::before {
        display: none;
    }

    .directory-searcher > form button {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
        border-radius: 0;
    }

    .main-featured-sec {
        padding: 0px;
    }

    .recent-place-thumb {
        width: 265px;
    }

    .directory-searcher.extra-margin {
        margin-bottom: 0;
    }

    .arrow-down {
        display: none;
    }

    .main-featured-text h1 {
        font-size: 35px;
    }

    .featured-bg-slide {
        display: none;
    }

    .mian-featured-area {
        background-color: #00171f;
        background-image: url("../images/responsive-bg.png");
        background-size: cover;
        float: left;
        padding: 60px 20px;
        position: relative;
        width: 100%;
    }

    .search-form-map {
        float: left;
        padding: 0 15px;
        position: static;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        width: 100%;
    }

    .map-area .search-form-map form .field:last-child {
        width: 100%;
    }

    .subscribe-sec form {
        width: 100%;
    }

    .photo-widget > .row > div {
        float: left;
        width: 25%;
    }

    .list-detail-info > h3 {
        font-size: 30px;
        margin: 0 0 10px;
        width: 100%;
    }

    #listing-detail-carousel-wide .list-detail-info {
        float: left;
        left: 0;
        margin: 0;
        padding-top: 50px;
        position: relative;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        width: 100%;
    }

    .list-detail-info {
        float: left;
        padding-top: 50px;
        position: relative;
        width: 100%;
    }

    .list-detail-metas a {
        font-size: 13px;
    }

    .list-detail-metas a i {
        font-size: 22px;
        margin-right: 10px;
        margin-top: 5px;
    }

    .list-detail-metas {
        float: left;
        padding: 0;
        text-align: center;
        width: 100%;
    }

    .write-review {
        display: inline-block;
        float: none;
        margin: 20px 0 0;
    }

    .list-detail-info .rated-list {
        margin-bottom: 20px;
    }

    .link-bars a {
        font-size: 14px;
        margin-right: 20px;
    }

    .side-search-form > form button {
        margin-top: 50px;
        position: relative;
    }

    #map-container.fixed-this {
        float: left;
        position: relative;
        width: 100%;
    }

    #map-container.fixed-this > #map_div {
        float: left;
        min-height: 810px;
        position: relative;
        width: 100%;
    }

    .pricing-tables {
        float: left;
        margin-top: 30px;
        width: 100%;
    }

    .single-product-info {
        margin-top: 50px;
    }

    .mini-title {
        font-size: 21px;
    }

    .responive-header {
        display: block;
    }

    header {
        display: none !important;
    }

}

@media (max-width: 767px) {
    .error-sec > form {
        left: 0;
        margin-left: 0;
        width: 100%;
    }

    .block .container {
        padding: 0 15px;
    }

    .container {
        padding: 0 15px;
    }

    .opening-hours-add > ul > li {
        display: inline;
    }

    .opening-hours-add h5 {
        display: inline-block;
        float: left;
        text-align: center;
        width: 100%;
    }

    .opening-hours-add .hours-inputs {
        float: left;
        margin-bottom: 10px;
        margin-top: 13px;
        width: 100%;
    }

    .filter-bar > span {
        float: left;
        margin-bottom: 30px;
        text-align: center;
        width: 100%;
    }

    .filter-bar .filter-dropdowns {
        float: left;
    }

    .inner-header h1, .inner-header h2 {
        font-size: 20px;
    }

    .how-it-works {
        display: inline;
        text-align: center;
    }

    .how-it-works > .work-icon {
        display: inline-block;
        float: none;
        margin: 20px 0;
        padding: 0;
        width: 100%;
    }

    .work-detail {
        padding: 0 30px 40px;
    }

    /*.categories-sec > .row > div {float: left; width: 50%; }*/
    .main-featured-text h1 {
        font-size: 35px;
    }

    .do-tonight-sec {
        padding: 0 15px;
    }

    .heading h2 {
        font-size: 21px;
    }

    .testimonial-sec li p {
        padding: 30px 40px 70px;
    }

    .directory-searcher.extra-margin {
        margin-bottom: 0;
    }

    .counter > i {
        font-size: 50px;
    }

    .counter > h3 {
        font-size: 18px;
    }

    .counter > span {
        font-size: 33px;
        font-weight: 500;
        letter-spacing: 0;
        margin-top: -10px;
    }

    .subscribe-sec form {
        width: 100%;
    }

    .with-boxed {
        padding: 0;
    }

    .bottom-line.dark span {
        float: left;
        margin: 0 0 20px;
        text-align: center;
        width: 100%;
    }

    .bottom-line.dark .social-links {
        float: right;
        text-align: center;
        width: 100%;
    }

    .bottom-line.dark .social-links li {
        display: inline-block;
        float: none;
    }

    .bottom-line.dark .container {
        background: #00171f none repeat scroll 0 0;
        padding: 40px 18px 20px;
        text-align: left;
    }

    .list-detail-info {
        float: left;
        padding-top: 50px;
        position: relative;
        width: 100%;
    }

    .list-detail-metas a {
        font-size: 13px;
    }

    .list-detail-metas a i {
        font-size: 22px;
        margin-right: 10px;
        margin-top: 5px;
    }

    .list-detail-metas {
        float: left;
        padding: 0;
        text-align: center;
        width: 100%;
    }

    .write-review {
        display: inline-block;
        float: none;
        margin: 20px 0 0;
    }

    .list-detail-info .rated-list {
        margin-bottom: 20px;
    }

    .link-bars a {
        font-size: 14px;
        margin-right: 20px;
    }

    .opening-hours-box {
        width: 820px;
    }

    .hours-box {
        overflow: scroll;
    }

    .acount-popup {
        width: 94%;
    }

    .responive-header {
        display: block;
    }

    header {
        display: none !important;
    }

    .responive-header > .logo {
        padding: 20px;
    }

    .resp-btn-sec {
        padding-right: 20px;
    }

    .resp-btn-sec .add-listing-btn {
        float: left;
        font-size: 12px;
        margin: 20px 0;
        padding: 10px 15px;
    }

    .acount-header-btn {
        margin-left: 0px;
    }

    .resp-btn-sec {
        float: left;
        padding: 0 20px;
        width: 100%;
    }

    .resp-btn-sec .search-header {
        float: right;
    }

    .open-responsive-btn {
        float: right;
        margin-right: 25px;
    }

    .cat-lists {
        display: none;
    }

    .search-header {
        display: none;
    }
}

@media (max-width: 520px) {
    .upload-gallery-pictures {
        margin-right: 5%;
        width: 40%;
    }

    .pagination a {
        margin: 0 2px;
    }

    .review-list {
        display: inline;
        text-align: center;
    }

    .review-list > .review-avatar {
        display: inline-block;
        float: none;
    }

    .reviewer-info {
        float: left;
        padding: 0;
        width: 100%;
    }

    .cart-total-box {
        padding: 40px 40px 60px;
    }

    .payment-methods > a {
        padding: 16px 40px;
    }

    .open-filter-btns {
        float: left;
        margin: 0;
    }

    .filter-bar .filter-dropdowns {
        float: left;
        margin-top: 20px;
        width: 100%;
    }

    .filter-dropdowns .chosen-container {
        width: 100% !important;
    }

    .submission-btns button {
        font-size: 16px;
        margin-top: 50px;
        padding: 11px 40px;
    }

    .submission-btns > a {
        font-size: 15px;
        line-height: 10px;
        margin-left: 20px;
        top: -1px;
    }

    .change-my-dp > img {
        margin-right: 10px;
    }

    .client-box > a img {
        padding: 10px 0;
    }

    .cat-lists {
        padding: 0;
    }

    .directory-searcher > form .field {
        width: 100%;
    }

    .directory-searcher > form .field::before {
        display: none;
    }

    .directory-searcher.extra-margin {
        margin-bottom: 0;
    }

    .cat-lists > ul > li {
        float: left;
        margin: 0;
        text-align: center;
        width: 50%;
    }

    .cat-lists > ul > li a {
        display: inline-block;
        float: none;
    }

    .main-featured-text h1 {
        font-size: 22px;
    }

    .main-featured-text > span {
        font-size: 14px;
        font-weight: 300;
        letter-spacing: 0;
        line-height: 22px;
        margin: 12px 0 0;
    }

    .recent-places-box {
        display: inline;
    }

    .recent-place-thumb {
        display: inline-block;
        width: 100%;
    }

    .recent-place-detail {
        float: left;
        margin-top: 20px;
        padding: 0;
        width: 100%;
    }

    .deals-meals-thumb {
        width: 80px;
    }

    .deals-meals-detail {
        padding-left: 20px;
    }

    .deals-meals {
        position: relative;
    }

    .meal-price {
        bottom: 0;
        display: inline-block;
        float: left;
        font-size: 15px;
        left: 0;
        position: absolute;
        text-align: center;
        width: 80px;
    }

    .list-location > a {
        font-size: 13px;
        padding: 11px 15px;
    }

    .contact-info-list > span strong {
        width: 80px;
    }

    .contact-info-list > span::before {
        left: 65px;
    }

    .tab-sec > .nav-tabs > li {
        float: left;
        width: 100%;
    }

    .tab-sec > .nav-tabs > li a {
        float: left;
        margin-bottom: 20px;
        width: 100%;
    }

    .single-product-info > a {
        font-size: 14px;
        font-weight: 500;
        margin-left: 10px;
        padding: 15px 20px;
    }

    .single-product-thumb {
        padding: 0;
    }

    .acount-popup > form {
        padding: 0 30px 50px;
    }

    .extra-login > ul > li {
        float: left;
        margin-bottom: 20px;
        width: 100%;
    }

    .extra-login > ul > li a {
        float: left;
        width: 100%;
    }

    .responive-header {
        display: block;
    }

    header {
        display: none !important;
    }

    .resp-btn-sec .open-search {
        margin: 0;
    }

    .resp-btn-sec .search-header form {
        margin-top: -10px;
        right: -115px;
        top: 100%;
        width: 230px;
    }

    .error-sec h2 {
        font-size: 160px;
    }

    .featured-bg-slide {
        display: none;
    }
}

/** Text Color **/
.text-color,
.blog-detail > a,
.contact-widget span.f2,
.grids-listings .listing-rate-share > a,
.error-sec > p a,
.amenities-sec > span,
.deals-meals-detail > a,
.meal-price,
.reviewer-info > span,
.edit-delete > a.del-listing,
.blog-post.wide .blog-metas > li a,
.my-orders-sec > ul li h4,
.acount-popup form > a:hover,
.blog-detail > h3:hover a,
.category-widget > a:hover,
.recentitem > h3:hover a,
.cart-image > h3 a:hover,
.listing-rate-share > span:hover,
.contact-box li:hover i,
.recent-place-detail .listing-box-title h3:hover a,
.recent-place-detail .listing-rate-share > a:hover,
.gray .link-widget a:hover,
.gray .about-widget li a:hover,
.gray .contact-widget li:hover i,
.social-links > li a:hover,
.category-box.style4:hover span i,
.list-detail-metas a:hover i,
.specifi-widget > span:hover i,
.nearby-widget > span:hover i,
.deals-meals-detail > h3:hover a,
.opening-hours-box li:hover span,
.my-thumb-info > h3:hover a,
.product-box > h3:hover a,
.shop-category > a:hover,
.shop-share > a:hover,
.recent-widget > a:hover {
    color: #d90429;
}

/** Border Color **/
.border-color,
.error-sec > form input:focus,
.add-listing-sec > form input:focus,
.add-listing-sec form textarea:focus,
.tags-widget > a:hover,
.add-review-form > form input:focus,
.add-review-form > form textarea:focus,
.update-cart:hover,
.checkout-sec > form input:focus,
.checkout-sec form textarea:focus,
.contactus-form form input:focus,
.contactus-form form textarea:focus,
.edit-profile-sec form input:focus,
.edit-profile-sec form textarea:focus {
    border-color: #d90429;
}

/* === custom.css === */

html {
    scroll-behavior: smooth !important;
}

select {
    outline: none;
}

footer {
    background: url('/images/bg-footer.webp') no-repeat 0 50%;
    background-size: cover;
}

footer a:hover {
    color: white;
}

a, .blog-detail ul li a, .blog-detail ol li a {
    color: #c72849;
}

.btn-red, .btn-red:hover, .btn-red:focus {
    background-color: #c72849;
    border-color: #c72849;
}

.btn-red:hover {
    opacity: 0.8;
}

header.dark .add-listing-btn.invite-company-btn {
    background-color: green;
}

header.dark .add-listing-btn.invite-company-btn:hover {
    background: #8d99aecc none repeat scroll 0 0;
}

.contact-widget li * {
    -webkit-transition: none;
    transition: none;
}

.inner-header .description {
    text-align: justify;
    line-height: 1.4;
}

footer svg {
    width: 32px;
    display: inline;
    float: left;
    color: #8d99ae;
    fill: #8d99ae;
    left: 0;
    position: absolute;
    top: 0;
}

footer svg:hover {
    fill: white;
    color: white;
}

footer .link-widget li:hover::before {
    width: 25px;
}

footer .link-widget li:hover {
    padding-left: 40px;
}

header.on-top {
    position: fixed;
}

.theme-layout {
    padding-top: 96px;
}

.responisve-menu, .header-menu ul {
    z-index: 999999;
}

.flash {
    text-align: center;
    z-index: 99999;
    position: fixed;
    padding: 12px;
    font-size: 18px;
    bottom: 30px;
    left: 50%;
    transform: translateX(-200px);
    width: 400px;
    border-radius: 10px;
    color: white;
    background: linear-gradient(to bottom right, #a4b0be, #ced6e0);
}

.flash-info {
    background: linear-gradient(to bottom right, #5685ff, #2048ff);
}

.flash-danger {
    background: linear-gradient(to bottom right, #ff6b81, #ff4757);
}

.flash-success {
    background: linear-gradient(to bottom right, #7bed9f, #25BC63);;
}

.login-popup > form {
    padding-bottom: 0;
}

.login-form-footer {
    clear: both;
    text-align: left;
    padding: 20px 50px;
}

.login-form-footer a {
    font-size: 16px;
}

.tree-level-1 {
    padding-left: 20px;
}

.tree-level-2 {
    padding-left: 40px;
}

.cat-lists {
    text-align: left;
    padding: 0;
}

.cat-lists > ul {
    float: none;
    max-width: 1100px;
    margin: 0 auto;
    overflow: hidden;
}

.cat-lists > ul > li {
    width: 110px;
    margin: 23px;
    text-align: center;
}

.cat-lists > ul > li a {
    float: none;
}

.category-box .category-box-detail img {
    width: 32px;
    height: 32px;
    float: none;
    position: relative;
    top: -4px;
}

.leaflet-container {
    width: 100%;
    height: 300px;
}

.form-listing select {
    height: 48px;
    border: 1px solid #dedede;
    background: white;
    border-radius: 3px;
    margin-bottom: 30px;
    text-indent: 21px;
    width: 100%;
}

.main-featured-sec {
    padding: 120px 50px 200px;
}

.main-featured-sec::before {
    background: none;
}

.mian-featured-area {
    background: transparent;
    z-index: 100;
}

.homepage-main-category {
    position: relative;
}

.homepage-main-category:hover {
    opacity: 0.6;
}

.homepage-main-category::after {
    content: '';
    z-index: -1;
    position: absolute;
    top: -20px;
    left: -32px;
    width: 98px;
    height: 98px;
    border-radius: 50%;
    background: #00171f;
    opacity: 0.6;
}

.blog-detail,
.blog-detail > p,
.blog-detail li {
    text-align: justify !important;
    color: #00171f !important;
    float: none !important;
}

.detail-descriptions p {
    color: #0d0d11;
    text-align: justify;
}

.blog-detail h1, .detail-descriptions h1,
.blog-detail h2, .detail-descriptions h2,
.blog-detail h3, .detail-descriptions h3,
.blog-detail h4, .detail-descriptions h4,
.blog-detail h5, .detail-descriptions h5,
.blog-detail h6, .detail-descriptions h6 {
    margin: 0 !important;
    padding: 30px 0 10px 0 !important;
}

.detail-descriptions img {
    max-width: 100%;
    height: auto;
}

.contact-info-list > span {
    overflow: hidden;
    white-space: pre-wrap;
}

.contact-info-list a {
    text-overflow: ellipsis;
}

.single-post-detail .blog-detail ul,
.single-post-detail .blog-detail ol {
    padding-left: 15px;
}

.single-post-detail .blog-detail ul p,
.single-post-detail .blog-detail ol p {
    margin: 0;
    color: #00171f;
    font-size: inherit;
    float: none;
    line-height: 1.4;
}

.mini-title {
    float: none;
    font-family: Oswald, sans-serif;
    font-weight: 700;
    line-height: 1.4;
}

.back-to-top {
    position: fixed;
    z-index: 99;
    bottom: 30px;
    right: 30px;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    line-height: 55px;
    text-align: center;
    font-size: 23px;
    display: inline-block;
    background: #8d99ae;
    color: #fff;
    opacity: 1;
    outline: none;
    border: none;
}

.back-to-top:hover {
    color: #fff;
    background: #6f7e99;
}

.bottom-line a {
    color: white;
}

.clean-btn {
    border: none;
    background: transparent;
    padding: 0;
    margin: 0;
}

@keyframes company-marker-jump {
    0% {
        transform: translateY(0) scale(1);
    }
    30% {
        transform: translateY(-8px) scale(1.03);
    }
    55% {
        transform: translateY(0) scale(1);
    }
    75% {
        transform: translateY(-3px) scale(1.01);
    }
    100% {
        transform: translateY(0) scale(1);
    }
}

.company-marker-btn {
    cursor: pointer;
}

.company-marker-img {
    display: block;
    transform-origin: 50% 100%;
    will-change: transform;
}

.company-marker-btn.featured {
    animation: company-marker-jump 2s ease-out infinite;
}

.mapboxgl-popup {
    z-index: 1000;
}

.mapboxgl-popup-content {
    padding: 20px 0 0 0;
    max-width: 300px;
}

.mapboxgl-popup-content img {
    max-width: 100%;
}

.mapboxgl-ctrl-compass {
    display: none !important;
}

.company-map-popup-description {
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    padding: 10px 5px;
}

.company-form-image {
    position: relative;
    text-align: center;
}

.company-form-image img {
    max-width: 100%;
    height: 300px;
}

.company-form-image .actions {
    position: absolute;
    top: 5px;
    right: 15px;
}

.company-form-image .actions button,
.company-form-files .actions button {
    border: none;
    background: #d90429;
    border-radius: 10px;
    color: white;
    margin: 5px;
}

.company-form-image .actions button.set-main-image {
    background: green;
}

.company-form-image .actions button i,
.company-form-files .actions button i {
    font-size: 22px;
}

.contact-map > #map-container {
    height: 300px;
    min-height: 300px;
}

.cookies-panel-btn {
    position: fixed;
    bottom: -1px;
    left: 30px;
    background: white;
    color: black;
    padding: 5px 15px;
    border: 1px solid black;
    border-radius: 5px 5px 0 0;
}

.cookies-panel {
    position: fixed;
    bottom: 0;
    background: white;
    width: 100%;
    text-align: center;
}

.cookies-panel p {
    margin: 0;
    padding: 10px 0;
}

.cookies-panel button, .cookies-panel a {
    background: black;
    color: white;
    border-radius: 5px;
    margin: 0 10px;
    padding: 5px 8px;
    border: none;
    display: inline-block;
}

.autocomplete-input-container {
    position: relative;
    background: white;
}

.autocomplete-input-container ul {
    position: absolute;
    list-style: none;
    background: white;
    border: 1px solid #dedede;
    width: 100%;
    top: 50px;
    z-index: 10000;
    padding: 0;
}

.autocomplete-input-container li {
    border-bottom: 1px solid #dedede;
    padding: 10px 30px;
    cursor: pointer;
}

.autocomplete-input-container li:hover {
    font-weight: bold;
}

.autocomplete-input-container li:last-child {
    border: none;
}

.cookies-panel button, form button[type="submit"] {
    background: #d90429 !important;
}

.static-popup a {
    color: #d90429 !important;
}

.styled-checkbox + label {
    line-height: 1.6;
}

.add-listing-btn {
    margin-left: 20px;
}

.filter-dropdowns {
    padding-top: 4px;
}

.filter-dropdowns label {
    padding-right: 10px;
}

.filter-dropdowns select {
    padding: 10px;
}

.static-popup h3, .static-popup button {
    text-transform: uppercase;
}

.footer-title {
    text-transform: uppercase;
}

.file-col strong {
    text-decoration: underline;
    color: #00171f;
}

.file-col span {
    background: #c72849;
    color: white;
    padding: 3px;
    margin-right: 5px;
    border-radius: 2px;
}

.product-table {
    padding: 15px;
}

.product-table .product-table-header {
    white-space: nowrap;
    text-transform: uppercase;
    font-weight: bold;
}

.product-table .row {
    margin: 20px 0;
}

.product-table .deals-meals-thumb {
    margin-bottom: 10px;
}

.product-table .price-col span {
    color: #c72849;
    font-weight: bold;
    font-size: 150%;
}

.product-table i {
    font-size: 22px;
    position: relative;
    top: 4px;
}

.social-icons button {
    margin-right: 16px;
}

.directory-searcher > form {
    height: 50px;
}

.directory-searcher .field {
    padding: 0 15px !important;
}

.cluster-marker {
    color: #fff;
    background: #d90429;
    border-radius: 50%;
    padding: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.mapbox-nav-control {
    position: absolute;
    top: 20px;
    right: 20px;
}

.list-detail-info {
    font-weight: 900;
}

.list-detail-info-title {
    font-size: clamp(2rem, 3.5vw, 7rem);
    padding-bottom: 30px;
    -webkit-text-stroke: 1rem black;
    paint-order: stroke fill;
    line-height: 1.2;
}

.list-detail-info > p {
    margin: 10px 0 !important;
    font-size: 3rem;
    -webkit-text-stroke: 0.4rem black;
    paint-order: stroke fill;
}

header.on-top {
    z-index: 3;
}

.open-responsive-btn {
    margin-top: 30px;
}

@media (max-width: 1200px) {
    .list-detail-info > p {
        font-size: 3rem;
        margin: 5px 0 !important;
    }

    .theme-layout {
        padding-top: 0 !important;
    }
}

@media (max-width: 980px) {
    .list-detail-info {
        padding-top: 20px !important;
        padding-bottom: 10px !important;
        float: none;
        position: absolute;
    }

    .mapboxgl-popup-content {
        max-width: 200px;
    }

    .directory-searcher {
        margin-top: 15px;
    }
}

@media (max-width: 767px) {
    .list-detail-info > h3 {
        font-size: 3.5rem;
    }

    .list-detail-info > p {
        display: none;
    }

    .main-featured-sec {
        padding: 0;
    }

    .cat-lists {
        display: block;
        text-align: center;
    }

    .homepage-main-category::after {
        background: none;
    }

    .cat-lists > ul > li {
        width: 80px;
        margin: 10px 2px;
    }
}

@media (max-width: 520px) {
    .cat-lists > ul > li {
        float: none;
    }
}

/* ===== Animation Keyframes ===== */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(24px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes pulse-glow {
    0%, 100% {
        box-shadow: 0 0 0 0 rgba(217, 4, 41, 0.4);
    }
    50% {
        box-shadow: 0 0 0 12px rgba(217, 4, 41, 0);
    }
}

@keyframes float {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-4px);
    }
}

@keyframes shimmer {
    0% {
        background-position: -200% 0;
    }
    100% {
        background-position: 200% 0;
    }
}

@keyframes slideDown {
    from {
        opacity: 0;
        transform: translateY(-12px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes slideUp {
    from {
        opacity: 0;
        transform: translateY(12px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ===== Section Entrance Animations ===== */
section {
    animation: fadeIn 0.6s ease-out both;
}

.block.gray {
    animation: fadeInUp 0.7s ease-out both;
}

.heading {
    animation: fadeInUp 0.5s ease-out both;
}

/* ===== Staggered Category Items ===== */
.cat-lists > ul > li {
    opacity: 0;
    animation: fadeInUp 0.5s ease-out forwards;
}

.cat-lists > ul > li:nth-child(1) {
    animation-delay: 0.05s;
}

.cat-lists > ul > li:nth-child(2) {
    animation-delay: 0.10s;
}

.cat-lists > ul > li:nth-child(3) {
    animation-delay: 0.15s;
}

.cat-lists > ul > li:nth-child(4) {
    animation-delay: 0.20s;
}

.cat-lists > ul > li:nth-child(5) {
    animation-delay: 0.25s;
}

.cat-lists > ul > li:nth-child(6) {
    animation-delay: 0.30s;
}

.cat-lists > ul > li:nth-child(7) {
    animation-delay: 0.35s;
}

.cat-lists > ul > li:nth-child(8) {
    animation-delay: 0.40s;
}

.cat-lists > ul > li:nth-child(9) {
    animation-delay: 0.45s;
}

.cat-lists > ul > li:nth-child(10) {
    animation-delay: 0.50s;
}

.cat-lists > ul > li:nth-child(11) {
    animation-delay: 0.55s;
}

.cat-lists > ul > li:nth-child(12) {
    animation-delay: 0.60s;
}

.cat-lists > ul > li:nth-child(13) {
    animation-delay: 0.65s;
}

.cat-lists > ul > li:nth-child(14) {
    animation-delay: 0.70s;
}

.cat-lists > ul > li:nth-child(15) {
    animation-delay: 0.75s;
}

/* ===== Category Hover Effects ===== */
.homepage-main-category {
    transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.3s ease;
}

.homepage-main-category:hover {
    transform: scale(1.08);
    opacity: 1 !important;
}

.homepage-main-category:hover img {
    animation: float 1s ease-in-out infinite;
}

.homepage-main-category::after {
    transition: background 0.3s ease, transform 0.3s ease;
}

.homepage-main-category:hover::after {
    background: #d90429;
    transform: scale(1.1);
}

/* ===== Region Card Hover ===== */
.category-box {
    transition: transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.35s ease;
    border-radius: 8px;
    overflow: hidden;
}

.category-box:hover {
    transform: translateY(-6px);
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.12);
}

.category-box img {
    transition: transform 0.5s ease;
}

.category-box:hover img {
    transform: scale(1.05);
}

.category-box .category-box-detail {
    transition: transform 0.3s ease;
}

.category-box:hover .category-box-detail {
    transform: translateY(-2px);
}

/* ===== Company Listing Card Hover ===== */
.listing-box {
    transition: transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.35s ease;
    border-radius: 8px;
    overflow: hidden;
}

.listing-box:hover {
    transform: translateY(-6px);
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.1);
}

.listing-box img {
    transition: transform 0.5s ease;
}

.listing-box:hover img {
    transform: scale(1.04);
}

.listing-box-title {
    transition: opacity 0.3s ease;
}

/* ===== Back to Top Button ===== */
.back-to-top {
    transition: transform 0.3s ease, background 0.3s ease, box-shadow 0.3s ease;
    cursor: pointer;
}

.back-to-top:hover {
    transform: translateY(-3px);
    background: #d90429;
    animation: pulse-glow 1.5s ease-in-out infinite;
}

.back-to-top:active {
    transform: translateY(0);
}

/* ===== Footer Link Animations ===== */
footer .link-widget li {
    transition: padding-left 0.3s ease;
}

footer .link-widget li::before {
    transition: width 0.3s ease;
}

footer .widget h3.footer-title {
    position: relative;
    display: inline-block;
}

footer .widget h3.footer-title::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 0;
    height: 2px;
    background: #d90429;
    transition: width 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
}

footer .widget:hover h3.footer-title::after {
    width: 100%;
}

footer svg {
    transition: transform 0.3s ease, fill 0.3s ease;
}

footer svg:hover {
    transform: scale(1.15);
}

/* ===== Header Smooth Transition ===== */
header.on-top {
    transition: background 0.3s ease, box-shadow 0.3s ease;
}

/* ===== Header Menu Item Hover ===== */
.header-menu ul li a {
    position: relative;
    transition: color 0.25s ease;
}

.header-menu ul li a::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 50%;
    width: 0;
    height: 2px;
    background: #d90429;
    transition: width 0.3s ease, left 0.3s ease;
    transform: translateX(-50%);
}

.header-menu ul li a:hover::after {
    width: 100%;
}

/* ===== Back To Top Transition ===== */
.back-to-top {
    transition: opacity 0.35s ease, transform 0.35s ease, background 0.3s ease, box-shadow 0.3s ease !important;
}

/* ===== Search Form Focus Effects ===== */
.directory-searcher > form {
    transition: box-shadow 0.3s ease;
    border-radius: 6px;
    overflow: hidden;
}

.directory-searcher > form:focus-within {
    box-shadow: 0 4px 20px rgba(217, 4, 41, 0.15);
}

.directory-searcher .field select,
.directory-searcher .field input {
    transition: background 0.2s ease;
}

.directory-searcher .field select:focus,
.directory-searcher .field input:focus {
    background: rgba(217, 4, 41, 0.04);
}

/* ===== Button Hover Refinements ===== */
.btn-red {
    transition: transform 0.25s ease, opacity 0.25s ease, box-shadow 0.25s ease;
}

.btn-red:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(217, 4, 41, 0.3);
}

/* ===== Pagination Animations ===== */
.pagination li a {
    transition: transform 0.25s ease, background 0.25s ease, color 0.25s ease;
}

.pagination li a:hover {
    transform: translateY(-2px);
}

/* ===== Cookie Panel Button ===== */
.cookies-panel-btn {
    transition: transform 0.3s ease, background 0.3s ease;
    animation: slideUp 0.4s ease-out;
}

.cookies-panel-btn:hover {
    transform: translateY(-2px);
    background: #d90429;
    color: white;
}

.cookies-panel {
    animation: slideUp 0.4s ease-out;
}

/* ===== Flash Message Animation ===== */
.flash {
    animation: fadeInUp 0.4s ease-out;
}

/* ===== Mobile Header Smoothness ===== */
header.dark {
    transition: background 0.3s ease;
}

/* ===== Image Loading Subtle Fade ===== */
img[loading="lazy"] {
    transition: opacity 0.4s ease;
}

/* ===== Smooth Select Interactions ===== */
select, input, button {
    transition: border-color 0.25s ease, box-shadow 0.25s ease;
}

/* ===== Slick Slider Dot Refinements ===== */
.slick-dots li button:before {
    transition: transform 0.3s ease, color 0.3s ease !important;
}

.slick-dots li.slick-active button:before {
    transform: scale(1.3);
    color: #d90429 !important;
}

/* ===== Inner Header Animations ===== */
.inner-header {
    animation: fadeInUp 0.5s ease-out;
}

.inner-header h2,
.inner-header .description {
    animation: fadeInUp 0.6s ease-out both;
}

.inner-header .description {
    animation-delay: 0.15s;
}

/* ===== Company Detail Page Stats ===== */
.contact-info-list li {
    transition: transform 0.25s ease;
}

.contact-info-list li:hover {
    transform: translateX(4px);
}

/* ===== Main Featured Area Entrance ===== */
.main-featured-sec {
    animation: fadeIn 0.8s ease-out;
}

.mian-featured-area {
    animation: fadeInUp 0.6s ease-out;
}

/* ===== Breadcrumb Refinements ===== */
.breadcrumbs > li a {
    position: relative;
    transition: color 0.25s ease;
}

.breadcrumbs > li a::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 0;
    height: 1px;
    background: #d90429;
    transition: width 0.3s ease;
}

.breadcrumbs > li a:hover {
    color: #d90429;
}

.breadcrumbs > li a:hover::after {
    width: 100%;
}

/* ===== Filter Bar Hover ===== */
.filter-bar {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.filter-bar:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
}

/* ===== List-Style Company Hover ===== */
.recent-places-box.list-style {
    transition: transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.35s ease;
    border-radius: 6px;
    overflow: hidden;
}

.recent-places-box.list-style:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
}

.recent-place-detail .listing-box-title h3 a {
    transition: color 0.25s ease;
}

.recent-place-detail .listing-box-title h3 a:hover {
    color: #d90429;
}

/* ===== City Accordion Links ===== */
.city-accordion-container a {
    position: relative;
    transition: color 0.25s ease, padding-left 0.25s ease;
}

.city-accordion-container a:hover {
    color: #d90429;
    padding-left: 4px;
}

/* ===== Add Listing / Invite Button ===== */
header.dark .add-listing-btn.invite-company-btn {
    transition: transform 0.25s ease, background 0.25s ease, box-shadow 0.25s ease;
}

header.dark .add-listing-btn.invite-company-btn:hover {
    transform: translateY(-2px);
    background: #27ae60 !important;
    box-shadow: 0 4px 14px rgba(39, 174, 96, 0.35);
}

/* ===== Modal Animation ===== */
.modal.fade {
    transition: opacity 0.3s ease;
}

.modal.fade .modal-dialog {
    transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.3s ease;
    transform: translateY(0) scale(1);
    opacity: 1;
}

.modal.fade:not(.in) .modal-dialog {
    transform: translateY(-30px) scale(0.95);
    opacity: 0;
}

/* ===== Staggered Category Boxes on Category Pages ===== */
.categories-sec .category-box {
    opacity: 0;
    animation: fadeInUp 0.5s ease-out forwards;
}

.categories-sec .row > div:nth-child(1) .category-box {
    animation-delay: 0.03s;
}

.categories-sec .row > div:nth-child(2) .category-box {
    animation-delay: 0.06s;
}

.categories-sec .row > div:nth-child(3) .category-box {
    animation-delay: 0.09s;
}

.categories-sec .row > div:nth-child(4) .category-box {
    animation-delay: 0.12s;
}

.categories-sec .row > div:nth-child(5) .category-box {
    animation-delay: 0.15s;
}

.categories-sec .row > div:nth-child(6) .category-box {
    animation-delay: 0.18s;
}

.categories-sec .row > div:nth-child(7) .category-box {
    animation-delay: 0.21s;
}

.categories-sec .row > div:nth-child(8) .category-box {
    animation-delay: 0.24s;
}

.categories-sec .row > div:nth-child(9) .category-box {
    animation-delay: 0.27s;
}

.categories-sec .row > div:nth-child(10) .category-box {
    animation-delay: 0.30s;
}

.categories-sec .row > div:nth-child(11) .category-box {
    animation-delay: 0.33s;
}

.categories-sec .row > div:nth-child(12) .category-box {
    animation-delay: 0.36s;
}

/* ===== Contact Info Enhancements ===== */
.contact-info-list li {
    transition: transform 0.25s ease, color 0.25s ease;
}

.contact-info-list li:hover {
    transform: translateX(4px);
}

.contact-info-list a {
    transition: color 0.25s ease;
}

.contact-info-list a:hover {
    color: #d90429;
}

.write-review:hover {
    background-color: #d90429;
}

/* ===== Tag / Category Badge Hover ===== */
.tags-widget > a,
.blog-detail .tags-widget a,
.category-widget ul li a {
    transition: transform 0.25s ease, background 0.25s ease, color 0.25s ease;
}

.tags-widget > a:hover {
    transform: translateY(-2px);
}

/* ===== Accordion Item Refinements ===== */
.accordion-item .accordion-header {
    transition: background 0.25s ease;
}

.accordion-item .accordion-header:hover {
    background: rgba(217, 4, 41, 0.04);
}

/* ===== Mobile Menu Smoothness ===== */
.responisve-menu {
    transition: transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.3s ease;
}

.responisve-menu.active {
    animation: slideDown 0.4s ease-out;
}

.responisve-menu ul li a,
.responisve-menu ul li a i {
    transition: padding-left 0.25s ease, color 0.25s ease;
}

.responisve-menu ul li a:hover {
    padding-left: 8px;
    color: #d90429;
}

.responisve-menu ul li {
    opacity: 0;
    animation: fadeInUp 0.4s ease-out forwards;
}

.responisve-menu ul li:nth-child(1) {
    animation-delay: 0.05s;
}

.responisve-menu ul li:nth-child(2) {
    animation-delay: 0.10s;
}

.responisve-menu ul li:nth-child(3) {
    animation-delay: 0.15s;
}

.responisve-menu ul li:nth-child(4) {
    animation-delay: 0.20s;
}

.responisve-menu ul li:nth-child(5) {
    animation-delay: 0.25s;
}

.responisve-menu ul li:nth-child(6) {
    animation-delay: 0.30s;
}

.responisve-menu ul li:nth-child(7) {
    animation-delay: 0.35s;
}

/* ===== Layout Toggle Icons ===== */
.which-style a {
    transition: transform 0.25s ease, color 0.25s ease, background 0.25s ease;
}

.which-style a:hover {
    transform: scale(1.15);
}

/* ===== Select Focus Border ===== */
select:focus {
    border-color: #d90429 !important;
    outline: none;
}

/* ===== Smooth Opening Hours Hover ===== */
.opening-hours-box li {
    transition: padding-left 0.25s ease, color 0.25s ease;
}

.opening-hours-box li:hover {
    padding-left: 4px;
    color: #d90429;
}

/* ===== Gallery Thumbnail Hover ===== */
.company-form-image {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border-radius: 8px;
    overflow: hidden;
}

.company-form-image:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
}

/* ===== Social Share Buttons ===== */
.social-icons button {
    transition: transform 0.25s ease, opacity 0.25s ease !important;
}

.social-icons button:hover {
    transform: translateY(-2px) scale(1.05);
    opacity: 0.85;
}

/* ===== Review Section Enhancements ===== */
.review-item {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border-radius: 6px;
}

.review-item:hover {
    transform: translateX(4px);
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
}

/* ===== Product Table Row Hover ===== */
.product-table .row {
    transition: background 0.25s ease, transform 0.25s ease;
    border-radius: 6px;
    padding: 8px;
}

.product-table .row:hover {
    background: rgba(217, 4, 41, 0.03);
    transform: translateX(4px);
}

/* ===== Checkbox/Toggle Refinements ===== */
.styled-checkbox + label {
    transition: color 0.25s ease;
}

.styled-checkbox:checked + label {
    color: #d90429;
}

/* ===== Article Cards Animation ===== */
.blog-post {
    opacity: 0;
    animation: fadeInUp 0.5s ease-out forwards;
    transition: transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.35s ease;
    border-radius: 8px;
    overflow: hidden;
}

.blog-sec .row > div:nth-child(1) .blog-post {
    animation-delay: 0.03s;
}

.blog-sec .row > div:nth-child(2) .blog-post {
    animation-delay: 0.06s;
}

.blog-sec .row > div:nth-child(3) .blog-post {
    animation-delay: 0.09s;
}

.blog-sec .row > div:nth-child(4) .blog-post {
    animation-delay: 0.12s;
}

.blog-sec .row > div:nth-child(5) .blog-post {
    animation-delay: 0.15s;
}

.blog-sec .row > div:nth-child(6) .blog-post {
    animation-delay: 0.18s;
}

.blog-post:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
}

.blog-post .blog-post-thumb img {
    transition: transform 0.5s ease;
}

.blog-post:hover .blog-post-thumb img {
    transform: scale(1.04);
}

.blog-post .blog-detail h3 a {
    transition: color 0.25s ease;
}

.blog-post .blog-detail h3 a:hover {
    color: #d90429;
}

/* ===== Hamburger Icon Animation ===== */
.open-responsive-btn > i {
    transition: transform 0.3s ease, opacity 0.3s ease;
}

.open-responsive-btn.active > i.la-bars {
    transform: rotate(90deg) scale(0.8);
    opacity: 0;
}

.open-responsive-btn.active > i.la-close {
    transform: rotate(0deg) scale(1);
    opacity: 1;
}

.open-responsive-btn > i.la-close {
    transform: rotate(-90deg) scale(0.8);
    opacity: 0;
}

/* ===== Listing Carousel Entrance ===== */
.listing-carousel {
    animation: fadeInUp 0.7s ease-out;
}

/* ===== Company Map Stats Entrance ===== */
.company-map-page .company-map {
    animation: fadeIn 0.6s ease-out;
}

/* === demand_filters.css === */

.demand-filter-form {
    margin: 50px auto;
    max-width: 700px;
    font-size: 120%;
}

.demand-filter-form label {
    display: block;
    font-weight: normal;
    color: #8d99ae;
}

.demand-filter-form input[type="text"],
.demand-filter-form input[type="number"],
.demand-filter-form input[type="email"],
.demand-filter-form input[type="tel"],
.demand-filter-form input[type="submit"],
.demand-filter-form textarea,
.demand-filter-form select {
    padding: 10px;
    border-radius: 6px;
    width: 100%;
    border: 1px solid #8d99ae;
}

.demand-filter-form select[multiple] {
    height: 300px;
}

.demand-filter-form input[type="checkbox"] {
    display: inline-block;
}

.demand-filter-form input[type="checkbox"] + label {
    display: inline;
}

.demand-filter-form input[type="checkbox"] {
    margin-right: 10px;
    position: relative;
    top: 2px;
}

.demand-filter-form input:focus {
    border-color: #d90429;
}

.demand-filter-form .submit {
    background: #d90429;
    color: white;
    text-transform: uppercase;
    font-weight: bold;
    border: none;
    font-size: 28px;
    padding: 10px 0;
    margin-top: 20px;
}

.demand-filter-form .submit:hover {
    opacity: 0.7;
}

.demand-filter-form .input-row {
    margin-bottom: 30px;
}