.owl-carousel{
    display                 : none;
    width                   : 100%;
    -webkit-tap-highlight-color : transparent;
    /* position relative and z-index fix webkit rendering fonts issue */
    position                : relative;
    z-index                 : 1;
}
.owl-carousel .owl-stage{
    position                : relative;
    -ms-touch-action        : pan-Y;
}
.owl-carousel .owl-stage:after{
    content                 : ".";
    display                 : block;
    clear                   : both;
    visibility              : hidden;
    line-height             : 0;
    height                  : 0;
}
.owl-carousel .owl-stage-outer{
    position                : relative;
    overflow                : hidden;
    /* fix for flashing background */
    -webkit-transform       : translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-item{
    position                : relative;
    min-height              : 1px;
    float                   : left;
    -webkit-backface-visibility : hidden;
    -webkit-tap-highlight-color : transparent;
    -webkit-touch-callout       : none;
}
.owl-carousel .owl-item img{
    display                 : block;
    width                   : 100%;
    -webkit-transform-style : preserve-3d;
}
.owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled{
    display                 : none;
}
.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot{
    cursor                  : pointer;
    cursor                  : hand;
    -webkit-user-select     : none;
    -khtml-user-select      : none;
    -moz-user-select        : none;
    -ms-user-select         : none;
    user-select             : none;
}
.owl-carousel.owl-loaded{
    display                 : block;
}
.owl-carousel.owl-loading{
    opacity                 : 0;
    display                 : block;
}
.owl-carousel.owl-hidden{
    opacity                 : 0;
}
.owl-carousel.owl-refresh .owl-item{
    display                 : none;
}


.widget-gallery-carousel{
    background-color        : #fff;
}
.widget-gallery-carousel .gallery-item{
    position                : relative;
    padding-top             : 100%;
}
.widget-gallery-carousel .gallery-item a{
    position                : absolute;
    top                     : 0;
    bottom                  : 0;
    left                    : 0;
    right                   : 0;
    display                 : block;
    background-repeat       : no-repeat;
    background-position     : top center;
    background-size         : cover;
}
.widget-gallery-carousel .gallery-item .item-text{
    display                 : none;
    position                : absolute;
    left                    : 0;
    bottom                  : 0;
    width                   : 100%;
    padding                 : 80px 40px 40px 40px;
    font-size               : 24px;
    color                   : #fff;
    text-align              : center;
    background              : -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(36,50,74,1) 100%);
    background              : -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(36,50,74,1) 100%);
    background              : linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(36,50,74,1) 100%);
}
.widget-gallery-carousel .widget-carousel:before,
.widget-gallery-carousel .widget-carousel:after{
    position                : absolute;
    top                     : 80px;
    bottom                  : 80px;
    z-index                 : 1;
    width                   : 33.33333333333333%;
    content                 : "";
    display                 : inline-block;
    background-color        : aliceblue;
}
.widget-gallery-carousel .widget-carousel:before{
    left                    : 0;
    background              : -moz-linear-gradient(left, rgba(255,255,255,1)50%, rgba(255,255,255,0) 100%);
    background              : -webkit-linear-gradient(left, rgba(255,255,255,1) 5%,rgba(255,255,255,0) 100%);
    background              : linear-gradient(to right, rgba(255,255,255,1) 5%,rgba(255,255,255,0) 100%);
}
.widget-gallery-carousel .widget-carousel:after{
    right                   : 0;
    background              : -moz-linear-gradient(left, rgba(255,255,255,0) 5%, rgba(255,255,255,1) 100%);
    background              : -webkit-linear-gradient(left, rgba(255,255,255,0) 5%,rgba(255,255,255,1) 100%);
    background              : linear-gradient(to right, rgba(255,255,255,0) 5%,rgba(255,255,255,1) 100%);
}
.widget-gallery-carousel .widget-carousel .owl-stage-outer{
    padding-top             : 80px;
    padding-bottom          : 80px;
    margin-top              : -80px;
    margin-bottom           : -80px;
}

.widget-gallery-carousel .widget-carousel .owl-item.center{
    z-index                 : 2;
}
.widget-gallery-carousel .widget-carousel .owl-item.center .gallery-item a{
    top                     : -50px;
    bottom                  : -50px;
    left                    : -50px;
    right                   : -50px;
    border                  : 20px solid #fff;
    -webkit-box-shadow      : 0px 0px 30px 0px rgba(33, 30, 25, 0.2);
    -moz-box-shadow      : 0px 0px 30px 0px rgba(33, 30, 25, 0.2);
    box-shadow      : 0px 0px 30px 0px rgba(33, 30, 25, 0.2);
}
.widget-gallery-carousel .widget-carousel .owl-item.center .gallery-item .item-text{
    display                 : block;
}

.widget-gallery-carousel .widget-carousel .owl-nav{
    margin-top              : 0;
}
.widget-gallery-carousel .widget-carousel .owl-nav [class*='owl-']{
    position                : absolute;
    top                     : 50%;
    z-index                 : 2;
    width                   : 50px;
    height                  : 50px;
    line-height             : 50px;
    margin                  : -25px 0 0 0;
    padding                 : 0;
    font                    : normal normal normal 14px/1 FontAwesome;
    text-rendering          : auto;
    -webkit-font-smoothing  : antialiased;
    -moz-osx-font-smoothing : grayscale;
    color                   : #d77b5d;
    background-color        : #fff;
    -webkit-border-radius   : 0;
    -moz-border-radius   : 0;
    -ms-border-radius   : 0;
    -o-border-radius   : 0;
    border-radius   : 0;
}
.widget-gallery-carousel .widget-carousel .owl-nav [class*='owl-']:hover{
    color                   : #d77b5d;
    background-color        : #fff;
}
.widget-gallery-carousel .widget-carousel .owl-nav .owl-prev{
    left                    : calc(33.33333333333333% - 98px);
}
.widget-gallery-carousel .widget-carousel .owl-nav .owl-next{
    right                   : calc(33.33333333333333% - 98px);
}
.widget-gallery-carousel .widget-carousel .owl-nav .owl-prev:before,
.widget-gallery-carousel .widget-carousel .owl-nav .owl-next:before{
    line-height             : 50px;
}
.widget-gallery-carousel .widget-carousel .owl-nav .owl-prev:before{
    content                 : "\f177";
}
.widget-gallery-carousel .widget-carousel .owl-nav .owl-next:before{
    content                 : "\f178";
}

/*  06 -  Min 768px
-----------------------------------------------------------*/
@media (min-width: 768px){
    
}.owl-carousel{
    display                 : none;
    width                   : 100%;
    -webkit-tap-highlight-color : transparent;
    /* position relative and z-index fix webkit rendering fonts issue */
    position                : relative;
    z-index                 : 1;
}
.owl-carousel .owl-stage{
    position                : relative;
    -ms-touch-action        : pan-Y;
}
.owl-carousel .owl-stage:after{
    content                 : ".";
    display                 : block;
    clear                   : both;
    visibility              : hidden;
    line-height             : 0;
    height                  : 0;
}
.owl-carousel .owl-stage-outer{
    position                : relative;
    overflow                : hidden;
    /* fix for flashing background */
    -webkit-transform       : translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-item{
    position                : relative;
    min-height              : 1px;
    float                   : left;
    -webkit-backface-visibility : hidden;
    -webkit-tap-highlight-color : transparent;
    -webkit-touch-callout       : none;
}
.owl-carousel .owl-item img{
    display                 : block;
    width                   : 100%;
    -webkit-transform-style : preserve-3d;
}
.owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled{
    display                 : none;
}
.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot{
    cursor                  : pointer;
    cursor                  : hand;
    -webkit-user-select     : none;
    -khtml-user-select      : none;
    -moz-user-select        : none;
    -ms-user-select         : none;
    user-select             : none;
}
.owl-carousel.owl-loaded{
    display                 : block;
}
.owl-carousel.owl-loading{
    opacity                 : 0;
    display                 : block;
}
.owl-carousel.owl-hidden{
    opacity                 : 0;
}
.owl-carousel.owl-refresh .owl-item{
    display                 : none;
}


.widget-gallery-carousel{
    background-color        : #fff;
}
.widget-gallery-carousel .gallery-item{
    position                : relative;
    padding-top             : 100%;
}
.widget-gallery-carousel .gallery-item a{
    position                : absolute;
    top                     : 0;
    bottom                  : 0;
    left                    : 0;
    right                   : 0;
    display                 : block;
    background-repeat       : no-repeat;
    background-position     : top center;
    background-size         : cover;
}
.widget-gallery-carousel .gallery-item .item-text{
    display                 : none;
    position                : absolute;
    left                    : 0;
    bottom                  : 0;
    width                   : 100%;
    padding                 : 80px 40px 40px 40px;
    font-size               : 24px;
    color                   : #fff;
    text-align              : center;
    background              : -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(36,50,74,1) 100%);
    background              : -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(36,50,74,1) 100%);
    background              : linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(36,50,74,1) 100%);
}
.widget-gallery-carousel .widget-carousel:before,
.widget-gallery-carousel .widget-carousel:after{
    position                : absolute;
    top                     : 80px;
    bottom                  : 80px;
    z-index                 : 1;
    width                   : 33.33333333333333%;
    content                 : "";
    display                 : inline-block;
    background-color        : aliceblue;
}
.widget-gallery-carousel .widget-carousel:before{
    left                    : 0;
    background              : -moz-linear-gradient(left, rgba(255,255,255,1)50%, rgba(255,255,255,0) 100%);
    background              : -webkit-linear-gradient(left, rgba(255,255,255,1) 5%,rgba(255,255,255,0) 100%);
    background              : linear-gradient(to right, rgba(255,255,255,1) 5%,rgba(255,255,255,0) 100%);
}
.widget-gallery-carousel .widget-carousel:after{
    right                   : 0;
    background              : -moz-linear-gradient(left, rgba(255,255,255,0) 5%, rgba(255,255,255,1) 100%);
    background              : -webkit-linear-gradient(left, rgba(255,255,255,0) 5%,rgba(255,255,255,1) 100%);
    background              : linear-gradient(to right, rgba(255,255,255,0) 5%,rgba(255,255,255,1) 100%);
}
.widget-gallery-carousel .widget-carousel .owl-stage-outer{
    padding-top             : 80px;
    padding-bottom          : 80px;
    margin-top              : -80px;
    margin-bottom           : -80px;
}

.widget-gallery-carousel .widget-carousel .owl-item.center{
    z-index                 : 2;
}
.widget-gallery-carousel .widget-carousel .owl-item.center .gallery-item a{
    top                     : -50px;
    bottom                  : -50px;
    left                    : -50px;
    right                   : -50px;
    border                  : 20px solid #fff;
    -webkit-box-shadow      : 0px 0px 30px 0px rgba(33, 30, 25, 0.2);
    -moz-box-shadow      : 0px 0px 30px 0px rgba(33, 30, 25, 0.2);
    box-shadow      : 0px 0px 30px 0px rgba(33, 30, 25, 0.2);
}
.widget-gallery-carousel .widget-carousel .owl-item.center .gallery-item .item-text{
    display                 : block;
}

.widget-gallery-carousel .widget-carousel .owl-nav{
    margin-top              : 0;
}
.widget-gallery-carousel .widget-carousel .owl-nav [class*='owl-']{
    position                : absolute;
    top                     : 50%;
    z-index                 : 2;
    width                   : 50px;
    height                  : 50px;
    line-height             : 50px;
    margin                  : -25px 0 0 0;
    padding                 : 0;
    font                    : normal normal normal 14px/1 FontAwesome;
    text-rendering          : auto;
    -webkit-font-smoothing  : antialiased;
    -moz-osx-font-smoothing : grayscale;
    color                   : #d77b5d;
    background-color        : #fff;
    -webkit-border-radius   : 0;
    -moz-border-radius   : 0;
    -ms-border-radius   : 0;
    -o-border-radius   : 0;
    border-radius   : 0;
}
.widget-gallery-carousel .widget-carousel .owl-nav [class*='owl-']:hover{
    color                   : #279989;
    background-color        : #fff;
}
.widget-gallery-carousel .widget-carousel .owl-nav .owl-prev{
    left                    : calc(33.33333333333333% - 98px);
}
.widget-gallery-carousel .widget-carousel .owl-nav .owl-next{
    right                   : calc(33.33333333333333% - 98px);
}
.widget-gallery-carousel .widget-carousel .owl-nav .owl-prev:before,
.widget-gallery-carousel .widget-carousel .owl-nav .owl-next:before{
    line-height             : 50px;
}
.widget-gallery-carousel .widget-carousel .owl-nav .owl-prev:before{
    content                 : "\f177";
}
.widget-gallery-carousel .widget-carousel .owl-nav .owl-next:before{
    content                 : "\f178";
}
.widget-gallery-carousel .widget-carousel .owl-nav .disabled{
    opacity                 : 1;
    cursor                  : pointer;
}

.widget-history-timeline{
    background-color        : #fff;
}
.widget-history-timeline ul{
    position                : relative;
    padding-top             : 40px;
    padding-bottom          : 40px;
}
.widget-history-timeline ul:after{
    position                : absolute;
    top                     : 0;
    left                    : 50%;
    width                   : 2px;
    height                  : 100%;
    margin-left             : -1px;
    content                 : "";
    display                 : inline-block;
    background-color        : #e1e1e1;
}
.widget-history-timeline ul li{
    position                : relative;
    margin-bottom           : 50px;
}
.widget-history-timeline ul li:after{
    position                : absolute;
    top                     : 50%;
    left                    : 50%;
    width                   : 16px;
    height                  : 16px;
    margin-top              : -8px;
    margin-left             : -8px;
    content                 : "";
    display                 : inline-block;
    background-color        : #e1e1e1;
    -webkit-border-radius   : 50%;
    -moz-border-radius   : 50%;
    -ms-border-radius   : 50%;
    -o-border-radius   : 50%;
    border-radius   : 50%;
}
.widget-history-timeline ul li h5{
    position                : absolute;
    top                     : 50%;
    max-width               : 60px;
    margin-top              : -5px;
    margin-bottom           : 0;
    font-size               : 11px;
    white-space             : nowrap;
    text-overflow           : ellipsis;
    overflow                : hidden;
}

.widget-rooms-detail .room-features ul li .fa{
    position                : absolute;
    top                     : 10px;
    left                    : 10px;
    width                   : 20px;
    height                  : 20px;
    line-height             : 20px;
    text-align              : center;
    font-size               : 7px;
    color                   : #d77b5d;
    border                  : 1px solid #d77b5d;
    -webkit-border-radius   : 50%;
    -moz-border-radius   : 50%;
    -ms-border-radius   : 50%;
    -o-border-radius   : 50%;
    border-radius   : 50%;
}
.widget-rooms-detail .room-features ul li .fa:before{
    display                 : inline-block;
    width                   : 20px;
}
.widget-rooms-detail .room-features ul li:last-child{
    border-bottom           : 0;
}

.widget-booking-form .booking-form,
.widget-booking-form .booking-complete,
.widget-booking-form .booking-detail{
    padding                 : 40px;
    background-color        : #fff;
}
.widget-booking-form .booking-form .data-form .fa{
    position                : absolute;
    top                     : 14px;
    right                   : 35px;
    width                   : 15px;
    text-align              : center;
    pointer-events          : none;
    z-index: 999;
}
.widget-booking-form .booking-form h2 + p{
    margin-bottom           : 30px;
}
.widget-booking-form .booking-form .data-form select,
.widget-booking-form .booking-form .data-form textarea,
.widget-booking-form .booking-form .data-form input[type="date"],
.widget-booking-form .booking-form .data-form input[type="mail"],
.widget-booking-form .booking-form .data-form input[type="text"]{
    -webkit-box-shadow      : inset 1px 1px 4px 0px rgba(40, 35, 29, 0.1);
    -moz-box-shadow      : inset 1px 1px 4px 0px rgba(40, 35, 29, 0.1);
    box-shadow      : inset 1px 1px 4px 0px rgba(40, 35, 29, 0.1);
}
.widget-booking-form .booking-form .data-form ::-webkit-input-placeholder{
    color                   : #24324a;
    text-transform          : uppercase;
}
.widget-booking-form .booking-form .data-form :-moz-placeholder{
    color                   : #24324a;
    text-transform          : uppercase;
}
.widget-booking-form .booking-form .data-form ::-moz-placeholder{
    color                   : #24324a;
    text-transform          : uppercase;
}
.widget-booking-form .booking-form .data-form :-ms-input-placeholder{  
    color                   : #24324a;
    text-transform          : uppercase;
}
.widget-booking-form .booking-detail .detail-room{
    border-top              : 1px solid #e1e1e1;
    padding-top             : 20px;
}
.widget-booking-form .booking-detail .detail-room .room-photo{
    width                   : 30%;
    float                   : left;
}
.widget-booking-form .booking-detail .detail-room .room-photo a{
    display                 : block;
    width                   : 100%;
    padding-top             : 100%;
    background-repeat       : no-repeat;
    background-position     : top center;
    background-size         : cover;
}
.widget-booking-form .booking-detail .detail-room .room-desc{
    width                   : 70%;
    padding-left            : 20px;
    float                   : left;
}
.widget-booking-form .booking-detail .detail-room .room-desc h3{
    font-size               : 24px;
}
.widget-booking-form .booking-detail .detail-room .room-desc h3 a:hover{
    color                   : #d77b5d;
}
.widget-booking-form .booking-detail .detail-room .room-desc h4{
    font-family             : 'Lato', sans-serif;
    font-size               : 14px;
    font-weight             : 900;
    color                   : #d77b5d;
    margin-bottom           : 0;
    text-transform          : uppercase;
}
.widget-booking-form .booking-detail .detail-room .room-desc h4 small{
    position                : relative;
    top                     : -1px;
    margin-left             : 5px;
    font-size               : 10px;
    font-weight             : 700;
    color                   : #818a9c;
}
.widget-booking-form .booking-detail .detail-info{
    margin-top              : 20px;
    font-family             : 'Lato', sans-serif;
    font-weight             : 700;
    font-size               : 11px;
    border-bottom           : 1px solid #e1e1e1;
}
.widget-booking-form .booking-detail .detail-info ul li{
    width                   : 50%;
    float                   : left;
    padding                 : 10px;
    border-top              : 1px solid #e1e1e1;
    text-transform          : uppercase;
}
.widget-booking-form .booking-detail .detail-info ul li label,
.widget-booking-form .booking-detail .detail-info ul li p{
    white-space             : nowrap;
    text-overflow           : ellipsis;
    overflow                : hidden;
}
.widget-booking-form .booking-detail .detail-info ul li label{
    color                   : #818a9c;
}
.widget-booking-form .booking-detail .detail-info ul li p{
    line-height             : normal;
    margin                  : 0;
}
.widget-booking-form .booking-detail .detail-info ul li.total{
    width                   : 100%;
}
.widget-booking-form .booking-detail .detail-info ul li.total p{
    font-weight             : 900;
    color                   : #d77b5d;
    font-size               : 18px;
}
.widget-booking-form .booking-help{
    margin-top              : 30px;
    padding                 : 40px;
    border                  : 15px solid #fff;
}
.widget-booking-form .booking-help h3{
    font-family             : 'Lato', sans-serif;
    font-weight             : 900;
    margin-top              : 30px;
    margin-bottom           : 0;
}
.widget-booking-form .booking-help h3 .fa{
    margin-right            : 10px;
    color                   : #d77b5d;
}
.widget-booking-form .booking-complete{
    display                 : none;
}
.widget-booking-form .booking-complete .complete-message{
    padding-left            : 140px;
    position                : relative;
    min-height              : 120px;
    padding-top             : 40px;
}
.widget-booking-form .booking-complete .complete-message .fa{
    position                : absolute;
    top                     : 0;
    left                    : 0;
    width                   : 120px;
    height                  : 120px;
    line-height             : 120px;
    text-align              : center;
    font-size               : 60px;
    color                   : #75cd33;
    border                  : 5px solid #75cd33;
    -webkit-border-radius   : 50%;
    -moz-border-radius   : 50%;
    -ms-border-radius   : 50%;
    -o-border-radius   : 50%;
    border-radius   : 50%;
}

.widget-services-list .services-item{
    position                : relative;
    margin-bottom           : 100px;
    background-color        : #fff;
    -webkit-box-shadow      : 0px 0px 30px 0px rgba(33, 30, 25, 0.1);
    -moz-box-shadow      : 0px 0px 30px 0px rgba(33, 30, 25, 0.1);
    box-shadow      : 0px 0px 30px 0px rgba(33, 30, 25, 0.1);
}
.widget-services-list .services-item .item-photo{
    position                : absolute;
    top                     : 0;
    left                    : 0;
    width                   : 42%;
    height                  : 100%;
}
.widget-services-list .services-item .item-photo:after{
    position                : absolute;
    top                     : 0;
    left                    : 100%;
    z-index                 : 1;
    width                   : 20px;
    height                  : 100%;
    content                 : "";
    display                 : inline-block;
    background              : -moz-linear-gradient(left, rgba(33,30,25,0.10) -100%, rgba(0,0,0,0) 100%);
    background              : -webkit-linear-gradient(left, rgba(33,30,25,0.10) -100%, rgba(0,0,0,0) 100%);
    background              : linear-gradient(to right, rgba(33,30,25,0.10) -100%, rgba(0,0,0,0) 100%);
}
.widget-services-list .services-item .item-photo .btn{
    position                : absolute;
    bottom                  : -40px;
    left                    : 110%;
    z-index                 : 1;
}
.widget-services-list .services-item .item-photo .photo-big,
.widget-services-list .services-item .item-photo .photo-small{
    background-repeat       : no-repeat;
    background-position     : top center;
    background-size         : cover;
}
.widget-services-list .services-item .item-photo .photo-big{
    position                : absolute;
    top                     : 0;
    left                    : 0;
    z-index                 : 1;
    width                   : 100%;
    height                  : 100%;
    border                  : 30px solid #fff;
}
.widget-services-list .services-item .item-photo .photo-small{
    position                : absolute;
    bottom                  : -10%;
    right                   : -10%;
    z-index                 : 2;
    width                   : 50%;
    height                  : 50%;
    border                  : 20px solid #fff;
    -webkit-box-shadow      : 0px 0px 30px 0px rgba(33, 30, 25, 0.1);
    -moz-box-shadow      : 0px 0px 30px 0px rgba(33, 30, 25, 0.1);
    box-shadow      : 0px 0px 30px 0px rgba(33, 30, 25, 0.1);
}
.widget-services-list .services-item .item-desc{
    padding-left            : 50%;
    padding-right           : 60px;
    padding-top             : 60px;
    padding-bottom          : 60px;
    font-size               : 18px;
    text-align              : justify;
}
.widget-services-list .services-item .item-desc h2,
.widget-services-list .services-item .item-desc h5{
    text-align              : left;
}
.widget-services-list .services-item .item-desc h2{
    font-size               : 48px;
    margin-bottom           : 30px;
}
.widget-services-list .services-item .item-desc p{
    line-height             : 30px;
}
.widget-services-list .services-item .item-desc p:last-of-type{
    margin-bottom           : 0;
}
.widget-services-list .services-item:nth-child(even) .item-photo{
    left                    : inherit;
    right                   : 0;
}
.widget-services-list .services-item:nth-child(even) .item-photo:after{
    left                    : inherit;
    right                   : 100%;
    background              : -moz-linear-gradient(right, rgba(33,30,25,0.10) -100%, rgba(0,0,0,0) 100%);
    background              : -webkit-linear-gradient(right, rgba(33,30,25,0.10) -100%, rgba(0,0,0,0) 100%);
    background              : linear-gradient(to left, rgba(33,30,25,0.10) -100%, rgba(0,0,0,0) 100%);
}
.widget-services-list .services-item:nth-child(even) .item-photo .btn{
    left                    : inherit;
    right                   : 110%;
}
.widget-services-list .services-item:nth-child(even) .item-photo .photo-small{
    right                   : inherit;
    left                    : -10%;
}
.widget-services-list .services-item:nth-child(even) .item-desc{
    padding-left            : 60px;
    padding-right           : 50%;
}
.widget-services-list .services-item:last-child{
    margin-bottom           : 0;
}

.widget-blog-carousel .blog-item{
    position                : relative;
    background-color        : #fff;
}
.widget-blog-carousel .blog-item:after{
    position                : absolute;
    top                     : 0;
    right                   : 0;
    z-index                 : 1;
    width                   : 1px;
    height                  : 100%;
    content                 : "";
    display                 : inline-block;
    background-color        : #e1e1e1;
}
.widget-blog-carousel .blog-item .item-media{
    position                : relative;
    z-index                 : 2;
}
.widget-blog-carousel .blog-item .item-media .media-photo a,
.widget-blog-carousel .blog-item .item-media .media-gallery a{
    display                 : block;
    width                   : 100%;
    padding-top             : 100%;
    background-repeat       : no-repeat;
    background-position     : top center;
    background-size         : cover;
}
.widget-blog-carousel .blog-item .item-media .media-video{
    padding-top             : 100%;
}
.widget-blog-carousel .blog-item .item-media .media-video .fluid-width-video-wrapper{
    position                : absolute;
    top                     : 0;
    left                    : 0;
    width                   : 100%;
    height                  : 100%;
    z-index                 : 1;
}
.widget-blog-carousel .blog-item .item-date{
    position                : absolute;
    left                    : 0;
    bottom                  : 0;
    z-index                 : 2;
    width                   : 50px;
    padding                 : 10px 5px;
    font-family             : 'Lato', sans-serif;
    font-weight             : 900;
    color                   : #fff;
    text-align              : center;
    white-space             : nowrap;
    text-overflow           : ellipsis;
    text-transform          : uppercase;
    overflow                : hidden;
    background-color        : #d77b5d;
}
.widget-blog-carousel .blog-item .item-date b{
    display                 : block;
    font-size               : 22px;
    font-weight             : 900;
}
.widget-blog-carousel .blog-item .item-desc{
    padding                 : 30px 30px 70px;
}
.widget-blog-carousel .blog-item .item-desc p{
    margin-bottom           : 0;
}
.widget-blog-carousel .blog-item .item-desc h5{
    font-size               : 10px;
    color                   : #818a9c;
}
.widget-blog-carousel .blog-item .item-desc h3 a:hover{
    color                   : #d77b5d;
}
.widget-blog-carousel .blog-item .item-desc .btn-link{
    position                : absolute;
    left                    : 0;
    bottom                  : 20px;
    width                   : 100%;
    height                  : 30px;
    line-height             : 30px;
    padding                 : 0 30px;
    white-space             : nowrap;
    text-overflow           : ellipsis;
    overflow                : hidden;
}
.widget-blog-carousel .wrapper-inner,
.widget-blog-carousel .wrapper-full-inner{
    padding-bottom          : 0;
}

.widget-blog-list .blog-item{
    position                : relative;
    padding-left            : 30%;
    margin-bottom           : 50px;
    background-color        : #fff;
    -webkit-box-shadow      : 0px 0px 30px 0px rgba(33, 30, 25, 0.1);
    -moz-box-shadow      : 0px 0px 30px 0px rgba(33, 30, 25, 0.1);
    box-shadow      : 0px 0px 30px 0px rgba(33, 30, 25, 0.1);
}
.widget-blog-list .blog-item .item-media{
    position                : absolute;
    top                     : 0;
    left                    : 0;
    width                   : 30%;
    height                  : 100%;
    border                  : 15px solid #fff;
}
.widget-blog-list .blog-item .item-media:after{
    position                : absolute;
    top                     : -15px;
    bottom                  : -15px;
    left                    : calc(100% + 15px);
    width                   : 20px;
    content                 : "";
    display                 : inline-block;
    background              : -moz-linear-gradient(left, rgba(33,30,25,0.10) -100%, rgba(0,0,0,0) 100%);
    background              : -webkit-linear-gradient(left, rgba(33,30,25,0.10) -100%, rgba(0,0,0,0) 100%);
    background              : linear-gradient(to right, rgba(33,30,25,0.10) -100%, rgba(0,0,0,0) 100%);
}
.widget-blog-list .blog-item .item-media .media-photo,
.widget-blog-list .blog-item .item-media .media-gallery,
.widget-blog-list .blog-item .item-media .media-video{
    position                : absolute;
    top                     : 0;
    left                    : 0;
    width                   : 100%;
    height                  : 100%;
}
.widget-blog-list .blog-item .item-media .media-photo a,
.widget-blog-list .blog-item .item-media .media-gallery a{
    display                 : block;
    width                   : 100%;
    height                  : 100%;
    background-repeat       : no-repeat;
    background-position     : top center;
    background-size         : cover;
}
.widget-blog-list .blog-item .item-media .media-gallery .owl-carousel,
.widget-blog-list .blog-item .item-media .media-gallery .owl-stage-outer,
.widget-blog-list .blog-item .item-media .media-gallery .owl-stage,
.widget-blog-list .blog-item .item-media .media-gallery .owl-item{
    height                  : 100%;
}
.widget-blog-list .blog-item .item-media .media-video .fluid-width-video-wrapper{
    height                  : 100%;
}
.widget-blog-list .blog-item .item-desc{
    padding                 : 40px;
}
.single-post .blog-item .item-desc{
    padding                 : 40px 0;
}
.widget-blog-list .blog-item .item-desc h2 a:hover{
    color                   : #d77b5d;
}
.widget-blog-list .blog-item .item-desc h5{
    font-size               : 10px;
    font-weight             : 700;
    color                   : #818a9c;
    letter-spacing          : 0;
}
.widget-blog-list .blog-item .item-desc h5 a{
    color                   : #d77b5d;
}
.widget-blog-list .blog-item .item-desc h5 .fa{
    margin-left             : 10px;
    margin-right            : 5px;
}
.widget-blog-list .blog-item .item-desc p:last-child{
    margin-bottom           : 0;
}
.widget-blog-list .blog-item:last-child{
    margin-bottom           : 0;
}

.widget-blog-sidebar{
    font-family             : 'Lato', sans-serif;
    padding-left            : 20px;
    margin-bottom           : -30px;
}
.widget-blog-sidebar h5{
    margin-bottom           : 20px;
    white-space             : nowrap;
    text-overflow           : ellipsis;
    overflow                : hidden;
}
.widget-blog-sidebar .widget{
    margin-bottom: 60px;
}
.widget-blog-sidebar .sidebar-search form{
    position                : relative;
}
.widget-blog-sidebar .sidebar-search form button{
    position                : absolute;
    top                     : 0;
    right                   : 0;
    width                   : 40px;
    height                  : 40px;
    line-height             : 40px;
    font-size               : 11px;
    text-align              : center;
}
.widget-blog-sidebar .sidebar-search form input[type="text"]{
    width                   : 100%;
    padding                 : 0 60px 0 20px;
    margin                  : 0;
    height                  : 40px;
    line-height             : 40px;
    border                  : 1px solid #e1e1e1;
    background-color        : #fff;
    -webkit-box-shadow      : inset 1px 1px 4px 0px rgba(40, 35, 29, 0.1);
    -moz-box-shadow      : inset 1px 1px 4px 0px rgba(40, 35, 29, 0.1);
    box-shadow      : inset 1px 1px 4px 0px rgba(40, 35, 29, 0.1);
}
.widget-blog-sidebar .sidebar-search form input[type="text"]:focus{
    border-color            : #999;
}
.widget-blog-sidebar .sidebar-search form ::-webkit-input-placeholder{
    text-transform          : uppercase;
}
.widget-blog-sidebar .sidebar-search form :-moz-placeholder{
    text-transform          : uppercase;
}
.widget-blog-sidebar .sidebar-search form ::-moz-placeholder{
    text-transform          : uppercase;
}
.widget-blog-sidebar .sidebar-search form :-ms-input-placeholder{
    text-transform          : uppercase;
}
.widget-blog-sidebar .sidebar-categories ul li{
    margin-bottom           : 15px;
}
.widget-blog-sidebar .sidebar-categories ul li a{
    display                 : block;
    font-size               : 11px;
    font-weight             : 900;
    letter-spacing          : 1px;
}
.widget-blog-sidebar .sidebar-categories ul li:last-child{
    margin-bottom           : 0;
}
.widget-blog-sidebar .sidebar-categories ul li a:hover{
    color                   : #d77b5d;
}
.widget-blog-sidebar .sidebar-events ul li{
    margin-bottom           : 15px;
}
.widget-blog-sidebar .sidebar-events ul li a{
    position                : relative;
    display                 : block;
    min-height              : 60px;
    padding-left            : 80px;
    padding-top             : 10px;
}
.widget-blog-sidebar .sidebar-events ul li a:hover{
    color                   : #d77b5d;
}
.widget-blog-sidebar .sidebar-events ul li span{
    position                : absolute;
    top                     : 0;
    left                    : 0;
    width                   : 60px;
    height                  : 60px;
    line-height             : 80px;
    text-align              : center;
    font-size               : 18px;
    font-weight             : 900;
    color                   : #24324a;
    overflow                : hidden;
    background-color        : #fff;
    -webkit-border-radius   : 4px;
    -moz-border-radius   : 4px;
    -ms-border-radius   : 4px;
    -o-border-radius   : 4px;
    border-radius   : 4px;
}
.widget-blog-sidebar .sidebar-events ul li span b{
    position                : absolute;
    top                     : 0;
    left                    : 0;
    width                   : 100%;
    height                  : 20px;
    line-height             : 20px;
    padding                 : 0 5px;
    display                 : block;
    font-size               : 10px;
    color                   : #fff;
    text-align              : center;
    white-space             : nowrap;
    text-overflow           : ellipsis;
    text-transform          : uppercase;
    overflow                : hidden;
    background-color        : #d77b5d;
}
.widget-blog-sidebar .sidebar-events ul li:last-child{
    margin-bottom           : 0;
}
.widget-blog-sidebar .sidebar-recent ul li{
    margin-bottom           : 20px;
}
.widget-blog-sidebar .sidebar-recent ul li a{
    display                 : block;
    font-weight             : 400;
}
.widget-blog-sidebar .sidebar-recent ul li a:hover{
    color                   : #d77b5d;
}
.widget-blog-sidebar .sidebar-recent ul li span{
    display                 : block;
    font-size               : 10px;
    color                   : #818a9c;
    text-transform          : uppercase;
    margin-top              : 5px;
}
.widget-blog-sidebar .sidebar-recent ul li .fa{
    margin-right            : 10px;
}
.widget-blog-sidebar .sidebar-recent ul li:last-child{
    margin-bottom           : 0;
}
.widget-blog-sidebar .sidebar-tags ul li{
    float                   : left;
    margin-right            : 10px;
    margin-bottom           : 10px;
}
.widget-blog-sidebar .sidebar-tags ul li a{
    display                 : inline-block;
    font-size               : 10px;
    font-weight             : 700;
    letter-spacing          : 1px;
    padding                 : 5px 10px;
    text-transform          : uppercase;
    background-color        : #fff;
}
.widget-blog-sidebar .sidebar-tags ul li a:hover{
    color                   : #fff;
    background-color        : #d77b5d;
}
.widget-blog-sidebar .sidebar-archive ul li{
    margin-bottom           : 15px;
}
.widget-blog-sidebar .sidebar-archive ul li a{
    display                 : block;
    font-size               : 11px;
    font-weight             : 900;
    letter-spacing          : 1px;
}
.widget-blog-sidebar .sidebar-archive ul li:last-child{
    margin-bottom           : 0;
}
.widget-blog-sidebar .sidebar-archive ul li a:hover{
    color                   : #d77b5d;
}

.widget-blog-single h5{
    margin-bottom           : 20px;
}
.widget-blog-single .single-media .media-gallery a{
    display                 : block;
    width                   : 100%;
    height                  : 500px;
    background-repeat       : no-repeat;
    background-position     : top center;
    background-size         : cover;
}
.widget-blog-single .single-detail{
    padding                 : 40px;
    background-color        : #fff;
}
.widget-blog-single .single-detail .detail-head{
    padding                 : 20px 40px;
    margin-top              : -40px;
    margin-left             : -40px;
    margin-right            : -40px;
    margin-bottom           : 40px;
    border-bottom           : 2px solid #f5f5f5;
    font-family             : 'Lato', sans-serif;
    font-size               : 11px;
    font-weight             : 700;
    letter-spacing          : 0;
    color                   : #818a9c;
    text-transform          : uppercase;
    margin-bottom           : 20px;
}
.widget-blog-single .single-detail .detail-head a{
    color                   : #d77b5d;
}
.widget-blog-single .single-detail .detail-head .fa{
    margin-left             : 10px;
    margin-right            : 5px;
}
.widget-blog-single .single-detail .detail-content{
    font-family             : 'Lato', sans-serif;
    text-align              : justify;
}
.widget-blog-single .single-detail .detail-content p:last-child{
    margin-bottom           : 0;
}
.widget-blog-single .single-detail .detail-tags{
    margin-top              : 40px;
    margin-bottom           : -10px;
}
.widget-blog-single .single-detail .detail-tags ul li{
    float                   : left;
    margin-right            : 10px;
    margin-bottom           : 10px;
}
.widget-blog-single .single-detail .detail-tags ul li a{
    display                 : inline-block;
    font-family             : 'Lato', sans-serif;
    font-size               : 10px;
    font-weight             : 700;
    letter-spacing          : 1px;
    padding                 : 5px 10px;
    text-transform          : uppercase;
    background-color        : #f5f5f5;
}
.widget-blog-single .single-detail .detail-tags ul li a:hover{
    color                   : #fff;
    background-color        : #d77b5d;
}
.widget-blog-single .single-comments{
    padding                 : 0 40px 40px 40px;
    background-color        : #fff;
}
.widget-blog-single .single-comments .comments-list{
    margin-bottom           : -30px;
}
.widget-blog-single .single-comments .comments-list .comment{
    position                : relative;
    padding-left            : 90px;
}
.widget-blog-single .single-comments .comments-list .comment .comment-avatar{
    position                : absolute;
    top                     : 0;
    left                    : 0;
    width                   : 70px;
    height                  : 70px;
    overflow                : hidden;
    -webkit-border-radius   : 50%;
    -moz-border-radius   : 50%;
    -ms-border-radius   : 50%;
    -o-border-radius   : 50%;
    border-radius   : 50%;
}
.widget-blog-single .single-comments .comments-list .comment .comment-avatar img{
    width                   : 100%;
}
.widget-blog-single .single-comments .comments-list .comment .comment-info{
    margin-bottom           : 30px;
    font-family             : 'Lato', sans-serif;
}
.widget-blog-single .single-comments .comments-list .comment .comment-info .comment-user,
.widget-blog-single .single-comments .comments-list .comment .comment-info .comment-date,
.widget-blog-single .single-comments .comments-list .comment .comment-info .comment-reply{
    text-transform          : uppercase;
}
.widget-blog-single .single-comments .comments-list .comment .comment-info .comment-date,
.widget-blog-single .single-comments .comments-list .comment .comment-info .comment-reply{
    font-weight             : 700;
}
.widget-blog-single .single-comments .comments-list .comment .comment-info .comment-date,
.widget-blog-single .single-comments .comments-list .comment .comment-info .comment-message{
    margin-bottom           : 10px;
}
.widget-blog-single .single-comments .comments-list .comment .comment-info .comment-user{
    font-size               : 11px;
    font-weight             : 900;
    letter-spacing          : 1px;
}
.widget-blog-single .single-comments .comments-list .comment .comment-info .comment-date{
    font-size               : 10px;
    color                   : #818a9c;
    margin-top              : 5px;
}
.widget-blog-single .single-comments .comments-list .comment .comment-info .comment-reply a{
    font-size               : 10px;
    color                   : #d77b5d;
}
.widget-blog-single .single-comments .comments-form{
    padding-top             : 100px;
    margin-bottom           : -20px;
}

.widget-contact-form{
    position                : relative;
    font-family             : 'Lato', sans-serif;
    font-weight             : 700;
    font-size               : 12px;
    padding                 : 100px 40px 40px 40px;
    margin-top              : -100px;
    background-color        : #fff;
    -webkit-box-shadow      : 0px 0px 30px 0px rgba(33, 30, 25, 0.1);
    -moz-box-shadow      : 0px 0px 30px 0px rgba(33, 30, 25, 0.1);
    box-shadow      : 0px 0px 30px 0px rgba(33, 30, 25, 0.1);
}
.widget-contact-form h5{
    margin-bottom           : 20px;
}
.widget-contact-form:after{
    position                : absolute;
    top                     : 0;
    left                    : 0;
    width                   : 100%;
    height                  : 100px;
    content                 : "";
    display                 : inline-block;
    background              : -moz-linear-gradient(top, rgba(33,30,25,0.10) -100%, rgba(0,0,0,0) 100%);
    background              : -webkit-linear-gradient(top, rgba(33,30,25,0.10) -100%, rgba(0,0,0,0) 100%);
    background              : linear-gradient(to bottom, rgba(33,30,25,0.10) -100%, rgba(0,0,0,0) 100%);
}
.widget-contact-form .data-form{
    margin-top              : 20px;
    margin-bottom           : -20px;
}
.widget-contact-form .data-form .note{
    line-height             : 40px;
    margin                  : 0;
}
.widget-contact-form .data-form select,
.widget-contact-form .data-form textarea,
.widget-contact-form .data-form input[type="text"],
.widget-contact-form .data-form input[type="password"]{
    -webkit-box-shadow      : inset 1px 1px 4px 0px rgba(40, 35, 29, 0.1);
    -moz-box-shadow      : inset 1px 1px 4px 0px rgba(40, 35, 29, 0.1);
    box-shadow      : inset 1px 1px 4px 0px rgba(40, 35, 29, 0.1);
}

.widget-contact-info{
    font-family             : 'Lato', sans-serif;
    font-weight             : 400;
}
.widget-contact-info h5{
    margin-bottom           : 20px;
}
.widget-contact-info a:hover{
    color                   : #d77b5d;
}
.widget-contact-info > ul > li{
    margin-bottom           : 40px;
}
.widget-contact-info > ul > li ul li{
    margin-bottom           : 10px;
}
.widget-contact-info ul li:last-child{
    margin-bottom           : 0;
}

.widget-contact-review{
    margin-top              : 100px;
    margin-bottom           : -30px;
}
.widget-contact-review .review-item{
    height                  : 130px;
    font-family             : 'Lato', sans-serif;
    font-size               : 11px;
    letter-spacing          : 1px;
    text-align              : center;
    padding                 : 0 20px;
    margin-bottom           : 30px;
    border                  : 10px solid #fff;
}
.widget-contact-review .review-item .item-inner{
    position                : relative;
    top                     : 45%;
    -webkit-transform       : translateY(-50%);
    -moz-transform       : translateY(-50%);
    -ms-transform       : translateY(-50%);
    -o-transform       : translateY(-50%);
    transform       : translateY(-50%);
}
.widget-contact-review .review-item .item-inner .fa{
    position                : relative;
    top                     : 10px;
    margin-right            : 10px;
    font-size               : 40px;
}
.widget-contact-review .review-item .item-inner a:hover{
    color                   : #d77b5d;
}

/*  03 - Layout Stylesheet
-----------------------------------------------------------*/
.section-white{
    background-color        : #fff;
}
.section-grey{
    background-color        : #f5f5f5;
}

.wrapper{
    max-width               : 1300px;
    padding-left            : 60px;
    padding-right           : 60px;
    margin                  : 0 auto;
}
.wrapper-inner{
    max-width               : 1300px;
    margin                  : 0 auto;
    padding-top             : 100px;
    padding-bottom          : 100px;
    padding-left            : 60px;
    padding-right           : 60px;
}
.wrapper-full{
    max-width               : 100%;
}
.wrapper-full-inner{
    padding-top             : 100px;
    padding-bottom          : 100px;
}

.site-loading{
    position                : fixed;
    top                     : 0;
    left                    : 0;
    z-index                 : 9999;
    width                   : 100%;
    height                  : 100%;
    text-align              : center;
    background-color        : #fff;
}
.site-loading img{
    position                : absolute;
    top                     : 50%;
    left                    : 50%;
    width                   : 16px;
    margin-left             : -8px;
    margin-top              : -8px;
}
.site-backtop{
    position                : fixed;
    bottom                  : 0;
    right                   : 40px;
    z-index                 : 999;
    display                 : none;
    width                   : 50px;
    height                  : 50px;
    line-height             : 50px;
    text-align              : center;
    cursor                  : pointer;
    color                   : #000;
    background-color        : #fff;
}

.site-header{
    position                : relative;
    z-index                 : 999;
    width                   : 100%;
    background-color        : #24324a;
}
.site-header .header-top{
    padding-top             : 50px;
    padding-bottom          : 50px;
    font-family             : 'Lato', sans-serif;
    font-weight             : 900;
    font-size               : 11px;
    letter-spacing          : 1px;
    color                   : #818a9c;
}
.site-header .header-top a{
    color                   : #818a9c;
}
.site-header .header-top .header-contact{
    float                   : left;
}
.site-header .header-top .header-contact ul li{
    float                   : left;
    line-height             : 20px;
    margin-right            : 20px;
    text-transform          : uppercase;
}
.site-header .header-top .header-contact ul li a{
    display                 : block;
    height                  : 20px;
    line-height             : 20px;
}
.site-header .header-top .header-contact ul li:hover a{
    color                   : #fff;
}
.site-header .header-top .header-contact ul li:last-child{
    margin-right            : 0;
}
.site-header .header-top .header-lang{
    float                   : right;
}
.site-header .header-top .header-lang ul li{
    float                   : left;
    margin-right            : 20px;
}
.site-header .header-top .header-lang ul li a{
    display                 : block;
    height                  : 20px;
    line-height             : 20px;
    text-align              : center;
    text-transform          : uppercase;
}
.site-header .header-top .header-lang ul li:hover a,
.site-header .header-top .header-lang ul li.active a{
    color                   : #fff;
}
.site-header .header-top .header-lang ul li:last-child{
    margin-right            : 0;
}
.site-header .header-bottom{
    position                : relative;
    min-height              : 110px;
}
.site-header .header-bottom .header-logo{
    position                : absolute;
    top                     : 0;
    left                    : 50%;
    width                   : 220px;
    -webkit-transform       : translateX(-50%);
    -moz-transform       : translateX(-50%);
    -ms-transform       : translateX(-50%);
    -o-transform       : translateX(-50%);
    transform       : translateX(-50%);
}
.site-header .header-bottom .header-logo img{
    width                   : 100%;
}
.site-header .header-bottom .header-nav{
    text-align              : center;
}
.site-header .header-bottom .header-nav ul li a{
    display                 : block;
    height                  : 44px;
    line-height             : 44px;
    padding                 : 0 15px;
    font-family             : 'Lato', sans-serif;
    font-weight             : 900;
    font-size               : 12px;
    letter-spacing          : 2px;
    text-transform          : uppercase;
    color                   : #fff;
}
.site-header .header-bottom .header-nav ul li:hover > a{
    color                   : #d77b5d;
}
.site-header .header-bottom .header-nav ul li.sub{
    position                : relative;
    z-index                 : 1;
}
.site-header .header-bottom .header-nav ul li.sub > ul{
    display                 : none;
}
.site-header .header-bottom .header-nav ul li.sub:hover > ul{
    display                 : block;
}
.site-header .header-bottom .header-nav > ul{
    display                 : inline-block;
}
.site-header .header-bottom .header-nav > ul > li{
    float                   : left;
}
.site-header .header-bottom .header-nav > ul > li.sub ul li a{
    min-width               : 120px;
    font-size               : 11px;
    white-space             : nowrap;
    text-align              : left;
    background-color        : #1a2436;
}
.site-header .header-bottom .header-nav > ul > li.sub ul li ul{
    position                : absolute;
    top                     : 0;
    left                    : 100%;
}
.site-header .header-bottom .header-nav > ul > li.sub:before{
    position                : absolute;
    top                     : 0;
    left                    : 0;
    width                   : 100%;
    height                  : 1px;
    content                 : "";
    display                 : none;
    background-color        : #d77b5d;
}
.site-header .header-bottom .header-nav > ul > li.sub > a{
    -webkit-transition      : none;
    -moz-transition     : none;
    -ms-transition      : none;
    -o-transition       : none;
    transition      : none;
}
.site-header .header-bottom .header-nav > ul > li.sub > ul{
    position                : absolute;
    top                     : 100%;
    left                    : 0;
}
.site-header .header-bottom .header-nav > ul > li.sub:hover:before{
    display                 : block;
}
.site-header .header-bottom .header-nav > ul > li.sub:hover > a{
    color                   : #fff;
    background-color        : #1a2436;
}
.site-header .header-bottom .header-nav > ul.nav-left{
    padding-right           : 150px;
}
.site-header .header-bottom .header-nav > ul.nav-right{
    padding-left            : 150px;
}
.site-header .header-bottom .header-toggle{
    display                 : none;
    position                : absolute;
    top                     : 0;
    right                   : 60px;
    width                   : 60px;
    height                  : 60px;
    line-height             : 60px;
    text-align              : center;
    cursor                  : pointer;
    color                   : #fff;
    background-color        : #d77b5d;
    -webkit-border-radius   : 50%;
    -moz-border-radius   : 50%;
    -ms-border-radius   : 50%;
    -o-border-radius   : 50%;
    border-radius   : 50%;
}
.site-header.header-over{
    position                : absolute;
    top                     : 0;
    left                    : 0;
    background              : -moz-linear-gradient(top, rgba(36,50,74,0.65) 0%, rgba(0,0,0,0) 100%);
    background              : -webkit-linear-gradient(top, rgba(36,50,74,0.65) 0%,rgba(0,0,0,0) 100%);
    background              : linear-gradient(to bottom, rgba(36,50,74,0.65) 0%,rgba(0,0,0,0) 100%);
}

.site-main{
    background-color        : #f5f5f5;
}

.site-footer .footer-top{
    position                : relative;
    padding-top             : 60px;
    padding-bottom          : 60px;
    background-color        : #344157;
}
.site-footer .footer-top:before{
    position                : absolute;
    top                     : 0;
    left                    : 50%;
    width                   : 1px;
    height                  : 100%;
    content                 : "";
    background-color        : #24324a;
}
.site-footer .footer-top h5,
.site-footer .footer-top h6{
    color                   : #fff;
}
.site-footer .footer-top h5{
    margin-bottom           : 20px;
}
.site-footer .footer-top h6{
    margin-bottom           : 0;
}
.site-footer .footer-top .widget-social-icons,
.site-footer .footer-top .widget-newsletter{
    margin-top              : 40px;
}
.site-footer .footer-top div[class*="col-"]:last-child{
    text-align              : right;
}
.site-footer .footer-bottom{
    padding-top             : 100px;
    padding-bottom          : 100px;
    font-family             : 'Lato', sans-serif;
    font-size               : 11px;
    font-weight             : 900;
    color                   : #818a9c;
    letter-spacing          : 2px;
    text-align              : center;
    background: #24324a;
}
.site-footer .footer-bottom a{
    color                   : #818a9c;
}
.site-footer .footer-bottom p:last-child{
    margin-bottom           : 0;
}
.site-footer .footer-bottom .footer-logo{
    display                 : inline-block;
    width                   : 305px;
}
.site-footer .footer-bottom .footer-copyright,
.site-footer .footer-bottom .footer-contact,
.site-footer .footer-bottom .footer-nav{
    margin-top              : 30px;
}
.site-footer .footer-bottom .footer-contact ul,
.site-footer .footer-bottom .footer-nav ul{
    display                 : inline-block;
}
.site-footer .footer-bottom .footer-contact ul li,
.site-footer .footer-bottom .footer-nav ul li{
    float                   : left;
    margin                  : 0 10px;
}
.site-footer .footer-bottom .footer-contact ul li a,
.site-footer .footer-bottom .footer-nav ul li a{
    display                 : block;
}
.site-footer .footer-bottom .footer-contact ul li a:hover{
    color                   : #fff;
}
.site-footer .footer-bottom .footer-nav ul li a{
    color                   : #fff;
    text-transform          : uppercase;
}
.site-footer .footer-bottom .footer-nav ul li a:hover{
    color                   : #d77b5d;
}

/*

    Theme Name: Grandium - Responsive Hotel Template
    Theme URI: http://www.locotheme.com/grandium-html/
    Description: Responsive Hotel Template
    Version: 1.0
    Author: Loco Theme
    Author URI: http://www.locotheme.com

    - - - - - Contents - - - - -
    
    01 - Max 1199px
    02 - Max 991px
    03 - Max 767px
    04 - Min 1200px
    05 - Min 992px
    06 - Min 768px
    
    - - - - - - - - - - - - - -
    
*/

/*  01 -  Max 1199px
-----------------------------------------------------------*/
@media (max-width: 1199px){
    
    .widget-title p{
        max-width               : 70vw;
    }
    
    .widget-rooms-detail .room-booking h2,
    .widget-rooms-detail .room-features h2{
        font-size               : 28px;
    }
    
    .widget-contact-form{
        padding-top             : 40px;
        margin-top              : 100px;
    }
    .widget-contact-form:after{
        display                 : none;
    }
    
    .site-header .header-bottom{
        min-height              : inherit;
        padding-bottom          : 60px;
    }
    .site-header .header-bottom .header-logo{
        position                : relative;
        top                     : 0;
        left                    : 0;
        width                   : 100%;
        text-align              : center;
        -webkit-transform       : none;
           -moz-transform       : none;
            -ms-transform       : none;
             -o-transform       : none;
                transform       : none;
    }
    .site-header .header-bottom .header-logo img{
        max-width               : 220px;
    }
    .site-header .header-bottom .header-nav{
        display                 : none;
        padding-top             : 40px;
        margin-left             : -60px;
        margin-right            : -60px;
        text-align              : left;
    }
    .site-header .header-bottom .header-nav ul li a{
        padding                 : 0 40px;
        text-align              : center;
    }
    .site-header .header-bottom .header-nav ul li.sub:after{
        position                : absolute;
        top                     : 12px;
        right                   : 20px;
        content                 : "\f107";
        display                 : inline-block;
        font                    : normal normal normal 14px/1 FontAwesome;
        font-size               : 18px;
        color                   : #828b9d;
        text-rendering          : auto;
        -webkit-font-smoothing  : antialiased;
        -moz-osx-font-smoothing : grayscale;
    }
    .site-header .header-bottom .header-nav > ul{
        display                 : block;
    }
    .site-header .header-bottom .header-nav > ul > li{
        float                   : none;
    }
    .site-header .header-bottom .header-nav > ul > li.sub > ul{
        width                   : 100%;
        position                : static;
        top                     : auto;
        left                    : auto;
    }
    .site-header .header-bottom .header-nav > ul > li.sub:before,
    .site-header .header-bottom .header-nav > ul > li.sub:hover:before{
        display                 : none;
    }
    .site-header .header-bottom .header-nav > ul > li.sub ul li a{
        text-align              : center;
    }
    .site-header .header-bottom .header-nav > ul > li.sub ul li ul{
        position                : static;
        top                     : auto;
        left                    : auto;
    }
    .site-header .header-bottom .header-nav > ul.nav-left{
        padding-right           : 0;
    }
    .site-header .header-bottom .header-nav > ul.nav-right{
        padding-left            : 0;
    }
    .site-header .header-bottom .header-toggle{
        display                 : inline-block;
    }
    .site-header.nav-open{
        background              : #24324a;
    }
    .site-header.nav-open .header-bottom .header-nav{
        display                 : block;
    }
    
    .site-footer .footer-top:before{
        display                 : none;
    }
    .site-footer .footer-top div[class*="col-"],
    .site-footer .footer-top div[class*="col-"]:last-child{
        text-align              : center;
        margin-top              : 40px;
    }
    .site-footer .footer-top div[class*="col-"]:first-child{
        margin-top              : 0;
    }
    .site-footer .footer-top .widget-social-icons ul{
        display                 : inline-block;
    }
    
}

/*  02 -  Max 991px
-----------------------------------------------------------*/
@media (max-width: 991px){
    .wrapper,
    .wrapper-inner{
        padding-left            : 40px;
        padding-right           : 40px;
    }
    
    .widget-slider .widget-carousel .owl-nav .owl-prev{
        left                    : 40px;
    }
    .widget-slider .widget-carousel .owl-nav .owl-next{
        right                   : 40px;
    }
    .widget-slider.has-rooms .slider-booking{
        display                 : none;
    }
    
    .widget-about-promo{
        background-image        : none !important;
    }
    
    .widget-about-grid .widget-inner{
        display                 : block;
        -webkit-flex-flow       : none;
        flex-flow               : none;
        margin                  : 0;
    }
    .widget-about-grid .widget-inner .widget-item{
        width                   : 100%;
        -webkit-flex            : none;
        flex                    : none;
        padding                 : 0;
        margin-bottom           : 100px;
    }
    .widget-about-grid .widget-inner .widget-item:last-child{
        margin-bottom           : 0;
    }
    
    .widget-rooms-list .rooms-item{
        padding-left            : 0;
        padding-right           : 0;
    }
    .widget-rooms-list .rooms-item .item-photo{
        position                : static;
        top                     : auto;
        left                    : auto;
        width                   : 100%;
    }
    .widget-rooms-list .rooms-item .item-photo a{
        padding-top             : 100%;
        height                  : auto;
    }
    .widget-rooms-list .rooms-item .item-price{
        top                     : 20px;
        right                   : 20px;
        width                   : auto;
        height                  : inherit;
        border-left             : 0;
        background-color        : #fff;
    }
    .widget-rooms-list .rooms-item .item-price:after{
        display                 : none;
    }
    .widget-rooms-list .rooms-item .item-price .price-inner{
        position                : static;
        top                     : inherit;
        padding                 : 40px;
        -webkit-transform       : none;
           -moz-transform       : none;
            -ms-transform       : none;
             -o-transform       : none;
                transform       : none;
    }
    
    .widget-rooms-detail .room-booking,
    .widget-rooms-detail .room-features{
        margin-top              : 50px;
    }
    .widget-rooms-detail .room-booking h2,
    .widget-rooms-detail .room-features h2{
        font-size               : 42px;
    }
    
    .widget-offers-grid .offers-item{
        width                   : 100%;
        float                   : none;
        margin-bottom           : 40px;
    }
    .widget-offers-grid .offers-item .item-inner{
        padding-top             : 0;
    }
    .widget-offers-grid .offers-item .item-inner .item-photo{
        width                   : 40%;
    }
    .widget-offers-grid .offers-item .item-inner .item-desc{
        position                : relative;
        width                   : 100%;
        padding                 : 40px;
        padding-left            : calc(40% + 30px);
    }
    .widget-offers-grid .offers-item .item-inner .item-desc .btn-link{
        position                : relative;
        padding                 : 0;
        left                    : inherit;
        bottom                  : inherit;
        height                  : auto;
        line-height             : normal;
        margin-top: 20px;
    }
    .widget-offers-grid .offers-item .item-inner .item-desc .btn-link:before{
        display                 : none;
    }
    .widget-offers-grid .offers-item:first-child{
        padding-left            : 0;
    }
    .widget-offers-grid .offers-item:nth-child(4n) .item-inner .item-photo,
    .widget-offers-grid .offers-item:nth-child(4n+1) .item-inner .item-photo{
        left                    : 0;
        right                   : inherit;
    }
    .widget-offers-grid .offers-item:nth-child(4n) .item-inner .item-desc,
    .widget-offers-grid .offers-item:nth-child(4n+1) .item-inner .item-desc{
        right                   : inherit;
        left                    : inherit;
    }
    .widget-offers-grid .offers-item:last-child{
        margin-bottom           : 0;
    }
    .widget-offers-grid .offers-item:last-child:before{
        display                 : none;
    }
    .widget-offers-grid .wrapper-inner{
        padding-bottom          : 100px;
    }
    
    .widget-services-list .services-item .item-photo{
        position                : relative;
        width                   : 100%;
        padding-top             : 100%;
    }
    .widget-services-list .services-item .item-photo:after{
        display                 : none;
    }
    .widget-services-list .services-item .item-photo .photo-small{
        bottom                  : 0;
        right                   : 0;
        border-width            : 30px;
        -webkit-box-shadow      : none;
           -moz-box-shadow      : none;
                box-shadow      : none;
    }
    .widget-services-list .services-item .item-desc{
        padding-left            : 60px;
        padding-top             : 40px;
    }
    
    .widget-services-list .services-item:nth-child(even) .item-photo .photo-small{
        left                    : 0;
    }
    .widget-services-list .services-item:nth-child(even) .item-desc{
        padding-right           : 60px;
    }
    
    .widget-booking-form .booking-detail{
        margin-top              : 100px;
    }
    
    .widget-blog-sidebar{
        margin-top              : 100px;
    }
    
    .site-header .header-bottom .header-nav{
        margin-left             : -40px;
        margin-right            : -40px;
    }
    
    .site-footer .footer-bottom .footer-contact ul li, 
    .site-footer .footer-bottom .footer-nav ul li{
        float                   : none;
        margin-bottom           : 10px;
    }
    .site-footer .footer-bottom .footer-contact ul li:last-child, 
    .site-footer .footer-bottom .footer-nav ul li:last-child{
        margin-bottom           : 0;
    }
}

/*  03 -  Max 767px
-----------------------------------------------------------*/
@media (max-width: 767px){
    .wrapper-inner,
    .wrapper-full-inner{
        padding-top             : 40px;
        padding-bottom          : 40px;
    }
    
    .wrapper-full .widget-title,
    .wrapper-full-inner .widget-title{
        padding-left            : 40px;
        padding-right           : 40px;
    }
    
    .widget-title{
        margin-bottom           : 40px;
    }
    .widget-title h2{
        font-size               : 34px;
    }
    .widget-title p{
        max-width               : 100%;
        font-size               : 14px;
        line-height             : 24px;
        margin-top              : 20px;
    }
    
    .widget-newsletter{
        width                   : 100%;
    }
    
    .widget-contact-info{
        text-align              : center;
    }
    
    .widget-contact-form{
        padding                 : 20px;
        margin-top              : 40px;
        text-align              : center;
    }
    .widget-contact-form .btn{
        display                 : block;
        width                   : 100%;
    }
    
    .widget-contact-review{
        margin-top              : 40px;
    }
    
    .widget-google-map .map-title{
        -webkit-transform       : translate(-50%, 0%);
           -moz-transform       : translate(-50%, 0%);
            -ms-transform       : translate(-50%, 0%);
             -o-transform       : translate(-50%, 0%);
                transform       : translate(-50%, 0%);
    }
    
    .widget-breadcrumb{
        display                 : none;
    }
    
    .widget-pager{
        margin-top              : 40px;
    }
    
    .widget-page-title{
        text-align              : center;
        margin-bottom           : 32px;
    }
    .widget-page-title h5, 
    .widget-page-title h1, 
    .widget-page-title p{
        width                   : 100%;
        margin-top              : 20px;
    }
    body .widget-page-title h1{
        font-size               : 34px !important;
    }
    .widget-page-title p{
        font-size               : 14px;
        line-height             : 26px;
    }
    .widget-page-title .widget-background{
        display                 : none;
    }
    .widget-page-title .wrapper-inner{
        padding-top             : 70px;
    }
    
    .widget-filter-top{
        margin-bottom           : 40px;
    }
    .widget-filter-top ul li{
        float                   : none;
        margin-right            : 0;
    }
    .widget-filter-top ul li a{
        width                   : 100%;
        text-align              : center;
    }
    .widget-filter-top ul li:last-child{
        margin-bottom           : 0;
    }
    
    .widget-slider .widget-carousel .slider-item{
        padding-top             : 310px;
    }
    .widget-slider .widget-carousel .slider-item .item-inner{
        padding-left: 0;
        padding-right: 0;
    }
    .widget-slider .widget-carousel .slider-item .item-inner h1{
        font-size               : 30px;
        margin-bottom           : 10px;
    }
    .widget-slider .widget-carousel .slider-item .item-inner h2{
        font-size               : 24px;
    }
    .widget-slider .widget-carousel .owl-nav{
        position                : absolute;
        left                    : 0;
        bottom                  : 180px;
        width                   : 100%;
    }
    .widget-slider .widget-carousel .owl-nav [class*="owl-"]{
        position                : static;
        top                     : inherit;
        margin                  : 0 10px;
    }
    .widget-slider .widget-carousel .owl-nav .owl-prev{
        left                    : auto;
    }
    .widget-slider .widget-carousel .owl-nav .owl-next{
        left                    : auto;
    }
    
    .widget-about-promo .widget-inner h2, 
    .widget-about-promo .widget-inner h5{
        text-align              : center;
    }
    .widget-about-promo .widget-inner h2{
        font-size               : 34px;
        margin-bottom           : 40px;
    }
    .widget-about-promo .widget-inner p{
        font-size               : 14px;
        line-height             : 26px;
        margin-bottom           : 40px;
    }
    .widget-about-promo .widget-inner .btn{
        display                 : block;
        width                   : 100%;
        margin-top              : 40px;
    }
    
    .widget-about-grid .widget-inner .widget-item{
        margin-bottom           : 40px;
    }
    .widget-about-grid .widget-inner .widget-item h2,
    .widget-about-grid .widget-inner .widget-item h5{
        text-align              : center;
    }
    
    .widget-history-timeline ul:after{
        display                 : none;
    }
    .widget-history-timeline ul{
        padding                 : 0;
    }
    .widget-history-timeline ul li{
        text-align              : center;
        margin-bottom           : 40px;
    }
    .widget-history-timeline ul li:after{
        display                 : none;
    }
    .widget-history-timeline ul li h5{
        position                : static;
        top                     : inherit;
        max-width               : 100%;
        margin-top              : 0;
        margin-bottom           : 5px;
    }
    .widget-history-timeline ul li:nth-child(odd){
        padding-left            : 0;
    }
    .widget-history-timeline ul li:nth-child(odd) h5{
        left                    : inherit;
    }
    .widget-history-timeline ul li:nth-child(even){
        padding-right           : 0;
        text-align              : center;
    }
    .widget-history-timeline ul li:nth-child(even) h5{
        right                   : inherit;
    }
    .widget-history-timeline ul li:nth-child(even) h5{
        right                   : inherit;
    }
    
    .widget-offers-grid .offers-item .item-inner .item-photo{
        position                : relative;
        width                   : 100%;
        padding-top             : 100%;
    }
    .widget-offers-grid .offers-item .item-inner .item-desc{
        padding                 : 20px;
        text-align              : center;
    }
    .widget-offers-grid .wrapper-inner{
        padding-bottom          : 40px;
    }
    
    .widget-features-grid .features-item{
        border-width            : 10px;
    }
    .widget-features-grid .features-item a{
        padding                 : 60px 20px 20px;
    }
    .widget-features-grid .features-item h3{
        margin-bottom           : 0;
        text-align              : center;
    }
    .widget-features-grid .features-item p{
        display                 : none;
    }
    
    .widget-rooms-carousel .rooms-item .item-desc{
        padding                 : 20px 20px 40px;
    }
    
    .widget-rooms-list .rooms-item .item-desc{
        padding                 : 20px;
        text-align              : center;
    }
    .widget-rooms-list .rooms-item .item-desc p{
        font-size               : 14px;
        line-height             : 26px;
    }
    .widget-rooms-list .rooms-item .item-desc .desc-features ul li{
        float                   : none;
        width                   : 100%;
        text-align              : left;
    }
    .widget-rooms-list .rooms-item .item-price{
        position                : static;
        top                     : auto;
        right                   : auto;
        padding                 : 20px;
        border-top              : 1px solid #e1e1e1;
    }
    .widget-rooms-list .rooms-item .item-price .price-inner{
        padding                 : 0;
    }
    
    .widget-rooms-detail .room-slider a{
        height                  : 300px;
    }
    .widget-rooms-detail .room-slider .room-price{
        font-size               : 18px;
    }
    .widget-rooms-detail .room-slider .room-price small{
        top                     : -1px;
    }
    .widget-rooms-detail .room-thumbnails{
        display                 : none;
    }
    .widget-rooms-detail .room-booking h2, 
    .widget-rooms-detail .room-features h2{
        font-size               : 28px;
    }
    .widget-rooms-detail .room-booking,
    .widget-rooms-detail .room-features{
        padding                 : 20px;
        margin-top              : 40px;
    }
    
    .widget-services-list .services-item{
        margin-bottom           : 50px;
    }
    .widget-services-list .services-item .item-photo .photo-big{
        border-width            : 20px;
    }
    .widget-services-list .services-item .item-photo .photo-small{
        display                 : none;
    }
    .widget-services-list .services-item .item-photo .btn{
        left                    : 20px;
        right                   : 20px;
        bottom                  : 20px;
    }
    .widget-services-list .services-item .item-desc{
        text-align              : center;
        padding                 : 5px 20px 20px 20px;
    }
    .widget-services-list .services-item .item-desc h2, 
    .widget-services-list .services-item .item-desc h5{
        text-align              : center;
    }
    .widget-services-list .services-item .item-desc h2{
        margin-bottom           : 20px;
        font-size               : 28px;
    }
    .widget-services-list .services-item .item-desc p{
        font-size               : 14px;
        line-height             : 26px;
    }
    .widget-services-list .services-item:nth-child(even) .item-photo .btn{
        left                    : 20px;
        right                   : 20px;
        bottom                  : 20px;
    }
    .widget-services-list .services-item:nth-child(even) .item-desc{
        padding                 : 5px 20px 20px 20px;
    }
    
    .widget-gallery-carousel .widget-carousel:before, 
    .widget-gallery-carousel .widget-carousel:after{
        display                 : none;
    }
    .widget-gallery-carousel .widget-carousel .owl-item.center .gallery-item a{
        top                     : 0;
        bottom                  : 0;
        left                    : 0;
        right                   : 0;
        border                  : 0 solid #fff;
        -webkit-box-shadow      : 0px 0px 30px 0px rgba(33, 30, 25, 0.2);
           -moz-box-shadow      : 0px 0px 30px 0px rgba(33, 30, 25, 0.2);
                box-shadow      : 0px 0px 30px 0px rgba(33, 30, 25, 0.2);
    }
    .widget-gallery-carousel .widget-carousel .owl-nav .owl-prev{
        left                    : 0;
    }
    .widget-gallery-carousel .widget-carousel .owl-nav .owl-next{
        right                   : 0;
    }
    
    .widget-blog-carousel .blog-item .item-desc{
        text-align              : center;
    }
    
    .widget-blog-list .blog-item{
        padding-left: 0;
    }
    .widget-blog-list .blog-item .item-media{
        position                : relative;
        top                     : inherit;
        left                    : inherit;
        width                   : 100%;
        height                  : auto;
        padding-top             : 100%;
    }
.owl-carousel{
    display                 : none;
    width                   : 100%;
    -webkit-tap-highlight-color : transparent;
    /* position relative and z-index fix webkit rendering fonts issue */
    position                : relative;
    z-index                 : 1;
}
.owl-carousel .owl-stage{
    position                : relative;
    -ms-touch-action        : pan-Y;
}
.owl-carousel .owl-stage:after{
    content                 : ".";
    display                 : block;
    clear                   : both;
    visibility              : hidden;
    line-height             : 0;
    height                  : 0;
}
.owl-carousel .owl-stage-outer{
    position                : relative;
    overflow                : hidden;
    /* fix for flashing background */
    -webkit-transform       : translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-item{
    position                : relative;
    min-height              : 1px;
    float                   : left;
    -webkit-backface-visibility : hidden;
    -webkit-tap-highlight-color : transparent;
    -webkit-touch-callout       : none;
}
.owl-carousel .owl-item img{
    display                 : block;
    width                   : 100%;
    -webkit-transform-style : preserve-3d;
}
.owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled{
    display                 : none;
}
.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot{
    cursor                  : pointer;
    cursor                  : hand;
    -webkit-user-select     : none;
    -khtml-user-select      : none;
    -moz-user-select        : none;
    -ms-user-select         : none;
    user-select             : none;
}
.owl-carousel.owl-loaded{
    display                 : block;
}
.owl-carousel.owl-loading{
    opacity                 : 0;
    display                 : block;
}
.owl-carousel.owl-hidden{
    opacity                 : 0;
}
.owl-carousel.owl-refresh .owl-item{
    display                 : none;
}


.widget-gallery-carousel{
    background-color        : #fff;
}
.widget-gallery-carousel .gallery-item{
    position                : relative;
    padding-top             : 100%;
}
.widget-gallery-carousel .gallery-item a{
    position                : absolute;
    top                     : 0;
    bottom                  : 0;
    left                    : 0;
    right                   : 0;
    display                 : block;
    background-repeat       : no-repeat;
    background-position     : top center;
    background-size         : cover;
}
.widget-gallery-carousel .gallery-item .item-text{
    display                 : none;
    position                : absolute;
    left                    : 0;
    bottom                  : 0;
    width                   : 100%;
    padding                 : 80px 40px 40px 40px;
    font-size               : 24px;
    color                   : #fff;
    text-align              : center;
    background              : -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(36,50,74,1) 100%);
    background              : -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(36,50,74,1) 100%);
    background              : linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(36,50,74,1) 100%);
}
.widget-gallery-carousel .widget-carousel:before,
.widget-gallery-carousel .widget-carousel:after{
    position                : absolute;
    top                     : 80px;
    bottom                  : 80px;
    z-index                 : 1;
    width                   : 33.33333333333333%;
    content                 : "";
    display                 : inline-block;
    background-color        : aliceblue;
}
.widget-gallery-carousel .widget-carousel:before{
    left                    : 0;
    background              : -moz-linear-gradient(left, rgba(255,255,255,1)50%, rgba(255,255,255,0) 100%);
    background              : -webkit-linear-gradient(left, rgba(255,255,255,1) 5%,rgba(255,255,255,0) 100%);
    background              : linear-gradient(to right, rgba(255,255,255,1) 5%,rgba(255,255,255,0) 100%);
}
.widget-gallery-carousel .widget-carousel:after{
    right                   : 0;
    background              : -moz-linear-gradient(left, rgba(255,255,255,0) 5%, rgba(255,255,255,1) 100%);
    background              : -webkit-linear-gradient(left, rgba(255,255,255,0) 5%,rgba(255,255,255,1) 100%);
    background              : linear-gradient(to right, rgba(255,255,255,0) 5%,rgba(255,255,255,1) 100%);
}
.widget-gallery-carousel .widget-carousel .owl-stage-outer{
    padding-top             : 80px;
    padding-bottom          : 80px;
    margin-top              : -80px;
    margin-bottom           : -80px;
}

.widget-gallery-carousel .widget-carousel .owl-item.center{
    z-index                 : 2;
}
.widget-gallery-carousel .widget-carousel .owl-item.center .gallery-item a{
    top                     : -50px;
    bottom                  : -50px;
    left                    : -50px;
    right                   : -50px;
    border                  : 20px solid #fff;
    -webkit-box-shadow      : 0px 0px 30px 0px rgba(33, 30, 25, 0.2);
    -moz-box-shadow      : 0px 0px 30px 0px rgba(33, 30, 25, 0.2);
    box-shadow      : 0px 0px 30px 0px rgba(33, 30, 25, 0.2);
}
.widget-gallery-carousel .widget-carousel .owl-item.center .gallery-item .item-text{
    display                 : block;
}

.widget-gallery-carousel .widget-carousel .owl-nav{
    margin-top              : 0;
}
.widget-gallery-carousel .widget-carousel .owl-nav [class*='owl-']{
    position                : absolute;
    top                     : 50%;
    z-index                 : 2;
    width                   : 50px;
    height                  : 50px;
    line-height             : 50px;
    margin                  : -25px 0 0 0;
    padding                 : 0;
    font                    : normal normal normal 14px/1 FontAwesome;
    text-rendering          : auto;
    -webkit-font-smoothing  : antialiased;
    -moz-osx-font-smoothing : grayscale;
    color                   : #d77b5d;
    background-color        : #fff;
    -webkit-border-radius   : 0;
    -moz-border-radius   : 0;
    -ms-border-radius   : 0;
    -o-border-radius   : 0;
    border-radius   : 0;
}
.widget-gallery-carousel .widget-carousel .owl-nav [class*='owl-']:hover{
    color                   : #d77b5d;
    background-color        : #fff;
}
.widget-gallery-carousel .widget-carousel .owl-nav .owl-prev{
    left                    : calc(33.33333333333333% - 98px);
}
.widget-gallery-carousel .widget-carousel .owl-nav .owl-next{
    right                   : calc(33.33333333333333% - 98px);
}
.widget-gallery-carousel .widget-carousel .owl-nav .owl-prev:before,
.widget-gallery-carousel .widget-carousel .owl-nav .owl-next:before{
    line-height             : 50px;
}
.widget-gallery-carousel .widget-carousel .owl-nav .owl-prev:before{
    content                 : "\f177";
}
.widget-gallery-carousel .widget-carousel .owl-nav .owl-next:before{
    content                 : "\f178";
}

/*  06 -  Min 768px
-----------------------------------------------------------*/
@media (min-width: 768px){
    
}.owl-carousel{
    display                 : none;
    width                   : 100%;
    -webkit-tap-highlight-color : transparent;
    /* position relative and z-index fix webkit rendering fonts issue */
    position                : relative;
    z-index                 : 1;
}
.owl-carousel .owl-stage{
    position                : relative;
    -ms-touch-action        : pan-Y;
}
.owl-carousel .owl-stage:after{
    content                 : ".";
    display                 : block;
    clear                   : both;
    visibility              : hidden;
    line-height             : 0;
    height                  : 0;
}
.owl-carousel .owl-stage-outer{
    position                : relative;
    overflow                : hidden;
    /* fix for flashing background */
    -webkit-transform       : translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-item{
    position                : relative;
    min-height              : 1px;
    float                   : left;
    -webkit-backface-visibility : hidden;
    -webkit-tap-highlight-color : transparent;
    -webkit-touch-callout       : none;
}
.owl-carousel .owl-item img{
    display                 : block;
    width                   : 100%;
    -webkit-transform-style : preserve-3d;
}
.owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled{
    display                 : none;
}
.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot{
    cursor                  : pointer;
    cursor                  : hand;
    -webkit-user-select     : none;
    -khtml-user-select      : none;
    -moz-user-select        : none;
    -ms-user-select         : none;
    user-select             : none;
}
.owl-carousel.owl-loaded{
    display                 : block;
}
.owl-carousel.owl-loading{
    opacity                 : 0;
    display                 : block;
}
.owl-carousel.owl-hidden{
    opacity                 : 0;
}
.owl-carousel.owl-refresh .owl-item{
    display                 : none;
}


.widget-gallery-carousel{
    background-color        : #fff;
}
.widget-gallery-carousel .gallery-item{
    position                : relative;
    padding-top             : 100%;
}
.widget-gallery-carousel .gallery-item a{
    position                : absolute;
    top                     : 0;
    bottom                  : 0;
    left                    : 0;
    right                   : 0;
    display                 : block;
    background-repeat       : no-repeat;
    background-position     : top center;
    background-size         : cover;
}
.widget-gallery-carousel .gallery-item .item-text{
    display                 : none;
    position                : absolute;
    left                    : 0;
    bottom                  : 0;
    width                   : 100%;
    padding                 : 80px 40px 40px 40px;
    font-size               : 24px;
    color                   : #fff;
    text-align              : center;
    background              : -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(36,50,74,1) 100%);
    background              : -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(36,50,74,1) 100%);
    background              : linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(36,50,74,1) 100%);
}
.widget-gallery-carousel .widget-carousel:before,
.widget-gallery-carousel .widget-carousel:after{
    position                : absolute;
    top                     : 80px;
    bottom                  : 80px;
    z-index                 : 1;
    width                   : 33.33333333333333%;
    content                 : "";
    display                 : inline-block;
    background-color        : aliceblue;
}
.widget-gallery-carousel .widget-carousel:before{
    left                    : 0;
    background              : -moz-linear-gradient(left, rgba(255,255,255,1)50%, rgba(255,255,255,0) 100%);
    background              : -webkit-linear-gradient(left, rgba(255,255,255,1) 5%,rgba(255,255,255,0) 100%);
    background              : linear-gradient(to right, rgba(255,255,255,1) 5%,rgba(255,255,255,0) 100%);
}
.widget-gallery-carousel .widget-carousel:after{
    right                   : 0;
    background              : -moz-linear-gradient(left, rgba(255,255,255,0) 5%, rgba(255,255,255,1) 100%);
    background              : -webkit-linear-gradient(left, rgba(255,255,255,0) 5%,rgba(255,255,255,1) 100%);
    background              : linear-gradient(to right, rgba(255,255,255,0) 5%,rgba(255,255,255,1) 100%);
}
.widget-gallery-carousel .widget-carousel .owl-stage-outer{
    padding-top             : 80px;
    padding-bottom          : 80px;
    margin-top              : -80px;
    margin-bottom           : -80px;
}

.widget-gallery-carousel .widget-carousel .owl-item.center{
    z-index                 : 2;
}
.widget-gallery-carousel .widget-carousel .owl-item.center .gallery-item a{
    top                     : -50px;
    bottom                  : -50px;
    left                    : -50px;
    right                   : -50px;
    border                  : 20px solid #fff;
    -webkit-box-shadow      : 0px 0px 30px 0px rgba(33, 30, 25, 0.2);
    -moz-box-shadow      : 0px 0px 30px 0px rgba(33, 30, 25, 0.2);
    box-shadow      : 0px 0px 30px 0px rgba(33, 30, 25, 0.2);
}
.widget-gallery-carousel .widget-carousel .owl-item.center .gallery-item .item-text{
    display                 : block;
}

.widget-gallery-carousel .widget-carousel .owl-nav{
    margin-top              : 0;
}
.widget-gallery-carousel .widget-carousel .owl-nav [class*='owl-']{
    position                : absolute;
    top                     : 50%;
    z-index                 : 2;
    width                   : 50px;
    height                  : 50px;
    line-height             : 50px;
    margin                  : -25px 0 0 0;
    padding                 : 0;
    font                    : normal normal normal 14px/1 FontAwesome;
    text-rendering          : auto;
    -webkit-font-smoothing  : antialiased;
    -moz-osx-font-smoothing : grayscale;
    color                   : #d77b5d;
    background-color        : #fff;
    -webkit-border-radius   : 0;
    -moz-border-radius   : 0;
    -ms-border-radius   : 0;
    -o-border-radius   : 0;
    border-radius   : 0;
}
.widget-gallery-carousel .widget-carousel .owl-nav [class*='owl-']:hover{
    color                   : #d77b5d;
    background-color        : #fff;
}
.widget-gallery-carousel .widget-carousel .owl-nav .owl-prev{
    left                    : calc(33.33333333333333% - 98px);
}
.widget-gallery-carousel .widget-carousel .owl-nav .owl-next{
    right                   : calc(33.33333333333333% - 98px);
}
.widget-gallery-carousel .widget-carousel .owl-nav .owl-prev:before,
.widget-gallery-carousel .widget-carousel .owl-nav .owl-next:before{
    line-height             : 50px;
}
.widget-gallery-carousel .widget-carousel .owl-nav .owl-prev:before{
    content                 : "\f177";
}
.widget-gallery-carousel .widget-carousel .owl-nav .owl-next:before{
    content                 : "\f178";
}
.widget-gallery-carousel .widget-carousel .owl-nav .disabled{
    opacity                 : 1;
    cursor                  : pointer;
}

.widget-history-timeline{
    background-color        : #fff;
}
.widget-history-timeline ul{
    position                : relative;
    padding-top             : 40px;
    padding-bottom          : 40px;
}
.widget-history-timeline ul:after{
    position                : absolute;
    top                     : 0;
    left                    : 50%;
    width                   : 2px;
    height                  : 100%;
    margin-left             : -1px;
    content                 : "";
    display                 : inline-block;
    background-color        : #e1e1e1;
}
.widget-history-timeline ul li{
    position                : relative;
    margin-bottom           : 50px;
}
.widget-history-timeline ul li:after{
    position                : absolute;
    top                     : 50%;
    left                    : 50%;
    width                   : 16px;
    height                  : 16px;
    margin-top              : -8px;
    margin-left             : -8px;
    content                 : "";
    display                 : inline-block;
    background-color        : #e1e1e1;
    -webkit-border-radius   : 50%;
    -moz-border-radius   : 50%;
    -ms-border-radius   : 50%;
    -o-border-radius   : 50%;
    border-radius   : 50%;
}
.widget-history-timeline ul li h5{
    position                : absolute;
    top                     : 50%;
    max-width               : 60px;
    margin-top              : -5px;
    margin-bottom           : 0;
    font-size               : 11px;
    white-space             : nowrap;
    text-overflow           : ellipsis;
    overflow                : hidden;
}

.widget-rooms-detail .room-features ul li .fa{
    position                : absolute;
    top                     : 10px;
    left                    : 10px;
    width                   : 20px;
    height                  : 20px;
    line-height             : 20px;
    text-align              : center;
    font-size               : 7px;
    color                   : #d77b5d;
    border                  : 1px solid #d77b5d;
    -webkit-border-radius   : 50%;
    -moz-border-radius   : 50%;
    -ms-border-radius   : 50%;
    -o-border-radius   : 50%;
    border-radius   : 50%;
}
.widget-rooms-detail .room-features ul li .fa:before{
    display                 : inline-block;
    width                   : 20px;
}
.widget-rooms-detail .room-features ul li:last-child{
    border-bottom           : 0;
}

.widget-booking-form .booking-form,
.widget-booking-form .booking-complete,
.widget-booking-form .booking-detail{
    padding                 : 40px;
    background-color        : #fff;
}
.widget-booking-form .booking-form .data-form .fa{
    position                : absolute;
    top                     : 14px;
    right                   : 35px;
    width                   : 15px;
    text-align              : center;
    pointer-events          : none;
    z-index: 999;
}
.widget-booking-form .booking-form h2 + p{
    margin-bottom           : 30px;
}
.widget-booking-form .booking-form .data-form select,
.widget-booking-form .booking-form .data-form textarea,
.widget-booking-form .booking-form .data-form input[type="date"],
.widget-booking-form .booking-form .data-form input[type="mail"],
.widget-booking-form .booking-form .data-form input[type="text"]{
    -webkit-box-shadow      : inset 1px 1px 4px 0px rgba(40, 35, 29, 0.1);
    -moz-box-shadow      : inset 1px 1px 4px 0px rgba(40, 35, 29, 0.1);
    box-shadow      : inset 1px 1px 4px 0px rgba(40, 35, 29, 0.1);
}
.widget-booking-form .booking-form .data-form ::-webkit-input-placeholder{
    color                   : #24324a;
    text-transform          : uppercase;
}
.widget-booking-form .booking-form .data-form :-moz-placeholder{
    color                   : #24324a;
    text-transform          : uppercase;
}
.widget-booking-form .booking-form .data-form ::-moz-placeholder{
    color                   : #24324a;
    text-transform          : uppercase;
}
.widget-booking-form .booking-form .data-form :-ms-input-placeholder{  
    color                   : #24324a;
    text-transform          : uppercase;
}
.widget-booking-form .booking-detail .detail-room{
    border-top              : 1px solid #e1e1e1;
    padding-top             : 20px;
}
.widget-booking-form .booking-detail .detail-room .room-photo{
    width                   : 30%;
    float                   : left;
}
.widget-booking-form .booking-detail .detail-room .room-photo a{
    display                 : block;
    width                   : 100%;
    padding-top             : 100%;
    background-repeat       : no-repeat;
    background-position     : top center;
    background-size         : cover;
}
.widget-booking-form .booking-detail .detail-room .room-desc{
    width                   : 70%;
    padding-left            : 20px;
    float                   : left;
}
.widget-booking-form .booking-detail .detail-room .room-desc h3{
    font-size               : 24px;
}
.widget-booking-form .booking-detail .detail-room .room-desc h3 a:hover{
    color                   : #d77b5d;
}
.widget-booking-form .booking-detail .detail-room .room-desc h4{
    font-family             : 'Lato', sans-serif;
    font-size               : 14px;
    font-weight             : 900;
    color                   : #d77b5d;
    margin-bottom           : 0;
    text-transform          : uppercase;
}
.widget-booking-form .booking-detail .detail-room .room-desc h4 small{
    position                : relative;
    top                     : -1px;
    margin-left             : 5px;
    font-size               : 10px;
    font-weight             : 700;
    color                   : #818a9c;
}
.widget-booking-form .booking-detail .detail-info{
    margin-top              : 20px;
    font-family             : 'Lato', sans-serif;
    font-weight             : 700;
    font-size               : 11px;
    border-bottom           : 1px solid #e1e1e1;
}
.widget-booking-form .booking-detail .detail-info ul li{
    width                   : 50%;
    float                   : left;
    padding                 : 10px;
    border-top              : 1px solid #e1e1e1;
    text-transform          : uppercase;
}
.widget-booking-form .booking-detail .detail-info ul li label,
.widget-booking-form .booking-detail .detail-info ul li p{
    white-space             : nowrap;
    text-overflow           : ellipsis;
    overflow                : hidden;
}
.widget-booking-form .booking-detail .detail-info ul li label{
    color                   : #818a9c;
}
.widget-booking-form .booking-detail .detail-info ul li p{
    line-height             : normal;
    margin                  : 0;
}
.widget-booking-form .booking-detail .detail-info ul li.total{
    width                   : 100%;
}
.widget-booking-form .booking-detail .detail-info ul li.total p{
    font-weight             : 900;
    color                   : #d77b5d;
    font-size               : 18px;
}
.widget-booking-form .booking-help{
    margin-top              : 30px;
    padding                 : 40px;
    border                  : 15px solid #fff;
}
.widget-booking-form .booking-help h3{
    font-family             : 'Lato', sans-serif;
    font-weight             : 900;
    margin-top              : 30px;
    margin-bottom           : 0;
}
.widget-booking-form .booking-help h3 .fa{
    margin-right            : 10px;
    color                   : #d77b5d;
}
.widget-booking-form .booking-complete{
    display                 : none;
}
.widget-booking-form .booking-complete .complete-message{
    padding-left            : 140px;
    position                : relative;
    min-height              : 120px;
    padding-top             : 40px;
}
.widget-booking-form .booking-complete .complete-message .fa{
    position                : absolute;
    top                     : 0;
    left                    : 0;
    width                   : 120px;
    height                  : 120px;
    line-height             : 120px;
    text-align              : center;
    font-size               : 60px;
    color                   : #75cd33;
    border                  : 5px solid #75cd33;
    -webkit-border-radius   : 50%;
    -moz-border-radius   : 50%;
    -ms-border-radius   : 50%;
    -o-border-radius   : 50%;
    border-radius   : 50%;
}

.widget-services-list .services-item{
    position                : relative;
    margin-bottom           : 100px;
    background-color        : #fff;
    -webkit-box-shadow      : 0px 0px 30px 0px rgba(33, 30, 25, 0.1);
    -moz-box-shadow      : 0px 0px 30px 0px rgba(33, 30, 25, 0.1);
    box-shadow      : 0px 0px 30px 0px rgba(33, 30, 25, 0.1);
}
.widget-services-list .services-item .item-photo{
    position                : absolute;
    top                     : 0;
    left                    : 0;
    width                   : 42%;
    height                  : 100%;
}
.widget-services-list .services-item .item-photo:after{
    position                : absolute;
    top                     : 0;
    left                    : 100%;
    z-index                 : 1;
    width                   : 20px;
    height                  : 100%;
    content                 : "";
    display                 : inline-block;
    background              : -moz-linear-gradient(left, rgba(33,30,25,0.10) -100%, rgba(0,0,0,0) 100%);
    background              : -webkit-linear-gradient(left, rgba(33,30,25,0.10) -100%, rgba(0,0,0,0) 100%);
    background              : linear-gradient(to right, rgba(33,30,25,0.10) -100%, rgba(0,0,0,0) 100%);
}
.widget-services-list .services-item .item-photo .btn{
    position                : absolute;
    bottom                  : -40px;
    left                    : 110%;
    z-index                 : 1;
}
.widget-services-list .services-item .item-photo .photo-big,
.widget-services-list .services-item .item-photo .photo-small{
    background-repeat       : no-repeat;
    background-position     : top center;
    background-size         : cover;
}
.widget-services-list .services-item .item-photo .photo-big{
    position                : absolute;
    top                     : 0;
    left                    : 0;
    z-index                 : 1;
    width                   : 100%;
    height                  : 100%;
    border                  : 30px solid #fff;
}
.widget-services-list .services-item .item-photo .photo-small{
    position                : absolute;
    bottom                  : -10%;
    right                   : -10%;
    z-index                 : 2;
    width                   : 50%;
    height                  : 50%;
    border                  : 20px solid #fff;
    -webkit-box-shadow      : 0px 0px 30px 0px rgba(33, 30, 25, 0.1);
    -moz-box-shadow      : 0px 0px 30px 0px rgba(33, 30, 25, 0.1);
    box-shadow      : 0px 0px 30px 0px rgba(33, 30, 25, 0.1);
}
.widget-services-list .services-item .item-desc{
    padding-left            : 50%;
    padding-right           : 60px;
    padding-top             : 60px;
    padding-bottom          : 60px;
    font-size               : 18px;
    text-align              : justify;
}
.widget-services-list .services-item .item-desc h2,
.widget-services-list .services-item .item-desc h5{
    text-align              : left;
}
.widget-services-list .services-item .item-desc h2{
    font-size               : 48px;
    margin-bottom           : 30px;
}
.widget-services-list .services-item .item-desc p{
    line-height             : 30px;
}
.widget-services-list .services-item .item-desc p:last-of-type{
    margin-bottom           : 0;
}
.widget-services-list .services-item:nth-child(even) .item-photo{
    left                    : inherit;
    right                   : 0;
}
.widget-services-list .services-item:nth-child(even) .item-photo:after{
    left                    : inherit;
    right                   : 100%;
    background              : -moz-linear-gradient(right, rgba(33,30,25,0.10) -100%, rgba(0,0,0,0) 100%);
    background              : -webkit-linear-gradient(right, rgba(33,30,25,0.10) -100%, rgba(0,0,0,0) 100%);
    background              : linear-gradient(to left, rgba(33,30,25,0.10) -100%, rgba(0,0,0,0) 100%);
}
.widget-services-list .services-item:nth-child(even) .item-photo .btn{
    left                    : inherit;
    right                   : 110%;
}
.widget-services-list .services-item:nth-child(even) .item-photo .photo-small{
    right                   : inherit;
    left                    : -10%;
}
.widget-services-list .services-item:nth-child(even) .item-desc{
    padding-left            : 60px;
    padding-right           : 50%;
}
.widget-services-list .services-item:last-child{
    margin-bottom           : 0;
}

.widget-blog-carousel .blog-item{
    position                : relative;
    background-color        : #fff;
}
.widget-blog-carousel .blog-item:after{
    position                : absolute;
    top                     : 0;
    right                   : 0;
    z-index                 : 1;
    width                   : 1px;
    height                  : 100%;
    content                 : "";
    display                 : inline-block;
    background-color        : #e1e1e1;
}
.widget-blog-carousel .blog-item .item-media{
    position                : relative;
    z-index                 : 2;
}
.widget-blog-carousel .blog-item .item-media .media-photo a,
.widget-blog-carousel .blog-item .item-media .media-gallery a{
    display                 : block;
    width                   : 100%;
    padding-top             : 100%;
    background-repeat       : no-repeat;
    background-position     : top center;
    background-size         : cover;
}
.widget-blog-carousel .blog-item .item-media .media-video{
    padding-top             : 100%;
}
.widget-blog-carousel .blog-item .item-media .media-video .fluid-width-video-wrapper{
    position                : absolute;
    top                     : 0;
    left                    : 0;
    width                   : 100%;
    height                  : 100%;
    z-index                 : 1;
}
.widget-blog-carousel .blog-item .item-date{
    position                : absolute;
    left                    : 0;
    bottom                  : 0;
    z-index                 : 2;
    width                   : 50px;
    padding                 : 10px 5px;
    font-family             : 'Lato', sans-serif;
    font-weight             : 900;
    color                   : #fff;
    text-align              : center;
    white-space             : nowrap;
    text-overflow           : ellipsis;
    text-transform          : uppercase;
    overflow                : hidden;
    background-color        : #d77b5d;
}
.widget-blog-carousel .blog-item .item-date b{
    display                 : block;
    font-size               : 22px;
    font-weight             : 900;
}
.widget-blog-carousel .blog-item .item-desc{
    padding                 : 30px 30px 70px;
}
.widget-blog-carousel .blog-item .item-desc p{
    margin-bottom           : 0;
}
.widget-blog-carousel .blog-item .item-desc h5{
    font-size               : 10px;
    color                   : #818a9c;
}
.widget-blog-carousel .blog-item .item-desc h3 a:hover{
    color                   : #d77b5d;
}
.widget-blog-carousel .blog-item .item-desc .btn-link{
    position                : absolute;
    left                    : 0;
    bottom                  : 20px;
    width                   : 100%;
    height                  : 30px;
    line-height             : 30px;
    padding                 : 0 30px;
    white-space             : nowrap;
    text-overflow           : ellipsis;
    overflow                : hidden;
}
.widget-blog-carousel .wrapper-inner,
.widget-blog-carousel .wrapper-full-inner{
    padding-bottom          : 0;
}

.widget-blog-list .blog-item{
    position                : relative;
    padding-left            : 30%;
    margin-bottom           : 50px;
    background-color        : #fff;
    -webkit-box-shadow      : 0px 0px 30px 0px rgba(33, 30, 25, 0.1);
    -moz-box-shadow      : 0px 0px 30px 0px rgba(33, 30, 25, 0.1);
    box-shadow      : 0px 0px 30px 0px rgba(33, 30, 25, 0.1);
}
.widget-blog-list .blog-item .item-media{
    position                : absolute;
    top                     : 0;
    left                    : 0;
    width                   : 30%;
    height                  : 100%;
    border                  : 15px solid #fff;
}
.widget-blog-list .blog-item .item-media:after{
    position                : absolute;
    top                     : -15px;
    bottom                  : -15px;
    left                    : calc(100% + 15px);
    width                   : 20px;
    content                 : "";
    display                 : inline-block;
    background              : -moz-linear-gradient(left, rgba(33,30,25,0.10) -100%, rgba(0,0,0,0) 100%);
    background              : -webkit-linear-gradient(left, rgba(33,30,25,0.10) -100%, rgba(0,0,0,0) 100%);
    background              : linear-gradient(to right, rgba(33,30,25,0.10) -100%, rgba(0,0,0,0) 100%);
}
.widget-blog-list .blog-item .item-media .media-photo,
.widget-blog-list .blog-item .item-media .media-gallery,
.widget-blog-list .blog-item .item-media .media-video{
    position                : absolute;
    top                     : 0;
    left                    : 0;
    width                   : 100%;
    height                  : 100%;
}
.widget-blog-list .blog-item .item-media .media-photo a,
.widget-blog-list .blog-item .item-media .media-gallery a{
    display                 : block;
    width                   : 100%;
    height                  : 100%;
    background-repeat       : no-repeat;
    background-position     : top center;
    background-size         : cover;
}
.widget-blog-list .blog-item .item-media .media-gallery .owl-carousel,
.widget-blog-list .blog-item .item-media .media-gallery .owl-stage-outer,
.widget-blog-list .blog-item .item-media .media-gallery .owl-stage,
.widget-blog-list .blog-item .item-media .media-gallery .owl-item{
    height                  : 100%;
}
.widget-blog-list .blog-item .item-media .media-video .fluid-width-video-wrapper{
    height                  : 100%;
}
.widget-blog-list .blog-item .item-desc{
    padding                 : 40px;
}
.single-post .blog-item .item-desc{
    padding                 : 40px 0;
}
.widget-blog-list .blog-item .item-desc h2 a:hover{
    color                   : #d77b5d;
}
.widget-blog-list .blog-item .item-desc h5{
    font-size               : 10px;
    font-weight             : 700;
    color                   : #818a9c;
    letter-spacing          : 0;
}
.widget-blog-list .blog-item .item-desc h5 a{
    color                   : #d77b5d;
}
.widget-blog-list .blog-item .item-desc h5 .fa{
    margin-left             : 10px;
    margin-right            : 5px;
}
.widget-blog-list .blog-item .item-desc p:last-child{
    margin-bottom           : 0;
}
.widget-blog-list .blog-item:last-child{
    margin-bottom           : 0;
}

.widget-blog-sidebar{
    font-family             : 'Lato', sans-serif;
    padding-left            : 20px;
    margin-bottom           : -30px;
}
.widget-blog-sidebar h5{
    margin-bottom           : 20px;
    white-space             : nowrap;
    text-overflow           : ellipsis;
    overflow                : hidden;
}
.widget-blog-sidebar .widget{
    margin-bottom: 60px;
}
.widget-blog-sidebar .sidebar-search form{
    position                : relative;
}
.widget-blog-sidebar .sidebar-search form button{
    position                : absolute;
    top                     : 0;
    right                   : 0;
    width                   : 40px;
    height                  : 40px;
    line-height             : 40px;
    font-size               : 11px;
    text-align              : center;
}
.widget-blog-sidebar .sidebar-search form input[type="text"]{
    width                   : 100%;
    padding                 : 0 60px 0 20px;
    margin                  : 0;
    height                  : 40px;
    line-height             : 40px;
    border                  : 1px solid #e1e1e1;
    background-color        : #fff;
    -webkit-box-shadow      : inset 1px 1px 4px 0px rgba(40, 35, 29, 0.1);
    -moz-box-shadow      : inset 1px 1px 4px 0px rgba(40, 35, 29, 0.1);
    box-shadow      : inset 1px 1px 4px 0px rgba(40, 35, 29, 0.1);
}
.widget-blog-sidebar .sidebar-search form input[type="text"]:focus{
    border-color            : #999;
}
.widget-blog-sidebar .sidebar-search form ::-webkit-input-placeholder{
    text-transform          : uppercase;
}
.widget-blog-sidebar .sidebar-search form :-moz-placeholder{
    text-transform          : uppercase;
}
.widget-blog-sidebar .sidebar-search form ::-moz-placeholder{
    text-transform          : uppercase;
}
.widget-blog-sidebar .sidebar-search form :-ms-input-placeholder{
    text-transform          : uppercase;
}
.widget-blog-sidebar .sidebar-categories ul li{
    margin-bottom           : 15px;
}
.widget-blog-sidebar .sidebar-categories ul li a{
    display                 : block;
    font-size               : 11px;
    font-weight             : 900;
    letter-spacing          : 1px;
}
.widget-blog-sidebar .sidebar-categories ul li:last-child{
    margin-bottom           : 0;
}
.widget-blog-sidebar .sidebar-categories ul li a:hover{
    color                   : #d77b5d;
}
.widget-blog-sidebar .sidebar-events ul li{
    margin-bottom           : 15px;
}
.widget-blog-sidebar .sidebar-events ul li a{
    position                : relative;
    display                 : block;
    min-height              : 60px;
    padding-left            : 80px;
    padding-top             : 10px;
}
.widget-blog-sidebar .sidebar-events ul li a:hover{
    color                   : #d77b5d;
}
.widget-blog-sidebar .sidebar-events ul li span{
    position                : absolute;
    top                     : 0;
    left                    : 0;
    width                   : 60px;
    height                  : 60px;
    line-height             : 80px;
    text-align              : center;
    font-size               : 18px;
    font-weight             : 900;
    color                   : #24324a;
    overflow                : hidden;
    background-color        : #fff;
    -webkit-border-radius   : 4px;
    -moz-border-radius   : 4px;
    -ms-border-radius   : 4px;
    -o-border-radius   : 4px;
    border-radius   : 4px;
}
.widget-blog-sidebar .sidebar-events ul li span b{
    position                : absolute;
    top                     : 0;
    left                    : 0;
    width                   : 100%;
    height                  : 20px;
    line-height             : 20px;
    padding                 : 0 5px;
    display                 : block;
    font-size               : 10px;
    color                   : #fff;
    text-align              : center;
    white-space             : nowrap;
    text-overflow           : ellipsis;
    text-transform          : uppercase;
    overflow                : hidden;
    background-color        : #d77b5d;
}
.widget-blog-sidebar .sidebar-events ul li:last-child{
    margin-bottom           : 0;
}
.widget-blog-sidebar .sidebar-recent ul li{
    margin-bottom           : 20px;
}
.widget-blog-sidebar .sidebar-recent ul li a{
    display                 : block;
    font-weight             : 400;
}
.widget-blog-sidebar .sidebar-recent ul li a:hover{
    color                   : #d77b5d;
}
.widget-blog-sidebar .sidebar-recent ul li span{
    display                 : block;
    font-size               : 10px;
    color                   : #818a9c;
    text-transform          : uppercase;
    margin-top              : 5px;
}
.widget-blog-sidebar .sidebar-recent ul li .fa{
    margin-right            : 10px;
}
.widget-blog-sidebar .sidebar-recent ul li:last-child{
    margin-bottom           : 0;
}
.widget-blog-sidebar .sidebar-tags ul li{
    float                   : left;
    margin-right            : 10px;
    margin-bottom           : 10px;
}
.widget-blog-sidebar .sidebar-tags ul li a{
    display                 : inline-block;
    font-size               : 10px;
    font-weight             : 700;
    letter-spacing          : 1px;
    padding                 : 5px 10px;
    text-transform          : uppercase;
    background-color        : #fff;
}
.widget-blog-sidebar .sidebar-tags ul li a:hover{
    color                   : #fff;
    background-color        : #d77b5d;
}
.widget-blog-sidebar .sidebar-archive ul li{
    margin-bottom           : 15px;
}
.widget-blog-sidebar .sidebar-archive ul li a{
    display                 : block;
    font-size               : 11px;
    font-weight             : 900;
    letter-spacing          : 1px;
}
.widget-blog-sidebar .sidebar-archive ul li:last-child{
    margin-bottom           : 0;
}
.widget-blog-sidebar .sidebar-archive ul li a:hover{
    color                   : #d77b5d;
}

.widget-blog-single h5{
    margin-bottom           : 20px;
}
.widget-blog-single .single-media .media-gallery a{
    display                 : block;
    width                   : 100%;
    height                  : 500px;
    background-repeat       : no-repeat;
    background-position     : top center;
    background-size         : cover;
}
.widget-blog-single .single-detail{
    padding                 : 40px;
    background-color        : #fff;
}
.widget-blog-single .single-detail .detail-head{
    padding                 : 20px 40px;
    margin-top              : -40px;
    margin-left             : -40px;
    margin-right            : -40px;
    margin-bottom           : 40px;
    border-bottom           : 2px solid #f5f5f5;
    font-family             : 'Lato', sans-serif;
    font-size               : 11px;
    font-weight             : 700;
    letter-spacing          : 0;
    color                   : #818a9c;
    text-transform          : uppercase;
    margin-bottom           : 20px;
}
.widget-blog-single .single-detail .detail-head a{
    color                   : #d77b5d;
}
.widget-blog-single .single-detail .detail-head .fa{
    margin-left             : 10px;
    margin-right            : 5px;
}
.widget-blog-single .single-detail .detail-content{
    font-family             : 'Lato', sans-serif;
    text-align              : justify;
}
.widget-blog-single .single-detail .detail-content p:last-child{
    margin-bottom           : 0;
}
.widget-blog-single .single-detail .detail-tags{
    margin-top              : 40px;
    margin-bottom           : -10px;
}
.widget-blog-single .single-detail .detail-tags ul li{
    float                   : left;
    margin-right            : 10px;
    margin-bottom           : 10px;
}
.widget-blog-single .single-detail .detail-tags ul li a{
    display                 : inline-block;
    font-family             : 'Lato', sans-serif;
    font-size               : 10px;
    font-weight             : 700;
    letter-spacing          : 1px;
    padding                 : 5px 10px;
    text-transform          : uppercase;
    background-color        : #f5f5f5;
}
.widget-blog-single .single-detail .detail-tags ul li a:hover{
    color                   : #fff;
    background-color        : #d77b5d;
}
.widget-blog-single .single-comments{
    padding                 : 0 40px 40px 40px;
    background-color        : #fff;
}
.widget-blog-single .single-comments .comments-list{
    margin-bottom           : -30px;
}
.widget-blog-single .single-comments .comments-list .comment{
    position                : relative;
    padding-left            : 90px;
}
.widget-blog-single .single-comments .comments-list .comment .comment-avatar{
    position                : absolute;
    top                     : 0;
    left                    : 0;
    width                   : 70px;
    height                  : 70px;
    overflow                : hidden;
    -webkit-border-radius   : 50%;
    -moz-border-radius   : 50%;
    -ms-border-radius   : 50%;
    -o-border-radius   : 50%;
    border-radius   : 50%;
}
.widget-blog-single .single-comments .comments-list .comment .comment-avatar img{
    width                   : 100%;
}
.widget-blog-single .single-comments .comments-list .comment .comment-info{
    margin-bottom           : 30px;
    font-family             : 'Lato', sans-serif;
}
.widget-blog-single .single-comments .comments-list .comment .comment-info .comment-user,
.widget-blog-single .single-comments .comments-list .comment .comment-info .comment-date,
.widget-blog-single .single-comments .comments-list .comment .comment-info .comment-reply{
    text-transform          : uppercase;
}
.widget-blog-single .single-comments .comments-list .comment .comment-info .comment-date,
.widget-blog-single .single-comments .comments-list .comment .comment-info .comment-reply{
    font-weight             : 700;
}
.widget-blog-single .single-comments .comments-list .comment .comment-info .comment-date,
.widget-blog-single .single-comments .comments-list .comment .comment-info .comment-message{
    margin-bottom           : 10px;
}
.widget-blog-single .single-comments .comments-list .comment .comment-info .comment-user{
    font-size               : 11px;
    font-weight             : 900;
    letter-spacing          : 1px;
}
.widget-blog-single .single-comments .comments-list .comment .comment-info .comment-date{
    font-size               : 10px;
    color                   : #818a9c;
    margin-top              : 5px;
}
.widget-blog-single .single-comments .comments-list .comment .comment-info .comment-reply a{
    font-size               : 10px;
    color                   : #d77b5d;
}
.widget-blog-single .single-comments .comments-form{
    padding-top             : 100px;
    margin-bottom           : -20px;
}

.widget-contact-form{
    position                : relative;
    font-family             : 'Lato', sans-serif;
    font-weight             : 700;
    font-size               : 12px;
    padding                 : 100px 40px 40px 40px;
    margin-top              : -100px;
    background-color        : #fff;
    -webkit-box-shadow      : 0px 0px 30px 0px rgba(33, 30, 25, 0.1);
    -moz-box-shadow      : 0px 0px 30px 0px rgba(33, 30, 25, 0.1);
    box-shadow      : 0px 0px 30px 0px rgba(33, 30, 25, 0.1);
}
.widget-contact-form h5{
    margin-bottom           : 20px;
}
.widget-contact-form:after{
    position                : absolute;
    top                     : 0;
    left                    : 0;
    width                   : 100%;
    height                  : 100px;
    content                 : "";
    display                 : inline-block;
    background              : -moz-linear-gradient(top, rgba(33,30,25,0.10) -100%, rgba(0,0,0,0) 100%);
    background              : -webkit-linear-gradient(top, rgba(33,30,25,0.10) -100%, rgba(0,0,0,0) 100%);
    background              : linear-gradient(to bottom, rgba(33,30,25,0.10) -100%, rgba(0,0,0,0) 100%);
}
.widget-contact-form .data-form{
    margin-top              : 20px;
    margin-bottom           : -20px;
}
.widget-contact-form .data-form .note{
    line-height             : 40px;
    margin                  : 0;
}
.widget-contact-form .data-form select,
.widget-contact-form .data-form textarea,
.widget-contact-form .data-form input[type="text"],
.widget-contact-form .data-form input[type="password"]{
    -webkit-box-shadow      : inset 1px 1px 4px 0px rgba(40, 35, 29, 0.1);
    -moz-box-shadow      : inset 1px 1px 4px 0px rgba(40, 35, 29, 0.1);
    box-shadow      : inset 1px 1px 4px 0px rgba(40, 35, 29, 0.1);
}

.widget-contact-info{
    font-family             : 'Lato', sans-serif;
    font-weight             : 400;
}
.widget-contact-info h5{
    margin-bottom           : 20px;
}
.widget-contact-info a:hover{
    color                   : #d77b5d;
}
.widget-contact-info > ul > li{
    margin-bottom           : 40px;
}
.widget-contact-info > ul > li ul li{
    margin-bottom           : 10px;
}
.widget-contact-info ul li:last-child{
    margin-bottom           : 0;
}

.widget-contact-review{
    margin-top              : 100px;
    margin-bottom           : -30px;
}
.widget-contact-review .review-item{
    height                  : 130px;
    font-family             : 'Lato', sans-serif;
    font-size               : 11px;
    letter-spacing          : 1px;
    text-align              : center;
    padding                 : 0 20px;
    margin-bottom           : 30px;
    border                  : 10px solid #fff;
}
.widget-contact-review .review-item .item-inner{
    position                : relative;
    top                     : 45%;
    -webkit-transform       : translateY(-50%);
    -moz-transform       : translateY(-50%);
    -ms-transform       : translateY(-50%);
    -o-transform       : translateY(-50%);
    transform       : translateY(-50%);
}
.widget-contact-review .review-item .item-inner .fa{
    position                : relative;
    top                     : 10px;
    margin-right            : 10px;
    font-size               : 40px;
}
.widget-contact-review .review-item .item-inner a:hover{
    color                   : #d77b5d;
}

/*  03 - Layout Stylesheet
-----------------------------------------------------------*/
.section-white{
    background-color        : #fff;
}
.section-grey{
    background-color        : #f5f5f5;
}

.wrapper{
    max-width               : 1300px;
    padding-left            : 60px;
    padding-right           : 60px;
    margin                  : 0 auto;
}
.wrapper-inner{
    max-width               : 1300px;
    margin                  : 0 auto;
    padding-top             : 100px;
    padding-bottom          : 100px;
    padding-left            : 60px;
    padding-right           : 60px;
}
.wrapper-full{
    max-width               : 100%;
}
.wrapper-full-inner{
    padding-top             : 100px;
    padding-bottom          : 100px;
}

.site-loading{
    position                : fixed;
    top                     : 0;
    left                    : 0;
    z-index                 : 9999;
    width                   : 100%;
    height                  : 100%;
    text-align              : center;
    background-color        : #fff;
}
.site-loading img{
    position                : absolute;
    top                     : 50%;
    left                    : 50%;
    width                   : 16px;
    margin-left             : -8px;
    margin-top              : -8px;
}
.site-backtop{
    position                : fixed;
    bottom                  : 0;
    right                   : 40px;
    z-index                 : 999;
    display                 : none;
    width                   : 50px;
    height                  : 50px;
    line-height             : 50px;
    text-align              : center;
    cursor                  : pointer;
    color                   : #000;
    background-color        : #fff;
}

.site-header{
    position                : relative;
    z-index                 : 999;
    width                   : 100%;
    background-color        : #24324a;
}
.site-header .header-top{
    padding-top             : 50px;
    padding-bottom          : 50px;
    font-family             : 'Lato', sans-serif;
    font-weight             : 900;
    font-size               : 11px;
    letter-spacing          : 1px;
    color                   : #818a9c;
}
.site-header .header-top a{
    color                   : #818a9c;
}
.site-header .header-top .header-contact{
    float                   : left;
}
.site-header .header-top .header-contact ul li{
    float                   : left;
    line-height             : 20px;
    margin-right            : 20px;
    text-transform          : uppercase;
}
.site-header .header-top .header-contact ul li a{
    display                 : block;
    height                  : 20px;
    line-height             : 20px;
}
.site-header .header-top .header-contact ul li:hover a{
    color                   : #fff;
}
.site-header .header-top .header-contact ul li:last-child{
    margin-right            : 0;
}
.site-header .header-top .header-lang{
    float                   : right;
}
.site-header .header-top .header-lang ul li{
    float                   : left;
    margin-right            : 20px;
}
.site-header .header-top .header-lang ul li a{
    display                 : block;
    height                  : 20px;
    line-height             : 20px;
    text-align              : center;
    text-transform          : uppercase;
}
.site-header .header-top .header-lang ul li:hover a,
.site-header .header-top .header-lang ul li.active a{
    color                   : #fff;
}
.site-header .header-top .header-lang ul li:last-child{
    margin-right            : 0;
}
.site-header .header-bottom{
    position                : relative;
    min-height              : 110px;
}
.site-header .header-bottom .header-logo{
    position                : absolute;
    top                     : 0;
    left                    : 50%;
    width                   : 220px;
    -webkit-transform       : translateX(-50%);
    -moz-transform       : translateX(-50%);
    -ms-transform       : translateX(-50%);
    -o-transform       : translateX(-50%);
    transform       : translateX(-50%);
}
.site-header .header-bottom .header-logo img{
    width                   : 100%;
}
.site-header .header-bottom .header-nav{
    text-align              : center;
}
.site-header .header-bottom .header-nav ul li a{
    display                 : block;
    height                  : 44px;
    line-height             : 44px;
    padding                 : 0 15px;
    font-family             : 'Lato', sans-serif;
    font-weight             : 900;
    font-size               : 12px;
    letter-spacing          : 2px;
    text-transform          : uppercase;
    color                   : #fff;
}
.site-header .header-bottom .header-nav ul li:hover > a{
    color                   : #d77b5d;
}
.site-header .header-bottom .header-nav ul li.sub{
    position                : relative;
    z-index                 : 1;
}
.site-header .header-bottom .header-nav ul li.sub > ul{
    display                 : none;
}
.site-header .header-bottom .header-nav ul li.sub:hover > ul{
    display                 : block;
}
.site-header .header-bottom .header-nav > ul{
    display                 : inline-block;
}
.site-header .header-bottom .header-nav > ul > li{
    float                   : left;
}
.site-header .header-bottom .header-nav > ul > li.sub ul li a{
    min-width               : 120px;
    font-size               : 11px;
    white-space             : nowrap;
    text-align              : left;
    background-color        : #1a2436;
}
.site-header .header-bottom .header-nav > ul > li.sub ul li ul{
    position                : absolute;
    top                     : 0;
    left                    : 100%;
}
.site-header .header-bottom .header-nav > ul > li.sub:before{
    position                : absolute;
    top                     : 0;
    left                    : 0;
    width                   : 100%;
    height                  : 1px;
    content                 : "";
    display                 : none;
    background-color        : #d77b5d;
}
.site-header .header-bottom .header-nav > ul > li.sub > a{
    -webkit-transition      : none;
    -moz-transition     : none;
    -ms-transition      : none;
    -o-transition       : none;
    transition      : none;
}
.site-header .header-bottom .header-nav > ul > li.sub > ul{
    position                : absolute;
    top                     : 100%;
    left                    : 0;
}
.site-header .header-bottom .header-nav > ul > li.sub:hover:before{
    display                 : block;
}
.site-header .header-bottom .header-nav > ul > li.sub:hover > a{
    color                   : #fff;
    background-color        : #1a2436;
}
.site-header .header-bottom .header-nav > ul.nav-left{
    padding-right           : 150px;
}
.site-header .header-bottom .header-nav > ul.nav-right{
    padding-left            : 150px;
}
.site-header .header-bottom .header-toggle{
    display                 : none;
    position                : absolute;
    top                     : 0;
    right                   : 60px;
    width                   : 60px;
    height                  : 60px;
    line-height             : 60px;
    text-align              : center;
    cursor                  : pointer;
    color                   : #fff;
    background-color        : #d77b5d;
    -webkit-border-radius   : 50%;
    -moz-border-radius   : 50%;
    -ms-border-radius   : 50%;
    -o-border-radius   : 50%;
    border-radius   : 50%;
}
.site-header.header-over{
    position                : absolute;
    top                     : 0;
    left                    : 0;
    background              : -moz-linear-gradient(top, rgba(36,50,74,0.65) 0%, rgba(0,0,0,0) 100%);
    background              : -webkit-linear-gradient(top, rgba(36,50,74,0.65) 0%,rgba(0,0,0,0) 100%);
    background              : linear-gradient(to bottom, rgba(36,50,74,0.65) 0%,rgba(0,0,0,0) 100%);
}

.site-main{
    background-color        : #f5f5f5;
}

.site-footer .footer-top{
    position                : relative;
    padding-top             : 60px;
    padding-bottom          : 60px;
    background-color        : #344157;
}
.site-footer .footer-top:before{
    position                : absolute;
    top                     : 0;
    left                    : 50%;
    width                   : 1px;
    height                  : 100%;
    content                 : "";
    background-color        : #24324a;
}
.site-footer .footer-top h5,
.site-footer .footer-top h6{
    color                   : #fff;
}
.site-footer .footer-top h5{
    margin-bottom           : 20px;
}
.site-footer .footer-top h6{
    margin-bottom           : 0;
}
.site-footer .footer-top .widget-social-icons,
.site-footer .footer-top .widget-newsletter{
    margin-top              : 40px;
}
.site-footer .footer-top div[class*="col-"]:last-child{
    text-align              : right;
}
.site-footer .footer-bottom{
    padding-top             : 100px;
    padding-bottom          : 100px;
    font-family             : 'Lato', sans-serif;
    font-size               : 11px;
    font-weight             : 900;
    color                   : #818a9c;
    letter-spacing          : 2px;
    text-align              : center;
    background: #24324a;
}
.site-footer .footer-bottom a{
    color                   : #818a9c;
}
.site-footer .footer-bottom p:last-child{
    margin-bottom           : 0;
}
.site-footer .footer-bottom .footer-logo{
    display                 : inline-block;
    width                   : 305px;
}
.site-footer .footer-bottom .footer-copyright,
.site-footer .footer-bottom .footer-contact,
.site-footer .footer-bottom .footer-nav{
    margin-top              : 30px;
}
.site-footer .footer-bottom .footer-contact ul,
.site-footer .footer-bottom .footer-nav ul{
    display                 : inline-block;
}
.site-footer .footer-bottom .footer-contact ul li,
.site-footer .footer-bottom .footer-nav ul li{
    float                   : left;
    margin                  : 0 10px;
}
.site-footer .footer-bottom .footer-contact ul li a,
.site-footer .footer-bottom .footer-nav ul li a{
    display                 : block;
}
.site-footer .footer-bottom .footer-contact ul li a:hover{
    color                   : #fff;
}
.site-footer .footer-bottom .footer-nav ul li a{
    color                   : #fff;
    text-transform          : uppercase;
}
.site-footer .footer-bottom .footer-nav ul li a:hover{
    color                   : #d77b5d;
}








/*

    Theme Name: Grandium - Responsive Hotel Template
    Theme URI: http://www.locotheme.com/grandium-html/
    Description: Responsive Hotel Template
    Version: 1.0
    Author: Loco Theme
    Author URI: http://www.locotheme.com

    - - - - - Contents - - - - -
    
    01 - Max 1199px
    02 - Max 991px
    03 - Max 767px
    04 - Min 1200px
    05 - Min 992px
    06 - Min 768px
    
    - - - - - - - - - - - - - -
    
*/

/*  01 -  Max 1199px
-----------------------------------------------------------*/
@media (max-width: 1199px){
    
    .widget-title p{
        max-width               : 70vw;
    }
    
    .widget-rooms-detail .room-booking h2,
    .widget-rooms-detail .room-features h2{
        font-size               : 28px;
    }
    
    .widget-contact-form{
        padding-top             : 40px;
        margin-top              : 100px;
    }
    .widget-contact-form:after{
        display                 : none;
    }
    
    .site-header .header-bottom{
        min-height              : inherit;
        padding-bottom          : 60px;
    }
    .site-header .header-bottom .header-logo{
        position                : relative;
        top                     : 0;
        left                    : 0;
        width                   : 100%;
        text-align              : center;
        -webkit-transform       : none;
           -moz-transform       : none;
            -ms-transform       : none;
             -o-transform       : none;
                transform       : none;
    }
    .site-header .header-bottom .header-logo img{
        max-width               : 220px;
    }
    .site-header .header-bottom .header-nav{
        display                 : none;
        padding-top             : 40px;
        margin-left             : -60px;
        margin-right            : -60px;
        text-align              : left;
    }
    .site-header .header-bottom .header-nav ul li a{
        padding                 : 0 40px;
        text-align              : center;
    }
    .site-header .header-bottom .header-nav ul li.sub:after{
        position                : absolute;
        top                     : 12px;
        right                   : 20px;
        content                 : "\f107";
        display                 : inline-block;
        font                    : normal normal normal 14px/1 FontAwesome;
        font-size               : 18px;
        color                   : #828b9d;
        text-rendering          : auto;
        -webkit-font-smoothing  : antialiased;
        -moz-osx-font-smoothing : grayscale;
    }
    .site-header .header-bottom .header-nav > ul{
        display                 : block;
    }
    .site-header .header-bottom .header-nav > ul > li{
        float                   : none;
    }
    .site-header .header-bottom .header-nav > ul > li.sub > ul{
        width                   : 100%;
        position                : static;
        top                     : auto;
        left                    : auto;
    }
    .site-header .header-bottom .header-nav > ul > li.sub:before,
    .site-header .header-bottom .header-nav > ul > li.sub:hover:before{
        display                 : none;
    }
    .site-header .header-bottom .header-nav > ul > li.sub ul li a{
        text-align              : center;
    }
    .site-header .header-bottom .header-nav > ul > li.sub ul li ul{
        position                : static;
        top                     : auto;
        left                    : auto;
    }
    .site-header .header-bottom .header-nav > ul.nav-left{
        padding-right           : 0;
    }
    .site-header .header-bottom .header-nav > ul.nav-right{
        padding-left            : 0;
    }
    .site-header .header-bottom .header-toggle{
        display                 : inline-block;
    }
    .site-header.nav-open{
        background              : #24324a;
    }
    .site-header.nav-open .header-bottom .header-nav{
        display                 : block;
    }
    
    .site-footer .footer-top:before{
        display                 : none;
    }
    .site-footer .footer-top div[class*="col-"],
    .site-footer .footer-top div[class*="col-"]:last-child{
        text-align              : center;
        margin-top              : 40px;
    }
    .site-footer .footer-top div[class*="col-"]:first-child{
        margin-top              : 0;
    }
    .site-footer .footer-top .widget-social-icons ul{
        display                 : inline-block;
    }
    
}

/*  02 -  Max 991px
-----------------------------------------------------------*/
@media (max-width: 991px){
    .wrapper,
    .wrapper-inner{
        padding-left            : 40px;
        padding-right           : 40px;
    }
    
    .widget-slider .widget-carousel .owl-nav .owl-prev{
        left                    : 40px;
    }
    .widget-slider .widget-carousel .owl-nav .owl-next{
        right                   : 40px;
    }
    .widget-slider.has-rooms .slider-booking{
        display                 : none;
    }
    
    .widget-about-promo{
        background-image        : none !important;
    }
    
    .widget-about-grid .widget-inner{
        display                 : block;
        -webkit-flex-flow       : none;
        flex-flow               : none;
        margin                  : 0;
    }
    .widget-about-grid .widget-inner .widget-item{
        width                   : 100%;
        -webkit-flex            : none;
        flex                    : none;
        padding                 : 0;
        margin-bottom           : 100px;
    }
    .widget-about-grid .widget-inner .widget-item:last-child{
        margin-bottom           : 0;
    }
    
    .widget-rooms-list .rooms-item{
        padding-left            : 0;
        padding-right           : 0;
    }
    .widget-rooms-list .rooms-item .item-photo{
        position                : static;
        top                     : auto;
        left                    : auto;
        width                   : 100%;
    }
    .widget-rooms-list .rooms-item .item-photo a{
        padding-top             : 100%;
        height                  : auto;
    }
    .widget-rooms-list .rooms-item .item-price{
        top                     : 20px;
        right                   : 20px;
        width                   : auto;
        height                  : inherit;
        border-left             : 0;
        background-color        : #fff;
    }
    .widget-rooms-list .rooms-item .item-price:after{
        display                 : none;
    }
    .widget-rooms-list .rooms-item .item-price .price-inner{
        position                : static;
        top                     : inherit;
        padding                 : 40px;
        -webkit-transform       : none;
           -moz-transform       : none;
            -ms-transform       : none;
             -o-transform       : none;
                transform       : none;
    }
    
    .widget-rooms-detail .room-booking,
    .widget-rooms-detail .room-features{
        margin-top              : 50px;
    }
    .widget-rooms-detail .room-booking h2,
    .widget-rooms-detail .room-features h2{
        font-size               : 42px;
    }
    
    .widget-offers-grid .offers-item{
        width                   : 100%;
        float                   : none;
        margin-bottom           : 40px;
    }
    .widget-offers-grid .offers-item .item-inner{
        padding-top             : 0;
    }
    .widget-offers-grid .offers-item .item-inner .item-photo{
        width                   : 40%;
    }
    .widget-offers-grid .offers-item .item-inner .item-desc{
        position                : relative;
        width                   : 100%;
        padding                 : 40px;
        padding-left            : calc(40% + 30px);
    }
    .widget-offers-grid .offers-item .item-inner .item-desc .btn-link{
        position                : relative;
        padding                 : 0;
        left                    : inherit;
        bottom                  : inherit;
        height                  : auto;
        line-height             : normal;
        margin-top: 20px;
    }
    .widget-offers-grid .offers-item .item-inner .item-desc .btn-link:before{
        display                 : none;
    }
    .widget-offers-grid .offers-item:first-child{
        padding-left            : 0;
    }
    .widget-offers-grid .offers-item:nth-child(4n) .item-inner .item-photo,
    .widget-offers-grid .offers-item:nth-child(4n+1) .item-inner .item-photo{
        left                    : 0;
        right                   : inherit;
    }
    .widget-offers-grid .offers-item:nth-child(4n) .item-inner .item-desc,
    .widget-offers-grid .offers-item:nth-child(4n+1) .item-inner .item-desc{
        right                   : inherit;
        left                    : inherit;
    }
    .widget-offers-grid .offers-item:last-child{
        margin-bottom           : 0;
    }
    .widget-offers-grid .offers-item:last-child:before{
        display                 : none;
    }
    .widget-offers-grid .wrapper-inner{
        padding-bottom          : 100px;
    }
    
    .widget-services-list .services-item .item-photo{
        position                : relative;
        width                   : 100%;
        padding-top             : 100%;
    }
    .widget-services-list .services-item .item-photo:after{
        display                 : none;
    }
    .widget-services-list .services-item .item-photo .photo-small{
        bottom                  : 0;
        right                   : 0;
        border-width            : 30px;
        -webkit-box-shadow      : none;
           -moz-box-shadow      : none;
                box-shadow      : none;
    }
    .widget-services-list .services-item .item-desc{
        padding-left            : 60px;
        padding-top             : 40px;
    }
    
    .widget-services-list .services-item:nth-child(even) .item-photo .photo-small{
        left                    : 0;
    }
    .widget-services-list .services-item:nth-child(even) .item-desc{
        padding-right           : 60px;
    }
    
    .widget-booking-form .booking-detail{
        margin-top              : 100px;
    }
    
    .widget-blog-sidebar{
        margin-top              : 100px;
    }
    
    .site-header .header-bottom .header-nav{
        margin-left             : -40px;
        margin-right            : -40px;
    }
    
    .site-footer .footer-bottom .footer-contact ul li, 
    .site-footer .footer-bottom .footer-nav ul li{
        float                   : none;
        margin-bottom           : 10px;
    }
    .site-footer .footer-bottom .footer-contact ul li:last-child, 
    .site-footer .footer-bottom .footer-nav ul li:last-child{
        margin-bottom           : 0;
    }
}

/*  03 -  Max 767px
-----------------------------------------------------------*/
@media (max-width: 767px){
    .wrapper-inner,
    .wrapper-full-inner{
        padding-top             : 40px;
        padding-bottom          : 40px;
    }
    
    .wrapper-full .widget-title,
    .wrapper-full-inner .widget-title{
        padding-left            : 40px;
        padding-right           : 40px;
    }
}
    .widget-title{
        margin-bottom           : 40px;
    }
    .widget-title h2{
        font-size               : 34px;
    }
    .widget-title p{
        max-width               : 100%;
        font-size               : 14px;
        line-height             : 24px;
        margin-top              : 20px;
    }
    
    .widget-newsletter{
        width                   : 100%;
    }
    
    .widget-contact-info{
        text-align              : center;
    }
    
    .widget-contact-form{
        padding                 : 20px;
        margin-top              : 40px;
        text-align              : center;
    }
    .widget-contact-form .btn{
        display                 : block;
        width                   : 100%;
    }
    
    .widget-contact-review{
        margin-top              : 40px;
    }
    
    .widget-google-map .map-title{
        -webkit-transform       : translate(-50%, 0%);
           -moz-transform       : translate(-50%, 0%);
            -ms-transform       : translate(-50%, 0%);
             -o-transform       : translate(-50%, 0%);
                transform       : translate(-50%, 0%);
    }
    
    .widget-breadcrumb{
        display                 : none;
    }
    
    .widget-pager{
        margin-top              : 40px;
    }
    
    .widget-page-title{
        text-align              : center;
        margin-bottom           : 32px;
    }
    .widget-page-title h5, 
    .widget-page-title h1, 
    .widget-page-title p{
        width                   : 100%;
        margin-top              : 20px;
    }
    body .widget-page-title h1{
        font-size               : 34px !important;
    }
    .widget-page-title p{
        font-size               : 14px;
        line-height             : 26px;
    }
    .widget-page-title .widget-background{
        display                 : none;
    }
    .widget-page-title .wrapper-inner{
        padding-top             : 70px;
    }
    
    .widget-filter-top{
        margin-bottom           : 40px;
    }
    .widget-filter-top ul li{
        float                   : none;
        margin-right            : 0;
    }
    .widget-filter-top ul li a{
        width                   : 100%;
        text-align              : center;
    }
    .widget-filter-top ul li:last-child{
        margin-bottom           : 0;
    }
    
    .widget-slider .widget-carousel .slider-item{
        padding-top             : 310px;
    }
    .widget-slider .widget-carousel .slider-item .item-inner{
        padding-left: 0;
        padding-right: 0;
    }
    .widget-slider .widget-carousel .slider-item .item-inner h1{
        font-size               : 30px;
        margin-bottom           : 10px;
    }
    .widget-slider .widget-carousel .slider-item .item-inner h2{
        font-size               : 24px;
    }
    .widget-slider .widget-carousel .owl-nav{
        position                : absolute;
        left                    : 0;
        bottom                  : 180px;
        width                   : 100%;
    }
    .widget-slider .widget-carousel .owl-nav [class*="owl-"]{
        position                : static;
        top                     : inherit;
        margin                  : 0 10px;
    }
    .widget-slider .widget-carousel .owl-nav .owl-prev{
        left                    : auto;
    }
    .widget-slider .widget-carousel .owl-nav .owl-next{
        left                    : auto;
    }
    
    .widget-about-promo .widget-inner h2, 
    .widget-about-promo .widget-inner h5{
        text-align              : center;
    }
    .widget-about-promo .widget-inner h2{
        font-size               : 34px;
        margin-bottom           : 40px;
    }
    .widget-about-promo .widget-inner p{
        font-size               : 14px;
        line-height             : 26px;
        margin-bottom           : 40px;
    }
    .widget-about-promo .widget-inner .btn{
        display                 : block;
        width                   : 100%;
        margin-top              : 40px;
    }
    
    .widget-about-grid .widget-inner .widget-item{
        margin-bottom           : 40px;
    }
    .widget-about-grid .widget-inner .widget-item h2,
    .widget-about-grid .widget-inner .widget-item h5{
        text-align              : center;
    }
    
    .widget-history-timeline ul:after{
        display                 : none;
    }
    .widget-history-timeline ul{
        padding                 : 0;
    }
    .widget-history-timeline ul li{
        text-align              : center;
        margin-bottom           : 40px;
    }
    .widget-history-timeline ul li:after{
        display                 : none;
    }
    .widget-history-timeline ul li h5{
        position                : static;
        top                     : inherit;
        max-width               : 100%;
        margin-top              : 0;
        margin-bottom           : 5px;
    }
    .widget-history-timeline ul li:nth-child(odd){
        padding-left            : 0;
    }
    .widget-history-timeline ul li:nth-child(odd) h5{
        left                    : inherit;
    }
    .widget-history-timeline ul li:nth-child(even){
        padding-right           : 0;
        text-align              : center;
    }
    .widget-history-timeline ul li:nth-child(even) h5{
        right                   : inherit;
    }
    .widget-history-timeline ul li:nth-child(even) h5{
        right                   : inherit;
    }
    
    .widget-offers-grid .offers-item .item-inner .item-photo{
        position                : relative;
        width                   : 100%;
        padding-top             : 100%;
    }
    .widget-offers-grid .offers-item .item-inner .item-desc{
        padding                 : 20px;
        text-align              : center;
    }
    .widget-offers-grid .wrapper-inner{
        padding-bottom          : 40px;
    }
    
    .widget-features-grid .features-item{
        border-width            : 10px;
    }
    .widget-features-grid .features-item a{
        padding                 : 60px 20px 20px;
    }
    .widget-features-grid .features-item h3{
        margin-bottom           : 0;
        text-align              : center;
    }
    .widget-features-grid .features-item p{
        display                 : none;
    }
    
    .widget-rooms-carousel .rooms-item .item-desc{
        padding                 : 20px 20px 40px;
    }
    
    .widget-rooms-list .rooms-item .item-desc{
        padding                 : 20px;
        text-align              : center;
    }
    .widget-rooms-list .rooms-item .item-desc p{
        font-size               : 14px;
        line-height             : 26px;
    }
    .widget-rooms-list .rooms-item .item-desc .desc-features ul li{
        float                   : none;
        width                   : 100%;
        text-align              : left;
    }
    .widget-rooms-list .rooms-item .item-price{
        position                : static;
        top                     : auto;
        right                   : auto;
        padding                 : 20px;
        border-top              : 1px solid #e1e1e1;
    }
    .widget-rooms-list .rooms-item .item-price .price-inner{
        padding                 : 0;
    }
    
    .widget-rooms-detail .room-slider a{
        height                  : 300px;
    }
    .widget-rooms-detail .room-slider .room-price{
        font-size               : 18px;
    }
    .widget-rooms-detail .room-slider .room-price small{
        top                     : -1px;
    }
    .widget-rooms-detail .room-thumbnails{
        display                 : none;
    }
    .widget-rooms-detail .room-booking h2, 
    .widget-rooms-detail .room-features h2{
        font-size               : 28px;
    }
    .widget-rooms-detail .room-booking,
    .widget-rooms-detail .room-features{
        padding                 : 20px;
        margin-top              : 40px;
    }
    
    .widget-services-list .services-item{
        margin-bottom           : 50px;
    }
    .widget-services-list .services-item .item-photo .photo-big{
        border-width            : 20px;
    }
    .widget-services-list .services-item .item-photo .photo-small{
        display                 : none;
    }
    .widget-services-list .services-item .item-photo .btn{
        left                    : 20px;
        right                   : 20px;
        bottom                  : 20px;
    }
    .widget-services-list .services-item .item-desc{
        text-align              : center;
        padding                 : 5px 20px 20px 20px;
    }
    .widget-services-list .services-item .item-desc h2, 
    .widget-services-list .services-item .item-desc h5{
        text-align              : center;
    }
    .widget-services-list .services-item .item-desc h2{
        margin-bottom           : 20px;
        font-size               : 28px;
    }
    .widget-services-list .services-item .item-desc p{
        font-size               : 14px;
        line-height             : 26px;
    }
    .widget-services-list .services-item:nth-child(even) .item-photo .btn{
        left                    : 20px;
        right                   : 20px;
        bottom                  : 20px;
    }
    .widget-services-list .services-item:nth-child(even) .item-desc{
        padding                 : 5px 20px 20px 20px;
    }
    
    .widget-gallery-carousel .widget-carousel:before, 
    .widget-gallery-carousel .widget-carousel:after{
        display                 : none;
    }
    .widget-gallery-carousel .widget-carousel .owl-item.center .gallery-item a{
        top                     : 0;
        bottom                  : 0;
        left                    : 0;
        right                   : 0;
        border                  : 0 solid #fff;
        -webkit-box-shadow      : 0px 0px 30px 0px rgba(33, 30, 25, 0.2);
           -moz-box-shadow      : 0px 0px 30px 0px rgba(33, 30, 25, 0.2);
                box-shadow      : 0px 0px 30px 0px rgba(33, 30, 25, 0.2);
    }
    .widget-gallery-carousel .widget-carousel .owl-nav .owl-prev{
        left                    : 0;
    }
    .widget-gallery-carousel .widget-carousel .owl-nav .owl-next{
        right                   : 0;
    }
    
    .widget-blog-carousel .blog-item .item-desc{
        text-align              : center;
    }
    
    .widget-blog-list .blog-item{
        padding-left: 0;
    }
    .widget-blog-list .blog-item .item-media{
        position                : relative;
        top                     : inherit;
        left                    : inherit;
        width                   : 100%;
        height                  : auto;
        padding-top             : 100%;
    }