/* ====== index =====
1. COMMON
2. UI KIT
	2.1 BUTTON
	2.2 SECTION TITLE
	2.3 FORM
	2.4 PASINATION
	2.5 ACCORDION
	2.6 TABS
	2.7 DATEPICKER
	2.8 THUMBNAIL
	2.9 MODAL
	2.10 PANEL
	2.11 PRICE RANGE SLIDER
3. HEADER
	3.1 HEADER TRANSPARENT
	3.2 LIGHT HEADER
	3.3 DARK HEADER
4. FOOTER
5. SECTION
	5.1 MAIN CONTENT SECTION
	5.2 DARK SECTION
	5.3 WHITE SECTION
	5.4 SECTION TITLE DARK
	5.4 PAGE TITLE SECTION
	5.5 PACKAGES SECTION
6. HOME
	6.1 BANNER
	6.2 PROMOTION
	6.3 COUNT UP
7. PACKAGES
	7.1 PACKAGES LIST
	7.2 SINGLE PACKAGE FULL WIDTH
8. BLOG
	8.1 BLOG POST LIST ITEM
	8.2 BLOG POST SIDEBAR
	8.3 BLOG SINGLE POST
9. 404 NOT FOUND PAGE
	9.1 404 PAGE BACKGROUND
10 CONTACT US
	10.1 CONTACT INFO
	10.2 MAP AREA SECTION
11 ABOUT US
	11.1 ABOUT US TITLE
	11.2 ABOUT COMMENTS
12 BOOKING
	12.1 BOOKING PROGRESS BAR
	12.2 BOOKING FORM
	12.3 BOOKING DETAILS
	12.4 BOOKING CONFIRMED
13 COMING SOON
14 PRICING TABLE
15 TABS
	15.1 TABS PART
16 ADMIN
  16.1 DASHBOARD MENU
  16.2 WELCOME SECTION
  16.3 ALERT SECTION
  16.4 DASHBOARD COLOR
  16.5 DASHBOARD BLOCK SECTION
  16.6 DASHBOARD RECENT ACTIVITY SECTION
  16.7 DASHBOARD RECENT OFFER SECTION
  16.8 BOOKING SECTION
  16.9 PROFILE SECTION
  16.10 ABOUT YOU SECTION
  16.11 ACCOUNT SETTING SECTION
  16.12 SIGNUP & LOGIN PAGE

===================== */
/*=== MIXINS ===*/
/*=== VARIABLES ===*/
/*=== MEDIA QUERY ===*/
* {
    outline: 0;
    margin: 0;
    padding: 0;
}


body {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    color: #969696;
    font-weight: 400;
    overflow-x: hidden;
}

ul {
    margin: 0;
    padding: 0;
}

    ul li {
        list-style-type: none;
    }

p {
    font-size: 14px;
    color: #969696;
    font-weight: 400;
    line-height: 21px;
}

h1, h2, h3, h4 {
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    color: #262a2e;
    margin-top: 0;
    font-weight: 700;
}

h4 {
    font-size: 18px;
    margin-bottom: 25px;
}

.no-padding {
    padding-left: 0px;
    padding-right: 0px;
}

.no-margin {
    margin-left: 0px;
    margin-right: 0px;
}

.mb-30 {
    margin-bottom: 30px;
}

.line-h {
    line-height: 15px;
}

.fs-11 {
    font-size: 11px;
}
.fs-13{
    font-size:13px;
}

/*=== 1.COMMON ===*/
.container {
    width: 100%;
}

@media (min-width: 320px) {
    .container {
        width: 320px;
    }
}

@media (min-width: 480px) {
    .container {
        width: 450px;
    }
}

@media (min-width: 768px) {
    .container {
        width: 750px;
    }
}

@media (min-width: 992px) {
    .container {
        width: 970px;
    }
}

@media (min-width: 1600px) {
    .container {
        width: 1504px !important;
    }
}

@media (min-width: 1400px) {
    .container {
        width: 1300px;
    }
}

body.bodyColor.wrapper {
    margin: 0 auto;
}

@media (min-width: 320px) {
    body.bodyColor.wrapper {
        max-width: 320px;
    }
}

@media (min-width: 480px) {
    body.bodyColor.wrapper {
        max-width: 450px;
    }
}

@media (min-width: 768px) {
    body.bodyColor.wrapper {
        max-width: 750px;
    }
}

@media (min-width: 992px) {
    body.bodyColor.wrapper {
        max-width: 970px;
    }
}

@media (min-width: 1200px) {
    body.bodyColor.wrapper {
        max-width: 1170px;
    }
}

@media (min-width: 320px) {
    body.bodyColor .header {
        max-width: 320px;
    }
}

@media (min-width: 480px) {
    body.bodyColor .header {
        max-width: 450px;
    }
}

@media (min-width: 768px) {
    body.bodyColor .header {
        max-width: 750px;
    }
}

@media (min-width: 992px) {
    body.bodyColor .header {
        max-width: 970px;
    }
}

@media (min-width: 1200px) {
    body.bodyColor .header {
        max-width: 1170px;
    }
}

body.bodyColor .navbar-fixed-top {
    right: auto;
    left: auto;
}

.btn {
    display: inline-block;
    border-radius: 4px;
    text-transform: uppercase;
    text-align: center;
    font-size: 14px;
    padding: 9px 0;
}
.jqx-validator-hint {
    cursor: default !important;
    line-height: 0.5 !important;
}

@media (min-width: 480px) {
    .btn {
        font-size: 15px;
        padding: 13px 0;
    }
}

@media (min-width: 768px) {
    .btn {
        font-size: 12px;
        padding: 8px 0;
    }
}

@media (min-width: 992px) {
    .btn {
        font-size: 14px;
        padding: 12px 0;
    }
}

@media (min-width: 1200px) {
    .btn {
        font-size: 15px;
        padding: 13px 0;
    }
}

a {
    color: #ff891e;
    text-decoration: none;
    transition: all 0.3s ease-in-out;
}

    a:hover {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$value)";
        filter: alpha(opacity=0.8);
        -moz-opacity: 0.8;
        -khtml-opacity: 0.8;
        opacity: 0.8;
        outline: 0;
        text-decoration: none;
    }

    a:focus {
        outline: 0;
    }

.main-wrapper {
    position: relative;
}

.form-control:focus {
    box-shadow: none;
}

.thumbnail.deals:hover {
    transform: translateY(-30px);
}
/*=== 2. UI KIT ===*/
/*=== 2.1 BUTTON ===*/
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
    outline: 0;
}

.buttonCustomPrimary {
    height: 45px;
    line-height: 45px;
    border-radius: 4px;
    background-color: #ff891e;
    text-transform: uppercase;
    color: #ffffff !important;
    font-weight: 400;
    font-size: 15px;
    padding: 0;
}

.buttonTransparent, .paginationCenter .pagination li:first-child a, .paginationCenter .pagination li:last-child a, .isotopeFilters ul.filter > li a {
    height: 35px;
    line-height: 35px;
    border-radius: 4px;
    border-color: #dedede;
    padding: 0 20px;
    color: #969696;
    text-transform: uppercase;
    outline: 0;
}

    .buttonTransparent:hover, .paginationCenter .pagination li:first-child a:hover, .paginationCenter .pagination li:last-child a:hover, .isotopeFilters ul.filter > li a:hover {
        background-color: #ff891e;
        border-color: #ff891e;
        color: #ffffff;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$value)";
        filter: alpha(opacity=1);
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1;
        outline: 0;
    }

.buttonTransparentfocus {
    outline: 0;
}

/*=== 2.2 SECTION TITLE ===*/
.sectionTitle {
    text-align: center;
}
.sectionLabel{
    text-align:center;
}

.labelSection {
    text-align: justify !important;
}

@media (max-width: 767px) {
    .sectionTitle {
        margin-bottom: 30px;
    }
}

@media (min-width: 768px) {
    .sectionTitle {
        margin-bottom: 48px;
    }
}

.sectionTitle h2 {
    position: relative;
    margin-bottom: 16px;
}

@media (max-width: 767px) {
    .sectionTitle h2 {
        font-size: 20px;
    }
}

@media (min-width: 768px) {
    .sectionTitle h2 {
        font-size: 26px;
    }
}

.sectionTitle h2 span {
    padding-left: 38px;
    padding-right: 38px;
    z-index: 5;
    position: relative;
    background-color: #ffffff;
}

    .sectionTitle h2 span.lightBg {
        background-color: whitesmoke;
    }

.sectionTitle h2:before {
    background-color: #e5e5e5;
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    top: 50%;
    width: 100%;
    left: 0;
    z-index: 1;
}

.sectionTitle p {
    color: #969696;
    font-weight: 400;
    text-transform: capitalize;
    margin-bottom: 0;
}

@media (max-width: 767px) {
    .sectionTitle p {
        font-size: 11px;
    }
}

@media (min-width: 768px) {
    .sectionTitle p {
        font-size: 18px;
    }
}

@media (max-width: 767px) {
    .sectionTitleDouble {
        background-image: none;
    }
}

@media (min-width: 768px) {
    .sectionTitleDouble {
        background-position: right center;
        background-repeat: no-repeat;
        background-size: 8px 45px;
    }
}

@media (min-width: 992px) {
    .sectionTitleDouble {
        background-image: url("../img/home/devider.png");
        background-position: right center;
        background-repeat: no-repeat;
        background-size: 8px 45px;
    }
}

@media(min-width:768px) {
    .col-sm-9 {
        width: 900px;
    }
}

@media(min-width:768px) {
    .countryRating {
        margin-top: 30px;
    }
}

@media(min-width:480px) {
    .countryRating {
        margin-top: 30px;
    }
}

@media(min-width:1200px) {
    .countryRating {
        margin-top: 15px;
    }
}

.sectionTitleDouble p, .sectionTitleDouble h2 {
    color: #ffffff;
    text-transform: uppercase;
    line-height: 26px;
    margin-bottom: 0;
    font-weight: 400;
}

@media (min-width: 992px) {
    .sectionTitleDouble p, .sectionTitleDouble h2 {
        font-size: 18px;
    }
}

@media (min-width: 1200px) {
    .sectionTitleDouble p, .sectionTitleDouble h2 {
        font-size: 20px;
    }
}

.sectionTitleDouble h2 {
    font-weight: 700;
}

@media (min-width: 992px) {
    .sectionTitleDouble h2 {
        font-size: 22px;
    }
}

@media (min-width: 1200px) {
    .sectionTitleDouble h2 {
        font-size: 26px;
    }
}

.sectionTitleDouble h2 span {
    color: #ff891e;
}

.sectionTitle2 h2 {
    font-size: 26px;
    color: #222222;
    line-height: 26px;
    margin: 25px 0;
    font-weight: 400;
}

.sectionTitle2 p {
    font-size: 14px;
    line-height: 21px;
    margin-bottom: 30px;
}

.sub-title h4 {
    margin-top: 30px;
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 400;
    line-height: 21px;
    color: #222222;
}
.suplementContainer {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px;
    border: 1px solid #eee;
    border-radius: 5px;
    display: none;
   
}

.suplementLabel {
    margin-left:20px;
    color: #969696 !important;
    font-size: 12.5px !important;
    font-weight: 400 !important;
    font-family: 'Montserrat', sans-serif;
}

.suplementChb {
    display: inline-block !important;
    width:3% !important;
    height:19px !important;
}
/*=== 2.3 FORM ===*/
.form .form-group .form-control, .commentsForm .form-group .form-control, .modal.bookingModal .modal-dialog .modal-content .modal-body .form-group .form-control {
    height: 45px;
    background-color: whitesmoke;
    box-shadow: none;
    border-color: #e5e5e5;
    color: #969696;
    font-family: "Montserrat",sans-serif;
    font-size: 12px;
}

    .form .form-group .form-control:focus, .commentsForm .form-group .form-control:focus, .modal.bookingModal .modal-dialog .modal-content .modal-body .form-group .form-control:focus {
        outline: 0;
    }

.form .form-group textarea.form-control, .commentsForm .form-group textarea.form-control, .modal.bookingModal .modal-dialog .modal-content .modal-body .form-group textarea.form-control {
    height: 150px;
}

.form .buttonCustomPrimary, .commentsForm .buttonCustomPrimary, .modal.bookingModal .modal-dialog .modal-content .modal-body .buttonCustomPrimary {
    padding: 0 20px;
}

.commentsForm .form-control {
    border: none;
}

.commentsForm .buttonCustomPrimary {
    background-color: transparent;
    color: #666666 !important;
    border-color: #dedede;
    transition: all 0.3s ease-in-out;
}

    .commentsForm .buttonCustomPrimary:hover {
        background-color: #ff891e;
        border-color: #ff891e;
        color: #ffffff !important;
    }

.commentsForm h3 {
    font-size: 20px;
    color: #222222;
    text-transform: capitalize;
    font-weight: 400;
    margin-bottom: 30px;
}

.contactForm .form-control {
    border: none;
}

.contactForm .buttonCustomPrimary {
    float: right;
}

/*=== 2.4 PASINATION ===*/
.paginationInLine {
    display: inline
}

.paginationCenter {
    width: 100%;
    text-align: center;
    padding-top: 78px;
}

    .paginationCenter .pagination {
        margin: 0;
    }

        .paginationCenter .pagination li {
            display: inline-block;
        }

            .paginationCenter .pagination li a {
                color: #222222;
                border: none;
                height: 35px;
                line-height: 35px;
                padding: 0 12px;
                background-color: whitesmoke;
            }

                .paginationCenter .pagination li a:hover {
                    color: #ff891e;
                    background-color: transparent;
                }

            .paginationCenter .pagination li.active a {
                color: #ff891e;
                background-color: transparent;
            }

                .paginationCenter .pagination li.active a:hover, .paginationCenter .pagination li.active a:focus {
                    color: #ff891e;
                    background-color: transparent;
                }

            .paginationCenter .pagination li:first-child a, .paginationCenter .pagination li:last-child a {
                color: #222222;
                border: 1px solid #dedede;
            }

                .paginationCenter .pagination li:first-child a span i {
                    margin-right: 5px;
                }

                .paginationCenter .pagination li:last-child a span i {
                    margin-left: 5px;
                }

    .paginationCenter.paginationTransparent {
        padding-top: 0;
    }

        .paginationCenter.paginationTransparent .pagination li a {
            background-color: #ffffff;
        }

/*=== 2.5 ACCORDION ===*/
.accordionWrappar {
    padding: 15px;
    border: 1px solid #eeeeee;
    border-radius: 4px;
}

@media (max-width: 767px) {
    .accordionWrappar {
        margin-bottom: 30px;
    }
}

@media (min-width: 768px) {
    .accordionWrappar {
        margin-bottom: 0;
    }
}

.accordionsTransparent .panel-group {
    margin-bottom: 15px;
}

    .accordionsTransparent .panel-group .panel {
        border: none;
        border-radius: 0;
    }

    .accordionsTransparent .panel-group .panel-heading {
        padding: 15px;
        text-transform: uppercase;
        font-size: 15px;
        color: #969696;
        background-color: transparent;
        border: none;
        border-bottom: 1px solid #eeeeee;
        border-radius: 0;
    }

        .accordionsTransparent .panel-group .panel-heading i {
            line-height: 22px;
        }

        .accordionsTransparent .panel-group .panel-heading.hideBorder {
            border: none;
        }

        .accordionsTransparent .panel-group .panel-heading:hover {
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$value)";
            filter: alpha(opacity=1);
            -moz-opacity: 1;
            -khtml-opacity: 1;
            opacity: 1;
        }

    .accordionsTransparent .panel-group .panel-body .media img {
        border-radius: 4px;
    }

.accordionsTransparent .panel-default > a.panel-heading {
    display: block;
}

    .accordionsTransparent .panel-default > a.panel-heading:focus {
        text-decoration: none;
    }

.accordionsTransparent .panel-group .panel + .panel {
    margin-top: 0;
}

.accordionsTransparent .panel-default > .panel-heading + .panel-collapse > .panel-body {
    border: none !important;
}

.accordionsTransparent .panel {
    box-shadow: none;
}

.accordionsTransparent .panel-heading.active {
    color: #ff891e;
    border: none;
}

.accordionsTransparent .panel-collapse.active {
    border-bottom: 1px solid #eeeeee;
}

.accordionsTransparent .solidBgTitle .panel {
    margin-bottom: 20px;
}

.accordionsTransparent .solidBgTitle .panel-heading {
    background-color: #ff891e;
    color: #ffffff;
    border-radius: 4px;
}

.accordionsTransparent .solidBgTitle .panel-body {
    background-color: whitesmoke;
    border-radius: 0 0 4px 4px;
}

.accordionsTransparent .solidBgTitle .panel-collapse {
    border-radius: 0 0 4px 4px;
}

.accordionsTransparent .accordionSolidTitle .panel, .accordionsTransparent .accordionSolidBar .panel {
    margin-bottom: 15px;
    border-radius: 4px;
    background-color: transparent;
}

.accordionsTransparent .accordionSolidTitle .panel-heading, .accordionsTransparent .accordionSolidBar .panel-heading {
    background-color: #ffffff;
    color: #222222;
    border: none;
    border-radius: 4px;
}

    .accordionsTransparent .accordionSolidTitle .panel-heading.active, .accordionsTransparent .accordionSolidBar .panel-heading.active {
        color: #ffffff;
        background-color: #ff891e;
    }

.accordionsTransparent .accordionSolidTitle .panel-collapse.active, .accordionsTransparent .accordionSolidBar .panel-collapse.active {
    background-color: transparent;
    border: none;
}

/*=== 2.6 TABS ===*/
/*=== 2.7 DATEPICKER ===*/
.ed-datepicker {
    height: 45px;
    margin-top: 4px;
    border: none;
    border-bottom: 1px solid rgba(222, 222, 222, 0.3);
    padding: 0;
    border-radius: 0;
}

    .ed-datepicker.filterDate {
        border-color: #dedede;
        margin-bottom: 20px;
    }

    .ed-datepicker .form-control {
        height: 45px;
        background: transparent;
        border: none;
        font-size: 12px;
        font-weight: 400;
        color: rgba(255, 255, 255, 0.3);
        padding: 4px 12px 4px 0;
        box-shadow: none !important;
    }

    .ed-datepicker.filterDate .form-control {
        color: #969696;
    }

    .ed-datepicker .form-control::-webkit-input-placeholder {
        font-size: 12px;
        font-weight: 400;
        color: rgba(255, 255, 255, 0.3);
        text-transform: uppercase;
    }

    .ed-datepicker .form-control::-moz-placeholder {
        font-size: 12px;
        font-weight: 400;
        color: rgba(255, 255, 255, 0.3);
    }

    .ed-datepicker .form-control:-ms-input-placeholder {
        font-size: 12px;
        font-weight: 400;
        color: rgba(255, 255, 255, 0.3);
    }

    .ed-datepicker .form-control:-moz-placeholder {
        font-size: 12px;
        font-weight: 400;
        color: rgba(255, 255, 255, 0.3);
    }

    .ed-datepicker.filterDate .form-control::-webkit-input-placeholder {
        font-size: 12px;
        font-weight: 400;
        color: #969696;
    }

    .ed-datepicker.filterDate .form-control::-moz-placeholder {
        font-size: 12px;
        font-weight: 400;
        color: #969696;
    }

    .ed-datepicker.filterDate .form-control:-ms-input-placeholder {
        font-size: 12px;
        font-weight: 400;
        color: #969696;
    }

    .ed-datepicker.filterDate .form-control:-moz-placeholder {
        font-size: 12px;
        font-weight: 400;
        color: #969696;
    }

    .ed-datepicker .input-group-addon {
        height: 45px;
        background: transparent;
        border: none;
        padding-right: 0;
    }

.datepicker-dropdown {
    width: auto;
    padding: 0;
}

.filterDate .datepicker-dropdown {
    top: 87% !important;
}

.datepicker-dropdown thead {
    font-size: 15px;
    font-weight: 400;
    text-transform: uppercase;
}

    .datepicker-dropdown thead tr:last-child th {
        background-color: #ff891e;
        border-radius: 0;
        font-size: 14px;
        color: #ffffff;
    }

.datepicker table tr td.day {

    font-weight: 400;
    border-radius: 0 !important;
    background: transparent;
    margin: 0 3px 10px;
    padding: 5px;
    width: 43px;
    height: 43px;
    text-align: center;
    border: 1px solid #e5e5e5;
}

    .datepicker table tr td.day.new,
    .datepicker table tr td.day.old {
        color: #cccfd3;
        background: transparent;
    }

    .datepicker table tr td.day:hover,
    .datepicker table tr td.focused {
        background: #ff891e;
        transition: background 0.3s;
        cursor: pointer;
        color: #ffffff;
    }

.datepicker table tr td.active.active,
.datepicker table tr td.active.highlighted.active,
.datepicker table tr td.active.highlighted:active,
.datepicker table tr td.active:active {
    border-color: #262a2e;
    background: #262a2e;
    transition: background 0.3s, border-color 0.3s;
}

    .datepicker table tr td.active.active.focus,
    .datepicker table tr td.active.active:focus,
    .datepicker table tr td.active.active:hover,
    .datepicker table tr td.active.highlighted.active.focus,
    .datepicker table tr td.active.highlighted.active:focus,
    .datepicker table tr td.active.highlighted.active:hover,
    .datepicker table tr td.active.highlighted:active.focus,
    .datepicker table tr td.active.highlighted:active:focus,
    .datepicker table tr td.active.highlighted:active:hover,
    .datepicker table tr td.active:active.focus,
    .datepicker table tr td.active:active:focus,
    .datepicker table tr td.active:active:hover {
        border-color: #262a2e;
        background: #262a2e;
        transition: background 0.3s, border-color 0.3s;
    }

.datepicker .datepicker-switch {
    color: #222222;
}

    .datepicker .datepicker-switch:hover,
    .datepicker .next:hover,
    .datepicker .prev:hover,
    .datepicker tfoot tr th:hover {
        background: transparent;
        border: none;
        transition: color 0.3s;
        cursor: pointer;
        color: #262a2e;
    }

.datepicker-dropdown::after,
.datepicker-dropdown::before {
    display: none;
}

.datepicker table tr td, .datepicker table tr th {
    height: 50px;
}

/*=== 2.8 THUMBNAIL ===*/
.thumbnail {
    border: none;
    padding: 0;
}

    .thumbnail.deals {
        overflow: hidden;
        position: relative;
        float: left;
        box-shadow: none;
        transition: all 0.3s ease-in-out;
    }

        .thumbnail.deals img {
            width: 100%;
        }

        .thumbnail.deals .discountInfo {
            position: absolute;
            left: 0;
            top: 0;
            height: 263px;
            width: 100%;
        }

@media (max-width: 767px) {
    .thumbnail.deals .discountInfo {
        padding: 5px 0 0 5px;
    }
}

@media (min-width: 768px) {
    .thumbnail.deals .discountInfo {
        padding: 5px 0 0 5px;
    }
}

@media (min-width: 992px) {
    .thumbnail.deals .discountInfo {
        padding: 20px 0 0 20px;
    }
}

.thumbnail.deals .discountInfo .discountOffer {
    border-radius: 50%;
    background-color: #ff891e;
}

@media (max-width: 767px) {
    .thumbnail.deals .discountInfo .discountOffer {
        margin-bottom: 40%;
        width: 60px;
        padding: 15px 0;
    }
}

@media (min-width: 768px) {
    .thumbnail.deals .discountInfo .discountOffer {
        margin-bottom: 30px;
        width: 60px;
        padding: 15px 0;
    }
}

@media (min-width: 992px) {
    .thumbnail.deals .discountInfo .discountOffer {
        margin-bottom: 60px;
        width: 76px;
        padding: 19px 0;
    }
}

@media (min-width: 1200px) {
    .thumbnail.deals .discountInfo .discountOffer {
        margin-bottom: 104px;
        width: 76px;
        padding: 19px 0;
    }
}

.thumbnail.deals .discountInfo .discountOffer h4 {
    color: #ffffff;
    text-align: center;
    margin: 0;
    text-transform: uppercase;
}

@media (max-width: 767px) {
    .thumbnail.deals .discountInfo .discountOffer h4 {
        font-size: 14px;
    }
}

@media (min-width: 768px) {
    .thumbnail.deals .discountInfo .discountOffer h4 {
        font-size: 14px;
    }
}

@media (min-width: 992px) {
    .thumbnail.deals .discountInfo .discountOffer h4 {
        font-size: 18px;
    }
}

.thumbnail.deals .discountInfo .discountOffer h4 span {
    display: block;
}

.thumbnail.deals .discountInfo .duration {
    margin-left: 0;
    position: absolute;
    left: 20px;
    bottom: 65px;
}

@media (min-width: 480px) {
    .thumbnail.deals .discountInfo .duration {
        bottom: -30px;
    }
}

@media (min-width: 768px) {
    .thumbnail.deals .discountInfo .duration {
        bottom: 110px;
    }
}

@media (min-width: 992px) {
    .thumbnail.deals .discountInfo .duration {
        bottom: 60px;
    }
}

@media (min-width: 1200px) {
    .thumbnail.deals .discountInfo .duration {
        bottom: 20px;
    }
}

.thumbnail.deals .discountInfo .duration li {
    color: #ffffff;
    font-weight: 700;
    border-right: 1px solid #ffffff;
    line-height: 21px;
    float: left;
}

@media (min-width: 768px) {
    .thumbnail.deals .discountInfo .duration li {
        font-size: 11px;
        padding: 0 10px;
    }
}

@media (min-width: 992px) {
    .thumbnail.deals .discountInfo .duration li {
        font-size: 15px;
        padding: 0 12px;
    }
}

.thumbnail.deals .discountInfo .duration li:first-child {
    padding-left: 0;
}

.thumbnail.deals .discountInfo .duration li:last-child {
    border-right: 0;
}

.thumbnail.deals .discountInfo .dates {
    position: absolute;
    top: 180px;
    left: 20px;
}

@media (min-width: 480px) {
    .thumbnail.deals .discountInfo .dates {
        top: 260px;
    }
}

@media (min-width: 768px) {
    .thumbnail.deals .discountInfo .dates {
        top: 150px;
    }
}

@media (min-width: 992px) {
    .thumbnail.deals .discountInfo .dates {
        top: 200px;
    }
}

@media (min-width: 1200px) {
    .thumbnail.deals .discountInfo .dates {
        top: 155px;
    }
}

.thumbnail.deals .discountInfo .dates li {
    color: #fff;
    text-transform: capitalize;
}

.thumbnail.deals .discountCol-3 .rating {
    bottom: 80px;
}

@media (min-width: 480px) {
    .thumbnail.deals .discountCol-3 .rating {
        bottom: 0px;
    }
}

@media (min-width: 768px) {
    .thumbnail.deals .discountCol-3 .rating {
        bottom: 40px;
    }
}

@media (min-width: 992px) {
    .thumbnail.deals .discountCol-3 .rating {
        bottom: -20px;
    }
}

@media (min-width: 1200px) {
    .thumbnail.deals .discountCol-3 .rating {
        bottom: 40px;
    }
}

.thumbnail.deals .discountCol-3 .duration {
    bottom: 60px;
}

@media (min-width: 480px) {
    .thumbnail.deals .discountCol-3 .duration {
        bottom: -20px;
    }
}

@media (min-width: 768px) {
    .thumbnail.deals .discountCol-3 .duration {
        bottom: 20px;
    }
}

@media (min-width: 992px) {
    .thumbnail.deals .discountCol-3 .duration {
        bottom: -40px;
    }
}

@media (min-width: 1200px) {
    .thumbnail.deals .discountCol-3 .duration {
        bottom: 20px;
    }
}

.thumbnail.deals .caption {
    padding: 30px 20px;
}

    .thumbnail.deals .caption .captionTitle {
        font-size: 15px;
        color: #222222;
        text-transform: uppercase;
        font-weight: 700;
        margin: 0 0 15px 0;
        display: block;
    }

        .thumbnail.deals .caption .captionTitle:hover {
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$value)";
            filter: alpha(opacity=1);
            -moz-opacity: 1;
            -khtml-opacity: 1;
            opacity: 1;
            color: #ff891e;
        }

            .thumbnail.deals .caption .captionTitle:hover:focus {
                text-decoration: none !important;
            }

        .thumbnail.deals .caption .captionTitle h4 {
            font-size: 15px;
        }

            .thumbnail.deals .caption .captionTitle h4:hover {
                color: #ff891e;
            }

    .thumbnail.deals .caption p {
        margin-bottom: 40px;
    }

    .thumbnail.deals .caption .detailsInfo {
        display: inline-block;
        width: 100%;
        text-align: center;
    }

        .thumbnail.deals .caption .detailsInfo h5 {
            float: left;
            line-height: 21px;
            margin: 0;
            color: #ff891e;
            font-weight: 400;
            font-size: 20px;
        }

            .thumbnail.deals .caption .detailsInfo h5 span {
                font-size: 14px;
                // color: #969696;
                text-transform: capitalize;
            }

@media (min-width: 768px) {
    .thumbnail.deals .caption .detailsInfo h5 span {
        display: inline-block;
    }
}

@media (min-width: 992px) {
    .thumbnail.deals .caption .detailsInfo h5 span {
        display: block;
    }
}

@media (min-width: 320px) {
    .thumbnail.deals .caption .detailsInfo h5 {
        display: block;
        width: 100%;
        margin-bottom: 10px;
        text-align: center;
    }
}

@media (min-width: 992px) {
    .thumbnail.deals .caption .detailsInfo h5 {
        display: inline-block;
        width: auto;
        margin-bottom: 0;
        text-align: left;
    }
}

.thumbnail.deals.packagesPage .discountCol-3 .rating {
    bottom: 80px;
}

@media (min-width: 480px) {
    .thumbnail.deals.packagesPage .discountCol-3 .rating {
        bottom: 0px;
    }
}

@media (min-width: 768px) {
    .thumbnail.deals.packagesPage .discountCol-3 .rating {
        bottom: 40px;
    }
}

@media (min-width: 992px) {
    .thumbnail.deals.packagesPage .discountCol-3 .rating {
        bottom: -30px;
    }
}

@media (min-width: 1200px) {
    .thumbnail.deals.packagesPage .discountCol-3 .rating {
        bottom: 45px;
    }
}

.thumbnail.deals.packagesPage .discountCol-3 .duration {
    bottom: 60px;
}

@media (min-width: 480px) {
    .thumbnail.deals.packagesPage .discountCol-3 .duration {
        bottom: -20px;
    }
}

@media (min-width: 768px) {
    .thumbnail.deals.packagesPage .discountCol-3 .duration {
        bottom: 20px;
    }
}

@media (min-width: 992px) {
    .thumbnail.deals.packagesPage .discountCol-3 .duration {
        bottom: -60px;
    }
}

@media (min-width: 1200px) {
    .thumbnail.deals.packagesPage .discountCol-3 .duration {
        bottom: 25px;
    }
}

.thumbnail.deals.packagesPage .discountCol-3 .dates {
    bottom: 60px;
}

@media (min-width: 480px) {
    .thumbnail.deals.packagesPage .discountCol-3 .dates {
        bottom: -20px;
    }
}

@media (min-width: 768px) {
    .thumbnail.deals.packagesPage .discountCol-3 .dates {
        bottom: 20px;
    }
}

@media (min-width: 992px) {
    .thumbnail.deals.packagesPage .discountCol-3 .dates {
        bottom: -40px;
    }
}

@media (min-width: 1200px) {
    .thumbnail.deals.packagesPage .discountCol-3 .dates {
        bottom: 20px;
    }
}

@media (max-width: 767px) {
    .thumbnail.deals.packagesPage .discountOffer {
        margin-bottom: 40%;
        width: 60px;
        padding: 15px 0;
    }
}

@media (min-width: 768px) {
    .thumbnail.deals.packagesPage .discountOffer {
        margin-bottom: 30px;
        width: 60px;
        padding: 15px 0;
    }
}

@media (min-width: 992px) {
    .thumbnail.deals.packagesPage .discountOffer {
        margin-bottom: 45px;
        width: 70px;
        padding: 16px 0;
    }
}

@media (min-width: 768px) {
    .thumbnail.deals.packagesPage .rating {
        bottom: 110px;
    }
}

@media (min-width: 992px) {
    .thumbnail.deals.packagesPage .rating {
        bottom: 55px;
    }
}

@media (min-width: 1200px) {
    .thumbnail.deals.packagesPage .rating {
        bottom: 105px;
    }
}

.thumbnail.deals.packagesPage .duration {
    margin-left: 0;
}

@media (min-width: 768px) {
    .thumbnail.deals.packagesPage .duration {
        bottom: 90px;
    }
}

@media (min-width: 992px) {
    .thumbnail.deals.packagesPage .duration {
        bottom: 35px;
    }
}

@media (min-width: 1200px) {
    .thumbnail.deals.packagesPage .duration {
        bottom: 88px;
    }
}

.thumbnail.deals.packagesPage .duration li {
    color: #ffffff;
    font-weight: 700;
    border-right: 1px solid #ffffff;
    line-height: 21px;
    float: left;
}

@media (min-width: 768px) {
    .thumbnail.deals.packagesPage .duration li {
        font-size: 11px;
        padding: 0 10px;
    }
}

.thumbnail.deals.packagesPage .duration li:first-child {
    padding-left: 0;
}

.thumbnail.deals.packagesPage .duration li:last-child {
    border-right: 0;
}

.thumbnail.deals.packagesPage .caption .detailsInfo .detailsBtn .buttonTransparent, .thumbnail.deals.packagesPage .caption .detailsInfo .detailsBtn .paginationCenter .pagination li:first-child a, .paginationCenter .pagination li:first-child .thumbnail.deals.packagesPage .caption .detailsInfo .detailsBtn a, .thumbnail.deals.packagesPage .caption .detailsInfo .detailsBtn .paginationCenter .pagination li:last-child a, .paginationCenter .pagination li:last-child .thumbnail.deals.packagesPage .caption .detailsInfo .detailsBtn a, .thumbnail.deals.packagesPage .caption .detailsInfo .detailsBtn .isotopeFilters ul.filter > li a, .isotopeFilters ul.filter > li .thumbnail.deals.packagesPage .caption .detailsInfo .detailsBtn a {
    font-size: 13px;
}

.thumbnail.deals:hover {
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
}

.thumbnail.deals.hotelgrid .discountCol-3 .dates {
    position: absolute;
    top: 180px;
    left: 20px;
}

@media (min-width: 480px) {
    .thumbnail.deals.hotelgrid .discountCol-3 .dates {
        top: 265px;
    }
}

@media (min-width: 768px) {
    .thumbnail.deals.hotelgrid .discountCol-3 .dates {
        top: 220px;
    }
}

@media (min-width: 992px) {
    .thumbnail.deals.hotelgrid .discountCol-3 .dates {
        top: 285px;
    }
}

@media (min-width: 1200px) {
    .thumbnail.deals.hotelgrid .discountCol-3 .dates {
        top: 225px;
    }
}

.thumbnail.blogPostItem {
    position: relative;
    border: none;
    padding: 0;
    float: left;
    box-shadow: none;
}

    .thumbnail.blogPostItem img {
        width: 100%;
        border-radius: 4px;
    }

    .thumbnail.blogPostItem .caption {
        padding: 30px 20px;
    }

        .thumbnail.blogPostItem .caption p {
            margin-bottom: 30px;
        }

        .thumbnail.blogPostItem .caption .detailsInfo {
            display: inline-block;
            width: 100%;
        }

            .thumbnail.blogPostItem .caption .detailsInfo h4 {
                display: inline-block;
                float: left;
            }

            .thumbnail.blogPostItem .caption .detailsInfo h4 {
                line-height: 21px;
                margin-bottom: 0;
                color: #ff891e;
                font-weight: 400;
                font-size: 20px;
            }

                .thumbnail.blogPostItem .caption .detailsInfo h4 span {
                    font-size: 14px;
                    color: #969696;
                    text-transform: capitalize;
                }

@media (min-width: 768px) {
    .thumbnail.blogPostItem .caption .detailsInfo h4 span {
        display: inline-block;
    }
}

@media (min-width: 992px) {
    .thumbnail.blogPostItem .caption .detailsInfo h4 span {
        display: block;
    }
}

.thumbnail.citiesContent {
    margin-bottom: 80px;
}

    .thumbnail.citiesContent .imageArea {
        margin-bottom: 18px;
        padding: 0 9px;
        position: relative;
    }

        .thumbnail.citiesContent .imageArea img {
            width: 100%;
            border-radius: 4px;
        }

        .thumbnail.citiesContent .imageArea .sticker {
            position: absolute;
            left: 19px;
            top: 10px;
            background-color: rgba(0, 0, 0, 0.35);
            border-radius: 4px;
            color: #ffffff;
            font-size: 15px;
            font-weight: 700;
            padding: 12px 20px;
            text-transform: uppercase;
        }

    .thumbnail.citiesContent .caption .media {
        background-color: whitesmoke;
        border-radius: 4px;
        border: 1px solid #eeeeee;
    }

@media (max-width: 767px) {
    .thumbnail.citiesContent .caption .media {
        margin-bottom: 30px;
    }
}

@media (min-width: 768px) {
    .thumbnail.citiesContent .caption .media {
        margin-bottom: 0;
    }
}

.thumbnail.citiesContent .caption .media .media-body {
    padding-left: 10px;
}

    .thumbnail.citiesContent .caption .media .media-body a {
        color: #222222;
        font-size: 18px;
        line-height: 24px;
        text-transform: uppercase;
        margin: 15px 0;
        display: block;
        font-weight: 400;
    }

        .thumbnail.citiesContent .caption .media .media-body a:hover {
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$value)";
            filter: alpha(opacity=1);
            -moz-opacity: 1;
            -khtml-opacity: 1;
            opacity: 1;
            color: #ff891e;
        }

    .thumbnail.citiesContent .caption .media .media-body h4 {
        color: #ff891e;
        font-size: 18px;
        line-height: 24px;
        text-transform: uppercase;
        margin-bottom: 0;
        font-weight: 400;
    }

.thumbnail.citiesContent .media-left {
    float: left;
}

.pageLink {
    width: 100%;
    height: 263px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 998;
}

    .pageLink:before {
        background-color: black;
        content: '';
        width: 100%;
        height: 253px;
    }

.marginExten {
    margin-left: -24px;
    margin-right: -24px;
}

.buttonArea {
    width: 100%;
    display: block;
    text-align: center;
}

    .buttonArea .buttonTransparent, .buttonArea .paginationCenter .pagination li:first-child a, .paginationCenter .pagination li:first-child .buttonArea a, .buttonArea .paginationCenter .pagination li:last-child a, .paginationCenter .pagination li:last-child .buttonArea a, .buttonArea .isotopeFilters ul.filter > li a, .isotopeFilters ul.filter > li .buttonArea a {
        height: 45px;
        line-height: 45px;
    }

@media (max-width: 767px) {
    .buttonArea .buttonTransparent, .buttonArea .paginationCenter .pagination li:first-child a, .paginationCenter .pagination li:first-child .buttonArea a, .buttonArea .paginationCenter .pagination li:last-child a, .paginationCenter .pagination li:last-child .buttonArea a, .buttonArea .isotopeFilters ul.filter > li a, .isotopeFilters ul.filter > li .buttonArea a {
        margin-bottom: 30px;
    }
}

@media (min-width: 768px) {
    .buttonArea .buttonTransparent, .buttonArea .paginationCenter .pagination li:first-child a, .paginationCenter .pagination li:first-child .buttonArea a, .buttonArea .paginationCenter .pagination li:last-child a, .paginationCenter .pagination li:last-child .buttonArea a, .buttonArea .isotopeFilters ul.filter > li a, .isotopeFilters ul.filter > li .buttonArea a {
        margin-bottom: 0;
    }
}

.buttonArea.galleryBtnArea {
    text-align: left;
    padding: 10px 0;
}

    .buttonArea.galleryBtnArea .buttonTransparent, .buttonArea.galleryBtnArea .paginationCenter .pagination li:first-child a, .paginationCenter .pagination li:first-child .buttonArea.galleryBtnArea a, .buttonArea.galleryBtnArea .paginationCenter .pagination li:last-child a, .paginationCenter .pagination li:last-child .buttonArea.galleryBtnArea a, .buttonArea.galleryBtnArea .isotopeFilters ul.filter > li a, .isotopeFilters ul.filter > li .buttonArea.galleryBtnArea a {
        background-color: whitesmoke;
        border-color: whitesmoke;
        color: #222222;
        padding: 0 30px;
    }

        .buttonArea.galleryBtnArea .buttonTransparent:hover, .buttonArea.galleryBtnArea .paginationCenter .pagination li:first-child a:hover, .paginationCenter .pagination li:first-child .buttonArea.galleryBtnArea a:hover, .buttonArea.galleryBtnArea .paginationCenter .pagination li:last-child a:hover, .paginationCenter .pagination li:last-child .buttonArea.galleryBtnArea a:hover, .buttonArea.galleryBtnArea .isotopeFilters ul.filter > li a:hover, .isotopeFilters ul.filter > li .buttonArea.galleryBtnArea a:hover {
            color: #ffffff;
            background-color: #ff891e;
            border-color: #ff891e;
        }

.blogTitle {
    font-size: 20px;
    color: #222222;
    text-transform: capitalize;
    font-weight: 400;
    margin: 0 0 20px 0;
    display: block;
}

    .blogTitle:hover {
        color: #ff891e;
    }

.blogInfo {
    margin-bottom: 25px;
}

    .blogInfo li {
        font-size: 12px;
        line-height: 18px;
        color: #969696;
    }

        .blogInfo li i {
            margin-right: 6px;
        }

        .blogInfo li a {
            color: #969696;
        }

            .blogInfo li a:hover {
                color: #ff891e;
            }

.rating {
    margin-left: 0;
    display: block;
    width: 100%;
    margin-bottom: 5px;
}

    .rating li {
        padding: 0;
    }

        .rating li i {
            color: #fec701;
        }

    .rating.homePage {
        margin-left: 0;
        display: block;
        width: 100%;
        position: absolute;
        left: 20px;
        bottom: 80px;
    }

@media (min-width: 480px) {
    .rating.homePage {
        bottom: -50px;
    }
}

@media (min-width: 768px) {
    .rating.homePage {
        bottom: 90px;
    }
}

@media (min-width: 992px) {
    .rating.homePage {
        bottom: 40px;
    }
}

@media (min-width: 1200px) {
    .rating.homePage {
        bottom: 40px;
    }
}

@media (min-width: 1400px) {
    .rating.homePage {
        bottom: -40px;
    }
}

@media (min-width: 1600px) {
    .rating.homePage {
        bottom: -90px;
    }
}

.rating.homePage li {
    padding: 0;
}

    .rating.homePage li i {
        color: #fec701;
    }

.detailsBtn {
    float: right;
    margin-top: 5px;
}

@media (min-width: 320px) {
    .detailsBtn {
        display: block;
        width: 100%;
    }
}

@media (min-width: 992px) {
    .detailsBtn {
        display: inline-block;
        width: auto;
    }
}

.detailsBtn li {
    padding: 0;
}

    .detailsBtn li .buttonTransparent, .detailsBtn .paginationCenter .pagination li:first-child a, .paginationCenter .pagination .detailsBtn li:first-child a, .detailsBtn .paginationCenter .pagination li:last-child a, .paginationCenter .pagination .detailsBtn li:last-child a, .detailsBtn .isotopeFilters ul.filter > li a, .isotopeFilters .detailsBtn ul.filter > li a {
        color: #969696;
    }

        .detailsBtn li .buttonTransparent:hover, .detailsBtn .paginationCenter .pagination li:first-child a:hover, .paginationCenter .pagination .detailsBtn li:first-child a:hover, .detailsBtn .paginationCenter .pagination li:last-child a:hover, .paginationCenter .pagination .detailsBtn li:last-child a:hover, .detailsBtn .isotopeFilters ul.filter > li a:hover, .isotopeFilters .detailsBtn ul.filter > li a:hover {
            color: #ffffff;
        }

.btnArea {
    padding-top: 30px;
    text-align: center;
}

/*=== 2.9 modal ===*/
@media (max-width: 767px) {
    .modal.bookingModal .modal-dialog {
        width: auto;
    }
}

@media (min-width: 768px) {
    .modal.bookingModal .modal-dialog {
        width: 402px;
    }
}

.modal.bookingModal .modal-dialog .modal-content {
    border: none;
    border-top: 5px solid #ff891e;
}

    .modal.bookingModal .modal-dialog .modal-content .modal-header {
        border: none;
    }

        .modal.bookingModal .modal-dialog .modal-content .modal-header .modal-title {
            border-radius: 6px;
        }

/*=== 2.10 PANEL ===*/
.packagesFilter {
    border: none;
    margin-bottom: 30px;
    border-top: 5px solid #ff891e;
}

    .packagesFilter .panel-heading {
        background-color: #ffffff;
        border: none;
    }

        .packagesFilter .panel-heading .panel-title {
            text-transform: uppercase;
            color: #222222;
            font-size: 18px;
            line-height: 25px;
            border: none;
        }

    .packagesFilter .panel-body {
        padding-top: 0px;
    }

        .packagesFilter .panel-body .buttonTransparent, .packagesFilter .panel-body .paginationCenter .pagination li:first-child a, .paginationCenter .pagination li:first-child .packagesFilter .panel-body a, .packagesFilter .panel-body .paginationCenter .pagination li:last-child a, .paginationCenter .pagination li:last-child .packagesFilter .panel-body a, .packagesFilter .panel-body .isotopeFilters ul.filter > li a, .isotopeFilters ul.filter > li .packagesFilter .panel-body a {
            color: #969696;
        }

            .packagesFilter .panel-body .buttonTransparent:hover, .packagesFilter .panel-body .paginationCenter .pagination li:first-child a:hover, .paginationCenter .pagination li:first-child .packagesFilter .panel-body a:hover, .packagesFilter .panel-body .paginationCenter .pagination li:last-child a:hover, .paginationCenter .pagination li:last-child .packagesFilter .panel-body a:hover, .packagesFilter .panel-body .isotopeFilters ul.filter > li a:hover, .isotopeFilters ul.filter > li .packagesFilter .panel-body a:hover {
                color: #ffffff;
            }

/*=== 2.11 PRICE RANGE SLIDER ===*/
.priceRange .progress {
    margin: 20px 0 25px 0;
    height: 5px;
    background-color: #dedede;
    position: relative;
    overflow: visible;
}

    .priceRange .progress .progress-bar {
        background-color: #262a2e;
    }

    .priceRange .progress .bulet {
        width: 16px;
        height: 16px;
        background-color: #ffffff;
        border: 2px solid #262a2e;
        border-radius: 100%;
        left: 0px;
        top: -5px;
        position: absolute;
    }

        .priceRange .progress .bulet.next {
            left: 60px;
        }

.priceRange .btn-default {
    display: none;
    height: 30px;
    line-height: 30px;
    padding: 0;
    text-transform: uppercase;
    background-color: #262a2e;
    border-radius: 0;
    border: none;
    color: #ffffff;
    font-weight: 700;
}

@media (min-width: 320px) {
    .priceRange .btn-default {
        width: 82px;
        font-size: 14px;
    }
}

@media (min-width: 480px) {
    .priceRange .btn-default {
        width: 82px;
        font-size: 14px;
    }
}

@media (min-width: 768px) {
    .priceRange .btn-default {
        width: 50px;
        font-size: 10px;
    }
}

@media (min-width: 992px) {
    .priceRange .btn-default {
        width: 45px;
        font-size: 10px;
    }
}

@media (min-width: 1200px) {
    .priceRange .btn-default {
        width: 82px;
        font-size: 14px;
    }
}

.priceRange .priceLabel {
    float: right;
    line-height: 30px;
    color: #262a2e;
}

@media (min-width: 480px) {
    .priceRange .priceLabel {
        font-size: 14px;
    }
}

@media (min-width: 768px) {
    .priceRange .priceLabel {
        font-size: 11px;
    }
}

@media (min-width: 992px) {
    .priceRange .priceLabel {
        font-size: 14px;
    }
}

.priceRange {
    position: relative;
}

    .priceRange .price-slider-inner {
        display: block;
        margin: 15px 0 25px 0;
    }

        .priceRange .price-slider-inner .amount-wrapper {
            display: none;
            position: absolute;
            bottom: 25px;
            right: 20px;
            font-size: 14px;
            width: 120px;
        }

            .priceRange .price-slider-inner .amount-wrapper input {
                background-color: transparent;
                border: 0;
                width: 28%;
                font-size: 14px;
                color: #262a2e;
                font-weight: 700;
                text-align: right;
            }

        .priceRange .price-slider-inner .ui-widget-content {
            background: none;
            border: 0;
            background-color: #dedede;
            height: 4px;
            clear: both;
            border-radius: 4px;
            margin: 0 5px 0 9px;
        }

            .priceRange .price-slider-inner .ui-widget-content .ui-slider-range {
                background-color: #ff891e;
                border: none;
                border-radius: 0;
            }

            .priceRange .price-slider-inner .ui-widget-content .ui-slider-handle {
                border-radius: 50%;
                background: none;
                border: 3px solid #ff891e;
                background-color: #ff891e;
                top: -6px;
                width: 16px;
                height: 16px;
                outline: none;
            }

.media-left {
    display: inline-block;
    float: left;
}

/*=== 2.12 SELECT BOX ===*/
/* SEARCH TOUR */
.searchTour .sbHolder, .searchTour .sbSelector {
    width: 100% !important;
    height: 45px !important;
}

.searchTour .sbHolder {
    background-color: transparent;
    border: none;
    border-bottom: 1px solid rgba(222, 222, 222, 0.3);
    margin: 4px 0 0 0;
}

.searchTour .sbSelector:link,
.searchTour .sbSelector:visited,
.searchTour .sbSelector:hover {
    color: rgba(255, 255, 255, 0.3) !important;
    text-transform: uppercase;
}

.searchTour .sbSelector {
    font-family: "Montserrat",sans-serif;
    font-size: 12px;
    line-height: 42px;
    text-indent: 0px;
}

.searchTour .sbToggle {
    background: transparent url("../plugins/selectbox/images/arrow-down-1.png") no-repeat scroll 0 0;
    height: 5px;
    right: 4px;
    top: 22px;
    width: 9px;
}

.searchTour .sbOptions {
    width: 100% !important;
    background-color: #ffffff;
    border: 1px solid #e5e5e5;
    right: 0 !important;
    border-radius: 4px;
    z-index: 100;
}

    .searchTour .sbOptions li {
        padding: 4px;
        border-bottom: 1px solid #e5e5e5;
    }

        .searchTour .sbOptions li:last-child {
            border-bottom: none;
        }

    .searchTour .sbOptions a {
        color: #969696 !important;
        font-family: "Montserrat",sans-serif;
        font-size: 12px;
        padding: 11px 17px;
        text-transform: uppercase;
    }

        .searchTour .sbOptions a:hover {
            color: #ff891e !important;
            background-color: #f5f5f5;
        }

/* SEARCH FILTER */
.searchFilter .sbHolder, .searchFilter .sbSelector {
    width: 100% !important;
    height: 45px !important;
}

.searchFilter .sbHolder {
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #dedede;
    margin: 4px 0 20px 0;
}

.searchFilter .sbSelector:link,
.searchFilter .sbSelector:visited,
.searchFilter .sbSelector:hover {
    color: #969696 !important;
    text-transform: uppercase;
}

.searchFilter .sbSelector {
    font-family: "Montserrat",sans-serif;
    font-size: 12px;
    line-height: 42px;
    text-indent: 0px;
}

.searchFilter .sbToggle {
    background: transparent url("../plugins/selectbox/images/arrow-down-2.png") no-repeat scroll 0 0;
    height: 5px;
    right: 4px;
    top: 22px;
    width: 9px;
}

.searchFilter .sbOptions {
    width: 100% !important;
    background-color: #ffffff;
    border: 1px solid #e5e5e5;
    right: 0 !important;
    border-radius: 4px;
    z-index: 100;
}

    .searchFilter .sbOptions li {
        padding: 4px;
        border-bottom: 1px solid #e5e5e5;
    }

        .searchFilter .sbOptions li:last-child {
            border-bottom: none;
        }

    .searchFilter .sbOptions a {
        color: #969696 !important;
        font-family: "Montserrat",sans-serif;
        font-size: 12px;
        padding: 11px 17px;
        text-transform: uppercase;
    }

        .searchFilter .sbOptions a:hover {
            color: #ff891e !important;
            background-color: #f5f5f5;
        }

/* BOOKING DROP */
.bookingDrop .sbHolder, .bookingDrop .sbSelector {
    width: 100% !important;
    height: 45px !important;
}

.bookingDrop .sbHolder {
    background-color: #f5f5f5;
    border: none;
    margin: 4px 0 20px 0;
    border-radius: 4px;
}

.bookingDrop .sbSelector:link,
.bookingDrop .sbSelector:visited,
.bookingDrop .sbSelector:hover {
    color: #969696 !important;
    text-transform: capitalize;
}

.bookingDrop .sbSelector {
    font-family: "Montserrat",sans-serif;
    font-size: 12px;
    line-height: 42px;
    text-indent: 12px;
}

.bookingDrop .sbToggle {
    background: transparent url("../plugins/selectbox/images/booking-drop.png") no-repeat scroll 0 0;
    height: 45px;
    right: 0px;
    top: 0px;
    width: 25px;
}

.bookingDrop .sbOptions {
    width: 100% !important;
    background-color: #ffffff;
    border: 1px solid #e5e5e5;
    right: 0 !important;
    border-radius: 4px;
    z-index: 100;
}

    .bookingDrop .sbOptions li {
        padding: 4px;
        border-bottom: 1px solid #e5e5e5;
    }

        .bookingDrop .sbOptions li:last-child {
            border-bottom: none;
        }

    .bookingDrop .sbOptions a {
        color: #969696 !important;
        font-family: "Montserrat",sans-serif;
        font-size: 12px;
        padding: 11px 17px;
        text-transform: uppercase;
    }

        .bookingDrop .sbOptions a:hover {
            color: #ff891e !important;
            background-color: #f5f5f5;
        }

/* PRIMARY DROP */
.primaryDrop .sbHolder,
.primaryDrop .sbSelector {
    width: 100% !important;
    height: 45px !important;
}

.primaryDrop .sbHolder {
    background-color: #ff891e;
    border: none;
    margin: 20px 0 0 0;
    border-radius: 4px;
}

.primaryDrop .sbSelector:link,
.primaryDrop .sbSelector:visited,
.primaryDrop .sbSelector:hover {
    color: #fff !important;
    text-transform: uppercase;
}

.primaryDrop .sbSelector {
    font-family: "Montserrat",sans-serif;
    font-size: 14px;
    line-height: 46px;
    text-indent: 20px;
}

.primaryDrop .sbToggle {
    background: transparent url("../plugins/selectbox/images/primary-drop.png") no-repeat scroll 0 0;
    height: 6px;
    right: 20px;
    top: 21px;
    width: 9px;
}

.primaryDrop .sbOptions {
    width: 100% !important;
    background-color: #ffffff;
    border: 1px solid #e5e5e5;
    right: 0 !important;
    border-radius: 4px;
    z-index: 100;
}

    .primaryDrop .sbOptions li {
        padding: 4px;
        border-bottom: 1px solid #e5e5e5;
    }

        .primaryDrop .sbOptions li:last-child {
            border-bottom: none;
        }

    .primaryDrop .sbOptions a {
        color: #969696 !important;
        font-family: "Montserrat",sans-serif;
        font-size: 12px;
        padding: 11px 17px;
        text-transform: uppercase;
    }

        .primaryDrop .sbOptions a:hover {
            color: #ff891e !important;
            background-color: #f5f5f5;
        }

/* LIGHT DROP */
.lightDrop .sbHolder,
.lightDrop .sbSelector {
    width: 100% !important;
    height: 45px !important;
}

.lightDrop .sbHolder {
    background-color: #ededed;
    border: none;
    margin: 20px 0 0 0;
    border-radius: 4px;
}

.lightDrop .sbSelector:link,
.lightDrop .sbSelector:visited,
.lightDrop .sbSelector:hover {
    color: #222222 !important;
    text-transform: uppercase;
}

.lightDrop .sbSelector {
    font-family: "Montserrat",sans-serif;
    font-size: 14px;
    line-height: 46px;
    text-indent: 20px;
}

.lightDrop .sbToggle {
    background: transparent url("../plugins/selectbox/images/light-drop.png") no-repeat scroll 0 0;
    height: 6px;
    right: 20px;
    top: 21px;
    width: 9px;
}

.lightDrop .sbOptions {
    width: 100% !important;
    background-color: #ffffff;
    border: 1px solid #e5e5e5;
    right: 0 !important;
    border-radius: 4px;
    z-index: 100;
}

    .lightDrop .sbOptions li {
        padding: 4px;
        border-bottom: 1px solid #e5e5e5;
    }

        .lightDrop .sbOptions li:last-child {
            border-bottom: none;
        }

    .lightDrop .sbOptions a {
        color: #969696 !important;
        font-family: "Montserrat",sans-serif;
        font-size: 12px;
        padding: 11px 17px;
        text-transform: uppercase;
    }

        .lightDrop .sbOptions a:hover {
            color: #ff891e !important;
            background-color: #f5f5f5;
        }

/* TRANSPARENT DROP */
.transparentDrop .sbHolder,
.transparentDrop .sbSelector {
    width: 100% !important;
    height: 45px !important;
}

.transparentDrop .sbHolder {
    background-color: transparent;
    border: none;
    margin: 20px 0 0 0;
    border-radius: 4px;
    border: 1px solid #dedede;
}
#ParentofTeens {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 3 columns */
    gap: 10px; /* Spacing between items */
}
#ParentofChild {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 3 columns */
    gap: 10px; /* Spacing between items */
}
#ParentofInfant {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 3 columns */
    gap: 10px; /* Spacing between items */
}
.transparentDrop .sbSelector:link,
.transparentDrop .sbSelector:visited,
.transparentDrop .sbSelector:hover {
    color: #222222 !important;
    text-transform: uppercase;
}

.transparentDrop .sbSelector {
    font-family: "Montserrat",sans-serif;
    font-size: 14px;
    line-height: 46px;
    text-indent: 20px;
}

.transparentDrop .sbToggle {
    background: transparent url("../plugins/selectbox/images/light-drop.png") no-repeat scroll 0 0;
    height: 6px;
    right: 20px;
    top: 21px;
    width: 9px;
}

.transparentDrop .sbOptions {
    width: 100% !important;
    background-color: #ffffff;
    border: 1px solid #e5e5e5;
    right: 0 !important;
    border-radius: 4px;
    z-index: 100;
}

    .transparentDrop .sbOptions li {
        padding: 4px;
        border-bottom: 1px solid #e5e5e5;
    }

        .transparentDrop .sbOptions li:last-child {
            border-bottom: none;
        }

    .transparentDrop .sbOptions a {
        color: #969696 !important;
        font-family: "Montserrat",sans-serif;
        font-size: 12px;
        padding: 11px 17px;
        text-transform: uppercase;
    }

        .transparentDrop .sbOptions a:hover {
            color: #ff891e !important;
            background-color: #f5f5f5;
        }

.primaryDrop.addCircle .sbHolder,
.lightDrop.addCircle .sbHolder,
.transparentDrop.addCircle .sbHolder {
    border-radius: 25px;
}

/* HOTEL SELECT BOX */
.searchHotel .sbHolder {
    width: 220px;
    height: 45px;
    background-color: transparent;
    line-height: 45px;
    border: 1px solid #ffffff;
    border-radius: 5px;
    font-family: "Montserrat",sans-serif;
}

    .searchHotel .sbHolder .sbToggle {
        background-image: url(../plugins/selectbox/images/primary-drop.png);
        background-repeat: no-repeat;
        top: 19px;
    }

    .searchHotel .sbHolder .sbSelector {
        line-height: 45px;
        color: #fff !important;
        text-transform: uppercase;
        width: 100%;
    }

        .searchHotel .sbHolder .sbSelector li a {
            color: #969696;
            font-size: 12px;
            float: none;
            width: 100%;
            background-color: transparent;
            padding: 10px 12px;
        }

    .searchHotel .sbHolder .sbOptions {
        right: auto;
        left: 1px;
        width: 100% !important;
        top: 44px !important;
    }

        .searchHotel .sbHolder .sbOptions li a {
            color: #969696;
            font-size: 12px;
            float: none;
            width: 100%;
            background-color: transparent;
            padding: 10px 12px;
            font-family: "Montserrat",sans-serif;
        }

            .searchHotel .sbHolder .sbOptions li a:hover {
                color: #ff891e !important;
            }

.amazingSelectbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (min-width: 768px) {
    .amazingSelectbox {
        display: inline-block;
    }
}

@media (min-width: 992px) {
    .amazingSelectbox {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

.amazingSelectbox .searchHotel {
    margin-bottom: 20px;
}

    .amazingSelectbox .searchHotel:last-child {
        margin-right: 0 !important;
    }

@media (min-width: 768px) {
    .amazingSelectbox .searchHotel {
        float: left;
        margin: 0 auto;
        margin-bottom: 20px;
    }
}

.amazingSelectbox .searchHotel .ed-datepicker {
    border: 1px solid #dedede;
    border-radius: 5px;
    margin-top: 0;
    width: 220px;
    margin-right: 10px;
}

    .amazingSelectbox .searchHotel .ed-datepicker .form-control {
        padding: 0 15px;
        color: #fff;
    }

        .amazingSelectbox .searchHotel .ed-datepicker .form-control::-webkit-input-placeholder {
            font-size: 14px;
            font-weight: 400;
            text-transform: uppercase;
            color: #fff;
        }

        .amazingSelectbox .searchHotel .ed-datepicker .form-control::-moz-placeholder {
            font-size: 14px;
            font-weight: 400;
            text-transform: uppercase;
            color: #fff;
        }

        .amazingSelectbox .searchHotel .ed-datepicker .form-control:-ms-input-placeholder {
            font-size: 14px;
            font-weight: 400;
            text-transform: uppercase;
            color: #fff;
        }

    .amazingSelectbox .searchHotel .ed-datepicker .input-group-addon span {
        color: #fff;
        padding-right: 15px;
    }

.amazingSelectbox .searchHotelBtn .buttonCustomPrimary {
    padding: 0 20px;
    width: 222px;
    margin-right: 10px;
}

@media (min-width: 768px) {
    .amazingSelectbox .searchHotelBtn .buttonCustomPrimary {
        margin-right: 0px;
        margin-bottom: 20px;
    }
}

@media (min-width: 992px) {
    .amazingSelectbox .searchHotelBtn .buttonCustomPrimary {
        width: 124px;
    }
}

.amazingSelectbox .searchHotelBtn .buttonCustomPrimary:hover {
    background-color: transparent;
    color: #fff;
    border: 1px solid #fff;
}

.subscribSection .amazingSelectbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (min-width: 768px) {
    .subscribSection .amazingSelectbox {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

@media (min-width: 992px) {
    .subscribSection .amazingSelectbox {
        -ms-flex-pack: distribute;
        justify-content: space-around;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

.subscribSection .amazingSelectbox .subscribInput {
    float: left;
    margin-right: 5px;
}

    .subscribSection .amazingSelectbox .subscribInput input[type="email"] {
        width: 250px;
        height: 45px;
        background-color: transparent;
        border: 1px solid #fff;
        margin-bottom: 20px;
        display: inline-block;
    }

@media (min-width: 768px) {
    .subscribSection .amazingSelectbox .subscribInput input[type="email"] {
        width: 230px;
    }
}

@media (min-width: 992px) {
    .subscribSection .amazingSelectbox .subscribInput input[type="email"] {
        width: 340px;
    }
}

@media (min-width: 1200px) {
    .subscribSection .amazingSelectbox .subscribInput input[type="email"] {
        width: 350px;
    }
}

.subscribSection .amazingSelectbox .subscribInput input::-webkit-input-placeholder {
    color: #fff;
}

.subscribSection .amazingSelectbox .subscribInput input::-moz-placeholder {
    color: #fff;
}

.subscribSection .amazingSelectbox .subscribInput input:-ms-input-placeholder {
    color: #fff;
}

.subscribSection .amazingSelectbox .searchHotel .sbHolder {
    width: 250px;
}

@media (min-width: 768px) {
    .subscribSection .amazingSelectbox .searchHotel .sbHolder {
        width: 230px;
    }
}

@media (min-width: 992px) {
    .subscribSection .amazingSelectbox .searchHotel .sbHolder {
        width: 240px;
    }
}

@media (min-width: 1200px) {
    .subscribSection .amazingSelectbox .searchHotel .sbHolder {
        width: 250px;
    }
}

.subscribSection .amazingSelectbox .searchHotelBtn .buttonCustomPrimary {
    width: 250px;
    background-color: #fff;
    color: #ff891e !important;
}

@media (min-width: 768px) {
    .subscribSection .amazingSelectbox .searchHotelBtn .buttonCustomPrimary {
        width: auto;
    }
}

@media (min-width: 1200px) {
    .subscribSection .amazingSelectbox .searchHotelBtn .buttonCustomPrimary {
        width: 175px;
    }
}

.subscribSection .amazingSelectbox .searchHotelBtn .buttonCustomPrimary:hover {
    background-color: transparent;
    color: #fff !important;
}

/*=== 2.13 INPUT TYPE TEXT ===*/
.inputText {
    border-bottom: 1px solid #dedede;
    height: 45px;
}

    .inputText .input-group .input-label {
        position: absolute;
        top: 50%;
        left: 0px;
        z-index: 20;
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
    }

    .inputText .form-control {
        border-color: transparent;
        box-shadow: none;
        padding: 6px 0px;
        height: 44px;
        position: relative;
    }

        .inputText .form-control::-webkit-input-placeholder {
            font-size: 12px;
            font-weight: 400;
            text-transform: uppercase;
        }

        .inputText .form-control::-moz-placeholder {
            font-size: 12px;
            font-weight: 400;
            text-transform: uppercase;
        }

        .inputText .form-control:-ms-input-placeholder {
            font-size: 12px;
            font-weight: 400;
            text-transform: uppercase;
        }

/*=== 3. HEADER ===*/
header {
    position: relative;
    z-index: 999;
}

/*=== 3.1 HEADER TRANSPARENT ===*/
.navbar-default {
    background-color: transparent;
    border: none;
    border-radius: 0;
    margin-bottom: 0;
    position: relative;
}

    .navbar-default.navbar-fixed-top {
        position: fixed;
    }

.navbar-nav > li.open a, .navbar-nav > li.open a:hover, .navbar-nav > li.open a:focus {
    background-color: transparent !important;
    color: #ff891e !important;
}

    .navbar-nav > li.open a:after, .navbar-nav > li.open a:hover:after, .navbar-nav > li.open a:focus:after {
        width: 30%;
    }

@media (max-width: 767px) {
    .navbar-nav {
        background-color: #ffffff;
        margin-top: 0;
    }
}

@media (min-width: 768px) {
    .navbar-nav {
        background-color: transparent !important;
    }
}

.navbar-nav > li > a {
    text-transform: uppercase;
}

    .navbar-nav > li > a:after {
        content: "";
        height: 3px;
        left: 0;
        bottom: -3px;
        width: 0px;
        position: absolute;
        transition: all 0.3s ease-in-out;
        background-color: #ff891e;
    }

    .navbar-nav > li > a:hover {
        color: #ff891e !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.3);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$value)";
        filter: alpha(opacity=1);
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1;
    }

@media (max-width: 767px) {
    .navbar-nav > li > a:hover:after {
        width: 0%;
    }
}

@media (min-width: 768px) {
    .navbar-nav > li > a:hover:after {
        width: 100%;
    }
}

.navbar-nav > li > a:focus {
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

@media (max-width: 767px) {
    .navbar-nav > li > a {
        color: #000000 !important;
        padding: 12px;
        border-bottom: 1px solid white;
    }
}

@media (min-width: 768px) {
    .navbar-nav > li > a {
        margin: 0 5px 29px 5px;
        font-size: 10px;
        color: #ffffff !important;
        padding: 38px 0 7px 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    }
}

@media (min-width: 992px) {
    .navbar-nav > li > a {
        margin: 0 8px 29px 8px;
        font-size: 14px;
    }
}

@media (min-width: 1200px) {
    .navbar-nav > li > a {
        margin: 0 15px 29px 15px;
    }
}

.navbar-nav > li.active a, .navbar-nav > li.active a:hover {
    color: #ff891e !important;
    background-color: transparent !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$value)";
    filter: alpha(opacity=1);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

@media (max-width: 767px) {
    .navbar-nav > li.active a:after, .navbar-nav > li.active a:hover:after {
        width: 0%;
    }
}

@media (min-width: 768px) {
    .navbar-nav > li.active a:after, .navbar-nav > li.active a:hover:after {
        width: 100%;
    }
}

@media (max-width: 767px) {
    .navbar-nav > li.active a:after {
        width: 0%;
    }
}

@media (min-width: 768px) {
    .navbar-nav > li.active a:after {
        width: 30%;
    }
}

@media (max-width: 767px) {
    .navbar-nav > li.open a:hover:after {
        width: 0%;
    }
}

@media (min-width: 768px) {
    .navbar-nav > li.open a:hover:after {
        width: 100%;
    }
}

.navbar-nav > li.dropdown .dropdown-menu {
    box-shadow: none;
}

    .navbar-nav > li.dropdown .dropdown-menu a {
        padding: 3px 20px;
        margin-bottom: 0;
    }

.navbar-nav > li.dropdown.searchBox a {
    border: none;
}

@media (max-width: 767px) {
    .navbar-nav > li.dropdown.searchBox a {
        padding: 12px;
        margin-bottom: 10px;
        display: none;
    }
}

@media (min-width: 768px) {
    .navbar-nav > li.dropdown.searchBox a {
        padding-top: 42px;
        margin-bottom: 25px;
        display: block;
    }
}

.navbar-nav > li.dropdown.searchBox a .searchIcon {
    padding: 10px 12px;
    background-color: #ff891e;
    border-radius: 4px;
    color: #ffffff !important;
}

.navbar-nav > li.dropdown.searchBox a:hover .searchIcon {
    color: #ffffff !important;
}

.navbar-nav > li.dropdown.searchBox a:hover:after {
    display: none;
}

.navbar-nav > li.dropdown.searchBox a:after {
    display: none;
}

.navbar-nav > li.dropdown.searchBox .dropdown-menu {
    margin: 0 10px 0 0;
    padding: 10px 15px;
    border-radius: 0;
}

@media (max-width: 767px) {
    .navbar-nav > li.dropdown.searchBox .dropdown-menu {
        width: 100%;
        position: relative;
        display: block;
    }
}

@media (min-width: 768px) {
    .navbar-nav > li.dropdown.searchBox .dropdown-menu {
        width: 350px;
    }
}

.navbar-nav > li.dropdown.searchBox .dropdown-menu li .form-control {
    border-radius: 0;
    box-shadow: none;
    border-color: #e5e5e5;
}

.navbar-nav > li.dropdown.searchBox .dropdown-menu li .input-group-addon {
    background-color: #ff891e;
    border-color: #ff891e;
    border-radius: 0;
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
}

.navbar-nav > li.dropdown.megaDropMenu {
    position: static;
}

    .navbar-nav > li.dropdown.megaDropMenu .dropdown-menu {
        margin: -1px auto 0 auto;
        right: 15px;
        border-radius: 5px;
    }

@media (max-width: 767px) {
    .navbar-nav > li.dropdown.megaDropMenu .dropdown-menu {
        left: 0;
        padding: 0;
        width: 100%;
    }
}

@media (min-width: 768px) {
    .navbar-nav > li.dropdown.megaDropMenu .dropdown-menu {
        left: 15px;
        padding: 10px 5px 0;
        width: 720px;
    }
}

@media (min-width: 992px) {
    .navbar-nav > li.dropdown.megaDropMenu .dropdown-menu {
        width: 940px;
    }
}

@media (min-width: 1200px) {
    .navbar-nav > li.dropdown.megaDropMenu .dropdown-menu {
        width: 1140px;
    }
}

.navbar-nav > li.dropdown.megaDropMenu .dropdown-menu .list-unstyled {
    width: 100%;
    float: left;
}

@media (max-width: 767px) {
    .navbar-nav > li.dropdown.megaDropMenu .dropdown-menu .list-unstyled {
        padding-bottom: 5px;
    }
}

@media (min-width: 768px) {
    .navbar-nav > li.dropdown.megaDropMenu .dropdown-menu .list-unstyled {
        padding-bottom: 15px;
    }
}

.navbar-nav > li.dropdown.megaDropMenu .dropdown-menu .list-unstyled li.listHeading, .navbar-nav > li.dropdown.megaDropMenu .dropdown-menu .list-unstyled li:first-child {
    font-weight: 400;
    text-transform: uppercase;
    font-size: 13px;
    color: #222222;
    float: left;
}

@media (max-width: 767px) {
    .navbar-nav > li.dropdown.megaDropMenu .dropdown-menu .list-unstyled li.listHeading, .navbar-nav > li.dropdown.megaDropMenu .dropdown-menu .list-unstyled li:first-child {
        padding: 10px 12px 10px 0;
    }
}

@media (min-width: 768px) {
    .navbar-nav > li.dropdown.megaDropMenu .dropdown-menu .list-unstyled li.listHeading, .navbar-nav > li.dropdown.megaDropMenu .dropdown-menu .list-unstyled li:first-child {
        padding: 10px 12px;
    }
}

.navbar-nav > li.dropdown.megaDropMenu .dropdown-menu .list-unstyled li a {
    color: #969696 !important;
    font-size: 12px;
    float: left;
    width: 100%;
    background-color: transparent !important;
}

@media (max-width: 767px) {
    .navbar-nav > li.dropdown.megaDropMenu .dropdown-menu .list-unstyled li a {
        padding: 6px 12px;
    }
}

@media (min-width: 768px) {
    .navbar-nav > li.dropdown.megaDropMenu .dropdown-menu .list-unstyled li a {
        padding: 10px 12px;
    }
}

.navbar-nav > li.dropdown.megaDropMenu .dropdown-menu .list-unstyled li a:hover {
    background-color: whitesmoke !important;
    color: #ff891e !important;
}

.navbar-nav > li.dropdown.singleDrop .dropdown-menu {
    border-radius: 5px;
    min-width: 270px;
}

    .navbar-nav > li.dropdown.singleDrop .dropdown-menu li a {
        color: #969696 !important;
        font-size: 12px;
        float: none;
        width: 100%;
        background-color: transparent !important;
    }

@media (max-width: 767px) {
    .navbar-nav > li.dropdown.singleDrop .dropdown-menu li a {
        padding: 6px 12px 6px 24px;
    }
}

@media (min-width: 768px) {
    .navbar-nav > li.dropdown.singleDrop .dropdown-menu li a {
        padding: 10px 12px;
    }
}

.navbar-nav > li.dropdown.singleDrop .dropdown-menu li a:hover {
    background-color: whitesmoke !important;
    color: #ff891e !important;
}

@media (max-width: 767px) {
    .navbar-nav > li.dropdown.singleDrop .dropdown-menu li .dropdown-menu li a {
        padding: 6px 12px 6px 36px;
    }
}

@media (min-width: 768px) {
    .navbar-nav > li.dropdown.singleDrop .dropdown-menu li .dropdown-menu li a {
        padding: 10px 12px;
    }
}

.dropdown-submenu {
    position: relative;
}

    .dropdown-submenu a i {
        float: right;
        margin-top: 4px;
    }

    .dropdown-submenu > .dropdown-menu {
        top: 0;
        margin-top: 0 !important;
        margin-left: -1px;
        border-radius: 0 6px 6px 6px;
    }

@media (min-width: 480px) {
    .dropdown-submenu > .dropdown-menu {
        left: 0;
    }
}

@media (min-width: 768px) {
    .dropdown-submenu > .dropdown-menu {
        left: 100%;
    }
}

.dropdown-submenu.pull-left {
    float: none;
}

    .dropdown-submenu.pull-left > .dropdown-menu {
        left: -100%;
        margin-left: 10px;
        border-radius: 6px 0 6px 6px;
    }

@media (max-width: 767px) {
    .navbar-nav > li.open a:after, .navbar-nav > li.open a:hover:after, .navbar-nav > li.open a:focus:after {
        width: 0%;
    }
}

@media (min-width: 768px) {
    .navbar-nav > li.open a:after, .navbar-nav > li.open a:hover:after, .navbar-nav > li.open a:focus:after {
        width: 100%;
    }
}

.navbar-nav.searchBox a:after {
    display: none;
}

.navbar-toggle {
    margin-top: 20px;
}

.navbar-toggle {
    background-color: #ffffff;
}

.navbar-collapse {
    border-color: #ffffff;
}

    .navbar-collapse li.dropdown .dropdown-menu {
        box-shadow: none;
    }

@media (max-width: 767px) {
    .navbar-collapse li.dropdown .dropdown-menu {
        position: relative;
        width: 100%;
        float: left;
        border: 0;
        display: block;
    }
}

@media (min-width: 768px) {
    .navbar-collapse li.dropdown .dropdown-menu {
        position: absolute;
        float: left;
        display: none;
    }
}

.navbar-collapse li.dropdown.open .dropdown-menu {
    display: block;
}

@media (max-width: 767px) {
    .navbar-collapse li.dropdown.dropdown-submenu .dropdown-menu {
        position: relative;
        width: 100%;
        float: left;
        border: 0;
        display: block;
    }
}

@media (min-width: 768px) {
    .navbar-collapse li.dropdown.dropdown-submenu .dropdown-menu {
        position: absolute;
        float: left;
        display: none;
    }
}

.navbar-collapse li.dropdown.dropdown-submenu.open .dropdown-menu {
    display: block;
}

.navbar-brand {
    float: left;
    background-image: url("../img/logo.png");
    background-position: 15px 19px;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url("../img/logo.png");
    background-position: 15px 19px;
    background-repeat: no-repeat;
    background-size: cover;
    width: 235px;
    height: 95px;
    background-color: transparent;
    padding: 24px 15px 24px 15px;
}

@media (max-width: 767px) {
    .navbar-brand {
        background-size: 130px 40px !important;
        margin-top: 0;
    }
}

@media (min-width: 768px) {
    .navbar-brand {
        background-size: 170px 54px !important;
    }
}

.static .navbar-right {
    margin-right: -30px !important;
}

/*=== 3.2 LIGHT HEADER ===*/
.lightHeader {
    transition: all 0.3s ease-in-out;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
    background-color: #ffffff;
}

@media (max-width: 767px) {
    .lightHeader {
        height: 83px;
    }
}

@media (min-width: 768px) {
    .lightHeader {
        height: 95px;
    }
}

.lightHeader .navbar-brand {
    background-image: url("../img/logo-color-big.png");
    background-position: 15px 19px;
    background-repeat: no-repeat;
    background-size: cover;
}

@media (max-width: 767px) {
    .lightHeader .navbar-brand {
        background-size: 130px 40px !important;
        margin-top: 0;
        height: 83px;
    }
}

@media (min-width: 768px) {
    .lightHeader .navbar-brand {
        background-size: 170px 54px !important;
        height: 95px;
    }
}

.lightHeader .navbar-nav > li > a {
    color: #000000 !important;
}

    .lightHeader .navbar-nav > li > a:hover {
        color: #ff891e !important;
        border-color: #ff891e;
    }

@media (max-width: 767px) {
    .lightHeader .navbar-nav > li > a {
        border-bottom: 1px solid #ffffff;
    }
}

@media (min-width: 768px) {
    .lightHeader .navbar-nav > li > a {
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }
}

/*=== 3.3 DARK HEADER ===*/
.darkHeader {
    transition: all 0.3s ease-in-out;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
    background-color: #262a2e;
}

@media (max-width: 767px) {
    .darkHeader {
        height: 83px;
    }
}

@media (min-width: 768px) {
    .darkHeader {
        height: 95px;
    }
}

.darkHeader .navbar-brand {
    background-image: url("../img/logo-dark.png");
    background-position: 15px 19px;
    background-repeat: no-repeat;
    background-size: cover;
}

@media (max-width: 767px) {
    .darkHeader .navbar-brand {
        background-size: 130px 40px !important;
        margin-top: 0;
        height: 83px;
    }
}

@media (min-width: 768px) {
    .darkHeader .navbar-brand {
        background-size: 170px 54px !important;
        height: 95px;
    }
}

.darkHeader .navbar-nav > li > a:hover {
    color: #ff891e !important;
    border-color: #ff891e;
}

@media (max-width: 767px) {
    .darkHeader .navbar-nav > li > a {
        border-bottom: 1px solid #ffffff;
        color: #000000 !important;
    }
}

@media (min-width: 768px) {
    .darkHeader .navbar-nav > li > a {
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        color: #ffffff !important;
    }
}

/*=== 3.4 HEADER TOP ===*/
.headerTop {
    display: none;
    background-color: #f5f5f5;
    height: 40px;
    color: #969696;
}

@media (min-width: 768px) {
    .headerTop {
        display: block;
    }
}

.headerTop .headerTopNav {
    padding: 7px 0;
}

    .headerTop .headerTopNav .headerTopNavbar {
        float: left;
    }

        .headerTop .headerTopNav .headerTopNavbar li {
            display: inline-block;
            padding: 0 15px;
        }

            .headerTop .headerTopNav .headerTopNavbar li a {
                color: #969696;
                font-family: 'Roboto', sans-serif;
                font-size: 13px;
                line-height: 21px;
            }

                .headerTop .headerTopNav .headerTopNavbar li a i {
                    margin-right: 7px;
                }

        .headerTop .headerTopNav .headerTopNavbar.navbar-right .dropdown.searchBox a {
            border: none;
        }

@media (max-width: 767px) {
    .headerTop .headerTopNav .headerTopNavbar.navbar-right .dropdown.searchBox a {
        padding: 12px;
        margin-bottom: 10px;
        display: none;
    }
}

@media (min-width: 768px) {
    .headerTop .headerTopNav .headerTopNavbar.navbar-right .dropdown.searchBox a {
        display: block;
    }
}

.headerTop .headerTopNav .headerTopNavbar.navbar-right .dropdown.searchBox a:hover .searchIcon {
    color: #ffffff !important;
}

.headerTop .headerTopNav .headerTopNavbar.navbar-right .dropdown.searchBox a:hover:after {
    display: none;
}

.headerTop .headerTopNav .headerTopNavbar.navbar-right .dropdown.searchBox a:after {
    display: none;
}

.headerTop .headerTopNav .headerTopNavbar.navbar-right .dropdown.searchBox .dropdown-menu {
    margin: 0 10px 0 0;
    padding: 10px 0 5px 0;
    border-radius: 0;
}

@media (max-width: 767px) {
    .headerTop .headerTopNav .headerTopNavbar.navbar-right .dropdown.searchBox .dropdown-menu {
        width: 100%;
        position: relative;
        display: block;
    }
}

@media (min-width: 768px) {
    .headerTop .headerTopNav .headerTopNavbar.navbar-right .dropdown.searchBox .dropdown-menu {
        width: 350px;
    }
}

.headerTop .headerTopNav .headerTopNavbar.navbar-right .dropdown.searchBox .dropdown-menu li .form-control {
    border-radius: 0;
    box-shadow: none;
    border-color: #e5e5e5;
}

.headerTop .headerTopNav .headerTopNavbar.navbar-right .dropdown.searchBox .dropdown-menu li .input-group-addon {
    background-color: #ff891e;
    border-color: #ff891e;
    border-radius: 0;
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
}

/*=== 3.5 NAVBAR HOME CITY ===*/
.navbar .navbar-btn {
    margin-left: 10px;
}

@media (min-width: 768px) {
    .navbar .navbar-btn {
        margin-top: 34px;
    }
}

@media (min-width: 992px) {
    .navbar .navbar-btn {
        margin-top: 29px;
    }
}

.navbar .navbar-btn .btn-nav {
    text-transform: uppercase;
    width: 127px;
    height: 40px;
    background-color: #ff891e;
    color: #ffffff;
    line-height: 14px;
    font-size: 14px;
    font-weight: 700;
    padding: 12px 0;
}

@media (min-width: 768px) {
    .navbar .navbar-btn .btn-nav {
        width: 100px;
        height: 33px;
        font-size: 10px;
        line-height: 13px;
        padding: 10px 0px;
    }
}

@media (min-width: 992px) {
    .navbar .navbar-btn .btn-nav {
        width: 127px;
        height: 40px;
        line-height: 14px;
        font-size: 14px;
        font-weight: 700;
        padding: 12px 0;
    }
}

/*=== 4. FOOTER ===*/
.footer {
    width: 100%;
    display: block;
    background-color: #262a2e;
    padding: 80px 0;
}

.foo .footer-logo {
    display: block;
    margin-bottom: 25px;
}

.footerContent h5 {
    font-size: 15px;
    color: #ffffff;
    line-height: 21px;
    margin-top: 25px;
    margin-bottom: 35px;
    text-transform: uppercase;
    font-family: "Montserrat",sans-serif;
}

.footerContent p {
    margin-top: 30px;
    color: #929497;
}

@media (min-width: 768px) {
    .footerContent p {
        font-size: 11px;
    }
}

@media (min-width: 992px) {
    .footerContent p {
        font-size: 14px;
    }
}

.footerContent .list-unstyled li {
    color: #929497;
    margin-bottom: 15px;
}

@media (min-width: 768px) {
    .footerContent .list-unstyled li {
        font-size: 11px;
    }
}

@media (min-width: 992px) {
    .footerContent .list-unstyled li {
        font-size: 14px;
    }
}

@media (max-width: 767px) {
    .footerContent .list-unstyled li i {
        margin-right: 10px;
    }
}

@media (min-width: 768px) {
    .footerContent .list-unstyled li i {
        margin-right: 10px;
    }
}

@media (min-width: 992px) {
    .footerContent .list-unstyled li i {
        margin-right: 14px;
    }
}

.footerContent .list-unstyled li a {
    color: #929497;
}

    .footerContent .list-unstyled li a:hover {
        color: #ff891e;
    }

@media (min-width: 480px) {
    .footerContent.imgGallery .row {
        width: auto;
    }
}

@media (min-width: 480px) {
    .footerContent.imgGallery .row {
        width: 100%;
    }
}

.footerContent.imgGallery .row .col-xs-4 {
    margin-bottom: 15px;
}

@media (min-width: 768px) {
    .footerContent.imgGallery .row .col-xs-4 {
        padding: 0 15px 0 15px;
    }
}

@media (min-width: 768px) {
    .footerContent.imgGallery .row .col-xs-4 {
        padding: 0 0 0 15px;
    }
}

.footerContent.imgGallery .row .col-xs-4 a {
    display: block;
    border-radius: 4px;
}

    .footerContent.imgGallery .row .col-xs-4 a img {
        width: 100%;
    }

.footerContent .input-group {
    border: 1px solid #4a4e52;
    border-radius: 5px;
    margin-bottom: 30px;
}

    .footerContent .input-group .form-control {
        background-color: transparent;
        border: 0;
        color: #929497;
    }

    .footerContent .input-group .input-group-addon {
        border-radius: 4px;
        background-color: #565b61;
        border: 0;
        transition: all 0.3s ease-in-out;
    }

        .footerContent .input-group .input-group-addon i {
            color: #ffffff;
        }

        .footerContent .input-group .input-group-addon:hover {
            background-color: #ff891e;
            border-color: #ff891e;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$value)";
            filter: alpha(opacity=1);
            -moz-opacity: 1;
            -khtml-opacity: 1;
            opacity: 1;
        }

@media (min-width: 768px) {
    .footerContent .list-inline li {
        padding: 2px;
    }
}

@media (min-width: 992px) {
    .footerContent .list-inline li {
        padding: 0 2px;
    }
}

@media (min-width: 1200px) {
    .footerContent .list-inline li {
        padding: 0 5px;
    }
}

.footerContent .list-inline li a {
    display: block;
    text-align: center;
    border: 1px solid #4a4e52;
    border-radius: 100%;
    color: #ffffff;
}

    .footerContent .list-inline li a:hover {
        background-color: #ff891e;
        border-color: #ff891e;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$value)";
        filter: alpha(opacity=1);
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1;
    }

@media (max-width: 767px) {
    .footerContent .list-inline li a {
        width: 35px;
        height: 35px;
        line-height: 35px;
        font-size: 14px;
    }
}

@media (min-width: 768px) {
    .footerContent .list-inline li a {
        width: 25px;
        height: 25px;
        line-height: 25px;
        font-size: 10px;
    }
}

@media (min-width: 992px) {
    .footerContent .list-inline li a {
        width: 35px;
        height: 35px;
        line-height: 35px;
        font-size: 14px;
    }
}

.contact-us {
    margin-top: -30px !important;
    margin-left: -16px !important;
    margin-bottom: 8px !important;
}

.footer-image {
    width: 200px;
    margin-left: -22px;
}

.copyRight {
    display: block;
    background-color: #232629;
    padding: 30px 0;
}

@media (max-width: 767px) {
    .copyRight .list-inline {
        float: left;
        width: 100%;
        text-align: center;
        margin: 0 0 30px 0;
    }
}

@media (min-width: 768px) {
    .copyRight .list-inline {
        float: right;
        width: auto;
        text-align: left;
        margin-bottom: 0;
    }
}

.copyRight .list-inline li a {
    font-size: 13px;
    color: #929497;
}

    .copyRight .list-inline li a:hover {
        color: #ff891e;
    }

.copyRightText p {
    margin-bottom: 0;
    color: #929497;
}

    .copyRightText p a {
        color: #929497;
    }

        .copyRightText p a:hover {
            color: #ff891e;
        }

@media (max-width: 767px) {
    .copyRightText p {
        font-size: 11px;
        text-align: center;
    }
}

@media (min-width: 768px) {
    .copyRightText p {
        font-size: 13px;
        text-align: left;
    }
}

.footer-light {
    background-color: transparent;
}

    .footer-light .footerContent .footer-logo img {
        width: auto;
    }

@media (min-width: 768px) {
    .footer-light .footerContent .footer-logo img {
        width: 100%;
    }
}

@media (min-width: 992px) {
    .footer-light .footerContent .footer-logo img {
        width: auto;
    }
}

.footer-light .footerContent h5 {
    color: #222222;
}

.footer-light .footerContent .list-inline li a {
    color: #969696;
    border-color: #969696;
}

    .footer-light .footerContent .list-inline li a:hover {
        color: #ffffff;
        border-color: #ff891e;
    }

.footer-light .footerContent .list-item li {
    margin-bottom: 17px;
}

    .footer-light .footerContent .list-item li a {
        color: #969696;
    }

        .footer-light .footerContent .list-item li a:hover {
            color: #ff891e;
        }

/*================= 5. SECTION ==================*/
/*=== 5.1 MAIN CONTENT SECTION ===*/
.static .pageTitle {
    margin-top: 0;
}

.mainContentSection, .whiteSection, .lightSection {
    width: 100%;
    padding: 100px 0 70px 0;
    background-color: #ffffff;
    display: block;
}

.adminContentSection {
    width: 100%;
    padding: 30px 0 70px 0;
    background-color: #ffffff;
    display: block;
}

/*=== 5.2 DARK SECTION ===*/
.darkSection {
    width: 100%;
    padding: 42px 0;
    background-color: #262a2e;
    display: block;
}

    .darkSection.citiesPage {
        padding: 36px 30px;
        border-radius: 4px;
        margin-bottom: 80px;
    }

@media (min-width: 768px) {
    .gridResize > .col-sm-3 {
        width: 100%;
    }
}

@media (min-width: 992px) {
    .gridResize > .col-sm-3 {
        width: 21%;
    }
}

@media (max-width: 767px) {
    .gridResize > .col-sm-7 {
        width: 100%;
        margin-bottom: 15px;
    }
}

@media (min-width: 768px) {
    .gridResize > .col-sm-7 {
        width: 100%;
        margin-bottom: 15px;
    }
}

@media (min-width: 992px) {
    .gridResize > .col-sm-7 {
        width: 68%;
        margin-bottom: 0;
    }
}

@media (min-width: 768px) {
    .gridResize > .col-sm-2 {
        width: 100%;
    }
}

@media (min-width: 992px) {
    .gridResize > .col-sm-2 {
        width: 11%;
    }
}






.gridResize .buttonCustomPrimary {
    margin-top: 4px;
}

/*=== 5.3 WHITE SECTION ===*/
.destinations {
    background-color: #262a2e;
    border-radius: 5px;
}

    .destinations a img {
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
    }

    .destinations .media-left {
        display: inline-block;
        float: left;
    }

@media (max-width: 767px) {
    .destinations .media-left {
        width: 100%;
        padding-right: 0;
    }
}

@media (min-width: 768px) {
    .destinations .media-left {
        width: 50%;
        padding-right: 10px;
    }
}

@media (min-width: 992px) {
    .destinations .media-left {
        width: auto;
    }
}

.destinations .media-left img {
    width: 100%;
}

@media (max-width: 767px) {
    .destinations .media-body {
        padding: 15px;
    }
}

@media (min-width: 768px) {
    .destinations .media-body {
        padding: 15px 23px 0 23px;
    }
}

@media (min-width: 992px) {
    .destinations .media-body {
        padding: 80px 23px 0 23px;
    }
}

@media (min-width: 1200px) {
    .destinations .media-body {
        padding: 80px 45px 0 45px;
    }
}

.destinations .media-body .media-heading {
    color: #ffffff;
    text-transform: uppercase;
}

@media (min-width: 768px) {
    .destinations .media-body .media-heading {
        font-size: 16px;
        margin-bottom: 10px;
    }
}

@media (min-width: 992px) {
    .destinations .media-body .media-heading {
        font-size: 20px;
        margin-bottom: 25px;
    }
}

@media (min-width: 768px) {
    .destinations .media-body p {
        font-size: 11px;
        margin-bottom: 10px;
        line-height: 17px;
    }
}

@media (min-width: 992px) {
    .destinations .media-body p {
        font-size: 20px;
        margin-bottom: 25px;
        line-height: 21px;
    }
}

@media (min-width: 1200px) {
    .destinations .media-body p {
        font-size: 14px;
        line-height: 21px;
    }
}

@media (max-width: 767px) {
    .destinations .media-body .list-unstyled {
        margin-bottom: 15px;
        width: 100%;
        display: block;
        float: none;
    }
}

@media (min-width: 768px) {
    .destinations .media-body .list-unstyled {
        margin-bottom: 5px;
        width: 33%;
        display: inline-block;
        float: left;
    }
}

@media (min-width: 992px) {
    .destinations .media-body .list-unstyled {
        margin-bottom: 24px;
    }
}

.destinations .media-body .list-unstyled li {
    text-transform: uppercase;
    font-size: 14px;
    color: #ffffff;
}

    .destinations .media-body .list-unstyled li i {
        color: #ff891e;
        margin-right: 10px;
    }

    .destinations .media-body .list-unstyled li a {
        text-transform: capitalize;
        color: #929497;
        margin-bottom: 8px;
    }

@media (min-width: 768px) {
    .destinations .media-body .list-unstyled li a {
        font-size: 11px;
        line-height: 17px;
    }
}

@media (min-width: 992px) {
    .destinations .media-body .list-unstyled li a {
        font-size: 14px;
        line-height: 21px;
    }
}

.destinations .media-body .list-unstyled li a i {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    font-size: 8px;
    color: #929497;
}

.destinations .media-body .list-unstyled li a:hover {
    color: #ff891e;
}

    .destinations .media-body .list-unstyled li a:hover i {
        color: #ff891e;
    }

@media (min-width: 768px) {
    .destinations .media-body .list-unstyled li:first-child {
        margin-bottom: 0;
    }
}

@media (min-width: 992px) {
    .destinations .media-body .list-unstyled li:first-child {
        margin-bottom: 16px;
    }
}

.destinations .media-body .media-btn {
    display: block;
    width: 100%;
}

.filter-container {
    padding: 0 20px 30px 20px;
}

@media (max-width: 767px) {
    .isotopeFilters ul.filter > li {
        padding: 2px;
    }
}

@media (min-width: 768px) {
    .isotopeFilters ul.filter > li {
        padding: 0;
    }
}

.isotopeFilters ul.filter > li a {
    font-size: 14px;
    line-height: 35px;
    color: #929497;
    text-transform: uppercase;
    border-width: 1px;
    border-style: solid;
    display: inline-block;
}

.isotopeFilters ul.filter > li.active a {
    background-color: #ff891e;
    color: #ffffff;
    border-color: #ff891e;
}

.fancybox-lock .fancybox-overlay {
    background-color: rgba(0, 0, 0, 0.75);
}

.isotopeSelector figure {
    border-radius: 4px;
}

    .isotopeSelector figure:hover {
        border-radius: 4px;
    }

.isotopeSelector img {
    width: 100%;
    border-radius: 4px;
}

.isotopeSelector:hover img {
    -webkit-transform: scale(1.2) rotate(0);
    transform: scale(1.2) rotate(0);
    border-radius: 5px;
}

.overlay-background {
    border-radius: 4px;
}

.isotopeSelector figure {
    position: relative;
    margin-bottom: 30px;
}

.isotopeSelector h4 {
    position: absolute;
    left: 50%;
    top: 50%;
    font-size: 20px;
    color: #ffffff;
    text-transform: uppercase;
    z-index: 100;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    transition: all 0.3s ease-in-out;
    width: 100%;
    text-align: center;
}

.isotopeSelector .overlay {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    left: 0;
    top: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$value)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    transition: all 0.3s ease-in-out;
    border-radius: 4px;
}

    .isotopeSelector .overlay .fancybox-pop {
        width: 100%;
        height: 100%;
        display: block;
        text-align: center;
        position: absolute;
        z-index: 1000;
        border-radius: 4px;
    }

        .isotopeSelector .overlay .fancybox-pop .overlayInfo {
            position: absolute;
            left: 50%;
            top: 50%;
            width: 100%;
            transition: all 0.3s ease-in-out;
            -webkit-transform: translate(-50%, -30%);
            transform: translate(-50%, -30%);
        }

            .isotopeSelector .overlay .fancybox-pop .overlayInfo h5 {
                position: relative;
                font-size: 20px;
                color: #ffffff;
                text-transform: uppercase;
                margin-bottom: 55px;
                margin-top: 0;
            }

                .isotopeSelector .overlay .fancybox-pop .overlayInfo h5 span {
                    color: #ff891e;
                }

            .isotopeSelector .overlay .fancybox-pop .overlayInfo p {
                color: #ffffff;
                margin-bottom: 0;
            }

                .isotopeSelector .overlay .fancybox-pop .overlayInfo p i {
                    margin-right: 5px;
                }

.isotopeSelector:hover .overlay {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$value)";
    filter: alpha(opacity=1);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    border-radius: 4px;
}

    .isotopeSelector:hover .overlay .overlayInfo {
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

.isotopeSelector:hover h4 {
    color: #ff891e;
}

.isotopeSelector .overlay.galleryMasonry .fancybox-pop .overlayInfo h2 {
    margin: 0 0 15px 0;
    font-size: 20px;
    color: #ffffff;
    font-weight: 700;
    position: relative;
    transition: all 0.3s ease-in-out;
}

.isotopeSelector .overlay.galleryMasonry .fancybox-pop .overlayInfo p {
    color: #ffffff;
    margin-bottom: 25px;
}

.isotopeSelector .overlay.galleryMasonry .fancybox-pop .overlayInfo .buttonTransparent, .isotopeSelector .overlay.galleryMasonry .fancybox-pop .overlayInfo .paginationCenter .pagination li:first-child a, .paginationCenter .pagination li:first-child .isotopeSelector .overlay.galleryMasonry .fancybox-pop .overlayInfo a, .isotopeSelector .overlay.galleryMasonry .fancybox-pop .overlayInfo .paginationCenter .pagination li:last-child a, .paginationCenter .pagination li:last-child .isotopeSelector .overlay.galleryMasonry .fancybox-pop .overlayInfo a, .isotopeSelector .overlay.galleryMasonry .fancybox-pop .overlayInfo .isotopeFilters ul.filter > li a, .isotopeFilters ul.filter > li .isotopeSelector .overlay.galleryMasonry .fancybox-pop .overlayInfo a {
    color: #ffffff;
    background-color: transparent;
}

    .isotopeSelector .overlay.galleryMasonry .fancybox-pop .overlayInfo .buttonTransparent:hover, .isotopeSelector .overlay.galleryMasonry .fancybox-pop .overlayInfo .paginationCenter .pagination li:first-child a:hover, .paginationCenter .pagination li:first-child .isotopeSelector .overlay.galleryMasonry .fancybox-pop .overlayInfo a:hover, .isotopeSelector .overlay.galleryMasonry .fancybox-pop .overlayInfo .paginationCenter .pagination li:last-child a:hover, .paginationCenter .pagination li:last-child .isotopeSelector .overlay.galleryMasonry .fancybox-pop .overlayInfo a:hover, .isotopeSelector .overlay.galleryMasonry .fancybox-pop .overlayInfo .isotopeFilters ul.filter > li a:hover, .isotopeFilters ul.filter > li .isotopeSelector .overlay.galleryMasonry .fancybox-pop .overlayInfo a:hover {
        background-color: #ff891e;
    }

/*=== 5.4 PAGE TITLE SECTION ===*/
.pageTitle {
    background-image: url("../img/pages/page-title-bg.jpg");
    width: 100%;
    background-size: cover;
    background-position: center top;
    color: #ffffff;
    height: 200px;
}

@media (max-width: 767px) {
    .pageTitle {
        margin-top: 83px;
    }
}

@media (min-width: 768px) {
    .pageTitle {
        margin-top: 95px;
    }
}

.pageTitle .titleTable {
    display: table;
    height: 200px;
    width: 100%;
}

    .pageTitle .titleTable .titleTableInner {
        display: table-cell;
        text-align: center;
        vertical-align: middle;
    }

        .pageTitle .titleTable .titleTableInner .pageTitleInfo {
            text-align: center;
        }

            .pageTitle .titleTable .titleTableInner .pageTitleInfo h1 {
                color: #ffffff;
                font-size: 30px;
            }

            .pageTitle .titleTable .titleTableInner .pageTitleInfo p {
                color: #ffffff;
                font-size: 15px;
            }

.under-border {
    width: 60px;
    height: 3px;
    background-color: #ffffff;
    margin: 16px auto 0;
}

/*=== 5.5 PACKAGES SECTION ===*/
.packagesSection, .lightSection {
    background-color: whitesmoke;
}

/*================= 6. HOME ==================*/
/*=== 3. HEADER ===*/
header {
    position: relative;
    z-index: 999;
}

/*=== 3.1 HEADER TRANSPARENT ===*/
.navbar-default {
    background-color: transparent;
    border: none;
    border-radius: 0;
    margin-bottom: 0;
    position: relative;
}

    .navbar-default.navbar-fixed-top {
        position: fixed;
    }

.navbar-nav > li.open a, .navbar-nav > li.open a:hover, .navbar-nav > li.open a:focus {
    background-color: transparent !important;
    color: #ff891e !important;
}

    .navbar-nav > li.open a:after, .navbar-nav > li.open a:hover:after, .navbar-nav > li.open a:focus:after {
        width: 30%;
    }

@media (max-width: 767px) {
    .navbar-nav {
        background-color: #ffffff;
        margin-top: 0;
    }
}

@media (min-width: 768px) {
    .navbar-nav {
        background-color: transparent !important;
    }
}

.navbar-nav > li > a {
    text-transform: uppercase;
}

    .navbar-nav > li > a:after {
        content: "";
        height: 3px;
        left: 0;
        bottom: -3px;
        width: 0px;
        position: absolute;
        transition: all 0.3s ease-in-out;
        background-color: #ff891e;
    }

    .navbar-nav > li > a:hover {
        color: #ff891e !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.3);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$value)";
        filter: alpha(opacity=1);
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1;
    }

@media (max-width: 767px) {
    .navbar-nav > li > a:hover:after {
        width: 0%;
    }
}

@media (min-width: 768px) {
    .navbar-nav > li > a:hover:after {
        width: 100%;
    }
}

.navbar-nav > li > a:focus {
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

@media (max-width: 767px) {
    .navbar-nav > li > a {
        color: #000000 !important;
        padding: 12px;
        border-bottom: 1px solid white;
    }
}

@media (min-width: 768px) {
    .navbar-nav > li > a {
        margin: 0 5px 29px 5px;
        font-size: 10px;
        color: #ffffff !important;
        padding: 38px 0 7px 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    }
}

@media (min-width: 992px) {
    .navbar-nav > li > a {
        margin: 0 8px 29px 8px;
        font-size: 14px;
    }
}

@media (min-width: 1200px) {
    .navbar-nav > li > a {
        margin: 0 15px 29px 15px;
    }
}

.navbar-nav > li.active a, .navbar-nav > li.active a:hover {
    color: #ff891e !important;
    background-color: transparent !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$value)";
    filter: alpha(opacity=1);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

@media (max-width: 767px) {
    .navbar-nav > li.active a:after, .navbar-nav > li.active a:hover:after {
        width: 0%;
    }
}

@media (min-width: 768px) {
    .navbar-nav > li.active a:after, .navbar-nav > li.active a:hover:after {
        width: 100%;
    }
}

@media (max-width: 767px) {
    .navbar-nav > li.active a:after {
        width: 0%;
    }
}

@media (min-width: 768px) {
    .navbar-nav > li.active a:after {
        width: 30%;
    }
}

@media (max-width: 767px) {
    .navbar-nav > li.open a:hover:after {
        width: 0%;
    }
}

@media (min-width: 768px) {
    .navbar-nav > li.open a:hover:after {
        width: 100%;
    }
}

.navbar-nav > li.dropdown .dropdown-menu {
    box-shadow: none;
}

    .navbar-nav > li.dropdown .dropdown-menu a {
        padding: 3px 20px;
        margin-bottom: 0;
    }

.navbar-nav > li.dropdown.searchBox a {
    border: none;
}

@media (max-width: 767px) {
    .navbar-nav > li.dropdown.searchBox a {
        padding: 12px;
        margin-bottom: 10px;
        display: none;
    }
}

@media (min-width: 768px) {
    .navbar-nav > li.dropdown.searchBox a {
        padding-top: 42px;
        margin-bottom: 25px;
        display: block;
    }
}

.navbar-nav > li.dropdown.searchBox a .searchIcon {
    padding: 10px 12px;
    background-color: #ff891e;
    border-radius: 4px;
    color: #ffffff !important;
}

.navbar-nav > li.dropdown.searchBox a:hover .searchIcon {
    color: #ffffff !important;
}

.navbar-nav > li.dropdown.searchBox a:hover:after {
    display: none;
}

.navbar-nav > li.dropdown.searchBox a:after {
    display: none;
}

.navbar-nav > li.dropdown.searchBox .dropdown-menu {
    margin: 0 10px 0 0;
    padding: 10px 15px;
    border-radius: 0;
}

@media (max-width: 767px) {
    .navbar-nav > li.dropdown.searchBox .dropdown-menu {
        width: 100%;
        position: relative;
        display: block;
    }
}

@media (min-width: 768px) {
    .navbar-nav > li.dropdown.searchBox .dropdown-menu {
        width: 350px;
    }
}

.navbar-nav > li.dropdown.searchBox .dropdown-menu li .form-control {
    border-radius: 0;
    box-shadow: none;
    border-color: #e5e5e5;
}

.navbar-nav > li.dropdown.searchBox .dropdown-menu li .input-group-addon {
    background-color: #ff891e;
    border-color: #ff891e;
    border-radius: 0;
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
}

.navbar-nav > li.dropdown.megaDropMenu {
    position: static;
}

    .navbar-nav > li.dropdown.megaDropMenu .dropdown-menu {
        margin: -1px auto 0 auto;
        right: 15px;
        border-radius: 5px;
    }

@media (max-width: 767px) {
    .navbar-nav > li.dropdown.megaDropMenu .dropdown-menu {
        left: 0;
        padding: 0;
        width: 100%;
    }
}

@media (min-width: 768px) {
    .navbar-nav > li.dropdown.megaDropMenu .dropdown-menu {
        left: 15px;
        padding: 10px 5px 0;
        width: 720px;
    }
}

@media (min-width: 992px) {
    .navbar-nav > li.dropdown.megaDropMenu .dropdown-menu {
        width: 940px;
    }
}

@media (min-width: 1200px) {
    .navbar-nav > li.dropdown.megaDropMenu .dropdown-menu {
        width: 1140px;
    }
}

.navbar-nav > li.dropdown.megaDropMenu .dropdown-menu .list-unstyled {
    width: 100%;
    float: left;
}

@media (max-width: 767px) {
    .navbar-nav > li.dropdown.megaDropMenu .dropdown-menu .list-unstyled {
        padding-bottom: 5px;
    }
}

@media (min-width: 768px) {
    .navbar-nav > li.dropdown.megaDropMenu .dropdown-menu .list-unstyled {
        padding-bottom: 15px;
    }
}

.navbar-nav > li.dropdown.megaDropMenu .dropdown-menu .list-unstyled li.listHeading, .navbar-nav > li.dropdown.megaDropMenu .dropdown-menu .list-unstyled li:first-child {
    font-weight: 400;
    text-transform: uppercase;
    font-size: 13px;
    color: #222222;
    float: left;
}

@media (max-width: 767px) {
    .navbar-nav > li.dropdown.megaDropMenu .dropdown-menu .list-unstyled li.listHeading, .navbar-nav > li.dropdown.megaDropMenu .dropdown-menu .list-unstyled li:first-child {
        padding: 10px 12px 10px 0;
    }
}

@media (min-width: 768px) {
    .navbar-nav > li.dropdown.megaDropMenu .dropdown-menu .list-unstyled li.listHeading, .navbar-nav > li.dropdown.megaDropMenu .dropdown-menu .list-unstyled li:first-child {
        padding: 10px 12px;
    }
}

.navbar-nav > li.dropdown.megaDropMenu .dropdown-menu .list-unstyled li a {
    color: #969696 !important;
    font-size: 12px;
    float: left;
    width: 100%;
    background-color: transparent !important;
}

@media (max-width: 767px) {
    .navbar-nav > li.dropdown.megaDropMenu .dropdown-menu .list-unstyled li a {
        padding: 6px 12px;
    }
}

@media (min-width: 768px) {
    .navbar-nav > li.dropdown.megaDropMenu .dropdown-menu .list-unstyled li a {
        padding: 10px 12px;
    }
}

.navbar-nav > li.dropdown.megaDropMenu .dropdown-menu .list-unstyled li a:hover {
    background-color: whitesmoke !important;
    color: #ff891e !important;
}

.navbar-nav > li.dropdown.singleDrop .dropdown-menu {
    border-radius: 5px;
    min-width: 270px;
}

    .navbar-nav > li.dropdown.singleDrop .dropdown-menu li a {
        color: #969696 !important;
        font-size: 12px;
        float: none;
        width: 100%;
        background-color: transparent !important;
    }

@media (max-width: 767px) {
    .navbar-nav > li.dropdown.singleDrop .dropdown-menu li a {
        padding: 6px 12px 6px 24px;
    }
}

@media (min-width: 768px) {
    .navbar-nav > li.dropdown.singleDrop .dropdown-menu li a {
        padding: 10px 12px;
    }
}

.navbar-nav > li.dropdown.singleDrop .dropdown-menu li a:hover {
    background-color: whitesmoke !important;
    color: #ff891e !important;
}

@media (max-width: 767px) {
    .navbar-nav > li.dropdown.singleDrop .dropdown-menu li .dropdown-menu li a {
        padding: 6px 12px 6px 36px;
    }
}

@media (min-width: 768px) {
    .navbar-nav > li.dropdown.singleDrop .dropdown-menu li .dropdown-menu li a {
        padding: 10px 12px;
    }
}

.dropdown-submenu {
    position: relative;
}

    .dropdown-submenu a i {
        float: right;
        margin-top: 4px;
    }

    .dropdown-submenu > .dropdown-menu {
        top: 0;
        margin-top: 0 !important;
        margin-left: -1px;
        border-radius: 0 6px 6px 6px;
    }

@media (min-width: 480px) {
    .dropdown-submenu > .dropdown-menu {
        left: 0;
    }
}

@media (min-width: 768px) {
    .dropdown-submenu > .dropdown-menu {
        left: 100%;
    }
}

.dropdown-submenu.pull-left {
    float: none;
}

    .dropdown-submenu.pull-left > .dropdown-menu {
        left: -100%;
        margin-left: 10px;
        border-radius: 6px 0 6px 6px;
    }

@media (max-width: 767px) {
    .navbar-nav > li.open a:after, .navbar-nav > li.open a:hover:after, .navbar-nav > li.open a:focus:after {
        width: 0%;
    }
}

@media (min-width: 768px) {
    .navbar-nav > li.open a:after, .navbar-nav > li.open a:hover:after, .navbar-nav > li.open a:focus:after {
        width: 100%;
    }
}

.navbar-nav.searchBox a:after {
    display: none;
}

.navbar-toggle {
    margin-top: 20px;
}

.navbar-toggle {
    background-color: #ffffff;
}

.navbar-collapse {
    border-color: #ffffff;
}

    .navbar-collapse li.dropdown .dropdown-menu {
        box-shadow: none;
    }

@media (max-width: 767px) {
    .navbar-collapse li.dropdown .dropdown-menu {
        position: relative;
        width: 100%;
        float: left;
        border: 0;
        display: block;
    }
}

@media (min-width: 768px) {
    .navbar-collapse li.dropdown .dropdown-menu {
        position: absolute;
        float: left;
        display: none;
    }
}

.navbar-collapse li.dropdown.open .dropdown-menu {
    display: block;
}

@media (max-width: 767px) {
    .navbar-collapse li.dropdown.dropdown-submenu .dropdown-menu {
        position: relative;
        width: 100%;
        float: left;
        border: 0;
        display: block;
    }
}

@media (min-width: 768px) {
    .navbar-collapse li.dropdown.dropdown-submenu .dropdown-menu {
        position: absolute;
        float: left;
        display: none;
    }
}

.navbar-collapse li.dropdown.dropdown-submenu.open .dropdown-menu {
    display: block;
}

.navbar-brand {
    float: left;
    background-image: url("../img/logo.png");
    background-position: 15px 19px;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url("../img/logo.png");
    background-position: 15px 19px;
    background-repeat: no-repeat;
    background-size: cover;
    width: 235px;
    height: 95px;
    background-color: transparent;
    padding: 24px 15px 24px 15px;
}

@media (max-width: 767px) {
    .navbar-brand {
        background-size: 130px 40px !important;
        margin-top: 0;
    }
}

@media (min-width: 768px) {
    .navbar-brand {
        background-size: 170px 54px !important;
    }
}

.static .navbar-right {
    margin-right: -30px !important;
}

/*=== 3.2 LIGHT HEADER ===*/
.lightHeader {
    transition: all 0.3s ease-in-out;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
    background-color: #ffffff;
}

@media (max-width: 767px) {
    .lightHeader {
        height: 83px;
    }
}

@media (min-width: 768px) {
    .lightHeader {
        height: 95px;
    }
}

.lightHeader .navbar-brand {
    background-image: url("../img/logo-color-big.png");
    background-position: 15px 19px;
    background-repeat: no-repeat;
    background-size: cover;
}

@media (max-width: 767px) {
    .lightHeader .navbar-brand {
        background-size: 130px 40px !important;
        margin-top: 0;
        height: 83px;
    }
}

@media (min-width: 768px) {
    .lightHeader .navbar-brand {
        background-size: 170px 54px !important;
        height: 95px;
    }
}

.lightHeader .navbar-nav > li > a {
    color: #000000 !important;
}

    .lightHeader .navbar-nav > li > a:hover {
        color: #ff891e !important;
        border-color: #ff891e;
    }

@media (max-width: 767px) {
    .lightHeader .navbar-nav > li > a {
        border-bottom: 1px solid #ffffff;
    }
}

@media (min-width: 768px) {
    .lightHeader .navbar-nav > li > a {
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }
}

/*=== 3.3 DARK HEADER ===*/
.darkHeader {
    transition: all 0.3s ease-in-out;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
    background-color: #262a2e;
}

@media (max-width: 767px) {
    .darkHeader {
        height: 83px;
    }
}

@media (min-width: 768px) {
    .darkHeader {
        height: 95px;
    }
}

.darkHeader .navbar-brand {
    background-image: url("../img/logo-dark.png");
    background-position: 15px 19px;
    background-repeat: no-repeat;
    background-size: cover;
}

@media (max-width: 767px) {
    .darkHeader .navbar-brand {
        background-size: 130px 40px !important;
        margin-top: 0;
        height: 83px;
    }
}

@media (min-width: 768px) {
    .darkHeader .navbar-brand {
        background-size: 170px 54px !important;
        height: 95px;
    }
}

.darkHeader .navbar-nav > li > a:hover {
    color: #ff891e !important;
    border-color: #ff891e;
}

@media (max-width: 767px) {
    .darkHeader .navbar-nav > li > a {
        border-bottom: 1px solid #ffffff;
        color: #000000 !important;
    }
}

@media (min-width: 768px) {
    .darkHeader .navbar-nav > li > a {
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        color: #ffffff !important;
    }
}

/*=== 3.4 HEADER TOP ===*/
.headerTop {
    display: none;
    background-color: #f5f5f5;
    height: 40px;
    color: #969696;
}

@media (min-width: 768px) {
    .headerTop {
        display: block;
    }
}

.headerTop .headerTopNav {
    padding: 7px 0;
}

    .headerTop .headerTopNav .headerTopNavbar {
        float: left;
    }

        .headerTop .headerTopNav .headerTopNavbar li {
            display: inline-block;
            padding: 0 15px;
        }

            .headerTop .headerTopNav .headerTopNavbar li a {
                color: #969696;
                font-family: 'Roboto', sans-serif;
                font-size: 13px;
                line-height: 21px;
            }

                .headerTop .headerTopNav .headerTopNavbar li a i {
                    margin-right: 7px;
                }

        .headerTop .headerTopNav .headerTopNavbar.navbar-right .dropdown.searchBox a {
            border: none;
        }

@media (max-width: 767px) {
    .headerTop .headerTopNav .headerTopNavbar.navbar-right .dropdown.searchBox a {
        padding: 12px;
        margin-bottom: 10px;
        display: none;
    }
}

@media (min-width: 768px) {
    .headerTop .headerTopNav .headerTopNavbar.navbar-right .dropdown.searchBox a {
        display: block;
    }
}

.headerTop .headerTopNav .headerTopNavbar.navbar-right .dropdown.searchBox a:hover .searchIcon {
    color: #ffffff !important;
}

.headerTop .headerTopNav .headerTopNavbar.navbar-right .dropdown.searchBox a:hover:after {
    display: none;
}

.headerTop .headerTopNav .headerTopNavbar.navbar-right .dropdown.searchBox a:after {
    display: none;
}

.headerTop .headerTopNav .headerTopNavbar.navbar-right .dropdown.searchBox .dropdown-menu {
    margin: 0 10px 0 0;
    padding: 10px 0 5px 0;
    border-radius: 0;
}

@media (max-width: 767px) {
    .headerTop .headerTopNav .headerTopNavbar.navbar-right .dropdown.searchBox .dropdown-menu {
        width: 100%;
        position: relative;
        display: block;
    }
}

@media (min-width: 768px) {
    .headerTop .headerTopNav .headerTopNavbar.navbar-right .dropdown.searchBox .dropdown-menu {
        width: 350px;
    }
}

.headerTop .headerTopNav .headerTopNavbar.navbar-right .dropdown.searchBox .dropdown-menu li .form-control {
    border-radius: 0;
    box-shadow: none;
    border-color: #e5e5e5;
}

.headerTop .headerTopNav .headerTopNavbar.navbar-right .dropdown.searchBox .dropdown-menu li .input-group-addon {
    background-color: #ff891e;
    border-color: #ff891e;
    border-radius: 0;
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
}

/*=== 3.5 NAVBAR HOME CITY ===*/
.navbar .navbar-btn {
    margin-left: 10px;
}

@media (min-width: 768px) {
    .navbar .navbar-btn {
        margin-top: 34px;
    }
}

@media (min-width: 992px) {
    .navbar .navbar-btn {
        margin-top: 29px;
    }
}

.navbar .navbar-btn .btn-nav {
    text-transform: uppercase;
    width: 127px;
    height: 40px;
    background-color: #ff891e;
    color: #ffffff;
    line-height: 14px;
    font-size: 14px;
    font-weight: 700;
    padding: 12px 0;
}

@media (min-width: 768px) {
    .navbar .navbar-btn .btn-nav {
        width: 100px;
        height: 33px;
        font-size: 10px;
        line-height: 13px;
        padding: 10px 0px;
    }
}

@media (min-width: 992px) {
    .navbar .navbar-btn .btn-nav {
        width: 127px;
        height: 40px;
        line-height: 14px;
        font-size: 14px;
        font-weight: 700;
        padding: 12px 0;
    }
}

/*=== 4. FOOTER ===*/
.footer {
    width: 100%;
    display: block;
    background-color: #262a2e;
    padding: 80px 0;
}

.foo .footer-logo {
    display: block;
    margin-bottom: 25px;
}

.footerContent h5 {
    font-size: 15px;
    color: #ffffff;
    line-height: 21px;
    margin-top: 25px;
    margin-bottom: 35px;
    text-transform: uppercase;
    font-family: "Montserrat",sans-serif;
}

.footerContent p {
    margin-top: 30px;
    color: #929497;
}

@media (min-width: 768px) {
    .footerContent p {
        font-size: 11px;
    }
}

@media (min-width: 992px) {
    .footerContent p {
        font-size: 14px;
    }
}

.footerContent .list-unstyled li {
    color: #929497;
    margin-bottom: 15px;
}

@media (min-width: 768px) {
    .footerContent .list-unstyled li {
        font-size: 11px;
    }
}

@media (min-width: 992px) {
    .footerContent .list-unstyled li {
        font-size: 14px;
    }
}

@media (max-width: 767px) {
    .footerContent .list-unstyled li i {
        margin-right: 10px;
    }
}

@media (min-width: 768px) {
    .footerContent .list-unstyled li i {
        margin-right: 10px;
    }
}

@media (min-width: 992px) {
    .footerContent .list-unstyled li i {
        margin-right: 14px;
    }
}

.footerContent .list-unstyled li a {
    color: #929497;
}

    .footerContent .list-unstyled li a:hover {
        color: #ff891e;
    }

@media (min-width: 480px) {
    .footerContent.imgGallery .row {
        width: auto;
    }
}

@media (min-width: 480px) {
    .footerContent.imgGallery .row {
        width: 100%;
    }
}

.footerContent.imgGallery .row .col-xs-4 {
    margin-bottom: 15px;
}

@media (min-width: 768px) {
    .footerContent.imgGallery .row .col-xs-4 {
        padding: 0 15px 0 15px;
    }
}

@media (min-width: 768px) {
    .footerContent.imgGallery .row .col-xs-4 {
        padding: 0 0 0 15px;
    }
}

.footerContent.imgGallery .row .col-xs-4 a {
    display: block;
    border-radius: 4px;
}

    .footerContent.imgGallery .row .col-xs-4 a img {
        width: 100%;
    }

.footerContent .input-group {
    border: 1px solid #4a4e52;
    border-radius: 5px;
    margin-bottom: 30px;
}

    .footerContent .input-group .form-control {
        background-color: transparent;
        border: 0;
        color: #929497;
    }

    .footerContent .input-group .input-group-addon {
        border-radius: 4px;
        background-color: #565b61;
        border: 0;
        transition: all 0.3s ease-in-out;
    }

        .footerContent .input-group .input-group-addon i {
            color: #ffffff;
        }

        .footerContent .input-group .input-group-addon:hover {
            background-color: #ff891e;
            border-color: #ff891e;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$value)";
            filter: alpha(opacity=1);
            -moz-opacity: 1;
            -khtml-opacity: 1;
            opacity: 1;
        }

@media (min-width: 768px) {
    .footerContent .list-inline li {
        padding: 2px;
    }
}

@media (min-width: 992px) {
    .footerContent .list-inline li {
        padding: 0 2px;
    }
}

@media (min-width: 1200px) {
    .footerContent .list-inline li {
        padding: 0 5px;
    }
}

.footerContent .list-inline li a {
    display: block;
    text-align: center;
    border: 1px solid #4a4e52;
    border-radius: 100%;
    color: #ffffff;
}

    .footerContent .list-inline li a:hover {
        background-color: #ff891e;
        border-color: #ff891e;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$value)";
        filter: alpha(opacity=1);
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1;
    }

@media (max-width: 767px) {
    .footerContent .list-inline li a {
        width: 35px;
        height: 35px;
        line-height: 35px;
        font-size: 14px;
    }
}

@media (min-width: 768px) {
    .footerContent .list-inline li a {
        width: 25px;
        height: 25px;
        line-height: 25px;
        font-size: 10px;
    }
}

@media (min-width: 992px) {
    .footerContent .list-inline li a {
        width: 35px;
        height: 35px;
        line-height: 35px;
        font-size: 14px;
    }
}

.copyRight {
    display: block;
    background-color: #232629;
    padding: 30px 0;
}

@media (max-width: 767px) {
    .copyRight .list-inline {
        float: left;
        width: 100%;
        text-align: center;
        margin: 0 0 30px 0;
    }
}

@media (min-width: 768px) {
    .copyRight .list-inline {
        float: right;
        width: auto;
        text-align: left;
        margin-bottom: 0;
    }
}

@media(max-width:300px) {
    .btn {
        margin-left: -70px;
    }
}

.copyRight .list-inline li a {
    font-size: 13px;
    color: #929497;
}

    .copyRight .list-inline li a:hover {
        color: #ff891e;
    }

.copyRightText p {
    margin-bottom: 0;
    color: #929497;
}

    .copyRightText p a {
        color: #929497;
    }

        .copyRightText p a:hover {
            color: #ff891e;
        }

@media (max-width: 767px) {
    .copyRightText p {
        font-size: 11px;
        text-align: center;
    }
}

@media (min-width: 768px) {
    .copyRightText p {
        font-size: 13px;
        text-align: left;
    }
}

.footer-light {
    background-color: transparent;
}

    .footer-light .footerContent .footer-logo img {
        width: auto;
    }

@media (min-width: 768px) {
    .footer-light .footerContent .footer-logo img {
        width: 100%;
    }
}

@media (min-width: 992px) {
    .footer-light .footerContent .footer-logo img {
        width: auto;
    }
}

.footer-light .footerContent h5 {
    color: #222222;
}

.footer-light .footerContent .list-inline li a {
    color: #969696;
    border-color: #969696;
}

    .footer-light .footerContent .list-inline li a:hover {
        color: #ffffff;
        border-color: #ff891e;
    }

.footer-light .footerContent .list-item li {
    margin-bottom: 17px;
}

    .footer-light .footerContent .list-item li a {
        color: #969696;
    }

        .footer-light .footerContent .list-item li a:hover {
            color: #ff891e;
        }

/*=== 6.1 BANNER ===*/
/* Home Slider 1 */
#rev_slider_wrapper1 #rev_slider_container .slide-layer-4 {
    text-transform: uppercase;
    background-color: #ff891e;
    border: 0;
}

    #rev_slider_wrapper1 #rev_slider_container .slide-layer-4 a {
        color: #fff;
    }

    #rev_slider_wrapper1 #rev_slider_container .slide-layer-4:hover {
        background: #ff891e;
        cursor: pointer;
    }

/*  HOME CITY SLIER */
#rev_slider_wrapper2 #rev_slider_container .slide-layer-1 {
    font-weight: 700;
    line-height: 55px;
    color: #fff;
    text-transform: uppercase;
    z-index: 10;
}

#rev_slider_wrapper2 #rev_slider_container .slide-layer-2 {
    font-size: 20px;
    font-weight: 400;
    line-height: 21px;
    color: #fff;
    z-index: 10;
}

#rev_slider_wrapper2 #rev_slider_container .slide-layer-3 {
    color: #fff;
    text-transform: uppercase;
    border: 2px solid #fff;
}

    #rev_slider_wrapper2 #rev_slider_container .slide-layer-3:hover {
        background: #ff891e;
        border: 2px solid #ff891e;
        cursor: pointer;
    }

    #rev_slider_wrapper2 #rev_slider_container .slide-layer-3:focus {
        text-decoration: none;
    }

#rev_slider_wrapper2 #rev_slider_container .slide-layer-4 {
    color: #fff;
    text-transform: uppercase;
    border: 2px solid #fff;
}

    #rev_slider_wrapper2 #rev_slider_container .slide-layer-4:hover {
        background: #ff891e;
        border: 2px solid #ff891e;
        cursor: pointer;
    }

    #rev_slider_wrapper2 #rev_slider_container .slide-layer-4:focus {
        text-decoration: none;
    }

/* HOME DESTINATION SLIDER */
#rev_slider_wrapper3 #rev_slider_container .slide-layer-2 {
    text-transform: uppercase;
}

#rev_slider_wrapper3 #rev_slider_container .slide-layer-3 .container-container-custom {
    width: 530px !important;
    margin-left: -15px;
    margin-right: -15px;
}

#rev_slider_wrapper3 #rev_slider_container .tp-rightarrow {
    display: none;
}

#rev_slider_wrapper3 #rev_slider_container .tp-leftarrow {
    display: none;
}

#rev_slider_wrapper3 #rev_slider_container .tp-bullet {
    display: none;
}

.bannercontainer .rev_slider_wrapper .fullscreenbanner {
    position: relative;
    font-family: 'Montserrat', sans-serif;
}

    .bannercontainer .rev_slider_wrapper .fullscreenbanner .tp-dottedoverlay.twoxtwo {
        background: rgba(0, 0, 0, 0.15);
        background-image: none !important;
        z-index: 1;
    }

    .bannercontainer .rev_slider_wrapper .fullscreenbanner:hover .tp-rightarrow.tparrows,
    .bannercontainer .rev_slider_wrapper .fullscreenbanner:hover .tp-leftarrow.tparrows {
        display: block;
    }

    .bannercontainer .rev_slider_wrapper .fullscreenbanner .tp-rightarrow.tparrows {
        left: 101.5% !important;
        display: none;
        border-radius: 0;
        background-color: rgba(255, 255, 255, 0.1);
    }

@media (min-width: 768px) {
    .bannercontainer .rev_slider_wrapper .fullscreenbanner .tp-rightarrow.tparrows {
        width: 60px;
        height: 60px;
    }
}

@media (min-width: 992px) {
    .bannercontainer .rev_slider_wrapper .fullscreenbanner .tp-rightarrow.tparrows {
        width: 85px;
        height: 85px;
    }
}

.bannercontainer .rev_slider_wrapper .fullscreenbanner .tp-rightarrow.tparrows:hover {
    background-color: rgba(255, 255, 255, 0.1);
}

.bannercontainer .rev_slider_wrapper .fullscreenbanner .tp-rightarrow.tparrows:before {
    content: '\e825';
}

@media (min-width: 768px) {
    .bannercontainer .rev_slider_wrapper .fullscreenbanner .tp-rightarrow.tparrows:before {
        line-height: 60px;
    }
}

@media (min-width: 992px) {
    .bannercontainer .rev_slider_wrapper .fullscreenbanner .tp-rightarrow.tparrows:before {
        line-height: 85px;
    }
}

.bannercontainer .rev_slider_wrapper .fullscreenbanner .tp-leftarrow.tparrows {
    display: none;
    left: -20px !important;
    border-radius: 0;
    background-color: rgba(255, 255, 255, 0.1);
}

@media (min-width: 768px) {
    .bannercontainer .rev_slider_wrapper .fullscreenbanner .tp-leftarrow.tparrows {
        width: 60px;
        height: 60px;
    }
}

@media (min-width: 992px) {
    .bannercontainer .rev_slider_wrapper .fullscreenbanner .tp-leftarrow.tparrows {
        width: 85px;
        height: 85px;
    }
}

.bannercontainer .rev_slider_wrapper .fullscreenbanner .tp-leftarrow.tparrows:hover {
    background-color: rgba(255, 255, 255, 0.1);
}

.bannercontainer .rev_slider_wrapper .fullscreenbanner .tp-leftarrow.tparrows:before {
    content: '\e824';
}

@media (min-width: 768px) {
    .bannercontainer .rev_slider_wrapper .fullscreenbanner .tp-leftarrow.tparrows:before {
        line-height: 60px;
    }
}

@media (min-width: 992px) {
    .bannercontainer .rev_slider_wrapper .fullscreenbanner .tp-leftarrow.tparrows:before {
        line-height: 85px;
    }
}

.bannercontainer .rev_slider_wrapper .fullscreenbanner .tp-bullets {
    top: 97% !important;
    opacity: 1 !important;
    height: auto !important;
}

@media (min-width: 992px) {
    .bannercontainer .rev_slider_wrapper .fullscreenbanner .tp-bullets {
        bottom: 30px !important;
    }
}

.bannercontainer .rev_slider_wrapper .fullscreenbanner .tp-bullets .tp-bullet {
    background: rgba(255, 255, 255, 0.5) !important;
    border-radius: 50%;
    box-shadow: none !important;
    width: 6px !important;
    height: 6px !important;
    border: 2px solid rgba(255, 255, 255, 0) !important;
    display: inline-block;
    margin-bottom: 0px !important;
    transition: background-color 0.2s, border-color 0.2s;
    float: none !important;
}

    .bannercontainer .rev_slider_wrapper .fullscreenbanner .tp-bullets .tp-bullet.selected {
        box-shadow: none !important;
        background: rgba(255, 255, 255, 0) !important;
        width: 14px !important;
        height: 14px !important;
        border: 2px solid white !important;
        margin-right: 0px !important;
        margin-left: -4px !important;
        margin-bottom: -3px !important;
        margin-top: -3px;
    }

    .bannercontainer .rev_slider_wrapper .fullscreenbanner .tp-bullets .tp-bullet.hover {
        box-shadow: none !important;
        background: rgba(255, 255, 255, 0) !important;
        width: 14px !important;
        height: 14px !important;
        border: 2px solid white !important;
        margin-bottom: -3px !important;
    }

/*=== 6.2 PROMOTION ===*/
.promotionWrapper {
    background-image: url("../img/home/promotion/promotion-1.jpg");
    background-attachment: fixed;
    width: 100%;
    background-size: cover;
    background-position: center;
    color: #ffffff;
    height: 403px;
}

    .promotionWrapper .promotionTable {
        display: table;
        height: 403px;
        width: 100%;
    }

        .promotionWrapper .promotionTable .promotionTableInner {
            display: table-cell;
            vertical-align: middle;
            text-align: center;
        }

            .promotionWrapper .promotionTable .promotionTableInner .promotionInfo {
                text-align: center;
            }

                .promotionWrapper .promotionTable .promotionTableInner .promotionInfo span {
                    line-height: 21px;
                    color: #ffffff;
                    text-transform: uppercase;
                    font-size: 18px;
                }

                .promotionWrapper .promotionTable .promotionTableInner .promotionInfo h2 {
                    font-size: 26px;
                    line-height: 33px;
                    color: #ffffff;
                    margin-bottom: 40px;
                    margin: 10px 0 40px 0;
                }

                .promotionWrapper .promotionTable .promotionTableInner .promotionInfo .rating li {
                    color: #fec701;
                    padding: 0;
                }

                .promotionWrapper .promotionTable .promotionTableInner .promotionInfo p {
                    font-size: 18px;
                    line-height: 21px;
                    margin: 0 0 20px 0;
                    color: #ffffff;
                }

                .promotionWrapper .promotionTable .promotionTableInner .promotionInfo .buttonCustomPrimary {
                    padding: 0 16px;
                }

/*=== 6.3 COUNT UP ===*/
.countUpSection {
    background-image: url("../img/home/promotion/promotion-2.jpg");
    background-attachment: fixed;
    width: 100%;
    background-size: cover;
    background-position: center center !important;
    color: #ffffff;
    padding: 130px 0;
}

    .countUpSection .icon {
        width: 96px;
        height: 96px;
        background-color: rgba(255, 137, 30, 0.9);
        border-radius: 100%;
        display: inline-block;
        margin-bottom: 15px;
    }

        .countUpSection .icon i {
            font-size: 42px;
            line-height: 96px;
        }

    .countUpSection .counter {
        line-height: 40px;
    }

@media (max-width: 767px) {
    .countUpSection .counter {
        font-size: 32px;
    }
}

@media (min-width: 768px) {
    .countUpSection .counter {
        font-size: 52px;
    }
}

.countUpSection h5 {
    line-height: 21px;
    text-transform: uppercase;
}

@media (max-width: 767px) {
    .countUpSection h5 {
        font-size: 13px;
    }
}

@media (min-width: 768px) {
    .countUpSection h5 {
        font-size: 15px;
    }
}

/*================= 7. PACKAGES ==================*/
/*================= 7.1 PACKAGES LIST ==================*/
.packagesList {
    background-color: #ffffff;
    min-height: 270px;
    margin-bottom: 30px;
}

@media (max-width: 767px) {
    .packagesList .media-left {
        float: left;
        width: 100%;
        padding-right: 0;
    }
}

@media (min-width: 768px) {
    .packagesList .media-left {
        float: left;
        width: 100%;
        padding-right: 0;
    }
}

@media (min-width: 992px) {
    .packagesList .media-left {
        float: left;
        width: auto;
        padding-right: 10px;
    }
}

.packagesList .media-left img {
    width: 100%;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

@media (min-width: 992px) {
    .packagesList .media-left img {
        border-top-right-radius: 0px;
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
    }
}

.packagesList .media-body {
    position: relative;
    height: 100%;
    overflow: visible;
}

@media (max-width: 767px) {
    .packagesList .media-body {
        padding: 30px;
    }
}

@media (min-width: 768px) {
    .packagesList .media-body {
        padding: 30px 30px 0 20px;
    }
}

.packagesList .media-body .detailsBtn {
    float: left;
    margin-left: 0;
    position: absolute;
    left: 20px;
    top: 200px;
    margin-bottom: 0;
}

@media (max-width: 767px) {
    .packagesList .media-body .detailsBtn {
        position: relative;
        left: auto;
        top: auto;
        margin-bottom: 20px;
    }
}

@media (min-width: 768px) {
    .packagesList .media-body .detailsBtn {
        top: 180px;
    }
}

@media (min-width: 992px) {
    .packagesList .media-body .detailsBtn {
        top: 210px;
    }
}

@media (min-width: 1200px) {
    .packagesList .media-body .detailsBtn {
        top: 200px;
    }
}

.packagesList .media-body .detailsBtn .buttonTransparent, .packagesList .media-body .detailsBtn .paginationCenter .pagination li:first-child a, .paginationCenter .pagination li:first-child .packagesList .media-body .detailsBtn a, .packagesList .media-body .detailsBtn .paginationCenter .pagination li:last-child a, .paginationCenter .pagination li:last-child .packagesList .media-body .detailsBtn a, .packagesList .media-body .detailsBtn .isotopeFilters ul.filter > li a, .isotopeFilters ul.filter > li .packagesList .media-body .detailsBtn a {
    margin-bottom: 10px;
}

    .packagesList .media-body .detailsBtn .buttonTransparent i, .packagesList .media-body .detailsBtn .paginationCenter .pagination li:first-child a i, .paginationCenter .pagination li:first-child .packagesList .media-body .detailsBtn a i, .packagesList .media-body .detailsBtn .paginationCenter .pagination li:last-child a i, .paginationCenter .pagination li:last-child .packagesList .media-body .detailsBtn a i, .packagesList .media-body .detailsBtn .isotopeFilters ul.filter > li a i, .isotopeFilters ul.filter > li .packagesList .media-body .detailsBtn a i {
        margin-right: 10px;
    }

.packagesList .media-body .countryRating span {
    display: inline-block;
    float: left;
    padding-right: 5px;
    margin-right: 5px;
    border-right: 1px solid #dedede;
    text-transform: uppercase;
    font-size: 13px;
    line-height: 15px;
    margin-top: 5px;
    color: #969696;
}

.textInfo {
    height: 35px;
    line-height: 35px;
    border-radius: 4px;
    border: 1px solid #dedede;
    padding: 0 15px;
    color: #969696;
    text-transform: uppercase;
    margin-bottom: 10px;
    font-size: 13px;
    display: block;
}

.media-heading a {
    color: #262a2e;
}

    .media-heading a:hover {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$value)";
        filter: alpha(opacity=1);
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1;
        color: #ff891e;
    }

.bodyLeft, .bodyRight {
    display: inline-block;
    float: left;
    width: 70%;
}

@media (max-width: 767px) {
    .bodyLeft, .bodyRight {
        width: 100%;
    }
}

@media (min-width: 768px) {
    .bodyLeft, .bodyRight {
        width: 70%;
    }
}

@media (min-width: 992px) {
    .bodyLeft, .bodyRight {
        width: 60%;
    }
}

@media (min-width: 1200px) {
    .bodyLeft, .bodyRight {
        width: 70%;
    }
}

@media (max-width: 767px) {
    .bodyLeft p {
        font-size: 12px;
    }
}

@media (min-width: 768px) {
    .bodyLeft p {
        font-size: 12px;
    }
}

@media (min-width: 992px) {
    .bodyLeft p {
        font-size: 12px;
    }
}

@media (min-width: 1200px) {
    .bodyLeft p {
        font-size: 14px;
    }
}

.bodyRight {
    float: right;
}

@media (max-width: 767px) {
    .bodyRight {
        width: 100%;
    }
}

@media (min-width: 768px) {
    .bodyRight {
        width: 28%;
    }
}

@media (min-width: 992px) {
    .bodyRight {
        width: 38%;
    }
}

@media (min-width: 1200px) {
    .bodyRight {
        width: 28%;
    }
}

.bookingDetails {
    width: 100%;
    display: block;
    text-align: center;
    background-color: #ff891e;
    border-radius: 6px;
    padding: 25px 55px 15px 55px;
    min-height: 210px;
}

    .bookingDetails h2 {
        color: #ffffff;
        margin-bottom: 5px;
    }

    .bookingDetails p {
        color: #ffffff;
    }

    .bookingDetails .buttonTransparent, .bookingDetails .paginationCenter .pagination li:first-child a, .paginationCenter .pagination li:first-child .bookingDetails a, .bookingDetails .paginationCenter .pagination li:last-child a, .paginationCenter .pagination li:last-child .bookingDetails a, .bookingDetails .isotopeFilters ul.filter > li a, .isotopeFilters ul.filter > li .bookingDetails a {
        margin-bottom: 10px;
        width: 100%;
        display: block;
        color: #ffffff;
        border-color: #ffffff;
        padding: 0;
    }

        .bookingDetails .buttonTransparent:hover, .bookingDetails .paginationCenter .pagination li:first-child a:hover, .paginationCenter .pagination li:first-child .bookingDetails a:hover, .bookingDetails .paginationCenter .pagination li:last-child a:hover, .paginationCenter .pagination li:last-child .bookingDetails a:hover, .bookingDetails .isotopeFilters ul.filter > li a:hover, .isotopeFilters ul.filter > li .bookingDetails a:hover {
            background-color: #ffffff;
            border-color: #ffffff;
            color: #ff891e;
        }

.sidebarPage .packagesList {
    min-height: 234px;
    border-radius: 5px;
}

@media (max-width: 767px) {
    .sidebarPage .packagesList .media-left {
        float: left;
        width: 100%;
        padding-right: 0;
        height: auto;
    }
}

@media (min-width: 768px) {
    .sidebarPage .packagesList .media-left {
        float: left;
        width: 100%;
        padding-right: 0;
        height: auto;
    }
}

@media (min-width: 992px) {
    .sidebarPage .packagesList .media-left {
        float: left;
        width: 34%;
        padding-right: 10px;
        height: 240px;
        overflow: hidden;
    }
}

@media (min-width: 1200px) {
    .sidebarPage .packagesList .media-left {
        height: auto;
    }
}

@media (min-width: 992px) {
    .sidebarPage .packagesList .media-left img {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
    }
}

.sidebarPage .packagesList .media-body {
    padding: 20px;
}

@media (max-width: 767px) {
    .sidebarPage .packagesList .media-body .detailsBtn {
        position: relative;
        left: auto;
        top: auto;
        margin-bottom: 20px;
    }
}

@media (min-width: 768px) {
    .sidebarPage .packagesList .media-body .detailsBtn {
        top: 180px;
    }
}

@media (min-width: 992px) {
    .sidebarPage .packagesList .media-body .detailsBtn {
        top: 175px;
    }
}

@media (min-width: 1200px) {
    .sidebarPage .packagesList .media-body .detailsBtn {
        top: 175px;
    }
}

@media (max-width: 767px) {
    .sidebarPage .packagesList .media-body .detailsBtn .btn {
        font-size: 14px;
    }
}

@media (min-width: 768px) {
    .sidebarPage .packagesList .media-body .detailsBtn .btn {
        font-size: 14px;
    }
}

@media (min-width: 992px) {
    .sidebarPage .packagesList .media-body .detailsBtn .btn {
        font-size: 10px;
    }
}

@media (min-width: 1200px) {
    .sidebarPage .packagesList .media-body .detailsBtn .btn {
        font-size: 14px;
    }
}

.sidebarPage .packagesList .media-body .bookingDetails {
    min-height: 180px;
    padding: 15px;
}

/*================= 7.2 SINGLE PACKAGE FULL WIDTH ==================*/
.singlePackage .generalInfo h2, .relatedProduct h2 {
    font-size: 20px;
    color: #222222;
    line-height: 26px;
    margin: 0 0 25px 0;
    font-weight: 400;
}

.singlePackage .carousel {
    margin-bottom: 30px;
}

    .singlePackage .carousel .carousel-inner {
        border-radius: 5px;
    }

        .singlePackage .carousel .carousel-inner .item img {
            width: 100%;
        }

.singlePackage .carousel-indicators {
    display: none;
}

.singlePackage .carousel-control {
    background-image: none;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$value)";
    filter: alpha(opacity=1);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

    .singlePackage .carousel-control .glyphicon-menu-left,
    .singlePackage .carousel-control .glyphicon-menu-right,
    .singlePackage .carousel-control .icon-next,
    .singlePackage .carousel-control .icon-prev {
        position: absolute;
        top: 50%;
        margin-top: -40px;
        z-index: 5;
        width: 75px;
        height: 75px;
        line-height: 75px;
        border-radius: 4px;
        background-color: rgba(0, 0, 0, 0.35);
    }

@media (max-width: 767px) {
    .singlePackage .carousel-control .glyphicon-menu-left,
    .singlePackage .carousel-control .glyphicon-menu-right,
    .singlePackage .carousel-control .icon-next,
    .singlePackage .carousel-control .icon-prev {
        display: none;
    }
}

@media (min-width: 768px) {
    .singlePackage .carousel-control .glyphicon-menu-left,
    .singlePackage .carousel-control .glyphicon-menu-right,
    .singlePackage .carousel-control .icon-next,
    .singlePackage .carousel-control .icon-prev {
        display: inline-block;
    }
}

.singlePackage .carousel-control .icon-prev,
.singlePackage .carousel-control .glyphicon-menu-left {
    margin-left: 0;
    left: 20px;
}

.singlePackage .carousel-control .icon-next,
.singlePackage .carousel-control .glyphicon-menu-right {
    right: 20px;
    margin-right: 0;
}

.singlePackage .well {
    background-color: whitesmoke;
    border-color: #eeeeee;
    box-shadow: none;
    padding: 30px;
    margin-bottom: 70px;
}

    .singlePackage .well .infoImage {
        width: 100%;
    }

        .singlePackage .well .infoImage img {
            width: 100%;
            min-height: 220px;
            border-radius: 4px;
        }

.singlePackage .packageInfo h4 {
    text-transform: uppercase;
    font-weight: 400;
    color: #222222;
    margin: 20px 0 30px 0;
}

.singlePackage .packageInfo .dl-horizontal {
    margin-bottom: 0;
}

    .singlePackage .packageInfo .dl-horizontal dt {
        text-align: left;
        color: #ff891e;
        float: left;
        text-transform: uppercase;
        margin-bottom: 15px;
    }

@media (max-width: 767px) {
    .singlePackage .packageInfo .dl-horizontal dt {
        font-size: 12px;
        line-height: 19px;
        width: 110px;
    }
}

@media (min-width: 768px) {
    .singlePackage .packageInfo .dl-horizontal dt {
        font-size: 14px;
        line-height: 21px;
        width: 140px;
    }
}

.singlePackage .packageInfo .dl-horizontal dd {
    line-height: 21px;
}

    .singlePackage .packageInfo .dl-horizontal dd span {
        color: #ff891e;
    }

@media (max-width: 767px) {
    .singlePackage .packageInfo .dl-horizontal dd {
        font-size: 12px;
        margin-left: 110px;
    }
}

@media (min-width: 768px) {
    .singlePackage .packageInfo .dl-horizontal dd {
        font-size: 14px;
        margin-left: 140px;
    }
}

.singlePackage .packageInfo p {
    margin-bottom: 25px;
}

    .singlePackage .packageInfo p span {
        color: #ff891e;
        font-size: 18px;
        margin-left: 10px;
    }

.singlePackage .packageInfo .buttonCustomPrimary {
    padding: 0 20px;
}

.singlePackage .generalInfo {
    margin-bottom: 10px;
    float: left;
}

.review-aria .reviewContent {
    margin-top: 36px;
}

    .review-aria .reviewContent .reviewTitle {
        font-size: 20px;
        color: #222222;
        font-weight: 400;
        margin-bottom: 30px;
        text-transform: uppercase;
    }

        .review-aria .reviewContent .reviewTitle span {
            color: #fec701;
            font-size: 20px;
            margin-left: 10px;
        }

    .review-aria .reviewContent .reviewMedia .media-left img {
        width: 76px;
        height: 76px;
        border-radius: 3px;
        margin-right: 25px;
    }

    .review-aria .reviewContent .reviewMedia .media-body h5 {
        font-size: 15px;
        line-height: 26px;
        color: #222222;
    }

    .review-aria .reviewContent .reviewMedia .media-body span {
        color: #fec701;
    }

    .review-aria .reviewContent .commentsForm {
        margin-top: 30px;
    }

        .review-aria .reviewContent .commentsForm p span {
            margin-left: 15px;
            color: #fec701;
        }

        .review-aria .reviewContent .commentsForm .form-group .form-control {
            padding: 20px;
        }

        .review-aria .reviewContent .commentsForm .buttonCustomPrimary {
            margin-top: 15px;
            margin-bottom: 30px;
        }

@media (min-width: 768px) {
    .review-aria .reviewContent .commentsForm .buttonCustomPrimary {
        margin-bottom: 0;
    }
}

.description-aria {
    margin-top: 35px;
}

    .description-aria .descriptionList li {
        margin-bottom: 15px;
    }

        .description-aria .descriptionList li i.fa {
            margin-right: 9px;
        }

.singlePackage .panel-group {
    margin-bottom: 70px;
}

    .singlePackage .panel-group .panel-heading {
        padding: 15px;
        text-transform: uppercase;
        font-size: 18px;
        color: #969696;
        background-color: whitesmoke;
        border-color: #eeeeee;
    }

        .singlePackage .panel-group .panel-heading i {
            line-height: 22px;
        }

.singlePackage .panel-default > a.panel-heading {
    display: block;
}

.singlePackage .panel-group .panel + .panel {
    margin-top: 15px;
}

.selectbox-sidebar .sbHolder {
    width: 140px;
    height: 45px;
    border-radius: 3px;
    border-color: #dedede;
}

@media (min-width: 768px) {
    .selectbox-sidebar .sbHolder {
        width: 184px;
    }
}

@media (min-width: 992px) {
    .selectbox-sidebar .sbHolder {
        width: 140px;
    }
}

@media (min-width: 1200px) {
    .selectbox-sidebar .sbHolder {
        width: 178px;
    }
}

.selectbox-sidebar .sbHolder .sbToggle {
    background: url(../plugins/selectbox/images/arrow-down-1.png) no-repeat;
    z-index: -5;
}

.selectbox-sidebar .sbHolder .sbSelector {
    line-height: 45px;
    color: #666666 !important;
    font-size: 13px;
    text-transform: uppercase;
    font-family: "Montserrat",sans-serif;
    width: 100%;
}

.selectbox-sidebar .sbHolder .sbOptions {
    width: 100% !important;
    right: 0 !important;
    top: 44px !important;
    border-color: #dedede;
}

    .selectbox-sidebar .sbHolder .sbOptions li a {
        color: #666666 !important;
        text-transform: uppercase;
        font-family: "Montserrat",sans-serif;
        font-size: 13px;
    }

        .selectbox-sidebar .sbHolder .sbOptions li a:hover {
            color: #ff891e !important;
        }

.selectbox-sidebar .icon-clock {
    position: absolute;
    right: 20px;
    top: 13px;
    color: #666666;
}

.relatedItem {
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
    height: auto;
    border-radius: 4px;
}

@media (max-width: 767px) {
    .relatedItem {
        margin-bottom: 30px;
    }
}

@media (min-width: 768px) {
    .relatedItem {
        margin-bottom: 0;
    }
}

.relatedItem img {
    width: 100%;
    transition: all 0.5s ease-in-out;
    border-radius: 4px;
}

.relatedItem .maskingInfo {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
    background-color: rgba(0, 0, 0, 0.35);
    text-align: center;
    transition: all 0.3s ease-in-out;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$value)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}

    .relatedItem .maskingInfo h4 {
        margin: 80px 0 15px 0;
        font-size: 20px;
        color: #ffffff;
        font-weight: 700;
        transition: all 0.3s ease-in-out;
    }

    .relatedItem .maskingInfo p {
        color: #ffffff;
        margin-bottom: 25px;
    }

    .relatedItem .maskingInfo .buttonTransparent, .relatedItem .maskingInfo .paginationCenter .pagination li:first-child a, .paginationCenter .pagination li:first-child .relatedItem .maskingInfo a, .relatedItem .maskingInfo .paginationCenter .pagination li:last-child a, .paginationCenter .pagination li:last-child .relatedItem .maskingInfo a, .relatedItem .maskingInfo .isotopeFilters ul.filter > li a, .isotopeFilters ul.filter > li .relatedItem .maskingInfo a {
        color: #ffffff;
    }

.relatedItem:hover img {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    border-radius: 4px;
}

.relatedItem:hover .maskingInfo {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$value)";
    filter: alpha(opacity=1);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    border-radius: 4px;
}

    .relatedItem:hover .maskingInfo h4 {
        margin: 70px 0 15px 0;
    }

.relatedItem:hover {
    border-radius: 4px;
}

@media (max-width: 767px) {
    .galleryCarousel .carousel-indicators {
        display: none;
    }
}

@media (min-width: 768px) {
    .galleryCarousel .carousel-indicators {
        display: block;
    }
}

.galleryCarousel .carousel-control .glyphicon-menu-left,
.galleryCarousel .carousel-control .glyphicon-menu-right,
.galleryCarousel .carousel-control .icon-next,
.galleryCarousel .carousel-control .icon-prev {
    background-color: rgba(255, 255, 255, 0.35);
}

.galleryCarousel .carousel-indicators li {
    display: inline-block;
    width: auto;
    height: auto;
    text-indent: 0;
    border-radius: 0px;
    border-radius: 4px;
    border-width: 2px;
    background-color: #ffffff;
}

    .galleryCarousel .carousel-indicators li img {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$value)";
        filter: alpha(opacity=0.5);
        -moz-opacity: 0.5;
        -khtml-opacity: 0.5;
        opacity: 0.5;
    }

    .galleryCarousel .carousel-indicators li.active {
        width: auto;
        height: auto;
    }

        .galleryCarousel .carousel-indicators li.active img {
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$value)";
            filter: alpha(opacity=1);
            -moz-opacity: 1;
            -khtml-opacity: 1;
            opacity: 1;
        }

.countryTitle .carousel-inner > .item {
    height: 200px;
}

@media (min-width: 480px) {
    .countryTitle .carousel-inner > .item {
        height: 225px;
    }
}

@media (min-width: 768px) {
    .countryTitle .carousel-inner > .item {
        height: 450px;
    }
}

.countryTitle .carousel-inner > .item img {
    height: 100%;
}

.weatherInfo {
    width: 100%;
    height: 450px;
    position: relative;
}

    .weatherInfo img {
        width: 100%;
        height: 100%;
    }

    .weatherInfo .cityWeather {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
    }

        .weatherInfo .cityWeather .cityTable {
            display: table;
            height: 450px;
            width: 100%;
        }

            .weatherInfo .cityWeather .cityTable .cityTableInner {
                display: table-cell;
                vertical-align: middle;
                text-align: center;
            }

                .weatherInfo .cityWeather .cityTable .cityTableInner .cityWeatherInfo img {
                    width: auto;
                    height: auto;
                    margin-bottom: 15px;
                }

                .weatherInfo .cityWeather .cityTable .cityTableInner .cityWeatherInfo h2 {
                    font-size: 45px;
                    color: #ffffff;
                    line-height: 45px;
                    margin: 0 0 25px 0;
                }

                .weatherInfo .cityWeather .cityTable .cityTableInner .cityWeatherInfo p {
                    font-size: 20px;
                    color: #ffffff;
                    text-transform: capitalize;
                    margin: 0;
                    font-weight: 700;
                }

    .weatherInfo .dayTime {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: auto;
        display: block;
        padding: 20px;
    }

        .weatherInfo .dayTime span {
            color: #ffffff;
        }

    .weatherInfo .daysWeather {
        position: absolute;
        left: 0;
        bottom: 15px;
        width: 100%;
        height: auto;
        display: block;
    }

        .weatherInfo .daysWeather .list-inline {
            margin-left: 0;
            text-align: center;
        }

            .weatherInfo .daysWeather .list-inline li {
                color: #ffffff;
                text-align: center;
                margin: 0 30px;
            }

                .weatherInfo .daysWeather .list-inline li span img {
                    width: auto;
                    height: auto;
                    display: block;
                    margin: 5px 0;
                }

.countryTabs {
    margin-bottom: 60px;
}

    .countryTabs .nav-tabs {
        border-color: #dedede;
    }

        .countryTabs .nav-tabs > li {
            margin: 0;
        }

            .countryTabs .nav-tabs > li > a {
                color: #222222;
                border: none;
                text-transform: uppercase;
                border-bottom: 3px solid transparent;
                position: relative;
                margin: 0;
            }

                .countryTabs .nav-tabs > li > a:hover {
                    background-color: transparent;
                    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$value)";
                    filter: alpha(opacity=1);
                    -moz-opacity: 1;
                    -khtml-opacity: 1;
                    opacity: 1;
                }

                    .countryTabs .nav-tabs > li > a:hover:after {
                        width: 100%;
                    }

                .countryTabs .nav-tabs > li > a:after {
                    content: "";
                    height: 3px;
                    left: 0;
                    bottom: -3px;
                    width: 0px;
                    position: absolute;
                    transition: all 0.3s ease-in-out;
                    background-color: #ff891e;
                }

            .countryTabs .nav-tabs > li.pull-right .list-inline li a {
                line-height: 43px;
                color: #969696;
            }

                .countryTabs .nav-tabs > li.pull-right .list-inline li a:hover {
                    color: #ff891e;
                    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$value)";
                    filter: alpha(opacity=1);
                    -moz-opacity: 1;
                    -khtml-opacity: 1;
                    opacity: 1;
                }

            .countryTabs .nav-tabs > li.active > a,
            .countryTabs .nav-tabs > li.active > a:focus,
            .countryTabs .nav-tabs > li.active > a:hover {
                border: none;
                border-bottom: 3px solid #ff891e;
                color: #222222;
            }

    .countryTabs .tab-content {
        padding-top: 30px;
    }

        .countryTabs .tab-content .well h3 {
            color: #222222;
            font-weight: 400;
            font-size: 18px;
            margin-bottom: 25px;
        }

        .countryTabs .tab-content .well .list-unstyled {
            margin-bottom: 15px;
            float: left;
        }

            .countryTabs .tab-content .well .list-unstyled li {
                color: #222222;
                margin-bottom: 15px;
            }

                .countryTabs .tab-content .well .list-unstyled li i {
                    margin-right: 10px;
                }

        .countryTabs .tab-content .well .buttonCustomPrimary {
            padding: 0 20px;
        }

            .countryTabs .tab-content .well .buttonCustomPrimary:hover {
                -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$value)";
                filter: alpha(opacity=1);
                -moz-opacity: 1;
                -khtml-opacity: 1;
                opacity: 1;
            }

.commonInfo h2 {
    color: #222222;
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 25px;
}

.commonInfo p {
    margin-bottom: 25px;
}

.commonInfo .list-inline li {
    margin-bottom: 10px;
    width: 40%;
}

    .commonInfo .list-inline li i {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        font-size: 10px;
        color: #67686a;
        margin-right: 10px;
    }

.relatedSection {
    margin-bottom: 80px;
}

    .relatedSection .sectionTitle h2 {
        margin-bottom: 25px;
    }

    .relatedSection .deals {
        background-color: whitesmoke;
    }

        .relatedSection .deals:hover {
            box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
            background: #fff;
        }

.information-aria {
    margin-top: 25px;
}

    .information-aria h3 {
        font-size: 20px;
        font-weight: 400;
        color: #222222;
        margin-bottom: 22px;
    }

    .information-aria p {
        margin-bottom: 25px;
    }

    .information-aria .singleContent {
        margin-bottom: 10px;
    }

        .information-aria .singleContent .media {
            background-color: #f5f5f5;
            padding: 40px 30px;
            border: 1px solid #e5e5e5;
            border-radius: 5px;
        }

            .information-aria .singleContent .media .media-body {
                display: block;
                width: 100%;
            }

@media (min-width: 768px) {
    .information-aria .singleContent .media .media-body {
        display: table-cell;
    }
}

.information-aria .singleContent .media .media-body .media-heading {
    font-size: 16px;
    font-weight: 400;
    line-height: 21px;
    margin-bottom: 11px;
    color: #222222;
}

.information-aria .singleContent .media .media-right {
    padding-left: 0px;
}

@media (min-width: 768px) {
    .information-aria .singleContent .media .media-right {
        padding-left: 10px;
    }
}

.information-aria .singleContent .media .media-right .days {
    background-color: #f2f2f2;
    width: 80px;
    height: 80px;
    border: 1px solid #e5e5e5;
    border-radius: 50%;
    line-height: 80px;
    text-align: center;
    text-transform: uppercase;
    color: #ff891e;
    font-size: 16px;
    font-weight: 700;
}

.location-aria {
    margin-top: 65px;
    margin-bottom: 65px;
}


.singleCartSidebar .panel-heading {
    font-size: 22px;
    line-height: 35px;
    text-align: center;
    text-transform: uppercase;
}

@media (min-width: 992px) {
    .singleCartSidebar .panel-heading {
        font-size: 26px;
        line-height: 40px;
    }
}

.singleCartSidebar .control-label {
    padding-top: 15px;
    font-weight: 400;
    color: #222222;
}

.singleCartSidebar .datepickerWrap .ed-datepicker {
    border-bottom: none;
    border: 1px solid #dedede;
    border-radius: 3px;
    padding: 0 10px;
    margin-bottom: 0;
}

.singleCartSidebar .datepickerWrap .searchFilter .sbHolder {
    border-bottom: none;
    border: 1px solid #dedede;
    border-radius: 3px;
}

@media (min-width: 768px) {
    .singleCartSidebar .datepickerWrap .searchFilter .sbHolder {
        margin: 0;
    }
}

.singleCartSidebar .datepickerWrap .searchFilter .sbHolder .sbSelector {
    left: 10px;
    text-align: left;
}

.singleCartSidebar .datepickerWrap .searchFilter .sbHolder .sbToggle {
    right: 10px;
    top: 18px;
}

.singleCartSidebar .datepickerWrap .searchFilter .sbHolder .sbOptions a {
    text-align: left;
    padding: 11px 5px;
}

.singleCartSidebar .datepickerWrap .count-input {
    position: relative;
    width: 140px;
}

@media (min-width: 768px) {
    .singleCartSidebar .datepickerWrap .count-input {
        margin: auto;
    }
}

@media (min-width: 992px) {
    .singleCartSidebar .datepickerWrap .count-input {
        margin-left: 0;
        width: 120px;
    }
}

@media (min-width: 1200px) {
    .singleCartSidebar .datepickerWrap .count-input {
        width: 140px;
    }
}

.singleCartSidebar .datepickerWrap .count-input .incr-btn {
    color: #666666;
    display: block;
    font-size: 30px;
    font-weight: 300;
    height: 48px;
    line-height: 45px;
    position: absolute;
    right: 0;
    text-align: center;
    text-decoration: none;
    top: 0;
    width: 48px;
}

@media (min-width: 992px) {
    .singleCartSidebar .datepickerWrap .count-input .incr-btn {
        width: 40px;
    }
}

@media (min-width: 1200px) {
    .singleCartSidebar .datepickerWrap .count-input .incr-btn {
        width: 48px;
    }
}

.singleCartSidebar .datepickerWrap .count-input .incr-btn:first-child {
    left: 0;
    right: auto;
    border-right: 1px solid #eaeaea;
}

.singleCartSidebar .datepickerWrap .count-input .incr-btn:last-child {
    border-left: 1px solid #eaeaea;
}

.singleCartSidebar .datepickerWrap .count-input input {
    -moz-appearance: none;
    background: transparent none repeat scroll 0 0;
    border: 1px solid #eaeaea;
    border-radius: 3px;
    height: 48px;
    font-weight: 700;
    color: #666666;
    text-align: center;
    width: 100%;
}

.singleCartSidebar .price {
    padding-top: 15px;
    text-align: center;
}

.singleCartSidebar .totalCost {
    border-top: 1px solid;
    border-bottom: 1px solid;
    overflow: hidden;
    padding: 15px 0;
    border-color: #dedede;
}

    .singleCartSidebar .totalCost .totalCostLeft {
        padding: 0;
    }

        .singleCartSidebar .totalCost .totalCostLeft p {
            margin: 0;
            color: #222222;
            line-height: 40px;
            text-transform: uppercase;
        }

    .singleCartSidebar .totalCost .totalCostRight {
        text-align: right;
        color: #ff891e;
        font-weight: 700;
        line-height: 40px;
        padding-right: 5px;
    }

@media (min-width: 320px) {
    .totalCostLeft p {
        font-size: 14px;
    }

    .totalCostRight {
        font-size: 16px;
    }

    .singleCartSidebar .form-horizontal .form-group .control-label {
        text-align: right;
    }
}

@media (min-width: 768px) {
    .totalCostLeft p {
        font-size: 12px;
    }

    .totalCostRight {
        font-size: 16px;
    }

    .singleCartSidebar .form-horizontal .form-group .control-label {
        text-align: center;
        margin-bottom: 10px;
    }
}

@media (min-width: 992px) {
    .totalCostLeft p {
        font-size: 18px;
    }

    .totalCostRight {
        font-size: 20px;
    }

    .singleCartSidebar .form-horizontal .form-group .control-label {
        text-align: right;
        padding-left: 5px;
        padding-right: 5px;
    }
}

@media (min-width: 320px) {

    .singleCartSidebar .form-horizontal .form-group .datepickerWrap {
        text-align: right;
    }
}

@media (min-width: 768px) {
    .singleCartSidebar .form-horizontal .form-group .datepickerWrap {
        text-align: center;
    }
}

@media (min-width: 992px) {
    .singleCartSidebar .form-horizontal .form-group .datepickerWrap {
        text-align: right;
        margin-bottom: 10px;
    }
}

.singleCartSidebar .form-horizontal .form-group .datepickerWrap .ed-datepicker input {
    color: #666;
    font-size: 13px;
    line-height: 13px;
}

.singleCartSidebar .form-horizontal .buttonTransparent, .singleCartSidebar .form-horizontal .paginationCenter .pagination li:first-child a, .paginationCenter .pagination li:first-child .singleCartSidebar .form-horizontal a, .singleCartSidebar .form-horizontal .paginationCenter .pagination li:last-child a, .paginationCenter .pagination li:last-child .singleCartSidebar .form-horizontal a, .singleCartSidebar .form-horizontal .isotopeFilters ul.filter > li a, .isotopeFilters ul.filter > li .singleCartSidebar .form-horizontal a {
    height: 50px;
    line-height: 50px;
    margin-top: 30px;
}

    .singleCartSidebar .form-horizontal .buttonTransparent .fa-angle-right, .singleCartSidebar .form-horizontal .paginationCenter .pagination li:first-child a .fa-angle-right, .paginationCenter .pagination li:first-child .singleCartSidebar .form-horizontal a .fa-angle-right, .singleCartSidebar .form-horizontal .paginationCenter .pagination li:last-child a .fa-angle-right, .paginationCenter .pagination li:last-child .singleCartSidebar .form-horizontal a .fa-angle-right, .singleCartSidebar .form-horizontal .isotopeFilters ul.filter > li a .fa-angle-right, .isotopeFilters ul.filter > li .singleCartSidebar .form-horizontal a .fa-angle-right {
        margin-left: 20px;
        font-size: 18px;
    }

/* ======== HOME CITY PAGE ================*/
.sectionTitleHomeCity {
    text-align: center;
    margin-bottom: 50px;
}

    .sectionTitleHomeCity h2 {
        font-size: 26px;
        font-weight: 700;
        color: #222222;
    }

        .sectionTitleHomeCity h2 span {
            color: #ff891e;
        }

    .sectionTitleHomeCity p {
        font-size: 18px;
    }

.sectionTitleHomeCity2 {
    text-align: center;
    margin-bottom: 50px;
}

    .sectionTitleHomeCity2 h2 {
        font-size: 26px;
        font-weight: 700;
        color: #ffffff;
    }

        .sectionTitleHomeCity2 h2 span {
            color: #ff891e;
        }

    .sectionTitleHomeCity2 p {
        font-size: 18px;
        color: #ffffff;
        line-height: 26px;
    }

.homeCitybtn {
    display: block;
    text-align: center;
    margin-top: 30px;
}

    .homeCitybtn .buttonTransparent, .homeCitybtn .paginationCenter .pagination li:first-child a, .paginationCenter .pagination li:first-child .homeCitybtn a, .homeCitybtn .paginationCenter .pagination li:last-child a, .paginationCenter .pagination li:last-child .homeCitybtn a, .homeCitybtn .isotopeFilters ul.filter > li a, .isotopeFilters ul.filter > li .homeCitybtn a {
        height: 46px;
        line-height: 46px;
    }

.ptb-100 {
    padding-top: 100px;
    padding-bottom: 100px;
}

.mostPopulerToure .thumbnail .caption h4 a:hover {
    color: #222222 !important;
    text-decoration: none;
    cursor: default;
}

.mostPopulerToure .thumbnail .caption .detailsInfo .detailsBtn li a {
    font-size: 13px;
    padding: 0 10px;
}

.amazingHtoleSection {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    padding: 100px 0;
}

@media (min-width: 768px) {
    .amazingHtoleSection {
        height: 460px;
    }
}

@media (min-width: 992px) {
    .amazingHtoleSection {
        height: 386px;
    }
}

.amazingHtoleSection:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    content: '';
}

.topHotelSection .thumbnail {
    background-color: whitesmoke;
}

    .topHotelSection .thumbnail .caption h4 a:hover {
        color: #222222 !important;
        text-decoration: none;
        cursor: default;
    }

    .topHotelSection .thumbnail .caption .detailsInfo .detailsBtn li a {
        font-size: 13px;
        padding: 0 10px;
    }

    .topHotelSection .thumbnail:hover {
        box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
        background: #fff;
    }

.foodDrinkSection .foodLeftImg {
    display: none;
}

@media (min-width: 768px) {
    .foodDrinkSection .foodLeftImg {
        display: block;
        overflow: hidden;
    }
}

.foodDrinkSection .foodLeftImg .foodImage {
    height: 100%;
}

.foodDrinkSection .foodDrinkContent {
    padding: 95px 30px 80px 30px;
}

@media (min-width: 768px) {
    .foodDrinkSection .foodDrinkContent {
        padding: 95px 0 72px 30px;
    }
}

.foodDrinkSection .foodDrinkContent .foodDrinkHeader {
    margin-bottom: 35px;
}

    .foodDrinkSection .foodDrinkContent .foodDrinkHeader h2 {
        font-size: 26px;
        font-weight: 679px;
        color: #222222;
    }

        .foodDrinkSection .foodDrinkContent .foodDrinkHeader h2 span {
            color: #ff891e;
        }

.foodDrinkSection .foodDrinkContent .FoodDrinkList .item-list {
    border-bottom: 1px solid #dedede;
    padding-bottom: 15px;
    margin-bottom: 20px;
}

    .foodDrinkSection .foodDrinkContent .FoodDrinkList .item-list h4 {
        font-size: 14px;
        margin-bottom: 5px;
        text-transform: uppercase;
    }

    .foodDrinkSection .foodDrinkContent .FoodDrinkList .item-list a {
        font-size: 13px;
        color: #969696;
        text-transform: uppercase;
    }

    .foodDrinkSection .foodDrinkContent .FoodDrinkList .item-list span {
        margin-top: -18px;
        border: 1px solid #dedede;
        padding: 5px 10px;
        border-radius: 5px;
        font-size: 12px;
        text-transform: uppercase;
    }

.sightInCity .sightContent {
    border-bottom: 1px solid #dedede;
    padding-top: 25px;
    padding-bottom: 25px;
}

    .sightInCity .sightContent .media .media-left img {
        border-radius: 3px;
    }

    .sightInCity .sightContent .media .media-body .media-heading {
        margin-top: 15px;
        font-size: 15px;
        font-weight: 700;
        color: #222222;
    }

@media (min-width: 768px) {
    .sightInCity .sightContent .media .media-body .media-heading {
        margin-top: 20px;
    }
}

@media (min-width: 992px) {
    .sightInCity .sightContent .media .media-body .media-heading {
        margin-top: 15px;
    }
}

@media (min-width: 1200px) {
    .sightInCity .sightContent .media .media-body .media-heading {
        margin-top: 20px;
    }
}

.sightInCity .sightContent .media .media-body a {
    font-size: 13px;
    color: #969696;
    text-transform: uppercase;
}

    .sightInCity .sightContent .media .media-body a:focus {
        text-decoration: none;
    }

.exclusiveDaySection {
    position: relative;
    height: auto;
    background-position: center;
    background-size: cover;
}

    .exclusiveDaySection:before {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.6);
        content: '';
    }

    .exclusiveDaySection .homeCitybtn .buttonCustomPrimary {
        padding: 0px 20px;
    }

        .exclusiveDaySection .homeCitybtn .buttonCustomPrimary:hover {
            background-color: #fff;
            color: #ff891e !important;
        }

.planToureCitySection .planToureContent {
    background-color: #fff;
    padding: 70px 35px;
}

    .planToureCitySection .planToureContent .icon {
        width: 120px;
        height: 120px;
        border: 1px solid #e5e5e5;
        margin: 0 auto;
        border-radius: 50%;
    }

        .planToureCitySection .planToureContent .icon i {
            color: #ff891e;
            font-size: 50px;
            line-height: 120px;
        }

    .planToureCitySection .planToureContent .content h4 {
        font-size: 16px;
        line-height: 26px;
        color: #222222;
        font-weight: 400;
        margin-top: 30px;
        margin-bottom: 25px;
    }

    .planToureCitySection .planToureContent .content a {
        color: #969696;
        text-decoration: underline;
        font-size: 13px;
        text-transform: uppercase;
    }

        .planToureCitySection .planToureContent .content a:hover {
            color: #ff891e;
        }

.photoGallerySection .photoGallery .slick-carousel .slick-prev {
    left: 0;
}

@media (min-width: 768px) {
    .photoGallerySection .photoGallery .slick-carousel .slick-prev {
        left: -60px;
    }
}

@media (min-width: 992px) {
    .photoGallerySection .photoGallery .slick-carousel .slick-prev {
        left: -80px;
    }
}

.photoGallerySection .photoGallery .slick-carousel .slick-prev:before {
    content: "\f053";
    font-family: 'FontAwesome';
    color: #a5a5a5;
    font-size: 25px;
    display: none;
}

@media (min-width: 768px) {
    .photoGallerySection .photoGallery .slick-carousel .slick-prev:before {
        display: block;
    }
}

.photoGallerySection .photoGallery .slick-carousel .slick-next {
    right: 0px;
    display: none;
}

@media (min-width: 768px) {
    .photoGallerySection .photoGallery .slick-carousel .slick-next {
        right: -60px;
    }
}

@media (min-width: 992px) {
    .photoGallerySection .photoGallery .slick-carousel .slick-next {
        right: -80px;
    }
}

.photoGallerySection .photoGallery .slick-carousel .slick-next:before {
    content: "\f054";
    font-family: 'FontAwesome';
    color: #a5a5a5;
    font-size: 25px;
    display: none;
}

@media (min-width: 768px) {
    .photoGallerySection .photoGallery .slick-carousel .slick-next:before {
        display: block;
    }
}

.photoGallerySection .photoGallery .slick-carousel .singlItem {
    -webkit-transform: scale(1);
    transform: scale(1);
    margin: 0;
    z-index: 0 !important;
}

@media (min-width: 768px) {
    .photoGallerySection .photoGallery .slick-carousel .singlItem {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
        opacity: 0.3;
        margin: 0px -100px;
        transition: -webkit-transform 0.4s ease;
        transition: transform 0.4s ease;
        transition: transform 0.4s ease, -webkit-transform 0.4s ease;
    }
}

.photoGallerySection .photoGallery .slick-carousel .singlItem .singleImg img {
    margin: 0 auto;
    width: 100%;
}

@media (min-width: 768px) {
    .photoGallerySection .photoGallery .slick-carousel .singlItem .singleImg img {
        width: 525px;
    }
}

@media (min-width: 992px) {
    .photoGallerySection .photoGallery .slick-carousel .singlItem .singleImg img {
        width: 725px;
    }
}

@media (min-width: 1200px) {
    .photoGallerySection .photoGallery .slick-carousel .singlItem .singleImg img {
        width: auto;
    }
}

.photoGallerySection .photoGallery .slick-carousel .singlItem.slick-active {
    -webkit-transform: scale(1);
    transform: scale(1);
    position: relative;
    opacity: 1;
    z-index: 1 !important;
}

@media (min-width: 768px) {
    .photoGallerySection .photoGallery .slick-carousel .singlItem.slick-active .singleImg img {
        border: 5px solid #ffb878;
        border-radius: 3px;
    }
}

.travelGuideSection .travelGuideImg {
    position: relative;
}

    .travelGuideSection .travelGuideImg img {
        width: 100%;
    }

    .travelGuideSection .travelGuideImg span {
        position: absolute;
        width: 105px;
        height: 105px;
        background: #fff;
        border: 1px solid #e5e5e5;
        border-radius: 50%;
        text-align: center;
        line-height: 105px;
        top: -46px;
        right: 15px;
        color: #ff891e;
    }

.travelGuideSection .sectionTitleHomeCity {
    padding-top: 100px;
}

@media (min-width: 768px) {
    .travelGuideSection .sectionTitleHomeCity {
        text-align: left;
        padding-top: 0px;
    }
}

@media (min-width: 992px) {
    .travelGuideSection .sectionTitleHomeCity {
        padding-top: 50px;
    }
}

@media (min-width: 1200px) {
    .travelGuideSection .sectionTitleHomeCity {
        padding-top: 100px;
    }
}

.travelGuideSection .sectionTitleHomeCity h2 {
    margin-bottom: 20px;
}

.travelGuideSection .sectionTitleHomeCity h4 {
    font-weight: 400;
    color: #969696;
}

    .travelGuideSection .sectionTitleHomeCity h4 span {
        color: #ff891e;
    }

.travelGuideSection .travelGuideContent {
    text-align: center;
}

@media (min-width: 768px) {
    .travelGuideSection .travelGuideContent {
        text-align: left;
    }
}

.travelGuideSection .travelGuideContent .buttonCustomPrimary {
    padding: 0 15px;
    margin-top: 50px;
}

    .travelGuideSection .travelGuideContent .buttonCustomPrimary:hover {
        background-color: transparent;
        color: #ff891e !important;
        border: 1px solid #ff891e;
    }

.travelTipsSection .travelTipsImg {
    overflow: hidden;
    margin-top: 40px;
}

@media (min-width: 1200px) {
    .travelTipsSection .travelTipsImg {
        margin-top: 0;
    }
}

.travelTipsSection .travelTipsImg img {
    width: 100%;
}

@media (min-width: 992px) {
    .travelTipsSection .travelTipsImg img {
        width: auto;
    }
}

.travelTipsSection .travelTipsContent {
    margin-top: 25px;
}

@media (min-width: 768px) {
    .travelTipsSection .travelTipsContent {
        margin-top: 65px;
    }
}

@media (min-width: 1200px) {
    .travelTipsSection .travelTipsContent {
        margin-top: 30px;
    }
}

.travelTipsSection .travelTipsContent h4 {
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    color: #222222;
    margin-bottom: 10px;
}

.travelTipsSection .travelTipsContent .meta-content {
    margin-bottom: 25px;
}

    .travelTipsSection .travelTipsContent .meta-content a {
        margin-right: 15px;
        color: #969696;
        font-size: 14px;
        line-height: 24px;
    }

        .travelTipsSection .travelTipsContent .meta-content a i {
            margin-right: 10px;
            color: #ff891e;
        }

.travelTipsSection .travelTipsContent .readMoreBtn {
    text-transform: uppercase;
    text-decoration: underline;
    color: #969696;
    font-size: 14px;
}

    .travelTipsSection .travelTipsContent .readMoreBtn:hover {
        color: #ff891e;
    }

.travelTipsSection .buttonCustomPrimary {
    background-color: #fff;
    color: #969696 !important;
    border: 1px solid #dedede;
    font-size: 15px;
    padding: 0 30px;
    margin-top: 20px;
}

    .travelTipsSection .buttonCustomPrimary:hover {
        background-color: #ff891e;
        color: #fff !important;
    }

.subscribSection {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}

@media (min-width: 768px) {
    .subscribSection {
        height: 460px;
    }
}

@media (min-width: 992px) {
    .subscribSection {
        height: 386px;
    }
}

.subscribSection:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(211, 115, 37, 0.8);
    content: '';
}

@media (min-width: 768px) {
    .subscribSection .amazingSelebox {
        display: block;
    }
}

/* ===== HOME DESTINATION =====*/
/* SEARCH YOUR DESTINATION */
.searchDestinationSection {
    position: relative;
    top: -150px;
}

@media (min-width: 480px) {
    .searchDestinationSection {
        top: -300px;
    }
}

@media (min-width: 768px) {
    .searchDestinationSection {
        position: absolute;
        top: 130px;
        left: 2%;
    }
}

@media (min-width: 992px) {
    .searchDestinationSection {
        top: 135px;
        left: 7%;
    }
}

@media (min-width: 1200px) {
    .searchDestinationSection {
        top: 185px;
        left: 7%;
    }
}

.searchDestinationSection .headingTitle {
    text-align: center;
}

@media (min-width: 768px) {
    .searchDestinationSection .headingTitle {
        text-align: left;
    }
}

.searchDestinationSection .headingTitle h2 {
    color: #ff891e;
    font-size: 19px;
    line-height: 36px;
    font-weight: 700;
}

@media (min-width: 768px) {
    .searchDestinationSection .headingTitle h2 {
        font-size: 25px;
    }
}

.searchDestinationSection .headingTitle h2 span {
    display: inline-block;
    line-height: 36px;
    color: #fff;
    font-weight: 400;
}

@media (min-width: 992px) {
    .searchDestinationSection .headingTitle h2 span {
        display: block;
        font-size: 32px;
    }
}

.searchDestinationSection .searchDestination {
    border: none;
    background-color: #fff;
    color: #222222 !important;
    border-radius: 5px;
}

    .searchDestinationSection .searchDestination .nav-tabs {
        border-bottom: 0;
    }

        .searchDestinationSection .searchDestination .nav-tabs li {
            border-width: 1px !important;
            border-color: #dedede;
            border-style: solid;
            border-top: 0px;
            margin: 0px !important;
            float: left;
            width: 25%;
            border-right: 0;
        }

@media (min-width: 768px) {
    .searchDestinationSection .searchDestination .nav-tabs li {
        border-right: 0px;
    }
}

.searchDestinationSection .searchDestination .nav-tabs li:first-child {
    border-left: 0;
}

.searchDestinationSection .searchDestination .nav-tabs li:last-child {
    border-right: 0;
}

.searchDestinationSection .searchDestination .nav-tabs li.active {
    border-bottom: 0px;
}

    .searchDestinationSection .searchDestination .nav-tabs li.active a {
        color: #ff891e;
        position: relative;
        border: 0px solid transparent;
    }

        .searchDestinationSection .searchDestination .nav-tabs li.active a span {
            color: #222222;
        }

        .searchDestinationSection .searchDestination .nav-tabs li.active a::after {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 2px;
            background-color: #ff891e;
            content: '';
        }

.searchDestinationSection .searchDestination .nav-tabs li a {
    text-align: center !important;
    border: none;
    margin: 0 !important;
    color: #969696;
    height: 70px;
    padding: 15px 7px;
}

@media (min-width: 768px) {
    .searchDestinationSection .searchDestination .nav-tabs li a {
        padding-top: 10px;
    }
}

@media (min-width: 992px) {
    .searchDestinationSection .searchDestination .nav-tabs li a {
        height: 90px;
        padding-top: 20px;
    }
}

.searchDestinationSection .searchDestination .nav-tabs li a:hover {
    background-color: transparent;
    border: 0px !important;
}

.searchDestinationSection .searchDestination .nav-tabs li a i {
    display: block;
    font-size: 20px;
}

@media (min-width: 768px) {
    .searchDestinationSection .searchDestination .nav-tabs li a i {
        font-size: 25px;
    }
}

@media (min-width: 992px) {
    .searchDestinationSection .searchDestination .nav-tabs li a i {
        font-size: 30px;
    }
}

.searchDestinationSection .searchDestination .nav-tabs li a span {
    text-transform: uppercase;
    font-size: 12px !important;
}

@media (min-width: 768px) {
    .searchDestinationSection .searchDestination .nav-tabs li a span {
        font-size: 14px !important;
    }
}

@media (min-width: 768px) {
    .searchDestinationSection .searchDestination .tab-content {
        margin: 10px 0 30px 0px;
    }
}

@media (min-width: 992px) {
    .searchDestinationSection .searchDestination .tab-content {
        margin: 30px 0 30px 0px;
    }
}

@media (min-width: 1200px) {
    .searchDestinationSection .searchDestination .tab-content {
        margin: 30px 0 30px 30px;
    }
}

.searchDestinationSection .searchDestination .tab-content .tab-pane {
    padding: 20px 10px;
}

@media (min-width: 768px) {
    .searchDestinationSection .searchDestination .tab-content .tab-pane {
        padding: 20px 40px 50px 20px;
    }
}

.searchDestinationSection .searchDestination .tab-content .tab-pane label {
    font-weight: 400;
    color: #222222;
}

.searchDestinationSection .searchDestination .tab-content .tab-pane .marginTop {
    margin-top: 0;
}

@media (min-width: 992px) {
    .searchDestinationSection .searchDestination .tab-content .tab-pane .marginTop {
        margin-top: 15px;
    }
}

.searchDestinationSection .searchDestination .tab-content .tab-pane .form-control {
    width: 100%;
    height: 45px;
    border-color: #dedede;
}

@media (min-width: 768px) {
    .searchDestinationSection .searchDestination .tab-content .tab-pane .form-control {
        width: 150px;
    }
}

@media (min-width: 992px) {
    .searchDestinationSection .searchDestination .tab-content .tab-pane .form-control {
        width: 200px;
    }
}

@media (min-width: 1200px) {
    .searchDestinationSection .searchDestination .tab-content .tab-pane .form-control {
        width: 222px;
    }
}

.searchDestinationSection .searchDestination .tab-content .tab-pane .form-control:active, .searchDestinationSection .searchDestination .tab-content .tab-pane .form-control:focus {
    border-color: #dedede;
}

.searchDestinationSection .searchDestination .tab-content .tab-pane .searchHotel .sbHolder {
    border-color: #dedede;
    margin-bottom: 15px;
    width: 100%;
}

@media (min-width: 768px) {
    .searchDestinationSection .searchDestination .tab-content .tab-pane .searchHotel .sbHolder {
        width: 150px;
    }
}

@media (min-width: 992px) {
    .searchDestinationSection .searchDestination .tab-content .tab-pane .searchHotel .sbHolder {
        width: 200px;
    }
}

@media (min-width: 1200px) {
    .searchDestinationSection .searchDestination .tab-content .tab-pane .searchHotel .sbHolder {
        width: 220px;
    }
}

.searchDestinationSection .searchDestination .tab-content .tab-pane .searchHotel .sbHolder .sbToggle {
    background-image: url(../plugins/selectbox/images/arrow-down-2.png);
    background-repeat: no-repeat;
}

.searchDestinationSection .searchDestination .tab-content .tab-pane .searchHotel .sbHolder .sbSelector {
    color: #969696 !important;
    text-transform: capitalize;
}

@media (min-width: 768px) {
    .searchDestinationSection .searchDestination .tab-content .tab-pane .searchHotel .sbHolder .sbSelector {
        margin-left: -10px;
    }
}

@media (min-width: 992px) {
    .searchDestinationSection .searchDestination .tab-content .tab-pane .searchHotel .sbHolder .sbSelector {
        margin-left: 0px;
    }
}

.searchDestinationSection .searchDestination .tab-content .tab-pane .searchHotel .sbHolder .sbOptions {
    border-color: #dedede;
}

.searchDestinationSection .searchDestination .tab-content .tab-pane .input-group.date.ed-datepicker.filterDate {
    position: relative;
    border: 0;
    margin-top: 0;
    margin-bottom: 15px;
    display: block;
}

    .searchDestinationSection .searchDestination .tab-content .tab-pane .input-group.date.ed-datepicker.filterDate .form-control {
        border-style: solid;
        border-width: 1px !important;
        border-radius: 3px;
        padding: 4px 12px 4px 12px;
    }

        .searchDestinationSection .searchDestination .tab-content .tab-pane .input-group.date.ed-datepicker.filterDate .form-control:active, .searchDestinationSection .searchDestination .tab-content .tab-pane .input-group.date.ed-datepicker.filterDate .form-control:focus {
            border-color: #969696;
        }

    .searchDestinationSection .searchDestination .tab-content .tab-pane .input-group.date.ed-datepicker.filterDate .input-group-addon {
        position: absolute;
        top: 10px;
        right: 31px;
    }

@media (min-width: 768px) {
    .searchDestinationSection .searchDestination .tab-content .tab-pane .input-group.date.ed-datepicker.filterDate .input-group-addon {
        right: 10px;
    }
}

@media (min-width: 1200px) {
    .searchDestinationSection .searchDestination .tab-content .tab-pane .input-group.date.ed-datepicker.filterDate .input-group-addon {
        right: 31px;
    }
}

@media (min-width: 992px) {
    .searchDestinationSection .searchDestination .tab-content .tab-pane .searchbtn {
        margin-top: 20px;
    }
}

.searchDestinationSection .searchDestination .tab-content .tab-pane .searchbtn .btn-default {
    background-color: #ff891e;
    padding: 14px 27px;
    color: #fff;
}

/*OUR PACKAGES SECTION */
.ourPackagesSection {
    padding-top: 0;
    margin-top: -80px;
}

@media (min-width: 480px) {
    .ourPackagesSection {
        margin-top: -200px;
    }
}

@media (min-width: 768px) {
    .ourPackagesSection {
        padding-top: 100px;
        margin-top: 0px;
    }
}

.ourPackagesSection .ourPackage {
    overflow: hidden;
    position: relative;
    cursor: pointer;
    margin-bottom: 30px;
    border-radius: 5px;
}

    .ourPackagesSection .ourPackage:hover .ourPackageContent {
        bottom: 30px;
        border-radius: 5px;
    }

        .ourPackagesSection .ourPackage:hover .ourPackageContent .buttonCustomPrimary {
            visibility: visible;
            opacity: 1;
        }

    .ourPackagesSection .ourPackage:hover .ourPackageImg {
        border-radius: 5px;
    }

        .ourPackagesSection .ourPackage:hover .ourPackageImg:after {
            opacity: 1;
        }

    .ourPackagesSection .ourPackage .ourPackageImg {
        height: auto;
        position: relative;
    }

        .ourPackagesSection .ourPackage .ourPackageImg img {
            width: 100%;
            border-radius: 5px;
        }

        .ourPackagesSection .ourPackage .ourPackageImg:after {
            content: '';
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            background: rgba(0, 0, 0, 0.2);
            opacity: 0;
            border-radius: 5px;
        }

    .ourPackagesSection .ourPackage .ourPackageContent {
        position: absolute;
        left: 30px;
        bottom: -30px;
        transition: all 0.4s ease;
    }

        .ourPackagesSection .ourPackage .ourPackageContent h4 {
            color: #fff;
            font-size: 20px;
            font-weight: 600;
            margin-bottom: 10px;
        }

        .ourPackagesSection .ourPackage .ourPackageContent p {
            color: #fff;
            font-size: 16px;
            line-height: 21px;
            margin-bottom: 30px;
            text-transform: uppercase;
        }

            .ourPackagesSection .ourPackage .ourPackageContent p span {
                color: #ff891e;
            }

    .ourPackagesSection .ourPackage .buttonCustomPrimary {
        visibility: hidden;
        opacity: 0;
        height: 35px;
        line-height: 35px;
        padding: 0 10px;
        font-size: 13px;
    }

.nextTravelSection {
    position: relative;
    background-position: center;
    background-size: cover;
    overflow: hidden;
}

    .nextTravelSection:after {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        background-color: rgba(0, 0, 0, 0.1);
        content: '';
    }

    .nextTravelSection .sectionTitleHomeCity2 {
        text-align: left;
    }

    .nextTravelSection .content .nextTravelContent {
        margin-top: 35px;
    }

        .nextTravelSection .content .nextTravelContent li {
            color: #fff;
            font-size: 14px;
            margin-bottom: 5px;
        }

            .nextTravelSection .content .nextTravelContent li i {
                margin-right: 15px;
                margin-left: 1px;
            }

    .nextTravelSection .content .buttonCustomPrimary {
        width: 140px;
        height: 45px;
        line-height: 45px;
        margin-top: 35px;
    }

.videoPlayerSection {
    position: relative;
    background-position: center;
    background-size: cover;
    height: 350px;
}

@media (min-width: 768px) {
    .videoPlayerSection {
        height: 500px;
    }
}

@media (min-width: 768px) {
    .videoPlayerSection {
        height: 550px;
    }
}

.videoPlayerSection:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.1);
    content: '';
}

.videoPlayerSection .videoPlayerIcon {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

    .videoPlayerSection .videoPlayerIcon a {
        display: block;
        text-align: center;
    }

    .videoPlayerSection .videoPlayerIcon i {
        width: 110px;
        height: 110px;
        border-radius: 50%;
        border: 5px solid #fff;
        font-size: 60px;
        color: #fff;
        line-height: 100px;
        padding-left: 10px;
    }

.topDestinationSection .destinationContent img {
    width: 100%;
    border-radius: 5px;
}

.topDestinationSection .destinationContent h5 {
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    color: #222222;
    margin-top: 30px;
    margin-bottom: 15px;
}

.packageSAleSection {
    position: relative;
    background-position: center;
    background-size: cover;
    height: 400px;
}

@media (min-width: 768px) {
    .packageSAleSection {
        height: 400px;
    }
}

@media (min-width: 768px) {
    .packageSAleSection {
        height: 400px;
    }
}

.packageSAleSection:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.1);
    content: '';
}

.packageSAleSection .sectionTitleHomeCity2 {
    text-align: left;
}

.packageSAleSection .buttonSale .buttonCustomPrimary {
    line-height: 45px;
    font-size: 15px;
    padding: 0 15px;
}

    .packageSAleSection .buttonSale .buttonCustomPrimary:hover {
        background-color: transparent;
        color: #fff;
        border: 1px solid #fff;
    }

.packageSAleSection .buttonSale .buttonTransparent, .packageSAleSection .buttonSale .paginationCenter .pagination li:first-child a, .paginationCenter .pagination li:first-child .packageSAleSection .buttonSale a, .packageSAleSection .buttonSale .paginationCenter .pagination li:last-child a, .paginationCenter .pagination li:last-child .packageSAleSection .buttonSale a, .packageSAleSection .buttonSale .isotopeFilters ul.filter > li a, .isotopeFilters ul.filter > li .packageSAleSection .buttonSale a {
    background-color: transparent;
    border: 1px solid #fff;
    color: #fff;
    font-size: 15px;
    height: auto;
    padding: 4px 20px;
}

@media (min-width: 768px) {
    .packageSAleSection .buttonSale .buttonTransparent, .packageSAleSection .buttonSale .paginationCenter .pagination li:first-child a, .paginationCenter .pagination li:first-child .packageSAleSection .buttonSale a, .packageSAleSection .buttonSale .paginationCenter .pagination li:last-child a, .paginationCenter .pagination li:last-child .packageSAleSection .buttonSale a, .packageSAleSection .buttonSale .isotopeFilters ul.filter > li a, .isotopeFilters ul.filter > li .packageSAleSection .buttonSale a {
        margin-left: 20px;
    }
}

.packageSAleSection .buttonSale .buttonTransparent:hover, .packageSAleSection .buttonSale .paginationCenter .pagination li:first-child a:hover, .paginationCenter .pagination li:first-child .packageSAleSection .buttonSale a:hover, .packageSAleSection .buttonSale .paginationCenter .pagination li:last-child a:hover, .paginationCenter .pagination li:last-child .packageSAleSection .buttonSale a:hover, .packageSAleSection .buttonSale .isotopeFilters ul.filter > li a:hover, .isotopeFilters ul.filter > li .packageSAleSection .buttonSale a:hover {
    background-color: #ff891e;
    border: 1px solid #ff891e;
}

.travelTipsThumbanail .thumbnail {
    margin-bottom: 50px;
}

    .travelTipsThumbanail .thumbnail img {
        width: 100%;
        border-radius: 3px;
    }

    .travelTipsThumbanail .thumbnail .caption {
        padding: 0;
    }

        .travelTipsThumbanail .thumbnail .caption h3 {
            font-size: 16px;
            line-height: 26px;
            color: #222222;
            margin-top: 24px;
            margin-bottom: 10px;
        }

        .travelTipsThumbanail .thumbnail .caption .meta-content a {
            margin-right: 15px;
            color: #969696;
        }

            .travelTipsThumbanail .thumbnail .caption .meta-content a i {
                margin-right: 10px;
            }

        .travelTipsThumbanail .thumbnail .caption p {
            line-height: 24px;
            font-size: 14px;
            margin-top: 18px;
            margin-bottom: 27px;
        }

        .travelTipsThumbanail .thumbnail .caption .readMoreBtn {
            text-transform: uppercase;
            color: #969696;
        }

            .travelTipsThumbanail .thumbnail .caption .readMoreBtn:hover {
                color: #ff891e;
                text-decoration: underline;
            }

.brandSliderSection {
    padding-top: 60px;
    padding-bottom: 60px;
}

    .brandSliderSection .brandSlider .slick-prev {
        left: -5px;
    }

        .brandSliderSection .brandSlider .slick-prev:before {
            font-family: 'FontAwesome';
            content: "\f104";
            color: #a5a5a5;
            font-size: 25px;
        }

    .brandSliderSection .brandSlider .slick-next {
        right: -5px;
    }

        .brandSliderSection .brandSlider .slick-next:before {
            content: "\f105";
            font-family: 'FontAwesome';
            color: #a5a5a5;
            font-size: 25px;
        }

    .brandSliderSection .brandSlider .slick-list .slick-track .slick-slide img {
        margin: 0 auto;
    }

.google-maps {
    width: 100%;
    margin: 50px 0 30px;
}

    .google-maps iframe {
        width: 100%;
        display: block;
        pointer-events: none;
        position: relative;
        /* IE needs a position other than static */
    }

        .google-maps iframe.clicked {
            pointer-events: auto;
        }

.singleHotel .carousel {
    margin-bottom: 30px;
    margin-top: 30px;
}

    .singleHotel .carousel .carousel-inner {
        border-radius: 5px;
    }

        .singleHotel .carousel .carousel-inner .item img {
            width: 100%;
        }

.singleHotel .carousel-indicators {
    display: none;
}

.singleHotel .carousel-control {
    background-image: none;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$value)";
    filter: alpha(opacity=1);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

    .singleHotel .carousel-control .glyphicon-menu-left,
    .singleHotel .carousel-control .glyphicon-menu-right,
    .singleHotel .carousel-control .icon-next,
    .singleHotel .carousel-control .icon-prev {
        position: absolute;
        top: 50%;
        margin-top: -40px;
        z-index: 5;
        width: 75px;
        height: 75px;
        line-height: 75px;
        border-radius: 4px;
        background-color: rgba(0, 0, 0, 0.35);
    }

@media (max-width: 767px) {
    .singleHotel .carousel-control .glyphicon-menu-left,
    .singleHotel .carousel-control .glyphicon-menu-right,
    .singleHotel .carousel-control .icon-next,
    .singleHotel .carousel-control .icon-prev {
        display: none;
    }
}

@media (min-width: 768px) {
    .singleHotel .carousel-control .glyphicon-menu-left,
    .singleHotel .carousel-control .glyphicon-menu-right,
    .singleHotel .carousel-control .icon-next,
    .singleHotel .carousel-control .icon-prev {
        display: inline-block;
    }
}

.singleHotel .carousel-control .icon-prev,
.singleHotel .carousel-control .glyphicon-menu-left {
    margin-left: 0;
    left: 20px;
}

.singleHotel .carousel-control .icon-next,
.singleHotel .carousel-control .glyphicon-menu-right {
    right: 20px;
    margin-right: 0;
}

.rooms-types-aria {
    margin-top: 40px;
}

/*.rooms-types-aria .roomCategory .roomAdvantage {
            margin-bottom: 30px;
        }*/

@media (min-width: 320px) {
    .rooms-types-aria .roomCategory .roomAdvantage {
        text-align: center;
    }
}

@media (min-width: 768px) {
    .rooms-types-aria .roomCategory .roomAdvantage {
        text-align: left;
    }
}

.rooms-types-aria .roomCategory .roomAdvantage li {
    display: inline-block;
    margin-right: 20px;
}

    .rooms-types-aria .roomCategory .roomAdvantage li a {
        color: #969696;
        display: block;
        font-size: 11px;
    }

        .rooms-types-aria .roomCategory .roomAdvantage li a:hover {
            color: #ff891e;
        }

        .rooms-types-aria .roomCategory .roomAdvantage li a img {
            margin-right: 7px;
        }

.rooms-types-aria .roomCategory .roomRate {
    font-weight: 700;
    font-size: 16px;
}

.roomGellary img {
    width: 100px;
    height: 100px;
    object-fit: cover;
    margin-right: 5px;
}

.roomRate {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%; /* Ensures the container takes up the full width */
}

    .roomRate span {
        font-size: 20px; /* Adjust this based on your design */
        color: #FF8C00; /* This is just an example; use your theme color */
        white-space: nowrap; /* Prevents the price from wrapping to the next line */
    }





.roomRate {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    width: 100% !important;
}

    .roomRate span, .roomRate .btn-custom {
        white-space: nowrap !important;
    }

.roomAdvantage {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 25px;
}

    .roomAdvantage li {
        list-style: none;
        padding: 2px 5px;
        background-color: #f8f8f8;
        border-radius: 5px;
    }

.roomDetails {
    margin-bottom: 20px;
}

.roomCancelation {
    margin-bottom: 20px;
}

.roomGellary {
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}


@media (min-width: 320px) {
    .rooms-types-aria .roomCategory .roomRate {
        text-align: center;
    }
}

@media (min-width: 992px) {
    .rooms-types-aria .roomCategory .roomRate {
        text-align: right;
    }
}

.rooms-types-aria .roomCategory .roomRate span {
    color: #ff891e;
}

.rooms-types-aria .roomCategory .roomGellary {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.hotel-images-aria .hotelGellary {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

    .hotel-images-aria .hotelGellary .single-item {
        -ms-flex-preferred-size: 133px;
        flex-basis: 133px;
    }

.rooms-types-aria .roomCategory .roomGellary .single-item {
    -ms-flex-preferred-size: 133px;
    flex-basis: 133px;
}

@media (min-width: 768px) {
    .rooms-types-aria .roomCategory .roomGellary .single-item {
        -ms-flex-preferred-size: 156px;
        flex-basis: 156px;
    }

    .hotel-images-aria .hotelGellary .single-item {
        -ms-flex-preferred-size: 156px;
        flex-basis: 156px;
    }
}

@media (min-width: 992px) {
    .rooms-types-aria .roomCategory .roomGellary .single-item {
        -ms-flex-preferred-size: 123px;
        flex-basis: 123px;
    }

    .hotel-images-aria .hotelGellary .single-item {
        -ms-flex-preferred-size: 123px;
        flex-basis: 123px;
    }
}

@media (min-width: 1200px) {
    .rooms-types-aria .roomCategory .roomGellary .single-item {
        -ms-flex-preferred-size: 149px;
        flex-basis: 149px;
    }

    .hotel-images-aria .hotelGellary .single-item {
        -ms-flex-preferred-size: 149px;
        flex-basis: 149px;
    }
}

.rooms-types-aria .roomCategory .roomGellary .single-item img {
    width: 100%;
    height: 100%;
    border-radius: 5px;
    padding: 3px;
}

.hotel-images-aria .hotelGellary .single-item img {
    width: 100%;
    height: 100%;
    border-radius: 5px;
    padding: 3px;
}

.rooms-types-aria .roomCategory .roomGellary .single-item img:last-child {
    padding: 3px 0 3px 3px;
}

.rooms-types-aria .roomCategory .roomGellary .single-item img:first-child {
    padding: 3px 3px 3px 0;
}

.hotel-images-aria .hotelGellary .single-item img:last-child {
    padding: 3px 0 3px 3px;
}

.hotel-images-aria .hotelGellary .single-item img:first-child {
    padding: 3px 3px 3px 0;
}

.singleCartSidebar {
    margin-top: 50px;
}

@media (min-width: 768px) {
    .singleCartSidebar {
        margin-top: 0px;
    }
}

@media(min-width:1400px) {
    .singleCartSidebar {
        width: 420px;
    }
}

.hotelListSidebar {
    border: 1px solid #e5e5e5;
    border-top: none;
    margin-bottom: 30px;
    border-radius: 2px;
    background-color: #ffffff;
}

    .hotelListSidebar .panel-heading-title {
        background: #fff;
        padding: 30px 20px 12px 20px;
        border-top: 2px solid #ff891e;
        border-top-right-radius: 2px;
        border-top-left-radius: 2px;
    }

        .hotelListSidebar .panel-heading-title h3 {
            font-size: 18px;
            font-weight: 700;
            color: #000;
        }

    .hotelListSidebar .panel {
        box-shadow: none;
    }

    .hotelListSidebar .panel-heading {
        margin-bottom: 20px;
    }

        .hotelListSidebar .panel-heading .panel-title a {
            font-size: 13px;
            color: #969696;
            font-weight: 700;
            display: block;
        }

            .hotelListSidebar .panel-heading .panel-title a:focus {
                text-decoration: none;
            }

        .hotelListSidebar .panel-heading .panel-title i {
            margin-right: 10px;
        }

    .hotelListSidebar .panel-body {
        border-top: 0px !important;
    }

        .hotelListSidebar .panel-body .check-box-list {
            position: relative;
        }

            .hotelListSidebar .panel-body .check-box-list:before {
                position: absolute;
                width: 100%;
                height: 1px;
                background-color: #dedede;
                content: '';
                left: 0;
                top: -36px;
            }

            .hotelListSidebar .panel-body .check-box-list .form-check label i {
                color: #fec701;
            }

            .hotelListSidebar .panel-body .check-box-list .form-check-input {
                margin-left: 4px;
                margin-top: 6px;
                padding: 5px;
                opacity: 0;
                display: none;
            }

            .hotelListSidebar .panel-body .check-box-list .form-check-label {
                padding-left: 0px;
                margin-bottom: 10px;
                font-size: 13px;
                cursor: default;
                color: #969696;
                font-weight: 400;
                width: 100%;
            }

            .hotelListSidebar .panel-body .check-box-list .checkbox-custom + .checkbox-custom-label:before {
                content: '';
                background: #ffffff;
                border: 1px solid #dedede;
                display: inline-block;
                vertical-align: middle;
                width: 22px;
                height: 22px;
                padding: 0;
                margin-right: 10px;
                text-align: center;
                line-height: 22px;
            }

            .hotelListSidebar .panel-body .check-box-list .checkbox-custom:checked + .checkbox-custom-label:before {
                content: "\f00c";
                font-family: 'FontAwesome';
                color: #ffffff;
                background: #ff891e;
                border: 0px solid #ff891e;
                font-size: 10px;
                font-weight: normal;
            }

    .hotelListSidebar .control-label {
        padding: 12px 0 0 0;
        color: #969696;
        font-weight: 400;
        text-transform: uppercase;
        font-size: 12px;
        text-align: left;
    }

@media (min-width: 768px) {
    .hotelListSidebar .control-label {
        text-align: center;
        margin-bottom: 15px;
    }
}

@media (min-width: 992px) {
    .hotelListSidebar .control-label {
        text-align: left;
        margin-bottom: 0;
    }
}

.hotelListSidebar .datepickerWrap {
    padding: 0;
}

@media (min-width: 1200px) {
    .hotelListSidebar .datepickerWrap {
        padding: 0 15px;
    }
}

.hotelListSidebar .datepickerWrap .count-input {
    position: relative;
    width: 135px;
}

@media (min-width: 768px) {
    .hotelListSidebar .datepickerWrap .count-input {
        margin: auto;
    }
}

@media (min-width: 992px) {
    .hotelListSidebar .datepickerWrap .count-input {
        margin-left: 0;
        width: 120px;
    }
}

@media (min-width: 1200px) {
    .hotelListSidebar .datepickerWrap .count-input {
        margin-left: 0;
        width: 137px;
    }
}

.hotelListSidebar .datepickerWrap .count-input .incr-btn {
    color: #666666;
    display: block;
    font-size: 30px;
    font-weight: 300;
    height: 40px;
    line-height: 37px;
    position: absolute;
    right: 0;
    text-align: center;
    text-decoration: none;
    top: 0;
    width: 48px;
}

@media (min-width: 992px) {
    .hotelListSidebar .datepickerWrap .count-input .incr-btn {
        width: 40px;
    }
}

@media (min-width: 1200px) {
    .hotelListSidebar .datepickerWrap .count-input .incr-btn {
        width: 48px;
    }
}

.hotelListSidebar .datepickerWrap .count-input .incr-btn:first-child {
    left: 0;
    right: auto;
    border-right: 1px solid #eaeaea;
}

.hotelListSidebar .datepickerWrap .count-input .incr-btn:last-child {
    border-left: 1px solid #eaeaea;
}

.hotelListSidebar .datepickerWrap .count-input input {
    -moz-appearance: none;
    background: transparent none repeat scroll 0 0;
    border: 1px solid #eaeaea;
    border-radius: 3px;
    height: 40px;
    font-weight: 700;
    color: #666666;
    text-align: center;
    width: 100%;
}

.sort-by-section {
    margin-bottom: 30px;
}

    .sort-by-section .sort-select-box {
        margin-bottom: 20px;
    }

@media (min-width: 768px) {
    .sort-by-section .sort-select-box {
        margin-bottom: 0;
    }
}

.sort-by-section .sort-select-box .sbHolder {
    width: 100%;
    height: 45px;
    border-radius: 3px;
    border-color: #dedede;
}

@media (min-width: 768px) {
    .sort-by-section .sort-select-box .sbHolder {
        width: 270px;
    }
}

.sort-by-section .sort-select-box .sbHolder .sbToggle {
    top: 20px;
    background: url(../plugins/selectbox/images/light-drop.png) no-repeat;
}

.sort-by-section .sort-select-box .sbHolder .sbSelector {
    line-height: 45px;
    color: #666666 !important;
    font-size: 13px;
    text-transform: uppercase;
    font-family: "Montserrat",sans-serif;
    width: 100%;
}

.sort-by-section .sort-select-box .sbHolder .sbOptions {
    width: 100% !important;
    right: 0 !important;
    top: 44px !important;
    border-color: #dedede;
    z-index: 1100;
}

    .sort-by-section .sort-select-box .sbHolder .sbOptions li a {
        color: #666666 !important;
        text-transform: uppercase;
        font-family: "Montserrat",sans-serif;
        font-size: 13px;
    }

        .sort-by-section .sort-select-box .sbHolder .sbOptions li a:hover {
            color: #ff891e !important;
        }

.sort-by-section .icon-right {
    float: unset !important;
}

@media (min-width: 768px) {
    .sort-by-section .icon-right {
        float: right !important;
    }
}

.sort-by-section .icon-right .icon {
    display: inline-block;
    width: 47px;
    height: 47px;
    margin-left: 10px;
    margin-top: 15px;
}

@media (min-width: 768px) {
    .sort-by-section .icon-right .icon {
        margin-top: 0;
        width: 40px;
        height: 40px;
    }
}

.sort-by-section .icon-right .icon a {
    display: block;
    color: #969696;
    text-align: center;
    line-height: 47px;
    font-size: 20px;
    border-radius: 3px;
    background-color: #fff;
}

@media (min-width: 768px) {
    .sort-by-section .icon-right .icon a {
        line-height: 40px;
    }
}

.sort-by-section .icon-right .icon.active a {
    background-color: #ff891e;
    color: #ffffff;
}

.hotelsList .media-left {
    padding-right: 0 !important;
}

.hotelsList .media-body {
    padding: 30px 30px 28px 20px;
    border: 1px solid #e5e5e5;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

    .hotelsList .media-body .countryRating span {
        border-right: 0;
        float: unset;
        margin-left: 10px;
    }

    .hotelsList .media-body .countryRating .rating {
        display: inline-block;
        width: auto;
    }

.sidebarPage .packagesList.hotelsList .media-body {
    padding: 30px 30px 20px 20px;
}

/*================= 8. BLOG ==================*/
/*================= 8.1 BLOG POST LIST ITEM ==================*/
.blogPostListItem {
    padding-bottom: 50px;
    margin-bottom: 50px;
    border-bottom: 1px solid #e5e5e5;
}

    .blogPostListItem .media-body {
        padding: 20px;
    }

    .blogPostListItem .media-left img {
        width: 100%;
        border-radius: 4px;
    }

/*================= 8.2 BLOG POST SIDEBAR ==================*/
@media (max-width: 767px) {
    .blogSidebar .media-left {
        width: auto;
    }
}

@media (min-width: 768px) {
    .blogSidebar .media-left {
        width: 50%;
    }
}

.blogSidebar .media-left img {
    width: 100%;
    border-radius: 4px;
}

.blogSidebar .panel {
    border-color: #eeeeee;
    box-shadow: none;
    background-color: whitesmoke;
    padding-bottom: 15px;
}

    .blogSidebar .panel .panel-heading {
        border: none;
        font-size: 20px;
        color: #222222;
        line-height: 26px;
    }

    .blogSidebar .panel .panel-body .input-group .form-control {
        box-shadow: none;
        border: none;
    }

    .blogSidebar .panel .panel-body .input-group .input-group-addon {
        background-color: #ff891e;
        box-shadow: none;
        border: none;
        border-radius: 4px;
    }

        .blogSidebar .panel .panel-body .input-group .input-group-addon i {
            color: #ffffff;
        }

    .blogSidebar .panel .panel-body .list-group {
        margin-bottom: 0;
    }

        .blogSidebar .panel .panel-body .list-group .list-group-item {
            background-color: transparent;
            border: none;
            border-bottom: 1px solid #e5e5e5;
            border-radius: 0;
            padding-left: 0;
            padding-right: 0;
            color: #222222;
        }

            .blogSidebar .panel .panel-body .list-group .list-group-item .badge {
                background-color: transparent;
                color: #222222;
                transition: all 0.3s ease-in-out;
            }

            .blogSidebar .panel .panel-body .list-group .list-group-item:hover {
                -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$value)";
                filter: alpha(opacity=1);
                -moz-opacity: 1;
                -khtml-opacity: 1;
                opacity: 1;
                color: #ff891e;
            }

                .blogSidebar .panel .panel-body .list-group .list-group-item:hover .badge {
                    color: #ff891e;
                }

            .blogSidebar .panel .panel-body .list-group .list-group-item:last-child {
                border: none;
            }

    .blogSidebar .panel .panel-body .list-inline li {
        width: 33.33333333%;
        float: left;
        padding: 5px;
    }

        .blogSidebar .panel .panel-body .list-inline li a {
            width: 100%;
            display: block;
        }

            .blogSidebar .panel .panel-body .list-inline li a img {
                width: 100%;
                border-radius: 4px;
            }

.tabArea {
    margin-bottom: 20px;
}

    .tabArea .nav-tabs {
        border-color: #eeeeee;
    }

        .tabArea .nav-tabs > li {
            padding: 0;
        }

@media (min-width: 768px) {
    .tabArea .nav-tabs > li {
        display: block;
        width: 100%;
        float: none;
    }
}

@media (min-width: 992px) {
    .tabArea .nav-tabs > li {
        display: table-cell;
        width: 1%;
    }
}

@media (min-width: 1200px) {
    .tabArea .nav-tabs > li {
        padding-left: 4px;
    }
}

.tabArea .nav-tabs > li > a {
    border: 1px solid #eeeeee;
    color: #222222;
}

@media (min-width: 992px) {
    .tabArea .nav-tabs > li > a {
        padding: 10px 0;
    }
}

@media (min-width: 1200px) {
    .tabArea .nav-tabs > li > a {
        padding: 10px 15px;
    }
}

.tabArea .nav-tabs > li.active a {
    border-color: #eeeeee;
    background-color: whitesmoke;
    color: #222222;
    border-bottom-color: whitesmoke;
}

.tabArea .nav-tabs > li:first-child {
    padding-left: 0;
}

.tabArea .nav-tabs > li:last-child {
    padding-right: 0;
}

.tabArea .tab-content {
    background-color: whitesmoke;
    border: 1px solid #eeeeee;
    border-top: none;
    border-radius: 4px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding: 20px 16px;
}

    .tabArea .tab-content .media {
        padding-bottom: 15px;
        margin-bottom: 15px;
        border-bottom: 1px solid #e5e5e5;
    }

        .tabArea .tab-content .media.removeMargin {
            margin: 0;
            border: none;
        }

        .tabArea .tab-content .media .media-left {
            width: 35%;
            padding-right: 8px;
        }

            .tabArea .tab-content .media .media-left img {
                width: 100%;
                border-radius: 4px;
            }

        .tabArea .tab-content .media .media-body .media-heading {
            color: #222222;
            font-size: 14px;
            line-height: 21px;
            margin-bottom: 5px;
            float: left;
            text-transform: capitalize;
            font-weight: 400;
        }

            .tabArea .tab-content .media .media-body .media-heading:hover {
                color: #ff891e;
            }

        .tabArea .tab-content .media .media-body p {
            font-size: 12px;
            line-height: 18px;
            margin-bottom: 0;
            display: inline-block;
        }

            .tabArea .tab-content .media .media-body p i {
                margin-right: 4px;
            }

/*================= 8.3 BLOG SINGLE POST ==================*/
.blogSinglePost {
    border: none;
    padding: 0;
}

    .blogSinglePost img {
        margin-bottom: 25px;
        border-radius: 8px;
    }

    .blogSinglePost .caption h2 {
        font-size: 20px;
        margin-bottom: 20px;
        text-transform: capitalize;
        font-weight: 400;
    }

    .blogSinglePost .caption p {
        margin-bottom: 20px;
    }

    .blogSinglePost .well {
        background-color: whitesmoke;
        border: none;
        box-shadow: none;
        float: left;
        display: block;
        width: 100%;
        margin-bottom: 60px;
    }

        .blogSinglePost .well span {
            color: #222222;
            font-weight: 700;
            font-size: 15px;
            float: left;
        }

        .blogSinglePost .well .list-inline {
            float: right;
        }

            .blogSinglePost .well .list-inline li a {
                font-size: 14px;
                color: #969696;
            }

                .blogSinglePost .well .list-inline li a:hover {
                    color: #ff891e;
                }

.imageBg {
    background-image: url("../img/blog/blog-single-02.png");
    width: 100%;
    background-size: cover;
    background-position: center top;
    color: #ffffff;
    height: 208px;
    border-radius: 5px;
    margin-bottom: 20px;
}

    .imageBg .imageBgTable {
        display: table;
        height: 208px;
        width: 100%;
    }

        .imageBg .imageBgTable .imageBgTableInner {
            display: table-cell;
            text-align: left;
            vertical-align: middle;
        }

            .imageBg .imageBgTable .imageBgTableInner blockquote {
                padding: 0 50px;
                border: none;
                margin-bottom: 0;
            }

                .imageBg .imageBgTable .imageBgTableInner blockquote p {
                    color: #ffffff;
                    font-size: 18px;
                    line-height: 26px;
                }

                .imageBg .imageBgTable .imageBgTableInner blockquote footer {
                    color: #ffffff;
                    font-size: 14px;
                    line-height: 26px;
                }

.commentsArea h3 {
    font-weight: 400;
    text-transform: capitalize;
    margin-bottom: 30px;
    font-size: 20px;
}

.commentsArea .media {
    margin: 0 0 50px 0;
}

    .commentsArea .media .media-left {
        padding-right: 20px;
        width: auto;
        display: inline-block;
        float: left;
    }

    .commentsArea .media .media-body .media {
        margin: 50px 0 0 0;
    }

    .commentsArea .media .media-body h4, .commentsArea .media .media-body p {
        text-transform: capitalize;
        font-size: 14px;
        margin: 0 0 14px 0;
        display: block;
    }

        .commentsArea .media .media-body h4 span, .commentsArea .media .media-body p span {
            color: #969696;
            font-weight: 400;
        }

            .commentsArea .media .media-body h4 span i, .commentsArea .media .media-body p span i {
                margin-right: 14px;
            }

    .commentsArea .media .media-body p {
        color: #969696;
        line-height: 22px;
    }

    .commentsArea .media .media-body .btn-link {
        padding: 0;
        color: #ff891e;
        transition: all 0.3s ease-in-out;
        text-transform: capitalize;
        font-size: 14px;
    }

        .commentsArea .media .media-body .btn-link:hover {
            color: #ff891e;
            text-decoration: none;
        }

/*================= 9. 404 NOT FOUND PAGE ==================*/
/*=== 9.1 404 PAGE BACKGROUND ===*/
.notFoundBg {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 840px;
    overflow: hidden;
    background: url(../img/not-found/not-found-bg.jpg) no-repeat center top fixed;
    background-size: cover;
}

.notFoundContent {
    min-height: 390px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
}

@media (max-width: 767px) {
    .notFoundContent {
        min-width: 100%;
    }
}

@media (min-width: 768px) {
    .notFoundContent {
        min-width: 585px;
    }
}

.notFoundContent img {
    margin-bottom: 75px;
}

.notFoundContent h4 {
    font-size: 20px;
    line-height: 26px;
    color: #ffffff;
    text-transform: capitalize;
    margin-bottom: 75px;
    font-weight: 400;
}

@media (max-width: 767px) {
    .notFoundContent h4 {
        padding: 0 20px;
    }
}

@media (min-width: 768px) {
    .notFoundContent h4 {
        padding: 0;
    }
}

.notFoundContent p {
    color: #ffffff;
    margin-bottom: 20px;
}

.notFoundContent .input-group {
    margin: 0 auto;
}

@media (max-width: 767px) {
    .notFoundContent .input-group {
        width: 100%;
    }
}

@media (min-width: 768px) {
    .notFoundContent .input-group {
        width: 350px;
    }
}

.notFoundContent .input-group .form-control {
    height: 45px;
    box-shadow: none;
    background-color: transparent;
    border-color: rgba(155, 153, 152, 0.25);
    color: #ffffff;
}

.notFoundContent .input-group .input-group-addon {
    height: 45px;
    background-color: #ff891e;
    color: #ffffff;
    border-color: #ff891e;
    padding: 6px 30px;
}

/*================= 10 CONTACT US ==================*/
/*=== 10.1 CONTACT INFO ===*/
.contactInfo h2 {
    font-size: 26px;
    color: #222222;
    margin-bottom: 13px;
}

.contactInfo p {
    margin-bottom: 25px;
}

@media (max-width: 767px) {
    .contactInfo p {
        font-size: 10px;
        line-height: 16px;
    }
}

@media (min-width: 768px) {
    .contactInfo p {
        font-size: 14px;
        line-height: 21px;
    }
}

.contactInfo .media {
    margin-bottom: 20px;
}

    .contactInfo .media .media-left {
        width: 75px;
        height: 75px;
        line-height: 75px;
        text-align: center;
        background-color: #ff891e;
        color: #ffffff;
        padding-right: 0;
        margin-right: 25px;
        font-size: 35px;
        float: left;
    }

    .contactInfo .media p {
        margin-bottom: 0;
    }

        .contactInfo .media p a {
            color: #969696;
        }

    .contactInfo .media .media-body h4 {
        font-weight: 400;
    }

/*=== 10.2 MAP AREA SECTION ===*/
.mapArea {
    width: 100%;
    display: block;
}

    .mapArea iframe {
        width: 100%;
    }

/*================= 11 ABOUT US ==================*/
/*=== 11.1 ABOUT US TITLE ===*/
.aboutTitle {
    padding-bottom: 30px;
    margin-bottom: 50px;
    border-bottom: 1px solid #e5e5e5;
}

    .aboutTitle h4 {
        text-transform: capitalize;
        color: #969696;
        font-weight: 400;
        text-align: center;
        line-height: 24px;
    }

    .aboutTitle p {
        text-align: center;
    }

.aboutItem .media {
    margin-bottom: 50px;
}

    .aboutItem .media .media-left {
        width: 60px;
        height: 60px;
        border-radius: 4px;
        background-color: #262a2e;
        padding-right: 0;
        margin-right: 20px;
        text-align: center;
    }

        .aboutItem .media .media-left i {
            font-size: 35px;
            line-height: 60px;
            color: #ffffff;
        }

    .aboutItem .media .media-body h4 {
        text-align: left;
        color: #222222;
        margin-bottom: 13px;
        text-transform: capitalize;
    }

    .aboutItem .media .media-body p {
        text-align: left;
    }

/*=== 11.2 ABOUT COMMENTS ===*/
.aboutComments {
    background-image: url("../img/home/promotion/promotion-1.jpg");
    background-attachment: fixed;
    width: 100%;
    background-size: cover;
    background-position: center;
    color: #ffffff;
    height: 407px;
    padding: 0;
}

    .aboutComments .commentsTable {
        display: table;
        height: 407px;
        width: 100%;
    }

        .aboutComments .commentsTable .commentsTableInner {
            display: table-cell;
            vertical-align: middle;
            text-align: center;
        }

            .aboutComments .commentsTable .commentsTableInner .commentsInfo i {
                padding: 16px 13px;
                background-color: #2f3031;
                font-size: 35px;
                color: #ffffff;
                line-height: 30px;
                border-radius: 4px;
                margin-bottom: 45px;
            }

            .aboutComments .commentsTable .commentsTableInner .commentsInfo p {
                color: #ffffff;
                margin-bottom: 45px;
            }

            .aboutComments .commentsTable .commentsTableInner .commentsInfo h5 {
                font-size: 14px;
                line-height: 20px;
                color: #ff891e;
                margin: 0;
            }

/*=== 11.2 ABOUT TEAM MEMBERS ===*/
.teamMember {
    position: relative;
}

@media (max-width: 767px) {
    .teamMember {
        margin-bottom: 30px;
    }
}

@media (min-width: 768px) {
    .teamMember {
        margin-bottom: 0;
    }
}

.teamMember img {
    width: 100%;
    border-radius: 4px;
}

.teamMember .memberName {
    position: absolute;
    left: 30px;
    bottom: 30px;
    z-index: 100;
    transition: all 0.3s ease-in-out;
}

    .teamMember .memberName h4 {
        line-height: 18px;
        color: #ffffff;
        margin-bottom: 0;
    }

    .teamMember .memberName p {
        margin-bottom: 0;
        color: #ffffff;
    }

.teamMember .maskingArea {
    width: 100%;
    height: 40%;
    position: absolute;
    left: 0;
    top: 80px;
    z-index: 50;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$value)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.7);
    border-radius: 4px;
    transition: all 0.3s ease-in-out;
}

    .teamMember .maskingArea p {
        position: absolute;
        left: 30px;
        bottom: 120px;
        margin-bottom: 0;
        color: #ffffff;
        padding-right: 48px;
    }

    .teamMember .maskingArea .list-inline {
        position: absolute;
        left: 30px;
        bottom: 15px;
    }

@media (min-width: 768px) {
    .teamMember .maskingArea .list-inline li {
        padding: 2px;
    }
}

@media (min-width: 992px) {
    .teamMember .maskingArea .list-inline li {
        padding: 0 2px;
    }
}

@media (min-width: 1200px) {
    .teamMember .maskingArea .list-inline li {
        padding: 0 5px;
    }
}

.teamMember .maskingArea .list-inline li a {
    display: block;
    text-align: center;
    border: 1px solid #4a4e52;
    border-radius: 100%;
    color: #ffffff;
}

    .teamMember .maskingArea .list-inline li a:hover {
        background-color: #ff891e;
        border-color: #ff891e;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$value)";
        filter: alpha(opacity=1);
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1;
    }

@media (max-width: 767px) {
    .teamMember .maskingArea .list-inline li a {
        width: 35px;
        height: 35px;
        line-height: 35px;
        font-size: 14px;
    }
}

@media (min-width: 768px) {
    .teamMember .maskingArea .list-inline li a {
        width: 25px;
        height: 25px;
        line-height: 25px;
        font-size: 10px;
    }
}

@media (min-width: 992px) {
    .teamMember .maskingArea .list-inline li a {
        width: 35px;
        height: 35px;
        line-height: 35px;
        font-size: 14px;
    }
}

.teamMember:hover .memberName {
    bottom: 180px;
}

.teamMember:hover .maskingArea {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$value)";
    filter: alpha(opacity=1);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

/*================= 12 BOOKING ==================*/
/*=== 12.1 BOOKING PROGRESS BAR ===*/
.progress-wizard {
    margin-top: 40px;
    border-bottom: 1px solid #e0e0e0;
    padding: 0 0 30px 0;
}

    .progress-wizard > .progress-wizard-step {
        padding: 0;
        position: relative;
        height: 100px;
    }

@media (max-width: 767px) {
    .progress-wizard > .progress-wizard-step {
        margin-bottom: 30px;
    }
}

@media (min-width: 768px) {
    .progress-wizard > .progress-wizard-step {
        margin-bottom: 0;
    }
}

.progress-wizard > .progress-wizard-step > .progress {
    position: relative;
    border-radius: 0px;
    height: 2px;
    box-shadow: none;
    margin: 20px 0;
}

    .progress-wizard > .progress-wizard-step > .progress > .progress-bar {
        width: 0px;
        box-shadow: none;
    }

@media (max-width: 767px) {
    .progress-wizard > .progress-wizard-step > .progress > .progress-bar {
        background-color: transparent;
    }
}

@media (min-width: 768px) {
    .progress-wizard > .progress-wizard-step > .progress > .progress-bar {
        background: #ff891e;
    }
}

.progress-wizard > .progress-wizard-step.complete > .progress > .progress-bar {
    width: 100%;
}

.progress-wizard > .progress-wizard-step.active > .progress > .progress-bar {
    width: 50%;
}

.progress-wizard > .progress-wizard-step > .progress > .progress-bar {
    width: 0%;
}

.progress-wizard > .progress-wizard-step:first-child.active > .progress > .progress-bar {
    width: 0%;
}

.progress-wizard > .progress-wizard-step:last-child.active > .progress > .progress-bar {
    width: 100%;
}

.progress-wizard > .progress-wizard-step:first-child > .progress {
    left: 50%;
    width: 50%;
}

.progress-wizard > .progress-wizard-step:last-child > .progress {
    width: 50%;
}

@media (max-width: 767px) {
    .progress {
        background-color: transparent;
    }
}

@media (min-width: 768px) {
    .progress {
        background-color: #dedede;
    }
}

.progress-wizard > .progress-wizard-step > .progress-wizard-dot {
    width: 203px;
    display: block;
    background-color: #ffffff;
    border-radius: 10px;
    border: 2px solid #ff891e;
    padding: 21px 0;
    text-align: center;
    color: #222222;
}

@media (max-width: 767px) {
    .progress-wizard > .progress-wizard-step > .progress-wizard-dot {
        position: relative;
        top: 0;
        left: 0;
        margin: -20px auto 0 auto;
    }
}

@media (min-width: 768px) {
    .progress-wizard > .progress-wizard-step > .progress-wizard-dot {
        position: absolute;
        top: -15px;
        left: 28%;
        margin-top: -15px;
        margin-left: -15px;
    }
}

.progress-wizard > .progress-wizard-step > .progress-wizard-dot i {
    display: block;
    color: #222222;
    font-size: 20px;
    margin-bottom: 15px;
}

.progress-wizard > .progress-wizard-step > .progress-wizard-dot:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$value)";
    filter: alpha(opacity=1);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

.progress-wizard > .progress-wizard-step.disabled > .progress-wizard-dot {
    border-color: #dedede;
    color: #969696;
}

.progress-wizard > .progress-wizard-step.complete > .progress-wizard-dot {
    background-color: #ff891e;
    color: #ffffff;
}

    .progress-wizard > .progress-wizard-step.complete > .progress-wizard-dot i {
        color: #ffffff;
    }

/*=== 12.1 BOOKING INFO ===*/
.infoTitle h2 {
    font-weight: 400;
    color: #222222;
    font-size: 20px;
    text-transform: capitalize;
    margin-bottom: 25px;
}

/*=== 12.2 BOOKING FORM ===*/
.bookingForm .form .form-control, .bookingForm .commentsForm .form-control, .bookingForm .modal.bookingModal .modal-dialog .modal-content .modal-body .form-control, .modal.bookingModal .modal-dialog .modal-content .bookingForm .modal-body .form-control {
    border: none;
}

.bookingForm .form .form-group label, .bookingForm .commentsForm .form-group label, .bookingForm .modal.bookingModal .modal-dialog .modal-content .modal-body .form-group label, .modal.bookingModal .modal-dialog .modal-content .bookingForm .modal-body .form-group label {
    color: #222222;
    font-weight: 400;
}

    .bookingForm .form .form-group label.blankLabel, .bookingForm .commentsForm .form-group label.blankLabel, .bookingForm .modal.bookingModal .modal-dialog .modal-content .modal-body .form-group label.blankLabel, .modal.bookingModal .modal-dialog .modal-content .bookingForm .modal-body .form-group label.blankLabel {
        height: 16px;
    }

.bookingForm .form .checkbox label, .bookingForm .commentsForm .checkbox label, .bookingForm .modal.bookingModal .modal-dialog .modal-content .modal-body .checkbox label, .modal.bookingModal .modal-dialog .modal-content .bookingForm .modal-body .checkbox label {
    color: #222222;
    font-weight: 400;
}

    .bookingForm .form .checkbox label a, .bookingForm .commentsForm .checkbox label a, .bookingForm .modal.bookingModal .modal-dialog .modal-content .modal-body .checkbox label a, .modal.bookingModal .modal-dialog .modal-content .bookingForm .modal-body .checkbox label a {
        color: #ff891e;
    }

.bookingForm .form .checkbox input[type=checkbox], .bookingForm .commentsForm .checkbox input[type=checkbox], .bookingForm .modal.bookingModal .modal-dialog .modal-content .modal-body .checkbox input[type=checkbox], .modal.bookingModal .modal-dialog .modal-content .bookingForm .modal-body .checkbox input[type=checkbox] {
    border-color: #ff891e;
}

/*=== 12.3 BOOKING DETAILS ===*/
@media (max-width: 767px) {
    .bookDetailsInfo {
        margin-bottom: 30px;
    }
}

@media (min-width: 768px) {
    .bookDetailsInfo {
        margin-bottom: 0;
    }
}

.bookDetailsInfo img {
    width: 100%;
    border-radius: 4px;
}

.infoArea {
    padding: 20px;
    background-color: whitesmoke;
    border-radius: 0 0 4px 4px;
}

    .infoArea h3 {
        font-size: 16px;
        color: #222222;
        margin-bottom: 25px;
        text-transform: capitalize;
        font-weight: 400;
    }



    .infoArea .list-unstyled li {
        font-size: 14px;
        color: #222222;
        padding: 15px 0;
        border-bottom: 1px solid #dedede;
    }

        .infoArea .list-unstyled li i {
            margin-right: 5px;
        }

        .infoArea .list-unstyled li span {
            color: #969696;
        }

    .infoArea h2 {
        font-size: 20px;
        color: #222222;
        font-weight: 400;
    }

        .infoArea h2 span {
            color: #ff891e;
            font-weight: 700;
        }

/*=== 12.4 BOOKING CONFIRMED ===*/
.bookingConfirmed .alert {
    position: relative;
    min-height: 90px;
    margin-bottom: 50px;
    background-image: url("../img/booking/alert-check.png");
    background-position: 0 0;
    background-size: 50px 90px;
    background-repeat: no-repeat;
}

@media (max-width: 767px) {
    .bookingConfirmed .alert {
        line-height: 20px;
        padding: 15px 65px 0 60px;
        font-size: 11px;
    }
}

@media (min-width: 768px) {
    .bookingConfirmed .alert {
        line-height: 90px;
        padding: 0 0 0 70px;
        font-size: 16px;
    }
}

.bookingConfirmed .alert-dismissable .close, .bookingConfirmed .alert-dismissible .close {
    position: absolute;
    top: 0;
    right: 20px;
    color: #60a662;
    height: 90px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$value)";
    filter: alpha(opacity=1);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

@media (max-width: 767px) {
    .bookingConfirmed .alert-dismissable .close, .bookingConfirmed .alert-dismissible .close {
        font-size: 10px;
    }
}

@media (min-width: 768px) {
    .bookingConfirmed .alert-dismissable .close, .bookingConfirmed .alert-dismissible .close {
        font-size: 14px;
    }
}

.bookingConfirmed .infoTitle h2 {
    font-size: 26px;
}

.confirmDetilas img {
    width: 100%;
    border-radius: 4px;
}

.confirmInfo {
    padding: 40px 30px;
}

    .confirmInfo .infoTitle h2 {
        font-size: 20px;
    }

    .confirmInfo .infoTitle h3 {
        font-size: 20px;
    }

    .confirmInfo p {
        margin-bottom: 40px;
    }

    .confirmInfo .dl-horizontal dt {
        width: 100px;
        text-align: left;
        color: #222222;
        font-weight: 400;
        margin-bottom: 5px;
        float: left;
    }

        .confirmInfo .dl-horizontal dt i {
            margin-right: 5px;
        }

    .confirmInfo .dl-horizontal dd {
        margin: 0 0 5px 100px;
    }

.priceTotal h2 {
    text-transform: capitalize;
    color: #222222;
    font-size: 26px;
    font-weight: 400;
    margin: auto 0
}

    .priceTotal h2 span {
        color: #ff891e;
        font-size: 25px;
    }

/*================= 13 COMING SOON ==================*/
/*=== 13.1 COMING SOON BG ===*/
.comingSoonBg {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 840px;
    overflow: hidden;
    background: url(../img/coming-soon/coming-bg.jpg) no-repeat center top fixed;
    background-size: cover;
}

.comingTitle {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    padding: 35px 0;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.3);
}

@media (max-width: 767px) {
    .comingTitle {
        padding: 15px 0;
    }
}

@media (min-width: 768px) {
    .comingTitle {
        padding: 35px 0;
    }
}

.comingContent {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
}

@media (max-width: 767px) {
    .comingContent {
        width: 100%;
        min-width: 100%;
        padding: 0 10px;
    }
}

@media (min-width: 768px) {
    .comingContent {
        width: auto;
        min-width: 585px;
        padding: 0;
    }
}

.comingContent h1 {
    font-weight: 400;
    color: #ffffff;
    font-size: 40px;
}

@media (max-width: 767px) {
    .comingContent h1 {
        font-size: 30px;
        margin: 20px 0 15px 0;
    }
}

@media (min-width: 768px) {
    .comingContent h1 {
        font-size: 40px;
        margin: 20px 0 40px 0;
    }
}

.comingContent p {
    color: #a7a7a7;
    margin-bottom: 20px;
}

@media (max-width: 767px) {
    .comingContent p {
        font-size: 10px;
        line-height: 15px;
    }
}

@media (min-width: 768px) {
    .comingContent p {
        font-size: 14px;
        line-height: 21px;
    }
}

.comingContent .input-group {
    margin: 0 auto;
    margin-bottom: 20px;
}

@media (max-width: 767px) {
    .comingContent .input-group {
        width: 100%;
    }
}

@media (min-width: 768px) {
    .comingContent .input-group {
        width: 550px;
    }
}

.comingContent .input-group .form-control {
    height: 45px;
    box-shadow: none;
    background-color: transparent;
    border-color: rgba(155, 153, 152, 0.25);
    color: #ffffff;
}

.comingContent .input-group .input-group-addon {
    height: 45px;
    background-color: #ff891e;
    color: #ffffff;
    border-color: #ff891e;
    border-radius: 4px;
}

@media (max-width: 767px) {
    .comingContent .input-group .input-group-addon {
        padding: 6px 15px;
    }
}

@media (min-width: 768px) {
    .comingContent .input-group .input-group-addon {
        padding: 6px 30px;
    }
}

@media (min-width: 768px) {
    .comingContent .list-inline li {
        padding: 2px;
    }
}

@media (min-width: 992px) {
    .comingContent .list-inline li {
        padding: 0 2px;
    }
}

@media (min-width: 1200px) {
    .comingContent .list-inline li {
        padding: 0 5px;
    }
}

.comingContent .list-inline li a {
    display: block;
    text-align: center;
    border-radius: 100%;
    color: rgba(0, 0, 0, 0.4);
    background-color: rgba(255, 255, 255, 0.4);
}

    .comingContent .list-inline li a:hover {
        background-color: #ff891e;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$value)";
        filter: alpha(opacity=1);
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1;
        color: #ffffff;
    }

@media (max-width: 767px) {
    .comingContent .list-inline li a {
        width: 35px;
        height: 35px;
        line-height: 35px;
        font-size: 14px;
    }
}

@media (min-width: 768px) {
    .comingContent .list-inline li a {
        width: 25px;
        height: 25px;
        line-height: 25px;
        font-size: 10px;
    }
}

@media (min-width: 992px) {
    .comingContent .list-inline li a {
        width: 35px;
        height: 35px;
        line-height: 35px;
        font-size: 14px;
    }
}

.count-down {
    padding: 0 0 35px 0;
}

    .count-down #simple_timer {
        width: 100%;
        margin: 0 auto;
        color: #ffffff;
        text-align: center;
    }

        .count-down #simple_timer .table-cell {
            display: inline-block;
        }

@media (min-width: 480px) {
    .count-down #simple_timer .table-cell {
        margin: 0 10px;
    }
}

@media (min-width: 768px) {
    .count-down #simple_timer .table-cell {
        margin: 0 10px;
    }
}

@media (min-width: 992px) {
    .count-down #simple_timer .table-cell {
        margin: 0 10px;
    }
}

@media (min-width: 1200px) {
    .count-down #simple_timer .table-cell {
        margin: 0 12px;
    }
}

.count-down #simple_timer .table-cell .tab-val {
    font-weight: 700;
    display: block;
    margin-bottom: 20px;
    border-radius: 100%;
    background-color: rgba(255, 255, 255, 0.1);
    border: 1px solid #ffffff;
}

@media (max-width: 767px) {
    .count-down #simple_timer .table-cell .tab-val {
        width: 65px;
        height: 65px;
        line-height: 65px;
        font-size: 25px;
    }
}

@media (min-width: 768px) {
    .count-down #simple_timer .table-cell .tab-val {
        width: 85px;
        height: 85px;
        line-height: 85px;
        font-size: 35px;
    }
}

@media (min-width: 992px) {
    .count-down #simple_timer .table-cell .tab-val {
        width: 85px;
        height: 85px;
        line-height: 85px;
        font-size: 35px;
    }
}

@media (min-width: 1200px) {
    .count-down #simple_timer .table-cell .tab-val {
        width: 109px;
        height: 109px;
        line-height: 109px;
        font-size: 45px;
    }
}

.count-down #simple_timer .table-cell .tab-metr {
    color: #a7a7a7;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
}

@media (min-width: 768px) {
    .count-down #simple_timer .table-cell .tab-metr {
        font-size: 15px;
    }
}

/*================= 14 PRICING TABLE ==================*/
/*=== 14.1 PRICING TABLE 1 ===*/
.priceTable .panel {
    text-align: center;
    border-color: #dedede;
    background-color: transparent;
}

    .priceTable .panel .panel-heading {
        font-size: 24px;
        color: #222222;
        text-transform: uppercase;
        padding: 25px 15px;
        background-color: transparent;
        border-color: #dedede;
    }

    .priceTable .panel .panel-body {
        background-color: whitesmoke;
        border-bottom: 1px solid #dedede;
    }

        .priceTable .panel .panel-body.changeColor {
            background-color: #ededed;
        }

    .priceTable .panel .priceCircle {
        width: 131px;
        padding: 35px 0;
        background-color: #ffffff;
        border: 1px solid #dedede;
        border-radius: 100%;
        display: inline-block;
        transition: all 0.3s ease-in-out;
    }

        .priceTable .panel .priceCircle h3 {
            font-size: 32px;
            color: #ff891e;
            margin: 0;
            line-height: 45px;
            transition: all 0.3s ease-in-out;
        }

            .priceTable .panel .priceCircle h3 small {
                display: block;
                color: #969696;
                font-size: 14px;
                text-transform: lowercase;
            }

    .priceTable .panel .list-unstyled {
        padding: 40px 0 10px 20px;
    }

        .priceTable .panel .list-unstyled li {
            text-align: left;
            margin-bottom: 25px;
            color: #969696;
            font-size: 16px;
        }

            .priceTable .panel .list-unstyled li i {
                margin-right: 10px;
            }

    .priceTable .panel .panel-footer {
        padding: 25px 15px;
        background-color: transparent;
        border-color: #dedede;
    }

    .priceTable .panel .bodyImageBg {
        padding: 0;
        position: relative;
    }

        .priceTable .panel .bodyImageBg img {
            width: 100%;
        }

        .priceTable .panel .bodyImageBg .priceCircle {
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            width: auto;
            height: auto;
            padding: 0 0;
            border-radius: 0;
            background-color: transparent;
            border: none;
            transition: all 0.3s ease-in-out;
        }

            .priceTable .panel .bodyImageBg .priceCircle h3 {
                font-size: 32px;
                color: #ffffff;
                margin: 0;
                line-height: 45px;
            }

                .priceTable .panel .bodyImageBg .priceCircle h3 small {
                    display: block;
                    color: #ffffff;
                    font-size: 14px;
                    text-transform: lowercase;
                }

    .priceTable .panel:hover .priceCircle {
        background-color: #ff891e;
    }

        .priceTable .panel:hover .priceCircle h3 {
            color: #ffffff;
        }

            .priceTable .panel:hover .priceCircle h3 small {
                color: #ffffff;
            }

    .priceTable .panel:hover .bodyImageBg .priceCircle {
        background-color: transparent;
    }

        .priceTable .panel:hover .bodyImageBg .priceCircle h3 {
            color: #ff891e;
        }

/*================= 15 TABS ==================*/
/*=== 15.1 TABS PART ===*/
.tabsPart .nav-tabs {
    text-align: center;
    border: none;
    margin-bottom: 70px;
}

    .tabsPart .nav-tabs li {
        float: none;
        display: inline-block;
    }

        .tabsPart .nav-tabs li a {
            height: 35px;
            line-height: 35px;
            border-radius: 4px;
            padding: 0 15px;
            color: #969696;
            text-transform: uppercase;
            outline: 0;
            border: 1px solid #dedede;
        }

            .tabsPart .nav-tabs li a:hover {
                background-color: #ff891e;
                color: #ffffff;
                -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$value)";
                filter: alpha(opacity=1);
                -moz-opacity: 1;
                -khtml-opacity: 1;
                opacity: 1;
            }

        .tabsPart .nav-tabs li.active a {
            background-color: #ff891e;
            color: #ffffff;
            border: 1px solid #ff891e;
        }

.tabsPart .tab-content .media img {
    border-radius: 4px;
}

.tabsPart .media-body {
    padding-left: 20px;
}

.tabsPart .commonInfo h2 {
    margin: 15px 0;
    text-transform: capitalize;
}

.tabsPart .tab-pane .well {
    margin-bottom: 60px;
}

.tabSection .tabArea .media:last-child {
    border: none;
    margin-bottom: 0;
}

.tabSection .tabArea .media-body {
    padding-left: 20px;
}

/*================= 16 ADMIN ==================*/
/*=== 16.1 DASHBOARD MENU ===*/
.dashboardMenu {
    background: #262a2e;
}

    .dashboardMenu .navbar {
        margin: 0;
    }

        .dashboardMenu .navbar .navbar-collapse {
            float: none;
        }

@media (min-width: 768px) {
    .dashboardMenu .navbar .navbar-collapse {
        float: left;
    }
}

.dashboardMenu .dashboradNav .navbar-header {
    display: inline-block;
}

    .dashboardMenu .dashboradNav .navbar-header .navbar-toggle {
        float: left;
        margin-left: 10px;
        margin-top: 13px;
    }

        .dashboardMenu .dashboradNav .navbar-header .navbar-toggle .icon-bar {
            background-color: #333;
        }

.dashboardMenu .dashboradNav .dashboardNavLeft > li > a {
    border-bottom: 0;
    font-size: 13px;
    line-height: 20px;
    text-transform: capitalize;
}

@media (min-width: 768px) {
    .dashboardMenu .dashboradNav .dashboardNavLeft > li > a {
        color: rgba(255, 255, 255, 0.4) !important;
        padding: 10px 5px 7px 0;
        margin-bottom: 15px;
        margin-top: 11px;
    }
}

@media (min-width: 992px) {
    .dashboardMenu .dashboradNav .dashboardNavLeft > li > a {
        font-size: 14px;
        padding: 10px 17px 7px 0;
    }
}

@media (min-width: 1200px) {
    .dashboardMenu .dashboradNav .dashboardNavLeft > li > a {
        padding: 10px 20px 7px 0;
    }
}

@media (min-width: 768px) {
    .dashboardMenu .dashboradNav .dashboardNavLeft > li > a.active {
        color: #fff !important;
    }
}

.dashboardMenu .dashboradNav .dashboardNavLeft > li > a:after {
    background-color: transparent;
}

.dashboardMenu .dashboradNav .dashboardNavLeft > li > a:hover, .dashboardMenu .dashboradNav .dashboardNavLeft > li > a:focus {
    background-color: transparent;
    color: white !important;
}

.dashboardMenu .dashboradNav .dashboardNavLeft > li > a:active {
    color: #fff;
}

.dashboardMenu .dashboradNav .dashboardNavLeft > li > a i.fa {
    margin-right: 10px;
}

@media (min-width: 768px) {
    .dashboardMenu .dashboradNav .dashboardNavLeft > li > a i.fa {
        margin-right: 5px;
    }
}

@media (min-width: 992px) {
    .dashboardMenu .dashboradNav .dashboardNavLeft > li > a i.fa {
        margin-right: 10px;
    }
}

.dashboardMenu .dashboradNav .dashboardNavLeft > li.dropdown.singleDrop .dropdown-menu li a {
    padding: 5px 12px;
}

.dashboardMenu .dashboradNav .dashboardNavRight {
    float: right;
}

    .dashboardMenu .dashboradNav .dashboardNavRight .NavRight .singleDrop {
        display: inline-block;
        padding: 13px 8px;
    }

@media (min-width: 768px) {
    .dashboardMenu .dashboradNav .dashboardNavRight .NavRight .singleDrop {
        padding: 20px 8px;
    }
}

.dashboardMenu .dashboradNav .dashboardNavRight .NavRight .singleDrop a {
    position: relative;
    color: #222222;
    border-bottom: 0;
}

    .dashboardMenu .dashboradNav .dashboardNavRight .NavRight .singleDrop a .notifyNumber {
        color: #ffffff;
        background-color: #ff891e;
        position: absolute;
        top: -17px;
        left: 52px;
        padding: 0px 5px;
        border-radius: 3px;
        z-index: 20;
        font-size: 11px;
        line-height: 1.5;
    }

    .dashboardMenu .dashboradNav .dashboardNavRight .NavRight .singleDrop a:after {
        background-color: transparent;
    }

    .dashboardMenu .dashboradNav .dashboardNavRight .NavRight .singleDrop a:hover {
        background-color: transparent;
        color: #222222;
    }

    .dashboardMenu .dashboradNav .dashboardNavRight .NavRight .singleDrop a:focus {
        background-color: transparent;
    }

    .dashboardMenu .dashboradNav .dashboardNavRight .NavRight .singleDrop a img {
        width: 34px;
        height: 34px;
        border-radius: 50%;
        top: -9px;
        left: 0;
    }

@media (min-width: 320px) {
    .dashboardMenu .dashboradNav .dashboardNavRight .NavRight .singleDrop a img {
        position: static;
    }
}

@media (min-width: 768px) {
    .dashboardMenu .dashboradNav .dashboardNavRight .NavRight .singleDrop a img {
        position: absolute;
    }
}

@media (min-width: 320px) {
    .dashboardMenu .dashboradNav .dashboardNavRight .NavRight .singleDrop a .fa {
        margin-left: 44px;
        font-size: 14px;
        color: rgba(255, 255, 255, 0.4);
    }
}

@media (min-width: 320px) {
    .dashboardMenu .dashboradNav .dashboardNavRight .NavRight .singleDrop a .fa-angle-down {
        display: none;
    }
}

@media (min-width: 768px) {
    .dashboardMenu .dashboradNav .dashboardNavRight .NavRight .singleDrop a .fa-angle-down {
        display: block;
    }
}

.dashboardMenu .dashboradNav .dashboardNavRight .NavRight .singleDrop .dropdownMenu {
    right: -10px;
    left: auto;
    min-width: 228px;
    top: 98%;
    box-shadow: none;
}

@media (min-width: 768px) {
    .dashboardMenu .dashboradNav .dashboardNavRight .NavRight .singleDrop .dropdownMenu {
        min-width: 320px;
    }
}

.dashboardMenu .dashboradNav .dashboardNavRight .NavRight .singleDrop .dropdownMenu li {
    border-bottom: 1px solid #e5e5e5;
}

    .dashboardMenu .dashboradNav .dashboardNavRight .NavRight .singleDrop .dropdownMenu li:last-child {
        border-bottom: 0;
    }

    .dashboardMenu .dashboradNav .dashboardNavRight .NavRight .singleDrop .dropdownMenu li a {
        position: relative;
        transition: all 0.3s ease-in-out;
    }

        .dashboardMenu .dashboradNav .dashboardNavRight .NavRight .singleDrop .dropdownMenu li a h4 {
            font-size: 20px;
            font-weight: 400;
            text-transform: capitalize;
            margin-bottom: 0;
            padding: 10px 0;
        }

        .dashboardMenu .dashboradNav .dashboardNavRight .NavRight .singleDrop .dropdownMenu li a h5 {
            font-size: 15px;
        }

        .dashboardMenu .dashboradNav .dashboardNavRight .NavRight .singleDrop .dropdownMenu li a p {
            font-size: 12px;
            line-height: 20px;
        }

        .dashboardMenu .dashboradNav .dashboardNavRight .NavRight .singleDrop .dropdownMenu li a .fa {
            top: 20px;
            right: 13px;
            font-size: 15px;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$value)";
            filter: alpha(opacity=0);
            -moz-opacity: 0;
            -khtml-opacity: 0;
            opacity: 0;
            transition: all;
        }

@media (min-width: 320px) {
    .dashboardMenu .dashboradNav .dashboardNavRight .NavRight .singleDrop .dropdownMenu li a .fa {
        position: relative;
    }
}

@media (min-width: 992px) {
    .dashboardMenu .dashboradNav .dashboardNavRight .NavRight .singleDrop .dropdownMenu li a .fa {
        position: absolute;
    }
}

.dashboardMenu .dashboradNav .dashboardNavRight .NavRight .singleDrop .dropdownMenu li:hover {
    background: #fafafa;
}

    .dashboardMenu .dashboradNav .dashboardNavRight .NavRight .singleDrop .dropdownMenu li:hover .fa {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$value)";
        filter: alpha(opacity=1);
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1;
    }

.dashboardMenu .dashboradNav .dashboardNavRight .NavRight .singleDrop .dropdownMenu:before {
    position: absolute;
    content: "";
    background: #fff;
    width: 12px;
    height: 12px;
    border-radius: 3px 0 0 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    box-shadow: -2px -2px 2px rgba(0, 0, 0, 0.08) 1px 2px #CCC;
    top: -6px;
    right: 16px;
}

@media (min-width: 320px) {
    .dashboardMenu .dashboradNav .dashboardNavRight .NavRight .singleDrop .dropdownMenu:before {
        display: none;
    }
}

@media (min-width: 768px) {
    .dashboardMenu .dashboradNav .dashboardNavRight .NavRight .singleDrop .dropdownMenu:before {
        display: block;
    }
}

/*=== 16.2 WELCOME SECTION ===*/
.welcomeSection {
    margin-top: 80px;
    margin-bottom: 45px;
}

    .welcomeSection h2 {
        color: #222;
        font-size: 22px;
        line-height: 22px;
        font-weight: 600;
    }

        .welcomeSection h2 span {
            color: #ff891e;
        }

/*=== 16.3 ALERT SECTION ===*/
.alertSection .alert {
    min-height: 70px;
    margin-bottom: 20px;
    background-size: 50px 90px;
    background-repeat: no-repeat;
    display: block;
}

@media (max-width: 767px) {
    .alertSection .alert {
        line-height: 20px;
        padding: 15px 65px 0 5px;
        font-size: 11px;
    }
}

@media (min-width: 768px) {
    .alertSection .alert {
        padding: 0 0 0 0px;
        font-size: 14px;
    }
}

@media (min-width: 992px) {
    .alertSection .alert {
        min-height: 90px;
        line-height: 90px;
        padding: 0 0 0 0px;
        font-size: 16px;
    }
}

.alertSection .alert i {
    width: 50px;
    height: auto;
    line-height: 90px;
    display: none;
    text-align: center;
    color: #fff;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    margin-right: 20px;
}

@media (min-width: 768px) {
    .alertSection .alert i {
        display: inline-block;
    }
}

.alertSection .alert .fa-check {
    background-color: #60a662;
}

.alertSection .alert .fa-info {
    background-color: #e25a5a;
}

.alertSection .alert-dismissable .close, .alertSection .alert-dismissible .close {
    position: absolute;
    top: -10px;
    right: 20px;
    height: 90px;
    padding-right: 10px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$value)";
    filter: alpha(opacity=1);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

@media (max-width: 767px) {
    .alertSection .alert-dismissable .close, .alertSection .alert-dismissible .close {
        font-size: 10px;
    }
}

@media (min-width: 768px) {
    .alertSection .alert-dismissable .close, .alertSection .alert-dismissible .close {
        padding-right: 25px;
        top: 0;
        font-size: 14px;
        padding-right: 10px;
    }
}

.alertSection .alert-dismissable .close:hover, .alertSection .alert-dismissable .close:active, .alertSection .alert-dismissable .close:focus, .alertSection .alert-dismissible .close:hover, .alertSection .alert-dismissible .close:active, .alertSection .alert-dismissible .close:focus {
    color: inherit;
}

/*=== 16.4 DASHBOARD COLOR ===*/
.bg-blue-c {
    background-color: #1ab3e8;
}

.bg-red-c {
    background-color: #e25a5a;
}

.bg-green-c {
    background-color: #1cd066;
}

.bg-orange-c {
    background-color: #fa9335;
}

.bg-ash {
    background-color: #f5f5f5;
}

.bg-blue-b {
    background-color: #18a8da;
}

.bg-red-b {
    background-color: #d55555;
}

.bg-green-b {
    background-color: #1ac460;
}

.bg-orange-b {
    background-color: #eb8a32;
}

/*=== 16.5 DASHBOARD BLOCK SECTION ===*/
.blockSection {
    margin: 30px 0;
}

    .blockSection .content-block {
        border-radius: 3px;
        margin-bottom: 15px;
        color: #fff;
    }

        .blockSection .content-block .media {
            padding: 40px 20px;
        }

        .blockSection .content-block h4 {
            color: #fff;
            font-size: 26px;
        }

        .blockSection .content-block p {
            color: #fff;
        }

        .blockSection .content-block .icon {
            display: block;
            width: 60px;
            height: 60px;
            border: 1px solid #fff;
            border-radius: 50%;
            font-size: 30px;
            line-height: 60px;
            text-align: center;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$value)";
            filter: alpha(opacity=1);
            -moz-opacity: 1;
            -khtml-opacity: 1;
            opacity: 1;
        }

        .blockSection .content-block .btn-content {
            display: block;
            text-align: left;
            padding: 13px 20px;
            color: #fff;
            text-transform: capitalize;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$value)";
            filter: alpha(opacity=1);
            -moz-opacity: 1;
            -khtml-opacity: 1;
            opacity: 1;
            border-top-left-radius: 0;
            border-top-right-radius: 0;
        }

            .blockSection .content-block .btn-content i {
                float: right;
            }

/*=== 16.6 DASHBOARD RECENT ACTIVITY SECTION ===*/
.recentActivitySection {
    margin-bottom: 50px;
}

    .recentActivitySection .recentActivityContent {
        padding: 10px;
        border-radius: 5px;
    }

@media (min-width: 768px) {
    .recentActivitySection .recentActivityContent {
        padding: 20px;
    }
}

@media (min-width: 992px) {
    .recentActivitySection .recentActivityContent {
        padding: 30px;
    }
}

.recentActivitySection .dashboardPageTitle h2 {
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 15px;
}

.recentActivitySection .listingsTable {
    margin-bottom: 0px;
}

    .recentActivitySection .listingsTable .rowItem {
        background-color: #fff;
    }

        .recentActivitySection .listingsTable .rowItem h4 {
            margin-bottom: 7px;
            color: #ff891e;
            font-size: 12px;
            text-transform: capitalize;
            font-weight: 400;
        }

@media (min-width: 768px) {
    .recentActivitySection .listingsTable .rowItem h4 {
        font-size: 16px;
    }
}

.recentActivitySection .listingsTable .rowItem h4 a {
    color: #222;
}

.recentActivitySection .listingsTable .rowItem p {
    text-transform: uppercase;
    font-size: 9px;
    line-height: 9px;
}

@media (min-width: 768px) {
    .recentActivitySection .listingsTable .rowItem p {
        font-size: 14px;
        line-height: 21px;
    }
}

.recentActivitySection .listingsTable .rowItem .dateTd {
    width: auto;
}

@media (min-width: 992px) {
    .recentActivitySection .listingsTable .rowItem .dateTd {
        width: 10%;
    }
}

.recentActivitySection .listingsTable .rowItem .dateTd .date {
    display: none;
    color: #fff;
    background-color: #ff891e;
    width: 55px;
    height: 58px;
    border-radius: 3px;
    text-align: center;
    font-size: 22px;
    font-weight: 600;
    margin: auto;
}

@media (min-width: 768px) {
    .recentActivitySection .listingsTable .rowItem .dateTd .date {
        display: block;
    }
}

.recentActivitySection .listingsTable .rowItem .dateTd .date span {
    display: block;
    font-size: 14px;
}

.recentActivitySection .listingsTable .rowItem .iconTd {
    width: auto;
}

@media (min-width: 992px) {
    .recentActivitySection .listingsTable .rowItem .iconTd {
        width: 5%;
    }
}

.recentActivitySection .listingsTable .rowItem .iconTd .icon {
    display: block;
    width: 45px;
    height: 45px;
    font-size: 20px;
    line-height: 40px;
    border: 1px solid;
    border-radius: 50%;
    text-align: center;
    margin: 0 7px;
}

    .recentActivitySection .listingsTable .rowItem .iconTd .icon.br-orange {
        border-color: #ff891e;
        color: #ff891e;
    }

    .recentActivitySection .listingsTable .rowItem .iconTd .icon.br-blue {
        border-color: #1ab3e8;
        color: #1ab3e8;
    }

    .recentActivitySection .listingsTable .rowItem .iconTd .icon.br-green {
        border-color: #1cd066;
        color: #1cd066;
    }

    .recentActivitySection .listingsTable .rowItem .iconTd .icon.br-red {
        border-color: #e25a5a;
        color: #e25a5a;
    }

.recentActivitySection .listingsTable .rowItem .packageTd {
    width: auto;
}

@media (min-width: 992px) {
    .recentActivitySection .listingsTable .rowItem .packageTd {
        width: 35%;
        margin-left: 15px;
    }
}

.recentActivitySection .listingsTable .rowItem .packageTd h4 {
    margin-top: 15px;
}

.recentActivitySection .listingsTable .rowItem .priceTd {
    width: auto;
    position: relative;
    padding-right: 5px;
}

@media (min-width: 768px) {
    .recentActivitySection .listingsTable .rowItem .priceTd {
        padding-right: 15px;
    }
}

@media (min-width: 992px) {
    .recentActivitySection .listingsTable .rowItem .priceTd {
        width: 30%;
    }
}

.recentActivitySection .listingsTable .rowItem .priceTd h4 {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 0;
    margin-top: 12px;
}

@media (min-width: 768px) {
    .recentActivitySection .listingsTable .rowItem .priceTd h4 {
        font-size: 22px;
        font-weight: 600;
    }
}

.recentActivitySection .listingsTable .rowItem .priceTd p {
    font-size: 8px;
}

@media (min-width: 768px) {
    .recentActivitySection .listingsTable .rowItem .priceTd p {
        font-size: 12px;
    }
}

.recentActivitySection .listingsTable .rowItem .priceTd:after {
    position: absolute;
    width: 1px;
    height: 50px;
    background-color: #e5e5e5;
    content: '';
    right: 0;
    top: 9%;
    display: none;
}

@media (min-width: 768px) {
    .recentActivitySection .listingsTable .rowItem .priceTd:after {
        top: 12%;
        height: 70px;
        display: block;
    }
}

.recentActivitySection .listingsTable .rowItem .bookingTd {
    width: auto;
    padding-left: 5px;
}

@media (min-width: 768px) {
    .recentActivitySection .listingsTable .rowItem .bookingTd {
        width: 20%;
        padding-left: 15px;
    }
}

.recentActivitySection .listingsTable .rowItem .bookingTd .list-inline {
    display: none;
}

@media (min-width: 768px) {
    .recentActivitySection .listingsTable .rowItem .bookingTd .list-inline {
        display: block;
    }
}

.recentActivitySection .listingsTable .rowItem .bookingTd h4 {
    font-size: 9px;
    margin-bottom: 0;
}

@media (min-width: 768px) {
    .recentActivitySection .listingsTable .rowItem .bookingTd h4 {
        font-size: 11px;
    }
}

.recentActivitySection .listingsTable .rowItem .bookingTd p {
    margin-bottom: 3px;
    font-size: 9px;
}

@media (min-width: 768px) {
    .recentActivitySection .listingsTable .rowItem .bookingTd p {
        font-size: 11px;
    }
}

.recentActivitySection .listingsTable .rowItem:hover {
    background-color: #fff9f4;
}

.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
    vertical-align: middle;
    padding: 10px 0;
}

/*=== 16.7 DASHBOARD RECENT OFFER SECTION ===*/
.recentOfferSection {
    margin-top: 30px;
    margin-bottom: 80px;
    /* Recent Offer Contetnt */
    /* Need Help Aria */
}

    .recentOfferSection .recentOfferContent {
        padding: 10px;
        border-radius: 5px;
        /* Benifit Aria*/
    }

@media (min-width: 768px) {
    .recentOfferSection .recentOfferContent {
        padding: 20px;
    }
}

@media (min-width: 992px) {
    .recentOfferSection .recentOfferContent {
        padding: 30px;
    }
}

.recentOfferSection .recentOfferContent .benefitsAria h4 {
    font-size: 15px;
    font-weight: 400;
    color: #222222;
    padding-top: 15px;
}

@media (min-width: 768px) {
    .recentOfferSection .recentOfferContent .benefitsAria h4 {
        padding-top: 0px;
    }
}

.recentOfferSection .recentOfferContent .benefitsAria .benifitsContent {
    padding: 10px;
    border-radius: 5px;
    background-color: #fff;
}

@media (min-width: 768px) {
    .recentOfferSection .recentOfferContent .benefitsAria .benifitsContent {
        padding: 15px;
    }
}

@media (min-width: 992px) {
    .recentOfferSection .recentOfferContent .benefitsAria .benifitsContent {
        padding: 30px;
    }
}

.recentOfferSection .recentOfferContent .benefitsAria .benifitsContent ul li {
    margin-bottom: 9px;
}

    .recentOfferSection .recentOfferContent .benefitsAria .benifitsContent ul li a {
        color: #969696;
    }

@media (min-width: 768px) {
    .recentOfferSection .recentOfferContent .benefitsAria .benifitsContent ul li a {
        font-size: 13px;
    }
}

@media (min-width: 992px) {
    .recentOfferSection .recentOfferContent .benefitsAria .benifitsContent ul li a {
        font-size: 14px;
    }
}

.recentOfferSection .recentOfferContent .benefitsAria .benifitsContent ul li a i {
    margin-right: 11px;
    color: #ff891e;
}

.recentOfferSection .recentOfferContent .benefitsAria .benifitsContent ul li a:hover, .recentOfferSection .recentOfferContent .benefitsAria .benifitsContent ul li a:active, .recentOfferSection .recentOfferContent .benefitsAria .benifitsContent ul li a:focus {
    color: #ff891e;
}

.recentOfferSection .recentOfferAria h4 {
    font-size: 15px;
    font-weight: 400;
    color: #222222;
    padding-top: 15px;
}

@media (min-width: 768px) {
    .recentOfferSection .recentOfferAria h4 {
        padding-top: 0px;
    }
}

.recentOfferSection .recentOfferAria .offerContent {
    padding: 10px;
    border-radius: 5px;
    background-color: #fff;
}

@media (min-width: 768px) {
    .recentOfferSection .recentOfferAria .offerContent {
        padding: 15px;
    }
}

@media (min-width: 992px) {
    .recentOfferSection .recentOfferAria .offerContent {
        padding: 30px;
    }
}

.recentOfferSection .recentOfferAria .offerContent .singleContent {
    position: relative;
}

    .recentOfferSection .recentOfferAria .offerContent .singleContent .media .media-left {
        margin-right: 5px;
    }

        .recentOfferSection .recentOfferAria .offerContent .singleContent .media .media-left img {
            border-radius: 3px;
        }

    .recentOfferSection .recentOfferAria .offerContent .singleContent .media .media-body h4 {
        font-size: 14px;
        font-weight: 400;
        color: #222222;
        text-transform: capitalize;
    }

@media (min-width: 992px) {
    .recentOfferSection .recentOfferAria .offerContent .singleContent .media .media-body h4 {
        margin-top: 10px;
    }
}

.recentOfferSection .recentOfferAria .offerContent .singleContent .media .media-body p {
    font-size: 12px;
}

    .recentOfferSection .recentOfferAria .offerContent .singleContent .media .media-body p span {
        color: #ff891e;
        font-size: 14px;
    }

.recentOfferSection .needhelpAria h4 {
    font-size: 15px;
    font-weight: 400;
    color: #222222;
    padding-top: 15px;
}

@media (min-width: 768px) {
    .recentOfferSection .needhelpAria h4 {
        padding-top: 0px;
    }
}

.recentOfferSection .needhelpAria .needHelpContent {
    background-color: #262a2e;
    padding: 30px;
    border-radius: 5px;
}

    .recentOfferSection .needhelpAria .needHelpContent p {
        color: #fff;
        line-height: 24px;
    }

    .recentOfferSection .needhelpAria .needHelpContent .btn-default {
        background-color: #ff891e !important;
        border-radius: 0px;
        border: none;
        padding: 13px 27px;
        color: #fff;
        font-size: 18px;
        font-weight: 600;
        margin-top: 20px;
        margin-bottom: 30px;
    }

@media (min-width: 768px) {
    .recentOfferSection .needhelpAria .needHelpContent .btn-default {
        padding: 13px 12px;
        font-size: 14px;
    }
}

@media (min-width: 992px) {
    .recentOfferSection .needhelpAria .needHelpContent .btn-default {
        padding: 13px 32px;
        font-size: 18px;
    }
}

@media (min-width: 1200px) {
    .recentOfferSection .needhelpAria .needHelpContent .btn-default {
        padding: 13px 60px;
    }
}

.recentOfferSection .needhelpAria .needHelpContent .btn-default i {
    color: #fff;
    margin-right: 10px;
}

/* === 16.8 BOOKING SECTION === */
.bookingTypeSection {
    margin-top: 80px;
    margin-bottom: 30px;
}

    .bookingTypeSection .bookingType {
        padding: 10px;
        border-radius: 5px;
    }

@media (min-width: 768px) {
    .bookingTypeSection .bookingType {
        padding: 20px;
    }
}

.bookingTypeSection .bookingType .bookingList li {
    display: block;
    padding: 10px;
}

@media (min-width: 768px) {
    .bookingTypeSection .bookingType .bookingList li {
        display: inline-block;
        padding: 0 18px;
    }
}

.bookingTypeSection .bookingType .bookingList li a {
    font-size: 14px;
    line-height: 24px;
    color: #222222;
    text-transform: uppercase;
}

    .bookingTypeSection .bookingType .bookingList li a.active, .bookingTypeSection .bookingType .bookingList li a:hover, .bookingTypeSection .bookingType .bookingList li a:active {
        color: #ff891e;
    }

/* === 16.9 PROFILE SECTION === */
.profileSection {
    margin-top: 80px;
    margin-bottom: 80px;
}

    .profileSection .profileImg img {
        border-radius: 5px;
    }

    .profileSection .profileContent .editIconRight {
        float: right;
        display: none;
    }

        .profileSection .profileContent .editIconRight i {
            color: #ff891e;
        }

    .profileSection .profileContent .profileTitle {
        margin-top: 30px;
        margin-bottom: 30px;
    }

@media (min-width: 768px) {
    .profileSection .profileContent .profileTitle {
        margin-top: 0;
        margin-bottom: 30px;
    }
}

.profileSection .profileContent .profileTitle h2 {
    font-size: 26px;
    font-weight: 700;
    color: #343434;
}

.profileSection .profileContent .profileTitle span {
    font-size: 14px;
}

.profileSection .profileContent p {
    font-size: 12px;
}

@media (min-width: 768px) {
    .profileSection .profileContent p {
        font-size: 13px;
    }
}

@media (min-width: 992px) {
    .profileSection .profileContent p {
        font-size: 14px;
        line-height: 26px;
    }
}

.profileSection .profileContent .profileInfo strong {
    color: #343434;
    margin-right: 5px;
}

.profileSection .profileContent .profileSocialIcon a {
    margin-right: 7px;
}

    .profileSection .profileContent .profileSocialIcon a i {
        width: 37px;
        height: 37px;
        line-height: 37px;
        border-radius: 50%;
        text-align: center;
        color: #ff891e;
        border: 1px solid #e7e7e7;
    }

    .profileSection .profileContent .profileSocialIcon a:hover i {
        border: 1px solid #ff891e;
        background-color: #ff891e;
        color: #fff;
    }

.profileSection:hover .editIconRight {
    display: block;
}

/* === 16.10 ABOUT YOU SECTION === */
.aboutYouSection {
    margin-bottom: 70px;
}

    .aboutYouSection h2 {
        font-size: 20px;
        color: #343434;
        font-weight: 700;
        margin-bottom: 20px;
    }

    .aboutYouSection p {
        font-size: 12px;
    }

@media (min-width: 768px) {
    .aboutYouSection p {
        font-size: 13px;
    }
}

@media (min-width: 992px) {
    .aboutYouSection p {
        font-size: 14px;
        line-height: 26px;
    }
}

/* === 16.11 ACCOUNT SETTING SECTION === */
.settingSection {
    margin-top: 80px;
    margin-bottom: 80px;
}

    .settingSection .settingContent {
        padding: 10px;
        border-radius: 5px;
    }

@media (min-width: 768px) {
    .settingSection .settingContent {
        padding: 15px;
    }
}

@media (min-width: 992px) {
    .settingSection .settingContent {
        padding: 30px;
    }
}

.settingSection .settingContent h4 {
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 20px;
}

.settingSection .settingContent hr {
    background-color: #e5e5e5;
    height: 1px;
}

.settingSection .settingContent p {
    color: #ff891e;
    text-transform: capitalize;
    margin-bottom: 20px;
}

.settingSection .settingContent .changePassword {
    margin-top: 15px;
    margin-bottom: 30px;
}

.settingSection .settingContent .changeEmail {
    margin-top: 30px;
    margin-bottom: 30px;
}

.settingSection .settingContent .form-control {
    padding: 20px;
    height: 50px;
    margin-bottom: 20px;
    border: none;
    box-shadow: none;
    -webkit-box-shadow: none;
}

@media (min-width: 768px) {
    .settingSection .settingContent .form-control {
        width: 50%;
    }
}

.settingSection .settingContent .changeSetting {
    margin-top: 30px;
    margin-bottom: 30px;
}

    .settingSection .settingContent .changeSetting .form-check input {
        display: none;
    }

    .settingSection .settingContent .changeSetting .form-check .form-check-input {
        margin-left: 4px;
        margin-top: 6px;
        padding: 5px;
        opacity: 0;
    }

    .settingSection .settingContent .changeSetting .form-check .form-check-label {
        padding-left: 0px;
        margin-bottom: 10px;
        font-size: 13px;
        cursor: default;
        color: #969696;
        font-weight: 400;
    }

    .settingSection .settingContent .changeSetting .form-check .checkbox-custom + .checkbox-custom-label:before {
        content: '';
        background: #ffffff;
        border: 1px solid #dedede;
        display: inline-block;
        vertical-align: middle;
        width: 13px;
        height: 13px;
        padding: 0;
        margin-right: 10px;
        text-align: center;
        line-height: 13px;
    }

    .settingSection .settingContent .changeSetting .form-check .checkbox-custom:checked + .checkbox-custom-label:before {
        content: "\f00c";
        font-family: 'FontAwesome';
        color: #ffffff;
        background: #ff891e;
        border: 0px solid #ff891e;
        font-size: 10px;
        font-weight: normal;
    }

    .settingSection .settingContent .changeSetting .buttonTransparent, .settingSection .settingContent .changeSetting .paginationCenter .pagination li:first-child a, .paginationCenter .pagination li:first-child .settingSection .settingContent .changeSetting a, .settingSection .settingContent .changeSetting .paginationCenter .pagination li:last-child a, .paginationCenter .pagination li:last-child .settingSection .settingContent .changeSetting a, .settingSection .settingContent .changeSetting .isotopeFilters ul.filter > li a, .isotopeFilters ul.filter > li .settingSection .settingContent .changeSetting a {
        margin-top: 18px;
    }

.settingSection .settingContent .buttonTransparent, .settingSection .settingContent .paginationCenter .pagination li:first-child a, .paginationCenter .pagination li:first-child .settingSection .settingContent a, .settingSection .settingContent .paginationCenter .pagination li:last-child a, .paginationCenter .pagination li:last-child .settingSection .settingContent a, .settingSection .settingContent .isotopeFilters ul.filter > li a, .isotopeFilters ul.filter > li .settingSection .settingContent a {
    width: 253px;
    height: 45px;
    line-height: 45px;
    background-color: #ff891e;
    color: #fff;
    border: none;
    margin-top: 10px;
}

/* === 16.12 SIGNUP & LOGIN PAGE === */
@media (min-width: 768px) {
    .signupLoging .modal-dialog {
        width: 400px;
    }
}

.signupLoging .modal-header {
    border-top: 6px solid #ff891e;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom: 0;
    padding: 10px 20px;
}

    .signupLoging .modal-header .close {
        font-size: 30px;
        color: #222;
        opacity: 1;
        font-weight: 400;
    }

    .signupLoging .modal-header .modal-title {
        font-size: 20px;
        font-weight: 700;
        margin-top: 3px;
    }

.signupLoging .modal-body {
    padding: 10px 20px;
}

    .signupLoging .modal-body .form-group .form-control {
        padding: 22px 18px;
        border-color: #e5e5e5;
        box-shadow: none;
    }

    .signupLoging .modal-body .checkbox {
        margin-bottom: 12px;
    }

        .signupLoging .modal-body .checkbox .forgotPass {
            float: right;
        }

    .signupLoging .modal-body .btn-default {
        width: 100%;
        background-color: #ff891e;
        border: none;
        color: #fff;
        margin-top: 3px;
    }

        .signupLoging .modal-body .btn-default.btnSocial {
            background-color: #6684c4;
        }

            .signupLoging .modal-body .btn-default.btnSocial:hover {
                opacity: 1;
            }

    .signupLoging .modal-body .or {
        font-size: 15px;
        color: #222222;
        text-align: center;
        text-transform: uppercase;
        margin: 15px;
    }

.signupLoging .modal-footer {
    padding: 10px 20px;
    border-top: 0;
    text-align: center;
}

    .signupLoging .modal-footer .dontHaveAccount p a {
        color: #ff891e;
    }

.desc-overflow-grid {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    min-height: 84px;
}

.desc-overflow-list {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
}

.header-overflow {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box !important;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.d-none {
    display: none !important;
}



@media (min-width: 768px) {
    /*.float-md-left {
            float: left !important;
        }

        .float-md-right {
            float: right !important;
        }

        .float-md-none {
            float: none !important;
        }*/
    .float-in-end {
        float: inline-end !important;
    }
}






.btn-grid-delete-icon {
    background: none;
    border: none;
    padding-top: 6px;
    padding-left: 8px;
    color: firebrick
}

.btn-grid-edit-icon {
    background: none;
    border: none;
    padding-top: 6px;
    padding-left: 8px;
    color: orange
}



.cursor-pointer {
    cursor: pointer !important
}

.global-loader-overflow {
    z-index: 99999999 !important;
    opacity: 0.5 !important;
    display: block !important;
}

#global-loader {
    position: fixed;
    /*z-index: 50000;*/
    z-index: 100;
    background: #eaedf7;
    left: 0;
    top: 100px;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    display: block;
}


.btn-reset {
    transform: translate(850px, -5px);
}

.hotel-description-list {
    margin-top: 35px;
    max-height: 445px; /* Limit the height of the description */
    overflow: hidden; /* Hide overflow content */
    transition: max-height 0.5s ease;
}

    .hotel-description-list.expanded {
        max-height: max-content; /* Allow full height when expanded */
    }

.hotel-description-aria {
    margin-top: 35px;
    max-height: 209px; /* Limit the height of the description */
    overflow: hidden; /* Hide overflow content */
    transition: max-height 0.5s ease;
}

    .hotel-description-aria.expanded {
        max-height: 250px; /* Allow full height when expanded */
    }


.more-button {
    cursor: pointer;
    color: #969696;
    margin-bottom: 15px;
    margin-top: 20px
}

.more-button-amenities {
    cursor: pointer;
    color: #969696;
    margin-bottom: 15px;
    margin-top: 20px
}


.w-120 {
    width: 120px
}

.w-310 {
    width: 310px
}

.mb-100 {
    margin-bottom: 100px;
}

.t-right {
    text-align: right;
}



.bigger-checkbox {
    width: 14px;
    height: 14px;
    margin-left: 5px !important;
}

.hotelImageFooter {
    display: flex;
}

.chbIsMain {
    margin-left: 25px !important;
}

.extraBed {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
}

.roomTypeMarg {
    margin-top: 5px !important;
    margin-left: 15px !important;
}

.button-group {
    width: 100% !important;
}

#extaBedLabel {
    margin: 0; /* Remove default margins */
}

.imgInd {
    margin-left: -51px !important;
}

.delete-image-icon {
    margin-top: 3px;
}

.btnBack {
    float: right;
}

.w-50 {
    width: 50px !important
}

.w-100 {
    width: 100px !important
}

. /*w-250 {
        width: 250px !important
    }*/
.button-group {
    display: flex;
    gap: 10px; /* Adjust the gap as needed */
}

.button-group .buttonRipple {
    display: inline-block;
}

.disabled-link {
    pointer-events: none;
    color: gray;
    cursor: default;
    text-decoration: none;
}

.float-end {
    float: right !important;
}
.reservationContainer {
    width: 100%;
    padding: 15px;
}

.notificationArea {
    position: fixed;
    z-index: 999;
    width: -webkit-fill-available;
    padding-right: 10px;
    padding-left: 10px;
}

.alert-success,
.alert-danger,
.alert-warning {
    box-shadow: 3px 3px 5px #064e50;
    border-radius: 1px;
}

.alert-message {
    border: 1px solid var(--primary-bg-color) !important;
    border-radius: 3px;
    background: rgba(0, 0, 0, 0.1) !important;
    padding: 1rem;
}

.crs-hand {
    cursor: pointer;
}

.green-button {
    background: green !important;
    border-color: green !important;
    color: white !important;
}

.roomGellary {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto;
    padding: 10px;
}

.single-item img {
    width: 50%;
    height: auto;
    border-radius: 5px;
}

.slick-prev, .slick-next {
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 50%;
}

.slick-dots li button:before {
    color: #000; /* Customize dot color */
}

/* ###### Margin ###### */

.mg-0 {
    margin: 0px;
}

.mg-y-0 {
    margin-top: 0px;
    margin-bottom: 0px;
}

.mg-x-0 {
    margin-left: 0px;
    margin-right: 0px;
}

.mg-t-0 {
    margin-top: 0px;
}

.mg-r-0 {
    margin-right: 0px;
}

.mg-b-0 {
    margin-bottom: 0px;
}

.mg-b-0-i {
    margin-bottom: 0px !important;
}

.mg-l-0 {
    margin-left: 0px;
}

.mg-1 {
    margin: 1px;
}

.mg-y-1 {
    margin-top: 1px;
    margin-bottom: 1px;
}

.mg-x-1 {
    margin-left: 1px;
    margin-right: 1px;
}

.mg-t-1 {
    margin-top: 1px;
}

.mg-r-1 {
    margin-right: 1px;
}

.mg-b-1 {
    margin-bottom: 1px;
}

.mg-l-1 {
    margin-left: 1px;
}


.mg-2 {
    margin: 2px;
}

.mg-y-2 {
    margin-top: 2px;
    margin-bottom: 2px;
}

.mg-x-2 {
    margin-left: 2px;
    margin-right: 2px;
}

.mg-t-2 {
    margin-top: 2px;
}

.mg-r-2 {
    margin-right: 2px;
}

.mg-b-2 {
    margin-bottom: 2px;
}

.mg-l-2 {
    margin-left: 2px;
}

.mg-3 {
    margin: 3px;
}

.mg-y-3 {
    margin-top: 3px;
    margin-bottom: 3px;
}

.mg-x-3 {
    margin-left: 3px;
    margin-right: 3px;
}

.mg-t-3 {
    margin-top: 3px;
}

.mg-r-3 {
    margin-right: 3px;
}

.mg-b-3 {
    margin-bottom: 3px;
}

.mg-l-3 {
    margin-left: 3px;
}

.mg-4 {
    margin: 4px;
}

.mg-y-4 {
    margin-top: 4px;
    margin-bottom: 4px;
}

.mg-x-4 {
    margin-left: 4px;
    margin-right: 4px;
}

.mg-t-4 {
    margin-top: 4px;
}

.mg-r-4 {
    margin-right: 4px;
}

.mg-b-4 {
    margin-bottom: 4px;
}

.mg-l-4 {
    margin-left: 4px;
}

.mg-5 {
    margin: 5px;
}

.mg-y-5 {
    margin-top: 5px;
    margin-bottom: 5px;
}

.mg-x-5 {
    margin-left: 5px;
    margin-right: 5px;
}

.mg-t-5 {
    margin-top: 5px;
}

.mg-r-5 {
    margin-right: 5px;
}

.mg-b-5 {
    margin-bottom: 5px !important;
}

.mg-l-5 {
    margin-left: 5px;
}

.mg-6 {
    margin: 6px;
}

.mg-y-6 {
    margin-top: 6px;
    margin-bottom: 6px;
}

.mg-x-6 {
    margin-left: 6px;
    margin-right: 6px;
}

.mg-t-6 {
    margin-top: 6px;
}

.mg-r-6 {
    margin-right: 6px;
}

.mg-b-6 {
    margin-bottom: 6px;
}

.mg-l-6 {
    margin-left: 6px;
}

.mg-7 {
    margin: 7px;
}

.mg-y-7 {
    margin-top: 7px;
    margin-bottom: 7px;
}

.mg-x-7 {
    margin-left: 7px;
    margin-right: 7px;
}

.mg-t-7 {
    margin-top: 7px;
}

.mg-r-7 {
    margin-right: 7px;
}

.mg-b-7 {
    margin-bottom: 7px;
}

.mg-l-7 {
    margin-left: 7px;
}

.mg-8 {
    margin: 8px;
}

.mg-y-8 {
    margin-top: 8px;
    margin-bottom: 8px;
}

.mg-x-8 {
    margin-left: 8px;
    margin-right: 8px;
}

.mg-t-8 {
    margin-top: 8px;
}

.mg-r-8 {
    margin-right: 8px;
}

.mg-b-8 {
    margin-bottom: 8px;
}

.mg-l-8 {
    margin-left: 8px;
}

.mg-9 {
    margin: 9px;
}

.mg-y-9 {
    margin-top: 9px;
    margin-bottom: 9px;
}

.mg-x-9 {
    margin-left: 9px;
    margin-right: 9px;
}

.mg-t-9 {
    margin-top: 9px;
}

.mg-r-9 {
    margin-right: 9px;
}

.mg-b-9 {
    margin-bottom: 9px;
}

.mg-l-9 {
    margin-left: 9px;
}

.mg-10 {
    margin: 10px;
}

.mg-y-10 {
    margin-top: 10px;
    margin-bottom: 10px;
}

.mg-x-10 {
    margin-left: 10px;
    margin-right: 10px;
}

.mg-t-10 {
    margin-top: 10px;
}

.mg-r-10 {
    margin-right: 10px;
}

.mg-r-10-i {
    margin-right: 10px !important;
}

.mg-b-10 {
    margin-bottom: 10px !important;
}

.mg-l-10 {
    margin-left: 10px;
}

.mg-15 {
    margin: 15px;
}

.mg-y-15 {
    margin-top: 15px;
    margin-bottom: 15px;
}

.mg-x-15 {
    margin-left: 15px;
    margin-right: 15px;
}

.mg-t-15 {
    margin-top: 15px;
}

.mg-r-15 {
    margin-right: 15px;
}

.mg-b-15 {
    margin-bottom: 15px;
}

.mg-l-15 {
    margin-left: 15px;
}

.mg-20 {
    margin: 20px;
}

.mg-y-20 {
    margin-top: 20px;
    margin-bottom: 20px;
}

.mg-x-20 {
    margin-left: 20px;
    margin-right: 20px;
}

.mg-t-20 {
    margin-top: 20px;
}

.mg-r-20 {
    margin-right: 20px;
}

.mg-b-20 {
    margin-bottom: 20px;
}

.mg-l-20 {
    margin-left: 20px;
}

.mg-25 {
    margin: 25px;
}

.mg-y-25 {
    margin-top: 25px;
    margin-bottom: 25px;
}

.mg-x-25 {
    margin-left: 25px;
    margin-right: 25px;
}

.mg-t-25 {
    margin-top: 25px;
}

.mg-r-25 {
    margin-right: 25px;
}

.mg-b-25 {
    margin-bottom: 25px;
}

.mg-l-25 {
    margin-left: 25px;
}

.mg-30 {
    margin: 30px;
}

.mg-y-30 {
    margin-top: 30px;
    margin-bottom: 30px;
}

.mg-x-30 {
    margin-left: 30px;
    margin-right: 30px;
}

.mg-t-30 {
    margin-top: 30px;
}

.mg-r-30 {
    margin-right: 30px;
}

.mg-b-30 {
    margin-bottom: 30px;
}

.mg-l-30 {
    margin-left: 30px;
}

.mg-35 {
    margin: 35px;
}

.mg-y-35 {
    margin-top: 35px;
    margin-bottom: 35px;
}

.mg-x-35 {
    margin-left: 35px;
    margin-right: 35px;
}

.mg-t-35 {
    margin-top: 35px;
}

.mg-r-35 {
    margin-right: 35px;
}

.mg-b-35 {
    margin-bottom: 35px;
}

.mg-l-35 {
    margin-left: 35px;
}

.mg-40 {
    margin: 40px;
}

.mg-y-40 {
    margin-top: 40px;
    margin-bottom: 40px;
}

.mg-x-40 {
    margin-left: 40px;
    margin-right: 40px;
}

.mg-t-40 {
    margin-top: 40px;
}

.mg-r-40 {
    margin-right: 40px;
}

.mg-b-40 {
    margin-bottom: 40px;
}

.mg-l-40 {
    margin-left: 40px;
}

.mg-45 {
    margin: 45px;
}

.mg-y-45 {
    margin-top: 45px;
    margin-bottom: 45px;
}

.mg-x-45 {
    margin-left: 45px;
    margin-right: 45px;
}

.mg-t-45 {
    margin-top: 45px;
}

.mg-r-45 {
    margin-right: 45px;
}

.mg-b-45 {
    margin-bottom: 45px;
}

.mg-l-45 {
    margin-left: 45px;
}

.mg-50 {
    margin: 50px;
}

.mg-y-50 {
    margin-top: 50px;
    margin-bottom: 50px;
}

.mg-x-50 {
    margin-left: 50px;
    margin-right: 50px;
}

.mg-t-50 {
    margin-top: 50px;
}

.mg-r-50 {
    margin-right: 50px;
}

.mg-b-50 {
    margin-bottom: 50px;
}

.mg-l-50 {
    margin-left: 50px;
}

.mg-55 {
    margin: 55px;
}

.mg-y-55 {
    margin-top: 55px;
    margin-bottom: 55px;
}

.mg-x-55 {
    margin-left: 55px;
    margin-right: 55px;
}

.mg-t-55 {
    margin-top: 55px;
}

.mg-r-55 {
    margin-right: 55px;
}

.mg-b-55 {
    margin-bottom: 55px;
}

.mg-l-55 {
    margin-left: 55px;
}

.mg-60 {
    margin: 60px;
}

.mg-y-60 {
    margin-top: 60px;
    margin-bottom: 60px;
}

.mg-x-60 {
    margin-left: 60px;
    margin-right: 60px;
}

.mg-t-60 {
    margin-top: 60px;
}

.mg-r-60 {
    margin-right: 60px;
}

.mg-b-60 {
    margin-bottom: 60px;
}

.mg-l-60 {
    margin-left: 60px;
}

.mg-65 {
    margin: 65px;
}

.mg-y-65 {
    margin-top: 65px;
    margin-bottom: 65px;
}

.mg-x-65 {
    margin-left: 65px;
    margin-right: 65px;
}

.mg-t-65 {
    margin-top: 65px;
}

.mg-r-65 {
    margin-right: 65px;
}

.mg-b-65 {
    margin-bottom: 65px;
}

.mg-l-65 {
    margin-left: 65px;
}

.mg-70 {
    margin: 70px;
}

.mg-y-70 {
    margin-top: 70px;
    margin-bottom: 70px;
}

.mg-x-70 {
    margin-left: 70px;
    margin-right: 70px;
}

.mg-t-70 {
    margin-top: 70px;
}

.mg-r-70 {
    margin-right: 70px;
}

.mg-b-70 {
    margin-bottom: 70px;
}

.mg-l-70 {
    margin-left: 70px;
}

.mg-75 {
    margin: 75px;
}

.mg-y-75 {
    margin-top: 75px;
    margin-bottom: 75px;
}

.mg-x-75 {
    margin-left: 75px;
    margin-right: 75px;
}

.mg-t-75 {
    margin-top: 75px;
}

.mg-r-75 {
    margin-right: 75px;
}

.mg-b-75 {
    margin-bottom: 75px;
}

.mg-l-75 {
    margin-left: 75px;
}

.mg-80 {
    margin: 80px;
}

.mg-y-80 {
    margin-top: 80px;
    margin-bottom: 80px;
}

.mg-x-80 {
    margin-left: 80px;
    margin-right: 80px;
}

.mg-t-80 {
    margin-top: 80px;
}

.mg-r-80 {
    margin-right: 80px;
}

.mg-b-80 {
    margin-bottom: 80px;
}

.mg-l-80 {
    margin-left: 80px;
}

.mg-85 {
    margin: 85px;
}

.mg-y-85 {
    margin-top: 85px;
    margin-bottom: 85px;
}

.mg-x-85 {
    margin-left: 85px;
    margin-right: 85px;
}

.mg-t-85 {
    margin-top: 85px;
}

.mg-r-85 {
    margin-right: 85px;
}

.mg-b-85 {
    margin-bottom: 85px;
}

.mg-l-85 {
    margin-left: 85px;
}

.mg-90 {
    margin: 90px;
}

.mg-y-90 {
    margin-top: 90px;
    margin-bottom: 90px;
}

.mg-x-90 {
    margin-left: 90px;
    margin-right: 90px;
}

.mg-t-90 {
    margin-top: 90px;
}

.mg-r-90 {
    margin-right: 90px;
}

.mg-b-90 {
    margin-bottom: 90px;
}

.mg-l-90 {
    margin-left: 90px;
}

.mg-95 {
    margin: 95px;
}

.mg-y-95 {
    margin-top: 95px;
    margin-bottom: 95px;
}

.mg-x-95 {
    margin-left: 95px;
    margin-right: 95px;
}

.mg-t-95 {
    margin-top: 95px;
}

.mg-r-95 {
    margin-right: 95px;
}

.mg-b-95 {
    margin-bottom: 95px;
}

.mg-l-95 {
    margin-left: 95px;
}

.mg-100 {
    margin: 100px;
}

.mg-y-100 {
    margin-top: 100px;
    margin-bottom: 100px;
}

.mg-x-100 {
    margin-left: 100px;
    margin-right: 100px;
}

.mg-t-100 {
    margin-top: 100px;
}

.mg-t-400 {
    margin-top: 400px;
}

.mg-r-100 {
    margin-right: 100px;
}

.mg-b-100 {
    margin-bottom: 100px;
}

.mg-l-100 {
    margin-left: 100px;
}


.mg-105 {
    margin: 105px;
}

.mg-y-105 {
    margin-top: 105px;
    margin-bottom: 105px;
}

.mg-x-105 {
    margin-left: 105px;
    margin-right: 105px;
}

.mg-t-105 {
    margin-top: 105px;
}

.mg-r-105 {
    margin-right: 105px;
}

.mg-b-105 {
    margin-bottom: 105px;
}

.mg-l-105 {
    margin-left: 105px;
}

.mg-110 {
    margin: 110px;
}

.mg-y-110 {
    margin-top: 110px;
    margin-bottom: 110px;
}

.mg-x-110 {
    margin-left: 110px;
    margin-right: 110px;
}

.mg-t-110 {
    margin-top: 110px;
}

.mg-r-110 {
    margin-right: 110px;
}

.mg-b-110 {
    margin-bottom: 110px;
}

.mg-l-110 {
    margin-left: 110px;
}

.mg-115 {
    margin: 115px;
}

.mg-y-115 {
    margin-top: 115px;
    margin-bottom: 115px;
}

.mg-x-115 {
    margin-left: 115px;
    margin-right: 115px;
}

.mg-t-115 {
    margin-top: 115px;
}

.mg-r-115 {
    margin-right: 115px;
}

.mg-b-115 {
    margin-bottom: 115px;
}

.mg-l-115 {
    margin-left: 115px;
}

.mg-120 {
    margin: 120px;
}

.mg-y-120 {
    margin-top: 120px;
    margin-bottom: 120px;
}

.mg-x-120 {
    margin-left: 120px;
    margin-right: 120px;
}

.mg-t-120 {
    margin-top: 120px;
}

.mg-r-120 {
    margin-right: 120px;
}

.mg-b-120 {
    margin-bottom: 120px;
}

.mg-l-120 {
    margin-left: 120px;
}
.mg-l-135{
    margin-left:135px;
}

.mg-t-auto {
    margin-top: auto;
}

.mg-r-auto {
    margin-right: auto;
}

.mg-b-auto {
    margin-bottom: auto;
}

.mg-l-auto {
    margin-left: auto;
}

.mg-x-auto {
    margin: auto;
}

@media (min-width: 480px) {
    .mg-xs-0 {
        margin: 0px;
    }

    .mg-xs-y-0 {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .mg-xs-x-0 {
        margin-left: 0px;
        margin-right: 0px;
    }

    .mg-xs-t-0 {
        margin-top: 0px;
    }

    .mg-xs-r-0 {
        margin-right: 0px;
    }

    .mg-xs-b-0 {
        margin-bottom: 0px;
    }

    .mg-xs-l-0 {
        margin-left: 0px;
    }

    .mg-xs-1 {
        margin: 1px;
    }

    .mg-xs-y-1 {
        margin-top: 1px;
        margin-bottom: 1px;
    }

    .mg-xs-x-1 {
        margin-left: 1px;
        margin-right: 1px;
    }

    .mg-xs-t-1 {
        margin-top: 1px;
    }

    .mg-xs-r-1 {
        margin-right: 1px;
    }

    .mg-xs-b-1 {
        margin-bottom: 1px;
    }

    .mg-xs-l-1 {
        margin-left: 1px;
    }

    .mg-xs-2 {
        margin: 2px;
    }

    .mg-xs-y-2 {
        margin-top: 2px;
        margin-bottom: 2px;
    }

    .mg-xs-x-2 {
        margin-left: 2px;
        margin-right: 2px;
    }

    .mg-xs-t-2 {
        margin-top: 2px;
    }

    .mg-xs-r-2 {
        margin-right: 2px;
    }

    .mg-xs-b-2 {
        margin-bottom: 2px;
    }

    .mg-xs-l-2 {
        margin-left: 2px;
    }

    .mg-xs-3 {
        margin: 3px;
    }

    .mg-xs-y-3 {
        margin-top: 3px;
        margin-bottom: 3px;
    }

    .mg-xs-x-3 {
        margin-left: 3px;
        margin-right: 3px;
    }

    .mg-xs-t-3 {
        margin-top: 3px;
    }

    .mg-xs-r-3 {
        margin-right: 3px;
    }

    .mg-xs-b-3 {
        margin-bottom: 3px;
    }

    .mg-xs-l-3 {
        margin-left: 3px;
    }

    .mg-xs-4 {
        margin: 4px;
    }

    .mg-xs-y-4 {
        margin-top: 4px;
        margin-bottom: 4px;
    }

    .mg-xs-x-4 {
        margin-left: 4px;
        margin-right: 4px;
    }

    .mg-xs-t-4 {
        margin-top: 4px;
    }

    .mg-xs-r-4 {
        margin-right: 4px;
    }

    .mg-xs-b-4 {
        margin-bottom: 4px;
    }

    .mg-xs-l-4 {
        margin-left: 4px;
    }

    .mg-xs-5 {
        margin: 5px;
    }

    .mg-xs-y-5 {
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .mg-xs-x-5 {
        margin-left: 5px;
        margin-right: 5px;
    }

    .mg-xs-t-5 {
        margin-top: 5px;
    }

    .mg-xs-r-5 {
        margin-right: 5px;
    }

    .mg-xs-b-5 {
        margin-bottom: 5px;
    }

    .mg-xs-l-5 {
        margin-left: 5px;
    }

    .mg-xs-6 {
        margin: 6px;
    }

    .mg-xs-y-6 {
        margin-top: 6px;
        margin-bottom: 6px;
    }

    .mg-xs-x-6 {
        margin-left: 6px;
        margin-right: 6px;
    }

    .mg-xs-t-6 {
        margin-top: 6px;
    }

    .mg-xs-r-6 {
        margin-right: 6px;
    }

    .mg-xs-b-6 {
        margin-bottom: 6px;
    }

    .mg-xs-l-6 {
        margin-left: 6px;
    }

    .mg-xs-7 {
        margin: 7px;
    }

    .mg-xs-y-7 {
        margin-top: 7px;
        margin-bottom: 7px;
    }

    .mg-xs-x-7 {
        margin-left: 7px;
        margin-right: 7px;
    }

    .mg-xs-t-7 {
        margin-top: 7px;
    }

    .mg-xs-r-7 {
        margin-right: 7px;
    }

    .mg-xs-b-7 {
        margin-bottom: 7px;
    }

    .mg-xs-l-7 {
        margin-left: 7px;
    }

    .mg-xs-8 {
        margin: 8px;
    }

    .mg-xs-y-8 {
        margin-top: 8px;
        margin-bottom: 8px;
    }

    .mg-xs-x-8 {
        margin-left: 8px;
        margin-right: 8px;
    }

    .mg-xs-t-8 {
        margin-top: 8px;
    }

    .mg-xs-r-8 {
        margin-right: 8px;
    }

    .mg-xs-b-8 {
        margin-bottom: 8px;
    }

    .mg-xs-l-8 {
        margin-left: 8px;
    }

    .mg-xs-9 {
        margin: 9px;
    }

    .mg-xs-y-9 {
        margin-top: 9px;
        margin-bottom: 9px;
    }

    .mg-xs-x-9 {
        margin-left: 9px;
        margin-right: 9px;
    }

    .mg-xs-t-9 {
        margin-top: 9px;
    }

    .mg-xs-r-9 {
        margin-right: 9px;
    }

    .mg-xs-b-9 {
        margin-bottom: 9px;
    }

    .mg-xs-l-9 {
        margin-left: 9px;
    }

    .mg-xs-10 {
        margin: 10px;
    }

    .mg-xs-y-10 {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .mg-xs-x-10 {
        margin-left: 10px;
        margin-right: 10px;
    }

    .mg-xs-t-10 {
        margin-top: 10px;
    }

    .mg-xs-r-10 {
        margin-right: 10px;
    }

    .mg-xs-b-10 {
        margin-bottom: 10px;
    }

    .mg-xs-l-10 {
        margin-left: 10px;
    }

    .mg-xs-15 {
        margin: 15px;
    }

    .mg-xs-y-15 {
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .mg-xs-x-15 {
        margin-left: 15px;
        margin-right: 15px;
    }

    .mg-xs-t-15 {
        margin-top: 15px;
    }

    .mg-xs-r-15 {
        margin-right: 15px;
    }

    .mg-xs-b-15 {
        margin-bottom: 15px;
    }

    .mg-xs-l-15 {
        margin-left: 15px;
    }

    .mg-xs-20 {
        margin: 20px;
    }

    .mg-xs-y-20 {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .mg-xs-x-20 {
        margin-left: 20px;
        margin-right: 20px;
    }

    .mg-xs-t-20 {
        margin-top: 20px;
    }

    .mg-xs-r-20 {
        margin-right: 20px;
    }

    .mg-xs-b-20 {
        margin-bottom: 20px;
    }

    .mg-xs-l-20 {
        margin-left: 20px;
    }

    .mg-xs-25 {
        margin: 25px;
    }

    .mg-xs-y-25 {
        margin-top: 25px;
        margin-bottom: 25px;
    }

    .mg-xs-x-25 {
        margin-left: 25px;
        margin-right: 25px;
    }

    .mg-xs-t-25 {
        margin-top: 25px;
    }

    .mg-xs-r-25 {
        margin-right: 25px;
    }

    .mg-xs-b-25 {
        margin-bottom: 25px;
    }

    .mg-xs-l-25 {
        margin-left: 25px;
    }

    .mg-xs-30 {
        margin: 30px;
    }

    .mg-xs-y-30 {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .mg-xs-x-30 {
        margin-left: 30px;
        margin-right: 30px;
    }

    .mg-xs-t-30 {
        margin-top: 30px;
    }

    .mg-xs-r-30 {
        margin-right: 30px;
    }

    .mg-xs-b-30 {
        margin-bottom: 30px;
    }

    .mg-xs-l-30 {
        margin-left: 30px;
    }

    .mg-xs-35 {
        margin: 35px;
    }

    .mg-xs-y-35 {
        margin-top: 35px;
        margin-bottom: 35px;
    }

    .mg-xs-x-35 {
        margin-left: 35px;
        margin-right: 35px;
    }

    .mg-xs-t-35 {
        margin-top: 35px;
    }

    .mg-xs-r-35 {
        margin-right: 35px;
    }

    .mg-xs-b-35 {
        margin-bottom: 35px;
    }

    .mg-xs-l-35 {
        margin-left: 35px;
    }

    .mg-xs-40 {
        margin: 40px;
    }

    .mg-xs-y-40 {
        margin-top: 40px;
        margin-bottom: 40px;
    }

    .mg-xs-x-40 {
        margin-left: 40px;
        margin-right: 40px;
    }

    .mg-xs-t-40 {
        margin-top: 40px;
    }

    .mg-xs-r-40 {
        margin-right: 40px;
    }

    .mg-xs-b-40 {
        margin-bottom: 40px;
    }

    .mg-xs-l-40 {
        margin-left: 40px;
    }

    .mg-xs-45 {
        margin: 45px;
    }

    .mg-xs-y-45 {
        margin-top: 45px;
        margin-bottom: 45px;
    }

    .mg-xs-x-45 {
        margin-left: 45px;
        margin-right: 45px;
    }

    .mg-xs-t-45 {
        margin-top: 45px;
    }

    .mg-xs-r-45 {
        margin-right: 45px;
    }

    .mg-xs-b-45 {
        margin-bottom: 45px;
    }

    .mg-xs-l-45 {
        margin-left: 45px;
    }

    .mg-xs-50 {
        margin: 50px;
    }

    .mg-xs-y-50 {
        margin-top: 50px;
        margin-bottom: 50px;
    }

    .mg-xs-x-50 {
        margin-left: 50px;
        margin-right: 50px;
    }

    .mg-xs-t-50 {
        margin-top: 50px;
    }

    .mg-xs-r-50 {
        margin-right: 50px;
    }

    .mg-xs-b-50 {
        margin-bottom: 50px;
    }

    .mg-xs-l-50 {
        margin-left: 50px;
    }

    .mg-xs-55 {
        margin: 55px;
    }

    .mg-xs-y-55 {
        margin-top: 55px;
        margin-bottom: 55px;
    }

    .mg-xs-x-55 {
        margin-left: 55px;
        margin-right: 55px;
    }

    .mg-xs-t-55 {
        margin-top: 55px;
    }

    .mg-xs-r-55 {
        margin-right: 55px;
    }

    .mg-xs-b-55 {
        margin-bottom: 55px;
    }

    .mg-xs-l-55 {
        margin-left: 55px;
    }

    .mg-xs-60 {
        margin: 60px;
    }

    .mg-xs-y-60 {
        margin-top: 60px;
        margin-bottom: 60px;
    }

    .mg-xs-x-60 {
        margin-left: 60px;
        margin-right: 60px;
    }

    .mg-xs-t-60 {
        margin-top: 60px;
    }

    .mg-xs-r-60 {
        margin-right: 60px;
    }

    .mg-xs-b-60 {
        margin-bottom: 60px;
    }

    .mg-xs-l-60 {
        margin-left: 60px;
    }

    .mg-xs-65 {
        margin: 65px;
    }

    .mg-xs-y-65 {
        margin-top: 65px;
        margin-bottom: 65px;
    }

    .mg-xs-x-65 {
        margin-left: 65px;
        margin-right: 65px;
    }

    .mg-xs-t-65 {
        margin-top: 65px;
    }

    .mg-xs-r-65 {
        margin-right: 65px;
    }

    .mg-xs-b-65 {
        margin-bottom: 65px;
    }

    .mg-xs-l-65 {
        margin-left: 65px;
    }

    .mg-xs-70 {
        margin: 70px;
    }

    .mg-xs-y-70 {
        margin-top: 70px;
        margin-bottom: 70px;
    }

    .mg-xs-x-70 {
        margin-left: 70px;
        margin-right: 70px;
    }

    .mg-xs-t-70 {
        margin-top: 70px;
    }

    .mg-xs-r-70 {
        margin-right: 70px;
    }

    .mg-xs-b-70 {
        margin-bottom: 70px;
    }

    .mg-xs-l-70 {
        margin-left: 70px;
    }

    .mg-xs-75 {
        margin: 75px;
    }

    .mg-xs-y-75 {
        margin-top: 75px;
        margin-bottom: 75px;
    }

    .mg-xs-x-75 {
        margin-left: 75px;
        margin-right: 75px;
    }

    .mg-xs-t-75 {
        margin-top: 75px;
    }

    .mg-xs-r-75 {
        margin-right: 75px;
    }

    .mg-xs-b-75 {
        margin-bottom: 75px;
    }

    .mg-xs-l-75 {
        margin-left: 75px;
    }

    .mg-xs-80 {
        margin: 80px;
    }

    .mg-xs-y-80 {
        margin-top: 80px;
        margin-bottom: 80px;
    }

    .mg-xs-x-80 {
        margin-left: 80px;
        margin-right: 80px;
    }

    .mg-xs-t-80 {
        margin-top: 80px;
    }

    .mg-xs-r-80 {
        margin-right: 80px;
    }

    .mg-xs-b-80 {
        margin-bottom: 80px;
    }

    .mg-xs-l-80 {
        margin-left: 80px;
    }

    .mg-xs-85 {
        margin: 85px;
    }

    .mg-xs-y-85 {
        margin-top: 85px;
        margin-bottom: 85px;
    }

    .mg-xs-x-85 {
        margin-left: 85px;
        margin-right: 85px;
    }

    .mg-xs-t-85 {
        margin-top: 85px;
    }

    .mg-xs-r-85 {
        margin-right: 85px;
    }

    .mg-xs-b-85 {
        margin-bottom: 85px;
    }

    .mg-xs-l-85 {
        margin-left: 85px;
    }

    .mg-xs-90 {
        margin: 90px;
    }

    .mg-xs-y-90 {
        margin-top: 90px;
        margin-bottom: 90px;
    }

    .mg-xs-x-90 {
        margin-left: 90px;
        margin-right: 90px;
    }

    .mg-xs-t-90 {
        margin-top: 90px;
    }

    .mg-xs-r-90 {
        margin-right: 90px;
    }

    .mg-xs-b-90 {
        margin-bottom: 90px;
    }

    .mg-xs-l-90 {
        margin-left: 90px;
    }

    .mg-xs-95 {
        margin: 95px;
    }

    .mg-xs-y-95 {
        margin-top: 95px;
        margin-bottom: 95px;
    }

    .mg-xs-x-95 {
        margin-left: 95px;
        margin-right: 95px;
    }

    .mg-xs-t-95 {
        margin-top: 95px;
    }

    .mg-xs-r-95 {
        margin-right: 95px;
    }

    .mg-xs-b-95 {
        margin-bottom: 95px;
    }

    .mg-xs-l-95 {
        margin-left: 95px;
    }

    .mg-xs-100 {
        margin: 100px;
    }

    .mg-xs-y-100 {
        margin-top: 100px;
        margin-bottom: 100px;
    }

    .mg-xs-x-100 {
        margin-left: 100px;
        margin-right: 100px;
    }

    .mg-xs-t-100 {
        margin-top: 100px;
    }

    .mg-xs-r-100 {
        margin-right: 100px;
    }

    .mg-xs-b-100 {
        margin-bottom: 100px;
    }

    .mg-xs-l-100 {
        margin-left: 100px;
    }

    .mg-xs-t-auto {
        margin-top: auto;
    }

    .mg-xs-r-auto {
        margin-right: auto;
    }

    .mg-xs-b-auto {
        margin-bottom: auto;
    }

    .mg-xs-l-auto {
        margin-left: auto;
    }

    .mg-xs-auto {
        margin: auto;
    }

    .mg-xs-x-auto {
        margin-left: auto;
        margin-right: auto;
    }
}


@media(min-width:1200px) {
    .btn-custom {
        width: 100px !important;
    }
}

@media(min-width:1600px) {
    .btn-custom {
        width: 120px !important;
    }
}


@media(max-width:767px) {
    .roomRate {
        top: -85px !important;
        left: 314px !important;
    }

    .roomAdvantage li {
        padding: 10px !important;
    }

    .roomCancelation li {
        font-size: 10px !important;
    }
}


@media (min-width: 1600px) {
    .room-container {
        width: 100%;
    }
}


@media (max-width: 1599px) {
    .room-container {
        width: 115%;
    }
}


@media (max-width: 1399px) {
    .room-container {
        width: 150%;
    }
}


@media (max-width: 1299px) {
    .room-container {
        width: 160%;
    }
}

@media (max-width: 992px) {
    .room-container {
        width: 210%;
    }
}

@media (max-width: 767px) {
    .room-container {
        width: 256%;
    }

    .roomRate {
        left: 300px !important;
    }
}

.roomGellary {
    display: flex;
    overflow: hidden;
    position: relative;
    width: 100%;
    margin-top: 10px;
}

    .roomGellary .slide {
        flex: 0 0 auto;
        width: 90px;
        margin-right: 10px;
    }

    .roomGellary img {
        width: 100%;
        height: auto;
        display: block;
    }

.nav-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 24px;
    cursor: pointer;
    z-index: 1;
    background: rgba(0, 0, 0, 0.5);
    color: white;
    padding: 8px;
}

    .nav-arrow.left {
        left: 0;
    }

    .nav-arrow.right {
        right: 0;
    }

------------------------------------------
/* Container for the entire section */
.room-container {
    max-width: 110%; /* Adjust the max-width as needed */
    margin: 0 auto;
    padding: 20px;
}

/* Styles for the room types area */
.rooms-types-aria {
    padding: 20px;
    background-color: #f9f9f9;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

/* Section title styles */
.sectionTitle2 h2 {
    font-size: 24px;
    margin-bottom: 10px;
}

.sectionTitle2 p {
    font-size: 16px;
    color: #777;
}

/* Styles for each room category block */
.roomCategory {
    border: 1px solid #ddd;
    padding: 15px;
    margin-bottom: 20px;
    border-radius: 8px;
    background-color: #fff;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

/* Styles for room category sub-title */
.sub-title h4 {
    font-size: 18px;
    margin: 0;
}

.paginationInLine {
    display: inline-block;
}

/* Icon styles */
.fa-user {
    color: #333;
    margin-right: 5px;
}

/* Room details section */
.roomDetails h5 {
    font-size: 18px;
    margin: 5px 0;
    font-weight: bold;
}

.redColor {
    color: red;
    font-weight: bold;
}

/* Room advantage list styles */
.roomAdvantage {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .roomAdvantage li {
        margin-bottom: 5px;
    }









/* Cancel penalties styles */
.roomCancelation {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .roomCancelation li {
        font-style: italic;
        font-size: 13px;
        margin-bottom: 25px;
    }

/* Gallery styles */
.roomGellary {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.slide {
    flex: 1 1 calc(33.333% - 20px); /* Adjust as needed for the number of columns */
    margin: 0;
}

    .slide img {
        width: 100%;
        height: auto;
        border-radius: 4px;
        display: block;
    }




.roomCategory {
    margin-bottom: 15px;
}





@media(min-width:767px) {
    .roomGellary {
        width: 35% !important;
    }
}



@media (min-width: 576px) {
    .mg-sm-0 {
        margin: 0px;
    }

    @media (min-width: 576px) {
        .roomGellary {
            width: 60% !important;
        }


        .mg-sm-y-0 {
            margin-top: 0px;
            margin-bottom: 0px;
        }

        .mg-sm-x-0 {
            margin-left: 0px;
            margin-right: 0px;
        }

        .mg-sm-t-0 {
            margin-top: 0px;
        }

        .mg-sm-r-0 {
            margin-right: 0px;
        }

        .mg-sm-b-0 {
            margin-bottom: 0px;
        }

        .mg-sm-l-0 {
            margin-left: 0px;
        }

        .mg-sm-1 {
            margin: 1px;
        }

        .mg-sm-y-1 {
            margin-top: 1px;
            margin-bottom: 1px;
        }

        .mg-sm-x-1 {
            margin-left: 1px;
            margin-right: 1px;
        }

        .mg-sm-t-1 {
            margin-top: 1px;
        }

        .mg-sm-r-1 {
            margin-right: 1px;
        }

        .mg-sm-b-1 {
            margin-bottom: 1px;
        }

        .mg-sm-l-1 {
            margin-left: 1px;
        }

        .mg-sm-2 {
            margin: 2px;
        }

        .mg-sm-y-2 {
            margin-top: 2px;
            margin-bottom: 2px;
        }

        .mg-sm-x-2 {
            margin-left: 2px;
            margin-right: 2px;
        }

        .mg-sm-t-2 {
            margin-top: 2px;
        }

        .mg-sm-r-2 {
            margin-right: 2px;
        }

        .mg-sm-b-2 {
            margin-bottom: 2px;
        }

        .mg-sm-l-2 {
            margin-left: 2px;
        }

        .mg-sm-3 {
            margin: 3px;
        }

        .mg-sm-y-3 {
            margin-top: 3px;
            margin-bottom: 3px;
        }

        .mg-sm-x-3 {
            margin-left: 3px;
            margin-right: 3px;
        }

        .mg-sm-t-3 {
            margin-top: 3px;
        }

        .mg-sm-r-3 {
            margin-right: 3px;
        }

        .mg-sm-b-3 {
            margin-bottom: 3px;
        }

        .mg-sm-l-3 {
            margin-left: 3px;
        }

        .mg-sm-4 {
            margin: 4px;
        }

        .mg-sm-y-4 {
            margin-top: 4px;
            margin-bottom: 4px;
        }

        .mg-sm-x-4 {
            margin-left: 4px;
            margin-right: 4px;
        }

        .mg-sm-t-4 {
            margin-top: 4px;
        }

        .mg-sm-r-4 {
            margin-right: 4px;
        }

        .mg-sm-b-4 {
            margin-bottom: 4px;
        }

        .mg-sm-l-4 {
            margin-left: 4px;
        }

        .mg-sm-5 {
            margin: 5px;
        }

        .mg-sm-y-5 {
            margin-top: 5px;
            margin-bottom: 5px;
        }

        .mg-sm-x-5 {
            margin-left: 5px;
            margin-right: 5px;
        }

        .mg-sm-t-5 {
            margin-top: 5px;
        }

        .mg-sm-r-5 {
            margin-right: 5px;
        }

        .mg-sm-b-5 {
            margin-bottom: 5px;
        }

        .mg-sm-l-5 {
            margin-left: 5px;
        }

        .mg-sm-6 {
            margin: 6px;
        }

        .mg-sm-y-6 {
            margin-top: 6px;
            margin-bottom: 6px;
        }

        .mg-sm-x-6 {
            margin-left: 6px;
            margin-right: 6px;
        }

        .mg-sm-t-6 {
            margin-top: 6px;
        }

        .mg-sm-r-6 {
            margin-right: 6px;
        }

        .mg-sm-b-6 {
            margin-bottom: 6px;
        }

        .mg-sm-l-6 {
            margin-left: 6px;
        }

        .mg-sm-7 {
            margin: 7px;
        }

        .mg-sm-y-7 {
            margin-top: 7px;
            margin-bottom: 7px;
        }

        .mg-sm-x-7 {
            margin-left: 7px;
            margin-right: 7px;
        }

        .mg-sm-t-7 {
            margin-top: 7px;
        }

        .mg-sm-r-7 {
            margin-right: 7px;
        }

        .mg-sm-b-7 {
            margin-bottom: 7px;
        }

        .mg-sm-l-7 {
            margin-left: 7px;
        }

        .mg-sm-8 {
            margin: 8px;
        }

        .mg-sm-y-8 {
            margin-top: 8px;
            margin-bottom: 8px;
        }

        .mg-sm-x-8 {
            margin-left: 8px;
            margin-right: 8px;
        }

        .mg-sm-t-8 {
            margin-top: 8px;
        }

        .mg-sm-r-8 {
            margin-right: 8px;
        }

        .mg-sm-b-8 {
            margin-bottom: 8px;
        }

        .mg-sm-l-8 {
            margin-left: 8px;
        }

        .mg-sm-9 {
            margin: 9px;
        }

        .mg-sm-y-9 {
            margin-top: 9px;
            margin-bottom: 9px;
        }

        .mg-sm-x-9 {
            margin-left: 9px;
            margin-right: 9px;
        }

        .mg-sm-t-9 {
            margin-top: 9px;
        }

        .mg-sm-r-9 {
            margin-right: 9px;
        }

        .mg-sm-b-9 {
            margin-bottom: 9px;
        }

        .mg-sm-l-9 {
            margin-left: 9px;
        }

        .mg-sm-10 {
            margin: 10px;
        }

        .mg-sm-y-10 {
            margin-top: 10px;
            margin-bottom: 10px;
        }

        .mg-sm-x-10 {
            margin-left: 10px;
            margin-right: 10px;
        }

        .mg-sm-t-10 {
            margin-top: 10px;
        }

        .mg-sm-r-10 {
            margin-right: 10px;
        }

        .mg-sm-b-10 {
            margin-bottom: 10px;
        }

        .mg-sm-l-10 {
            margin-left: 10px;
        }

        .mg-sm-15 {
            margin: 15px;
        }

        .mg-sm-y-15 {
            margin-top: 15px;
            margin-bottom: 15px;
        }

        .mg-sm-x-15 {
            margin-left: 15px;
            margin-right: 15px;
        }

        .mg-sm-t-15 {
            margin-top: 15px;
        }

        .mg-sm-r-15 {
            margin-right: 15px;
        }

        .mg-sm-b-15 {
            margin-bottom: 15px;
        }

        .mg-sm-l-15 {
            margin-left: 15px;
        }

        .mg-sm-20 {
            margin: 20px;
        }

        .mg-sm-y-20 {
            margin-top: 20px;
            margin-bottom: 20px;
        }

        .mg-sm-x-20 {
            margin-left: 20px;
            margin-right: 20px;
        }

        .mg-sm-t-20 {
            margin-top: 20px;
        }

        .mg-sm-r-20 {
            margin-right: 20px;
        }

        .mg-sm-b-20 {
            margin-bottom: 20px;
        }

        .mg-sm-l-20 {
            margin-left: 20px;
        }

        .mg-sm-25 {
            margin: 25px;
        }

        .mg-sm-y-25 {
            margin-top: 25px;
            margin-bottom: 25px;
        }

        .mg-sm-x-25 {
            margin-left: 25px;
            margin-right: 25px;
        }

        .mg-sm-t-25 {
            margin-top: 25px;
        }

        .mg-sm-r-25 {
            margin-right: 25px;
        }

        .mg-sm-b-25 {
            margin-bottom: 25px;
        }

        .mg-sm-l-25 {
            margin-left: 25px;
        }

        .mg-sm-30 {
            margin: 30px;
        }

        .mg-sm-y-30 {
            margin-top: 30px;
            margin-bottom: 30px;
        }

        .mg-sm-x-30 {
            margin-left: 30px;
            margin-right: 30px;
        }

        .mg-sm-t-30 {
            margin-top: 30px;
        }

        .mg-sm-r-30 {
            margin-right: 30px;
        }

        .mg-sm-b-30 {
            margin-bottom: 30px;
        }

        .mg-sm-l-30 {
            margin-left: 30px;
        }

        .mg-sm-35 {
            margin: 35px;
        }

        .mg-sm-y-35 {
            margin-top: 35px;
            margin-bottom: 35px;
        }

        .mg-sm-x-35 {
            margin-left: 35px;
            margin-right: 35px;
        }

        .mg-sm-t-35 {
            margin-top: 35px;
        }

        .mg-sm-r-35 {
            margin-right: 35px;
        }

        .mg-sm-b-35 {
            margin-bottom: 35px;
        }

        .mg-sm-l-35 {
            margin-left: 35px;
        }

        .mg-sm-40 {
            margin: 40px;
        }

        .mg-sm-y-40 {
            margin-top: 40px;
            margin-bottom: 40px;
        }

        .mg-sm-x-40 {
            margin-left: 40px;
            margin-right: 40px;
        }

        .mg-sm-t-40 {
            margin-top: 40px;
        }

        .mg-sm-r-40 {
            margin-right: 40px;
        }

        .mg-sm-b-40 {
            margin-bottom: 40px;
        }

        .mg-sm-l-40 {
            margin-left: 40px;
        }

        .mg-sm-45 {
            margin: 45px;
        }

        .mg-sm-y-45 {
            margin-top: 45px;
            margin-bottom: 45px;
        }

        .mg-sm-x-45 {
            margin-left: 45px;
            margin-right: 45px;
        }

        .mg-sm-t-45 {
            margin-top: 45px;
        }

        .mg-sm-r-45 {
            margin-right: 45px;
        }

        .mg-sm-b-45 {
            margin-bottom: 45px;
        }

        .mg-sm-l-45 {
            margin-left: 45px;
        }

        .mg-sm-50 {
            margin: 50px;
        }

        .mg-sm-y-50 {
            margin-top: 50px;
            margin-bottom: 50px;
        }

        .mg-sm-x-50 {
            margin-left: 50px;
            margin-right: 50px;
        }

        .mg-sm-t-50 {
            margin-top: 50px;
        }

        .mg-sm-r-50 {
            margin-right: 50px;
        }

        .mg-sm-b-50 {
            margin-bottom: 50px;
        }

        .mg-sm-l-50 {
            margin-left: 50px;
        }

        .mg-sm-55 {
            margin: 55px;
        }

        .mg-sm-y-55 {
            margin-top: 55px;
            margin-bottom: 55px;
        }

        .mg-sm-x-55 {
            margin-left: 55px;
            margin-right: 55px;
        }

        .mg-sm-t-55 {
            margin-top: 55px;
        }

        .mg-sm-r-55 {
            margin-right: 55px;
        }

        .mg-sm-b-55 {
            margin-bottom: 55px;
        }

        .mg-sm-l-55 {
            margin-left: 55px;
        }

        .mg-sm-60 {
            margin: 60px;
        }

        .mg-sm-y-60 {
            margin-top: 60px;
            margin-bottom: 60px;
        }

        .mg-sm-x-60 {
            margin-left: 60px;
            margin-right: 60px;
        }

        .mg-sm-t-60 {
            margin-top: 60px;
        }

        .mg-sm-r-60 {
            margin-right: 60px;
        }

        .mg-sm-b-60 {
            margin-bottom: 60px;
        }

        .mg-sm-l-60 {
            margin-left: 60px;
        }

        .mg-sm-65 {
            margin: 65px;
        }

        .mg-sm-y-65 {
            margin-top: 65px;
            margin-bottom: 65px;
        }

        .mg-sm-x-65 {
            margin-left: 65px;
            margin-right: 65px;
        }

        .mg-sm-t-65 {
            margin-top: 65px;
        }

        .mg-sm-r-65 {
            margin-right: 65px;
        }

        .mg-sm-b-65 {
            margin-bottom: 65px;
        }

        .mg-sm-l-65 {
            margin-left: 65px;
        }

        .mg-sm-70 {
            margin: 70px;
        }

        .mg-sm-y-70 {
            margin-top: 70px;
            margin-bottom: 70px;
        }

        .mg-sm-x-70 {
            margin-left: 70px;
            margin-right: 70px;
        }

        .mg-sm-t-70 {
            margin-top: 70px;
        }

        .mg-sm-r-70 {
            margin-right: 70px;
        }

        .mg-sm-b-70 {
            margin-bottom: 70px;
        }

        .mg-sm-l-70 {
            margin-left: 70px;
        }

        .mg-sm-75 {
            margin: 75px;
        }

        .mg-sm-y-75 {
            margin-top: 75px;
            margin-bottom: 75px;
        }

        .mg-sm-x-75 {
            margin-left: 75px;
            margin-right: 75px;
        }

        .mg-sm-t-75 {
            margin-top: 75px;
        }

        .mg-sm-r-75 {
            margin-right: 75px;
        }

        .mg-sm-b-75 {
            margin-bottom: 75px;
        }

        .mg-sm-l-75 {
            margin-left: 75px;
        }

        .mg-sm-80 {
            margin: 80px;
        }

        .mg-sm-y-80 {
            margin-top: 80px;
            margin-bottom: 80px;
        }

        .mg-sm-x-80 {
            margin-left: 80px;
            margin-right: 80px;
        }

        .mg-sm-t-80 {
            margin-top: 80px;
        }

        .mg-sm-r-80 {
            margin-right: 80px;
        }

        .mg-sm-b-80 {
            margin-bottom: 80px;
        }

        .mg-sm-l-80 {
            margin-left: 80px;
        }

        .mg-sm-85 {
            margin: 85px;
        }

        .mg-sm-y-85 {
            margin-top: 85px;
            margin-bottom: 85px;
        }

        .mg-sm-x-85 {
            margin-left: 85px;
            margin-right: 85px;
        }

        .mg-sm-t-85 {
            margin-top: 85px;
        }

        .mg-sm-r-85 {
            margin-right: 85px;
        }

        .mg-sm-b-85 {
            margin-bottom: 85px;
        }

        .mg-sm-l-85 {
            margin-left: 85px;
        }

        .mg-sm-90 {
            margin: 90px;
        }

        .mg-sm-y-90 {
            margin-top: 90px;
            margin-bottom: 90px;
        }

        .mg-sm-x-90 {
            margin-left: 90px;
            margin-right: 90px;
        }

        .mg-sm-t-90 {
            margin-top: 90px;
        }

        .mg-sm-r-90 {
            margin-right: 90px;
        }

        .mg-sm-b-90 {
            margin-bottom: 90px;
        }

        .mg-sm-l-90 {
            margin-left: 90px;
        }

        .mg-sm-95 {
            margin: 95px;
        }

        .mg-sm-y-95 {
            margin-top: 95px;
            margin-bottom: 95px;
        }

        .mg-sm-x-95 {
            margin-left: 95px;
            margin-right: 95px;
        }

        .mg-sm-t-95 {
            margin-top: 95px;
        }

        .mg-sm-r-95 {
            margin-right: 95px;
        }

        .mg-sm-b-95 {
            margin-bottom: 95px;
        }

        .mg-sm-l-95 {
            margin-left: 95px;
        }

        .mg-sm-100 {
            margin: 100px;
        }

        .mg-sm-y-100 {
            margin-top: 100px;
            margin-bottom: 100px;
        }

        .mg-sm-x-100 {
            margin-left: 100px;
            margin-right: 100px;
        }

        .mg-sm-t-100 {
            margin-top: 100px;
        }

        .mg-sm-r-100 {
            margin-right: 100px;
        }

        .mg-sm-b-100 {
            margin-bottom: 100px;
        }

        .mg-sm-l-100 {
            margin-left: 100px;
        }

        .mg-sm-t-auto {
            margin-top: auto;
        }

        .mg-sm-r-auto {
            margin-right: auto;
        }

        .mg-sm-b-auto {
            margin-bottom: auto;
        }

        .mg-sm-l-auto {
            margin-left: auto;
        }

        .mg-sm-auto {
            margin: auto;
        }

        .mg-sm-x-auto {
            margin-left: auto;
            margin-right: auto;
        }
    }

    @media (min-width: 768px) {
        .mg-md-0 {
            margin: 0px;
        }

        .mg-md-y-0 {
            margin-top: 0px;
            margin-bottom: 0px;
        }

        .mg-md-x-0 {
            margin-left: 0px;
            margin-right: 0px;
        }

        .mg-md-t-0 {
            margin-top: 0px;
        }

        .mg-md-r-0 {
            margin-right: 0px;
        }

        .mg-md-b-0 {
            margin-bottom: 0px;
        }

        .mg-md-l-0 {
            margin-left: 0px;
        }

        .mg-md-1 {
            margin: 1px;
        }

        .mg-md-y-1 {
            margin-top: 1px;
            margin-bottom: 1px;
        }

        .mg-md-x-1 {
            margin-left: 1px;
            margin-right: 1px;
        }

        .mg-md-t-1 {
            margin-top: 1px;
        }

        .mg-md-r-1 {
            margin-right: 1px;
        }

        .mg-md-b-1 {
            margin-bottom: 1px;
        }

        .mg-md-l-1 {
            margin-left: 1px;
        }

        .mg-md-2 {
            margin: 2px;
        }

        .mg-md-y-2 {
            margin-top: 2px;
            margin-bottom: 2px;
        }

        .mg-md-x-2 {
            margin-left: 2px;
            margin-right: 2px;
        }

        .mg-md-t-2 {
            margin-top: 2px;
        }

        .mg-md-r-2 {
            margin-right: 2px;
        }

        .mg-md-b-2 {
            margin-bottom: 2px;
        }

        .mg-md-l-2 {
            margin-left: 2px;
        }

        .mg-md-3 {
            margin: 3px;
        }

        .mg-md-y-3 {
            margin-top: 3px;
            margin-bottom: 3px;
        }

        .mg-md-x-3 {
            margin-left: 3px;
            margin-right: 3px;
        }

        .mg-md-t-3 {
            margin-top: 3px;
        }

        .mg-md-r-3 {
            margin-right: 3px;
        }

        .mg-md-b-3 {
            margin-bottom: 3px;
        }

        .mg-md-l-3 {
            margin-left: 3px;
        }

        .mg-md-4 {
            margin: 4px;
        }

        .mg-md-y-4 {
            margin-top: 4px;
            margin-bottom: 4px;
        }

        .mg-md-x-4 {
            margin-left: 4px;
            margin-right: 4px;
        }

        .mg-md-t-4 {
            margin-top: 4px;
        }

        .mg-md-r-4 {
            margin-right: 4px;
        }

        .mg-md-b-4 {
            margin-bottom: 4px;
        }

        .mg-md-l-4 {
            margin-left: 4px;
        }

        .mg-md-5 {
            margin: 5px;
        }

        .mg-md-y-5 {
            margin-top: 5px;
            margin-bottom: 5px;
        }

        .mg-md-x-5 {
            margin-left: 5px;
            margin-right: 5px;
        }

        .mg-md-t-5 {
            margin-top: 5px;
        }

        .mg-md-r-5 {
            margin-right: 5px;
        }

        .mg-md-b-5 {
            margin-bottom: 5px;
        }

        .mg-md-l-5 {
            margin-left: 5px;
        }

        .mg-md-6 {
            margin: 6px;
        }

        .mg-md-y-6 {
            margin-top: 6px;
            margin-bottom: 6px;
        }

        .mg-md-x-6 {
            margin-left: 6px;
            margin-right: 6px;
        }

        .mg-md-t-6 {
            margin-top: 6px;
        }

        .mg-md-r-6 {
            margin-right: 6px;
        }

        .mg-md-b-6 {
            margin-bottom: 6px;
        }

        .mg-md-l-6 {
            margin-left: 6px;
        }

        .mg-md-7 {
            margin: 7px;
        }

        .mg-md-y-7 {
            margin-top: 7px;
            margin-bottom: 7px;
        }

        .mg-md-x-7 {
            margin-left: 7px;
            margin-right: 7px;
        }

        .mg-md-t-7 {
            margin-top: 7px !important;
        }

        .mg-md-r-7 {
            margin-right: 7px;
        }

        .mg-md-b-7 {
            margin-bottom: 7px;
        }

        .mg-md-l-7 {
            margin-left: 7px;
        }

        .mg-md-8 {
            margin: 8px;
        }

        .mg-md-y-8 {
            margin-top: 8px;
            margin-bottom: 8px;
        }

        .mg-md-x-8 {
            margin-left: 8px;
            margin-right: 8px;
        }

        .mg-md-t-8 {
            margin-top: 8px;
        }

        .mg-md-r-8 {
            margin-right: 8px;
        }

        .mg-md-b-8 {
            margin-bottom: 8px;
        }

        .mg-md-l-8 {
            margin-left: 8px;
        }

        .mg-md-9 {
            margin: 9px;
        }

        .mg-md-y-9 {
            margin-top: 9px;
            margin-bottom: 9px;
        }

        .mg-md-x-9 {
            margin-left: 9px;
            margin-right: 9px;
        }

        .mg-md-t-9 {
            margin-top: 9px;
        }

        .mg-md-r-9 {
            margin-right: 9px;
        }

        .mg-md-b-9 {
            margin-bottom: 9px;
        }

        .mg-md-l-9 {
            margin-left: 9px;
        }

        .mg-md-10 {
            margin: 10px;
        }

        .mg-md-y-10 {
            margin-top: 10px;
            margin-bottom: 10px;
        }

        .mg-md-x-10 {
            margin-left: 10px;
            margin-right: 10px;
        }

        .mg-md-t-10 {
            margin-top: 10px;
        }

        .mg-md-r-10 {
            margin-right: 10px;
        }

        .mg-md-b-10 {
            margin-bottom: 10px;
        }

        .mg-md-l-10 {
            margin-left: 10px;
        }

        .mg-md-15 {
            margin: 15px;
        }

        .mg-md-y-15 {
            margin-top: 15px;
            margin-bottom: 15px;
        }

        .mg-md-x-15 {
            margin-left: 15px;
            margin-right: 15px;
        }

        .mg-md-t-15 {
            margin-top: 15px;
        }

        .mg-md-r-15 {
            margin-right: 15px;
        }

        .mg-md-b-15 {
            margin-bottom: 15px;
        }

        .mg-md-l-15 {
            margin-left: 15px;
        }

        .mg-md-20 {
            margin: 20px;
        }

        .mg-md-y-20 {
            margin-top: 20px;
            margin-bottom: 20px;
        }

        .mg-md-x-20 {
            margin-left: 20px;
            margin-right: 20px;
        }

        .mg-md-t-20 {
            margin-top: 20px;
        }

        .mg-md-r-20 {
            margin-right: 20px;
        }

        .mg-md-b-20 {
            margin-bottom: 20px;
        }

        .mg-md-l-20 {
            margin-left: 20px;
        }

        .mg-md-25 {
            margin: 25px;
        }

        .mg-md-y-25 {
            margin-top: 25px;
            margin-bottom: 25px;
        }

        .mg-md-x-25 {
            margin-left: 25px;
            margin-right: 25px;
        }

        .mg-md-t-25 {
            margin-top: 25px;
        }

        .mg-md-r-25 {
            margin-right: 25px;
        }

        .mg-md-b-25 {
            margin-bottom: 25px;
        }

        .mg-md-l-25 {
            margin-left: 25px;
        }

        .mg-md-30 {
            margin: 30px;
        }

        .mg-md-y-30 {
            margin-top: 30px;
            margin-bottom: 30px;
        }

        .mg-md-x-30 {
            margin-left: 30px;
            margin-right: 30px;
        }

        .mg-md-t-30 {
            margin-top: 30px;
        }

        .mg-md-r-30 {
            margin-right: 30px;
        }

        .mg-md-b-30 {
            margin-bottom: 30px;
        }

        .mg-md-l-30 {
            margin-left: 30px;
        }

        .mg-md-35 {
            margin: 35px;
        }

        .mg-md-y-35 {
            margin-top: 35px;
            margin-bottom: 35px;
        }

        .mg-md-x-35 {
            margin-left: 35px;
            margin-right: 35px;
        }

        .mg-md-t-35 {
            margin-top: 35px;
        }

        .mg-md-r-35 {
            margin-right: 35px;
        }

        .mg-md-b-35 {
            margin-bottom: 35px;
        }

        .mg-md-l-35 {
            margin-left: 35px;
        }

        .mg-md-40 {
            margin: 40px;
        }

        .mg-md-y-40 {
            margin-top: 40px;
            margin-bottom: 40px;
        }

        .mg-md-x-40 {
            margin-left: 40px;
            margin-right: 40px;
        }

        .mg-md-t-40 {
            margin-top: 40px;
        }

        .mg-md-r-40 {
            margin-right: 40px;
        }

        .mg-md-b-40 {
            margin-bottom: 40px;
        }

        .mg-md-l-40 {
            margin-left: 40px;
        }

        .mg-md-45 {
            margin: 45px;
        }

        .mg-md-y-45 {
            margin-top: 45px;
            margin-bottom: 45px;
        }

        .mg-md-x-45 {
            margin-left: 45px;
            margin-right: 45px;
        }

        .mg-md-t-45 {
            margin-top: 45px;
        }

        .mg-md-r-45 {
            margin-right: 45px;
        }

        .mg-md-b-45 {
            margin-bottom: 45px;
        }

        .mg-md-l-45 {
            margin-left: 45px;
        }

        .mg-md-50 {
            margin: 50px;
        }

        .mg-md-y-50 {
            margin-top: 50px;
            margin-bottom: 50px;
        }

        .mg-md-x-50 {
            margin-left: 50px;
            margin-right: 50px;
        }

        .mg-md-t-50 {
            margin-top: 50px;
        }

        .mg-md-r-50 {
            margin-right: 50px;
        }

        .mg-md-b-50 {
            margin-bottom: 50px;
        }

        .mg-md-l-50 {
            margin-left: 50px;
        }

        .mg-md-55 {
            margin: 55px;
        }

        .mg-md-y-55 {
            margin-top: 55px;
            margin-bottom: 55px;
        }

        .mg-md-x-55 {
            margin-left: 55px;
            margin-right: 55px;
        }

        .mg-md-t-55 {
            margin-top: 55px;
        }

        .mg-md-r-55 {
            margin-right: 55px;
        }

        .mg-md-b-55 {
            margin-bottom: 55px;
        }

        .mg-md-l-55 {
            margin-left: 55px;
        }

        .mg-md-60 {
            margin: 60px;
        }

        .mg-md-y-60 {
            margin-top: 60px;
            margin-bottom: 60px;
        }

        .mg-md-x-60 {
            margin-left: 60px;
            margin-right: 60px;
        }

        .mg-md-t-60 {
            margin-top: 60px;
        }

        .mg-md-r-60 {
            margin-right: 60px;
        }

        .mg-md-b-60 {
            margin-bottom: 60px;
        }

        .mg-md-l-60 {
            margin-left: 60px;
        }

        .mg-md-65 {
            margin: 65px;
        }

        .mg-md-y-65 {
            margin-top: 65px;
            margin-bottom: 65px;
        }

        .mg-md-x-65 {
            margin-left: 65px;
            margin-right: 65px;
        }

        .mg-md-t-65 {
            margin-top: 65px;
        }

        .mg-md-r-65 {
            margin-right: 65px;
        }

        .mg-md-b-65 {
            margin-bottom: 65px;
        }

        .mg-md-l-65 {
            margin-left: 65px;
        }

        .mg-md-70 {
            margin: 70px;
        }

        .mg-md-y-70 {
            margin-top: 70px;
            margin-bottom: 70px;
        }

        .mg-md-x-70 {
            margin-left: 70px;
            margin-right: 70px;
        }

        .mg-md-t-70 {
            margin-top: 70px;
        }

        .mg-md-r-70 {
            margin-right: 70px;
        }

        .mg-md-b-70 {
            margin-bottom: 70px;
        }

        .mg-md-l-70 {
            margin-left: 70px;
        }

        .mg-md-75 {
            margin: 75px;
        }

        .mg-md-y-75 {
            margin-top: 75px;
            margin-bottom: 75px;
        }

        .mg-md-x-75 {
            margin-left: 75px;
            margin-right: 75px;
        }

        .mg-md-t-75 {
            margin-top: 75px;
        }

        .mg-md-r-75 {
            margin-right: 75px;
        }

        .mg-md-b-75 {
            margin-bottom: 75px;
        }

        .mg-md-l-75 {
            margin-left: 75px;
        }

        .mg-md-80 {
            margin: 80px;
        }

        .mg-md-y-80 {
            margin-top: 80px;
            margin-bottom: 80px;
        }

        .mg-md-x-80 {
            margin-left: 80px;
            margin-right: 80px;
        }

        .mg-md-t-80 {
            margin-top: 80px;
        }

        .mg-md-r-80 {
            margin-right: 80px;
        }

        .mg-md-b-80 {
            margin-bottom: 80px;
        }

        .mg-md-l-80 {
            margin-left: 80px;
        }

        .mg-md-85 {
            margin: 85px;
        }

        .mg-md-y-85 {
            margin-top: 85px;
            margin-bottom: 85px;
        }

        .mg-md-x-85 {
            margin-left: 85px;
            margin-right: 85px;
        }

        .mg-md-t-85 {
            margin-top: 85px;
        }

        .mg-md-r-85 {
            margin-right: 85px;
        }

        .mg-md-b-85 {
            margin-bottom: 85px;
        }

        .mg-md-l-85 {
            margin-left: 85px;
        }

        .mg-md-90 {
            margin: 90px;
        }

        .mg-md-y-90 {
            margin-top: 90px;
            margin-bottom: 90px;
        }

        .mg-md-x-90 {
            margin-left: 90px;
            margin-right: 90px;
        }

        .mg-md-t-90 {
            margin-top: 90px;
        }

        .mg-md-r-90 {
            margin-right: 90px;
        }

        .mg-md-b-90 {
            margin-bottom: 90px;
        }

        .mg-md-l-90 {
            margin-left: 90px;
        }

        .mg-md-95 {
            margin: 95px;
        }

        .mg-md-y-95 {
            margin-top: 95px;
            margin-bottom: 95px;
        }

        .mg-md-x-95 {
            margin-left: 95px;
            margin-right: 95px;
        }

        .mg-md-t-95 {
            margin-top: 95px;
        }

        .mg-md-r-95 {
            margin-right: 95px;
        }

        .mg-md-b-95 {
            margin-bottom: 95px;
        }

        .mg-md-l-95 {
            margin-left: 95px;
        }

        .mg-md-100 {
            margin: 100px;
        }

        .mg-md-y-100 {
            margin-top: 100px;
            margin-bottom: 100px;
        }

        .mg-md-x-100 {
            margin-left: 100px;
            margin-right: 100px;
        }

        .mg-md-t-100 {
            margin-top: 100px;
        }

        .mg-md-r-100 {
            margin-right: 100px;
        }

        .mg-md-b-100 {
            margin-bottom: 100px;
        }

        .mg-md-l-100 {
            margin-left: 100px;
        }

        .mg-md-t-auto {
            margin-top: auto;
        }

        .mg-md-r-auto {
            margin-right: auto;
        }

        .mg-md-b-auto {
            margin-bottom: auto;
        }

        .mg-md-l-auto {
            margin-left: auto;
        }

        .mg-md-auto {
            margin: auto;
        }

        .mg-md-x-auto {
            margin-left: auto;
            margin-right: auto;
        }
    }

    @media (min-width: 992px) {
        .mg-lg-0 {
            margin: 0px;
        }

        .mg-lg-y-0 {
            margin-top: 0px;
            margin-bottom: 0px;
        }

        .mg-lg-x-0 {
            margin-left: 0px;
            margin-right: 0px;
        }

        .mg-lg-t-0 {
            margin-top: 0px;
        }

        .mg-lg-r-0 {
            margin-right: 0px;
        }

        .mg-lg-b-0 {
            margin-bottom: 0px;
        }

        .mg-lg-l-0 {
            margin-left: 0px;
        }

        .mg-lg-1 {
            margin: 1px;
        }

        .mg-lg-y-1 {
            margin-top: 1px;
            margin-bottom: 1px;
        }

        .mg-lg-x-1 {
            margin-left: 1px;
            margin-right: 1px;
        }

        .mg-lg-t-1 {
            margin-top: 1px;
        }

        .mg-lg-r-1 {
            margin-right: 1px;
        }

        .mg-lg-b-1 {
            margin-bottom: 1px;
        }

        .mg-lg-l-1 {
            margin-left: 1px;
        }

        .mg-lg-2 {
            margin: 2px;
        }

        .mg-lg-y-2 {
            margin-top: 2px;
            margin-bottom: 2px;
        }

        .mg-lg-x-2 {
            margin-left: 2px;
            margin-right: 2px;
        }

        .mg-lg-t-2 {
            margin-top: 2px;
        }

        .mg-lg-r-2 {
            margin-right: 2px;
        }

        .mg-lg-b-2 {
            margin-bottom: 2px;
        }

        .mg-lg-l-2 {
            margin-left: 2px;
        }

        .mg-lg-3 {
            margin: 3px;
        }

        .mg-lg-y-3 {
            margin-top: 3px;
            margin-bottom: 3px;
        }

        .mg-lg-x-3 {
            margin-left: 3px;
            margin-right: 3px;
        }

        .mg-lg-t-3 {
            margin-top: 3px;
        }

        .mg-lg-r-3 {
            margin-right: 3px;
        }

        .mg-lg-b-3 {
            margin-bottom: 3px;
        }

        .mg-lg-l-3 {
            margin-left: 3px;
        }

        .mg-lg-4 {
            margin: 4px;
        }

        .mg-lg-y-4 {
            margin-top: 4px;
            margin-bottom: 4px;
        }

        .mg-lg-x-4 {
            margin-left: 4px;
            margin-right: 4px;
        }

        .mg-lg-t-4 {
            margin-top: 4px;
        }

        .mg-lg-r-4 {
            margin-right: 4px;
        }

        .mg-lg-b-4 {
            margin-bottom: 4px;
        }

        .mg-lg-l-4 {
            margin-left: 4px;
        }

        .mg-lg-5 {
            margin: 5px;
        }

        .mg-lg-y-5 {
            margin-top: 5px;
            margin-bottom: 5px;
        }

        .mg-lg-x-5 {
            margin-left: 5px;
            margin-right: 5px;
        }

        .mg-lg-t-5 {
            margin-top: 5px;
        }

        .mg-lg-r-5 {
            margin-right: 5px;
        }

        .mg-lg-b-5 {
            margin-bottom: 5px;
        }

        .mg-lg-l-5 {
            margin-left: 5px;
        }

        .mg-lg-6 {
            margin: 6px;
        }

        .mg-lg-y-6 {
            margin-top: 6px;
            margin-bottom: 6px;
        }

        .mg-lg-x-6 {
            margin-left: 6px;
            margin-right: 6px;
        }

        .mg-lg-t-6 {
            margin-top: 6px;
        }

        .mg-lg-r-6 {
            margin-right: 6px;
        }

        .mg-lg-b-6 {
            margin-bottom: 6px;
        }

        .mg-lg-l-6 {
            margin-left: 6px;
        }

        .mg-lg-7 {
            margin: 7px;
        }

        .mg-lg-y-7 {
            margin-top: 7px;
            margin-bottom: 7px;
        }

        .mg-lg-x-7 {
            margin-left: 7px;
            margin-right: 7px;
        }

        .mg-lg-t-7 {
            margin-top: 7px;
        }

        .mg-lg-r-7 {
            margin-right: 7px;
        }

        .mg-lg-b-7 {
            margin-bottom: 7px;
        }

        .mg-lg-l-7 {
            margin-left: 7px;
        }

        .mg-lg-8 {
            margin: 8px;
        }

        .mg-lg-y-8 {
            margin-top: 8px;
            margin-bottom: 8px;
        }

        .mg-lg-x-8 {
            margin-left: 8px;
            margin-right: 8px;
        }

        .mg-lg-t-8 {
            margin-top: 8px;
        }

        .mg-lg-r-8 {
            margin-right: 8px;
        }

        .mg-lg-b-8 {
            margin-bottom: 8px;
        }

        .mg-lg-l-8 {
            margin-left: 8px;
        }

        .mg-lg-9 {
            margin: 9px;
        }

        .mg-lg-y-9 {
            margin-top: 9px;
            margin-bottom: 9px;
        }

        .mg-lg-x-9 {
            margin-left: 9px;
            margin-right: 9px;
        }

        .mg-lg-t-9 {
            margin-top: 9px;
        }

        .mg-lg-r-9 {
            margin-right: 9px;
        }

        .mg-lg-b-9 {
            margin-bottom: 9px;
        }

        .mg-lg-l-9 {
            margin-left: 9px;
        }

        .mg-lg-10 {
            margin: 10px;
        }

        .mg-lg-y-10 {
            margin-top: 10px;
            margin-bottom: 10px;
        }

        .mg-lg-x-10 {
            margin-left: 10px;
            margin-right: 10px;
        }

        .mg-lg-t-10 {
            margin-top: 10px;
        }

        .mg-lg-r-10 {
            margin-right: 10px;
        }

        .mg-lg-b-10 {
            margin-bottom: 10px;
        }

        .mg-lg-l-10 {
            margin-left: 10px;
        }

        .mg-lg-15 {
            margin: 15px;
        }

        .mg-lg-y-15 {
            margin-top: 15px;
            margin-bottom: 15px;
        }

        .mg-lg-x-15 {
            margin-left: 15px;
            margin-right: 15px;
        }

        .mg-lg-t-15 {
            margin-top: 15px;
        }

        .mg-lg-r-15 {
            margin-right: 15px;
        }

        .mg-lg-b-15 {
            margin-bottom: 15px;
        }

        .mg-lg-l-15 {
            margin-left: 15px;
        }

        .mg-lg-20 {
            margin: 20px;
        }

        .mg-lg-y-20 {
            margin-top: 20px;
            margin-bottom: 20px;
        }

        .mg-lg-x-20 {
            margin-left: 20px;
            margin-right: 20px;
        }

        .mg-lg-t-20 {
            margin-top: 20px;
        }

        .mg-lg-r-20 {
            margin-right: 20px;
        }

        .mg-lg-b-20 {
            margin-bottom: 20px;
        }

        .mg-lg-l-20 {
            margin-left: 20px;
        }

        .mg-lg-25 {
            margin: 25px;
        }

        .mg-lg-y-25 {
            margin-top: 25px;
            margin-bottom: 25px;
        }

        .mg-lg-x-25 {
            margin-left: 25px;
            margin-right: 25px;
        }

        .mg-lg-t-25 {
            margin-top: 25px;
        }

        .mg-lg-r-25 {
            margin-right: 25px;
        }

        .mg-lg-b-25 {
            margin-bottom: 25px;
        }

        .mg-lg-l-25 {
            margin-left: 25px;
        }

        .mg-lg-30 {
            margin: 30px;
        }

        .mg-lg-y-30 {
            margin-top: 30px;
            margin-bottom: 30px;
        }

        .mg-lg-x-30 {
            margin-left: 30px;
            margin-right: 30px;
        }

        .mg-lg-t-30 {
            margin-top: 30px;
        }

        .mg-lg-r-30 {
            margin-right: 30px;
        }

        .mg-lg-b-30 {
            margin-bottom: 30px;
        }

        .mg-lg-l-30 {
            margin-left: 30px;
        }

        .mg-lg-35 {
            margin: 35px;
        }

        .mg-lg-y-35 {
            margin-top: 35px;
            margin-bottom: 35px;
        }

        .mg-lg-x-35 {
            margin-left: 35px;
            margin-right: 35px;
        }

        .mg-lg-t-35 {
            margin-top: 35px;
        }

        .mg-lg-r-35 {
            margin-right: 35px;
        }

        .mg-lg-b-35 {
            margin-bottom: 35px;
        }

        .mg-lg-l-35 {
            margin-left: 35px;
        }

        .mg-lg-40 {
            margin: 40px;
        }

        .mg-lg-y-40 {
            margin-top: 40px;
            margin-bottom: 40px;
        }

        .mg-lg-x-40 {
            margin-left: 40px;
            margin-right: 40px;
        }

        .mg-lg-t-40 {
            margin-top: 40px;
        }

        .mg-lg-r-40 {
            margin-right: 40px;
        }

        .mg-lg-b-40 {
            margin-bottom: 40px;
        }

        .mg-lg-l-40 {
            margin-left: 40px;
        }

        .mg-lg-45 {
            margin: 45px;
        }

        .mg-lg-y-45 {
            margin-top: 45px;
            margin-bottom: 45px;
        }

        .mg-lg-x-45 {
            margin-left: 45px;
            margin-right: 45px;
        }

        .mg-lg-t-45 {
            margin-top: 45px;
        }

        .mg-lg-r-45 {
            margin-right: 45px;
        }

        .mg-lg-b-45 {
            margin-bottom: 45px;
        }

        .mg-lg-l-45 {
            margin-left: 45px;
        }

        .mg-lg-50 {
            margin: 50px;
        }

        .mg-lg-y-50 {
            margin-top: 50px;
            margin-bottom: 50px;
        }

        .mg-lg-x-50 {
            margin-left: 50px;
            margin-right: 50px;
        }

        .mg-lg-t-50 {
            margin-top: 50px;
        }

        .mg-lg-r-50 {
            margin-right: 50px;
        }

        .mg-lg-b-50 {
            margin-bottom: 50px;
        }

        .mg-lg-l-50 {
            margin-left: 50px;
        }

        .mg-lg-55 {
            margin: 55px;
        }

        .mg-lg-y-55 {
            margin-top: 55px;
            margin-bottom: 55px;
        }

        .mg-lg-x-55 {
            margin-left: 55px;
            margin-right: 55px;
        }

        .mg-lg-t-55 {
            margin-top: 55px;
        }

        .mg-lg-r-55 {
            margin-right: 55px;
        }

        .mg-lg-b-55 {
            margin-bottom: 55px;
        }

        .mg-lg-l-55 {
            margin-left: 55px;
        }

        .mg-lg-60 {
            margin: 60px;
        }

        .mg-lg-y-60 {
            margin-top: 60px;
            margin-bottom: 60px;
        }

        .mg-lg-x-60 {
            margin-left: 60px;
            margin-right: 60px;
        }

        .mg-lg-t-60 {
            margin-top: 60px;
        }

        .mg-lg-r-60 {
            margin-right: 60px;
        }

        .mg-lg-b-60 {
            margin-bottom: 60px;
        }

        .mg-lg-l-60 {
            margin-left: 60px;
        }

        .mg-lg-65 {
            margin: 65px;
        }

        .mg-lg-y-65 {
            margin-top: 65px;
            margin-bottom: 65px;
        }

        .mg-lg-x-65 {
            margin-left: 65px;
            margin-right: 65px;
        }

        .mg-lg-t-65 {
            margin-top: 65px;
        }

        .mg-lg-r-65 {
            margin-right: 65px;
        }

        .mg-lg-b-65 {
            margin-bottom: 65px;
        }

        .mg-lg-l-65 {
            margin-left: 65px;
        }

        .mg-lg-70 {
            margin: 70px;
        }

        .mg-lg-y-70 {
            margin-top: 70px;
            margin-bottom: 70px;
        }

        .mg-lg-x-70 {
            margin-left: 70px;
            margin-right: 70px;
        }

        .mg-lg-t-70 {
            margin-top: 70px;
        }

        .mg-lg-r-70 {
            margin-right: 70px;
        }

        .mg-lg-b-70 {
            margin-bottom: 70px;
        }

        .mg-lg-l-70 {
            margin-left: 70px;
        }

        .mg-lg-75 {
            margin: 75px;
        }

        .mg-lg-y-75 {
            margin-top: 75px;
            margin-bottom: 75px;
        }

        .mg-lg-x-75 {
            margin-left: 75px;
            margin-right: 75px;
        }

        .mg-lg-t-75 {
            margin-top: 75px;
        }

        .mg-lg-r-75 {
            margin-right: 75px;
        }

        .mg-lg-b-75 {
            margin-bottom: 75px;
        }

        .mg-lg-l-75 {
            margin-left: 75px;
        }

        .mg-lg-80 {
            margin: 80px;
        }

        .mg-lg-y-80 {
            margin-top: 80px;
            margin-bottom: 80px;
        }

        .mg-lg-x-80 {
            margin-left: 80px;
            margin-right: 80px;
        }

        .mg-lg-t-80 {
            margin-top: 80px;
        }

        .mg-lg-r-80 {
            margin-right: 80px;
        }

        .mg-lg-b-80 {
            margin-bottom: 80px;
        }

        .mg-lg-l-80 {
            margin-left: 80px;
        }

        .mg-lg-85 {
            margin: 85px;
        }

        .mg-lg-y-85 {
            margin-top: 85px;
            margin-bottom: 85px;
        }

        .mg-lg-x-85 {
            margin-left: 85px;
            margin-right: 85px;
        }

        .mg-lg-t-85 {
            margin-top: 85px;
        }

        .mg-lg-r-85 {
            margin-right: 85px;
        }

        .mg-lg-b-85 {
            margin-bottom: 85px;
        }

        .mg-lg-l-85 {
            margin-left: 85px;
        }

        .mg-lg-90 {
            margin: 90px;
        }

        .mg-lg-y-90 {
            margin-top: 90px;
            margin-bottom: 90px;
        }

        .mg-lg-x-90 {
            margin-left: 90px;
            margin-right: 90px;
        }

        .mg-lg-t-90 {
            margin-top: 90px;
        }

        .mg-lg-r-90 {
            margin-right: 90px;
        }

        .mg-lg-b-90 {
            margin-bottom: 90px;
        }

        .mg-lg-l-90 {
            margin-left: 90px;
        }

        .mg-lg-95 {
            margin: 95px;
        }

        .mg-lg-y-95 {
            margin-top: 95px;
            margin-bottom: 95px;
        }

        .mg-lg-x-95 {
            margin-left: 95px;
            margin-right: 95px;
        }

        .mg-lg-t-95 {
            margin-top: 95px;
        }

        .mg-lg-r-95 {
            margin-right: 95px;
        }

        .mg-lg-b-95 {
            margin-bottom: 95px;
        }

        .mg-lg-l-95 {
            margin-left: 95px;
        }

        .mg-lg-100 {
            margin: 100px;
        }

        .mg-lg-y-100 {
            margin-top: 100px;
            margin-bottom: 100px;
        }

        .mg-lg-x-100 {
            margin-left: 100px;
            margin-right: 100px;
        }

        .mg-lg-t-100 {
            margin-top: 100px;
        }

        .mg-lg-r-100 {
            margin-right: 100px;
        }

        .mg-lg-b-100 {
            margin-bottom: 100px;
        }

        .mg-lg-l-100 {
            margin-left: 100px;
        }

        .mg-lg-t-auto {
            margin-top: auto;
        }

        .mg-lg-r-auto {
            margin-right: auto;
        }

        .mg-lg-b-auto {
            margin-bottom: auto;
        }

        .mg-lg-l-auto {
            margin-left: auto;
        }

        .mg-lg-auto {
            margin: auto;
        }

        .mg-lg-x-auto {
            margin-left: auto;
            margin-right: auto;
        }
    }

    @media (min-width: 1200px) {
        .mg-xl-0 {
            margin: 0px;
        }

        .mg-xl-y-0 {
            margin-top: 0px;
            margin-bottom: 0px;
        }

        .mg-xl-x-0 {
            margin-left: 0px;
            margin-right: 0px;
        }

        .mg-xl-t-0 {
            margin-top: 0px;
        }

        .mg-xl-r-0 {
            margin-right: 0px;
        }

        .mg-xl-b-0 {
            margin-bottom: 0px;
        }

        .mg-xl-l-0 {
            margin-left: 0px;
        }

        .mg-xl-1 {
            margin: 1px;
        }

        .mg-xl-y-1 {
            margin-top: 1px;
            margin-bottom: 1px;
        }

        .mg-xl-x-1 {
            margin-left: 1px;
            margin-right: 1px;
        }

        .mg-xl-t-1 {
            margin-top: 1px;
        }

        .mg-xl-r-1 {
            margin-right: 1px;
        }

        .mg-xl-b-1 {
            margin-bottom: 1px;
        }

        .mg-xl-l-1 {
            margin-left: 1px;
        }

        .mg-xl-2 {
            margin: 2px;
        }

        .mg-xl-y-2 {
            margin-top: 2px;
            margin-bottom: 2px;
        }

        .mg-xl-x-2 {
            margin-left: 2px;
            margin-right: 2px;
        }

        .mg-xl-t-2 {
            margin-top: 2px;
        }

        .mg-xl-r-2 {
            margin-right: 2px;
        }

        .mg-xl-b-2 {
            margin-bottom: 2px;
        }

        .mg-xl-l-2 {
            margin-left: 2px;
        }

        .mg-xl-3 {
            margin: 3px;
        }

        .mg-xl-y-3 {
            margin-top: 3px;
            margin-bottom: 3px;
        }

        .mg-xl-x-3 {
            margin-left: 3px;
            margin-right: 3px;
        }

        .mg-xl-t-3 {
            margin-top: 3px;
        }

        .mg-xl-r-3 {
            margin-right: 3px;
        }

        .mg-xl-b-3 {
            margin-bottom: 3px;
        }

        .mg-xl-l-3 {
            margin-left: 3px;
        }

        .mg-xl-4 {
            margin: 4px;
        }

        .mg-xl-y-4 {
            margin-top: 4px;
            margin-bottom: 4px;
        }

        .mg-xl-x-4 {
            margin-left: 4px;
            margin-right: 4px;
        }

        .mg-xl-t-4 {
            margin-top: 4px;
        }

        .mg-xl-r-4 {
            margin-right: 4px;
        }

        .mg-xl-b-4 {
            margin-bottom: 4px;
        }

        .mg-xl-l-4 {
            margin-left: 4px;
        }

        .mg-xl-5 {
            margin: 5px;
        }

        .mg-xl-y-5 {
            margin-top: 5px;
            margin-bottom: 5px;
        }

        .mg-xl-x-5 {
            margin-left: 5px;
            margin-right: 5px;
        }

        .mg-xl-t-5 {
            margin-top: 5px;
        }

        .mg-xl-r-5 {
            margin-right: 5px;
        }

        .mg-xl-b-5 {
            margin-bottom: 5px;
        }

        .mg-xl-l-5 {
            margin-left: 5px;
        }

        .mg-xl-6 {
            margin: 6px;
        }

        .mg-xl-y-6 {
            margin-top: 6px;
            margin-bottom: 6px;
        }

        .mg-xl-x-6 {
            margin-left: 6px;
            margin-right: 6px;
        }

        .mg-xl-t-6 {
            margin-top: 6px;
        }

        .mg-xl-r-6 {
            margin-right: 6px;
        }

        .mg-xl-b-6 {
            margin-bottom: 6px;
        }

        .mg-xl-l-6 {
            margin-left: 6px;
        }

        .mg-xl-7 {
            margin: 7px;
        }

        .mg-xl-y-7 {
            margin-top: 7px;
            margin-bottom: 7px;
        }

        .mg-xl-x-7 {
            margin-left: 7px;
            margin-right: 7px;
        }

        .mg-xl-t-7 {
            margin-top: 7px;
        }

        .mg-xl-r-7 {
            margin-right: 7px;
        }

        .mg-xl-b-7 {
            margin-bottom: 7px;
        }

        .mg-xl-l-7 {
            margin-left: 7px;
        }

        .mg-xl-8 {
            margin: 8px;
        }

        .mg-xl-y-8 {
            margin-top: 8px;
            margin-bottom: 8px;
        }

        .mg-xl-x-8 {
            margin-left: 8px;
            margin-right: 8px;
        }

        .mg-xl-t-8 {
            margin-top: 8px;
        }

        .mg-xl-r-8 {
            margin-right: 8px;
        }

        .mg-xl-b-8 {
            margin-bottom: 8px;
        }

        .mg-xl-l-8 {
            margin-left: 8px;
        }

        .mg-xl-9 {
            margin: 9px;
        }

        .mg-xl-y-9 {
            margin-top: 9px;
            margin-bottom: 9px;
        }

        .mg-xl-x-9 {
            margin-left: 9px;
            margin-right: 9px;
        }

        .mg-xl-t-9 {
            margin-top: 9px;
        }

        .mg-xl-r-9 {
            margin-right: 9px;
        }

        .mg-xl-b-9 {
            margin-bottom: 9px;
        }

        .mg-xl-l-9 {
            margin-left: 9px;
        }

        .mg-xl-10 {
            margin: 10px;
        }

        .mg-xl-y-10 {
            margin-top: 10px;
            margin-bottom: 10px;
        }

        .mg-xl-x-10 {
            margin-left: 10px;
            margin-right: 10px;
        }

        .mg-xl-t-10 {
            margin-top: 10px;
        }

        .mg-xl-r-10 {
            margin-right: 10px;
        }

        .mg-xl-b-10 {
            margin-bottom: 10px;
        }

        .mg-xl-l-10 {
            margin-left: 10px;
        }

        .mg-xl-15 {
            margin: 15px;
        }

        .mg-xl-y-15 {
            margin-top: 15px;
            margin-bottom: 15px;
        }

        .mg-xl-x-15 {
            margin-left: 15px;
            margin-right: 15px;
        }

        .mg-xl-t-15 {
            margin-top: 15px;
        }

        .mg-xl-r-15 {
            margin-right: 15px;
        }

        .mg-xl-b-15 {
            margin-bottom: 15px;
        }

        .mg-xl-l-15 {
            margin-left: 15px;
        }

        .mg-xl-20 {
            margin: 20px;
        }

        .mg-xl-y-20 {
            margin-top: 20px;
            margin-bottom: 20px;
        }

        .mg-xl-x-20 {
            margin-left: 20px;
            margin-right: 20px;
        }

        .mg-xl-t-20 {
            margin-top: 20px;
        }

        .mg-xl-r-20 {
            margin-right: 20px;
        }

        .mg-xl-b-20 {
            margin-bottom: 20px;
        }

        .mg-xl-l-20 {
            margin-left: 20px;
        }

        .mg-xl-25 {
            margin: 25px;
        }

        .mg-xl-y-25 {
            margin-top: 25px;
            margin-bottom: 25px;
        }

        .mg-xl-x-25 {
            margin-left: 25px;
            margin-right: 25px;
        }

        .mg-xl-t-25 {
            margin-top: 25px;
        }

        .mg-xl-r-25 {
            margin-right: 25px;
        }

        .mg-xl-b-25 {
            margin-bottom: 25px;
        }

        .mg-xl-l-25 {
            margin-left: 25px;
        }

        .mg-xl-30 {
            margin: 30px;
        }

        .mg-xl-y-30 {
            margin-top: 30px;
            margin-bottom: 30px;
        }

        .mg-xl-x-30 {
            margin-left: 30px;
            margin-right: 30px;
        }

        .mg-xl-t-30 {
            margin-top: 30px;
        }

        .mg-xl-r-30 {
            margin-right: 30px;
        }

        .mg-xl-b-30 {
            margin-bottom: 30px;
        }

        .mg-xl-l-30 {
            margin-left: 30px;
        }

        .mg-xl-35 {
            margin: 35px;
        }

        .mg-xl-y-35 {
            margin-top: 35px;
            margin-bottom: 35px;
        }

        .mg-xl-x-35 {
            margin-left: 35px;
            margin-right: 35px;
        }

        .mg-xl-t-35 {
            margin-top: 35px;
        }

        .mg-xl-r-35 {
            margin-right: 35px;
        }

        .mg-xl-b-35 {
            margin-bottom: 35px;
        }

        .mg-xl-l-35 {
            margin-left: 35px;
        }

        .mg-xl-40 {
            margin: 40px;
        }

        .mg-xl-y-40 {
            margin-top: 40px;
            margin-bottom: 40px;
        }

        .mg-xl-x-40 {
            margin-left: 40px;
            margin-right: 40px;
        }

        .mg-xl-t-40 {
            margin-top: 40px;
        }

        .mg-xl-r-40 {
            margin-right: 40px;
        }

        .mg-xl-b-40 {
            margin-bottom: 40px;
        }

        .mg-xl-l-40 {
            margin-left: 40px;
        }

        .mg-xl-45 {
            margin: 45px;
        }

        .mg-xl-y-45 {
            margin-top: 45px;
            margin-bottom: 45px;
        }

        .mg-xl-x-45 {
            margin-left: 45px;
            margin-right: 45px;
        }

        .mg-xl-t-45 {
            margin-top: 45px;
        }

        .mg-xl-r-45 {
            margin-right: 45px;
        }

        .mg-xl-b-45 {
            margin-bottom: 45px;
        }

        .mg-xl-l-45 {
            margin-left: 45px;
        }

        .mg-xl-50 {
            margin: 50px;
        }

        .mg-xl-y-50 {
            margin-top: 50px;
            margin-bottom: 50px;
        }

        .mg-xl-x-50 {
            margin-left: 50px;
            margin-right: 50px;
        }

        .mg-xl-t-50 {
            margin-top: 50px;
        }

        .mg-xl-r-50 {
            margin-right: 50px;
        }

        .mg-xl-b-50 {
            margin-bottom: 50px;
        }

        .mg-xl-l-50 {
            margin-left: 50px;
        }

        .mg-xl-55 {
            margin: 55px;
        }

        .mg-xl-y-55 {
            margin-top: 55px;
            margin-bottom: 55px;
        }

        .mg-xl-x-55 {
            margin-left: 55px;
            margin-right: 55px;
        }

        .mg-xl-t-55 {
            margin-top: 55px;
        }

        .mg-xl-r-55 {
            margin-right: 55px;
        }

        .mg-xl-b-55 {
            margin-bottom: 55px;
        }

        .mg-xl-l-55 {
            margin-left: 55px;
        }

        .mg-xl-60 {
            margin: 60px;
        }

        .mg-xl-y-60 {
            margin-top: 60px;
            margin-bottom: 60px;
        }

        .mg-xl-x-60 {
            margin-left: 60px;
            margin-right: 60px;
        }

        .mg-xl-t-60 {
            margin-top: 60px;
        }

        .mg-xl-r-60 {
            margin-right: 60px;
        }

        .mg-xl-b-60 {
            margin-bottom: 60px;
        }

        .mg-xl-l-60 {
            margin-left: 60px;
        }

        .mg-xl-65 {
            margin: 65px;
        }

        .mg-xl-y-65 {
            margin-top: 65px;
            margin-bottom: 65px;
        }

        .mg-xl-x-65 {
            margin-left: 65px;
            margin-right: 65px;
        }

        .mg-xl-t-65 {
            margin-top: 65px;
        }

        .mg-xl-r-65 {
            margin-right: 65px;
        }

        .mg-xl-b-65 {
            margin-bottom: 65px;
        }

        .mg-xl-l-65 {
            margin-left: 65px;
        }

        .mg-xl-70 {
            margin: 70px;
        }

        .mg-xl-y-70 {
            margin-top: 70px;
            margin-bottom: 70px;
        }

        .mg-xl-x-70 {
            margin-left: 70px;
            margin-right: 70px;
        }

        .mg-xl-t-70 {
            margin-top: 70px;
        }

        .mg-xl-r-70 {
            margin-right: 70px;
        }

        .mg-xl-b-70 {
            margin-bottom: 70px;
        }

        .mg-xl-l-70 {
            margin-left: 70px;
        }

        .mg-xl-75 {
            margin: 75px;
        }

        .mg-xl-y-75 {
            margin-top: 75px;
            margin-bottom: 75px;
        }

        .mg-xl-x-75 {
            margin-left: 75px;
            margin-right: 75px;
        }

        .mg-xl-t-75 {
            margin-top: 75px;
        }

        .mg-xl-r-75 {
            margin-right: 75px;
        }

        .mg-xl-b-75 {
            margin-bottom: 75px;
        }

        .mg-xl-l-75 {
            margin-left: 75px;
        }

        .mg-xl-80 {
            margin: 80px;
        }

        .mg-xl-y-80 {
            margin-top: 80px;
            margin-bottom: 80px;
        }

        .mg-xl-x-80 {
            margin-left: 80px;
            margin-right: 80px;
        }

        .mg-xl-t-80 {
            margin-top: 80px;
        }

        .mg-xl-r-80 {
            margin-right: 80px;
        }

        .mg-xl-b-80 {
            margin-bottom: 80px;
        }

        .mg-xl-l-80 {
            margin-left: 80px;
        }

        .mg-xl-85 {
            margin: 85px;
        }

        .mg-xl-y-85 {
            margin-top: 85px;
            margin-bottom: 85px;
        }

        .mg-xl-x-85 {
            margin-left: 85px;
            margin-right: 85px;
        }

        .mg-xl-t-85 {
            margin-top: 85px;
        }

        .mg-xl-r-85 {
            margin-right: 85px;
        }

        .mg-xl-b-85 {
            margin-bottom: 85px;
        }

        .mg-xl-l-85 {
            margin-left: 85px;
        }

        .mg-xl-90 {
            margin: 90px;
        }

        .mg-xl-y-90 {
            margin-top: 90px;
            margin-bottom: 90px;
        }

        .mg-xl-x-90 {
            margin-left: 90px;
            margin-right: 90px;
        }

        .mg-xl-t-90 {
            margin-top: 90px;
        }

        .mg-xl-r-90 {
            margin-right: 90px;
        }

        .mg-xl-b-90 {
            margin-bottom: 90px;
        }

        .mg-xl-l-90 {
            margin-left: 90px;
        }

        .mg-xl-95 {
            margin: 95px;
        }

        .mg-xl-y-95 {
            margin-top: 95px;
            margin-bottom: 95px;
        }

        .mg-xl-x-95 {
            margin-left: 95px;
            margin-right: 95px;
        }

        .mg-xl-t-95 {
            margin-top: 95px;
        }

        .mg-xl-r-95 {
            margin-right: 95px;
        }

        .mg-xl-b-95 {
            margin-bottom: 95px;
        }

        .mg-xl-l-95 {
            margin-left: 95px;
        }

        .mg-xl-100 {
            margin: 100px;
        }

        .mg-xl-y-100 {
            margin-top: 100px;
            margin-bottom: 100px;
        }

        .mg-xl-x-100 {
            margin-left: 100px;
            margin-right: 100px;
        }

        .mg-xl-t-100 {
            margin-top: 100px;
        }

        .mg-xl-r-100 {
            margin-right: 100px;
        }

        .mg-xl-b-100 {
            margin-bottom: 100px;
        }

        .mg-xl-l-100 {
            margin-left: 100px;
        }

        .mg-xl-t-auto {
            margin-top: auto;
        }

        .mg-xl-r-auto {
            margin-right: auto;
        }

        .mg-xl-b-auto {
            margin-bottom: auto;
        }

        .mg-xl-l-auto {
            margin-left: auto;
        }

        .mg-xl-auto {
            margin: auto;
        }

        .mg-xl-x-auto {
            margin-left: auto;
            margin-right: auto;
        }
    }

    .m-0 {
        margin: 0 !important;
    }

    .m-l-15 {
        margin-left: -15px;
    }

    .mt-0, .my-0 {
        margin-top: 0 !important;
    }

    .me-0, .mx-0 {
        margin-right: 0 !important;
    }

    .mb-0, .my-0 {
        margin-bottom: 0 !important;
    }

    .ms-0, .mx-0 {
        margin-left: 0 !important;
    }

    .m-1 {
        margin: 0.25rem !important;
    }

    .mt-1, .my-1 {
        margin-top: 0.25rem !important;
    }

    .me-1, .mx-1 {
        margin-right: 0.25rem !important;
    }

    .mb-1, .my-1 {
        margin-bottom: 0.25rem !important;
    }

    .ms-1, .mx-1 {
        margin-left: 0.25rem !important;
    }

    .m-2 {
        margin: 0.5rem !important;
    }

    .mt-2, .my-2 {
        margin-top: 0.5rem !important;
    }

    .me-2, .mx-2 {
        margin-right: 0.5rem !important;
    }

    .mb-2, .my-2 {
        margin-bottom: 0.5rem !important;
    }

    .ms-2, .mx-2 {
        margin-left: 0.5rem !important;
    }

    .m-3 {
        margin: 1rem !important;
    }

    .mt-3, .my-3 {
        margin-top: 1rem !important;
    }

    .me-3, .mx-3 {
        margin-right: 1rem !important;
    }

    .mb-3, .my-3 {
        margin-bottom: 1rem !important;
    }

    .ms-3, .mx-3 {
        margin-left: 1rem !important;
    }

    .m-4 {
        margin: 1.5rem !important;
    }

    .mt-4, .my-4 {
        margin-top: 1.5rem !important;
    }

    .me-4, .mx-4 {
        margin-right: 1.5rem !important;
    }

    .mb-4, .my-4 {
        margin-bottom: 1.5rem !important;
    }

    .ms-4, .mx-4 {
        margin-left: 1.5rem !important;
    }

    .m-5 {
        margin: 3rem !important;
    }

    .mt-5, .my-5 {
        margin-top: 3rem !important;
    }

    .me-5, .mx-5 {
        margin-right: 3rem !important;
    }

    .mb-5, .my-5 {
        margin-bottom: 3rem !important;
    }

    .ms-5, .mx-5 {
        margin-left: 3rem !important;
    }

    .m-auto {
        margin: auto !important;
    }

    .mt-auto, .my-auto {
        margin-top: auto !important;
    }

    .mt-15 {
        margin-top: 15px;
    }

    .me-auto, .mx-auto {
        margin-right: auto !important;
    }

    .mb-auto, .my-auto {
        margin-bottom: auto !important;
    }

    .ms-auto, .mx-auto {
        margin-left: auto !important;
    }

    @media (min-width: 576px) {
        .m-sm-0 {
            margin: 0 !important;
        }

        .mt-sm-0, .my-sm-0 {
            margin-top: 0 !important;
        }

        .me-sm-0, .mx-sm-0 {
            margin-right: 0 !important;
        }

        .mb-sm-0, .my-sm-0 {
            margin-bottom: 0 !important;
        }

        .ms-sm-0, .mx-sm-0 {
            margin-left: 0 !important;
        }

        .m-sm-1 {
            margin: 0.25rem !important;
        }

        .mt-sm-1, .my-sm-1 {
            margin-top: 0.25rem !important;
        }

        .me-sm-1, .mx-sm-1 {
            margin-right: 0.25rem !important;
        }

        .mb-sm-1, .my-sm-1 {
            margin-bottom: 0.25rem !important;
        }

        .ms-sm-1, .mx-sm-1 {
            margin-left: 0.25rem !important;
        }

        .m-sm-2 {
            margin: 0.5rem !important;
        }

        .mt-sm-2, .my-sm-2 {
            margin-top: 0.5rem !important;
        }

        .me-sm-2, .mx-sm-2 {
            margin-right: 0.5rem !important;
        }

        .mb-sm-2, .my-sm-2 {
            margin-bottom: 0.5rem !important;
        }

        .ms-sm-2, .mx-sm-2 {
            margin-left: 0.5rem !important;
        }

        .m-sm-3 {
            margin: 1rem !important;
        }

        .mt-sm-3, .my-sm-3 {
            margin-top: 1rem !important;
        }

        .me-sm-3, .mx-sm-3 {
            margin-right: 1rem !important;
        }

        .mb-sm-3, .my-sm-3 {
            margin-bottom: 1rem !important;
        }

        .ms-sm-3, .mx-sm-3 {
            margin-left: 1rem !important;
        }

        .m-sm-4 {
            margin: 1.5rem !important;
        }

        .mt-sm-4, .my-sm-4 {
            margin-top: 1.5rem !important;
        }

        .me-sm-4, .mx-sm-4 {
            margin-right: 1.5rem !important;
        }

        .mb-sm-4, .my-sm-4 {
            margin-bottom: 1.5rem !important;
        }

        .ms-sm-4, .mx-sm-4 {
            margin-left: 1.5rem !important;
        }

        .m-sm-5 {
            margin: 3rem !important;
        }

        .mt-sm-5, .my-sm-5 {
            margin-top: 3rem !important;
        }

        .me-sm-5, .mx-sm-5 {
            margin-right: 3rem !important;
        }

        .mb-sm-5, .my-sm-5 {
            margin-bottom: 3rem !important;
        }

        .ms-sm-5, .mx-sm-5 {
            margin-left: 3rem !important;
        }

        .m-sm-n1 {
            margin: -0.25rem !important;
        }

        .mt-sm-n1, .my-sm-n1 {
            margin-top: -0.25rem !important;
        }

        .me-sm-n1, .mx-sm-n1 {
            margin-right: -0.25rem !important;
        }

        .mb-sm-n1, .my-sm-n1 {
            margin-bottom: -0.25rem !important;
        }

        .ms-sm-n1, .mx-sm-n1 {
            margin-left: -0.25rem !important;
        }

        .m-sm-n2 {
            margin: -0.5rem !important;
        }

        .mt-sm-n2, .my-sm-n2 {
            margin-top: -0.5rem !important;
        }

        .me-sm-n2, .mx-sm-n2 {
            margin-right: -0.5rem !important;
        }

        .mb-sm-n2, .my-sm-n2 {
            margin-bottom: -0.5rem !important;
        }

        .ms-sm-n2, .mx-sm-n2 {
            margin-left: -0.5rem !important;
        }

        .m-sm-n3 {
            margin: -1rem !important;
        }

        .mt-sm-n3, .my-sm-n3 {
            margin-top: -1rem !important;
        }

        .me-sm-n3, .mx-sm-n3 {
            margin-right: -1rem !important;
        }

        .mb-sm-n3, .my-sm-n3 {
            margin-bottom: -1rem !important;
        }

        .ms-sm-n3, .mx-sm-n3 {
            margin-left: -1rem !important;
        }

        .m-sm-n4 {
            margin: -1.5rem !important;
        }

        .mt-sm-n4, .my-sm-n4 {
            margin-top: -1.5rem !important;
        }

        .me-sm-n4, .mx-sm-n4 {
            margin-right: -1.5rem !important;
        }

        .mb-sm-n4, .my-sm-n4 {
            margin-bottom: -1.5rem !important;
        }

        .ms-sm-n4, .mx-sm-n4 {
            margin-left: -1.5rem !important;
        }

        .m-sm-n5 {
            margin: -3rem !important;
        }

        .mt-sm-n5, .my-sm-n5 {
            margin-top: -3rem !important;
        }

        .me-sm-n5, .mx-sm-n5 {
            margin-right: -3rem !important;
        }

        .mb-sm-n5, .my-sm-n5 {
            margin-bottom: -3rem !important;
        }

        .ms-sm-n5, .mx-sm-n5 {
            margin-left: -3rem !important;
        }

        .m-sm-auto {
            margin: auto !important;
        }

        .mt-sm-auto, .my-sm-auto {
            margin-top: auto !important;
        }

        .me-sm-auto, .mx-sm-auto {
            margin-right: auto !important;
        }

        .mb-sm-auto, .my-sm-auto {
            margin-bottom: auto !important;
        }

        .ms-sm-auto, .mx-sm-auto {
            margin-left: auto !important;
        }
    }

    @media (min-width: 768px) {
        .m-md-0 {
            margin: 0 !important;
        }

        .mt-md-0, .my-md-0 {
            margin-top: 0 !important;
        }

        .me-md-0, .mx-md-0 {
            margin-right: 0 !important;
        }

        .mb-md-0, .my-md-0 {
            margin-bottom: 0 !important;
        }

        .ms-md-0, .mx-md-0 {
            margin-left: 0 !important;
        }

        .m-md-1 {
            margin: 0.25rem !important;
        }

        .mt-md-1, .my-md-1 {
            margin-top: 0.25rem !important;
        }

        .me-md-1, .mx-md-1 {
            margin-right: 0.25rem !important;
        }

        .mb-md-1, .my-md-1 {
            margin-bottom: 0.25rem !important;
        }

        .ms-md-1, .mx-md-1 {
            margin-left: 0.25rem !important;
        }

        .m-md-2 {
            margin: 0.5rem !important;
        }

        .mt-md-2, .my-md-2 {
            margin-top: 0.5rem !important;
        }

        .me-md-2, .mx-md-2 {
            margin-right: 0.5rem !important;
        }

        .mb-md-2, .my-md-2 {
            margin-bottom: 0.5rem !important;
        }

        .ms-md-2, .mx-md-2 {
            margin-left: 0.5rem !important;
        }

        .m-md-3 {
            margin: 1rem !important;
        }

        .mt-md-3, .my-md-3 {
            margin-top: 1rem !important;
        }

        .me-md-3, .mx-md-3 {
            margin-right: 1rem !important;
        }

        .mb-md-3, .my-md-3 {
            margin-bottom: 1rem !important;
        }

        .ms-md-3, .mx-md-3 {
            margin-left: 1rem !important;
        }

        .m-md-4 {
            margin: 1.5rem !important;
        }

        .mt-md-4, .my-md-4 {
            margin-top: 1.5rem !important;
        }

        .me-md-4, .mx-md-4 {
            margin-right: 1.5rem !important;
        }

        .mb-md-4, .my-md-4 {
            margin-bottom: 1.5rem !important;
        }

        .ms-md-4, .mx-md-4 {
            margin-left: 1.5rem !important;
        }

        .m-md-5 {
            margin: 3rem !important;
        }

        .mt-md-5, .my-md-5 {
            margin-top: 3rem !important;
        }

        .me-md-5, .mx-md-5 {
            margin-right: 3rem !important;
        }

        .mb-md-5, .my-md-5 {
            margin-bottom: 3rem !important;
        }

        .ms-md-5, .mx-md-5 {
            margin-left: 3rem !important;
        }

        .m-md-n1 {
            margin: -0.25rem !important;
        }

        .mt-md-n1, .my-md-n1 {
            margin-top: -0.25rem !important;
        }

        .me-md-n1, .mx-md-n1 {
            margin-right: -0.25rem !important;
        }

        .mb-md-n1, .my-md-n1 {
            margin-bottom: -0.25rem !important;
        }

        .ms-md-n1, .mx-md-n1 {
            margin-left: -0.25rem !important;
        }

        .m-md-n2 {
            margin: -0.5rem !important;
        }

        .mt-md-n2, .my-md-n2 {
            margin-top: -0.5rem !important;
        }

        .me-md-n2, .mx-md-n2 {
            margin-right: -0.5rem !important;
        }

        .mb-md-n2, .my-md-n2 {
            margin-bottom: -0.5rem !important;
        }

        .ms-md-n2, .mx-md-n2 {
            margin-left: -0.5rem !important;
        }

        .m-md-n3 {
            margin: -1rem !important;
        }

        .mt-md-n3, .my-md-n3 {
            margin-top: -1rem !important;
        }

        .me-md-n3, .mx-md-n3 {
            margin-right: -1rem !important;
        }

        .mb-md-n3, .my-md-n3 {
            margin-bottom: -1rem !important;
        }

        .ms-md-n3, .mx-md-n3 {
            margin-left: -1rem !important;
        }

        .m-md-n4 {
            margin: -1.5rem !important;
        }

        .mt-md-n4, .my-md-n4 {
            margin-top: -1.5rem !important;
        }

        .me-md-n4, .mx-md-n4 {
            margin-right: -1.5rem !important;
        }

        .mb-md-n4, .my-md-n4 {
            margin-bottom: -1.5rem !important;
        }

        .ms-md-n4, .mx-md-n4 {
            margin-left: -1.5rem !important;
        }

        .m-md-n5 {
            margin: -3rem !important;
        }

        .mt-md-n5, .my-md-n5 {
            margin-top: -3rem !important;
        }

        .me-md-n5, .mx-md-n5 {
            margin-right: -3rem !important;
        }

        .mb-md-n5, .my-md-n5 {
            margin-bottom: -3rem !important;
        }

        .ms-md-n5, .mx-md-n5 {
            margin-left: -3rem !important;
        }

        .m-md-auto {
            margin: auto !important;
        }

        .mt-md-auto, .my-md-auto {
            margin-top: auto !important;
        }

        .me-md-auto, .mx-md-auto {
            margin-right: auto !important;
        }

        .mb-md-auto, .my-md-auto {
            margin-bottom: auto !important;
        }

        .ms-md-auto, .mx-md-auto {
            margin-left: auto !important;
        }
    }

    @media (min-width: 992px) {
        .m-lg-0 {
            margin: 0 !important;
        }

        .mt-lg-0, .my-lg-0 {
            margin-top: 0 !important;
        }

        .me-lg-0, .mx-lg-0 {
            margin-right: 0 !important;
        }

        .mb-lg-0, .my-lg-0 {
            margin-bottom: 0 !important;
        }

        .ms-lg-0, .mx-lg-0 {
            margin-left: 0 !important;
        }

        .m-lg-1 {
            margin: 0.25rem !important;
        }

        .mt-lg-1, .my-lg-1 {
            margin-top: 0.25rem !important;
        }

        .me-lg-1, .mx-lg-1 {
            margin-right: 0.25rem !important;
        }

        .mb-lg-1, .my-lg-1 {
            margin-bottom: 0.25rem !important;
        }

        .ms-lg-1, .mx-lg-1 {
            margin-left: 0.25rem !important;
        }

        .m-lg-2 {
            margin: 0.5rem !important;
        }

        .mt-lg-2, .my-lg-2 {
            margin-top: 0.5rem !important;
        }

        .me-lg-2, .mx-lg-2 {
            margin-right: 0.5rem !important;
        }

        .mb-lg-2, .my-lg-2 {
            margin-bottom: 0.5rem !important;
        }

        .ms-lg-2, .mx-lg-2 {
            margin-left: 0.5rem !important;
        }

        .m-lg-3 {
            margin: 1rem !important;
        }

        .mt-lg-3, .my-lg-3 {
            margin-top: 1rem !important;
        }

        .me-lg-3, .mx-lg-3 {
            margin-right: 1rem !important;
        }

        .mb-lg-3, .my-lg-3 {
            margin-bottom: 1rem !important;
        }

        .ms-lg-3, .mx-lg-3 {
            margin-left: 1rem !important;
        }

        .m-lg-4 {
            margin: 1.5rem !important;
        }

        .mt-lg-4, .my-lg-4 {
            margin-top: 1.5rem !important;
        }

        .me-lg-4, .mx-lg-4 {
            margin-right: 1.5rem !important;
        }

        .mb-lg-4, .my-lg-4 {
            margin-bottom: 1.5rem !important;
        }

        .ms-lg-4, .mx-lg-4 {
            margin-left: 1.5rem !important;
        }

        .m-lg-5 {
            margin: 3rem !important;
        }

        .mt-lg-5, .my-lg-5 {
            margin-top: 3rem !important;
        }

        .me-lg-5, .mx-lg-5 {
            margin-right: 3rem !important;
        }

        .mb-lg-5, .my-lg-5 {
            margin-bottom: 3rem !important;
        }

        .ms-lg-5, .mx-lg-5 {
            margin-left: 3rem !important;
        }

        .m-lg-n1 {
            margin: -0.25rem !important;
        }

        .mt-lg-n1, .my-lg-n1 {
            margin-top: -0.25rem !important;
        }

        .me-lg-n1, .mx-lg-n1 {
            margin-right: -0.25rem !important;
        }

        .mb-lg-n1, .my-lg-n1 {
            margin-bottom: -0.25rem !important;
        }

        .ms-lg-n1, .mx-lg-n1 {
            margin-left: -0.25rem !important;
        }

        .m-lg-n2 {
            margin: -0.5rem !important;
        }

        .mt-lg-n2, .my-lg-n2 {
            margin-top: -0.5rem !important;
        }

        .me-lg-n2, .mx-lg-n2 {
            margin-right: -0.5rem !important;
        }

        .mb-lg-n2, .my-lg-n2 {
            margin-bottom: -0.5rem !important;
        }

        .ms-lg-n2, .mx-lg-n2 {
            margin-left: -0.5rem !important;
        }

        .m-lg-n3 {
            margin: -1rem !important;
        }

        .mt-lg-n3, .my-lg-n3 {
            margin-top: -1rem !important;
        }

        .me-lg-n3, .mx-lg-n3 {
            margin-right: -1rem !important;
        }

        .mb-lg-n3, .my-lg-n3 {
            margin-bottom: -1rem !important;
        }

        .ms-lg-n3, .mx-lg-n3 {
            margin-left: -1rem !important;
        }

        .m-lg-n4 {
            margin: -1.5rem !important;
        }

        .mt-lg-n4, .my-lg-n4 {
            margin-top: -1.5rem !important;
        }

        .me-lg-n4, .mx-lg-n4 {
            margin-right: -1.5rem !important;
        }

        .mb-lg-n4, .my-lg-n4 {
            margin-bottom: -1.5rem !important;
        }

        .ms-lg-n4, .mx-lg-n4 {
            margin-left: -1.5rem !important;
        }

        .m-lg-n5 {
            margin: -3rem !important;
        }

        .mt-lg-n5, .my-lg-n5 {
            margin-top: -3rem !important;
        }

        .me-lg-n5, .mx-lg-n5 {
            margin-right: -3rem !important;
        }

        .mb-lg-n5, .my-lg-n5 {
            margin-bottom: -3rem !important;
        }

        .ms-lg-n5, .mx-lg-n5 {
            margin-left: -3rem !important;
        }

        .m-lg-auto {
            margin: auto !important;
        }

        .mt-lg-auto, .my-lg-auto {
            margin-top: auto !important;
        }

        .me-lg-auto, .mx-lg-auto {
            margin-right: auto !important;
        }

        .mb-lg-auto, .my-lg-auto {
            margin-bottom: auto !important;
        }

        .ms-lg-auto, .mx-lg-auto {
            margin-left: auto !important;
        }
    }

    @media (min-width: 1200px) {
        .m-xl-0 {
            margin: 0 !important;
        }

        .mt-xl-0, .my-xl-0 {
            margin-top: 0 !important;
        }

        .me-xl-0, .mx-xl-0 {
            margin-right: 0 !important;
        }

        .mb-xl-0, .my-xl-0 {
            margin-bottom: 0 !important;
        }

        .ms-xl-0, .mx-xl-0 {
            margin-left: 0 !important;
        }

        .m-xl-1 {
            margin: 0.25rem !important;
        }

        .mt-xl-1, .my-xl-1 {
            margin-top: 0.25rem !important;
        }

        .me-xl-1, .mx-xl-1 {
            margin-right: 0.25rem !important;
        }

        .mb-xl-1, .my-xl-1 {
            margin-bottom: 0.25rem !important;
        }

        .ms-xl-1, .mx-xl-1 {
            margin-left: 0.25rem !important;
        }

        .m-xl-2 {
            margin: 0.5rem !important;
        }

        .mt-xl-2, .my-xl-2 {
            margin-top: 0.5rem !important;
        }

        .me-xl-2, .mx-xl-2 {
            margin-right: 0.5rem !important;
        }

        .mb-xl-2, .my-xl-2 {
            margin-bottom: 0.5rem !important;
        }

        .ms-xl-2, .mx-xl-2 {
            margin-left: 0.5rem !important;
        }

        .m-xl-3 {
            margin: 1rem !important;
        }

        .mt-xl-3, .my-xl-3 {
            margin-top: 1rem !important;
        }

        .me-xl-3, .mx-xl-3 {
            margin-right: 1rem !important;
        }

        .mb-xl-3, .my-xl-3 {
            margin-bottom: 1rem !important;
        }

        .ms-xl-3, .mx-xl-3 {
            margin-left: 1rem !important;
        }

        .m-xl-4 {
            margin: 1.5rem !important;
        }

        .mt-xl-4, .my-xl-4 {
            margin-top: 1.5rem !important;
        }

        .me-xl-4, .mx-xl-4 {
            margin-right: 1.5rem !important;
        }

        .mb-xl-4, .my-xl-4 {
            margin-bottom: 1.5rem !important;
        }

        .ms-xl-4, .mx-xl-4 {
            margin-left: 1.5rem !important;
        }

        .m-xl-5 {
            margin: 3rem !important;
        }

        .mt-xl-5, .my-xl-5 {
            margin-top: 3rem !important;
        }

        .me-xl-5, .mx-xl-5 {
            margin-right: 3rem !important;
        }

        .mb-xl-5, .my-xl-5 {
            margin-bottom: 3rem !important;
        }

        .ms-xl-5, .mx-xl-5 {
            margin-left: 3rem !important;
        }

        .m-xl-n1 {
            margin: -0.25rem !important;
        }

        .mt-xl-n1, .my-xl-n1 {
            margin-top: -0.25rem !important;
        }

        .me-xl-n1, .mx-xl-n1 {
            margin-right: -0.25rem !important;
        }

        .mb-xl-n1, .my-xl-n1 {
            margin-bottom: -0.25rem !important;
        }

        .ms-xl-n1, .mx-xl-n1 {
            margin-left: -0.25rem !important;
        }

        .m-xl-n2 {
            margin: -0.5rem !important;
        }

        .mt-xl-n2, .my-xl-n2 {
            margin-top: -0.5rem !important;
        }

        .me-xl-n2, .mx-xl-n2 {
            margin-right: -0.5rem !important;
        }

        .mb-xl-n2, .my-xl-n2 {
            margin-bottom: -0.5rem !important;
        }

        .ms-xl-n2, .mx-xl-n2 {
            margin-left: -0.5rem !important;
        }

        .m-xl-n3 {
            margin: -1rem !important;
        }

        .mt-xl-n3, .my-xl-n3 {
            margin-top: -1rem !important;
        }

        .me-xl-n3, .mx-xl-n3 {
            margin-right: -1rem !important;
        }

        .mb-xl-n3, .my-xl-n3 {
            margin-bottom: -1rem !important;
        }

        .ms-xl-n3, .mx-xl-n3 {
            margin-left: -1rem !important;
        }

        .m-xl-n4 {
            margin: -1.5rem !important;
        }

        .mt-xl-n4, .my-xl-n4 {
            margin-top: -1.5rem !important;
        }

        .me-xl-n4, .mx-xl-n4 {
            margin-right: -1.5rem !important;
        }

        .mb-xl-n4, .my-xl-n4 {
            margin-bottom: -1.5rem !important;
        }

        .ms-xl-n4, .mx-xl-n4 {
            margin-left: -1.5rem !important;
        }

        .m-xl-n5 {
            margin: -3rem !important;
        }

        .mt-xl-n5, .my-xl-n5 {
            margin-top: -3rem !important;
        }

        .me-xl-n5, .mx-xl-n5 {
            margin-right: -3rem !important;
        }

        .mb-xl-n5, .my-xl-n5 {
            margin-bottom: -3rem !important;
        }

        .ms-xl-n5, .mx-xl-n5 {
            margin-left: -3rem !important;
        }

        .m-xl-auto {
            margin: auto !important;
        }

        .mt-xl-auto, .my-xl-auto {
            margin-top: auto !important;
        }

        .me-xl-auto, .mx-xl-auto {
            margin-right: auto !important;
        }

        .mb-xl-auto, .my-xl-auto {
            margin-bottom: auto !important;
        }

        .ms-xl-auto, .mx-xl-auto {
            margin-left: auto !important;
        }
    }

    /* ###### Margin ###### */

    /* ###### Padding  ###### */

    .pd-0 {
        padding: 0px;
    }

    .pd-y-0 {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .pd-x-0 {
        padding-left: 0px;
        padding-right: 0px;
    }

    .pd-t-0 {
        padding-top: 0px;
    }

    .pd-r-0 {
        padding-right: 0px;
    }

    .pd-b-0 {
        padding-bottom: 0px;
    }

    .pd-l-0 {
        padding-left: 0px;
    }

    .pd-1 {
        padding: 1px;
    }

    .pd-y-1 {
        padding-top: 1px;
        padding-bottom: 1px;
    }

    .pd-x-1 {
        padding-left: 1px;
        padding-right: 1px;
    }

    .pd-t-1 {
        padding-top: 1px;
    }

    .pd-r-1 {
        padding-right: 1px;
    }

    .pd-b-1 {
        padding-bottom: 1px;
    }

    .pd-l-1 {
        padding-left: 1px;
    }

    .pd-2 {
        padding: 2px;
    }

    .pd-y-2 {
        padding-top: 2px;
        padding-bottom: 2px;
    }

    .pd-x-2 {
        padding-left: 2px;
        padding-right: 2px;
    }

    .pd-t-2 {
        padding-top: 2px;
    }

    .pd-r-2 {
        padding-right: 2px;
    }

    .pd-b-2 {
        padding-bottom: 2px;
    }

    .pd-l-2 {
        padding-left: 2px;
    }

    .pd-3 {
        padding: 3px;
    }

    .pd-y-3 {
        padding-top: 3px;
        padding-bottom: 3px;
    }

    .pd-x-3 {
        padding-left: 3px;
        padding-right: 3px;
    }

    .pd-t-3 {
        padding-top: 3px;
    }

    .pd-r-3 {
        padding-right: 3px;
    }

    .pd-b-3 {
        padding-bottom: 3px;
    }

    .pd-l-3 {
        padding-left: 3px;
    }

    .pd-4 {
        padding: 4px;
    }

    .pd-y-4 {
        padding-top: 4px;
        padding-bottom: 4px;
    }

    .pd-x-4 {
        padding-left: 4px;
        padding-right: 4px;
    }

    .pd-t-4 {
        padding-top: 4px;
    }

    .pd-r-4 {
        padding-right: 4px;
    }

    .pd-b-4 {
        padding-bottom: 4px;
    }

    .pd-l-4 {
        padding-left: 4px;
    }

    .pd-5 {
        padding: 5px;
    }

    .pd-y-5 {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .pd-x-5 {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

    .pd-t-5 {
        padding-top: 5px;
    }

    .pd-r-5 {
        padding-right: 5px;
    }

    .pd-b-5 {
        padding-bottom: 5px;
    }

    .pd-l-5 {
        padding-left: 5px;
    }

    .pd-6 {
        padding: 6px;
    }

    .pd-y-6 {
        padding-top: 6px;
        padding-bottom: 6px;
    }

    .pd-x-6 {
        padding-left: 6px;
        padding-right: 6px;
    }

    .pd-t-6 {
        padding-top: 6px;
    }

    .pd-r-6 {
        padding-right: 6px;
    }

    .pd-b-6 {
        padding-bottom: 6px;
    }

    .pd-l-6 {
        padding-left: 6px;
    }

    .pd-7 {
        padding: 7px;
    }

    .pd-y-7 {
        padding-top: 7px;
        padding-bottom: 7px;
    }

    .pd-x-7 {
        padding-left: 7px;
        padding-right: 7px;
    }

    .pd-t-7 {
        padding-top: 7px;
    }

    .pd-r-7 {
        padding-right: 7px;
    }

    .pd-b-7 {
        padding-bottom: 7px;
    }

    .pd-l-7 {
        padding-left: 7px;
    }

    .pd-8 {
        padding: 8px;
    }

    .pd-y-8 {
        padding-top: 8px;
        padding-bottom: 8px;
    }

    .pd-x-8 {
        padding-left: 8px;
        padding-right: 8px;
    }

    .pd-t-8 {
        padding-top: 8px;
    }

    .pd-r-8 {
        padding-right: 8px;
    }

    .pd-b-8 {
        padding-bottom: 8px;
    }

    .pd-l-8 {
        padding-left: 8px;
    }

    .pd-9 {
        padding: 9px;
    }

    .pd-y-9 {
        padding-top: 9px;
        padding-bottom: 9px;
    }

    .pd-x-9 {
        padding-left: 9px;
        padding-right: 9px;
    }

    .pd-t-9 {
        padding-top: 9px;
    }

    .pd-r-9 {
        padding-right: 9px;
    }

    .pd-b-9 {
        padding-bottom: 9px;
    }

    .pd-l-9 {
        padding-left: 9px;
    }

    .pd-10 {
        padding: 10px;
    }

    .pd-y-10 {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .pd-x-10 {
        padding-left: 10px;
        padding-right: 10px;
    }

    .pd-t-10 {
        padding-top: 10px;
    }

    .pd-r-10 {
        padding-right: 10px;
    }

    .pd-b-10 {
        padding-bottom: 10px;
    }

    .pd-l-10 {
        padding-left: 10px;
    }

    .pd-15 {
        padding: 15px;
    }

    .pd-y-15 {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .pd-x-15 {
        padding-left: 15px;
        padding-right: 15px;
    }

    .pd-t-15 {
        padding-top: 15px;
    }

    .pd-r-15 {
        padding-right: 15px;
    }

    .pd-b-15 {
        padding-bottom: 15px;
    }

    .pd-l-15 {
        padding-left: 15px;
    }

    .pd-20 {
        padding: 20px;
    }

    .pd-y-20 {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .pd-x-20 {
        padding-left: 20px;
        padding-right: 20px;
    }

    .pd-t-20 {
        padding-top: 20px;
    }

    .pd-r-20 {
        padding-right: 20px;
    }

    .pd-b-20 {
        padding-bottom: 20px;
    }

    .pd-l-20 {
        padding-left: 20px;
    }

    .pd-25 {
        padding: 25px;
    }

    .pd-y-25 {
        padding-top: 25px;
        padding-bottom: 25px;
    }

    .pd-x-25 {
        padding-left: 25px;
        padding-right: 25px;
    }

    .pd-t-25 {
        padding-top: 25px;
    }

    .pd-r-25 {
        padding-right: 25px;
    }

    .pd-b-25 {
        padding-bottom: 25px;
    }

    .pd-l-25 {
        padding-left: 25px;
    }

    .pd-30 {
        padding: 30px;
    }

    .pd-y-30 {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .pd-x-30 {
        padding-left: 30px;
        padding-right: 30px;
    }

    .pd-t-30 {
        padding-top: 30px;
    }

    .pd-r-30 {
        padding-right: 30px;
    }

    .pd-b-30 {
        padding-bottom: 30px;
    }

    .pd-l-30 {
        padding-left: 30px;
    }

    .pd-35 {
        padding: 35px;
    }

    .pd-y-35 {
        padding-top: 35px;
        padding-bottom: 35px;
    }

    .pd-x-35 {
        padding-left: 35px;
        padding-right: 35px;
    }

    .pd-t-35 {
        padding-top: 35px;
    }

    .pd-r-35 {
        padding-right: 35px;
    }

    .pd-b-35 {
        padding-bottom: 35px;
    }

    .pd-l-35 {
        padding-left: 35px;
    }

    .pd-40 {
        padding: 40px;
    }

    .pd-y-40 {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .pd-x-40 {
        padding-left: 40px;
        padding-right: 40px;
    }

    .pd-t-40 {
        padding-top: 40px;
    }

    .pd-r-40 {
        padding-right: 40px;
    }

    .pd-b-40 {
        padding-bottom: 40px;
    }

    .pd-l-40 {
        padding-left: 40px;
    }

    .pd-45 {
        padding: 45px;
    }

    .pd-y-45 {
        padding-top: 45px;
        padding-bottom: 45px;
    }

    .pd-x-45 {
        padding-left: 45px;
        padding-right: 45px;
    }

    .pd-t-45 {
        padding-top: 45px;
    }

    .pd-r-45 {
        padding-right: 45px;
    }

    .pd-b-45 {
        padding-bottom: 45px;
    }

    .pd-l-45 {
        padding-left: 45px;
    }

    .pd-50 {
        padding: 50px;
    }

    .pd-y-50 {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .pd-x-50 {
        padding-left: 50px;
        padding-right: 50px;
    }

    .pd-t-50 {
        padding-top: 50px;
    }

    .pd-r-50 {
        padding-right: 50px;
    }

    .pd-b-50 {
        padding-bottom: 50px;
    }

    .pd-l-50 {
        padding-left: 50px;
    }

    .pd-55 {
        padding: 55px;
    }

    .pd-y-55 {
        padding-top: 55px;
        padding-bottom: 55px;
    }

    .pd-x-55 {
        padding-left: 55px;
        padding-right: 55px;
    }

    .pd-t-55 {
        padding-top: 55px;
    }

    .pd-r-55 {
        padding-right: 55px;
    }

    .pd-b-55 {
        padding-bottom: 55px;
    }

    .pd-l-55 {
        padding-left: 55px;
    }

    .pd-60 {
        padding: 60px;
    }

    .pd-y-60 {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .pd-x-60 {
        padding-left: 60px;
        padding-right: 60px;
    }

    .pd-t-60 {
        padding-top: 60px;
    }

    .pd-r-60 {
        padding-right: 60px;
    }

    .pd-b-60 {
        padding-bottom: 60px;
    }

    .pd-l-60 {
        padding-left: 60px;
    }

    .pd-65 {
        padding: 65px;
    }

    .pd-y-65 {
        padding-top: 65px;
        padding-bottom: 65px;
    }

    .pd-x-65 {
        padding-left: 65px;
        padding-right: 65px;
    }

    .pd-t-65 {
        padding-top: 65px;
    }

    .pd-r-65 {
        padding-right: 65px;
    }

    .pd-b-65 {
        padding-bottom: 65px;
    }

    .pd-l-65 {
        padding-left: 65px;
    }

    .pd-70 {
        padding: 70px;
    }

    .pd-y-70 {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .pd-x-70 {
        padding-left: 70px;
        padding-right: 70px;
    }

    .pd-t-70 {
        padding-top: 70px;
    }

    .pd-r-70 {
        padding-right: 70px;
    }

    .pd-b-70 {
        padding-bottom: 70px;
    }

    .pd-l-70 {
        padding-left: 70px;
    }

    .pd-75 {
        padding: 75px;
    }

    .pd-y-75 {
        padding-top: 75px;
        padding-bottom: 75px;
    }

    .pd-x-75 {
        padding-left: 75px;
        padding-right: 75px;
    }

    .pd-t-75 {
        padding-top: 75px;
    }

    .pd-r-75 {
        padding-right: 75px;
    }

    .pd-b-75 {
        padding-bottom: 75px;
    }

    .pd-l-75 {
        padding-left: 75px;
    }

    .pd-80 {
        padding: 80px;
    }

    .pd-y-80 {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .pd-x-80 {
        padding-left: 80px;
        padding-right: 80px;
    }

    .pd-t-80 {
        padding-top: 80px;
    }

    .pd-r-80 {
        padding-right: 80px;
    }

    .pd-b-80 {
        padding-bottom: 80px;
    }

    .pd-l-80 {
        padding-left: 80px;
    }

    .pd-85 {
        padding: 85px;
    }

    .pd-y-85 {
        padding-top: 85px;
        padding-bottom: 85px;
    }

    .pd-x-85 {
        padding-left: 85px;
        padding-right: 85px;
    }

    .pd-t-85 {
        padding-top: 85px;
    }

    .pd-r-85 {
        padding-right: 85px;
    }

    .pd-b-85 {
        padding-bottom: 85px;
    }

    .pd-l-85 {
        padding-left: 85px;
    }

    .pd-90 {
        padding: 90px;
    }

    .pd-y-90 {
        padding-top: 90px;
        padding-bottom: 90px;
    }

    .pd-x-90 {
        padding-left: 90px;
        padding-right: 90px;
    }

    .pd-t-90 {
        padding-top: 90px;
    }

    .pd-r-90 {
        padding-right: 90px;
    }

    .pd-b-90 {
        padding-bottom: 90px;
    }

    .pd-l-90 {
        padding-left: 90px;
    }

    .pd-95 {
        padding: 95px;
    }

    .pd-y-95 {
        padding-top: 95px;
        padding-bottom: 95px;
    }

    .pd-x-95 {
        padding-left: 95px;
        padding-right: 95px;
    }

    .pd-t-95 {
        padding-top: 95px;
    }

    .pd-r-95 {
        padding-right: 95px;
    }

    .pd-b-95 {
        padding-bottom: 95px;
    }

    .pd-l-95 {
        padding-left: 95px;
    }

    .pd-100 {
        padding: 100px;
    }

    .pd-y-100 {
        padding-top: 100px;
        padding-bottom: 100px;
    }

    .pd-x-100 {
        padding-left: 100px;
        padding-right: 100px;
    }

    .pd-t-100 {
        padding-top: 100px;
    }

    .pd-r-100 {
        padding-right: 100px;
    }

    .pd-b-100 {
        padding-bottom: 100px;
    }

    .pd-l-100 {
        padding-left: 100px;
    }

    .pd-110 {
        padding: 110px;
    }

    .pd-y-110 {
        padding-top: 110px;
        padding-bottom: 110px;
    }

    .pd-x-110 {
        padding-left: 110px;
        padding-right: 110px;
    }

    .pd-t-110 {
        padding-top: 110px;
    }

    .pd-r-110 {
        padding-right: 110px;
    }

    .pd-b-110 {
        padding-bottom: 110px;
    }

    .pd-l-110 {
        padding-left: 110px;
    }

    .pd-120 {
        padding: 120px;
    }

    .pd-y-120 {
        padding-top: 120px;
        padding-bottom: 120px;
    }

    .pd-x-120 {
        padding-left: 120px;
        padding-right: 120px;
    }

    .pd-t-120 {
        padding-top: 120px;
    }

    .pd-r-120 {
        padding-right: 120px;
    }

    .pd-b-120 {
        padding-bottom: 120px;
    }

    .pd-l-120 {
        padding-left: 120px;
    }

    .pd-130 {
        padding: 130px;
    }

    .pd-y-130 {
        padding-top: 130px;
        padding-bottom: 130px;
    }

    .pd-x-130 {
        padding-left: 130px;
        padding-right: 130px;
    }

    .pd-t-130 {
        padding-top: 130px;
    }

    .pd-r-130 {
        padding-right: 130px;
    }

    .pd-b-130 {
        padding-bottom: 130px;
    }

    .pd-l-130 {
        padding-left: 130px;
    }

    .pd-140 {
        padding: 140px;
    }

    .pd-y-140 {
        padding-top: 140px;
        padding-bottom: 140px;
    }

    .pd-x-140 {
        padding-left: 140px;
        padding-right: 140px;
    }

    .pd-t-140 {
        padding-top: 140px;
    }

    .pd-r-140 {
        padding-right: 140px;
    }

    .pd-b-140 {
        padding-bottom: 140px;
    }

    .pd-l-140 {
        padding-left: 140px;
    }

    .pd-150 {
        padding: 150px;
    }

    .pd-y-150 {
        padding-top: 150px;
        padding-bottom: 150px;
    }

    .pd-x-150 {
        padding-left: 150px;
        padding-right: 150px;
    }

    .pd-t-150 {
        padding-top: 150px;
    }

    .pd-r-150 {
        padding-right: 150px;
    }

    .pd-b-150 {
        padding-bottom: 150px;
    }

    .pd-l-150 {
        padding-left: 150px;
    }

    .pd-160 {
        padding: 160px;
    }

    .pd-y-160 {
        padding-top: 160px;
        padding-bottom: 160px;
    }

    .pd-x-160 {
        padding-left: 160px;
        padding-right: 160px;
    }

    .pd-t-160 {
        padding-top: 160px;
    }

    .pd-r-160 {
        padding-right: 160px;
    }

    .pd-b-160 {
        padding-bottom: 160px;
    }

    .pd-l-160 {
        padding-left: 160px;
    }

    .pd-170 {
        padding: 170px;
    }

    .pd-y-170 {
        padding-top: 170px;
        padding-bottom: 170px;
    }

    .pd-x-170 {
        padding-left: 170px;
        padding-right: 170px;
    }

    .pd-t-170 {
        padding-top: 170px;
    }

    .pd-r-170 {
        padding-right: 170px;
    }

    .pd-b-170 {
        padding-bottom: 170px;
    }

    .pd-l-170 {
        padding-left: 170px;
    }

    .pd-180 {
        padding: 180px;
    }

    .pd-y-180 {
        padding-top: 180px;
        padding-bottom: 180px;
    }

    .pd-x-180 {
        padding-left: 180px;
        padding-right: 180px;
    }

    .pd-t-180 {
        padding-top: 180px;
    }

    .pd-r-180 {
        padding-right: 180px;
    }

    .pd-b-180 {
        padding-bottom: 180px;
    }

    .pd-l-180 {
        padding-left: 180px;
    }

    .pd-190 {
        padding: 190px;
    }

    .pd-y-190 {
        padding-top: 190px;
        padding-bottom: 190px;
    }

    .pd-x-190 {
        padding-left: 190px;
        padding-right: 190px;
    }

    .pd-t-190 {
        padding-top: 190px;
    }

    .pd-r-190 {
        padding-right: 190px;
    }

    .pd-b-190 {
        padding-bottom: 190px;
    }

    .pd-l-190 {
        padding-left: 190px;
    }

    .pd-200 {
        padding: 200px;
    }

    .pd-y-200 {
        padding-top: 200px;
        padding-bottom: 200px;
    }

    .pd-x-200 {
        padding-left: 200px;
        padding-right: 200px;
    }

    .pd-t-200 {
        padding-top: 200px;
    }

    .pd-r-200 {
        padding-right: 200px;
    }

    .pd-b-200 {
        padding-bottom: 200px;
    }

    .pd-l-200 {
        padding-left: 200px;
    }

    @media (min-width: 480px) {
        .pd-xs-0 {
            padding: 0px;
        }

        .pd-xs-y-0 {
            padding-top: 0px;
            padding-bottom: 0px;
        }

        .pd-xs-x-0 {
            padding-left: 0px;
            padding-right: 0px;
        }

        .pd-xs-t-0 {
            padding-top: 0px;
        }

        .pd-xs-r-0 {
            padding-right: 0px;
        }

        .pd-xs-b-0 {
            padding-bottom: 0px;
        }

        .pd-xs-l-0 {
            padding-left: 0px;
        }

        .pd-xs-1 {
            padding: 1px;
        }

        .pd-xs-y-1 {
            padding-top: 1px;
            padding-bottom: 1px;
        }

        .pd-xs-x-1 {
            padding-left: 1px;
            padding-right: 1px;
        }

        .pd-xs-t-1 {
            padding-top: 1px;
        }

        .pd-xs-r-1 {
            padding-right: 1px;
        }

        .pd-xs-b-1 {
            padding-bottom: 1px;
        }

        .pd-xs-l-1 {
            padding-left: 1px;
        }

        .pd-xs-2 {
            padding: 2px;
        }

        .pd-xs-y-2 {
            padding-top: 2px;
            padding-bottom: 2px;
        }

        .pd-xs-x-2 {
            padding-left: 2px;
            padding-right: 2px;
        }

        .pd-xs-t-2 {
            padding-top: 2px;
        }

        .pd-xs-r-2 {
            padding-right: 2px;
        }

        .pd-xs-b-2 {
            padding-bottom: 2px;
        }

        .pd-xs-l-2 {
            padding-left: 2px;
        }

        .pd-xs-3 {
            padding: 3px;
        }

        .pd-xs-y-3 {
            padding-top: 3px;
            padding-bottom: 3px;
        }

        .pd-xs-x-3 {
            padding-left: 3px;
            padding-right: 3px;
        }

        .pd-xs-t-3 {
            padding-top: 3px;
        }

        .pd-xs-r-3 {
            padding-right: 3px;
        }

        .pd-xs-b-3 {
            padding-bottom: 3px;
        }

        .pd-xs-l-3 {
            padding-left: 3px;
        }

        .pd-xs-4 {
            padding: 4px;
        }

        .pd-xs-y-4 {
            padding-top: 4px;
            padding-bottom: 4px;
        }

        .pd-xs-x-4 {
            padding-left: 4px;
            padding-right: 4px;
        }

        .pd-xs-t-4 {
            padding-top: 4px;
        }

        .pd-xs-r-4 {
            padding-right: 4px;
        }

        .pd-xs-b-4 {
            padding-bottom: 4px;
        }

        .pd-xs-l-4 {
            padding-left: 4px;
        }

        .pd-xs-5 {
            padding: 5px;
        }

        .pd-xs-y-5 {
            padding-top: 5px;
            padding-bottom: 5px;
        }

        .pd-xs-x-5 {
            padding-left: 5px;
            padding-right: 5px;
        }

        .pd-xs-t-5 {
            padding-top: 5px;
        }

        .pd-xs-r-5 {
            padding-right: 5px;
        }

        .pd-xs-b-5 {
            padding-bottom: 5px;
        }

        .pd-xs-l-5 {
            padding-left: 5px;
        }

        .pd-xs-6 {
            padding: 6px;
        }

        .pd-xs-y-6 {
            padding-top: 6px;
            padding-bottom: 6px;
        }

        .pd-xs-x-6 {
            padding-left: 6px;
            padding-right: 6px;
        }

        .pd-xs-t-6 {
            padding-top: 6px;
        }

        .pd-xs-r-6 {
            padding-right: 6px;
        }

        .pd-xs-b-6 {
            padding-bottom: 6px;
        }

        .pd-xs-l-6 {
            padding-left: 6px;
        }

        .pd-xs-7 {
            padding: 7px;
        }

        .pd-xs-y-7 {
            padding-top: 7px;
            padding-bottom: 7px;
        }

        .pd-xs-x-7 {
            padding-left: 7px;
            padding-right: 7px;
        }

        .pd-xs-t-7 {
            padding-top: 7px;
        }

        .pd-xs-r-7 {
            padding-right: 7px;
        }

        .pd-xs-b-7 {
            padding-bottom: 7px;
        }

        .pd-xs-l-7 {
            padding-left: 7px;
        }

        .pd-xs-8 {
            padding: 8px;
        }

        .pd-xs-y-8 {
            padding-top: 8px;
            padding-bottom: 8px;
        }

        .pd-xs-x-8 {
            padding-left: 8px;
            padding-right: 8px;
        }

        .pd-xs-t-8 {
            padding-top: 8px;
        }

        .pd-xs-r-8 {
            padding-right: 8px;
        }

        .pd-xs-b-8 {
            padding-bottom: 8px;
        }

        .pd-xs-l-8 {
            padding-left: 8px;
        }

        .pd-xs-9 {
            padding: 9px;
        }

        .pd-xs-y-9 {
            padding-top: 9px;
            padding-bottom: 9px;
        }

        .pd-xs-x-9 {
            padding-left: 9px;
            padding-right: 9px;
        }

        .pd-xs-t-9 {
            padding-top: 9px;
        }

        .pd-xs-r-9 {
            padding-right: 9px;
        }

        .pd-xs-b-9 {
            padding-bottom: 9px;
        }

        .pd-xs-l-9 {
            padding-left: 9px;
        }

        .pd-xs-10 {
            padding: 10px;
        }

        .pd-xs-y-10 {
            padding-top: 10px;
            padding-bottom: 10px;
        }

        .pd-xs-x-10 {
            padding-left: 10px;
            padding-right: 10px;
        }

        .pd-xs-t-10 {
            padding-top: 10px;
        }

        .pd-xs-r-10 {
            padding-right: 10px;
        }

        .pd-xs-b-10 {
            padding-bottom: 10px;
        }

        .pd-xs-l-10 {
            padding-left: 10px;
        }

        .pd-xs-15 {
            padding: 15px;
        }

        .pd-xs-y-15 {
            padding-top: 15px;
            padding-bottom: 15px;
        }

        .pd-xs-x-15 {
            padding-left: 15px;
            padding-right: 15px;
        }

        .pd-xs-t-15 {
            padding-top: 15px;
        }

        .pd-xs-r-15 {
            padding-right: 15px;
        }

        .pd-xs-b-15 {
            padding-bottom: 15px;
        }

        .pd-xs-l-15 {
            padding-left: 15px;
        }

        .pd-xs-20 {
            padding: 20px;
        }

        .pd-xs-y-20 {
            padding-top: 20px;
            padding-bottom: 20px;
        }

        .pd-xs-x-20 {
            padding-left: 20px;
            padding-right: 20px;
        }

        .pd-xs-t-20 {
            padding-top: 20px;
        }

        .pd-xs-r-20 {
            padding-right: 20px;
        }

        .pd-xs-b-20 {
            padding-bottom: 20px;
        }

        .pd-xs-l-20 {
            padding-left: 20px;
        }

        .pd-xs-25 {
            padding: 25px;
        }

        .pd-xs-y-25 {
            padding-top: 25px;
            padding-bottom: 25px;
        }

        .pd-xs-x-25 {
            padding-left: 25px;
            padding-right: 25px;
        }

        .pd-xs-t-25 {
            padding-top: 25px;
        }

        .pd-xs-r-25 {
            padding-right: 25px;
        }

        .pd-xs-b-25 {
            padding-bottom: 25px;
        }

        .pd-xs-l-25 {
            padding-left: 25px;
        }

        .pd-xs-30 {
            padding: 30px;
        }

        .pd-xs-y-30 {
            padding-top: 30px;
            padding-bottom: 30px;
        }

        .pd-xs-x-30 {
            padding-left: 30px;
            padding-right: 30px;
        }

        .pd-xs-t-30 {
            padding-top: 30px;
        }

        .pd-xs-r-30 {
            padding-right: 30px;
        }

        .pd-xs-b-30 {
            padding-bottom: 30px;
        }

        .pd-xs-l-30 {
            padding-left: 30px;
        }

        .pd-xs-35 {
            padding: 35px;
        }

        .pd-xs-y-35 {
            padding-top: 35px;
            padding-bottom: 35px;
        }

        .pd-xs-x-35 {
            padding-left: 35px;
            padding-right: 35px;
        }

        .pd-xs-t-35 {
            padding-top: 35px;
        }

        .pd-xs-r-35 {
            padding-right: 35px;
        }

        .pd-xs-b-35 {
            padding-bottom: 35px;
        }

        .pd-xs-l-35 {
            padding-left: 35px;
        }

        .pd-xs-40 {
            padding: 40px;
        }

        .pd-xs-y-40 {
            padding-top: 40px;
            padding-bottom: 40px;
        }

        .pd-xs-x-40 {
            padding-left: 40px;
            padding-right: 40px;
        }

        .pd-xs-t-40 {
            padding-top: 40px;
        }

        .pd-xs-r-40 {
            padding-right: 40px;
        }

        .pd-xs-b-40 {
            padding-bottom: 40px;
        }

        .pd-xs-l-40 {
            padding-left: 40px;
        }

        .pd-xs-45 {
            padding: 45px;
        }

        .pd-xs-y-45 {
            padding-top: 45px;
            padding-bottom: 45px;
        }

        .pd-xs-x-45 {
            padding-left: 45px;
            padding-right: 45px;
        }

        .pd-xs-t-45 {
            padding-top: 45px;
        }

        .pd-xs-r-45 {
            padding-right: 45px;
        }

        .pd-xs-b-45 {
            padding-bottom: 45px;
        }

        .pd-xs-l-45 {
            padding-left: 45px;
        }

        .pd-xs-50 {
            padding: 50px;
        }

        .pd-xs-y-50 {
            padding-top: 50px;
            padding-bottom: 50px;
        }

        .pd-xs-x-50 {
            padding-left: 50px;
            padding-right: 50px;
        }

        .pd-xs-t-50 {
            padding-top: 50px;
        }

        .pd-xs-r-50 {
            padding-right: 50px;
        }

        .pd-xs-b-50 {
            padding-bottom: 50px;
        }

        .pd-xs-l-50 {
            padding-left: 50px;
        }

        .pd-xs-55 {
            padding: 55px;
        }

        .pd-xs-y-55 {
            padding-top: 55px;
            padding-bottom: 55px;
        }

        .pd-xs-x-55 {
            padding-left: 55px;
            padding-right: 55px;
        }

        .pd-xs-t-55 {
            padding-top: 55px;
        }

        .pd-xs-r-55 {
            padding-right: 55px;
        }

        .pd-xs-b-55 {
            padding-bottom: 55px;
        }

        .pd-xs-l-55 {
            padding-left: 55px;
        }

        .pd-xs-60 {
            padding: 60px;
        }

        .pd-xs-y-60 {
            padding-top: 60px;
            padding-bottom: 60px;
        }

        .pd-xs-x-60 {
            padding-left: 60px;
            padding-right: 60px;
        }

        .pd-xs-t-60 {
            padding-top: 60px;
        }

        .pd-xs-r-60 {
            padding-right: 60px;
        }

        .pd-xs-b-60 {
            padding-bottom: 60px;
        }

        .pd-xs-l-60 {
            padding-left: 60px;
        }

        .pd-xs-65 {
            padding: 65px;
        }

        .pd-xs-y-65 {
            padding-top: 65px;
            padding-bottom: 65px;
        }

        .pd-xs-x-65 {
            padding-left: 65px;
            padding-right: 65px;
        }

        .pd-xs-t-65 {
            padding-top: 65px;
        }

        .pd-xs-r-65 {
            padding-right: 65px;
        }

        .pd-xs-b-65 {
            padding-bottom: 65px;
        }

        .pd-xs-l-65 {
            padding-left: 65px;
        }

        .pd-xs-70 {
            padding: 70px;
        }

        .pd-xs-y-70 {
            padding-top: 70px;
            padding-bottom: 70px;
        }

        .pd-xs-x-70 {
            padding-left: 70px;
            padding-right: 70px;
        }

        .pd-xs-t-70 {
            padding-top: 70px;
        }

        .pd-xs-r-70 {
            padding-right: 70px;
        }

        .pd-xs-b-70 {
            padding-bottom: 70px;
        }

        .pd-xs-l-70 {
            padding-left: 70px;
        }

        .pd-xs-75 {
            padding: 75px;
        }

        .pd-xs-y-75 {
            padding-top: 75px;
            padding-bottom: 75px;
        }

        .pd-xs-x-75 {
            padding-left: 75px;
            padding-right: 75px;
        }

        .pd-xs-t-75 {
            padding-top: 75px;
        }

        .pd-xs-r-75 {
            padding-right: 75px;
        }

        .pd-xs-b-75 {
            padding-bottom: 75px;
        }

        .pd-xs-l-75 {
            padding-left: 75px;
        }

        .pd-xs-80 {
            padding: 80px;
        }

        .pd-xs-y-80 {
            padding-top: 80px;
            padding-bottom: 80px;
        }

        .pd-xs-x-80 {
            padding-left: 80px;
            padding-right: 80px;
        }

        .pd-xs-t-80 {
            padding-top: 80px;
        }

        .pd-xs-r-80 {
            padding-right: 80px;
        }

        .pd-xs-b-80 {
            padding-bottom: 80px;
        }

        .pd-xs-l-80 {
            padding-left: 80px;
        }

        .pd-xs-85 {
            padding: 85px;
        }

        .pd-xs-y-85 {
            padding-top: 85px;
            padding-bottom: 85px;
        }

        .pd-xs-x-85 {
            padding-left: 85px;
            padding-right: 85px;
        }

        .pd-xs-t-85 {
            padding-top: 85px;
        }

        .pd-xs-r-85 {
            padding-right: 85px;
        }

        .pd-xs-b-85 {
            padding-bottom: 85px;
        }

        .pd-xs-l-85 {
            padding-left: 85px;
        }

        .pd-xs-90 {
            padding: 90px;
        }

        .pd-xs-y-90 {
            padding-top: 90px;
            padding-bottom: 90px;
        }

        .pd-xs-x-90 {
            padding-left: 90px;
            padding-right: 90px;
        }

        .pd-xs-t-90 {
            padding-top: 90px;
        }

        .pd-xs-r-90 {
            padding-right: 90px;
        }

        .pd-xs-b-90 {
            padding-bottom: 90px;
        }

        .pd-xs-l-90 {
            padding-left: 90px;
        }

        .pd-xs-95 {
            padding: 95px;
        }

        .pd-xs-y-95 {
            padding-top: 95px;
            padding-bottom: 95px;
        }

        .pd-xs-x-95 {
            padding-left: 95px;
            padding-right: 95px;
        }

        .pd-xs-t-95 {
            padding-top: 95px;
        }

        .pd-xs-r-95 {
            padding-right: 95px;
        }

        .pd-xs-b-95 {
            padding-bottom: 95px;
        }

        .pd-xs-l-95 {
            padding-left: 95px;
        }

        .pd-xs-100 {
            padding: 100px;
        }

        .pd-xs-y-100 {
            padding-top: 100px;
            padding-bottom: 100px;
        }

        .pd-xs-x-100 {
            padding-left: 100px;
            padding-right: 100px;
        }

        .pd-xs-t-100 {
            padding-top: 100px;
        }

        .pd-xs-r-100 {
            padding-right: 100px;
        }

        .pd-xs-b-100 {
            padding-bottom: 100px;
        }

        .pd-xs-l-100 {
            padding-left: 100px;
        }

        .pd-xs-110 {
            padding: 110px;
        }

        .pd-xs-y-110 {
            padding-top: 110px;
            padding-bottom: 110px;
        }

        .pd-xs-x-110 {
            padding-left: 110px;
            padding-right: 110px;
        }

        .pd-xs-t-110 {
            padding-top: 110px;
        }

        .pd-xs-r-110 {
            padding-right: 110px;
        }

        .pd-xs-b-110 {
            padding-bottom: 110px;
        }

        .pd-xs-l-110 {
            padding-left: 110px;
        }

        .pd-xs-120 {
            padding: 120px;
        }

        .pd-xs-y-120 {
            padding-top: 120px;
            padding-bottom: 120px;
        }

        .pd-xs-x-120 {
            padding-left: 120px;
            padding-right: 120px;
        }

        .pd-xs-t-120 {
            padding-top: 120px;
        }

        .pd-xs-r-120 {
            padding-right: 120px;
        }

        .pd-xs-b-120 {
            padding-bottom: 120px;
        }

        .pd-xs-l-120 {
            padding-left: 120px;
        }

        .pd-xs-130 {
            padding: 130px;
        }

        .pd-xs-y-130 {
            padding-top: 130px;
            padding-bottom: 130px;
        }

        .pd-xs-x-130 {
            padding-left: 130px;
            padding-right: 130px;
        }

        .pd-xs-t-130 {
            padding-top: 130px;
        }

        .pd-xs-r-130 {
            padding-right: 130px;
        }

        .pd-xs-b-130 {
            padding-bottom: 130px;
        }

        .pd-xs-l-130 {
            padding-left: 130px;
        }

        .pd-xs-140 {
            padding: 140px;
        }

        .pd-xs-y-140 {
            padding-top: 140px;
            padding-bottom: 140px;
        }

        .pd-xs-x-140 {
            padding-left: 140px;
            padding-right: 140px;
        }

        .pd-xs-t-140 {
            padding-top: 140px;
        }

        .pd-xs-r-140 {
            padding-right: 140px;
        }

        .pd-xs-b-140 {
            padding-bottom: 140px;
        }

        .pd-xs-l-140 {
            padding-left: 140px;
        }

        .pd-xs-150 {
            padding: 150px;
        }

        .pd-xs-y-150 {
            padding-top: 150px;
            padding-bottom: 150px;
        }

        .pd-xs-x-150 {
            padding-left: 150px;
            padding-right: 150px;
        }

        .pd-xs-t-150 {
            padding-top: 150px;
        }

        .pd-xs-r-150 {
            padding-right: 150px;
        }

        .pd-xs-b-150 {
            padding-bottom: 150px;
        }

        .pd-xs-l-150 {
            padding-left: 150px;
        }

        .pd-xs-160 {
            padding: 160px;
        }

        .pd-xs-y-160 {
            padding-top: 160px;
            padding-bottom: 160px;
        }

        .pd-xs-x-160 {
            padding-left: 160px;
            padding-right: 160px;
        }

        .pd-xs-t-160 {
            padding-top: 160px;
        }

        .pd-xs-r-160 {
            padding-right: 160px;
        }

        .pd-xs-b-160 {
            padding-bottom: 160px;
        }

        .pd-xs-l-160 {
            padding-left: 160px;
        }

        .pd-xs-170 {
            padding: 170px;
        }

        .pd-xs-y-170 {
            padding-top: 170px;
            padding-bottom: 170px;
        }

        .pd-xs-x-170 {
            padding-left: 170px;
            padding-right: 170px;
        }

        .pd-xs-t-170 {
            padding-top: 170px;
        }

        .pd-xs-r-170 {
            padding-right: 170px;
        }

        .pd-xs-b-170 {
            padding-bottom: 170px;
        }

        .pd-xs-l-170 {
            padding-left: 170px;
        }

        .pd-xs-180 {
            padding: 180px;
        }

        .pd-xs-y-180 {
            padding-top: 180px;
            padding-bottom: 180px;
        }

        .pd-xs-x-180 {
            padding-left: 180px;
            padding-right: 180px;
        }

        .pd-xs-t-180 {
            padding-top: 180px;
        }

        .pd-xs-r-180 {
            padding-right: 180px;
        }

        .pd-xs-b-180 {
            padding-bottom: 180px;
        }

        .pd-xs-l-180 {
            padding-left: 180px;
        }

        .pd-xs-190 {
            padding: 190px;
        }

        .pd-xs-y-190 {
            padding-top: 190px;
            padding-bottom: 190px;
        }

        .pd-xs-x-190 {
            padding-left: 190px;
            padding-right: 190px;
        }

        .pd-xs-t-190 {
            padding-top: 190px;
        }

        .pd-xs-r-190 {
            padding-right: 190px;
        }

        .pd-xs-b-190 {
            padding-bottom: 190px;
        }

        .pd-xs-l-190 {
            padding-left: 190px;
        }

        .pd-xs-200 {
            padding: 200px;
        }

        .pd-xs-y-200 {
            padding-top: 200px;
            padding-bottom: 200px;
        }

        .pd-xs-x-200 {
            padding-left: 200px;
            padding-right: 200px;
        }

        .pd-xs-t-200 {
            padding-top: 200px;
        }

        .pd-xs-r-200 {
            padding-right: 200px;
        }

        .pd-xs-b-200 {
            padding-bottom: 200px;
        }

        .pd-xs-l-200 {
            padding-left: 200px;
        }
    }

    @media (min-width: 576px) {
        .pd-sm-0 {
            padding: 0px;
        }

        .pd-sm-y-0 {
            padding-top: 0px;
            padding-bottom: 0px;
        }

        .pd-sm-x-0 {
            padding-left: 0px;
            padding-right: 0px;
        }

        .pd-sm-t-0 {
            padding-top: 0px;
        }

        .pd-sm-r-0 {
            padding-right: 0px;
        }

        .pd-sm-b-0 {
            padding-bottom: 0px;
        }

        .pd-sm-l-0 {
            padding-left: 0px;
        }

        .pd-sm-1 {
            padding: 1px;
        }

        .pd-sm-y-1 {
            padding-top: 1px;
            padding-bottom: 1px;
        }

        .pd-sm-x-1 {
            padding-left: 1px;
            padding-right: 1px;
        }

        .pd-sm-t-1 {
            padding-top: 1px;
        }

        .pd-sm-r-1 {
            padding-right: 1px;
        }

        .pd-sm-b-1 {
            padding-bottom: 1px;
        }

        .pd-sm-l-1 {
            padding-left: 1px;
        }

        .pd-sm-2 {
            padding: 2px;
        }

        .pd-sm-y-2 {
            padding-top: 2px;
            padding-bottom: 2px;
        }

        .pd-sm-x-2 {
            padding-left: 2px;
            padding-right: 2px;
        }

        .pd-sm-t-2 {
            padding-top: 2px;
        }

        .pd-sm-r-2 {
            padding-right: 2px;
        }

        .pd-sm-b-2 {
            padding-bottom: 2px;
        }

        .pd-sm-l-2 {
            padding-left: 2px;
        }

        .pd-sm-3 {
            padding: 3px;
        }

        .pd-sm-y-3 {
            padding-top: 3px;
            padding-bottom: 3px;
        }

        .pd-sm-x-3 {
            padding-left: 3px;
            padding-right: 3px;
        }

        .pd-sm-t-3 {
            padding-top: 3px;
        }

        .pd-sm-r-3 {
            padding-right: 3px;
        }

        .pd-sm-b-3 {
            padding-bottom: 3px;
        }

        .pd-sm-l-3 {
            padding-left: 3px;
        }

        .pd-sm-4 {
            padding: 4px;
        }

        .pd-sm-y-4 {
            padding-top: 4px;
            padding-bottom: 4px;
        }

        .pd-sm-x-4 {
            padding-left: 4px;
            padding-right: 4px;
        }

        .pd-sm-t-4 {
            padding-top: 4px;
        }

        .pd-sm-r-4 {
            padding-right: 4px;
        }

        .pd-sm-b-4 {
            padding-bottom: 4px;
        }

        .pd-sm-l-4 {
            padding-left: 4px;
        }

        .pd-sm-5 {
            padding: 5px;
        }

        .pd-sm-y-5 {
            padding-top: 5px;
            padding-bottom: 5px;
        }

        .pd-sm-x-5 {
            padding-left: 5px;
            padding-right: 5px;
        }

        .pd-sm-t-5 {
            padding-top: 5px;
        }

        .pd-sm-r-5 {
            padding-right: 5px;
        }

        .pd-sm-b-5 {
            padding-bottom: 5px;
        }

        .pd-sm-l-5 {
            padding-left: 5px;
        }

        .pd-sm-6 {
            padding: 6px;
        }

        .pd-sm-y-6 {
            padding-top: 6px;
            padding-bottom: 6px;
        }

        .pd-sm-x-6 {
            padding-left: 6px;
            padding-right: 6px;
        }

        .pd-sm-t-6 {
            padding-top: 6px;
        }

        .pd-sm-r-6 {
            padding-right: 6px;
        }

        .pd-sm-b-6 {
            padding-bottom: 6px;
        }

        .pd-sm-l-6 {
            padding-left: 6px;
        }

        .pd-sm-7 {
            padding: 7px;
        }

        .pd-sm-y-7 {
            padding-top: 7px;
            padding-bottom: 7px;
        }

        .pd-sm-x-7 {
            padding-left: 7px;
            padding-right: 7px;
        }

        .pd-sm-t-7 {
            padding-top: 7px;
        }

        .pd-sm-r-7 {
            padding-right: 7px;
        }

        .pd-sm-b-7 {
            padding-bottom: 7px;
        }

        .pd-sm-l-7 {
            padding-left: 7px;
        }

        .pd-sm-8 {
            padding: 8px;
        }

        .pd-sm-y-8 {
            padding-top: 8px;
            padding-bottom: 8px;
        }

        .pd-sm-x-8 {
            padding-left: 8px;
            padding-right: 8px;
        }

        .pd-sm-t-8 {
            padding-top: 8px;
        }

        .pd-sm-r-8 {
            padding-right: 8px;
        }

        .pd-sm-b-8 {
            padding-bottom: 8px;
        }

        .pd-sm-l-8 {
            padding-left: 8px;
        }

        .pd-sm-9 {
            padding: 9px;
        }

        .pd-sm-y-9 {
            padding-top: 9px;
            padding-bottom: 9px;
        }

        .pd-sm-x-9 {
            padding-left: 9px;
            padding-right: 9px;
        }

        .pd-sm-t-9 {
            padding-top: 9px;
        }

        .pd-sm-r-9 {
            padding-right: 9px;
        }

        .pd-sm-b-9 {
            padding-bottom: 9px;
        }

        .pd-sm-l-9 {
            padding-left: 9px;
        }

        .pd-sm-10 {
            padding: 10px;
        }

        .pd-sm-y-10 {
            padding-top: 10px;
            padding-bottom: 10px;
        }

        .pd-sm-x-10 {
            padding-left: 10px;
            padding-right: 10px;
        }

        .pd-sm-t-10 {
            padding-top: 10px;
        }

        .pd-sm-r-10 {
            padding-right: 10px;
        }

        .pd-sm-b-10 {
            padding-bottom: 10px;
        }

        .pd-sm-l-10 {
            padding-left: 10px;
        }

        .pd-sm-15 {
            padding: 15px;
        }

        .pd-sm-y-15 {
            padding-top: 15px;
            padding-bottom: 15px;
        }

        .pd-sm-x-15 {
            padding-left: 15px;
            padding-right: 15px;
        }

        .pd-sm-t-15 {
            padding-top: 15px;
        }

        .pd-sm-r-15 {
            padding-right: 15px;
        }

        .pd-sm-b-15 {
            padding-bottom: 15px;
        }

        .pd-sm-l-15 {
            padding-left: 15px;
        }

        .pd-sm-20 {
            padding: 20px;
        }

        .pd-sm-y-20 {
            padding-top: 20px;
            padding-bottom: 20px;
        }

        .pd-sm-x-20 {
            padding-left: 20px;
            padding-right: 20px;
        }

        .pd-sm-t-20 {
            padding-top: 20px;
        }

        .pd-sm-r-20 {
            padding-right: 20px;
        }

        .pd-sm-b-20 {
            padding-bottom: 20px;
        }

        .pd-sm-l-20 {
            padding-left: 20px;
        }

        .pd-sm-25 {
            padding: 25px;
        }

        .pd-sm-y-25 {
            padding-top: 25px;
            padding-bottom: 25px;
        }

        .pd-sm-x-25 {
            padding-left: 25px;
            padding-right: 25px;
        }

        .pd-sm-t-25 {
            padding-top: 25px;
        }

        .pd-sm-r-25 {
            padding-right: 25px;
        }

        .pd-sm-b-25 {
            padding-bottom: 25px;
        }

        .pd-sm-l-25 {
            padding-left: 25px;
        }

        .pd-sm-30 {
            padding: 30px;
        }

        .pd-sm-y-30 {
            padding-top: 30px;
            padding-bottom: 30px;
        }

        .pd-sm-x-30 {
            padding-left: 30px;
            padding-right: 30px;
        }

        .pd-sm-t-30 {
            padding-top: 30px;
        }

        .pd-sm-r-30 {
            padding-right: 30px;
        }

        .pd-sm-b-30 {
            padding-bottom: 30px;
        }

        .pd-sm-l-30 {
            padding-left: 30px;
        }

        .pd-sm-35 {
            padding: 35px;
        }

        .pd-sm-y-35 {
            padding-top: 35px;
            padding-bottom: 35px;
        }

        .pd-sm-x-35 {
            padding-left: 35px;
            padding-right: 35px;
        }

        .pd-sm-t-35 {
            padding-top: 35px;
        }

        .pd-sm-r-35 {
            padding-right: 35px;
        }

        .pd-sm-b-35 {
            padding-bottom: 35px;
        }

        .pd-sm-l-35 {
            padding-left: 35px;
        }

        .pd-sm-40 {
            padding: 40px;
        }

        .pd-sm-y-40 {
            padding-top: 40px;
            padding-bottom: 40px;
        }

        .pd-sm-x-40 {
            padding-left: 40px;
            padding-right: 40px;
        }

        .pd-sm-t-40 {
            padding-top: 40px;
        }

        .pd-sm-r-40 {
            padding-right: 40px;
        }

        .pd-sm-b-40 {
            padding-bottom: 40px;
        }

        .pd-sm-l-40 {
            padding-left: 40px;
        }

        .pd-sm-45 {
            padding: 45px;
        }

        .pd-sm-y-45 {
            padding-top: 45px;
            padding-bottom: 45px;
        }

        .pd-sm-x-45 {
            padding-left: 45px;
            padding-right: 45px;
        }

        .pd-sm-t-45 {
            padding-top: 45px;
        }

        .pd-sm-r-45 {
            padding-right: 45px;
        }

        .pd-sm-b-45 {
            padding-bottom: 45px;
        }

        .pd-sm-l-45 {
            padding-left: 45px;
        }

        .pd-sm-50 {
            padding: 50px;
        }

        .pd-sm-y-50 {
            padding-top: 50px;
            padding-bottom: 50px;
        }

        .pd-sm-x-50 {
            padding-left: 50px;
            padding-right: 50px;
        }

        .pd-sm-t-50 {
            padding-top: 50px;
        }

        .pd-sm-r-50 {
            padding-right: 50px;
        }

        .pd-sm-b-50 {
            padding-bottom: 50px;
        }

        .pd-sm-l-50 {
            padding-left: 50px;
        }

        .pd-sm-55 {
            padding: 55px;
        }

        .pd-sm-y-55 {
            padding-top: 55px;
            padding-bottom: 55px;
        }

        .pd-sm-x-55 {
            padding-left: 55px;
            padding-right: 55px;
        }

        .pd-sm-t-55 {
            padding-top: 55px;
        }

        .pd-sm-r-55 {
            padding-right: 55px;
        }

        .pd-sm-b-55 {
            padding-bottom: 55px;
        }

        .pd-sm-l-55 {
            padding-left: 55px;
        }

        .pd-sm-60 {
            padding: 60px;
        }

        .pd-sm-y-60 {
            padding-top: 60px;
            padding-bottom: 60px;
        }

        .pd-sm-x-60 {
            padding-left: 60px;
            padding-right: 60px;
        }

        .pd-sm-t-60 {
            padding-top: 60px;
        }

        .pd-sm-r-60 {
            padding-right: 60px;
        }

        .pd-sm-b-60 {
            padding-bottom: 60px;
        }

        .pd-sm-l-60 {
            padding-left: 60px;
        }

        .pd-sm-65 {
            padding: 65px;
        }

        .pd-sm-y-65 {
            padding-top: 65px;
            padding-bottom: 65px;
        }

        .pd-sm-x-65 {
            padding-left: 65px;
            padding-right: 65px;
        }

        .pd-sm-t-65 {
            padding-top: 65px;
        }

        .pd-sm-r-65 {
            padding-right: 65px;
        }

        .pd-sm-b-65 {
            padding-bottom: 65px;
        }

        .pd-sm-l-65 {
            padding-left: 65px;
        }

        .pd-sm-70 {
            padding: 70px;
        }

        .pd-sm-y-70 {
            padding-top: 70px;
            padding-bottom: 70px;
        }

        .pd-sm-x-70 {
            padding-left: 70px;
            padding-right: 70px;
        }

        .pd-sm-t-70 {
            padding-top: 70px;
        }

        .pd-sm-r-70 {
            padding-right: 70px;
        }

        .pd-sm-b-70 {
            padding-bottom: 70px;
        }

        .pd-sm-l-70 {
            padding-left: 70px;
        }

        .pd-sm-75 {
            padding: 75px;
        }

        .pd-sm-y-75 {
            padding-top: 75px;
            padding-bottom: 75px;
        }

        .pd-sm-x-75 {
            padding-left: 75px;
            padding-right: 75px;
        }

        .pd-sm-t-75 {
            padding-top: 75px;
        }

        .pd-sm-r-75 {
            padding-right: 75px;
        }

        .pd-sm-b-75 {
            padding-bottom: 75px;
        }

        .pd-sm-l-75 {
            padding-left: 75px;
        }

        .pd-sm-80 {
            padding: 80px;
        }

        .pd-sm-y-80 {
            padding-top: 80px;
            padding-bottom: 80px;
        }

        .pd-sm-x-80 {
            padding-left: 80px;
            padding-right: 80px;
        }

        .pd-sm-t-80 {
            padding-top: 80px;
        }

        .pd-sm-r-80 {
            padding-right: 80px;
        }

        .pd-sm-b-80 {
            padding-bottom: 80px;
        }

        .pd-sm-l-80 {
            padding-left: 80px;
        }

        .pd-sm-85 {
            padding: 85px;
        }

        .pd-sm-y-85 {
            padding-top: 85px;
            padding-bottom: 85px;
        }

        .pd-sm-x-85 {
            padding-left: 85px;
            padding-right: 85px;
        }

        .pd-sm-t-85 {
            padding-top: 85px;
        }

        .pd-sm-r-85 {
            padding-right: 85px;
        }

        .pd-sm-b-85 {
            padding-bottom: 85px;
        }

        .pd-sm-l-85 {
            padding-left: 85px;
        }

        .pd-sm-90 {
            padding: 90px;
        }

        .pd-sm-y-90 {
            padding-top: 90px;
            padding-bottom: 90px;
        }

        .pd-sm-x-90 {
            padding-left: 90px;
            padding-right: 90px;
        }

        .pd-sm-t-90 {
            padding-top: 90px;
        }

        .pd-sm-r-90 {
            padding-right: 90px;
        }

        .pd-sm-b-90 {
            padding-bottom: 90px;
        }

        .pd-sm-l-90 {
            padding-left: 90px;
        }

        .pd-sm-95 {
            padding: 95px;
        }

        .pd-sm-y-95 {
            padding-top: 95px;
            padding-bottom: 95px;
        }

        .pd-sm-x-95 {
            padding-left: 95px;
            padding-right: 95px;
        }

        .pd-sm-t-95 {
            padding-top: 95px;
        }

        .pd-sm-r-95 {
            padding-right: 95px;
        }

        .pd-sm-b-95 {
            padding-bottom: 95px;
        }

        .pd-sm-l-95 {
            padding-left: 95px;
        }

        .pd-sm-100 {
            padding: 100px;
        }

        .pd-sm-y-100 {
            padding-top: 100px;
            padding-bottom: 100px;
        }

        .pd-sm-x-100 {
            padding-left: 100px;
            padding-right: 100px;
        }

        .pd-sm-t-100 {
            padding-top: 100px;
        }

        .pd-sm-r-100 {
            padding-right: 100px;
        }

        .pd-sm-b-100 {
            padding-bottom: 100px;
        }

        .pd-sm-l-100 {
            padding-left: 100px;
        }

        .pd-sm-110 {
            padding: 110px;
        }

        .pd-sm-y-110 {
            padding-top: 110px;
            padding-bottom: 110px;
        }

        .pd-sm-x-110 {
            padding-left: 110px;
            padding-right: 110px;
        }

        .pd-sm-t-110 {
            padding-top: 110px;
        }

        .pd-sm-r-110 {
            padding-right: 110px;
        }

        .pd-sm-b-110 {
            padding-bottom: 110px;
        }

        .pd-sm-l-110 {
            padding-left: 110px;
        }

        .pd-sm-120 {
            padding: 120px;
        }

        .pd-sm-y-120 {
            padding-top: 120px;
            padding-bottom: 120px;
        }

        .pd-sm-x-120 {
            padding-left: 120px;
            padding-right: 120px;
        }

        .pd-sm-t-120 {
            padding-top: 120px;
        }

        .pd-sm-r-120 {
            padding-right: 120px;
        }

        .pd-sm-b-120 {
            padding-bottom: 120px;
        }

        .pd-sm-l-120 {
            padding-left: 120px;
        }

        .pd-sm-130 {
            padding: 130px;
        }

        .pd-sm-y-130 {
            padding-top: 130px;
            padding-bottom: 130px;
        }

        .pd-sm-x-130 {
            padding-left: 130px;
            padding-right: 130px;
        }

        .pd-sm-t-130 {
            padding-top: 130px;
        }

        .pd-sm-r-130 {
            padding-right: 130px;
        }

        .pd-sm-b-130 {
            padding-bottom: 130px;
        }

        .pd-sm-l-130 {
            padding-left: 130px;
        }

        .pd-sm-140 {
            padding: 140px;
        }

        .pd-sm-y-140 {
            padding-top: 140px;
            padding-bottom: 140px;
        }

        .pd-sm-x-140 {
            padding-left: 140px;
            padding-right: 140px;
        }

        .pd-sm-t-140 {
            padding-top: 140px;
        }

        .pd-sm-r-140 {
            padding-right: 140px;
        }

        .pd-sm-b-140 {
            padding-bottom: 140px;
        }

        .pd-sm-l-140 {
            padding-left: 140px;
        }

        .pd-sm-150 {
            padding: 150px;
        }

        .pd-sm-y-150 {
            padding-top: 150px;
            padding-bottom: 150px;
        }

        .pd-sm-x-150 {
            padding-left: 150px;
            padding-right: 150px;
        }

        .pd-sm-t-150 {
            padding-top: 150px;
        }

        .pd-sm-r-150 {
            padding-right: 150px;
        }

        .pd-sm-b-150 {
            padding-bottom: 150px;
        }

        .pd-sm-l-150 {
            padding-left: 150px;
        }

        .pd-sm-160 {
            padding: 160px;
        }

        .pd-sm-y-160 {
            padding-top: 160px;
            padding-bottom: 160px;
        }

        .pd-sm-x-160 {
            padding-left: 160px;
            padding-right: 160px;
        }

        .pd-sm-t-160 {
            padding-top: 160px;
        }

        .pd-sm-r-160 {
            padding-right: 160px;
        }

        .pd-sm-b-160 {
            padding-bottom: 160px;
        }

        .pd-sm-l-160 {
            padding-left: 160px;
        }

        .pd-sm-170 {
            padding: 170px;
        }

        .pd-sm-y-170 {
            padding-top: 170px;
            padding-bottom: 170px;
        }

        .pd-sm-x-170 {
            padding-left: 170px;
            padding-right: 170px;
        }

        .pd-sm-t-170 {
            padding-top: 170px;
        }

        .pd-sm-r-170 {
            padding-right: 170px;
        }

        .pd-sm-b-170 {
            padding-bottom: 170px;
        }

        .pd-sm-l-170 {
            padding-left: 170px;
        }

        .pd-sm-180 {
            padding: 180px;
        }

        .pd-sm-y-180 {
            padding-top: 180px;
            padding-bottom: 180px;
        }

        .pd-sm-x-180 {
            padding-left: 180px;
            padding-right: 180px;
        }

        .pd-sm-t-180 {
            padding-top: 180px;
        }

        .pd-sm-r-180 {
            padding-right: 180px;
        }

        .pd-sm-b-180 {
            padding-bottom: 180px;
        }

        .pd-sm-l-180 {
            padding-left: 180px;
        }

        .pd-sm-190 {
            padding: 190px;
        }

        .pd-sm-y-190 {
            padding-top: 190px;
            padding-bottom: 190px;
        }

        .pd-sm-x-190 {
            padding-left: 190px;
            padding-right: 190px;
        }

        .pd-sm-t-190 {
            padding-top: 190px;
        }

        .pd-sm-r-190 {
            padding-right: 190px;
        }

        .pd-sm-b-190 {
            padding-bottom: 190px;
        }

        .pd-sm-l-190 {
            padding-left: 190px;
        }

        .pd-sm-200 {
            padding: 200px;
        }

        .pd-sm-y-200 {
            padding-top: 200px;
            padding-bottom: 200px;
        }

        .pd-sm-x-200 {
            padding-left: 200px;
            padding-right: 200px;
        }

        .pd-sm-t-200 {
            padding-top: 200px;
        }

        .pd-sm-r-200 {
            padding-right: 200px;
        }

        .pd-sm-b-200 {
            padding-bottom: 200px;
        }

        .pd-sm-l-200 {
            padding-left: 200px;
        }
    }

    @media (min-width: 768px) {
        .pd-md-0 {
            padding: 0px;
        }

        .pd-md-y-0 {
            padding-top: 0px;
            padding-bottom: 0px;
        }

        .pd-md-x-0 {
            padding-left: 0px;
            padding-right: 0px;
        }

        .pd-md-t-0 {
            padding-top: 0px;
        }

        .pd-md-r-0 {
            padding-right: 0px;
        }

        .pd-md-b-0 {
            padding-bottom: 0px;
        }

        .pd-md-l-0 {
            padding-left: 0px;
        }

        .pd-md-1 {
            padding: 1px;
        }

        .pd-md-y-1 {
            padding-top: 1px;
            padding-bottom: 1px;
        }

        .pd-md-x-1 {
            padding-left: 1px;
            padding-right: 1px;
        }

        .pd-md-t-1 {
            padding-top: 1px;
        }

        .pd-md-r-1 {
            padding-right: 1px;
        }

        .pd-md-b-1 {
            padding-bottom: 1px;
        }

        .pd-md-l-1 {
            padding-left: 1px;
        }

        .pd-md-2 {
            padding: 2px;
        }

        .pd-md-y-2 {
            padding-top: 2px;
            padding-bottom: 2px;
        }

        .pd-md-x-2 {
            padding-left: 2px;
            padding-right: 2px;
        }

        .pd-md-t-2 {
            padding-top: 2px;
        }

        .pd-md-r-2 {
            padding-right: 2px;
        }

        .pd-md-b-2 {
            padding-bottom: 2px;
        }

        .pd-md-l-2 {
            padding-left: 2px;
        }

        .pd-md-3 {
            padding: 3px;
        }

        .pd-md-y-3 {
            padding-top: 3px;
            padding-bottom: 3px;
        }

        .pd-md-x-3 {
            padding-left: 3px;
            padding-right: 3px;
        }

        .pd-md-t-3 {
            padding-top: 3px;
        }

        .pd-md-r-3 {
            padding-right: 3px;
        }

        .pd-md-b-3 {
            padding-bottom: 3px;
        }

        .pd-md-l-3 {
            padding-left: 3px;
        }

        .pd-md-4 {
            padding: 4px;
        }

        .pd-md-y-4 {
            padding-top: 4px;
            padding-bottom: 4px;
        }

        .pd-md-x-4 {
            padding-left: 4px;
            padding-right: 4px;
        }

        .pd-md-t-4 {
            padding-top: 4px;
        }

        .pd-md-r-4 {
            padding-right: 4px;
        }

        .pd-md-b-4 {
            padding-bottom: 4px;
        }

        .pd-md-l-4 {
            padding-left: 4px;
        }

        .pd-md-5 {
            padding: 5px;
        }

        .pd-md-y-5 {
            padding-top: 5px;
            padding-bottom: 5px;
        }

        .pd-md-x-5 {
            padding-left: 5px;
            padding-right: 5px;
        }

        .pd-md-t-5 {
            padding-top: 5px;
        }

        .pd-md-r-5 {
            padding-right: 5px;
        }

        .pd-md-b-5 {
            padding-bottom: 5px;
        }

        .pd-md-l-5 {
            padding-left: 5px;
        }

        .pd-md-6 {
            padding: 6px;
        }

        .pd-md-y-6 {
            padding-top: 6px;
            padding-bottom: 6px;
        }

        .pd-md-x-6 {
            padding-left: 6px;
            padding-right: 6px;
        }

        .pd-md-t-6 {
            padding-top: 6px;
        }

        .pd-md-r-6 {
            padding-right: 6px;
        }

        .pd-md-b-6 {
            padding-bottom: 6px;
        }

        .pd-md-l-6 {
            padding-left: 6px;
        }

        .pd-md-7 {
            padding: 7px;
        }

        .pd-md-y-7 {
            padding-top: 7px;
            padding-bottom: 7px;
        }

        .pd-md-x-7 {
            padding-left: 7px;
            padding-right: 7px;
        }

        .pd-md-t-7 {
            padding-top: 7px;
        }

        .pd-md-r-7 {
            padding-right: 7px;
        }

        .pd-md-b-7 {
            padding-bottom: 7px;
        }

        .pd-md-l-7 {
            padding-left: 7px;
        }

        .pd-md-8 {
            padding: 8px;
        }

        .pd-md-y-8 {
            padding-top: 8px;
            padding-bottom: 8px;
        }

        .pd-md-x-8 {
            padding-left: 8px;
            padding-right: 8px;
        }

        .pd-md-t-8 {
            padding-top: 8px;
        }

        .pd-md-r-8 {
            padding-right: 8px;
        }

        .pd-md-b-8 {
            padding-bottom: 8px;
        }

        .pd-md-l-8 {
            padding-left: 8px;
        }

        .pd-md-9 {
            padding: 9px;
        }

        .pd-md-y-9 {
            padding-top: 9px;
            padding-bottom: 9px;
        }

        .pd-md-x-9 {
            padding-left: 9px;
            padding-right: 9px;
        }

        .pd-md-t-9 {
            padding-top: 9px;
        }

        .pd-md-r-9 {
            padding-right: 9px;
        }

        .pd-md-b-9 {
            padding-bottom: 9px;
        }

        .pd-md-l-9 {
            padding-left: 9px;
        }

        .pd-md-10 {
            padding: 10px;
        }

        .pd-md-y-10 {
            padding-top: 10px;
            padding-bottom: 10px;
        }

        .pd-md-x-10 {
            padding-left: 10px;
            padding-right: 10px;
        }

        .pd-md-t-10 {
            padding-top: 10px;
        }

        .pd-md-r-10 {
            padding-right: 10px;
        }

        .pd-md-b-10 {
            padding-bottom: 10px;
        }

        .pd-md-l-10 {
            padding-left: 10px;
        }

        .pd-md-15 {
            padding: 15px;
        }

        .pd-md-y-15 {
            padding-top: 15px;
            padding-bottom: 15px;
        }

        .pd-md-x-15 {
            padding-left: 15px;
            padding-right: 15px;
        }

        .pd-md-t-15 {
            padding-top: 15px;
        }

        .pd-md-r-15 {
            padding-right: 15px;
        }

        .pd-md-b-15 {
            padding-bottom: 15px;
        }

        .pd-md-l-15 {
            padding-left: 15px;
        }

        .pd-md-20 {
            padding: 20px;
        }

        .pd-md-y-20 {
            padding-top: 20px;
            padding-bottom: 20px;
        }

        .pd-md-x-20 {
            padding-left: 20px;
            padding-right: 20px;
        }

        .pd-md-t-20 {
            padding-top: 20px;
        }

        .pd-md-r-20 {
            padding-right: 20px;
        }

        .pd-md-b-20 {
            padding-bottom: 20px;
        }

        .pd-md-l-20 {
            padding-left: 20px;
        }

        .pd-md-25 {
            padding: 25px;
        }

        .pd-md-y-25 {
            padding-top: 25px;
            padding-bottom: 25px;
        }

        .pd-md-x-25 {
            padding-left: 25px;
            padding-right: 25px;
        }

        .pd-md-t-25 {
            padding-top: 25px;
        }

        .pd-md-r-25 {
            padding-right: 25px;
        }

        .pd-md-b-25 {
            padding-bottom: 25px;
        }

        .pd-md-l-25 {
            padding-left: 25px;
        }

        .pd-md-30 {
            padding: 30px;
        }

        .pd-md-y-30 {
            padding-top: 30px;
            padding-bottom: 30px;
        }

        .pd-md-x-30 {
            padding-left: 30px;
            padding-right: 30px;
        }

        .pd-md-t-30 {
            padding-top: 30px;
        }

        .pd-md-r-30 {
            padding-right: 30px;
        }

        .pd-md-b-30 {
            padding-bottom: 30px;
        }

        .pd-md-l-30 {
            padding-left: 30px;
        }

        .pd-md-35 {
            padding: 35px;
        }

        .pd-md-y-35 {
            padding-top: 35px;
            padding-bottom: 35px;
        }

        .pd-md-x-35 {
            padding-left: 35px;
            padding-right: 35px;
        }

        .pd-md-t-35 {
            padding-top: 35px;
        }

        .pd-md-r-35 {
            padding-right: 35px;
        }

        .pd-md-b-35 {
            padding-bottom: 35px;
        }

        .pd-md-l-35 {
            padding-left: 35px;
        }

        .pd-md-40 {
            padding: 40px;
        }

        .pd-md-y-40 {
            padding-top: 40px;
            padding-bottom: 40px;
        }

        .pd-md-x-40 {
            padding-left: 40px;
            padding-right: 40px;
        }

        .pd-md-t-40 {
            padding-top: 40px;
        }

        .pd-md-r-40 {
            padding-right: 40px;
        }

        .pd-md-b-40 {
            padding-bottom: 40px;
        }

        .pd-md-l-40 {
            padding-left: 40px;
        }

        .pd-md-45 {
            padding: 45px;
        }

        .pd-md-y-45 {
            padding-top: 45px;
            padding-bottom: 45px;
        }

        .pd-md-x-45 {
            padding-left: 45px;
            padding-right: 45px;
        }

        .pd-md-t-45 {
            padding-top: 45px;
        }

        .pd-md-r-45 {
            padding-right: 45px;
        }

        .pd-md-b-45 {
            padding-bottom: 45px;
        }

        .pd-md-l-45 {
            padding-left: 45px;
        }

        .pd-md-50 {
            padding: 50px;
        }

        .pd-md-y-50 {
            padding-top: 50px;
            padding-bottom: 50px;
        }

        .pd-md-x-50 {
            padding-left: 50px;
            padding-right: 50px;
        }

        .pd-md-t-50 {
            padding-top: 50px;
        }

        .pd-md-r-50 {
            padding-right: 50px;
        }

        .pd-md-b-50 {
            padding-bottom: 50px;
        }

        .pd-md-l-50 {
            padding-left: 50px;
        }

        .pd-md-55 {
            padding: 55px;
        }

        .pd-md-y-55 {
            padding-top: 55px;
            padding-bottom: 55px;
        }

        .pd-md-x-55 {
            padding-left: 55px;
            padding-right: 55px;
        }

        .pd-md-t-55 {
            padding-top: 55px;
        }

        .pd-md-r-55 {
            padding-right: 55px;
        }

        .pd-md-b-55 {
            padding-bottom: 55px;
        }

        .pd-md-l-55 {
            padding-left: 55px;
        }

        .pd-md-60 {
            padding: 60px;
        }

        .pd-md-y-60 {
            padding-top: 60px;
            padding-bottom: 60px;
        }

        .pd-md-x-60 {
            padding-left: 60px;
            padding-right: 60px;
        }

        .pd-md-t-60 {
            padding-top: 60px;
        }

        .pd-md-r-60 {
            padding-right: 60px;
        }

        .pd-md-b-60 {
            padding-bottom: 60px;
        }

        .pd-md-l-60 {
            padding-left: 60px;
        }

        .pd-md-65 {
            padding: 65px;
        }

        .pd-md-y-65 {
            padding-top: 65px;
            padding-bottom: 65px;
        }

        .pd-md-x-65 {
            padding-left: 65px;
            padding-right: 65px;
        }

        .pd-md-t-65 {
            padding-top: 65px;
        }

        .pd-md-r-65 {
            padding-right: 65px;
        }

        .pd-md-b-65 {
            padding-bottom: 65px;
        }

        .pd-md-l-65 {
            padding-left: 65px;
        }

        .pd-md-70 {
            padding: 70px;
        }

        .pd-md-y-70 {
            padding-top: 70px;
            padding-bottom: 70px;
        }

        .pd-md-x-70 {
            padding-left: 70px;
            padding-right: 70px;
        }

        .pd-md-t-70 {
            padding-top: 70px;
        }

        .pd-md-r-70 {
            padding-right: 70px;
        }

        .pd-md-b-70 {
            padding-bottom: 70px;
        }

        .pd-md-l-70 {
            padding-left: 70px;
        }

        .pd-md-75 {
            padding: 75px;
        }

        .pd-md-y-75 {
            padding-top: 75px;
            padding-bottom: 75px;
        }

        .pd-md-x-75 {
            padding-left: 75px;
            padding-right: 75px;
        }

        .pd-md-t-75 {
            padding-top: 75px;
        }

        .pd-md-r-75 {
            padding-right: 75px;
        }

        .pd-md-b-75 {
            padding-bottom: 75px;
        }

        .pd-md-l-75 {
            padding-left: 75px;
        }

        .pd-md-80 {
            padding: 80px;
        }

        .pd-md-y-80 {
            padding-top: 80px;
            padding-bottom: 80px;
        }

        .pd-md-x-80 {
            padding-left: 80px;
            padding-right: 80px;
        }

        .pd-md-t-80 {
            padding-top: 80px;
        }

        .pd-md-r-80 {
            padding-right: 80px;
        }

        .pd-md-b-80 {
            padding-bottom: 80px;
        }

        .pd-md-l-80 {
            padding-left: 80px;
        }

        .pd-md-85 {
            padding: 85px;
        }

        .pd-md-y-85 {
            padding-top: 85px;
            padding-bottom: 85px;
        }

        .pd-md-x-85 {
            padding-left: 85px;
            padding-right: 85px;
        }

        .pd-md-t-85 {
            padding-top: 85px;
        }

        .pd-md-r-85 {
            padding-right: 85px;
        }

        .pd-md-b-85 {
            padding-bottom: 85px;
        }

        .pd-md-l-85 {
            padding-left: 85px;
        }

        .pd-md-90 {
            padding: 90px;
        }

        .pd-md-y-90 {
            padding-top: 90px;
            padding-bottom: 90px;
        }

        .pd-md-x-90 {
            padding-left: 90px;
            padding-right: 90px;
        }

        .pd-md-t-90 {
            padding-top: 90px;
        }

        .pd-md-r-90 {
            padding-right: 90px;
        }

        .pd-md-b-90 {
            padding-bottom: 90px;
        }

        .pd-md-l-90 {
            padding-left: 90px;
        }

        .pd-md-95 {
            padding: 95px;
        }

        .pd-md-y-95 {
            padding-top: 95px;
            padding-bottom: 95px;
        }

        .pd-md-x-95 {
            padding-left: 95px;
            padding-right: 95px;
        }

        .pd-md-t-95 {
            padding-top: 95px;
        }

        .pd-md-r-95 {
            padding-right: 95px;
        }

        .pd-md-b-95 {
            padding-bottom: 95px;
        }

        .pd-md-l-95 {
            padding-left: 95px;
        }

        .pd-md-100 {
            padding: 100px;
        }

        .pd-md-y-100 {
            padding-top: 100px;
            padding-bottom: 100px;
        }

        .pd-md-x-100 {
            padding-left: 100px;
            padding-right: 100px;
        }

        .pd-md-t-100 {
            padding-top: 100px;
        }

        .pd-md-r-100 {
            padding-right: 100px;
        }

        .pd-md-b-100 {
            padding-bottom: 100px;
        }

        .pd-md-l-100 {
            padding-left: 100px;
        }

        .pd-md-110 {
            padding: 110px;
        }

        .pd-md-y-110 {
            padding-top: 110px;
            padding-bottom: 110px;
        }

        .pd-md-x-110 {
            padding-left: 110px;
            padding-right: 110px;
        }

        .pd-md-t-110 {
            padding-top: 110px;
        }

        .pd-md-r-110 {
            padding-right: 110px;
        }

        .pd-md-b-110 {
            padding-bottom: 110px;
        }

        .pd-md-l-110 {
            padding-left: 110px;
        }

        .pd-md-120 {
            padding: 120px;
        }

        .pd-md-y-120 {
            padding-top: 120px;
            padding-bottom: 120px;
        }

        .pd-md-x-120 {
            padding-left: 120px;
            padding-right: 120px;
        }

        .pd-md-t-120 {
            padding-top: 120px;
        }

        .pd-md-r-120 {
            padding-right: 120px;
        }

        .pd-md-b-120 {
            padding-bottom: 120px;
        }

        .pd-md-l-120 {
            padding-left: 120px;
        }

        .pd-md-130 {
            padding: 130px;
        }

        .pd-md-y-130 {
            padding-top: 130px;
            padding-bottom: 130px;
        }

        .pd-md-x-130 {
            padding-left: 130px;
            padding-right: 130px;
        }

        .pd-md-t-130 {
            padding-top: 130px;
        }

        .pd-md-r-130 {
            padding-right: 130px;
        }

        .pd-md-b-130 {
            padding-bottom: 130px;
        }

        .pd-md-l-130 {
            padding-left: 130px;
        }

        .pd-md-140 {
            padding: 140px;
        }

        .pd-md-y-140 {
            padding-top: 140px;
            padding-bottom: 140px;
        }

        .pd-md-x-140 {
            padding-left: 140px;
            padding-right: 140px;
        }

        .pd-md-t-140 {
            padding-top: 140px;
        }

        .pd-md-r-140 {
            padding-right: 140px;
        }

        .pd-md-b-140 {
            padding-bottom: 140px;
        }

        .pd-md-l-140 {
            padding-left: 140px;
        }

        .pd-md-150 {
            padding: 150px;
        }

        .pd-md-y-150 {
            padding-top: 150px;
            padding-bottom: 150px;
        }

        .pd-md-x-150 {
            padding-left: 150px;
            padding-right: 150px;
        }

        .pd-md-t-150 {
            padding-top: 150px;
        }

        .pd-md-r-150 {
            padding-right: 150px;
        }

        .pd-md-b-150 {
            padding-bottom: 150px;
        }

        .pd-md-l-150 {
            padding-left: 150px;
        }

        .pd-md-160 {
            padding: 160px;
        }

        .pd-md-y-160 {
            padding-top: 160px;
            padding-bottom: 160px;
        }

        .pd-md-x-160 {
            padding-left: 160px;
            padding-right: 160px;
        }

        .pd-md-t-160 {
            padding-top: 160px;
        }

        .pd-md-r-160 {
            padding-right: 160px;
        }

        .pd-md-b-160 {
            padding-bottom: 160px;
        }

        .pd-md-l-160 {
            padding-left: 160px;
        }

        .pd-md-170 {
            padding: 170px;
        }

        .pd-md-y-170 {
            padding-top: 170px;
            padding-bottom: 170px;
        }

        .pd-md-x-170 {
            padding-left: 170px;
            padding-right: 170px;
        }

        .pd-md-t-170 {
            padding-top: 170px;
        }

        .pd-md-r-170 {
            padding-right: 170px;
        }

        .pd-md-b-170 {
            padding-bottom: 170px;
        }

        .pd-md-l-170 {
            padding-left: 170px;
        }

        .pd-md-180 {
            padding: 180px;
        }

        .pd-md-y-180 {
            padding-top: 180px;
            padding-bottom: 180px;
        }

        .pd-md-x-180 {
            padding-left: 180px;
            padding-right: 180px;
        }

        .pd-md-t-180 {
            padding-top: 180px;
        }

        .pd-md-r-180 {
            padding-right: 180px;
        }

        .pd-md-b-180 {
            padding-bottom: 180px;
        }

        .pd-md-l-180 {
            padding-left: 180px;
        }

        .pd-md-190 {
            padding: 190px;
        }

        .pd-md-y-190 {
            padding-top: 190px;
            padding-bottom: 190px;
        }

        .pd-md-x-190 {
            padding-left: 190px;
            padding-right: 190px;
        }

        .pd-md-t-190 {
            padding-top: 190px;
        }

        .pd-md-r-190 {
            padding-right: 190px;
        }

        .pd-md-b-190 {
            padding-bottom: 190px;
        }

        .pd-md-l-190 {
            padding-left: 190px;
        }

        .pd-md-200 {
            padding: 200px;
        }

        .pd-md-y-200 {
            padding-top: 200px;
            padding-bottom: 200px;
        }

        .pd-md-x-200 {
            padding-left: 200px;
            padding-right: 200px;
        }

        .pd-md-t-200 {
            padding-top: 200px;
        }

        .pd-md-r-200 {
            padding-right: 200px;
        }

        .pd-md-b-200 {
            padding-bottom: 200px;
        }

        .pd-md-l-200 {
            padding-left: 200px;
        }
    }

    @media (min-width: 992px) {
        .pd-lg-0 {
            padding: 0px;
        }

        .pd-lg-y-0 {
            padding-top: 0px;
            padding-bottom: 0px;
        }

        .pd-lg-x-0 {
            padding-left: 0px;
            padding-right: 0px;
        }

        .pd-lg-t-0 {
            padding-top: 0px;
        }

        .pd-lg-r-0 {
            padding-right: 0px;
        }

        .pd-lg-b-0 {
            padding-bottom: 0px;
        }

        .pd-lg-l-0 {
            padding-left: 0px;
        }

        .pd-lg-1 {
            padding: 1px;
        }

        .pd-lg-y-1 {
            padding-top: 1px;
            padding-bottom: 1px;
        }

        .pd-lg-x-1 {
            padding-left: 1px;
            padding-right: 1px;
        }

        .pd-lg-t-1 {
            padding-top: 1px;
        }

        .pd-lg-r-1 {
            padding-right: 1px;
        }

        .pd-lg-b-1 {
            padding-bottom: 1px;
        }

        .pd-lg-l-1 {
            padding-left: 1px;
        }

        .pd-lg-2 {
            padding: 2px;
        }

        .pd-lg-y-2 {
            padding-top: 2px;
            padding-bottom: 2px;
        }

        .pd-lg-x-2 {
            padding-left: 2px;
            padding-right: 2px;
        }

        .pd-lg-t-2 {
            padding-top: 2px;
        }

        .pd-lg-r-2 {
            padding-right: 2px;
        }

        .pd-lg-b-2 {
            padding-bottom: 2px;
        }

        .pd-lg-l-2 {
            padding-left: 2px;
        }

        .pd-lg-3 {
            padding: 3px;
        }

        .pd-lg-y-3 {
            padding-top: 3px;
            padding-bottom: 3px;
        }

        .pd-lg-x-3 {
            padding-left: 3px;
            padding-right: 3px;
        }

        .pd-lg-t-3 {
            padding-top: 3px;
        }

        .pd-lg-r-3 {
            padding-right: 3px;
        }

        .pd-lg-b-3 {
            padding-bottom: 3px;
        }

        .pd-lg-l-3 {
            padding-left: 3px;
        }

        .pd-lg-4 {
            padding: 4px;
        }

        .pd-lg-y-4 {
            padding-top: 4px;
            padding-bottom: 4px;
        }

        .pd-lg-x-4 {
            padding-left: 4px;
            padding-right: 4px;
        }

        .pd-lg-t-4 {
            padding-top: 4px;
        }

        .pd-lg-r-4 {
            padding-right: 4px;
        }

        .pd-lg-b-4 {
            padding-bottom: 4px;
        }

        .pd-lg-l-4 {
            padding-left: 4px;
        }

        .pd-lg-5 {
            padding: 5px;
        }

        .pd-lg-y-5 {
            padding-top: 5px;
            padding-bottom: 5px;
        }

        .pd-lg-x-5 {
            padding-left: 5px;
            padding-right: 5px;
        }

        .pd-lg-t-5 {
            padding-top: 5px;
        }

        .pd-lg-r-5 {
            padding-right: 5px;
        }

        .pd-lg-b-5 {
            padding-bottom: 5px;
        }

        .pd-lg-l-5 {
            padding-left: 5px;
        }

        .pd-lg-6 {
            padding: 6px;
        }

        .pd-lg-y-6 {
            padding-top: 6px;
            padding-bottom: 6px;
        }

        .pd-lg-x-6 {
            padding-left: 6px;
            padding-right: 6px;
        }

        .pd-lg-t-6 {
            padding-top: 6px;
        }

        .pd-lg-r-6 {
            padding-right: 6px;
        }

        .pd-lg-b-6 {
            padding-bottom: 6px;
        }

        .pd-lg-l-6 {
            padding-left: 6px;
        }

        .pd-lg-7 {
            padding: 7px;
        }

        .pd-lg-y-7 {
            padding-top: 7px;
            padding-bottom: 7px;
        }

        .pd-lg-x-7 {
            padding-left: 7px;
            padding-right: 7px;
        }

        .pd-lg-t-7 {
            padding-top: 7px;
        }

        .pd-lg-r-7 {
            padding-right: 7px;
        }

        .pd-lg-b-7 {
            padding-bottom: 7px;
        }

        .pd-lg-l-7 {
            padding-left: 7px;
        }

        .pd-lg-8 {
            padding: 8px;
        }

        .pd-lg-y-8 {
            padding-top: 8px;
            padding-bottom: 8px;
        }

        .pd-lg-x-8 {
            padding-left: 8px;
            padding-right: 8px;
        }

        .pd-lg-t-8 {
            padding-top: 8px;
        }

        .pd-lg-r-8 {
            padding-right: 8px;
        }

        .pd-lg-b-8 {
            padding-bottom: 8px;
        }

        .pd-lg-l-8 {
            padding-left: 8px;
        }

        .pd-lg-9 {
            padding: 9px;
        }

        .pd-lg-y-9 {
            padding-top: 9px;
            padding-bottom: 9px;
        }

        .pd-lg-x-9 {
            padding-left: 9px;
            padding-right: 9px;
        }

        .pd-lg-t-9 {
            padding-top: 9px;
        }

        .pd-lg-r-9 {
            padding-right: 9px;
        }

        .pd-lg-b-9 {
            padding-bottom: 9px;
        }

        .pd-lg-l-9 {
            padding-left: 9px;
        }

        .pd-lg-10 {
            padding: 10px;
        }

        .pd-lg-y-10 {
            padding-top: 10px;
            padding-bottom: 10px;
        }

        .pd-lg-x-10 {
            padding-left: 10px;
            padding-right: 10px;
        }

        .pd-lg-t-10 {
            padding-top: 10px;
        }

        .pd-lg-r-10 {
            padding-right: 10px;
        }

        .pd-lg-b-10 {
            padding-bottom: 10px;
        }

        .pd-lg-l-10 {
            padding-left: 10px;
        }

        .pd-lg-15 {
            padding: 15px;
        }

        .pd-lg-y-15 {
            padding-top: 15px;
            padding-bottom: 15px;
        }

        .pd-lg-x-15 {
            padding-left: 15px;
            padding-right: 15px;
        }

        .pd-lg-t-15 {
            padding-top: 15px;
        }

        .pd-lg-r-15 {
            padding-right: 15px;
        }

        .pd-lg-b-15 {
            padding-bottom: 15px;
        }

        .pd-lg-l-15 {
            padding-left: 15px;
        }

        .pd-lg-20 {
            padding: 20px;
        }

        .pd-lg-y-20 {
            padding-top: 20px;
            padding-bottom: 20px;
        }

        .pd-lg-x-20 {
            padding-left: 20px;
            padding-right: 20px;
        }

        .pd-lg-t-20 {
            padding-top: 20px;
        }

        .pd-lg-r-20 {
            padding-right: 20px;
        }

        .pd-lg-b-20 {
            padding-bottom: 20px;
        }

        .pd-lg-l-20 {
            padding-left: 20px;
        }

        .pd-lg-25 {
            padding: 25px;
        }

        .pd-lg-y-25 {
            padding-top: 25px;
            padding-bottom: 25px;
        }

        .pd-lg-x-25 {
            padding-left: 25px;
            padding-right: 25px;
        }

        .pd-lg-t-25 {
            padding-top: 25px;
        }

        .pd-lg-r-25 {
            padding-right: 25px;
        }

        .pd-lg-b-25 {
            padding-bottom: 25px;
        }

        .pd-lg-l-25 {
            padding-left: 25px;
        }

        .pd-lg-30 {
            padding: 30px;
        }

        .pd-lg-y-30 {
            padding-top: 30px;
            padding-bottom: 30px;
        }

        .pd-lg-x-30 {
            padding-left: 30px;
            padding-right: 30px;
        }

        .pd-lg-t-30 {
            padding-top: 30px;
        }

        .pd-lg-r-30 {
            padding-right: 30px;
        }

        .pd-lg-b-30 {
            padding-bottom: 30px;
        }

        .pd-lg-l-30 {
            padding-left: 30px;
        }

        .pd-lg-35 {
            padding: 35px;
        }

        .pd-lg-y-35 {
            padding-top: 35px;
            padding-bottom: 35px;
        }

        .pd-lg-x-35 {
            padding-left: 35px;
            padding-right: 35px;
        }

        .pd-lg-t-35 {
            padding-top: 35px;
        }

        .pd-lg-r-35 {
            padding-right: 35px;
        }

        .pd-lg-b-35 {
            padding-bottom: 35px;
        }

        .pd-lg-l-35 {
            padding-left: 35px;
        }

        .pd-lg-40 {
            padding: 40px;
        }

        .pd-lg-y-40 {
            padding-top: 40px;
            padding-bottom: 40px;
        }

        .pd-lg-x-40 {
            padding-left: 40px;
            padding-right: 40px;
        }

        .pd-lg-t-40 {
            padding-top: 40px;
        }

        .pd-lg-r-40 {
            padding-right: 40px;
        }

        .pd-lg-b-40 {
            padding-bottom: 40px;
        }

        .pd-lg-l-40 {
            padding-left: 40px;
        }

        .pd-lg-45 {
            padding: 45px;
        }

        .pd-lg-y-45 {
            padding-top: 45px;
            padding-bottom: 45px;
        }

        .pd-lg-x-45 {
            padding-left: 45px;
            padding-right: 45px;
        }

        .pd-lg-t-45 {
            padding-top: 45px;
        }

        .pd-lg-r-45 {
            padding-right: 45px;
        }

        .pd-lg-b-45 {
            padding-bottom: 45px;
        }

        .pd-lg-l-45 {
            padding-left: 45px;
        }

        .pd-lg-50 {
            padding: 50px;
        }

        .pd-lg-y-50 {
            padding-top: 50px;
            padding-bottom: 50px;
        }

        .pd-lg-x-50 {
            padding-left: 50px;
            padding-right: 50px;
        }

        .pd-lg-t-50 {
            padding-top: 50px;
        }

        .pd-lg-r-50 {
            padding-right: 50px;
        }

        .pd-lg-b-50 {
            padding-bottom: 50px;
        }

        .pd-lg-l-50 {
            padding-left: 50px;
        }

        .pd-lg-55 {
            padding: 55px;
        }

        .pd-lg-y-55 {
            padding-top: 55px;
            padding-bottom: 55px;
        }

        .pd-lg-x-55 {
            padding-left: 55px;
            padding-right: 55px;
        }

        .pd-lg-t-55 {
            padding-top: 55px;
        }

        .pd-lg-r-55 {
            padding-right: 55px;
        }

        .pd-lg-b-55 {
            padding-bottom: 55px;
        }

        .pd-lg-l-55 {
            padding-left: 55px;
        }

        .pd-lg-60 {
            padding: 60px;
        }

        .pd-lg-y-60 {
            padding-top: 60px;
            padding-bottom: 60px;
        }

        .pd-lg-x-60 {
            padding-left: 60px;
            padding-right: 60px;
        }

        .pd-lg-t-60 {
            padding-top: 60px;
        }

        .pd-lg-r-60 {
            padding-right: 60px;
        }

        .pd-lg-b-60 {
            padding-bottom: 60px;
        }

        .pd-lg-l-60 {
            padding-left: 60px;
        }

        .pd-lg-65 {
            padding: 65px;
        }

        .pd-lg-y-65 {
            padding-top: 65px;
            padding-bottom: 65px;
        }

        .pd-lg-x-65 {
            padding-left: 65px;
            padding-right: 65px;
        }

        .pd-lg-t-65 {
            padding-top: 65px;
        }

        .pd-lg-r-65 {
            padding-right: 65px;
        }

        .pd-lg-b-65 {
            padding-bottom: 65px;
        }

        .pd-lg-l-65 {
            padding-left: 65px;
        }

        .pd-lg-70 {
            padding: 70px;
        }

        .pd-lg-y-70 {
            padding-top: 70px;
            padding-bottom: 70px;
        }

        .pd-lg-x-70 {
            padding-left: 70px;
            padding-right: 70px;
        }

        .pd-lg-t-70 {
            padding-top: 70px;
        }

        .pd-lg-r-70 {
            padding-right: 70px;
        }

        .pd-lg-b-70 {
            padding-bottom: 70px;
        }

        .pd-lg-l-70 {
            padding-left: 70px;
        }

        .pd-lg-75 {
            padding: 75px;
        }

        .pd-lg-y-75 {
            padding-top: 75px;
            padding-bottom: 75px;
        }

        .pd-lg-x-75 {
            padding-left: 75px;
            padding-right: 75px;
        }

        .pd-lg-t-75 {
            padding-top: 75px;
        }

        .pd-lg-r-75 {
            padding-right: 75px;
        }

        .pd-lg-b-75 {
            padding-bottom: 75px;
        }

        .pd-lg-l-75 {
            padding-left: 75px;
        }

        .pd-lg-80 {
            padding: 80px;
        }

        .pd-lg-y-80 {
            padding-top: 80px;
            padding-bottom: 80px;
        }

        .pd-lg-x-80 {
            padding-left: 80px;
            padding-right: 80px;
        }

        .pd-lg-t-80 {
            padding-top: 80px;
        }

        .pd-lg-r-80 {
            padding-right: 80px;
        }

        .pd-lg-b-80 {
            padding-bottom: 80px;
        }

        .pd-lg-l-80 {
            padding-left: 80px;
        }

        .pd-lg-85 {
            padding: 85px;
        }

        .pd-lg-y-85 {
            padding-top: 85px;
            padding-bottom: 85px;
        }

        .pd-lg-x-85 {
            padding-left: 85px;
            padding-right: 85px;
        }

        .pd-lg-t-85 {
            padding-top: 85px;
        }

        .pd-lg-r-85 {
            padding-right: 85px;
        }

        .pd-lg-b-85 {
            padding-bottom: 85px;
        }

        .pd-lg-l-85 {
            padding-left: 85px;
        }

        .pd-lg-90 {
            padding: 90px;
        }

        .pd-lg-y-90 {
            padding-top: 90px;
            padding-bottom: 90px;
        }

        .pd-lg-x-90 {
            padding-left: 90px;
            padding-right: 90px;
        }

        .pd-lg-t-90 {
            padding-top: 90px;
        }

        .pd-lg-r-90 {
            padding-right: 90px;
        }

        .pd-lg-b-90 {
            padding-bottom: 90px;
        }

        .pd-lg-l-90 {
            padding-left: 90px;
        }

        .pd-lg-95 {
            padding: 95px;
        }

        .pd-lg-y-95 {
            padding-top: 95px;
            padding-bottom: 95px;
        }

        .pd-lg-x-95 {
            padding-left: 95px;
            padding-right: 95px;
        }

        .pd-lg-t-95 {
            padding-top: 95px;
        }

        .pd-lg-r-95 {
            padding-right: 95px;
        }

        .pd-lg-b-95 {
            padding-bottom: 95px;
        }

        .pd-lg-l-95 {
            padding-left: 95px;
        }

        .pd-lg-100 {
            padding: 100px;
        }

        .pd-lg-y-100 {
            padding-top: 100px;
            padding-bottom: 100px;
        }

        .pd-lg-x-100 {
            padding-left: 100px;
            padding-right: 100px;
        }

        .pd-lg-t-100 {
            padding-top: 100px;
        }

        .pd-lg-r-100 {
            padding-right: 100px;
        }

        .pd-lg-b-100 {
            padding-bottom: 100px;
        }

        .pd-lg-l-100 {
            padding-left: 100px;
        }

        .pd-lg-110 {
            padding: 110px;
        }

        .pd-lg-y-110 {
            padding-top: 110px;
            padding-bottom: 110px;
        }

        .pd-lg-x-110 {
            padding-left: 110px;
            padding-right: 110px;
        }

        .pd-lg-t-110 {
            padding-top: 110px;
        }

        .pd-lg-r-110 {
            padding-right: 110px;
        }

        .pd-lg-b-110 {
            padding-bottom: 110px;
        }

        .pd-lg-l-110 {
            padding-left: 110px;
        }

        .pd-lg-120 {
            padding: 120px;
        }

        .pd-lg-y-120 {
            padding-top: 120px;
            padding-bottom: 120px;
        }

        .pd-lg-x-120 {
            padding-left: 120px;
            padding-right: 120px;
        }

        .pd-lg-t-120 {
            padding-top: 120px;
        }

        .pd-lg-r-120 {
            padding-right: 120px;
        }

        .pd-lg-b-120 {
            padding-bottom: 120px;
        }

        .pd-lg-l-120 {
            padding-left: 120px;
        }

        .pd-lg-130 {
            padding: 130px;
        }

        .pd-lg-y-130 {
            padding-top: 130px;
            padding-bottom: 130px;
        }

        .pd-lg-x-130 {
            padding-left: 130px;
            padding-right: 130px;
        }

        .pd-lg-t-130 {
            padding-top: 130px;
        }

        .pd-lg-r-130 {
            padding-right: 130px;
        }

        .pd-lg-b-130 {
            padding-bottom: 130px;
        }

        .pd-lg-l-130 {
            padding-left: 130px;
        }

        .pd-lg-140 {
            padding: 140px;
        }

        .pd-lg-y-140 {
            padding-top: 140px;
            padding-bottom: 140px;
        }

        .pd-lg-x-140 {
            padding-left: 140px;
            padding-right: 140px;
        }

        .pd-lg-t-140 {
            padding-top: 140px;
        }

        .pd-lg-r-140 {
            padding-right: 140px;
        }

        .pd-lg-b-140 {
            padding-bottom: 140px;
        }

        .pd-lg-l-140 {
            padding-left: 140px;
        }

        .pd-lg-150 {
            padding: 150px;
        }

        .pd-lg-y-150 {
            padding-top: 150px;
            padding-bottom: 150px;
        }

        .pd-lg-x-150 {
            padding-left: 150px;
            padding-right: 150px;
        }

        .pd-lg-t-150 {
            padding-top: 150px;
        }

        .pd-lg-r-150 {
            padding-right: 150px;
        }

        .pd-lg-b-150 {
            padding-bottom: 150px;
        }

        .pd-lg-l-150 {
            padding-left: 150px;
        }

        .pd-lg-160 {
            padding: 160px;
        }

        .pd-lg-y-160 {
            padding-top: 160px;
            padding-bottom: 160px;
        }

        .pd-lg-x-160 {
            padding-left: 160px;
            padding-right: 160px;
        }

        .pd-lg-t-160 {
            padding-top: 160px;
        }

        .pd-lg-r-160 {
            padding-right: 160px;
        }

        .pd-lg-b-160 {
            padding-bottom: 160px;
        }

        .pd-lg-l-160 {
            padding-left: 160px;
        }

        .pd-lg-170 {
            padding: 170px;
        }

        .pd-lg-y-170 {
            padding-top: 170px;
            padding-bottom: 170px;
        }

        .pd-lg-x-170 {
            padding-left: 170px;
            padding-right: 170px;
        }

        .pd-lg-t-170 {
            padding-top: 170px;
        }

        .pd-lg-r-170 {
            padding-right: 170px;
        }

        .pd-lg-b-170 {
            padding-bottom: 170px;
        }

        .pd-lg-l-170 {
            padding-left: 170px;
        }

        .pd-lg-180 {
            padding: 180px;
        }

        .pd-lg-y-180 {
            padding-top: 180px;
            padding-bottom: 180px;
        }

        .pd-lg-x-180 {
            padding-left: 180px;
            padding-right: 180px;
        }

        .pd-lg-t-180 {
            padding-top: 180px;
        }

        .pd-lg-r-180 {
            padding-right: 180px;
        }

        .pd-lg-b-180 {
            padding-bottom: 180px;
        }

        .pd-lg-l-180 {
            padding-left: 180px;
        }

        .pd-lg-190 {
            padding: 190px;
        }

        .pd-lg-y-190 {
            padding-top: 190px;
            padding-bottom: 190px;
        }

        .pd-lg-x-190 {
            padding-left: 190px;
            padding-right: 190px;
        }

        .pd-lg-t-190 {
            padding-top: 190px;
        }

        .pd-lg-r-190 {
            padding-right: 190px;
        }

        .pd-lg-b-190 {
            padding-bottom: 190px;
        }

        .pd-lg-l-190 {
            padding-left: 190px;
        }

        .pd-lg-200 {
            padding: 200px;
        }

        .pd-lg-y-200 {
            padding-top: 200px;
            padding-bottom: 200px;
        }

        .pd-lg-x-200 {
            padding-left: 200px;
            padding-right: 200px;
        }

        .pd-lg-t-200 {
            padding-top: 200px;
        }

        .pd-lg-r-200 {
            padding-right: 200px;
        }

        .pd-lg-b-200 {
            padding-bottom: 200px;
        }

        .pd-lg-l-200 {
            padding-left: 200px;
        }
    }

    @media (min-width: 1200px) {
        .pd-xl-0 {
            padding: 0px;
        }

        .pd-xl-y-0 {
            padding-top: 0px;
            padding-bottom: 0px;
        }

        .pd-xl-x-0 {
            padding-left: 0px;
            padding-right: 0px;
        }

        .pd-xl-t-0 {
            padding-top: 0px;
        }

        .pd-xl-r-0 {
            padding-right: 0px;
        }

        .pd-xl-b-0 {
            padding-bottom: 0px;
        }

        .pd-xl-l-0 {
            padding-left: 0px;
        }

        .pd-xl-1 {
            padding: 1px;
        }

        .pd-xl-y-1 {
            padding-top: 1px;
            padding-bottom: 1px;
        }

        .pd-xl-x-1 {
            padding-left: 1px;
            padding-right: 1px;
        }

        .pd-xl-t-1 {
            padding-top: 1px;
        }

        .pd-xl-r-1 {
            padding-right: 1px;
        }

        .pd-xl-b-1 {
            padding-bottom: 1px;
        }

        .pd-xl-l-1 {
            padding-left: 1px;
        }

        .pd-xl-2 {
            padding: 2px;
        }

        .pd-xl-y-2 {
            padding-top: 2px;
            padding-bottom: 2px;
        }

        .pd-xl-x-2 {
            padding-left: 2px;
            padding-right: 2px;
        }

        .pd-xl-t-2 {
            padding-top: 2px;
        }

        .pd-xl-r-2 {
            padding-right: 2px;
        }

        .pd-xl-b-2 {
            padding-bottom: 2px;
        }

        .pd-xl-l-2 {
            padding-left: 2px;
        }

        .pd-xl-3 {
            padding: 3px;
        }

        .pd-xl-y-3 {
            padding-top: 3px;
            padding-bottom: 3px;
        }

        .pd-xl-x-3 {
            padding-left: 3px;
            padding-right: 3px;
        }

        .pd-xl-t-3 {
            padding-top: 3px;
        }

        .pd-xl-r-3 {
            padding-right: 3px;
        }

        .pd-xl-b-3 {
            padding-bottom: 3px;
        }

        .pd-xl-l-3 {
            padding-left: 3px;
        }

        .pd-xl-4 {
            padding: 4px;
        }

        .pd-xl-y-4 {
            padding-top: 4px;
            padding-bottom: 4px;
        }

        .pd-xl-x-4 {
            padding-left: 4px;
            padding-right: 4px;
        }

        .pd-xl-t-4 {
            padding-top: 4px;
        }

        .pd-xl-r-4 {
            padding-right: 4px;
        }

        .pd-xl-b-4 {
            padding-bottom: 4px;
        }

        .pd-xl-l-4 {
            padding-left: 4px;
        }

        .pd-xl-5 {
            padding: 5px;
        }

        .pd-xl-y-5 {
            padding-top: 5px;
            padding-bottom: 5px;
        }

        .pd-xl-x-5 {
            padding-left: 5px;
            padding-right: 5px;
        }

        .pd-xl-t-5 {
            padding-top: 5px;
        }

        .pd-xl-r-5 {
            padding-right: 5px;
        }

        .pd-xl-b-5 {
            padding-bottom: 5px;
        }

        .pd-xl-l-5 {
            padding-left: 5px;
        }

        .pd-xl-6 {
            padding: 6px;
        }

        .pd-xl-y-6 {
            padding-top: 6px;
            padding-bottom: 6px;
        }

        .pd-xl-x-6 {
            padding-left: 6px;
            padding-right: 6px;
        }

        .pd-xl-t-6 {
            padding-top: 6px;
        }

        .pd-xl-r-6 {
            padding-right: 6px;
        }

        .pd-xl-b-6 {
            padding-bottom: 6px;
        }

        .pd-xl-l-6 {
            padding-left: 6px;
        }

        .pd-xl-7 {
            padding: 7px;
        }

        .pd-xl-y-7 {
            padding-top: 7px;
            padding-bottom: 7px;
        }

        .pd-xl-x-7 {
            padding-left: 7px;
            padding-right: 7px;
        }

        .pd-xl-t-7 {
            padding-top: 7px;
        }

        .pd-xl-r-7 {
            padding-right: 7px;
        }

        .pd-xl-b-7 {
            padding-bottom: 7px;
        }

        .pd-xl-l-7 {
            padding-left: 7px;
        }

        .pd-xl-8 {
            padding: 8px;
        }

        .pd-xl-y-8 {
            padding-top: 8px;
            padding-bottom: 8px;
        }

        .pd-xl-x-8 {
            padding-left: 8px;
            padding-right: 8px;
        }

        .pd-xl-t-8 {
            padding-top: 8px;
        }

        .pd-xl-r-8 {
            padding-right: 8px;
        }

        .pd-xl-b-8 {
            padding-bottom: 8px;
        }

        .pd-xl-l-8 {
            padding-left: 8px;
        }

        .pd-xl-9 {
            padding: 9px;
        }

        .pd-xl-y-9 {
            padding-top: 9px;
            padding-bottom: 9px;
        }

        .pd-xl-x-9 {
            padding-left: 9px;
            padding-right: 9px;
        }

        .pd-xl-t-9 {
            padding-top: 9px;
        }

        .pd-xl-r-9 {
            padding-right: 9px;
        }

        .pd-xl-b-9 {
            padding-bottom: 9px;
        }

        .pd-xl-l-9 {
            padding-left: 9px;
        }

        .pd-xl-10 {
            padding: 10px;
        }

        .pd-xl-y-10 {
            padding-top: 10px;
            padding-bottom: 10px;
        }

        .pd-xl-x-10 {
            padding-left: 10px;
            padding-right: 10px;
        }

        .pd-xl-t-10 {
            padding-top: 10px;
        }

        .pd-xl-r-10 {
            padding-right: 10px;
        }

        .pd-xl-b-10 {
            padding-bottom: 10px;
        }

        .pd-xl-l-10 {
            padding-left: 10px;
        }

        .pd-xl-15 {
            padding: 15px;
        }

        .pd-xl-y-15 {
            padding-top: 15px;
            padding-bottom: 15px;
        }

        .pd-xl-x-15 {
            padding-left: 15px;
            padding-right: 15px;
        }

        .pd-xl-t-15 {
            padding-top: 15px;
        }

        .pd-xl-r-15 {
            padding-right: 15px;
        }

        .pd-xl-b-15 {
            padding-bottom: 15px;
        }

        .pd-xl-l-15 {
            padding-left: 15px;
        }

        .pd-xl-20 {
            padding: 20px;
        }

        .pd-xl-y-20 {
            padding-top: 20px;
            padding-bottom: 20px;
        }

        .pd-xl-x-20 {
            padding-left: 20px;
            padding-right: 20px;
        }

        .pd-xl-t-20 {
            padding-top: 20px;
        }

        .pd-xl-r-20 {
            padding-right: 20px;
        }

        .pd-xl-b-20 {
            padding-bottom: 20px;
        }

        .pd-xl-l-20 {
            padding-left: 20px;
        }

        .pd-xl-25 {
            padding: 25px;
        }

        .pd-xl-y-25 {
            padding-top: 25px;
            padding-bottom: 25px;
        }

        .pd-xl-x-25 {
            padding-left: 25px;
            padding-right: 25px;
        }

        .pd-xl-t-25 {
            padding-top: 25px;
        }

        .pd-xl-r-25 {
            padding-right: 25px;
        }

        .pd-xl-b-25 {
            padding-bottom: 25px;
        }

        .pd-xl-l-25 {
            padding-left: 25px;
        }

        .pd-xl-30 {
            padding: 30px;
        }

        .pd-xl-y-30 {
            padding-top: 30px;
            padding-bottom: 30px;
        }

        .pd-xl-x-30 {
            padding-left: 30px;
            padding-right: 30px;
        }

        .pd-xl-t-30 {
            padding-top: 30px;
        }

        .pd-xl-r-30 {
            padding-right: 30px;
        }

        .pd-xl-b-30 {
            padding-bottom: 30px;
        }

        .pd-xl-l-30 {
            padding-left: 30px;
        }

        .pd-xl-35 {
            padding: 35px;
        }

        .pd-xl-y-35 {
            padding-top: 35px;
            padding-bottom: 35px;
        }

        .pd-xl-x-35 {
            padding-left: 35px;
            padding-right: 35px;
        }

        .pd-xl-t-35 {
            padding-top: 35px;
        }

        .pd-xl-r-35 {
            padding-right: 35px;
        }

        .pd-xl-b-35 {
            padding-bottom: 35px;
        }

        .pd-xl-l-35 {
            padding-left: 35px;
        }

        .pd-xl-40 {
            padding: 40px;
        }

        .pd-xl-y-40 {
            padding-top: 40px;
            padding-bottom: 40px;
        }

        .pd-xl-x-40 {
            padding-left: 40px;
            padding-right: 40px;
        }

        .pd-xl-t-40 {
            padding-top: 40px;
        }

        .pd-xl-r-40 {
            padding-right: 40px;
        }

        .pd-xl-b-40 {
            padding-bottom: 40px;
        }

        .pd-xl-l-40 {
            padding-left: 40px;
        }

        .pd-xl-45 {
            padding: 45px;
        }

        .pd-xl-y-45 {
            padding-top: 45px;
            padding-bottom: 45px;
        }

        .pd-xl-x-45 {
            padding-left: 45px;
            padding-right: 45px;
        }

        .pd-xl-t-45 {
            padding-top: 45px;
        }

        .pd-xl-r-45 {
            padding-right: 45px;
        }

        .pd-xl-b-45 {
            padding-bottom: 45px;
        }

        .pd-xl-l-45 {
            padding-left: 45px;
        }

        .pd-xl-50 {
            padding: 50px;
        }

        .pd-xl-y-50 {
            padding-top: 50px;
            padding-bottom: 50px;
        }

        .pd-xl-x-50 {
            padding-left: 50px;
            padding-right: 50px;
        }

        .pd-xl-t-50 {
            padding-top: 50px;
        }

        .pd-xl-r-50 {
            padding-right: 50px;
        }

        .pd-xl-b-50 {
            padding-bottom: 50px;
        }

        .pd-xl-l-50 {
            padding-left: 50px;
        }

        .pd-xl-55 {
            padding: 55px;
        }

        .pd-xl-y-55 {
            padding-top: 55px;
            padding-bottom: 55px;
        }

        .pd-xl-x-55 {
            padding-left: 55px;
            padding-right: 55px;
        }

        .pd-xl-t-55 {
            padding-top: 55px;
        }

        .pd-xl-r-55 {
            padding-right: 55px;
        }

        .pd-xl-b-55 {
            padding-bottom: 55px;
        }

        .pd-xl-l-55 {
            padding-left: 55px;
        }

        .pd-xl-60 {
            padding: 60px;
        }

        .pd-xl-y-60 {
            padding-top: 60px;
            padding-bottom: 60px;
        }

        .pd-xl-x-60 {
            padding-left: 60px;
            padding-right: 60px;
        }

        .pd-xl-t-60 {
            padding-top: 60px;
        }

        .pd-xl-r-60 {
            padding-right: 60px;
        }

        .pd-xl-b-60 {
            padding-bottom: 60px;
        }

        .pd-xl-l-60 {
            padding-left: 60px;
        }

        .pd-xl-65 {
            padding: 65px;
        }

        .pd-xl-y-65 {
            padding-top: 65px;
            padding-bottom: 65px;
        }

        .pd-xl-x-65 {
            padding-left: 65px;
            padding-right: 65px;
        }

        .pd-xl-t-65 {
            padding-top: 65px;
        }

        .pd-xl-r-65 {
            padding-right: 65px;
        }

        .pd-xl-b-65 {
            padding-bottom: 65px;
        }

        .pd-xl-l-65 {
            padding-left: 65px;
        }

        .pd-xl-70 {
            padding: 70px;
        }

        .pd-xl-y-70 {
            padding-top: 70px;
            padding-bottom: 70px;
        }

        .pd-xl-x-70 {
            padding-left: 70px;
            padding-right: 70px;
        }

        .pd-xl-t-70 {
            padding-top: 70px;
        }

        .pd-xl-r-70 {
            padding-right: 70px;
        }

        .pd-xl-b-70 {
            padding-bottom: 70px;
        }

        .pd-xl-l-70 {
            padding-left: 70px;
        }

        .pd-xl-75 {
            padding: 75px;
        }

        .pd-xl-y-75 {
            padding-top: 75px;
            padding-bottom: 75px;
        }

        .pd-xl-x-75 {
            padding-left: 75px;
            padding-right: 75px;
        }

        .pd-xl-t-75 {
            padding-top: 75px;
        }

        .pd-xl-r-75 {
            padding-right: 75px;
        }

        .pd-xl-b-75 {
            padding-bottom: 75px;
        }

        .pd-xl-l-75 {
            padding-left: 75px;
        }

        .pd-xl-80 {
            padding: 80px;
        }

        .pd-xl-y-80 {
            padding-top: 80px;
            padding-bottom: 80px;
        }

        .pd-xl-x-80 {
            padding-left: 80px;
            padding-right: 80px;
        }

        .pd-xl-t-80 {
            padding-top: 80px;
        }

        .pd-xl-r-80 {
            padding-right: 80px;
        }

        .pd-xl-b-80 {
            padding-bottom: 80px;
        }

        .pd-xl-l-80 {
            padding-left: 80px;
        }

        .pd-xl-85 {
            padding: 85px;
        }

        .pd-xl-y-85 {
            padding-top: 85px;
            padding-bottom: 85px;
        }

        .pd-xl-x-85 {
            padding-left: 85px;
            padding-right: 85px;
        }

        .pd-xl-t-85 {
            padding-top: 85px;
        }

        .pd-xl-r-85 {
            padding-right: 85px;
        }

        .pd-xl-b-85 {
            padding-bottom: 85px;
        }

        .pd-xl-l-85 {
            padding-left: 85px;
        }

        .pd-xl-90 {
            padding: 90px;
        }

        .pd-xl-y-90 {
            padding-top: 90px;
            padding-bottom: 90px;
        }

        .pd-xl-x-90 {
            padding-left: 90px;
            padding-right: 90px;
        }

        .pd-xl-t-90 {
            padding-top: 90px;
        }

        .pd-xl-r-90 {
            padding-right: 90px;
        }

        .pd-xl-b-90 {
            padding-bottom: 90px;
        }

        .pd-xl-l-90 {
            padding-left: 90px;
        }

        .pd-xl-95 {
            padding: 95px;
        }

        .pd-xl-y-95 {
            padding-top: 95px;
            padding-bottom: 95px;
        }

        .pd-xl-x-95 {
            padding-left: 95px;
            padding-right: 95px;
        }

        .pd-xl-t-95 {
            padding-top: 95px;
        }

        .pd-xl-r-95 {
            padding-right: 95px;
        }

        .pd-xl-b-95 {
            padding-bottom: 95px;
        }

        .pd-xl-l-95 {
            padding-left: 95px;
        }

        .pd-xl-100 {
            padding: 100px;
        }

        .pd-xl-y-100 {
            padding-top: 100px;
            padding-bottom: 100px;
        }

        .pd-xl-x-100 {
            padding-left: 100px;
            padding-right: 100px;
        }

        .pd-xl-t-100 {
            padding-top: 100px;
        }

        .pd-xl-r-100 {
            padding-right: 100px;
        }

        .pd-xl-b-100 {
            padding-bottom: 100px;
        }

        .pd-xl-l-100 {
            padding-left: 100px;
        }

        .pd-xl-110 {
            padding: 110px;
        }

        .pd-xl-y-110 {
            padding-top: 110px;
            padding-bottom: 110px;
        }

        .pd-xl-x-110 {
            padding-left: 110px;
            padding-right: 110px;
        }

        .pd-xl-t-110 {
            padding-top: 110px;
        }

        .pd-xl-r-110 {
            padding-right: 110px;
        }

        .pd-xl-b-110 {
            padding-bottom: 110px;
        }

        .pd-xl-l-110 {
            padding-left: 110px;
        }

        .pd-xl-120 {
            padding: 120px;
        }

        .pd-xl-y-120 {
            padding-top: 120px;
            padding-bottom: 120px;
        }

        .pd-xl-x-120 {
            padding-left: 120px;
            padding-right: 120px;
        }

        .pd-xl-t-120 {
            padding-top: 120px;
        }

        .pd-xl-r-120 {
            padding-right: 120px;
        }

        .pd-xl-b-120 {
            padding-bottom: 120px;
        }

        .pd-xl-l-120 {
            padding-left: 120px;
        }

        .pd-xl-130 {
            padding: 130px;
        }

        .pd-xl-y-130 {
            padding-top: 130px;
            padding-bottom: 130px;
        }

        .pd-xl-x-130 {
            padding-left: 130px;
            padding-right: 130px;
        }

        .pd-xl-t-130 {
            padding-top: 130px;
        }

        .pd-xl-r-130 {
            padding-right: 130px;
        }

        .pd-xl-b-130 {
            padding-bottom: 130px;
        }

        .pd-xl-l-130 {
            padding-left: 130px;
        }

        .pd-xl-140 {
            padding: 140px;
        }

        .pd-xl-y-140 {
            padding-top: 140px;
            padding-bottom: 140px;
        }

        .pd-xl-x-140 {
            padding-left: 140px;
            padding-right: 140px;
        }

        .pd-xl-t-140 {
            padding-top: 140px;
        }

        .pd-xl-r-140 {
            padding-right: 140px;
        }

        .pd-xl-b-140 {
            padding-bottom: 140px;
        }

        .pd-xl-l-140 {
            padding-left: 140px;
        }

        .pd-xl-150 {
            padding: 150px;
        }

        .pd-xl-y-150 {
            padding-top: 150px;
            padding-bottom: 150px;
        }

        .pd-xl-x-150 {
            padding-left: 150px;
            padding-right: 150px;
        }

        .pd-xl-t-150 {
            padding-top: 150px;
        }

        .pd-xl-r-150 {
            padding-right: 150px;
        }

        .pd-xl-b-150 {
            padding-bottom: 150px;
        }

        .pd-xl-l-150 {
            padding-left: 150px;
        }

        .pd-xl-160 {
            padding: 160px;
        }

        .pd-xl-y-160 {
            padding-top: 160px;
            padding-bottom: 160px;
        }

        .pd-xl-x-160 {
            padding-left: 160px;
            padding-right: 160px;
        }

        .pd-xl-t-160 {
            padding-top: 160px;
        }

        .pd-xl-r-160 {
            padding-right: 160px;
        }

        .pd-xl-b-160 {
            padding-bottom: 160px;
        }

        .pd-xl-l-160 {
            padding-left: 160px;
        }

        .pd-xl-170 {
            padding: 170px;
        }

        .pd-xl-y-170 {
            padding-top: 170px;
            padding-bottom: 170px;
        }

        .pd-xl-x-170 {
            padding-left: 170px;
            padding-right: 170px;
        }

        .pd-xl-t-170 {
            padding-top: 170px;
        }

        .pd-xl-r-170 {
            padding-right: 170px;
        }

        .pd-xl-b-170 {
            padding-bottom: 170px;
        }

        .pd-xl-l-170 {
            padding-left: 170px;
        }

        .pd-xl-180 {
            padding: 180px;
        }

        .pd-xl-y-180 {
            padding-top: 180px;
            padding-bottom: 180px;
        }

        .pd-xl-x-180 {
            padding-left: 180px;
            padding-right: 180px;
        }

        .pd-xl-t-180 {
            padding-top: 180px;
        }

        .pd-xl-r-180 {
            padding-right: 180px;
        }

        .pd-xl-b-180 {
            padding-bottom: 180px;
        }

        .pd-xl-l-180 {
            padding-left: 180px;
        }

        .pd-xl-190 {
            padding: 190px;
        }

        .pd-xl-y-190 {
            padding-top: 190px;
            padding-bottom: 190px;
        }

        .pd-xl-x-190 {
            padding-left: 190px;
            padding-right: 190px;
        }

        .pd-xl-t-190 {
            padding-top: 190px;
        }

        .pd-xl-r-190 {
            padding-right: 190px;
        }

        .pd-xl-b-190 {
            padding-bottom: 190px;
        }

        .pd-xl-l-190 {
            padding-left: 190px;
        }

        .pd-xl-200 {
            padding: 200px;
        }

        .pd-xl-y-200 {
            padding-top: 200px;
            padding-bottom: 200px;
        }

        .pd-xl-x-200 {
            padding-left: 200px;
            padding-right: 200px;
        }

        .pd-xl-t-200 {
            padding-top: 200px;
        }

        .pd-xl-r-200 {
            padding-right: 200px;
        }

        .pd-xl-b-200 {
            padding-bottom: 200px;
        }

        .pd-xl-l-200 {
            padding-left: 200px;
        }
    }

    .pd-12 {
        padding: 12px;
    }

    .pd-y-12 {
        padding-top: 12px;
        padding-bottom: 12px;
    }

    .pd-x-12 {
        padding-left: 12px;
        padding-right: 12px;
    }

    .pd-t-12 {
        padding-top: 12px;
    }

    .pd-r-12 {
        padding-right: 12px;
    }

    .pd-b-12 {
        padding-bottom: 12px;
    }

    .pd-l-12 {
        padding-left: 12px;
    }

    .pd-13 {
        padding: 13px;
    }

    .pd-y-13 {
        padding-top: 13px;
        padding-bottom: 13px;
    }

    .pd-x-13 {
        padding-left: 13px;
        padding-right: 13px;
    }

    .pd-t-13 {
        padding-top: 13px;
    }

    .pd-r-13 {
        padding-right: 13px;
    }

    .pd-b-13 {
        padding-bottom: 13px;
    }

    .pd-l-13 {
        padding-left: 13px;
    }


    @media (min-width: 768px) {
        .p-md-0 {
            padding: 0 !important;
        }

        .pt-md-0, .py-md-0 {
            padding-top: 0 !important;
        }

        .pe-md-0, .px-md-0 {
            padding-right: 0 !important;
        }

        .pb-md-0, .py-md-0 {
            padding-bottom: 0 !important;
        }

        .ps-md-0, .px-md-0 {
            padding-left: 0 !important;
        }

        .p-md-1 {
            padding: 0.25rem !important;
        }

        .pt-md-1, .py-md-1 {
            padding-top: 0.25rem !important;
        }

        .pe-md-1, .px-md-1 {
            padding-right: 0.25rem !important;
        }

        .pb-md-1, .py-md-1 {
            padding-bottom: 0.25rem !important;
        }

        .ps-md-1, .px-md-1 {
            padding-left: 0.25rem !important;
        }

        .p-md-2 {
            padding: 0.5rem !important;
        }

        .pt-md-2, .py-md-2 {
            padding-top: 0.5rem !important;
        }

        .pe-md-2, .px-md-2 {
            padding-right: 0.5rem !important;
        }

        .pb-md-2, .py-md-2 {
            padding-bottom: 0.5rem !important;
        }

        .ps-md-2, .px-md-2 {
            padding-left: 0.5rem !important;
        }

        .p-md-3 {
            padding: 1rem !important;
        }

        .pt-md-3, .py-md-3 {
            padding-top: 1rem !important;
        }

        .pe-md-3, .px-md-3 {
            padding-right: 1rem !important;
        }

        .pb-md-3, .py-md-3 {
            padding-bottom: 1rem !important;
        }

        .ps-md-3, .px-md-3 {
            padding-left: 1rem !important;
        }

        .p-md-4 {
            padding: 1.5rem !important;
        }

        .pt-md-4, .py-md-4 {
            padding-top: 1.5rem !important;
        }

        .pe-md-4, .px-md-4 {
            padding-right: 1.5rem !important;
        }

        .pb-md-4, .py-md-4 {
            padding-bottom: 1.5rem !important;
        }

        .ps-md-4, .px-md-4 {
            padding-left: 1.5rem !important;
        }

        .p-md-5 {
            padding: 3rem !important;
        }

        .pt-md-5, .py-md-5 {
            padding-top: 3rem !important;
        }

        .pe-md-5, .px-md-5 {
            padding-right: 3rem !important;
        }

        .pb-md-5, .py-md-5 {
            padding-bottom: 3rem !important;
        }

        .ps-md-5, .px-md-5 {
            padding-left: 3rem !important;
        }
    }

    @media (min-width: 1200px) {
        .p-xl-0 {
            padding: 0 !important;
        }

        .pt-xl-0, .py-xl-0 {
            padding-top: 0 !important;
        }

        .pe-xl-0, .px-xl-0 {
            padding-right: 0 !important;
        }

        .pb-xl-0, .py-xl-0 {
            padding-bottom: 0 !important;
        }

        .ps-xl-0, .px-xl-0 {
            padding-left: 0 !important;
        }

        .p-xl-1 {
            padding: 0.25rem !important;
        }

        .pt-xl-1, .py-xl-1 {
            padding-top: 0.25rem !important;
        }

        .pe-xl-1, .px-xl-1 {
            padding-right: 0.25rem !important;
        }

        .pb-xl-1, .py-xl-1 {
            padding-bottom: 0.25rem !important;
        }

        .ps-xl-1, .px-xl-1 {
            padding-left: 0.25rem !important;
        }

        .p-xl-2 {
            padding: 0.5rem !important;
        }

        .pt-xl-2, .py-xl-2 {
            padding-top: 0.5rem !important;
        }

        .pe-xl-2, .px-xl-2 {
            padding-right: 0.5rem !important;
        }

        .pb-xl-2, .py-xl-2 {
            padding-bottom: 0.5rem !important;
        }

        .ps-xl-2, .px-xl-2 {
            padding-left: 0.5rem !important;
        }

        .p-xl-3 {
            padding: 1rem !important;
        }

        .pt-xl-3, .py-xl-3 {
            padding-top: 1rem !important;
        }

        .pe-xl-3, .px-xl-3 {
            padding-right: 1rem !important;
        }

        .pb-xl-3, .py-xl-3 {
            padding-bottom: 1rem !important;
        }

        .ps-xl-3, .px-xl-3 {
            padding-left: 1rem !important;
        }

        .p-xl-4 {
            padding: 1.5rem !important;
        }

        .pt-xl-4, .py-xl-4 {
            padding-top: 1.5rem !important;
        }

        .pe-xl-4, .px-xl-4 {
            padding-right: 1.5rem !important;
        }

        .pb-xl-4, .py-xl-4 {
            padding-bottom: 1.5rem !important;
        }

        .ps-xl-4, .px-xl-4 {
            padding-left: 1.5rem !important;
        }

        .p-xl-5 {
            padding: 3rem !important;
        }

        .pt-xl-5, .py-xl-5 {
            padding-top: 3rem !important;
        }

        .pe-xl-5, .px-xl-5 {
            padding-right: 3rem !important;
        }

        .pb-xl-5, .py-xl-5 {
            padding-bottom: 3rem !important;
        }

        .ps-xl-5, .px-xl-5 {
            padding-left: 3rem !important;
        }
    }


    .p-0 {
        padding: 0 !important;
    }

    .pt-0, .py-0 {
        padding-top: 0 !important;
    }

    .pe-0, .px-0 {
        padding-right: 0 !important;
    }

    .pb-0, .py-0 {
        padding-bottom: 0 !important;
    }

    .ps-0, .px-0 {
        padding-left: 0 !important;
    }

    .p-1 {
        padding: 0.25rem !important;
    }

    .pt-1, .py-1 {
        padding-top: 0.25rem !important;
    }

    .pe-1, .px-1 {
        padding-right: 0.25rem !important;
    }

    .pb-1, .py-1 {
        padding-bottom: 0.25rem !important;
    }

    .ps-1, .px-1 {
        padding-left: 0.25rem !important;
    }

    .p-2 {
        padding: 0.5rem !important;
    }

    .pt-2, .py-2 {
        padding-top: 0.5rem !important;
    }

    .pe-2, .px-2 {
        padding-right: 0.5rem !important;
    }

    .pb-2, .py-2 {
        padding-bottom: 0.5rem !important;
    }

    .ps-2, .px-2 {
        padding-left: 0.5rem !important;
    }

    .p-3 {
        padding: 1rem !important;
    }

    .pt-3, .py-3 {
        padding-top: 1rem !important;
    }

    .pe-3, .px-3 {
        padding-right: 1rem !important;
    }

    .pb-3, .py-3 {
        padding-bottom: 1rem !important;
    }

    .ps-3, .px-3 {
        padding-left: 1rem !important;
    }

    .p-4 {
        padding: 1.5rem !important;
    }

    .pt-4, .py-4 {
        padding-top: 1.5rem !important;
    }

    .pe-4, .px-4 {
        padding-right: 1.5rem !important;
    }

    .pb-4, .py-4 {
        padding-bottom: 1.5rem !important;
    }

    .ps-4, .px-4 {
        padding-left: 1.5rem !important;
    }

    .p-5 {
        padding: 3rem !important;
    }

    .pt-5, .py-5 {
        padding-top: 3rem !important;
    }

    .pe-5, .px-5 {
        padding-right: 3rem !important;
    }

    .pb-5, .py-5 {
        padding-bottom: 3rem !important;
    }

    .ps-5, .px-5 {
        padding-left: 3rem !important;
    }

    @media (min-width: 576px) {

        .p-sm-0 {
            padding: 0 !important;
        }

        .pt-sm-0, .py-sm-0 {
            padding-top: 0 !important;
        }

        .pe-sm-0, .px-sm-0 {
            padding-right: 0 !important;
        }

        .pb-sm-0, .py-sm-0 {
            padding-bottom: 0 !important;
        }

        .ps-sm-0, .px-sm-0 {
            padding-left: 0 !important;
        }

        .p-sm-1 {
            padding: 0.25rem !important;
        }

        .pt-sm-1, .py-sm-1 {
            padding-top: 0.25rem !important;
        }

        .pe-sm-1, .px-sm-1 {
            padding-right: 0.25rem !important;
        }

        .pb-sm-1, .py-sm-1 {
            padding-bottom: 0.25rem !important;
        }

        .ps-sm-1, .px-sm-1 {
            padding-left: 0.25rem !important;
        }

        .p-sm-2 {
            padding: 0.5rem !important;
        }

        .pt-sm-2, .py-sm-2 {
            padding-top: 0.5rem !important;
        }

        .pe-sm-2, .px-sm-2 {
            padding-right: 0.5rem !important;
        }

        .pb-sm-2, .py-sm-2 {
            padding-bottom: 0.5rem !important;
        }

        .ps-sm-2, .px-sm-2 {
            padding-left: 0.5rem !important;
        }

        .p-sm-3 {
            padding: 1rem !important;
        }

        .pt-sm-3, .py-sm-3 {
            padding-top: 1rem !important;
        }

        .pe-sm-3, .px-sm-3 {
            padding-right: 1rem !important;
        }

        .pb-sm-3, .py-sm-3 {
            padding-bottom: 1rem !important;
        }

        .ps-sm-3, .px-sm-3 {
            padding-left: 1rem !important;
        }

        .p-sm-4 {
            padding: 1.5rem !important;
        }

        .pt-sm-4, .py-sm-4 {
            padding-top: 1.5rem !important;
        }

        .pe-sm-4, .px-sm-4 {
            padding-right: 1.5rem !important;
        }

        .pb-sm-4, .py-sm-4 {
            padding-bottom: 1.5rem !important;
        }

        .ps-sm-4, .px-sm-4 {
            padding-left: 1.5rem !important;
        }

        .p-sm-5 {
            padding: 3rem !important;
        }

        .pt-sm-5, .py-sm-5 {
            padding-top: 3rem !important;
        }

        .pe-sm-5, .px-sm-5 {
            padding-right: 3rem !important;
        }

        .pb-sm-5, .py-sm-5 {
            padding-bottom: 3rem !important;
        }

        .ps-sm-5, .px-sm-5 {
            padding-left: 3rem !important;
        }
    }

    @media (min-width: 992px) {

        .p-lg-0 {
            padding: 0 !important;
        }

        .pt-lg-0, .py-lg-0 {
            padding-top: 0 !important;
        }

        .pe-lg-0, .px-lg-0 {
            padding-right: 0 !important;
        }

        .pb-lg-0, .py-lg-0 {
            padding-bottom: 0 !important;
        }

        .ps-lg-0, .px-lg-0 {
            padding-left: 0 !important;
        }

        .p-lg-1 {
            padding: 0.25rem !important;
        }

        .pt-lg-1, .py-lg-1 {
            padding-top: 0.25rem !important;
        }

        .pe-lg-1, .px-lg-1 {
            padding-right: 0.25rem !important;
        }

        .pb-lg-1, .py-lg-1 {
            padding-bottom: 0.25rem !important;
        }

        .ps-lg-1, .px-lg-1 {
            padding-left: 0.25rem !important;
        }

        .p-lg-2 {
            padding: 0.5rem !important;
        }

        .pt-lg-2, .py-lg-2 {
            padding-top: 0.5rem !important;
        }

        .pe-lg-2, .px-lg-2 {
            padding-right: 0.5rem !important;
        }

        .pb-lg-2, .py-lg-2 {
            padding-bottom: 0.5rem !important;
        }

        .ps-lg-2, .px-lg-2 {
            padding-left: 0.5rem !important;
        }

        .p-lg-3 {
            padding: 1rem !important;
        }

        .pt-lg-3, .py-lg-3 {
            padding-top: 1rem !important;
        }

        .pe-lg-3, .px-lg-3 {
            padding-right: 1rem !important;
        }

        .pb-lg-3, .py-lg-3 {
            padding-bottom: 1rem !important;
        }

        .ps-lg-3, .px-lg-3 {
            padding-left: 1rem !important;
        }

        .p-lg-4 {
            padding: 1.5rem !important;
        }

        .pt-lg-4, .py-lg-4 {
            padding-top: 1.5rem !important;
        }

        .pe-lg-4, .px-lg-4 {
            padding-right: 1.5rem !important;
        }

        .pb-lg-4, .py-lg-4 {
            padding-bottom: 1.5rem !important;
        }

        .ps-lg-4, .px-lg-4 {
            padding-left: 1.5rem !important;
        }

        .p-lg-5 {
            padding: 3rem !important;
        }

        .pt-lg-5, .py-lg-5 {
            padding-top: 3rem !important;
        }

        .pe-lg-5, .px-lg-5 {
            padding-right: 3rem !important;
        }

        .pb-lg-5, .py-lg-5 {
            padding-bottom: 3rem !important;
        }

        .ps-lg-5, .px-lg-5 {
            padding-left: 3rem !important;
        }
    }
    /* ###### Padding  ###### */
    .redColor {
        color: red;
    }

    .w-p-90 {
        width: 90%;
    }

    .f-z-12 {
        font-size: 12px;
    }

    .f-s-italic {
        font-size: 13px;
        font-style: italic
    }

    .bookingRoomCancelation {
        border-bottom: 1px solid #dedede;
        margin-bottom: 25px;
        padding: 15px 0;
    }

    .bookingRoomAccomSupplements {
        border-bottom: 1px solid #dedede;
        margin-bottom: 25px;
        padding: 15px 0;
    }

    .btnCancel {
        color: white !important;
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(red), to(red)) !important;
    }

    .btnApprove {
        color: white !important;
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(green), to(green)) !important;
    }

    .parsley-required {
        color: red !important;
    }


    @media (min-width: 1200px) and (max-width: 1399px) {
        .lightHeader .navbar-nav > li > a {
            font-size: 13.4px
        }
    }

    @media (min-width: 768px) and (max-width: 991px) {
        .lightHeader .navbar-nav > li > a {
            font-size: 11.4px
        }
    }

    @media (min-width: 1200px) and (max-width: 1400px) {
        .bodyRight {
            width: 32%;
        }
    }

    .upon-request {
        color: white !important;
        padding: 5px;
        background-color: #cd1515;
        border-radius: 16px;
        z-index: 998;
        position: relative;
        margin: auto 0;
        margin-left: 5px;
        font-size: 14px;
        font-weight: 400;
    }

    .totalCost, #totalPrice {
        display: flex
    }

    @media (min-width: 768px) and (max-width: 991px) {
        .upon-request {
            margin-top: 40px
        }
    }

    .float-left {
        float: left;
    }
    /* For mobile screens (max width 767px) */
    @media (max-width: 767px) {
        .text-right-left {
            text-align: left;
        }
    }

    /* For larger screens (min width 768px and above) */
    @media (min-width: 768px) {
        .text-right-left {
            text-align: right;
        }
    }

    @media screen and (min-width: 1200px) and (max-width: 1400px) {
        .navbar-collapse {
            flex-wrap: nowrap;
            justify-content: space-between;
        }

        .navbar-header,
        .navbar-collapse {
            flex: 1;
        }
    }

    @media screen and (min-width: 760px) and (max-width: 992px) {
        .navbar-collapse {
            flex-wrap: nowrap;
            justify-content: space-between;
        }

        .navbar-header,
        .navbar-collapse {
            flex: 1;
        }
    }