body, html {
    font-size: 14px;
}

body {
    /*color: #727272;*/
    /*font-family: "Open Sans",sans-serif;*/
    /*font-size: 1rem;
    font-weight: lighter;
    line-height: 1.5rem;*/
}

.fcolor1 {
    color: #828285 !important;
}

.fcolor2 {
    color: #1c2224 !important;
}

.fcolor3 {
    color: #f2f4f5 !important;
}

.fcolor4 {
    color: #828285 !important;
}

.fcolor5 {
    color: #99999a !important;
}

.fcolory {
    color: #f2f2f2 !important;
}

.fcolord1 {
    color: #004191 !important;
}

.fcolord2 {
    color: #002c63 !important;
}

.fcolord3 {
    color: #f1f2f7 !important;
}

.fcolord4 {
    color: #ffa519 !important;
}

.fcolord5 {
    color: #7ab9db !important;
}

.fcolodry {
    color: #ffb400 !important;
}

.fcolodryl {
    color: #ffa519 !important;
}

.graycolor {
    color: #b0b0b0 !important
}

.bgcolor1 {
    background-color: #828285 !important;
}

.bgcolor2 {
    background-color: #004191 !important;
}

.bgcolor3 {
    background-color: #f2f4f5 !important;
}

.bgcolor5 {
    background-color: #002c63 !important;
}

.bgcolory {
    background-color: #f2f2f2 !important;
}

.bgcolordark {
    background-color: #333334 !important;
}

.bgcolord1 {
    background-color: #004191 !important;
}

.bgcolord2 {
    background-color: #002c63 !important;
}

.bgcolord3 {
    background-color: #f1f2f7 !important;
}

.bgcolord4 {
    background-color: #ffa519 !important;
}

.bgcolord5 {
    background-color: #7ab9db !important;
}

.bgcolordy {
    background-color: #ffb400 !important;
}

ul, li {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

ol li {
    list-style-type: decimal;
    margin: 0;
    padding: 0;
}

.p {
    padding: 10px;
}

input, textarea {
    border-style: solid;
    border-width: 1px;
}

.input-medium {
    position: relative;
    display: inline-block;
}

.input-group-addon {
    border-radius: 0;
}

.input-daterange .input-group input {
    width: 100%;
}

.form-group.form-group-lg .form-control .btn.dropdown-toggle {
    font-size: 13px;
    height: 45px;
    padding: 10px 18px;
}

.q-search .pos-rel .twitter-typeahead, .q-search .pos-rel input {
    width: 100%;
}

.filter-widget .pos-rel {
    width: 100%;
}

.filter-widget .input-daterange .input-medium {
    float: left;
    width: 50%;
}

.filter-widget .input-daterange input {
    width: 100%;
    height: 40px;
}

.form-details {
    padding: 10px 0;
}

    .form-details:nth-child(2n) {
        background-color: #fff !important;
    }

    .form-details > .title {
        font-weight: 400;
        text-align: right;
        color: #828285;
    }

    .form-details .checked {
        max-height: 22px;
    }

.row.form-details {
    margin: 0;
}

.form-list .row {
    padding: 6px 0;
    margin: 0 6px;
    border-bottom: solid 1px #eeeeee;
}

    .form-list .row:last-child {
        border-bottom: none;
    }

.details-widget > .row {
    margin: 0;
    padding: 8px 0;
    font-weight: 400;
    text-align: right;
    font-size: 14px;
}

.details-widget .title {
    font-weight: normal;
    text-align: left;
    color: #828285;
}

.details-widget .row:nth-child(2n+1) {
    background-color: #f2f4f5 !important;
}

.mlcharacteristic.col-1 {
    width: auto;
    display: inline-block;
    padding: 0 0 8px;
}

.mlcharacteristic.col-2 {
    width: 49%;
    display: inline-block;
    padding: 0 0 8px;
}

.mlcharacteristic.col-3 {
    width: 33%;
    display: inline-block;
    padding: 0 0 8px;
}

.mlcharacteristic.col-99 {
    width: auto;
    border-bottom: dotted 1px #ddd;
}

    .mlcharacteristic.col-99 .title {
        width: 40%;
        display: inline-block;
        text-align: right;
        padding: 2px 10px 2px 0;
    }

    .mlcharacteristic.col-99 .value {
        display: inline-block;
    }

.modal-dialog {
    margin: 80px auto;
}

.modal-content {
    background-color: #f2f4f5 !important;
    border-radius: 0 !important;
}

.modal-buttons {
    /*border-top:solid 1px #dedede;*/
    /*text-align:right;*/
    padding: 10px 15px 10px 15px;
    /*margin-top:15px;*/
}
/*.modal-header h4::before {
    content:" ";
    height:30px;
    width:30px;
    background: url(/Images/ico.png) no-repeat center center;
    background-size:contain;
    display:inline-block;
    margin-bottom:-5px; 
}*/
.modal-header {
    /*border-bottom: 1px solid #03a9f4!important;*/
    background-color: #828285;
    padding: 10px 10px 10px 15px !important;
}

    .modal-header h4 {
        font-size: 20px;
        padding: 0;
        color: #fff;
        /*text-transform: uppercase;*/
    }

.modal-body {
    background-color: #f5f5f5;
    /*background-color: #e3e5ed;*/
}

    .modal-body label {
        color: #828285;
        font-size: 16px;
        font-weight: normal;
        margin-bottom: 3px;
    }

.close {
    color: #f2f4f5 !important;
    opacity: 0.75 !important;
}

    .close:hover {
        color: #fff !important;
        opacity: 1 !important;
    }

.booking-price > span {
    font-weight: 500;
    color: #828285;
}

    .booking-price > div > small {
        display: block;
        font-size: 13px;
        color: #999999;
    }

.pkg-total-list {
    list-style: none;
    margin: 0;
}

.pkg-total-list li {
    border-top: 1px dotted #ccc;
    font-size: 14px;
    font-weight: 400;
    padding: 10px 0;
}

.pkg-total-list li::before, .pkg-total-list li::after {
    content: " ";
    display: table;
}

.pkg-total-list li:last-child {
    font-weight: 400;
    border-top: 1px solid #03aedf;
    padding-bottom: 0;
}

.widget.darker {
    background-color: #FCFCFC;
    border: solid 1px #dfdfdf;
    padding: 20px;
}

.user-menu {
    border-bottom: solid 1px #d1ebf5;
    padding: 20px;
    background-color: #fafcfe;
}

.starts {
    display: inline-block;
}

    .starts li {
        display: inline-block;
        margin: 0 5px 0 0;
    }

    .starts i {
        color: #ffac00;
    }

#map {
    border-bottom: 1px solid #dedede;
    display: block;
    height: 400px;
    margin: 0 auto;
    width: 100%;
}

.list-styles li {
    padding: 6px 0;
}

.articles .col-md-4:nth-child(3n-1):last-child {
    width: 66.6667%;
}

.openPreview {
    height: 0;
    width: 0;
    float: left;
    position: relative;
    top: 150px;
    left: 5px;
    z-index: 10;
}

    .openPreview a {
        color: white;
        text-shadow: 1px 1px 1px #a0a0a0;
    }

.search-engine .control-checkbox {
    display: block;
}

.search-engine .bootstrap-select {
    width: 100% !important;
}

.pgwSlideshow .ps-current .ps-next, .pgwSlideshow .ps-current .ps-prev {
    background: none !important;
    border: none !important;
}

.pgwSlideshow .ps-current .ps-nextIcon, .pgwSlideshow .ps-current .ps-prevIcon {
    color: white;
    border: none;
    display: inline-block;
    font-family: FontAwesome;
    font-feature-settings: normal;
    font-kerning: auto;
    font-language-override: normal;
    font-size: inherit;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-synthesis: weight style;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    text-rendering: auto;
}

    .pgwSlideshow .ps-current .ps-nextIcon::before {
        font-size: 40px;
        content: "";
    }

    .pgwSlideshow .ps-current .ps-prevIcon::before {
        font-size: 40px;
        content: "";
    }
/*******GENERAL CLASSES***************/

.inline {
    display: inline;
}

.inline-block {
    display: inline-block;
}

.no-border {
    border: none !important;
}

.left-border {
    border-left: solid 1px #DFDFDF;
}

.hpadding-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.vpadding-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.padding-0 {
    padding: 0 !important;
}

.padding-10 {
    padding: 10px;
}

.padding-15 {
    padding: 15px;
}

.padding-20 {
    padding: 20px;
}

.padding-30 {
    padding: 30px;
}

.vpadding-100 {
    padding-top: 100px;
    padding-bottom: 100px;
}

.hmargin-10 {
    margin-left: 10px !important;
    margin-right: 10px !important;
}

.vmargin-0 {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

.margin-bottom-10 {
    margin-bottom: 10px !important;
}

.search-bar.no-border {
    margin-left: 0 !important;
}

h3 span {
    color: #004191;
}

.hidden-fancybox .fancybox {
    display: none !important;
}

    .hidden-fancybox .fancybox:first-child {
        display: block !important;
    }

.btn-overmap {
    height: 0;
    position: relative;
    z-index: 100;
    top: 10px;
    left: 10px;
}

    .btn-overmap.pull-right {
        right: 10px;
        left: auto;
    }

.overflow-hidden {
    overflow: hidden;
}

.black {
    color: #000 !important;
}

.dark {
    color: #333333 !important;
}

.white {
    color: #ffffff !important;
}

.red {
    color: #ff0000 !important;
}

.red2 {
    color: #e08374 !important;
}

.light-red {
    color: #ff7777 !important;
}

.blue {
    color: #828285 !important;
}

.light-blue {
    color: #93cbf9 !important;
}

.green {
    color: #69aa46 !important;
}

.light-green {
    color: #b0d877 !important;
}

.orange {
    color: #ff892a !important;
}

.orange2 {
    color: #feb902 !important;
}

.light-orange {
    color: #fcac6f !important;
}

.purple {
    color: #a069c3 !important;
}

.pink {
    color: #c6699f !important;
}

.pink2 {
    color: #d6487e !important;
}

.brown {
    color: #a52a2a !important;
}

.grey {
    color: #777777 !important;
}

.light-grey {
    color: #ddd !important;
}

.bg-blue {
    background-color: #0088cc !important;
}

.bg-red {
    background-color: #E1483F !important;
}

.bg-yellow {
    background-color: #fff000 !important;
}

.bg-green {
    background-color: #88C425 !important;
}

.bg-orange {
    background-color: #FFB43F !important;
}

.bg-purple {
    background-color: #894997 !important;
}

.bg-pink {
    background-color: #FF3D7F !important;
}

.bg-cocoa {
    background-color: #755C3B !important;
}

.bg-white {
    background-color: #ffffff !important;
}

.bg-lightblue {
    background-color: #03a9f4 !important;
}

.bg-black {
    background-color: #000000 !important;
}

.halfspace {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 5px 0;
}

[class*="vhalfspace-"] {
    display: none;
}

.space {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0;
}

[class*="vspace-"] {
    display: none;
}

.space-4 {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0;
    margin: 4px 0;
}

[class*="vspace-4"] {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0;
    margin: 4px 0;
}

.space-8 {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0;
    margin: 8px 0;
}

[class*="vspace-8"] {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0;
    margin: 8px 0;
}

.space-24 {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 24px 0;
}

.space-32 {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0;
    margin: 32px 0 31px;
}

[class*="vspace-32"] {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0;
    margin: 32px 0 31px 0;
}

.line-overflow {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.align-center {
    text-align: center;
}

.align-top {
    vertical-align: top;
}

.right {
    float: right;
}

.global-loader {
    position: fixed;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.20);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 99999999;
    text-align: center;
    display: none;
}

    .global-loader .fa {
        font-size: 70px;
        position: relative;
        top: 50%;
        margin-top: -35px;
    }

hr.tall {
    background-image: -moz-linear-gradient(left center, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
    border: 0 none;
    height: 1px;
    margin: 24px auto;
    max-width: 90%;
    padding: 0;
}

.hr-4, .hr4 {
    margin: 4px auto !important;
}

.hr-8, .hr8 {
    margin: 8px auto !important;
}

.hr-16, .hr16 {
    margin: 16px auto !important;
}

.hr-32, .hr32 {
    margin: 32px auto !important;
}

hr.separator::before {
    background: #d5d5d5 none repeat scroll 0 0;
    content: "";
    height: 9px;
    left: 50%;
    margin: -4px 0 0 -4px;
    position: absolute;
    top: -1px;
    transform: rotate(-45deg);
    width: 9px;
}

hr.separator {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #d5d5d5 -moz-use-text-color -moz-use-text-color;
    border-image: none;
    border-style: solid none none;
    border-width: 1px medium medium;
    clear: both;
    display: block;
    margin: 20px auto !important;
    position: relative;
}

.bolder {
    font-weight: 500 !important;
}

.bigger-110 {
    font-size: 1.1em !important;
}

.bigger-120 {
    font-size: 1.2em !important;
}

.bigger-130 {
    font-size: 1.3em !important;
}

.bigger-140 {
    font-size: 1.4em !important;
}

.bigger-150 {
    font-size: 1.5em !important;
}

.bigger-160 {
    font-size: 1.6em !important;
}

.bigger-170 {
    font-size: 1.7em !important;
}

.bigger-180 {
    font-size: 1.8em !important;
}

.bigger-200 {
    font-size: 2em !important;
}

.bigger-220 {
    font-size: 2.2em !important;
}

.bigger-300 {
    font-size: 3em !important;
}

.bigger-350 {
    font-size: 3.5em !important;
}

.smaller-90 {
    font-size: 0.9em !important;
}

.smaller-80 {
    font-size: 0.8em !important;
}

.align-left {
    text-align: left !important;
}

.align-right {
    text-align: right !important;
}

.no-favorite {
    color: #c7c7c7;
}

.favorite {
    color: #88C425;
}

ul.horizontal li {
    float: left;
    padding-right: 10px;
}

.btn-dark {
    background-color: #212121;
    border-color: #212121;
    color: #fff;
    transition: all 0.5s;
}

    .btn-dark.focus, .btn-dark:focus {
        background-color: #212121;
        border-color: #212121;
        color: #fff;
    }

    .btn-dark:hover {
        background-color: #000000;
        border-color: #212121;
        color: #fff;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
    }

    .btn-dark.active, .btn-dark:active, .open > .dropdown-toggle.btn-dark {
        background-color: #000000;
        border-color: #212121;
        color: #fff;
    }

        .btn-dark.active.focus, .btn-dark.active:focus, .btn-dark.active:hover, .btn-dark.focus:active, .btn-dark:active:focus, .btn-dark:active:hover, .open > .dropdown-toggle.btn-dark.focus, .open > .dropdown-toggle.btn-dark:focus, .open > .dropdown-toggle.btn-dark:hover {
            background-color: #000000;
            border-color: #000000;
            color: #fff;
        }

    .btn-dark.active, .btn-dark:active, .open > .dropdown-toggle.btn-dark {
        background-image: none;
    }

    .btn-dark.disabled.focus, .btn-dark.disabled:focus, .btn-dark.disabled:hover, .btn-dark.focus[disabled], .btn-dark[disabled]:focus, .btn-dark[disabled]:hover, fieldset[disabled] .btn-dark.focus, fieldset[disabled] .btn-dark:focus, fieldset[disabled] .btn-dark:hover {
        background-color: #000000;
        border-color: #000000;
    }

    .btn-dark .badge {
        background-color: #fff;
        color: #000000;
    }

.circle {
    border-radius: 50%;
}

.tint {
    height: 100%;
    left: 0;
    opacity: 0.7;
    position: absolute;
    top: 0;
    width: 100%;
}

.parallax-container {
    float: left;
    margin: 0 auto;
    width: 100%;
}

    .parallax-container.parallax {
        overflow: hidden;
        padding: 70px 0;
        width: 100%;
    }

.parallax.parallax-1 {
    background: rgba(0, 0, 0, 0) url("/images/slider/1.jpg") repeat-y fixed 0 0 / cover;
}

.width-100 {
    display: block;
    width: 100% !important;
}

    .width-100 .input-medium {
        display: block;
    }

    .width-100 .input-group {
        width: 100% !important;
    }

/****** MAP *********/
.searchmap #map {
    display: block;
    height: 900px;
    margin: 0 auto;
    width: 100%;
    border: solid 1px #E1483F;
}

.searchmap .gmap-details {
    display: block;
    width: 400px;
}

    .searchmap .gmap-details .image {
        max-height: 200px;
        overflow: hidden;
    }

    .searchmap .gmap-details img {
        display: block;
        width: 100%;
    }

    .searchmap .gmap-details .title {
        color: #1c2224;
        margin-bottom: 12px !important;
        font-size: 22px;
        letter-spacing: normal;
    }

    .searchmap .gmap-details .title:before {
        color: #828285;
        content: url(/images/map18.png);
        display: inline-block;
        font-family: fontAwesome;
        position: relative;       
        top: 2px;
        /*left: 0;*/
        /*float :right;*/
        margin: 0 5px 0 0;
    }

    .searchmap .gmap-details .description {
        padding-top: 10px;
        padding-bottom: 10px;
        font-size: 15px;
        line-height: 18px;
    }

.searchmap .gm-style {
    font-family: 'Didact Gothic', sans-serif;
    /*font: 500 12px Didact Gothic, Arial, sans-serif;*/
    /*font-weight: 400;
    font-size: 11px;
    line-height: normal;*/
}

.searchmap > button {
    top: 0px!important;
    right: 0px!important;
}

/**** Typeahead ******/
input.tt-hint, .form-group input.tt-hint {
    background-color: #fff !important;
    color: #b0b0b0 !important;
}

.tt-dropdown-menu {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    left: 0 !important;
    margin-top: 2px;
    min-width: 175px;
    padding: 8px 0;
    position: absolute;
    right: 0 !important;
    text-align: left;
    color: #585858;
    min-width: 400px;
}

.tt-suggestion {
    font-size: 16px;
    line-height: 24px;
    padding: 3px 12px 4px;
}

    .tt-suggestion:hover, .tt-suggestion.tt-cursor {
        background-color: #828285;
        color: #fff;
        cursor: pointer;
    }

    .tt-suggestion p {
        margin: 0;
    }

input.typeahead.scrollable ~ .tt-dropdown-menu {
    max-height: 400px;
    overflow-y: auto;
}

/****** RANGE SLIDER ********/
.ui-slider {
    position: relative;
    text-align: left;
}

    .ui-slider .ui-slider-handle {
        cursor: default;
        height: 1.2em;
        position: absolute;
        width: 1.2em;
        z-index: 2;
    }

    .ui-slider .ui-slider-range {
        background-position: 0 0;
        border: 0 none;
        display: block;
        font-size: 0.7em;
        position: absolute;
        z-index: 1;
    }

    .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range {
        filter: inherit;
    }

.ui-slider-horizontal {
    height: 0.8em;
}

    .ui-slider-horizontal .ui-slider-handle {
        margin-left: -0.6em;
        top: -0.3em;
    }

    .ui-slider-horizontal .ui-slider-range {
        height: 100%;
        top: 0;
    }

    .ui-slider-horizontal .ui-slider-range-min {
        left: 0;
    }

    .ui-slider-horizontal .ui-slider-range-max {
        right: 0;
    }

.ui-slider-vertical {
    height: 100px;
    width: 0.8em;
}

    .ui-slider-vertical .ui-slider-handle {
        left: -0.3em;
        margin-bottom: -0.6em;
        margin-left: 0;
    }

    .ui-slider-vertical .ui-slider-range {
        left: 0;
        width: 100%;
    }

    .ui-slider-vertical .ui-slider-range-min {
        bottom: 0;
    }

    .ui-slider-vertical .ui-slider-range-max {
        top: 0;
    }

/*.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background: transparent none repeat scroll 0 0 !important;
    border: 0 none;
    font-size: 0.8rem;
    color: #555555;
    font-weight: normal;
}*/

.ui-slider {
    background-color: #d5d5d5;
}

.ui-slider-horizontal {
    height: 9px;
}

.ui-slider-vertical {
    width: 9px;
}

.ui-slider .ui-slider-handle {
    background-color: #f8f8f8 !important;
    border: 1px solid;
    border-radius: 0;
    height: 1.45em;
    width: 1.45em;
}

    .ui-slider .ui-slider-handle::before, .ui-slider .ui-slider-handle::after {
        -moz-border-bottom-colors: none;
        -moz-border-left-colors: none;
        -moz-border-right-colors: none;
        -moz-border-top-colors: none;
        border-color: inherit;
        border-image: none;
        border-style: solid;
        border-width: 0 1px;
        content: "";
        display: block;
        height: 8px;
        left: 5px;
        position: absolute;
        top: 4px;
        width: 4px;
    }

    .ui-slider .ui-slider-handle::after {
        border-width: 0 1px 0 0;
        left: 8px;
    }

    .ui-slider .ui-slider-handle:hover {
        background-color: #fff !important;
    }

    .ui-slider .ui-slider-handle:hover, .ui-slider .ui-slider-handle:focus, .ui-slider .ui-slider-handle:active {
        box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.3);
        outline: medium none;
    }

.ui-slider-horizontal .ui-slider-handle {
    margin-left: -0.725em;
    top: -0.4em;
}

.ui-slider-vertical .ui-slider-handle {
    left: -0.35em;
    margin-bottom: -0.65em;
}

.ui-slider-range {
    background-color: #4aa4ce;
}

.ui-slider-handle {
    border-color: #4aa4ce !important;
    outline: medium none !important;
}

.ui-state-disabled.ui-slider {
    background-color: #e5e5e5;
}

.ui-state-disabled .ui-slider-range {
    background-color: #8daebe;
}

.ui-state-disabled .ui-slider-handle {
    border-color: #8daebe !important;
    box-shadow: none !important;
}

.ui-slider-values {
    text-align: center;
}

/***** CHECKBOX ****************/

input.ace[type="checkbox"], input.ace[type="radio"] {
    cursor: pointer;
    height: 18px;
    opacity: 0;
    position: absolute;
    width: 18px;
    z-index: 1;
}

label input.ace[type="checkbox"], label input.ace[type="radio"] {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px !important;
    position: absolute;
    width: 1px !important;
    z-index: -100 !important;
}

label {
    margin-bottom: 3px!important;
}

input.ace[type="checkbox"]:checked, input.ace[type="radio"]:checked, input.ace[type="checkbox"]:focus, input.ace[type="radio"]:focus {
    outline: medium none !important;
}

input.ace[type="checkbox"] + .lbl, input.ace[type="radio"] + .lbl {
    cursor: pointer;
    display: inline-block;
    font-weight: normal;
    line-height: 20px;
    margin: 0;
    min-height: 18px;
    min-width: 18px;
    position: relative;
    font-size: 14px;
}

#scrollTo1 a {
    font-size: 13px;
    color: #002c63;
}
#scrollTo1 a:hover {
    color: #1c2224;
}

    input.ace[type="checkbox"] + .lbl::before, input.ace[type="radio"] + .lbl::before {
        background-color: #fafafa;
        border: 1px solid #c8c8c8;
        border-radius: 2px;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
        color: #828285;
        content: "\a0";
        cursor: pointer;
        display: inline-block;
        font-family: fontAwesome;
        font-size: 12px;
        font-weight: normal;
        height: 16px;
        line-height: 14px;
        margin-right: 4px;
        min-width: 16px;
        position: relative;
        text-align: center;
        top: -1px;
    }

input.ace[type="checkbox"]:checked + .lbl::before, input.ace[type="radio"]:checked + .lbl::before {
    background-color: #f5f8fc;
    border-color: #adb8c0;
    content: "";
    display: inline-block;
}

input.ace[type="checkbox"]:hover + .lbl::before, input.ace[type="radio"]:hover + .lbl::before, input.ace[type="checkbox"] + .lbl:hover::before, input.ace[type="radio"] + .lbl:hover::before {
    border-color: #828285;
}

input.ace[type="checkbox"]:active + .lbl::before, input.ace[type="radio"]:active + .lbl::before, input.ace[type="checkbox"]:checked:active + .lbl::before, input.ace[type="radio"]:checked:active + .lbl::before {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), 0 1px 3px rgba(0, 0, 0, 0.1) inset;
}

input.ace.ace-checkbox-2[type="checkbox"] + .lbl::before, input.ace.ace-checkbox-2[type="radio"] + .lbl::before {
    box-shadow: none;
}

input.ace.ace-checkbox-2[type="checkbox"]:checked + .lbl::before, input.ace.ace-checkbox-2[type="radio"]:checked + .lbl::before {
    background-color: #828285;
    border-color: #828285;
    color: #fff;
}

input.ace[type="checkbox"]:disabled + .lbl::before, input.ace[type="radio"]:disabled + .lbl::before, input.ace[type="checkbox"][disabled] + .lbl::before, input.ace[type="radio"][disabled] + .lbl::before, input.ace.disabled[type="checkbox"] + .lbl::before, input.ace.disabled[type="radio"] + .lbl::before {
    background-color: #ddd !important;
    border-color: #ccc !important;
    box-shadow: none !important;
    color: #bbb;
}

.checkbox label input.ace[type="checkbox"] + .lbl, .radio label input.ace[type="radio"] + .lbl {
    margin-left: -10px;
}

input.ace[type="radio"] + .lbl::before {
    border-radius: 100%;
    font-family: FontAwesome;
    font-size: 10px;
    height: 17px;
    line-height: 15px;
    min-width: 17px;
    text-shadow: 0 0 1px #047ade;
}

input.ace[type="radio"]:checked + .lbl::before {
    content: "";
}

input.ace.input-lg[type="checkbox"] + .lbl::before {
    border-radius: 4px;
    font-size: 16px;
    height: 24px;
    line-height: 21px;
    min-width: 24px;
    top: auto;
}

input.ace.input-lg[type="radio"] + .lbl::before {
    font-size: 14px;
    height: 24px;
    line-height: 22px;
    min-width: 24px;
    top: auto;
}

.chb-list-vertical .control-checkbox {
    display: block;
}

/******* ACE-COLLAPSE **************/
.ace-collapse > div {
    overflow: hidden;
    transition: .4s all;
    max-height: 800px;
}

.ace-collapse.min > div {
    max-height: 72px;
}

.ace-collapse > a {
/*    color: #828285;*/
    cursor: pointer;
    text-align: left;
    font-size: 12px;
    display: block;
    padding: 15px 0 5px;
}

    .ace-collapse > a.exp {
        display: none;
    }

    .ace-collapse > a.coll {
        display: block;
/*        border-bottom: solid 1px #828285;*/
    }

.ace-collapse.min > a.exp {
    display: block;
/*    border-bottom: solid 1px #828285;*/
}

.ace-collapse.min > a.coll {
    display: none;
}

@media (max-width: 768px) {
    .ace-collapse.min > a.exp,
    .ace-collapse > a.coll {
        margin-bottom: 20px;
    }
}

    /* Styles for validation helpers
-----------------------------------------------------------*/
    .field-validation-error, .error {
        color: #f00;
        margin: 5px;
        font-size: 11px;
        border-color: #f00;
    }

    .field-validation-valid {
        display: none;
    }

    .input-validation-error {
        border: 1px solid #f00;
        background-color: #fee;
    }

    .validation-summary-errors {
        color: #f00;
        background: #F2DEDE;
        border: solid 1px #ebccd1;
        padding: 10px 10px 0;
        margin-bottom: 20px;
        font-size: 14px;
    }

    .validation-summary-valid {
        display: none;
    }

    .fa.required::before {
        content: "*";
    }

    #toTop {
        background: rgba(0, 0, 0, 0) url("/images/ui.totop.png") no-repeat scroll left top;
        border: medium none;
        bottom: 10px;
        display: none;
        height: 51px;
        overflow: hidden;
        position: fixed;
        right: 10px;
        text-decoration: none;
        text-indent: 100%;
        width: 51px;
        z-index: 9999;
    }

    #toTopHover {
        background: rgba(0, 0, 0, 0) url("/images/ui.totop.png") no-repeat scroll left -51px;
        display: block;
        float: left;
        height: 51px;
        opacity: 0;
        overflow: hidden;
        width: 51px;
    }

    /****** BUTTONS-GRID (6 items) ******/

    /*.buttons-grid{
    position:relative;
    width:100%;
    height:600px;
}
.buttons-grid > a,.buttons-grid > div{
    position:absolute;
    width:33%;
    height:197px;    
}
.buttons-grid  > div:hover {
    text-decoration: none;
}*/
    .buttons-grid > a span, .buttons-grid > div span {
        font-size: 21px;
        color: white;
        padding: 12px;
        display: block;
        background-color: rgba(34, 35, 51, 0.85);
        float: left;
        margin-top: 20px;
        font-weight: 500;
        -webkit-transition: all .3s;
        transition: all .3s;
    }

    /*.buttons-grid > a:nth-child(2n+1) span,.buttons-grid > div:nth-child(2n+1) span{
    float:right;
}*/
    .buttons-grid .bg-1 {
        top: 0;
        left: 0;
        background: url("/images/Destinations/mykonos.jpg") no-repeat 0 0;
        background-size: cover;
    }

    .buttons-grid .bg-2 {
        top: 0;
        left: 33.3%;
        background: url("/images/Destinations/santorini.jpg") no-repeat 0 0;
        background-size: cover;
    }

    .buttons-grid .bg-3 {
        top: 0;
        left: 66.6%;
        height: 397px;
        background: url("/images/Destinations/Kefalonia.jpg") no-repeat 0 0;
        background-size: cover;
    }

    .buttons-grid .bg-4 {
        top: 200px;
        height: 397px;
        background: url("/images/Destinations/halkidiki.jpg") no-repeat 0 0;
        background-size: cover;
    }

    .buttons-grid .bg-5 {
        top: 200px;
        left: 33.3%;
        background: url("/images/Destinations/xania.jpg") no-repeat 0 0;
        background-size: cover;
    }

    .buttons-grid .bg-6 {
        top: 400px;
        left: 33.3%;
        width: 66.3%;
        background: url("/images/Destinations/paros.jpg") no-repeat 0 0;
        background-size: cover;
    }

    /*BUTTONS-GRID 2 (5 items)*/

    .buttons-grid .bg2-1, .buttons-grid .bg2-2, .buttons-grid .bg2-3, .buttons-grid .bg2-4, .buttons-grid .bg2-5 {
        /*height: 300px;*/
        height: 350px;
        padding: 0;
        border: solid 2px #fff;
    }

    .buttons-grid .bg2-1 {
        /*width:24.7%;
    top:0;
    left:0;*/
        background: url("/images/ByYourChoise/family.jpg") no-repeat 0 0;
        background-size: cover;
    }

    .buttons-grid .bg2-2 {
        /*top:0;
    left:25%;
    width:49.7%;*/
        background: url("/images/ByYourChoise/Economy.jpg") no-repeat 0 0;
        background-size: cover;
    }

    .buttons-grid .bg2-3 {
        /*top:0;
    left:75%;
    width:24.7%;*/
        background: url("/images/ByYourChoise/Awayfromall.jpg") no-repeat 0 0;
        background-size: cover;
    }

    .buttons-grid .bg2-4 {
        /*top:300px;
    width:49.7%;*/
        background: url("/images/ByYourChoise/Romantic.jpg") no-repeat 0 0;
        background-size: cover;
    }

    .buttons-grid .bg2-5 {
        /*top:300px;
    left:50%;
    width:49.7%;*/
        background: url("/images/ByYourChoise/Adventure.jpg") no-repeat 0 0;
        background-size: cover;
    }

    /*.img-hover {
    overflow: hidden;
    position: relative;
}
.img-hover img {
    transition: all 0.3s ease 0s;
}
.img-hover .overlay {
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    text-align: center;
    top: 0;
    transition: all 0.25s ease-in-out 0s;
    width: 100%;
    z-index: 10;
}
.img-hover:hover .overlay {
    opacity: 1;
    transition: all 0.25s ease-in-out 0s;
}
.img-hover:hover img {
    cursor: pointer;
    transform: scale(1.2);
    transition: all 0.3s ease 0s;
}
.img-hover .overlay a {
    color: #fff;
    display: block;
    font-size: 40px;
    height: 100%;
    margin-top: -20px;
    position: relative;
    top: 50%;
}
.img-hover .overlay a:hover {
    text-decoration: none;
}*/

    .img-hover {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: 0;
        -webkit-transition: all .3s;
        transition: all .3s;
        opacity: 0;
        /*border: 20px solid rgba(0, 0, 0, .35);*/
        background-color: rgba(0, 0, 0, 0.65);
    }

        .img-hover:hover {
            opacity: 1;
        }

    .buttons-grid > a:hover > span, .buttons-grid > div:hover > span {
        opacity: 0 !important;
    }

    .img-hover img {
        transition: all 0.3s ease 0s;
    }

    .img-hover .overlay {
        position: absolute;
        top: 0;
        width: 100%;
        -webkit-transition: all .3s;
        transition: all .3s;
        -webkit-transform: translateY(45%);
        -ms-transform: translateY(45%);
        transform: translateY(45%);
        text-align: center;
        opacity: 0;
        font-size: 35px;
    }

    .img-hover:hover .overlay {
        opacity: 1;
        top: 40%;
        margin-top: -55px;
    }

    .img-hover:hover img {
        cursor: pointer;
        transform: scale(1.2);
        transition: all 0.3s ease 0s;
    }

    .img-hover .overlay a {
        color: #fff;
        /*display: block;
        font-size: 40px;
        height: 100%;
        margin-top: -20px;
        position: relative;
        top: 50%;*/
        text-align: center;
        transition: all .3s;
        text-decoration: none;
        background-color: transparent;
        font-size: 40px;
    }

        .img-hover .overlay a:hover {
            text-decoration: none;
            color: #828285;
        }

    .img-hover .img-desc {
        position: absolute;
        bottom: 0;
        width: 100%;
        -webkit-transition: all .3s;
        transition: all .3s;
        -webkit-transform: translateY(-55%);
        -ms-transform: translateY(-55%);
        transform: translateY(-55%);
        opacity: 0;
        text-align: center;
        color: white;
        font-size: 21px;
    }

    .img-hover:hover .img-desc {
        /*bottom: 35%;
    margin-bottom: -35px;*/
        opacity: 1;
        color: #fff;
    }

    .img-hover .img-desc a {
        color: white;
    }

    .img-hover:hover .img-desc a:hover {
        color: #828285;
    }

    .changebg {
        background: #fff;
        /*border: solid 2px #fff;*/
        border: 1px solid rgb(221, 221, 221) !important;
    }

    /* ---------------------------------------------------------------------- */
    /*	 RESPONSIVE
/* ---------------------------------------------------------------------- */
    @media handheld, only screen and (max-width: 750px) {
        .input-medium {
            display: block;
        }

        .input-group {
            width: 100%;
        }

        .hidden-mobile {
            display: none;
        }

        .changebg {
            border: none;
        }
        /*.buttons-grid .bg2-1, .buttons-grid .bg2-2, .buttons-grid .bg2-3, .buttons-grid .bg2-4, .buttons-grid .bg2-5 {
            width: 100%;
            top: 0;
            left: 0;
        }*/

    }

    #selist li {
        margin-bottom: 20px !important;
        display: inline-block;
    }

    #selist h5 {
        margin-bottom: 5px !important;
        color: #004191;
    }

    .hrcolor1 {
        border-color: #828285;
    }

    .hrcolor2 {
        border-color: #CCCCCC;
    }

    .list-view .thumb {
        /*background: #fff;*/
        margin-bottom: 40px;
        border-bottom: solid 1px #ddd;
    }

    .list-view .thumb-caption {
        padding: 10px;
    }

    .first-view .thumb {
        background: #fff;
        margin-bottom: 40px;
        border-bottom: solid 1px #ddd;
    }

    .first-view .thumb-caption {
        padding: 10px;
    }

    div.lwrapper-front {
        /*overflow: hidden;
    height: 200px;
    position: relative;*/
        width: 100%;
        height: 280px;
        overflow: hidden;
        position: relative;
        background: #1c1c1c;
    }

        div.lwrapper-front a img {
            /*-webkit-transition: -webkit-transform 0.3s ease;
        -moz-transition: -moz-transform 0.3s ease;
        -o-transition: -o-transform 0.3s ease;
        transition: transform 0.3s ease;
        position: relative;
        top: 50%;
        transform: translateY(-50%);*/
            /*width: 100%;
        -moz-transition: all 0.3s;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
        margin: 0 auto;*/
            position: absolute;
            left: -1000%;
            right: -1000%;
            top: -1000%;
            bottom: -1000%;
            margin: auto;
            /*min-height: 100%;*/
            min-width: 100%;
            opacity: 1;
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
        }

            div.lwrapper-front a img:hover {
                -webkit-transform: scale(1.2);
                -moz-transform: scale(1.2);
                -ms-transform: scale(1.2);
                -o-transform: scale(1.2);
                transform: scale(1.2);
                /*cursor: crosshair;*/
                cursor: url(/Images/zoomin.png), auto;
                /*opacity: 0.5;
            filter: alpha(opacity=50); 
            cursor: pointer;
            -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;*/
            }

    @media (max-width: 768px) {
        div.lwrapper-front {
            height: 320px;
        }
    }

    @media (max-width: 468px) {
        div.lwrapper-front {
            height: 220px;
        }
    }

    @media (max-width: 368px) {
        div.lwrapper-front {
            height: 150px;
        }
    }



    div.lwrapper {
        /*overflow: hidden;
    height: 200px;
    position: relative;*/
        width: auto;
        height: 274px;
        overflow: hidden;
        position: relative;
        background: #1c1c1c;
    }

        div.lwrapper a img {
            /*-webkit-transition: -webkit-transform 0.3s ease;
        -moz-transition: -moz-transform 0.3s ease;
        -o-transition: -o-transform 0.3s ease;
        transition: transform 0.3s ease;
        position: relative;
        top: 50%;
        transform: translateY(-50%);*/
            /*width: 100%;
        -moz-transition: all 0.3s;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
        margin: 0 auto;*/
            position: absolute;
            left: -1000%;
            right: -1000%;
            top: -1000%;
            bottom: -1000%;
            margin: auto;
            /*min-height: 100%;*/
            min-width: 100%;
            opacity: 1;
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
        }

            div.lwrapper a img:hover {
                -webkit-transform: scale(1.2);
                -moz-transform: scale(1.2);
                -ms-transform: scale(1.2);
                -o-transform: scale(1.2);
                transform: scale(1.2);
                cursor: crosshair;
                /*opacity: 0.5;
            filter: alpha(opacity=50); 
            cursor: pointer;
            -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;*/
            }

    @media (max-width: 768px) {
        div.lwrapper {
            height: 320px;
        }
    }

    @media (max-width: 468px) {
        div.lwrapper {
            height: 220px;
        }
    }

    @media (max-width: 368px) {
        div.lwrapper {
            height: 150px;
        }
    }

    /*.thumb-caption .fa {
    color: #ffcb00;

}*/

    /*.zoom {
    width: 100%;
    float: left;
    z-index: 10;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 100px;
}
    .zoom:hover {
        -moz-transform: scale(1.4);
        -webkit-transform: scale(1.4);
        -o-transform: scale(1.4);
        transform: scale(1.4);
        -ms-transform: scale(1.4);
        filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1.4, M12=-0, M21=0, M22=1.4);
    }
.image {
    margin: 0;
    border: 0;
}
.left {
    width: 100%;
    float: left;
    z-index: 10;
    overflow: hidden;
    height: 150px;
    background: #ddd;
    border-bottom: solid 1px #2f3d98;
}*/

    .starcolor {
        color: #b2b2b2;
    }

    .thumb-caption .thumb-title {
        font-size: 21px;
        letter-spacing: 0.10px;
    }

    .thumb-caption p.description {
        font-size: 18px !important;
    }

    .thumb-caption p.thumb-price {
        font-size: 18px !important;
        color: #333334;
    }

    .nav-pills > li {
        display: inline-block !important;
        width: auto !important;
        float: left !important;
        padding-left: 10px;
        padding-top: 15px;
    }

        .nav-pills > li > a {
            display: inline-block !important;
            color: #fff;
            background-color: #828285 !important;
            opacity: 0.35;
            padding: 8px 12px !important;
            font-size: 14px;
        }

            .nav-pills > li > a:hover {
                background-color: #1c2224 !important;
                opacity: 1;
            }

        .nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
            color: #fff;
            background-color: #004191 !important;
            opacity: 1;
        }

    @media (max-width: 468px) {
        .nav-pills > li {
            padding-left: 3px;
            padding-top: 27px;
        }

            .nav-pills > li > a {
                padding: 4px 8px !important;
                font-size: 10px;
            }
    }

    .caps {
        text-transform: uppercase !important;
    }

    .nocaps {
        text-transform: none !important;
    }

    /*.input-group-addon {
    color: #2f3d98!important;
}*/

    .form-horizontal .control-label {
        padding-top: 4px !important;
        color: #828285;
        font-size: 18px;
        font-weight: normal;
        text-align: right;
    }

    #CaptchaInputText {
        text-transform: uppercase !important;
        text-align: center !important;
        color: #828285;
        font-size: 24px;
        font-weight: 500;
        letter-spacing: 0.05em;
        max-width: 150px;
    }

    .hr.dotted,
    .hr-dotted {
        border-style: dotted !important;
    }

    ::-webkit-validation-bubble-message {
        padding: 100em;
    }

    .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
        padding: 5px !important;
        /*line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;*/
    }

    #calldiv {
        height: 80px;
        width: 220px;
        float: left;
        position: fixed;
        top: 0;
        left: -175px;
        z-index: 9999 !important;
        /*background: rgba(0, 30, 52, 0.50);*/
        background: #828285;
        color: #fff;
        padding: 5px 8px 5px 8px;
        text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.25);
        /*border-top-right-radius: 50px;*/
        border-bottom-right-radius: 60px;
        /*border: solid 5px #2f3d98;*/
        border-left: none;
        cursor: default;
        font-size: 20px;
        font-weight: 500;
        padding-left: 15px;
        /*transition: 0.1s;*/
    }

        #calldiv:hover {
            background: #000;
        }

        #calldiv img {
            padding-top: 3px;
            padding-left: 10px;
            padding-right: 5px;
        }

        #calldiv i {
            padding: 0;
            position: relative;
            top: 2px;
            right: 5px;
            font-size: 31px;
        }

        #calldiv div {
            line-height: 1.3;
        }

    a.cd:link {
        color: #fff;
    }

    a.cd:visited {
        color: #fff;
    }

    a.cd:hover {
        color: #828285;
    }

    a.cd:active {
        color: #fff;
    }

    .color1 {
        color: #828285 !important;
    }

    .color2 {
        color: #828285 !important;
    }

    .color3 {
        color: #222333 !important;
    }

    .color4 {
        color: #c8c9ce !important;
    }

    .bg-color1 {
        background-color: #828285 !important;
    }

    .bg-color2 {
        background-color: #828285 !important;
    }

    .bg-color3 {
        background-color: #222333 !important;
    }

    .bg-color4 {
        background-color: #c8c9ce !important;
    }

    .grey.lighten-5 {
        background-color: #f2f4f5 !important;
    }

    .waves-effect {
        -moz-user-select: none;
        /*cursor: pointer;*/
        display: inline-block;
        overflow: hidden;
        position: relative;
        transition: all 0.3s ease-out 0s;
        vertical-align: middle;
        will-change: opacity, transform;
        z-index: 1;
    }

    .waves-block {
        display: block;
    }

    .card-panel {
        background-color: #fff;
        border-radius: 2px;
        margin: 0.5rem 0 1rem;
        padding: 20px;
        transition: box-shadow 0.25s ease 0s;
    }

    .card {
        background-color: #fff;
        border-radius: 2px;
        margin: 1rem 0 5rem;
        overflow: hidden;
        position: relative;
        /*margin-top: 1rem;*/
        top: 0;
        transition: all 0.5s ease 0s;
        /*margin-right: 20px;*/
    }

        .card .card-title {
            color: #212121;
            font-size: 24px;
            font-weight: 400;
            display: block;
            /*border-bottom: 1px solid #ddd;*/
        }

            .card .card-title.activator {
                cursor: pointer;
            }

            .card .card-title .fa-ellipsis-v {
                line-height: 48px;
            }

        .card:hover {
            /*-webkit-box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.25);
        -moz-box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.25);
        box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.25);*/
            top: -10px;
        }

        .card .card-title, .card .card-content .card-title {
            font-size: 26px;
            line-height: 40px;
            /*font-weight: 400;*/
        }

    .card-reveal .card-title {
        margin-bottom: 1rem;
    }

    .card .icons {
        border: 0 none;
        font-size: 2rem;
        padding: 0;
    }

    .card .card-image {
        position: relative;
        /*left: 50%;
        top: 0;
        transform: translate(-50%, 0);*/
        /*width: 75%;*/
        width: auto;
        height: 320px;
        overflow: hidden;
        position: relative;
        z-index: 1;
        background-color: #ddd;
    }

    @media (max-width: 1598px) {
        .card .card-image {
            width: auto;
            height: 240px !important;
        }
    }

    .card .card-image img {
        /*border-radius: 2px 2px 0 0;*/
        /*border-radius: 50%;*/
        /*bottom: 0;
            display: block;
            left: 0;
            position: relative;
            right: 0;
            top: 0;
            width: 100%;*/
        /********/
        position: absolute;
        left: -1000%;
        right: -1000%;
        top: -1000%;
        bottom: -1000%;
        margin: auto;
        /*min-height: 100%;*/
        /*min-width: 100%;*/
        width: 100%;
        opacity: 1;
    }

    .card .card-image .card-title {
        color: white;
        background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
        bottom: 20px;
        padding: 7px 20px;
        position: absolute;
        left: 0;
        border: none;
    }

    .card .card-content {
        /*border-radius: 0 0 2px 2px;*/
        border-radius: 0 0;
        padding: 20px;
        /*min-height: 180px;*/
    }

        .card .card-content p {
            color: inherit;
            margin: 0;
            padding: 6px 0;
            font-size: 16px;
            line-height: 20px;
            letter-spacing: 0.5px;
        }

    .card .par2 p {
        color: inherit;
        margin: 0;
        padding: 6px 0;
        font-size: 14px;
        line-height: 18px;
        letter-spacing: 0.35px;
    }

    .card-content .readmore {
        text-transform: uppercase;
        font-weight: 500;
        position: absolute;
        bottom: 10px;
        left: 10px;
        margin-top: 10px;
    }

    /*.card .card-content a {
            position: relative;
            bottom: 0;
        }*/

    .card .card-content .card-title {
        line-height: 48px;
        /*margin-bottom: 10px;*/
    }

    .card .card-action {
        border-top: 1px solid rgba(160, 160, 160, 0.2);
        padding: 20px;
    }

        .card .card-action a {
            color: #ffab40;
            margin-right: 20px;
            text-transform: uppercase;
            transition: color 0.3s ease 0s;
        }

            .card .card-action a:hover {
                color: #ffd8a6;
            }

    .card .card-reveal {
        background-color: #fff;
        display: none;
        height: 100%;
        overflow-y: auto;
        padding: 20px;
        position: absolute;
        top: 100%;
        width: 100%;
        z-index: 1;
    }

        .card .card-reveal .card-title {
            cursor: pointer;
            display: block;
        }

    .labelform {
        color: #1c2224;
        font-size: 15px;
        font-weight: 400;
    }

    .addborder {
        border: solid 1px #ddd !important;
    }

    #myModalCont {
        z-index: 9999 !important;
    }

    .success-popup {
        margin: 130px auto;
        transition: .3s ease all;
        font-family: 'Roboto', sans-serif;
    }

    /*.firstbook {
    position: absolute;
    right: -120px;
    top: 50px;
}*/

    .btnback {
        background-color: rgba(0, 145, 235, 1);
        padding: 15px 20px;
        font-size: 14px;
        font-weight: normal;
        color: #fff !important;
        margin-left: 10px;
    }

    @media (max-width: 768px) {
        .btnback {
            margin-left: 0;
            margin-bottom: 10px;
        }
    }

    @import url(https://fonts.googleapis.com/css?family=Droid+Sans);

    .loaderspin {
        position: fixed;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        z-index: 99999;
        background-color: #f5f5f5 !important;
        margin: 0;
        text-align: center !important;
        vertical-align: middle !important;
        /*color: #1c71b6;
    font-size: 60px;*/
        /*background: url('http://www.downgraf.com/wp-content/uploads/2014/09/01-progress.gif?e44397') 50% 50% no-repeat rgb(249,249,249);*/
    }

        .loaderspin i {
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            /*font-family: "fontawesome";
        content: "\f110";*/
            text-align: center !important;
            color: #828285;
            font-size: 70px;
            margin-left: -35px;
            margin-top: -35px;
        }

    /*START HEADER MEDIA*/
    .header-media {
        position: relative;
    }

    /*START BANNERS MODULE STYLE*/
    .banner-video {
        height: 600px;
        overflow: hidden;
        position: relative;
    }

    @media (min-width: 768px) and (max-width: 991px) {
        .banner-video {
            height: 450px;
        }
    }

    .banner-video .banner-video-inner {
        width: 100%;
        height: 100%;
        position: absolute;
    }

    .banner-parallax {
        position: relative;
        height: 680px;
        overflow: hidden;
    }

        .banner-parallax .banner-inner {
            width: 100%;
            height: 100%;
            background-position: center center;
            background-repeat: no-repeat;
            background-size: cover;
        }

        .banner-parallax .banner-bg-wrap {
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            width: 100%;
            height: 100%;
            backface-visibility: hidden;
            visibility: inherit;
            z-index: 0;
            opacity: 1;
        }

    @media (max-width: 767px) {
        .banner-parallax {
            height: 350px !important;
        }
    }

    .banner-inner {
        position: relative;
        height: 680px;
        width: 100%;
        /*@include respond-to(tablet-portrait){
    height: 300px;
    background-size: 150% auto;
    background-attachment: fixed !important;
    background-position: top center !important;
  }
  @include respond-to(phone){
    height: 280px;
    background-size: 240% auto;
  }*/
    }

        .banner-inner:before {
            content: '';
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            height: 100%;
            width: 100%;
            background-color: rgba(0, 0, 0, 0.10);
            z-index: 3;
        }

    .banner-caption {
        position: absolute;
        left: 0;
        top: 80%;
        -moz-transform: translate(0, -50%);
        -o-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
        z-index: 2;
        width: 100%;
    }

        .banner-caption h1 {
            color: #fff;
        }

        .banner-caption h2 {
            color: #fff;
        }

    @media (min-width: 991px) {
        body.transparent-yes .banner-caption {
            top: 55%;
        }
    }

    .banner-video-inner {
        position: absolute;
        width: 100%;
        height: 100% !important;
        left: 50%;
        top: 50%;
        -moz-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .banner-module {
        position: relative;
        padding: 0;
    }

        .banner-module .slick-slide {
            position: relative;
        }

            .banner-module .slick-slide .caption {
                opacity: 0;
                filter: alpha(opacity=0);
                -moz-transform: translate(-30%, -50%) scale(0.5);
                -o-transform: translate(-30%, -50%) scale(0.5);
                -ms-transform: translate(-30%, -50%) scale(0.5);
                -webkit-transform: translate(-30%, -50%) scale(0.5);
                transform: translate(-30%, -50%) scale(0.5);
            }

        .banner-module .slick-active .caption {
            opacity: 1;
            filter: alpha(opacity=100);
            -moz-transform: translate(-30%, -50%) scale(1);
            -o-transform: translate(-30%, -50%) scale(1);
            -ms-transform: translate(-30%, -50%) scale(1);
            -webkit-transform: translate(-30%, -50%) scale(1);
            transform: translate(-30%, -50%) scale(1);
        }

    @media (max-width: 767px) {
        .banner-module .slick-active .caption {
            left: 50%;
            -moz-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
        }
    }

    .banner-module .owl-item {
        position: relative;
    }

        .banner-module .owl-item .caption {
            /* @include translate(-30%,-50%);*/
        }

        .banner-module .owl-item.active .caption {
            -webkit-animation-name: bounceInRight;
            animation-name: bounceInRight;
        }

    @media (max-width: 767px) {
        .banner-module .owl-item.active .caption {
            left: 50%;
            -moz-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
        }
    }

    .banner-module .caption {
        display: inline-block;
        width: 515px;
        padding: 17px;
        min-height: 85px;
        position: absolute;
        top: 50%;
        left: 30%;
        z-index: 2;
        -moz-transform: translate(-30%, -50%);
        -o-transform: translate(-30%, -50%);
        -ms-transform: translate(-30%, -50%);
        -webkit-transform: translate(-30%, -50%);
        transform: translate(-30%, -50%);
        background: rgba(255, 255, 255, 0.9);
    }

        .banner-module .caption ul {
            color: #000;
        }

            .banner-module .caption ul li {
                padding: 0;
                padding-right: 10px;
            }

                .banner-module .caption ul li:last-child {
                    padding: 0;
                }

    @media (max-width: 481px) {
        .banner-module .caption ul {
            font-size: 12px;
        }
    }

    .banner-module .caption img {
        width: auto !important;
    }

    .banner-module .caption .price {
        position: absolute;
        top: 17px;
        right: 17px;
        bottom: inherit;
        left: inherit;
        z-index: 2;
    }

    .banner-module .caption .feature-label {
        font-size: 10px;
        line-height: 10px;
        margin: 0;
        font-weight: 700;
        text-transform: uppercase;
        text-align: inherit;
        padding: 5px;
        color: #fff;
        position: absolute;
        top: -20px;
        right: inherit;
        bottom: inherit;
        left: 0;
        z-index: 2;
        background: #77c720;
    }

    .banner-module .caption .btn-detail {
        border-radius: 0;
        padding: 7px 15px;
        position: absolute;
        top: auto;
        right: 0;
        bottom: 0;
        left: auto;
        z-index: 2;
    }

        .banner-module .caption .btn-detail .fa {
            margin-left: 5px;
        }

    @media (max-width: 767px) {
        .banner-module .caption {
            width: 350px;
            padding: 12px;
        }

            .banner-module .caption .price {
                top: 12px;
                right: 12px;
            }
    }

    @media (max-width: 481px) {
        .banner-module .caption {
            width: 270px;
        }

            .banner-module .caption .amenities {
                display: none;
            }

            .banner-module .caption .date {
                display: none;
            }
    }

    .banner-slider {
        margin: 0;
        /*opacity: 0;
  @extend %animation;*/
    }

        .banner-slider img {
            position: relative;
            top: -50px;
        }

        .banner-slider .owl-controls {
            margin: 0;
        }

        .banner-slider .owl-nav div[class*="owl-"] {
            width: 50px;
            height: 50px;
            line-height: 50px;
            border-radius: 0;
            position: absolute;
            background-color: rgba(0, 0, 0, 0.68);
            margin: 0;
        }

            .banner-slider .owl-nav div[class*="owl-"] .fa {
                line-height: 40px;
                font-size: 40px;
            }

            .banner-slider .owl-nav div[class*="owl-"]:hover {
                background-color: #1BBBE1;
            }

    @media (max-width: 767px) {
        .banner-slider .owl-nav div[class*="owl-"] {
            width: 38px;
            height: 38px;
            line-height: 38px;
            font-size: 30px;
        }

            .banner-slider .owl-nav div[class*="owl-"] .fa {
                line-height: 30px;
                font-size: 20px;
            }
    }

    .banner-slider .owl-nav .owl-prev {
        left: 0;
    }

    .banner-slider .owl-nav .owl-next {
        right: 0;
    }

    @media (max-width: 767px) {
        .banner-slider .owl-controls {
            padding: 7px 0;
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
        }
    }

    .banner-slider .owl-dot span {
        background-color: #fff !important;
    }

    .banner-slider .owl-dot.active span {
        background-color: transparent !important;
        border-color: #fff !important;
    }

    .banner-slider .slick-prev, .banner-slider .slideshow .slide .slick-next, .slideshow .slide .banner-slider .slick-next, .banner-slider .slideshow .slideshow-nav .slick-next, .slideshow .slideshow-nav .banner-slider .slick-next, .banner-slider .slick-next {
        width: 50px;
        height: 50px;
        line-height: 50px;
        background: rgba(0, 174, 239, 0.75);
        border-radius: 0;
        left: 0;
        right: inherit;
    }

        .banner-slider .slick-prev:before, .banner-slider .slideshow .slide .slick-next:before, .slideshow .slide .banner-slider .slick-next:before, .banner-slider .slideshow .slideshow-nav .slick-next:before, .slideshow .slideshow-nav .banner-slider .slick-next:before, .banner-slider .slick-next:before {
            vertical-align: middle;
            line-height: 46px;
            display: block;
            height: 50px;
            font-size: 40px;
        }

    @media (max-width: 767px) {
        .banner-slider .slick-prev, .banner-slider .slideshow .slide .slick-next, .slideshow .slide .banner-slider .slick-next, .banner-slider .slideshow .slideshow-nav .slick-next, .slideshow .slideshow-nav .banner-slider .slick-next, .banner-slider .slick-next {
            width: 38px;
            height: 38px;
            line-height: 38px;
        }

            .banner-slider .slick-prev:before, .banner-slider .slideshow .slide .slick-next:before, .slideshow .slide .banner-slider .slick-next:before, .banner-slider .slideshow .slideshow-nav .slick-next:before, .slideshow .slideshow-nav .banner-slider .slick-next:before, .banner-slider .slick-next:before {
                height: 38px;
                line-height: 36px;
                font-size: 28px;
            }
    }

    @media (max-width: 481px) {
        .banner-slider .slick-prev, .banner-slider .slideshow .slide .slick-next, .slideshow .slide .banner-slider .slick-next, .banner-slider .slideshow .slideshow-nav .slick-next, .slideshow .slideshow-nav .banner-slider .slick-next, .banner-slider .slick-next {
            display: none !important;
        }
    }

    .banner-slider .slick-next {
        right: 0;
        left: inherit;
    }

    .banner-slider .slick-slide img {
        width: 100%;
    }

    .banner-slider .item {
        height: 600px;
        background-position: center center;
        background-size: cover,100%;
        background-repeat: no-repeat;
    }

    @media (min-width: 768px) and (max-width: 1198px) {
        .banner-slider .item {
            height: auto;
        }
    }

    @media (max-width: 767px) {
        .banner-slider .item {
            height: auto;
        }
    }

    .banner-slider .banner-link {
        display: block;
        position: relative;
        height: 100%;
        width: 100%;
        z-index: 1;
    }

    .banner-page-title {
        height: 300px;
    }

    @media (min-width: 768px) and (max-width: 991px) {
        .banner-page-title {
            height: 240px;
        }
    }

    @media (max-width: 767px) {
        .banner-page-title {
            height: 170px;
        }
        /*.banner-caption {
    top: 50%;
  }*/
        .banner-search-main {
            width: 70%;
            position: absolute;
            top: 130px;
            left: 15%;
            background-color: rgba(3, 174, 223, 0.35);
        }
    }

    @media (max-width: 467px) {
        .banner-search-main {
            width: 80%;
            position: absolute;
            top: 135px;
            left: 10%;
        }
    }

    @media (max-width: 367px) {
        .banner-search-main {
            width: 90%;
            position: absolute;
            top: 140px;
            left: 5%;
        }
    }

    .topshadow {
        background: -moz-linear-gradient(top, rgba(44,53,68,0.9) 0%, rgba(255,255,255,0) 40%);
        background: -webkit-linear-gradient(top, rgba(44,53,68,0.9) 0%,rgba(255,255,255,0) 40%);
        background: linear-gradient(to bottom, rgba(44,53,68,0.9) 0%,rgba(255,255,255,0) 40%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c2224', endColorstr='#00ffffff',GradientType=0 );
        position: absolute;
        top: 0;
        width: 100%;
        height: 400px !important;
        z-index: 1;
    }


    #sticky {
        /*padding: 0.5ex;*/
        /*min-width: 348px;*/
        background-color: #fff;
        /*color: #fff;*/
        /*font-size: 2em;*/
        /*border-radius: 0.5ex;*/
    }


    @media (min-width: 968px) {
        /*#sticky.stick {
        position: relative;
        z-index: 1;
        width: auto;
    }*/
        #sticky.stick, #sticky1.stick {
            position: fixed;
            top: 80px;
            z-index: 1000;
            width: 350px !important;
            /*border-radius: 0 0 0.5em 0.5em;*/
        }
        /*.dropdown-menu {
        z-index: 1001!important;
    }*/

        .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot.active:hover span {
            background: #828285;
        }

        .owl-theme .owl-dots .owl-dot:hover span {
            background: #1c2224;
        }

        .amenidetails {
            padding: 0 0 30px 0;
            text-align: center;
            color: #323232;
        }

            .amenidetails i {
                font-size: 22px !important;
                color: #828285 !important;
                /*vertical-align: middle;*/
                padding-top: 5px;
                padding-bottom: 5px;
            }

            .amenidetails p {
                margin: 0;
                color: #828285;
                line-height: normal;
                font-size: 15px;
            }

        /*.circle-icon {
        background: #828285;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        text-align: center;
        line-height: 40px;
        vertical-align: middle;
        padding: 8px;
        margin-bottom: 5px;
    }*/

        .pagination > li > a, .pagination > li > span {
            line-height: 1.42857143;
            color: #828285 !important;
            text-decoration: none;
            background-color: #fff;
            border: 1px solid #ddd;
        }

        .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
            color: #fff !important;
            background-color: #1c2224 !important;
            border-color: #1c2224 !important;
        }
    }

    .toplogo {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-right: -50%;
        transform: translate(-50%, -50%);
        max-width: 500px;
        z-index: 3;
        /*opacity: 0.75;*/
    }

    .toptitle {
        position: absolute;
        bottom: -80px;
        text-align: center;
        z-index: 3;
        color: #828285 !important;
    }

    @media (max-width: 768px) {
        .mobtop {
            margin-top: 20px;
        }

        .toplogo {
            max-width: 260px;
        }
    }

    .input-group-addon {
        color: #999999 !important;
    }


    /**********************************************/
    #testimonial-slider .item {
        margin-bottom: 30px;
    }

        #testimonial-slider .item .icon {
            display: inline-block;
            margin-bottom: 30px;
            font-size: 30px;
            color: #828285
        }

        #testimonial-slider .item .content h4 {
            font-size: 21px !important;
            font-weight: 500 !important;
            color: #828285 !important;
        }

        #testimonial-slider .item .content p {
            font-size: 18px;
            line-height: 30px;
        }

    #testimonial-parallax-slider .item {
        margin-bottom: 30px;
        padding: 40px;
    }

        #testimonial-parallax-slider .item .icon {
            display: inline-block;
            margin-bottom: 30px;
            font-size: 30px;
            color: #828285;
        }

        #testimonial-parallax-slider .item .content h4 {
            font-size: 24px !important;
            font-weight: 500 !important;
            color: #fff !important;
            line-height: 34px;
        }

        #testimonial-parallax-slider .item .content p {
            font-size: 18px;
            line-height: 30px;
        }


    /**********************************************/

    .owl-carousel .testimonial-item img {
        display: block;
        width: 17%;
        float: left;
        border: 5px solid #fff;
        /*border-radius: 20px;*/
        margin-left: 54px;
        margin-right: 35px;
        margin-top: 15px;
    }

    .testimonial-item.equal-height.style-6 {
        /*background-color: rgba(175, 135, 82, 0.20);*/
        /*border-radius: 10px;*/
        margin: 10px;
        padding: 30px;
        min-height: 300px;
    }

    .cell-right {
        /*text-align: center;*/
        margin-right: 80px;
        padding-top: 35px;
        padding-bottom: 20px;
    }

    .testimonial-name {
        font-weight: 500;
        font-size: 20px;
        text-decoration: underline;
    }

    .testimonial-content.quote {
        padding: 10px 55px;
        font-size: 18px;
        line-height: 24px;
    }

    .testimonial-item i.fa.fa-quote-left, .testimonial-item i.fa.fa-quote-right {
        padding: 0px 5px;
        color: #999;
    }

    /***************************************/

    .booking-cal .content-day.disabled, .content-day.empty {
        opacity: 0;
        background-color: #ddd !important;
        border-color: #ddd !important;
        margin: 0 !important;
        cursor: default !important;
    }

        .booking-cal .content-day.disabled > div, .content-day.empty > div {
            opacity: 0 !important;
        }

        .booking-cal .content-day.disabled.hover {
            box-shadow: none !important;
            opacity: 0.4;
        }

    /*************SELECTDIV***************/


    /*.selectdiv {
    position: relative;
}*/
    /*Don't really need this just for demo styling*/
    /*float: left;
    min-width: 200px;
    margin: 50px 33%;*/

    /* IE11 hide native button (thanks Matt!) */
    /*select::-ms-expand {
    display: none;
}*/

    /*.selectdiv:after {
    content: '\e259';
    font-family: "Glyphicons Halflings";
    font-size: 13px;  
    color: #555;
    right: 8px;
    top: 0;
    height: 46px;
    padding: 15px 0px 0px 8px;
    position: absolute;
    pointer-events: none;

}*/
    /*font: normal normal normal 17px/1 Glyphicon;*/
    /*border-left: solid 1px #e5e5e5;*/
    /*border-left: 1px solid #0ebeff;*/

    /*.selectdiv:after:hover {
        color: #2b2b2a;
    }*/

    /*.selectdiv select::-ms-expand {
    display: none;
}*/

    /*.selectdiv select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: table-cell;
    width: 100%;
    height: 46px;
    padding: 0 16px !important;
    font-size: 18px !important;
    line-height: 46px;
    background-image: none;
    cursor: pointer !important;
    border: 1px solid #e5e5e5;
    border-bottom-color: rgb(229, 229, 229);
    border-bottom-style: solid;
    border-bottom-width: 1px;
    background-color: #fff;
    box-shadow: none;
    border-bottom: solid 1px #cccccc;
    color: #222333;
}*/
    /* Add some styling */
    /*-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;*/

    /*.selectdiv select option {
        border-radius: 4px;
        width: 80%;
    }*/
    /***/

    .selectdiv {
        position: relative;
        padding-left: 8px !important;
        /*Don't really need this just for demo styling*/
        /*float: left;
    min-width: 200px;
    margin: 50px 33%;*/
        border: 1px solid #ccc;
        border-radius: 4px;
    }

    /* IE11 hide native button (thanks Matt!) */
    select::-ms-expand {
        display: none;
    }

    .selectdiv:after {
        content: '\e259';
        font-family: "Glyphicons Halflings";
        font-size: 15px;
        /*font: normal normal normal 17px/1 Glyphicon;*/
        color: #999999;
        right: 8px;
        top: 0;
        /*height: 34px;*/
        height: 46px;
        line-height: 46px;
        padding: 0 0px 0 7px;
        /*border-left: 1px solid #e5e5e5;*/
        position: absolute;
        pointer-events: none;
    }

        .selectdiv:after:hover,
        .selectdiv:after:focus,
        .selectdiv:after:active {
            color: #ff0000;
        }

    .selectdiv select::-ms-expand {
        display: none;
    }

    .selectdiv select {
        /*-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: block;
    width: 100%;
    height: 46px;
    padding: 0 36px 0 10px !important;
    font-size: 16px !important;
    line-height: 46px;
    background-image: none;
    cursor: pointer !important;*/
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        display: table-cell;
        width: 100%;
        /*height: 46px;*/
        padding: 0 5px !important;
        font-size: 15px !important;
        line-height: 1.3333333 !important;
        line-height: 24px !important;
        background-image: none;
        cursor: pointer !important;
        border: none !important;
        /*border-bottom: 2px solid #000;*/
        border-bottom: none;
        background-color: #fff;
        box-shadow: none;
        color: #000;
    }

        .selectdiv select:focus-visible {
            border: 0 !important;
            outline: 0 !important;
        }

        .selectdiv select option {
            /*border-radius: 4px;*/
            border-radius: 0;
            width: 80%;
        }

    .formselect {
        border: none !important;
        border-bottom: 2px solid #000 !important;
        background-color: #fff;
        box-shadow: none;
        color: #000;
        padding: 8px 20px !important;
    }


    @media (min-width: 767px) {
        .paddateleft {
            padding-right: 5px !important;
            padding-left: 20px !important;
        }

        .paddateright {
            padding-right: 20px !important;
            padding-left: 5px !important;
        }
    }

    /*@media (max-width: 767px) {
        .paddateleft {
            padding-right: 20px;
            padding-left: 20px;
        }

        .paddateright {
            padding-right: 20px;
            padding-left: 20px;
        }
    }*/

    .backarrow {
        position: absolute;
        right: 20px;
        top: -5px;
    }

    .post-inner img {
        max-width: 100%;
    }



    /*START HEADER MEDIA*/
    .header-media {
        position: relative;
    }

    /*START BANNERS MODULE STYLE*/
    .banner-video {
        height: 600px;
        overflow: hidden;
        position: relative;
    }

    @media (min-width: 768px) and (max-width: 991px) {
        .banner-video {
            height: 450px;
        }
    }

    .banner-video .banner-video-inner {
        width: 100%;
        height: 100%;
        position: absolute;
    }

    .banner-parallax {
        position: relative;
        height: 680px;
        overflow: hidden;
    }

        .banner-parallax .banner-inner {
            width: 100%;
            height: 100%;
            background-position: center center;
            background-repeat: no-repeat;
            background-size: cover;
        }

        .banner-parallax .banner-bg-wrap {
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            width: 100%;
            height: 100%;
            backface-visibility: hidden;
            visibility: inherit;
            z-index: 0;
            opacity: 1;
        }

    @media (max-width: 767px) {
        .banner-parallax {
            height: 350px !important;
        }
    }

    .banner-inner {
        position: relative;
        height: 680px;
        width: 100%;
        /*@include respond-to(tablet-portrait){
    height: 300px;
    background-size: 150% auto;
    background-attachment: fixed !important;
    background-position: top center !important;
  }
  @include respond-to(phone){
    height: 280px;
    background-size: 240% auto;
  }*/
    }

        .banner-inner:before {
            content: '';
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            height: 100%;
            width: 100%;
            background-color: rgba(0, 0, 0, 0.10);
            z-index: 3;
        }

    .banner-caption {
        position: absolute;
        left: 0;
        top: 80%;
        -moz-transform: translate(0, -50%);
        -o-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
        z-index: 2;
        width: 100%;
    }

        .banner-caption h1 {
            color: #fff;
        }

        .banner-caption h2 {
            color: #fff;
        }

    @media (min-width: 991px) {
        body.transparent-yes .banner-caption {
            top: 55%;
        }
    }

    .banner-video-inner {
        position: absolute;
        width: 100%;
        height: 100% !important;
        left: 50%;
        top: 50%;
        -moz-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .banner-module {
        position: relative;
        padding: 0;
    }

        .banner-module .slick-slide {
            position: relative;
        }

            .banner-module .slick-slide .caption {
                opacity: 0;
                filter: alpha(opacity=0);
                -moz-transform: translate(-30%, -50%) scale(0.5);
                -o-transform: translate(-30%, -50%) scale(0.5);
                -ms-transform: translate(-30%, -50%) scale(0.5);
                -webkit-transform: translate(-30%, -50%) scale(0.5);
                transform: translate(-30%, -50%) scale(0.5);
            }

        .banner-module .slick-active .caption {
            opacity: 1;
            filter: alpha(opacity=100);
            -moz-transform: translate(-30%, -50%) scale(1);
            -o-transform: translate(-30%, -50%) scale(1);
            -ms-transform: translate(-30%, -50%) scale(1);
            -webkit-transform: translate(-30%, -50%) scale(1);
            transform: translate(-30%, -50%) scale(1);
        }

    @media (max-width: 767px) {
        .banner-module .slick-active .caption {
            left: 50%;
            -moz-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
        }
    }

    .banner-module .owl-item {
        position: relative;
    }

        .banner-module .owl-item .caption {
            /* @include translate(-30%,-50%);*/
        }

        .banner-module .owl-item.active .caption {
            -webkit-animation-name: bounceInRight;
            animation-name: bounceInRight;
        }

    @media (max-width: 767px) {
        .banner-module .owl-item.active .caption {
            left: 50%;
            -moz-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
        }
    }

    .banner-module .caption {
        display: inline-block;
        width: 515px;
        padding: 17px;
        min-height: 85px;
        position: absolute;
        top: 50%;
        left: 30%;
        z-index: 2;
        -moz-transform: translate(-30%, -50%);
        -o-transform: translate(-30%, -50%);
        -ms-transform: translate(-30%, -50%);
        -webkit-transform: translate(-30%, -50%);
        transform: translate(-30%, -50%);
        background: rgba(255, 255, 255, 0.9);
    }

        .banner-module .caption ul {
            color: #000;
        }

            .banner-module .caption ul li {
                padding: 0;
                padding-right: 10px;
            }

                .banner-module .caption ul li:last-child {
                    padding: 0;
                }

    @media (max-width: 481px) {
        .banner-module .caption ul {
            font-size: 12px;
        }
    }

    .banner-module .caption img {
        width: auto !important;
    }

    .banner-module .caption .price {
        position: absolute;
        top: 17px;
        right: 17px;
        bottom: inherit;
        left: inherit;
        z-index: 2;
    }

    .banner-module .caption .feature-label {
        font-size: 10px;
        line-height: 10px;
        margin: 0;
        font-weight: 700;
        text-transform: uppercase;
        text-align: inherit;
        padding: 5px;
        color: #fff;
        position: absolute;
        top: -20px;
        right: inherit;
        bottom: inherit;
        left: 0;
        z-index: 2;
        background: #77c720;
    }

    .banner-module .caption .btn-detail {
        border-radius: 0;
        padding: 7px 15px;
        position: absolute;
        top: auto;
        right: 0;
        bottom: 0;
        left: auto;
        z-index: 2;
    }

        .banner-module .caption .btn-detail .fa {
            margin-left: 5px;
        }

    @media (max-width: 767px) {
        .banner-module .caption {
            width: 350px;
            padding: 12px;
        }

            .banner-module .caption .price {
                top: 12px;
                right: 12px;
            }
    }

    @media (max-width: 481px) {
        .banner-module .caption {
            width: 270px;
        }

            .banner-module .caption .amenities {
                display: none;
            }

            .banner-module .caption .date {
                display: none;
            }
    }

    .banner-slider {
        margin: 0;
        /*opacity: 0;
  @extend %animation;*/
    }

        .banner-slider img {
            position: relative;
            top: -50px;
        }

        .banner-slider .owl-controls {
            margin: 0;
        }

        .banner-slider .owl-nav div[class*="owl-"] {
            width: 50px;
            height: 50px;
            line-height: 50px;
            border-radius: 0;
            position: absolute;
            background-color: rgba(0, 0, 0, 0.68);
            margin: 0;
        }

            .banner-slider .owl-nav div[class*="owl-"] .fa {
                line-height: 40px;
                font-size: 40px;
            }

            .banner-slider .owl-nav div[class*="owl-"]:hover {
                background-color: #1BBBE1;
            }

    @media (max-width: 767px) {
        .banner-slider .owl-nav div[class*="owl-"] {
            width: 38px;
            height: 38px;
            line-height: 38px;
            font-size: 30px;
        }

            .banner-slider .owl-nav div[class*="owl-"] .fa {
                line-height: 30px;
                font-size: 20px;
            }
    }

    .banner-slider .owl-nav .owl-prev {
        left: 0;
    }

    .banner-slider .owl-nav .owl-next {
        right: 0;
    }

    @media (max-width: 767px) {
        .banner-slider .owl-controls {
            padding: 7px 0;
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
        }
    }

    .banner-slider .owl-dot span {
        background-color: #fff !important;
    }

    .banner-slider .owl-dot.active span {
        background-color: transparent !important;
        border-color: #fff !important;
    }

    .banner-slider .slick-prev, .banner-slider .slideshow .slide .slick-next, .slideshow .slide .banner-slider .slick-next, .banner-slider .slideshow .slideshow-nav .slick-next, .slideshow .slideshow-nav .banner-slider .slick-next, .banner-slider .slick-next {
        width: 50px;
        height: 50px;
        line-height: 50px;
        background: rgba(0, 174, 239, 0.75);
        border-radius: 0;
        left: 0;
        right: inherit;
    }

        .banner-slider .slick-prev:before, .banner-slider .slideshow .slide .slick-next:before, .slideshow .slide .banner-slider .slick-next:before, .banner-slider .slideshow .slideshow-nav .slick-next:before, .slideshow .slideshow-nav .banner-slider .slick-next:before, .banner-slider .slick-next:before {
            vertical-align: middle;
            line-height: 46px;
            display: block;
            height: 50px;
            font-size: 40px;
        }

    @media (max-width: 767px) {
        .banner-slider .slick-prev, .banner-slider .slideshow .slide .slick-next, .slideshow .slide .banner-slider .slick-next, .banner-slider .slideshow .slideshow-nav .slick-next, .slideshow .slideshow-nav .banner-slider .slick-next, .banner-slider .slick-next {
            width: 38px;
            height: 38px;
            line-height: 38px;
        }

            .banner-slider .slick-prev:before, .banner-slider .slideshow .slide .slick-next:before, .slideshow .slide .banner-slider .slick-next:before, .banner-slider .slideshow .slideshow-nav .slick-next:before, .slideshow .slideshow-nav .banner-slider .slick-next:before, .banner-slider .slick-next:before {
                height: 38px;
                line-height: 36px;
                font-size: 28px;
            }
    }

    @media (max-width: 481px) {
        .banner-slider .slick-prev, .banner-slider .slideshow .slide .slick-next, .slideshow .slide .banner-slider .slick-next, .banner-slider .slideshow .slideshow-nav .slick-next, .slideshow .slideshow-nav .banner-slider .slick-next, .banner-slider .slick-next {
            display: none !important;
        }
    }

    .banner-slider .slick-next {
        right: 0;
        left: inherit;
    }

    .banner-slider .slick-slide img {
        width: 100%;
    }

    .banner-slider .item {
        height: 600px;
        background-position: center center;
        background-size: cover,100%;
        background-repeat: no-repeat;
    }

    @media (min-width: 768px) and (max-width: 1198px) {
        .banner-slider .item {
            height: auto;
        }
    }

    @media (max-width: 767px) {
        .banner-slider .item {
            height: auto;
        }
    }

    .banner-slider .banner-link {
        display: block;
        position: relative;
        height: 100%;
        width: 100%;
        z-index: 1;
    }

    .banner-page-title {
        height: 300px;
    }

    @media (min-width: 768px) and (max-width: 991px) {
        .banner-page-title {
            height: 240px;
        }
    }

    @media (max-width: 767px) {
        .banner-page-title {
            height: 170px;
        }
        /*.banner-caption {
    top: 50%;
  }*/
        .banner-search-main {
            width: 70%;
            position: absolute;
            top: 130px;
            left: 15%;
            background-color: rgba(3, 174, 223, 0.35);
        }
    }

    @media (max-width: 467px) {
        .banner-search-main {
            width: 80%;
            position: absolute;
            top: 135px;
            left: 10%;
        }
    }

    @media (max-width: 367px) {
        .banner-search-main {
            width: 90%;
            position: absolute;
            top: 140px;
            left: 5%;
        }
    }

    .popup-trigger {
        z-index: 20;
        position: relative;
        bottom: 120px;
        width: 50%;
        margin: 0 auto;
        /*position: absolute;
    left: 25px;
    bottom: 70px;*/
        /*height: 40px;
    line-height: 40px;
    font-size: 15px;
    text-align: center;
    border-radius: 5px;
    background-color: white;
    cursor: pointer;
    padding: 0 15px;
    font-weight: 400;
    box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.14);
    color: #484848;*/
    }

    @media (max-width: 767px) {
        .popup-trigger {
            z-index: 20;
            position: relative;
            bottom: 60px;
            width: 50%;
            margin: 0 auto;
        }
    }

    .topshadow {
        background: -moz-linear-gradient(bottom, rgba(44, 67, 68, 0.90) 0%, rgba(255,255,255,0) 75%);
        background: -webkit-linear-gradient(bottom, rgba(44, 67, 68, 0.90) 0%, rgba(255,255,255,0) 75%);
        background: linear-gradient(to bottom, rgba(44, 67, 68, 0.90) 0%, rgba(255,255,255,0) 75%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#12444d', endColorstr='#00ffffff',GradientType=0 );
        position: absolute;
        top: 0;
        width: 100%;
        height: 150px !important;
        z-index: 1;
    }

    @media (max-width: 768px) {
        .topshadow {
            display: none !important;
        }
    }

    #sticky {
        /*padding: 0.5ex;*/
        /*min-width: 348px;*/
        background-color: #f8f8f8;
        /*color: #fff;*/
        /*font-size: 2em;*/
        /*border-radius: 0.5ex;*/
    }

    .circle-icon {
        background: #616160;
        width: 30px;
        height: 30px;
        border-radius: 50%;
        text-align: center;
        line-height: 30px;
        vertical-align: middle;
        padding: 6px 3px 3px;
        margin-bottom: 5px;
    }

    .amenidetails {
        text-align: center;
        color: #7e7e7e;
        margin-bottom: 15px;
    }

        .amenidetails i {
            font-size: 18px;
            color: #828285;
            vertical-align: middle;
        }

        .amenidetails p {
            margin: 0;
            color: #000;
            line-height: normal;
            font-size: 15px;
        }

    @media (min-width: 968px) {
        /*#sticky.stick {
        position: relative;
        z-index: 1;
        width: auto;
    }*/
        #sticky.stick, #sticky1.stick {
            position: fixed;
            top: 140px;
            z-index: 1000;
            width: 350px !important;
            /*border-radius: 0 0 0.5em 0.5em;*/
        }
        /*.dropdown-menu {
        z-index: 1001!important;
    }*/

        .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot.active:hover span {
            background: #7e7e7e;
        }

        .owl-theme .owl-dots .owl-dot:hover span {
            background: #000;
        }

        .amenidetails {
            padding: 0 0 30px 0;
            text-align: center;
            color: #616160;
            margin-bottom: 0;
        }

            .amenidetails i {
                font-size: 34px;
                color: #fff;
                /*vertical-align: middle;*/
            }

            .amenidetails p {
                margin: 0;
                color: #616163;
                line-height: normal;
                font-size: 15px;
            }

        .circle-icon {
            background: none;
            /*background: #616160;*/
            width: 48px;
            height: 48px;
            border-radius: 50%;
            text-align: center;
            line-height: 40px;
            vertical-align: middle;
            padding: 2px 4px;
            margin-bottom: 5px;
            /*********************/
            /*font-size: 48px;*/
            margin-bottom: 5px;
            color: #999 !important;
            border: solid 2px #999;
        }

        .pagination > li > a, .pagination > li > span {
            line-height: 1.42857143;
            color: #000 !important;
            text-decoration: none;
            background-color: #fff;
            border: 1px solid #ddd;
        }

        .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
            color: #fff !important;
            background-color: #004191 !important;
            border-color: #004191 !important;
        }
    }

    .toplogo {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-right: -50%;
        transform: translate(-50%, -50%);
        max-width: 420px;
        z-index: 3;
        opacity: 0.65;
    }

    .toptitle {
        position: absolute;
        bottom: -80px;
        text-align: center;
        z-index: 3;
        color: #99999a !important;
    }

    .form-group-lg .form-control {
        font-size: 16px !important;
        font-weight: 400 !important;
        height: 46px !important;
        line-height: 1.3333333;
        /*border-radius: 0 !important;*/
    }

        .form-group-lg .form-control select option {
            font-size: 14px !important;
        }

    select option {
        font-size: 14px !important;
        border-radius: 0 !important;
        width: 100%;
        margin: 10px !important;
    }

    .inputWithIcon input[type="text"] {
        padding-left: 25px;
    }

    .inputWithIcon {
        position: relative;
    }

        .inputWithIcon i {
            position: absolute;
            left: 0;
            top: 8px;
            padding: 5px 10px 8px;
            color: #7e7e7e;
            transition: 0.3s;
        }

    /*.inputWithIcon input[type="text"]:focus + i {
        color: dodgerBlue;
    }

    .inputWithIcon.inputIconBg i {
        background-color: #aaa;
        color: #fff;
        padding: 9px 4px;
        border-radius: 4px 0 0 4px;
    }

    .inputWithIcon.inputIconBg input[type="text"]:focus + i {
        color: #fff;
        background-color: dodgerBlue;
    }*/

    input[type=checkbox] {
        -moz-appearance: none;
        -webkit-appearance: none;
        -o-appearance: none;
        outline: none;
        content: none;
        margin: 0 !important;
        /*border: 0;*/
    }

        input[type=checkbox]:before {
            font-family: "FontAwesome";
            content: "\f00c";
            font-size: 16px;
            color: transparent !important;
            background: #f5f6fa;
            display: block;
            width: 24px;
            height: 24px;
            position: relative;
            top: 0;
            left: 5px;
            line-height: 22px;
            /*margin-right: 5px;*/
            white-space: nowrap;
            text-align: center !important;
            border: 1px solid #e5e5e5;
            background-color: #fff;
            border-radius: 3px;
            box-shadow: none;
            border-bottom: solid 1px #cccccc;
            margin-right: 20px;
        }

        input[type=checkbox]:checked:before {
            color: #616163 !important;
            /*background: #616163;*/
            /*border: 1px solid #99999a;*/
        }

    /*input label {
    margin-left: 30px;
    display: block;
}*/

    .backarrow {
        position: absolute;
        right: 20px;
        top: -5px;
    }

    .xspadcontainer {
        padding-left: 100px !important;
        padding-right: 100px !important;
    }

    @media only screen and (max-width: 1369px) {
        .xspadcontainer {
            padding-left: 0 !important;
            padding-right: 0 !important;
        }
    }

    a.clang {
        text-decoration: none;
        position: relative;
        top: -2px;
        font-size: 12px;
    }

        a.clang:link {
            color: rgba(255, 255, 255, 0.5) !important;
        }

        a.clang:visited {
            color: rgba(255, 255, 255, 0.5) !important;
            text-decoration: none
        }

        a.clang:hover {
            color: rgba(255, 255, 255, 0.5) !important;
        }

        a.clang:active {
            color: rgba(255, 255, 255, 0.5) !important;
        }

    a.clang {
        cursor: default !important;
        padding: 0 !important;
    }

    a.lang {
        text-decoration: none;
        font-size: 16px;
        line-height: normal;
    }

        a.lang:link {
            color: #fff;
        }

        a.lang:visited {
            color: #fff;
            text-decoration: none
        }

        a.lang:hover {
            color: #ddd;
        }

        a.lang:active {
            color: #ddd;
        }

    .l-navbar-wrapper_has-sticky .calling > a.lang:link,
    .l-navbar-wrapper_has-sticky .languages > a.lang:link {
        color: #004191 !important;
    }

    .l-navbar-wrapper_has-sticky .calling a.lang:visited,
    .l-navbar-wrapper_has-sticky .languages a.lang:visited {
        color: #004191 !important;
        text-decoration: none
    }

    .l-navbar-wrapper_has-sticky .calling > a.lang:hover,
    .l-navbar-wrapper_has-sticky .languages > a.lang:hover {
        color: #002c63 !important;
    }

    .l-navbar-wrapper_has-sticky .calling > a.lang:active,
    .l-navbar-wrapper_has-sticky .languages > a.lang:active {
        color: #002c63 !important;
    }

    .copyaligncenter {
        text-align: center;
        float: none;
    }

    .copyalignl {
        text-align: left;
        float: left;
    }

    .copyalignr {
        text-align: right;
        float: right;
    }

    @media only screen and (max-width: 768px) {

        .copyaligncenter {
            text-align: left;
            float: none;
        }

        .copyalignl,
        .copyalignr {
            text-align: center;
            float: none;
        }

            .copyalignl img, .copyalignr img {
                display: block;
                margin-right: auto;
                margin-left: auto;
            }

            .copyalignl i, .copyalignr i {
                margin-right: auto;
                margin-left: auto;
            }
    }

    a.foot:link {
        color: #fff !important;
        text-decoration: none !important;
    }

    a.foot:visited, a.gold:focus {
        color: #fff !important;
        text-decoration: none !important;
    }

    a.foot:hover {
        color: #ffffff !important;
        text-decoration: underline !important;
    }

    @media only screen and (max-width: 768px) {
        #form_search .q-search {
            padding-left: 15px;
            padding-right: 15px;
        }

        #formq .q-search {
            padding-left: 15px;
            padding-right: 15px;
        }
    }

    a.contact-r {
        font-size: 15px;
    }

        a.contact-r:link {
            text-decoration: none;
            color: #002c63;
        }

        a.contact-r:visited, a.contact:focus {
            text-decoration: none;
            color: #002c63;
        }

        a.contact-r:hover {
            color: #002c63 !important;
            text-decoration: underline !important;
        }

    @media screen and (max-width: 768px) {
        a.contact-r {
            font-size: 14px;
        }
    }

    .contact-details .media .media-left {
        text-align: center;
        padding-right: 0;
    }

        .contact-details .media .media-left i {
            font-size: 18px;
            line-height: 30px;
            padding: 5px;
            margin-top: 3px;
            margin-right: 3px;
            background-color: #002c63 !important;
            color: #fff !important;
            /*border: solid 2px #333;*/
            border-radius: 100%;
            width: 40px;
            height: 40px;
            text-align: center;
        }

    .form-control::-moz-placeholder {
        color: #828285 !important;
        opacity: 1;
        font-size: 15px;
    }

    .form-control:-ms-input-placeholder {
        color: #828285 !important;
        opacity: 1;
        font-size: 13px;
    }

    .form-control::-webkit-input-placeholder {
        color: #828285 !important;
        opacity: 1;
        font-size: 13px;
    }

    .height120 {
        height: 110px !important;
    }

    .height80 {
        height: 80px !important;
    }

    .height60 {
        height: 60px !important;
    }

    .bootstrap-select > .dropdown-toggle.bs-placeholder:active {
        background: #FFF;
        color: #000;
        border-color: #999;
    }

    .pa-left-2010 {
        padding-left: 20px !important;
        padding-right: 10px !important;
    }

    .pa-right-2010 {
        padding-left: 10px !important;
        padding-right: 20px !important;
    }

    @media screen and (max-width: 768px) {
        .pa-left-2010 {
            padding-left: 20px !important;
            padding-right: 20px !important;
        }

        .pa-right-2010 {
            padding-left: 20px !important;
            padding-right: 20px !important;
        }
    }

    strong, b {
        font-weight: 500 !important;
    }

    .modal-header h4 {
        font-size: 20px !important;
    }

    .modal-header .close {
        margin-top: -2px;
    }

    .close {
        float: right;
        font-size: 30px !important;
        font-weight: 700;
        line-height: 1;
        color: #99999a !important;
        text-shadow: 0 1px 0 #fff;
        filter: alpha(opacity=40) !important;
        opacity: .4 !important;
    }

        .close:hover {
            filter: alpha(opacity=100) !important;
            opacity: 1 !important;
            color: #616160 !important;
        }

    .c-list {
        margin: 0;
        padding: 0;
        list-style: none;
        margin-left: 1.25em;
    }

        .c-list li {
            display: block;
            /*line-height: 45px;*/
            line-height: 25px;
        }


            .c-list li:before {
                /*padding-right: 15px;*/
                font-size: 12px;
                /*content: "\f10c";*/
                content: "\f10c";
                font-family: "fontawesome";
                color: #4b4b4b;
                margin-left: -20px;
                margin-right: 10px;
            }

    .whitebox {
        /*background-color: #fff;*/
        border-top: dotted 1px #7ab9db;
        padding: 10px 5px;
        overflow: hidden;
        margin-top: 25px;
        /*border-radius: 4px;*/
    }


    /*********** SIDEBAR ***********/

    /*.wrapper {
    width: 100%;
    height: 100vh;
    background: linear-gradient(-45deg, #ee7752, #e73c7e);
    background-size: 400% 400%;
    position: relative;
}*/

    .nav-bar {
        position: absolute;
        /*background-color: #f8f8f8;*/
        background-color: #99999a;
        top: 0;
        left: -25rem;
        height: 100vh;
        width: calc(25rem - 40px);
        display: flex;
        justify-content: center;
        align-items: flex-start;
        transition: 0.5s ease-out;
        /*z-index: 9998;*/
    }

    .toggle {
        /*left: -40px;*/
        /*border-right: solid 1px #f2f2f2;*/
        /*box-shadow: 1px 0 10px 2px rgba(0, 0, 0, 0.4);*/
    }

    .toggle-menu {
        /*background-color: rgba(0, 0, 0, 0.2);*/
        position: fixed;
        top: 2rem;
        /*left: 2rem;*/
        left: 85px;
        width: 4rem;
        height: 3rem;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        padding: 0.2rem 0.5rem;
        /*border-radius: 0.5rem;*/
        z-index: 9999;
        cursor: pointer;
    }

    .line {
        width: 100%;
        height: 4px;
        border-radius: 5px;
        background-color: #fff;
        transition: 0.2s ease-out;
    }

    .toggle .line1 {
        background-color: #fff;
        transform: scale(0.9) rotateZ(-45deg) translate(-6px, 4px);
    }

    .toggle .line2 {
        display: none;
    }

    .toggle .line3 {
        background-color: #fff;
        transform: scale(0.9) rotateZ(45deg) translate(-6px, -4px);
    }

    .toggle .toggle-menu {
        background-color: none;
    }

    .nav-list {
        list-style: none;
        padding: 70px 0 0;
    }

    .nav-list-item {
        text-align: center;
        padding: 1.5rem 0;
    }

        .nav-list-item:first-child {
            border-top: solid 1px #fff;
            padding-top: 2.5rem;
        }
    /*.nav-list-item:last-child {
        border-bottom: solid 1px #99999a;
        padding-bottom: 2.5rem;
    }*/

    .nav-link {
        color: #fff;
        font-size: 1.75rem;
        text-decoration: none;
        position: relative;
        /*padding-bottom: 0.4rem;*/
        padding-bottom: 0;
    }

        .nav-link::before {
            position: absolute;
            content: '';
            left: 0;
            bottom: 8px;
            width: 100%;
            height: 2px;
            background-color: #ffa519;
            transform: scaleX(0);
            transition: 0.3s ease-in-out;
            transform-origin: left;
        }

        .nav-link:hover::before {
            transform: scaleX(1);
        }

    .l-navbar-wrapper_has-sticky .menuzord-menu > li > a:hover.nav-link
    /*.l-navbar-wrapper_has-sticky .menuzord-menu > li > a:focus.nav-link*/ {
        color: #002c63 !important;
    }

    .languages {
        /*background-color: rgba(0, 0, 0, 0.2);*/
        position: fixed;
        /*top: 9px;*/
        top: 3rem;
        /*right: 2rem;*/
        left: 30px;
        width: auto;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        padding: 0.2rem 0.8rem;
        border-radius: 0;
    }

    .calling {
        /*background-color: rgba(0, 0, 0, 0.2);*/
        position: fixed;
        top: 3rem;
        /*right: 2rem;*/
        right: 30px;
        width: auto;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        padding: 0.2rem 0.8rem;
        border-radius: 0;
    }

    /*@media only screen and (max-width: 992px) {
        .calling {
            position: relative;
            top: -40px;
            left: 5px;
            width: auto;
            height: auto;
            display: inline-flex;
            flex-direction: row;
            justify-content: space-around;
            padding: 0.2rem 0.8rem;
            border-radius: 0;
        }
    }*/

    .showlang {
        display: none;
    }

    @media only screen and (max-width: 992px) {
        .showlang {
            display: block;
            position: fixed;
            top: 15px;
            left: 30px;
        }
    }

    .logo-down {
        position: absolute;
        bottom: 20px;
        /*border-top: solid 1px #f2f2f2;*/
        padding-top: 10px;
    }

        .logo-down img {
            max-width: 150px;
        }

    @media only screen and (max-width: 768px) {
        .nav-bar {
            top: 55px;
        }

        .nav-list {
            padding: 10px 0 0;
        }

        /*.toggle {
            box-shadow: 1px 10px 10px 2px rgba(0, 0, 0, 0.4);
        }*/

        .toggle-menu {
            top: 1.25rem;
            left: 2rem;
        }

        .toggle .line1 {
            background-color: #fff;
            transform: scale(0.9) rotateZ(-45deg) translate(-6px, 4px);
        }

        .toggle .line2 {
            display: none;
        }

        .toggle .line3 {
            background-color: #fff;
            transform: scale(0.9) rotateZ(45deg) translate(-6px, -4px);
        }

        .nav-list-item:first-child {
            border-top: none;
        }

        .languages {
            top: 1.25rem;
            right: 1.25rem;
            background-color: rgba(0, 0, 0, 0);
        }

        .logo-down {
            position: absolute;
            bottom: 75px;
        }
    }

    /*************************/

    /*horizontal border elements (top & bottom)*/

    .buttons-grid .cf:before,
    .buttons-grid .cf:after {
        display: table;
        content: " ";
    }

    .buttons-grid .cf:after {
        clear: both
    }

    .buttons-grid .bg2-1,
    .buttons-grid .bg2-2,
    .buttons-grid .bg2-3,
    .buttons-grid .bg2-4 {
        transition: all 750ms ease-in;
    }

        .buttons-grid .bg2-1 .v-border,
        .buttons-grid .bg2-2 .v-border,
        .buttons-grid .bg2-3 .v-border,
        .buttons-grid .bg2-4 .v-border {
            position: absolute;
            top: 0%;
            left: 0%;
            width: 100%;
            height: 100%;
        }

            .buttons-grid .bg2-1 .v-border:before,
            .buttons-grid .bg2-2 .v-border:before,
            .buttons-grid .bg2-3 .v-border:before,
            .buttons-grid .bg2-4 .v-border:before,
            .buttons-grid .bg2-1 .v-border:after,
            .buttons-grid .bg2-2 .v-border:after,
            .buttons-grid .bg2-3 .v-border:after,
            .buttons-grid .bg2-4 .v-border:after {
                width: 0%;
                height: 1px;
                left: 50%;
                transition: all 750ms ease-out;
                background: rgba(255, 255, 255, 0.35);
            }

            .buttons-grid .bg2-1 .v-border:before,
            .buttons-grid .bg2-2 .v-border:before,
            .buttons-grid .bg2-3 .v-border:before,
            .buttons-grid .bg2-4 .v-border:before {
                content: '';
                top: 10%;
                position: absolute;
            }

            .buttons-grid .bg2-1 .v-border:after,
            .buttons-grid .bg2-2 .v-border:after,
            .buttons-grid .bg2-3 .v-border:after,
            .buttons-grid .bg2-4 .v-border:after {
                content: '';
                bottom: 10%;
                position: absolute;
            }

        /*horizontal elements (left & right)*/

        .buttons-grid .bg2-1 .h-border,
        .buttons-grid .bg2-2 .h-border,
        .buttons-grid .bg2-3 .h-border,
        .buttons-grid .bg2-4 .h-border {
            position: absolute;
            top: 0%;
            left: 0%;
            width: 100%;
            height: 100%;
        }

            .buttons-grid .bg2-1 .h-border:before,
            .buttons-grid .bg2-2 .h-border:before,
            .buttons-grid .bg2-3 .h-border:before,
            .buttons-grid .bg2-4 .h-border:before,
            .buttons-grid .bg2-1 .h-border:after,
            .buttons-grid .bg2-2 .h-border:after,
            .buttons-grid .bg2-3 .h-border:after,
            .buttons-grid .bg2-4 .h-border:after {
                height: 0%;
                top: 50%;
                width: 1px;
                transition: all 750ms ease-out;
                background: rgba(255, 255, 255, 0.35);
            }

            .buttons-grid .bg2-1 .h-border:before,
            .buttons-grid .bg2-2 .h-border:before,
            .buttons-grid .bg2-3 .h-border:before,
            .buttons-grid .bg2-4 .h-border:before {
                content: '';
                left: 10%;
                /*height: 0%;*/
                position: absolute;
            }

            .buttons-grid .bg2-1 .h-border:after,
            .buttons-grid .bg2-2 .h-border:after,
            .buttons-grid .bg2-3 .h-border:after,
            .buttons-grid .bg2-4 .h-border:after {
                content: '';
                right: 10%;
                position: absolute;
            }


        /*hover states for interactivity*/
        .buttons-grid .bg2-1:active .v-border:before,
        .buttons-grid .bg2-1:active .v-border:after,
        .buttons-grid .bg2-1:hover .v-border:before,
        .buttons-grid .bg2-1:hover .v-border:after,
        .buttons-grid .bg2-2:active .v-border:before,
        .buttons-grid .bg2-2:active .v-border:after,
        .buttons-grid .bg2-2:hover .v-border:before,
        .buttons-grid .bg2-2:hover .v-border:after,
        .buttons-grid .bg2-3:active .v-border:before,
        .buttons-grid .bg2-3:active .v-border:after,
        .buttons-grid .bg2-3:hover .v-border:before,
        .buttons-grid .bg2-3:hover .v-border:after,
        .buttons-grid .bg2-4:active .v-border:before,
        .buttons-grid .bg2-4:active .v-border:after,
        .buttons-grid .bg2-4:hover .v-border:before,
        .buttons-grid .bg2-4:hover .v-border:after {
            width: 90%;
            left: 5%;
        }

        .buttons-grid .bg2-1:active .h-border:before,
        .buttons-grid .bg2-1:active .h-border:after,
        .buttons-grid .bg2-1:hover .h-border:before,
        .buttons-grid .bg2-1:hover .h-border:after,
        .buttons-grid .bg2-2:active .h-border:before,
        .buttons-grid .bg2-2:active .h-border:after,
        .buttons-grid .bg2-2:hover .h-border:before,
        .buttons-grid .bg2-2:hover .h-border:after,
        .buttons-grid .bg2-3:active .h-border:before,
        .buttons-grid .bg2-3:active .h-border:after,
        .buttons-grid .bg2-3:hover .h-border:before,
        .buttons-grid .bg2-3:hover .h-border:after,
        .buttons-grid .bg2-4:active .h-border:before,
        .buttons-grid .bg2-4:active .h-border:after,
        .buttons-grid .bg2-4:hover .h-border:before,
        .buttons-grid .bg2-4:hover .h-border:after {
            height: 90%;
            top: 5%;
        }

    /*******************************************/

    .buttons-grid .bg2exp-1,
    .buttons-grid .bg2exp-2,
    .buttons-grid .bg2exp-3,
    .buttons-grid .bg2exp-4,
    .buttons-grid .bg2exp-5,
    .buttons-grid .bg2exp-6,
    .buttons-grid .bg2exp-7,
    .buttons-grid .bg2exp-8,
    .buttons-grid .bg2exp-9,
    .buttons-grid .bg2exp-10,
    .buttons-grid .bg2exp-11,
    .buttons-grid .bg2exp-12 {
        transition: all 750ms ease-in;
    }

        .buttons-grid .bg2exp-1 .v-border,
        .buttons-grid .bg2exp-2 .v-border,
        .buttons-grid .bg2exp-3 .v-border,
        .buttons-grid .bg2exp-4 .v-border,
        .buttons-grid .bg2exp-5 .v-border,
        .buttons-grid .bg2exp-6 .v-border,
        .buttons-grid .bg2exp-7 .v-border,
        .buttons-grid .bg2exp-8 .v-border,
        .buttons-grid .bg2exp-9 .v-border,
        .buttons-grid .bg2exp-10 .v-border,
        .buttons-grid .bg2exp-11 .v-border,
        .buttons-grid .bg2exp-12 .v-border {
            position: absolute;
            top: 0%;
            left: 0%;
            width: 100%;
            height: 100%;
        }

            .buttons-grid .bg2exp-1 .v-border:before,
            .buttons-grid .bg2exp-2 .v-border:before,
            .buttons-grid .bg2exp-3 .v-border:before,
            .buttons-grid .bg2exp-4 .v-border:before,
            .buttons-grid .bg2exp-5 .v-border:before,
            .buttons-grid .bg2exp-6 .v-border:before,
            .buttons-grid .bg2exp-7 .v-border:before,
            .buttons-grid .bg2exp-8 .v-border:before,
            .buttons-grid .bg2exp-9 .v-border:before,
            .buttons-grid .bg2exp-10 .v-border:before,
            .buttons-grid .bg2exp-11 .v-border:before,
            .buttons-grid .bg2exp-12 .v-border:before,
            .buttons-grid .bg2exp-1 .v-border:after,
            .buttons-grid .bg2exp-2 .v-border:after,
            .buttons-grid .bg2exp-3 .v-border:after,
            .buttons-grid .bg2exp-4 .v-border:after,
            .buttons-grid .bg2exp-5 .v-border:after,
            .buttons-grid .bg2exp-6 .v-border:after,
            .buttons-grid .bg2exp-7 .v-border:after,
            .buttons-grid .bg2exp-8 .v-border:after,
            .buttons-grid .bg2exp-9 .v-border:after,
            .buttons-grid .bg2exp-10 .v-border:after,
            .buttons-grid .bg2exp-11 .v-border:after,
            .buttons-grid .bg2exp-12 .v-border:after {
                width: 0%;
                height: 1px;
                left: 50%;
                transition: all 750ms ease-out;
                background: rgba(255, 255, 255, 0.35);
            }

            .buttons-grid .bg2exp-1 .v-border:before,
            .buttons-grid .bg2exp-2 .v-border:before,
            .buttons-grid .bg2exp-3 .v-border:before,
            .buttons-grid .bg2exp-4 .v-border:before,
            .buttons-grid .bg2exp-5 .v-border:before,
            .buttons-grid .bg2exp-6 .v-border:before,
            .buttons-grid .bg2exp-7 .v-border:before,
            .buttons-grid .bg2exp-8 .v-border:before,
            .buttons-grid .bg2exp-9 .v-border:before,
            .buttons-grid .bg2exp-10 .v-border:before,
            .buttons-grid .bg2exp-11 .v-border:before,
            .buttons-grid .bg2exp-12 .v-border:before {
                content: '';
                top: 10%;
                position: absolute;
            }

            .buttons-grid .bg2exp-1 .v-border:after,
            .buttons-grid .bg2exp-2 .v-border:after,
            .buttons-grid .bg2exp-3 .v-border:after,
            .buttons-grid .bg2exp-4 .v-border:after,
            .buttons-grid .bg2exp-5 .v-border:after,
            .buttons-grid .bg2exp-6 .v-border:after,
            .buttons-grid .bg2exp-7 .v-border:after,
            .buttons-grid .bg2exp-8 .v-border:after,
            .buttons-grid .bg2exp-9 .v-border:after,
            .buttons-grid .bg2exp-10 .v-border:after,
            .buttons-grid .bg2exp-11 .v-border:after,
            .buttons-grid .bg2exp-12 .v-border:after {
                content: '';
                bottom: 10%;
                position: absolute;
            }

        /*horizontal elements (left & right)*/

        .buttons-grid .bg2exp-1 .h-border,
        .buttons-grid .bg2exp-2 .h-border,
        .buttons-grid .bg2exp-3 .h-border,
        .buttons-grid .bg2exp-4 .h-border,
        .buttons-grid .bg2exp-5 .h-border,
        .buttons-grid .bg2exp-6 .h-border,
        .buttons-grid .bg2exp-7 .h-border,
        .buttons-grid .bg2exp-8 .h-border,
        .buttons-grid .bg2exp-9 .h-border,
        .buttons-grid .bg2exp-10 .h-border,
        .buttons-grid .bg2exp-11 .h-border,
        .buttons-grid .bg2exp-12 .h-border {
            position: absolute;
            top: 0%;
            left: 0%;
            width: 100%;
            height: 100%;
        }

            .buttons-grid .bg2exp-1 .h-border:before,
            .buttons-grid .bg2exp-2 .h-border:before,
            .buttons-grid .bg2exp-3 .h-border:before,
            .buttons-grid .bg2exp-4 .h-border:before,
            .buttons-grid .bg2exp-5 .h-border:before,
            .buttons-grid .bg2exp-6 .h-border:before,
            .buttons-grid .bg2exp-7 .h-border:before,
            .buttons-grid .bg2exp-8 .h-border:before,
            .buttons-grid .bg2exp-9 .h-border:before,
            .buttons-grid .bg2exp-10 .h-border:before,
            .buttons-grid .bg2exp-11 .h-border:before,
            .buttons-grid .bg2exp-12 .h-border:before,
            .buttons-grid .bg2exp-1 .h-border:after,
            .buttons-grid .bg2exp-2 .h-border:after,
            .buttons-grid .bg2exp-3 .h-border:after,
            .buttons-grid .bg2exp-4 .h-border:after,
            .buttons-grid .bg2exp-5 .h-border:after,
            .buttons-grid .bg2exp-6 .h-border:after,
            .buttons-grid .bg2exp-7 .h-border:after,
            .buttons-grid .bg2exp-8 .h-border:after,
            .buttons-grid .bg2exp-9 .h-border:after,
            .buttons-grid .bg2exp-10 .h-border:after,
            .buttons-grid .bg2exp-11 .h-border:after,
            .buttons-grid .bg2exp-12 .h-border:after {
                height: 0%;
                top: 50%;
                width: 1px;
                transition: all 750ms ease-out;
                background: rgba(255, 255, 255, 0.35);
            }

            .buttons-grid .bg2exp-1 .h-border:before,
            .buttons-grid .bg2exp-2 .h-border:before,
            .buttons-grid .bg2exp-3 .h-border:before,
            .buttons-grid .bg2exp-4 .h-border:before,
            .buttons-grid .bg2exp-5 .h-border:before,
            .buttons-grid .bg2exp-6 .h-border:before,
            .buttons-grid .bg2exp-7 .h-border:before,
            .buttons-grid .bg2exp-8 .h-border:before,
            .buttons-grid .bg2exp-9 .h-border:before,
            .buttons-grid .bg2exp-10 .h-border:before,
            .buttons-grid .bg2exp-11 .h-border:before,
            .buttons-grid .bg2exp-12 .h-border:before {
                content: '';
                left: 10%;
                /*height: 0%;*/
                position: absolute;
            }

            .buttons-grid .bg2exp-1 .h-border:after,
            .buttons-grid .bg2exp-2 .h-border:after,
            .buttons-grid .bg2exp-3 .h-border:after,
            .buttons-grid .bg2exp-4 .h-border:after,
            .buttons-grid .bg2exp-5 .h-border:after,
            .buttons-grid .bg2exp-6 .h-border:after,
            .buttons-grid .bg2exp-7 .h-border:after,
            .buttons-grid .bg2exp-8 .h-border:after,
            .buttons-grid .bg2exp-9 .h-border:after,
            .buttons-grid .bg2exp-10 .h-border:after,
            .buttons-grid .bg2exp-11 .h-border:after,
            .buttons-grid .bg2exp-12 .h-border:after {
                content: '';
                right: 10%;
                position: absolute;
            }


        /*hover states for interactivity*/
        .buttons-grid .bg2exp-1:active .v-border:before,
        .buttons-grid .bg2exp-1:active .v-border:after,
        .buttons-grid .bg2exp-1:hover .v-border:before,
        .buttons-grid .bg2exp-1:hover .v-border:after,
        .buttons-grid .bg2exp-2:active .v-border:before,
        .buttons-grid .bg2exp-2:active .v-border:after,
        .buttons-grid .bg2exp-2:hover .v-border:before,
        .buttons-grid .bg2exp-2:hover .v-border:after,
        .buttons-grid .bg2exp-3:active .v-border:before,
        .buttons-grid .bg2exp-3:active .v-border:after,
        .buttons-grid .bg2exp-3:hover .v-border:before,
        .buttons-grid .bg2exp-3:hover .v-border:after,
        .buttons-grid .bg2exp-4:active .v-border:before,
        .buttons-grid .bg2exp-4:active .v-border:after,
        .buttons-grid .bg2exp-4:hover .v-border:before,
        .buttons-grid .bg2exp-4:hover .v-border:after,
        .buttons-grid .bg2exp-5:active .v-border:before,
        .buttons-grid .bg2exp-5:active .v-border:after,
        .buttons-grid .bg2exp-5:hover .v-border:before,
        .buttons-grid .bg2exp-5:hover .v-border:after,
        .buttons-grid .bg2exp-6:active .v-border:before,
        .buttons-grid .bg2exp-6:active .v-border:after,
        .buttons-grid .bg2exp-6:hover .v-border:before,
        .buttons-grid .bg2exp-6:hover .v-border:after,
        .buttons-grid .bg2exp-7:active .v-border:before,
        .buttons-grid .bg2exp-7:active .v-border:after,
        .buttons-grid .bg2exp-7:hover .v-border:before,
        .buttons-grid .bg2exp-7:hover .v-border:after,
        .buttons-grid .bg2exp-8:active .v-border:before,
        .buttons-grid .bg2exp-8:active .v-border:after,
        .buttons-grid .bg2exp-8:hover .v-border:before,
        .buttons-grid .bg2exp-8:hover .v-border:after,
        .buttons-grid .bg2exp-9:active .v-border:before,
        .buttons-grid .bg2exp-9:active .v-border:after,
        .buttons-grid .bg2exp-9:hover .v-border:before,
        .buttons-grid .bg2exp-9:hover .v-border:after,
        .buttons-grid .bg2exp-10:active .v-border:before,
        .buttons-grid .bg2exp-10:active .v-border:after,
        .buttons-grid .bg2exp-10:hover .v-border:before,
        .buttons-grid .bg2exp-10:hover .v-border:after,
        .buttons-grid .bg2exp-11:active .v-border:before,
        .buttons-grid .bg2exp-11:active .v-border:after,
        .buttons-grid .bg2exp-11:hover .v-border:before,
        .buttons-grid .bg2exp-11:hover .v-border:after,
        .buttons-grid .bg2exp-12:active .v-border:before,
        .buttons-grid .bg2exp-12:active .v-border:after,
        .buttons-grid .bg2exp-12:hover .v-border:before,
        .buttons-grid .bg2exp-12:hover .v-border:after {
            width: 90%;
            left: 5%;
        }

        .buttons-grid .bg2exp-1:active .h-border:before,
        .buttons-grid .bg2exp-1:active .h-border:after,
        .buttons-grid .bg2exp-1:hover .h-border:before,
        .buttons-grid .bg2exp-1:hover .h-border:after,
        .buttons-grid .bg2exp-2:active .h-border:before,
        .buttons-grid .bg2exp-2:active .h-border:after,
        .buttons-grid .bg2exp-2:hover .h-border:before,
        .buttons-grid .bg2exp-2:hover .h-border:after,
        .buttons-grid .bg2exp-3:active .h-border:before,
        .buttons-grid .bg2exp-3:active .h-border:after,
        .buttons-grid .bg2exp-3:hover .h-border:before,
        .buttons-grid .bg2exp-3:hover .h-border:after,
        .buttons-grid .bg2exp-4:active .h-border:before,
        .buttons-grid .bg2exp-4:active .h-border:after,
        .buttons-grid .bg2exp-4:hover .h-border:before,
        .buttons-grid .bg2exp-4:hover .h-border:after,
        .buttons-grid .bg2exp-5:active .h-border:before,
        .buttons-grid .bg2exp-5:active .h-border:after,
        .buttons-grid .bg2exp-5:hover .h-border:before,
        .buttons-grid .bg2exp-5:hover .h-border:after,
        .buttons-grid .bg2exp-6:active .h-border:before,
        .buttons-grid .bg2exp-6:active .h-border:after,
        .buttons-grid .bg2exp-6:hover .h-border:before,
        .buttons-grid .bg2exp-6:hover .h-border:after,
        .buttons-grid .bg2exp-7:active .h-border:before,
        .buttons-grid .bg2exp-7:active .h-border:after,
        .buttons-grid .bg2exp-7:hover .h-border:before,
        .buttons-grid .bg2exp-7:hover .h-border:after,
        .buttons-grid .bg2exp-8:active .h-border:before,
        .buttons-grid .bg2exp-8:active .h-border:after,
        .buttons-grid .bg2exp-8:hover .h-border:before,
        .buttons-grid .bg2exp-8:hover .h-border:after,
        .buttons-grid .bg2exp-9:active .h-border:before,
        .buttons-grid .bg2exp-9:active .h-border:after,
        .buttons-grid .bg2exp-9:hover .h-border:before,
        .buttons-grid .bg2exp-9:hover .h-border:after,
        .buttons-grid .bg2exp-10:active .h-border:before,
        .buttons-grid .bg2exp-10:active .h-border:after,
        .buttons-grid .bg2exp-10:hover .h-border:before,
        .buttons-grid .bg2exp-10:hover .h-border:after,
        .buttons-grid .bg2exp-11:active .h-border:before,
        .buttons-grid .bg2exp-11:active .h-border:after,
        .buttons-grid .bg2exp-11:hover .h-border:before,
        .buttons-grid .bg2exp-11:hover .h-border:after,
        .buttons-grid .bg2exp-12:active .h-border:before,
        .buttons-grid .bg2exp-12:active .h-border:after,
        .buttons-grid .bg2exp-12:hover .h-border:before,
        .buttons-grid .bg2exp-12:hover .h-border:after {
            height: 90%;
            top: 5%;
        }


    /*******************************************/

    .s_avatar {
        height: 120px;
        margin: 0 15px 0 0;
        overflow: hidden;
        width: 120px;
        float: left;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        border-radius: 100%;
        text-align: center;
    }

        .s_avatar p {
            position: absolute;
            bottom: -45px;
            left: 65px;
        }

    .video-container {
        position: relative;
        padding-bottom: 56.25%;
        /*padding-top: 30px;*/
        height: 0;
        overflow: hidden;
    }

        .video-container iframe,
        .video-container object,
        .video-container embed {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }

    .hometitle i {
        font-size: 48px;
        line-height: normal;
        padding: 6px;
        margin-bottom: 15px;
        color: #fff !important;
        border: solid 2px #fff;
        border-radius: 100%;
        width: 68px;
        height: 68px;
    }

    .calling i {
        font-size: 18px;
    }

    .balloonright {
        position: relative;
        font-size: 16px;
        opacity: 0;
        display: none;
    }

        .balloonright:before, .balloonright:after {
            top: 100%;
            /*left: 50%;
            transform: translate(-50%, 0);*/
            right: 0;
            position: absolute;
            z-index: 10;
            transition: all 0.18s ease-out 0.18s;
            font-size: 14px;
        }

        .balloonright:before {
            content: "";
            margin-top: -6px;
            margin-right: 2px;
            border-left: 10px solid transparent;
            border-right: 10px solid transparent;
            border-bottom: 10px solid #fff;
        }
        /*border-top: solid 8px rgba(17, 17, 17, 0.9);*/
        /*border-bottom: 6px solid rgba(17, 17, 17, 0.9);*/

        .balloonright:after {
            background-color: #fff;
            /*background-color: rgba(17, 17, 17, 0.9);*/
            /*border-radius: 3px;*/
            color: #000;
            content: attr(balloon-data);
            margin-top: 0;
            padding: 5px 8px;
            white-space: nowrap;
        }

    #b1:hover .balloonright,
    #b2:hover .balloonright,
    #b3:hover .balloonright {
        display: block;
        opacity: 1;
        margin: 8px 0;
    }

    .l-navbar-wrapper_has-sticky .balloonright:before {
        border-bottom: 10px solid #002c63;
    }

    .l-navbar-wrapper_has-sticky .balloonright:after {
        background-color: #002c63 !important;
        color: #fff;
    }


    .balloonleft {
        position: relative;
        font-size: 16px;
        opacity: 0;
        display: none;
    }

        .balloonleft:before, .balloonleft:after {
            top: 100%;
            /*left: 50%;
            transform: translate(-50%, 0);*/
            left: 0;
            position: absolute;
            z-index: 10;
            transition: all 0.18s ease-out 0.18s;
            font-size: 14px;
        }

        .balloonleft:before {
            content: "";
            margin-top: -6px;
            margin-right: 2px;
            border-left: 10px solid transparent;
            border-right: 10px solid transparent;
            border-bottom: 10px solid #fff;
        }

        .balloonleft:after {
            background-color: #fff;
            /*background-color: rgba(17, 17, 17, 0.9);*/
            /*border-radius: 3px;*/
            color: #000;
            content: attr(balloon-data);
            margin-top: 0;
            padding: 5px 8px;
            white-space: nowrap;
        }

    #b1:hover .balloonleft,
    #b2:hover .balloonleft,
    #b3:hover .balloonleft {
        display: block;
        opacity: 1;
        margin: 8px 0;
    }

    .l-navbar-wrapper_has-sticky .balloonleft:before {
        border-bottom: 10px solid #002c63;
    }

    .l-navbar-wrapper_has-sticky .balloonleft:after {
        background-color: #002c63 !important;
        color: #fff;
    }


    /*.navbar-nav > li > a {
    padding-top: 0!important;
    padding-bottom: 0!important;
    color: #fff;
}

    .navbar-nav > li > a:focus, .nav > li > a:hover {
        text-decoration: none;
        background-color: transparent !important;
        color: #ddd;
    }*/

    .parallaxw {
        background-image: url("/assets/img/section1a.jpg");
        background-repeat: no-repeat;
        background-size: contain;
        background-position: right;
        width: 100%;
        height: auto;
        padding: 270px 30px;
    }

        .parallaxw img {
            width: 100%;
            height: 660px;
        }

        .parallaxw h1 {
            font-family: 'Source Serif 4', serif;
            font-size: 70px;
            text-align: center;
            padding-right: 220px;
            padding-bottom: 220px;
        }

        .parallaxw p {
        }

    .textpos {
        position: absolute;
        bottom: 40px;
        width: 30%;
    }

        .textpos a {
            font-weight: 500;
            letter-spacing: 1.5px;
        }

    .textpostop {
        position: absolute;
        top: 40px;
        text-align: center;
        width: 90%;
    }

        .textpostop a {
            font-weight: 500;
            letter-spacing: 1.5px;
        }

    @media (max-width: 1679px) {
        .parallaxw {
            width: 65%;
            float: right;
        }
    }

    @media (max-width: 992px) {
        .parallaxwno img {
            margin-bottom: 20px;
        }

        .parallaxwno p {
            font-size: 15px;
            margin-top: 20px;
        }

        .textpos {
            position: absolute;
            bottom: 0;
            width: 100%;
        }

            .textpos a {
                font-weight: 500;
                letter-spacing: 1.5px;
            }
    }

    .parallaxw1 {
        text-align: center;
        padding: 100px 50px;
    }

        .parallaxw1 h1 {
            font-family: 'Source Serif 4', serif;
            font-size: 36px;
            letter-spacing: normal;
            margin-bottom: 0;
        }

        .parallaxw1 p {
            padding: 20px;
            font-size: 14px;
            color: #004191;
        }

    .ptb100 {
        padding: 100px 0 !important;
    }

    .parallaxw1par {
        padding: 0;
    }

    @media (max-width: 992px) {
        .parallaxw1 h1 {
            font-family: 'Source Serif 4', serif;
            font-size: 20px;
            letter-spacing: 2.5px;
            margin-bottom: 0;
            margin-top: 10px;
        }

        .parallaxw1par {
            padding: 20px;
        }

        .parallaxw1 p {
            font-size: 15px;
        }

        .ptb100 {
            padding: 50px 0 !important;
        }
    }

    .pariconic h1 {
        font-family: 'Source Serif 4', serif;
        font-size: 50px;
        /*margin-left: -50px;*/
    }

    .bgboxwhite {
        position: absolute;
        top: -10px;
        left: 0;
        background-color: #fff;
        min-height: 600px;
        width: 65%;
    }

    .contactbox {
        padding: 30px;
        -webkit-box-shadow: 5px 5px 5px 2px rgba(0,0,0,0.1);
        box-shadow: 5px 5px 5px 2px rgba(0,0,0,0.1);
        background-color: #f1f2f2;
        border: solid 2px #f1f2f2;
        /*border-radius: 20px;*/
    }

    .borderhalfwhite {
        /*border: solid 5px #8282857f;*/
        /*border-radius: 20px;*/
        border-right: none;
    }

    .g-recaptcha {
        display: inline-block;
    }

    @media (max-width: 992px) {

        .addbottomspace {
            margin-top: 20px;
            margin-bottom: 20px;
        }

        .pariconic h1 {
            font-family: 'Source Serif 4', serif;
            font-size: 30px;
            margin-left: 0;
        }

        .bgboxwhite {
            display: none;
        }

        #contactboxnopad.col-xs-12 {
            padding: 20px 0;
        }

        #nopadd {
            padding: 0;
        }

        .contactbox {
            padding: 20px;
            -webkit-box-shadow: none;
            box-shadow: none;
            background-color: none;
            border: none;
        }

        .contact-details .media .media-left i {
            margin-right: 10px;
        }
    }

    .aboutboxwhite {
        position: absolute;
        /*top: -10px;*/
        top: 0;
        left: 0;
        background-color: #fff;
        min-height: 100%;
        width: 80%;
    }

    .aboutboxwhite2 {
        position: absolute;
        /*top: -10px;*/
        top: 0;
        right: 0;
        background-color: #fff;
        min-height: 100%;
        width: 65%;
    }

    .aboutboxcall {
        position: absolute;
        top: -10px;
        left: 0;
        background-color: #fff;
        min-height: 100%;
        width: 80%;
    }

    @media (max-width: 992px) {
        .aboutboxwhite,
        .aboutboxwhite2,
        .aboutboxcall {
            display: none;
        }
    }

    .aboutboxgray {
        position: absolute;
        /*top: -10px;*/
        top: 0;
        left: 0;
        background-color: #fff;
        min-height: 100%;
        width: 85%;
    }

    .aboutboxgray2 {
        position: absolute;
        /*top: -10px;*/
        top: 0;
        right: 0;
        background-color: #f2f2f2;
        min-height: 100%;
        width: 85%;
    }

    @media (max-width: 992px) {
        .aboutboxgray,
        .aboutboxgray2 {
            display: none;
        }
    }

    .grayimage img {
        filter: grayscale(100%);
        max-width: 200px;
    }

        .grayimage img:hover {
            filter: none;
        }

    .tailored {
        padding: 50px 0 !important;
        min-height: 170px;
    }

        .tailored h1 {
            position: absolute;
            top: 20px;
            left: 80px;
            text-align: left;
            z-index: 2;
            font-size: 24px;
            font-weight: 400;
            font-family: 'Source Serif 4', serif;
            /*text-transform: uppercase;*/
            margin-right: 40px;
        }

    .tailored_box {
        position: absolute;
        top: -20px;
        left: 40px;
        z-index: 1;
        border: solid 5px #8282857f;
        width: 25%;
        height: 170px;
        border-top: none;
        border-right: none;
        border-radius: 20px;
    }

    /*.tailored_box h1 {
        z-index: 1;
        border: solid 8px rgba(162, 218, 219, 0.65);
        border-bottom: none;
        border-right: none;
        padding: 30px 20px;
        margin-top: -40px;
        margin-left: -30px;
    }*/

    .tailored_pad {
        position: absolute;
        top: 60px;
        left: 80px;
        text-align: left;
        z-index: 2;
        margin-right: 40px;
    }

    .tailored i {
        color: #82828573;
    }

    @media (max-width: 992px) {
        .tailored {
            margin-left: 0;
            margin-right: 0;
            min-height: 200px;
        }

        .tailored_box {
            display: none;
        }

        .tailored_pad {
            padding-top: 20px;
            padding-bottom: 0;
            top: auto;
            left: 60px;
        }

        .tailored h1 {
            position: absolute;
            top: 18px;
            left: 40px;
            text-align: left;
            z-index: 2;
            font-size: 20px;
            font-weight: 400;
            font-family: 'Source Serif 4', serif;
            /*text-transform: uppercase;*/
            margin-right: 40px;
            line-height: normal;
            letter-spacing: normal;
        }
    }

    .centervbox {
        display: flex;
        /*align-items: center;*/
        justify-content: center;
        padding: 60px 30px;
    }

    .centervbox-item {
        /*max-width: 35%;*/
        z-index: 3;
        /*left: 30px;*/
    }

        .centervbox-item h3,
        .centervbox-item p,
        .centervbox-item ul {
            padding-left: 20px;
            padding-right: 20px;
        }

    @media (max-width: 968px) {
        .centervbox {
            align-items: flex-start;
            justify-content: flex-start;
            padding: 0;
        }

        .centervbox-item h3,
        .centervbox-item p,
        .centervbox-item ul {
            padding-left: 0;
            padding-right: 0;
        }
    }

    @media (max-width: 768px) {
        .centervbox {
            display: block;
        }

        .centervbox-item {
            max-width: 100% !important;
            display: block !important;
        }
    }

    /*.modal-header {
    background-color: #004191;
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
}*/

    .modal-content {
        overflow: hidden;
        /*border-radius: 6px;*/
        border-radius: 0;
    }

    .modal-header {
        background-color: #004191;
    }

        .modal-header button,
        h4.modal-title {
            color: #fff !important;
            opacity: 1;
        }

        .modal-header button {
            font-size: 30px;
        }

    .modal.fade .modal-dialog {
        z-index: 9999;
    }

    .modal-footer {
        background-color: #eee;
    }

    .modal-header .close {
        color: #fff;
        font-size: 40px;
        line-height: .75;
    }

    /* modal wrapper bugfix */
    .modal {
        /*padding-top: 130px;*/
        background: rgba(0,0,0,0.3);
    }

    .modal-backdrop {
        z-index: 1 !important; /* because of #wrapper */
    }

    @media (max-width: 968px) {
        .modal-dialog {
            position: relative;
            width: auto;
            padding: 80px;
        }

        .success-popup {
            margin: 0 auto;
        }
    }

    .layerbox {
        background-color: #ffffffd9;
    }

    .breadcrumb a,
    .breadcrumb a:visited {
        color: #ffffff9a;
        text-decoration: none;
    }

        .breadcrumb a:hover {
            color: #fff;
            /*text-decoration: underline!important;*/
        }

    .breadcrumb.internal li > a {
        color: #616163a6;
    }

    .breadcrumb.internal a,
    .breadcrumb.internal a:visited {
        color: #616163;
        text-decoration: none;
    }

        .breadcrumb.internal a:hover {
            color: #1c2224;
            /*text-decoration: underline!important;*/
        }

    .footer-2 {
        padding: 30px 0 0;
        border-top: 1px solid #ddd;
    }

        .footer-2 .primary-footer {
            display: inline-block;
            width: 100%;
            padding: 14px 0 28px;
        }

            .footer-2 .primary-footer a,
            .footer-2 .primary-footer a:visited {
                color: #002c63;
                text-decoration: none;
                font-size: 14px;
            }

                .footer-2 .primary-footer a:hover {
                    text-decoration: underline !important;
                    color: #1c2224;
                }

        .footer-2 .secondary-footer {
            display: inline-block;
            width: 100%;
            padding: 14px 0;
            /*border-top: 1px solid #111f34;*/
            background: #004191;
            font-weight: normal;
            font-size: 13px;
            vertical-align: bottom;
        }

    /*.footer-logo {
    max-width: 180px;
}*/

    .rightborder {
        border-right: solid 2px #ddd;
        min-height: 120px;
    }

    @media (max-width: 968px) {
        .rightborder {
            border-right: none;
            min-height: auto;
            margin-bottom: 20px;
        }

        .leftspace {
            padding-left: 20px !important;
        }
    }

    /*************************************/

    .scroll-down {
        /*bottom: 80px;*/
        bottom: 0;
        height: 100px;
        left: 1px;
        margin: 0 auto;
        position: absolute;
        right: 0;
        text-align: center;
        z-index: 1190;
    }

    .scroll-down-text {
        color: #d8d8d8;
        font-weight: bold;
    }

    .scroll-down-bar {
        background: #f4ebd17f;
        bottom: 2px;
        display: inline-block;
        height: 65px;
        left: 1px;
        margin: 0 auto;
        overflow: hidden;
        position: absolute;
        right: 0;
        width: 13px;
        border-radius: 6px;
    }

        .scroll-down-bar::before {
            animation: scrollDown 1.5s infinite;
            background: #fff;
            content: '';
            display: inline-block;
            height: 35px;
            left: 0;
            position: absolute;
            top: 0;
            width: 13px;
            z-index: 1190;
            border-radius: 6px;
        }

    @-moz-keyframes scrollDown {
        0% {
            transform: translate3d(0, 0, 0);
        }

        50% {
            animation-timing-function: ease-out;
            transform: translate3d(0, 50px, 0);
        }

        100% {
            animation-timing-function: ease-in;
            transform: translate3d(0, 65px, 0);
        }
    }

    @-webkit-keyframes scrollDown {
        0% {
            transform: translate3d(0, 0, 0);
        }

        50% {
            animation-timing-function: ease-out;
            transform: translate3d(0, 50px, 0);
        }

        100% {
            animation-timing-function: ease-in;
            transform: translate3d(0, 100px, 0);
        }
    }

    /*@-webkit-keyframes scrollDown {
    0% {
        transform: translate3d(0, -35px, 0);
    }

    50% {
        animation-timing-function: ease-out;
        transform: translate3d(0, 0, 0);
    }

    100% {
        animation-timing-function: ease-in;
        transform: translate3d(0, 65px, 0);
    }
}*/

    @-o-keyframes scrollDown {
        0% {
            transform: translate3d(0, 0, 0);
        }

        50% {
            animation-timing-function: ease-out;
            transform: translate3d(0, 50px, 0);
        }

        100% {
            animation-timing-function: ease-in;
            transform: translate3d(0, 100px, 0);
        }
    }

    @keyframes scrollDown {
        0% {
            transform: translate3d(0, 0, 0);
        }

        50% {
            animation-timing-function: ease-out;
            transform: translate3d(0, 50px, 0);
        }

        100% {
            animation-timing-function: ease-in;
            transform: translate3d(0, 100px, 0);
        }
    }

    @media (max-width: 968px) {
        .scroll-down {
            display: none !important;
        }
    }

    /*.tp-caption {
    margin-bottom: 0;
}

@media (max-width: 969px) {
    .tp-caption {
        margin-bottom: 140px;
    }
}*/

    .circle2 a {
        width: 34px;
        height: 34px;
        text-align: center;
        border: 1px solid #004191;
        border-radius: 50%;
        line-height: 30px;
        background: #fff;
        color: #004191 !important;
        opacity: 1;
        display: inline-block;
        font-size: 18px !important;
        margin-right: 5px;
        padding: 2px;
    }

        .circle2 a:hover {
            color: #fff !important;
            border: 1px solid #002c63;
            background: #002c63;
            opacity: 1;
        }

    /****** BUTTONS-GRID (6 items) ******/

    /*.buttons-grid{
    position:relative;
    width:100%;
    height:600px;
}
.buttons-grid > a,.buttons-grid > div{
    position:absolute;
    width:33%;
    height:197px;    
}
.buttons-grid  > div:hover {
    text-decoration: none;
}*/
    .buttons-grid > a span, .buttons-grid > div span {
        font-size: 30px;
        line-height: normal;
        color: #fff;
        padding: 10px 20px;
        display: block;
        /*background-color: rgba(162, 218, 219, 1);*/
        background-color: rgba(0, 0, 0, 0.80);
        /*background-color: rgba(28, 32, 36, 0.90);*/
        /*border: solid 1px rgba(255, 255, 255, 0.80);*/
        /*background-color: #99999a;*/
        /*float: left;
    margin-top: 0px;*/
        /*font-weight: 500;*/
        -webkit-transition: all .3s;
        transition: all .3s;
        /*border-bottom-right-radius: 10px;*/
        text-align: center;
        /*************/
        position: absolute;
        /*bottom: 0;*/
        width: 250px;
        left: 50%;
        top: 80%;
        transform: translate(-50%, -50%);
        /*-webkit-transform: translateY(-55%);
    -ms-transform: translateY(-55%);
    transform: translateY(-55%);*/
        border-radius: 6px;
    }

    /*.buttons-grid > a:nth-child(2n+1) span,.buttons-grid > div:nth-child(2n+1) span{
    float:right;
}*/
    /*.buttons-grid .bg-1 {
    top: 0;
    left: 0;
    background: url("/images/Destinations/mykonos.jpg") no-repeat 0 0;
    background-size: cover;
}

.buttons-grid .bg-2 {
    top: 0;
    left: 33.3%;
    background: url("/images/Destinations/santorini.jpg") no-repeat 0 0;
    background-size: cover;
}

.buttons-grid .bg-3 {
    top: 0;
    left: 66.6%;
    height: 397px;
    background: url("/images/Destinations/Kefalonia.jpg") no-repeat 0 0;
    background-size: cover;
}

.buttons-grid .bg-4 {
    top: 200px;
    height: 397px;
    background: url("/images/Destinations/halkidiki.jpg") no-repeat 0 0;
    background-size: cover;
}

.buttons-grid .bg-5 {
    top: 200px;
    left: 33.3%;
    background: url("/images/Destinations/xania.jpg") no-repeat 0 0;
    background-size: cover;
}

.buttons-grid .bg-6 {
    top: 400px;
    left: 33.3%;
    width: 66.3%;
    background: url("/images/Destinations/paros.jpg") no-repeat 0 0;
    background-size: cover;
}*/

    /*BUTTONS-GRID 2 (5 items)*/

    .buttons-grid .bg2-1, .buttons-grid .bg2-2, .buttons-grid .bg2-3, .buttons-grid .bg2-4, .buttons-grid .bg2-5, .buttons-grid .bg2-6 {
        /*height: 300px;*/
        height: 450px;
        padding: 0;
        border: solid 1px #fff;
        /*border: solid 1px #f2f2f2;*/
    }

        .buttons-grid .bg2-1 img, .buttons-grid .bg2-2 img, .buttons-grid .bg2-3 img, .buttons-grid .bg2-4 img, .buttons-grid .bg2-5 img, .buttons-grid .bg2-6 img {
            margin-left: auto;
            margin-right: auto;
            display: block;
        }

    .buttons-grid .bg2-1 {
        /*width:24.7%;
    top:0;
    left:0;*/
        background: linear-gradient(rgba(0,0,0, 0.2), rgba(0,0,0,0.2)), url("/images/ByYourChoise/1.jpg") no-repeat center center;
        /*background: url("/images/ByYourChoise/1.jpg") no-repeat center center;*/
        background-size: cover;
    }

    .buttons-grid .bg2-2 {
        /*top:0;
    left:25%;
    width:49.7%;*/
        background: linear-gradient(rgba(0,0,0, 0.2), rgba(0,0,0,0.2)), url("/images/ByYourChoise/2.jpg") no-repeat center center;
        /*background: url("/images/ByYourChoise/2.jpg") no-repeat center center;*/
        background-size: cover;
    }

    .buttons-grid .bg2-3 {
        /*top:0;
    left:75%;
    width:24.7%;*/
        background: linear-gradient(rgba(0,0,0, 0.25), rgba(0,0,0,0.25)), url("/images/ByYourChoise/3.jpg") no-repeat center center;
        /*background: url("/images/ByYourChoise/3.jpg") no-repeat center center;*/
        background-size: cover;
    }

    .buttons-grid .bg2-4 {
        /*top:300px;
    width:49.7%;*/
        background: linear-gradient(rgba(0,0,0, 0.2), rgba(0,0,0,0.2)), url("/images/ByYourChoise/4.jpg") no-repeat center center;
        /*background: url("/images/ByYourChoise/4.jpg") no-repeat center center;*/
        background-size: cover;
    }

    .buttons-grid .bg2-5 {
        /*top:300px;
    left:50%;
    width:49.7%;*/
        background: linear-gradient(rgba(0,0,0, 0.2), rgba(0,0,0,0.2)), url("/images/ByYourChoise/5.jpg") no-repeat center center;
        /*background: url("/images/ByYourChoise/5.jpg") no-repeat 0 0;*/
        background-size: cover;
    }

    /******************************************/

    .buttons-grid .bg2exp-1, .buttons-grid .bg2exp-2, .buttons-grid .bg2exp-3, .buttons-grid .bg2exp-4, .buttons-grid .bg2exp-5, .buttons-grid .bg2exp-6,
    .buttons-grid .bg2exp-7, .buttons-grid .bg2exp-8, .buttons-grid .bg2exp-9, .buttons-grid .bg2exp-10, .buttons-grid .bg2exp-11, .buttons-grid .bg2exp-12 {
        /*height: 300px;*/
        height: 450px;
        padding: 0;
        border: solid 5px #fff;
        /*border: solid 1px #f2f2f2;*/
    }

        .buttons-grid .bg2exp-1 img, .buttons-grid .bg2exp-2 img, .buttons-grid .bg2exp-3 img, .buttons-grid .bg2exp-4 img, .buttons-grid .bg2exp-5 img, .buttons-grid .bg2exp-6 img,
        .buttons-grid .bg2exp-7 img, .buttons-grid .bg2exp-8 img, .buttons-grid .bg2exp-9 img, .buttons-grid .bg2exp-10 img, .buttons-grid .bg2exp-11 img, .buttons-grid .bg2exp-12 img {
            margin-left: auto;
            margin-right: auto;
            display: block;
        }

    .buttons-grid .bg2exp-1 {
        /*width:24.7%;
    top:0;
    left:0;*/
        background: linear-gradient(rgba(0,0,0, 0), rgba(0,0,0,0)), url("/images/Aservices/exp1.jpg") no-repeat center center;
        /*background: url("/images/ByYourChoise/exp1.jpg") no-repeat center center;*/
        background-size: cover;
    }

    .buttons-grid .bg2exp-2 {
        /*top:0;
    left:25%;
    width:49.7%;*/
        background: linear-gradient(rgba(0,0,0, 0), rgba(0,0,0,0)), url("/images/Aservices/exp2.jpg") no-repeat center center;
        /*background: url("/images/ByYourChoise/exp2.jpg") no-repeat center center;*/
        background-size: cover;
    }

    .buttons-grid .bg2exp-3 {
        /*top:0;
    left:75%;
    width:24.7%;*/
        background: linear-gradient(rgba(0,0,0, 0), rgba(0,0,0,0)), url("/images/Aservices/exp3.jpg") no-repeat center center;
        /*background: url("/images/ByYourChoise/exp3.jpg") no-repeat center center;*/
        background-size: cover;
    }

    .buttons-grid .bg2exp-4 {
        /*top:300px;
    width:49.7%;*/
        background: linear-gradient(rgba(0,0,0, 0), rgba(0,0,0,0)), url("/images/Aservices/exp4.jpg") no-repeat center center;
        /*background: url("/images/ByYourChoise/exp4.jpg") no-repeat center center;*/
        background-size: cover;
    }

    .buttons-grid .bg2exp-5 {
        /*top:300px;
    left:50%;
    width:49.7%;*/
        background: linear-gradient(rgba(0,0,0, 0), rgba(0,0,0,0)), url("/images/Aservices/exp5.jpg") no-repeat center center;
        /*background: url("/images/ByYourChoise/exp5.jpg") no-repeat 0 0;*/
        background-size: cover;
    }

    .buttons-grid .bg2exp-6 {
        /*top:300px;
    left:50%;
    width:49.7%;*/
        background: linear-gradient(rgba(0,0,0, 0), rgba(0,0,0,0)), url("/images/Aservices/exp6.jpg") no-repeat center center;
        /*background: url("/images/ByYourChoise/exp6.jpg") no-repeat 0 0;*/
        background-size: cover;
    }


    .buttons-grid .bg2exp-7 {
        /*top:300px;
    left:50%;
    width:49.7%;*/
        background: linear-gradient(rgba(0,0,0, 0), rgba(0,0,0,0)), url("/images/Aservices/exp7.jpg") no-repeat center center;
        /*background: url("/images/ByYourChoise/exp6.jpg") no-repeat 0 0;*/
        background-size: cover;
    }

    .buttons-grid .bg2exp-8 {
        /*top:300px;
    left:50%;
    width:49.7%;*/
        background: linear-gradient(rgba(0,0,0, 0), rgba(0,0,0,0)), url("/images/Aservices/exp8.jpg") no-repeat center center;
        /*background: url("/images/ByYourChoise/exp6.jpg") no-repeat 0 0;*/
        background-size: cover;
    }

    .buttons-grid .bg2exp-9 {
        /*top:300px;
    left:50%;
    width:49.7%;*/
        background: linear-gradient(rgba(0,0,0, 0), rgba(0,0,0,0)), url("/images/Aservices/exp9.jpg") no-repeat center center;
        /*background: url("/images/ByYourChoise/exp6.jpg") no-repeat 0 0;*/
        background-size: cover;
    }

    .buttons-grid .bg2exp-10 {
        /*top:300px;
    left:50%;
    width:49.7%;*/
        background: linear-gradient(rgba(0,0,0, 0), rgba(0,0,0,0)), url("/images/Aservices/exp10.jpg") no-repeat center center;
        /*background: url("/images/ByYourChoise/exp6.jpg") no-repeat 0 0;*/
        background-size: cover;
    }

    .buttons-grid .bg2exp-11 {
        /*top:300px;
    left:50%;
    width:49.7%;*/
        background: linear-gradient(rgba(0,0,0, 0), rgba(0,0,0,0)), url("/images/Aservices/exp11.jpg") no-repeat center center;
        /*background: url("/images/ByYourChoise/exp6.jpg") no-repeat 0 0;*/
        background-size: cover;
    }

    .buttons-grid .bg2exp-12 {
        /*top:300px;
    left:50%;
    width:49.7%;*/
        background: linear-gradient(rgba(0,0,0, 0), rgba(0,0,0,0)), url("/images/Aservices/exp12.jpg") no-repeat center center;
        /*background: url("/images/ByYourChoise/exp6.jpg") no-repeat 0 0;*/
        background-size: cover;
    }

    .img-hover {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: 0;
        -webkit-transition: all .3s;
        transition: all .3s;
        opacity: 0;
        /*border: 20px solid rgba(0, 0, 0, .35);*/
        background-color: rgba(0, 0, 0, 0.65);
        overflow: hidden;
    }

        .img-hover:hover {
            opacity: 1;
        }

    .buttons-grid > a:hover > span, .buttons-grid > div:hover > span {
        opacity: 0 !important;
    }

    .img-hover img {
        transition: all 0.3s ease 0s;
    }

    .img-hover .overlay {
        position: absolute;
        top: 0;
        width: 100%;
        -webkit-transition: all .3s;
        transition: all .3s;
        -webkit-transform: translateY(45%);
        -ms-transform: translateY(45%);
        transform: translateY(45%);
        text-align: center;
        opacity: 0;
        font-size: 35px;
    }

    .img-hover:hover .overlay {
        opacity: 1;
        top: 34%;
        margin-top: -34px;
    }

    .img-hover:hover img {
        cursor: pointer;
        transform: scale(1.2);
        transition: all 0.3s ease 0s;
    }

    .img-hover .overlay a {
        color: #fff;
        /*display: block;
        font-size: 40px;
        height: 100%;
        margin-top: -20px;
        position: relative;
        top: 50%;*/
        text-align: center;
        transition: all .3s;
        text-decoration: none;
        background-color: transparent;
        font-size: 40px;
    }

        .img-hover .overlay a:hover {
            text-decoration: none;
            color: #999;
        }

    .img-hover .img-desc {
        position: absolute;
        top: 45%;
        /*bottom: 0;*/
        width: 100%;
        -webkit-transition: all .3s;
        transition: all .3s;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        opacity: 0;
        text-align: center;
        color: white;
        font-size: 30px;
    }

    .img-hover:hover .img-desc {
        /*bottom: 10%;
    margin-bottom: -15px;*/
        /*top: 50%;*/
        /*margin-top: 25%;*/
        opacity: 1;
        color: #fff;
        top: 55%;
    }

    .img-hover .img-desc a {
        color: white;
    }

    .img-hover:hover .img-desc a:hover {
        color: #999;
    }

    .img-hover .img-desc p {
        margin: 15px 0;
        color: #fff;
        line-height: 24px;
        font-size: 14px;
        padding: 0 120px;
    }

    @media screen and (max-width: 992px) {
        .img-hover .img-desc p {
            margin: 15px 0;
            color: #fff;
            line-height: 24px;
            font-size: 16px;
            padding: 0 60px;
        }
    }

    .changebg {
        background: #ffffff;
        border: solid 2px #fff;
    }

    *.img-hover2 {
        overflow: hidden;
        position: relative;
    }

    .img-hover2 img {
        transition: all 0.3s ease 0s;
    }

    .img-hover2 .overlay {
        background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
        height: 100%;
        left: 0;
        opacity: 0;
        position: absolute;
        text-align: center;
        top: 0;
        transition: all 0.25s ease-in-out 0s;
        width: 100%;
        z-index: 10;
    }

    .img-hover2:hover .overlay {
        opacity: 1;
        transition: all 0.25s ease-in-out 0s;
    }

    .img-hover2:hover img {
        cursor: pointer;
        transform: scale(1.2);
        transition: all 0.3s ease 0s;
    }

    .img-hover2 .overlay a {
        color: #fff;
        display: block;
        font-size: 40px;
        height: 100%;
        margin-top: -20px;
        position: relative;
        top: 50%;
    }

        .img-hover2 .overlay a:hover {
            text-decoration: none;
        }

    /*.fontserif {
    font-family: 'Noto Sans', sans-serif;
}*/

    /******************************************/

    /************** Cookies start **************/
    .freeprivacypolicy-com---nb .cc-nb-main-container {
        padding: 0.7rem 20rem !important;
        text-align: center;
    }

    .freeprivacypolicy-com---pc-overlay {
        background: rgba(0,0,0,0.75);
    }

    .freeprivacypolicy-com---palette-dark .cc-nb-okagree {
        color: #fff !important;
        background-color: #0054a4 !important;
    }

        .freeprivacypolicy-com---palette-dark .cc-nb-okagree:focus,
        .freeprivacypolicy-com---palette-dark .cc-cp-foot-save {
            box-shadow: 0 0 0 2px #808080 !important;
        }

    .freeprivacypolicy-com---palette-dark .cc-nb-reject {
        color: #fff !important;
        background-color: #0054a4 !important;
    }

    .freeprivacypolicy-com---palette-dark .cc-cp-foot-save {
        background: #0054a4 !important;
        color: #fff !important;
    }

    .freeprivacypolicy-com---nb .cc-nb-title {
        font-size: 18px !important;
        font-weight: 500;
    }

    .freeprivacypolicy-com---reset p {
        margin-top: 0;
        margin-bottom: 0.5rem !important;
    }

    .freeprivacypolicy-com---nb .cc-nb-text {
        font-size: 14px !important;
        margin: 0 0 0.5rem 0 !important;
    }

    .freeprivacypolicy-com---nb-simple {
        left: 0 !important;
        top: auto;
        bottom: 0;
        right: 0 !important;
        max-width: 100% !important;
        position: fixed;
        background: #474646 !important;
    }

    .freeprivacypolicy-com---palette-dark .cc-pc-container {
        background: #474646 !important;
        border: solid 1px #010101;
    }

    .freeprivacypolicy-com---palette-dark .cc-cp-body {
        background: #474646 !important;
        color: #f5f5f5;
    }
    /*.freeprivacypolicy-com---palette-dark .cc-cp-body-content {
    background: #474646 !important;
    color: #f5f5f5;
}*/
    /*.freeprivacypolicy-com---palette-dark .cc-pc-head-title {
    background-image: url(../images/logo.png) !important;
    background-repeat: no-repeat;
    background-size: 160px;
    background-position: 15px 10px;
}*/
    .freeprivacypolicy-com---palette-dark .cc-pc-head-title-text {
        color: #0054a4;
        font-weight: 500;
        /*display: none;*/
        font-size: 18px;
        line-height: 1.5;
        margin: 0;
    }

    .freeprivacypolicy-com---pc-dialog .cc-pc-head-title-headline {
        font-size: 20px;
        font-weight: 500;
        margin: 0;
        margin-bottom: 0px;
    }

    .freeprivacypolicy-com---pc-dialog .cc-cp-body-content-entry-title {
        font-size: 18px;
        font-weight: 500;
    }

    .freeprivacypolicy-com---pc-dialog .cc-cp-body-content-entry-text {
        font-size: 14px;
        line-height: 1.35;
    }

    .freeprivacypolicy-com---palette-dark .cc-pc-head {
        background: #474646 !important;
        color: #fff;
        border-bottom: 1px solid #111;
    }

    .freeprivacypolicy-com---palette-dark .cc-cp-foot {
        background: #474646 !important;
        border-top-color: #111;
    }

    .freeprivacypolicy-com---reset select, .freeprivacypolicy-com---reset optgroup, .freeprivacypolicy-com---reset textarea {
        font-size: 14px;
        line-height: inherit;
    }

    .freeprivacypolicy-com---palette-dark .cc-pc-head-lang select:focus {
        /*box-shadow: 0 0 0 2px #fff!important;*/
        box-shadow: 0 0 0 1px #fff !important;
    }

    @media screen and (max-width: 600px) {
        .freeprivacypolicy-com---nb .cc-nb-main-container {
            padding: 1rem !important;
            text-align: center;
        }

        .freeprivacypolicy-com---nb-simple {
            max-width: 100% !important;
            right: 0;
            top: auto;
            bottom: 0;
            left: auto;
            position: fixed;
        }
    }

    /************** Cookies end **************/

    .input-group-addon:last-child {
        border-top-right-radius: 6px;
        border-bottom-right-radius: 6px;
    }

    .form-group-filled .input-medium {
        display: block !important;
    }

    .white-tr {
        color: rgb(255 255 255 / 0.65);
    }

    .sehead h1 {
        font-size: 26px;
        font-weight: 500;
    }

    .sehead h2 {
        font-size: 24px;
        font-weight: 400;
    }