/*For All navigation style */
@import 'navigation-style.css';


/*GLOBAL STYLE*/
#header {
    z-index: 10000;
}

body.modal-open #header {
    z-index: 99;
}

.header_widget {
    position: absolute;
    top: 112px;
    width: 100%;
    z-index: 2;
    text-align: left;
}

.weatherWidget {
    color: #ffffff;
    font-size: 16px;
    padding: 5px;
}

.weatherWidget .localTime {
    display: inline-block;
    vertical-align: middle;
}

.weatherWidget .temprature {
    display: inline-block;
    vertical-align: middle;
}

.weatherWidget .temprature span,
.weatherWidget .temprature img {
    display: inline-block;
    vertical-align: middle;
}

.weatherWidget .temprature img {
    margin: 0 5px;
    height: 30px;
}

header ul li a {
    font-weight: 700 !important;
}

.header_widget .col-md-12 {
    position: absolute;
    top: 0;
    width: 100%;
}

.HEDR-1 .header_widget .col-md-12 {
    position: fixed;
    top: 0;
}

@media only screen and (max-width:1100px) {
    .header_widget {
        top: 70px;
        text-align: right;
    }
}

@media only screen and (max-width:865px) {
    .header_widget {
        top: 80px;
    }
}

@media only screen and (max-width:767px) {
    .weatherWidget .temprature img {
        width: 30px;
    }

    #select-lang-button {
        width: 40px;
        display: flex;
        border-radius: 0;
        border: none;
        background: #ddd url('../../images/global.svg') no-repeat center center / 20px auto;
        align-items: center;
        margin-right: 0;
    }

    #select-lang-button .ui-selectmenu-text,
    #select-lang-button .ui-icon {
        display: none;
    }

    .languageDropdown.ui-selectmenu-open {
        transform: translateY(-42px);
        top: auto !important;
        bottom: 0;
    }

    .languageDropdown .ui-widget.ui-widget-content {
        border-radius: 0;
    }

    .HEDR-5 .header-top {
        display: none;
    }

    .NAV-5 {
        padding-bottom: 0;
    }

    .HEDR-1 .header-top,
    .movedContent {
        display: none !important;
    }

    .HEDR-5 .NAV-5 ul {
        margin-top: 0 !important;
    }

    .HEDR-5 .NAV-5 .submenu>a:after {
        display: none;
    }
}

@media only screen and (max-width:640px) {
    .weatherWidget {
        font-size: 14px;
    }
}

/*Header-1*/

/*.HEDR-1{
	 transform: translateZ(0);
    transition:all 0.5s; 
}
 .HEDR-1.fixyHead{
	animation:slide-down 0.7s;
}

@keyframes slide-down {
    0% {
        opacity: 0;
        transform: translateY(-100%);
    } 
    100% {
        opacity: 0.9;
        transform: translateY(0);
    } 
} */

.HEDR-1 {
    position: relative !important;
    height: 152px;
    z-index: 9999;
    transition: all 0.25s ease-in-out;
}

.header1-area {
    position: fixed;
    width: 100%;
    top: 0;
    height: 152px;
    background: #fff;
    transition: all 0.25s ease-in-out;
}

/* .HEDR-1 {width: 100%; transition: all 300ms linear;} */
.HEDR-1 .header-top {
    padding: 6px 0;
    border-bottom: 1px solid #666
}

.HEDR-1 .location-name-top,
.HEDR-1 .tel-phone-no-top,
.HEDR-1 .social-top-link,
.HEDR-1 .language-select-top {
    display: inline-block;
    color: #666
}

.HEDR-1 .location-name-top i,
.HEDR-1 .tel-phone-no-top i {
    margin-right: 6px;
    color: #990061;
}

.HEDR-1 .location-name-top,
.HEDR-1 .tel-phone-no-top {
    line-height: 60px;
    font-size: 14px;
}

.HEDR-1 .language-select-top {
    text-align: center
}

.HEDR-1 .location-name-top {
    margin-right: 40px;
    vertical-align: top;
    font-size: 14px;
    width: 59%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.HEDR-1 .header-top .ui-selectmenu-button.ui-button {
    background: none;
    border: 0;
    width: auto
}

.HEDR-1 .header-top .ui-icon-triangle-1-s {
    background-position: -65px 0px;
    background-repeat: no-repeat;
}

.HEDR-1 .header-bottom {
    padding: 0;
    position: relative;
    z-index: 300;
    height: 112px;
    transition: all 0.25s ease-in-out;
}

.HEDR-1 .header-top .ui-widget-content {
    background: #fff;
    color: #666;
}

.HEDR-1 .header-top .ui-selectmenu-button.ui-button {
    color: #666;
}

.HEDR-1 .header-top .ui-state-active,
.HEDR-1 .header-top .ui-widget-content .ui-state-active {
    border-color: #fff;
    background: #666;
    color: #fff
}

.HEDR-1 .logo_area {
    padding: 5px 0;
    position: relative;
    height: 70px;
    transition: all 0.25s ease-in-out;
}

.HEDR-1 .logo_area::before {
    content: "";
    position: absolute;
    left: -60px;
    top: 0;
    background: #666;
    width: 37%;
    height: 104%;
    transform: skewX(50deg);
}

.HEDR-1 .logo_area .logo {
    position: absolute;
    top: 9px;
    z-index: 1;
    left: 0;
    width: 220px;
    height: 83px;
    transition: all 0.25s ease-in-out;
    z-index: 10;
}

.HEDR-1 .logo_area .logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: top left;
}

.HEDR-1.fixyHead {
    position: fixed !important;
    width: 100%;
    transition: all 0.25s ease-in-out;
    height: 154px;
    top: 0;
}

.HEDR-1.fixyHead .logo_area {
    min-height: 65px;
    transition: all 0.25s ease-in-out;
}

.HEDR-1.fixyHead .logo_area .logo {
    width: 150px;
    transition: all 0.25s ease-in-out;
}

.HEDR-1.fixyHead .header1-area {
    height: 113px;
    transition: all 0.25s ease-in-out;
}

/* .HEDR-1.fixyHead .header-top{display: none;}
.HEDR-1.fixyHead .logo{position: static; height: auto; display: block; width: 150px;}
.HEDR-1.fixyHead .col-md-8.text-right{display: none;} */
/* .HEDR-1.fixyHead .logo_area{min-height: auto;} */
/* .HEDR-1.fixyHead .logo_area::before{display: none;}
.HEDR-1.fixyHead .NAV-1{position: absolute; right: 0; top: 6px; background: transparent;}
.HEDR-1.fixyHead .NAV-1 .mainNav > li > a{color:#666;}
.HEDR-1.fixyHead .NAV-1 .mainNav > li:hover > a{color: #fff;}
.HEDR-1.fixyHead .NAV-1 .mainNav > li.active > a, 
.HEDR-1.fixyHead .NAV-1 .mainNav > li.active > a:hover, 
.HEDR-1.fixyHead .NAV-1 .mainNav > li.active > a:focus{color: #fff;} */
/* .HEDR-1.fixyHead .resMenuIcon{right: 80px; left: auto;} */


/* .HEDR-1 .logo_area .logo img, */
/* .HEDR-6 .logo img{max-width:150px; max-height:63px;} */

.HEDR-1 .header_widget {
    top: 0px;
    position: relative;
}

.HEDR-1 .header_widget .weatherWidget {
    position: absolute;
    width: 50%;
}

.HEDR-4 .header_widget {
    top: 0px !important;
    position: relative;
}

.HEDR-4 .header_widget .weatherWidget {
    position: absolute;
    width: 50%;
    top: 20px;
    left: 5px;
}

.HEDR-5 .header_widget {
    top: 0px !important;
    position: relative;
}

.HEDR-5 .header_widget .weatherWidget {
    position: absolute;
    width: 50%;
}

/*Responsive*/
@media only screen and (max-width:1200px) {
    .HEDR-1 .logo_area .col-md-8 {
        display: flex;
        flex-direction: column;
    }

    .HEDR-1 .location-name-top {
        width: 100%;
    }
}

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

    .HEDR-1 .location-name-top,
    .HEDR-1 .tel-phone-no-top {
        font-size: 16px;
    }

    .HEDR-1 .location-name-top {
        margin-right: 20px;
    }

    .HEDR-1 .logo_area .logo {
        top: 0;
    }

    .HEDR-1 .logo_area {
        min-height: 70px;
    }

    .HEDR-1,
    .HEDR-1.fixyHead {
        height: auto;
    }

    .HEDR-1.fixyHead .logo_area {
        min-height: 45px;
    }

    .HEDR-1 .location-name-top,
    .HEDR-1 .tel-phone-no-top {
        line-height: 40px;
    }

    .HEDR-1 .header1-area {
        height: 113px;
    }

    .HEDR-1.fixyHead .header1-area {
        height: 93px;
    }
}

@media only screen and (max-width:1100px) {
    .RoomTemplateHEDR-1 {
        position: relative;
    }

    /*.HEDR-1.fixyHead .header_widget{top: 112px;}
	.HEDR-1.fixyHead .NAV-1 {background: #666666; top: 50px; width: 100%;}
	.HEDR-1.fixyHead .submenu i{color: #990061;}
	.HEDR-1.fixyHead .resMenuIcon { right: 50px; top: -40px;}
	.HEDR-1.fixyHead .NAV-1 .mainNav{padding-left: 0;}
	.HEDR-1.fixyHead .NAV-1 .mainNav > li > a {color: #fff;}
	.HEDR-1.fixyHead .NAV-1 .mainNav > li.active > a, 
	.HEDR-1.fixyHead .NAV-1 .mainNav > li.active > a:hover, 
	.HEDR-1.fixyHead .NAV-1 .mainNav > li.active > a:focus{color: #990061;} */


    .HEDR-1 .header_widget {
        top: 60px;
        position: absolute;
    }

    .HEDR-1 .header_widget .weatherWidget {
        width: 100%;
    }

    .HEDR-1,
    .HEDR-1.fixyHead {
        height: auto;
    }

    .HEDR-1.fixyHead .header1-area {
        height: auto;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
    }

    .HEDR-1 .header1-area {
        height: auto;
    }

    .HEDR-1 .header-bottom {
        height: auto;
    }

    .HEDR-1.fixyHead .header-bottom {
        height: auto;
    }

    .HEDR-1 .logo_area {
        height: auto;
        min-height: auto;
        overflow: hidden;
    }

    .HEDR-1 .logo_area>.container>.row {
        display: flex;
        align-items: center;
    }

    .HEDR-1 .logo_area .col-md-8 {
        margin-left: auto;
        width: calc(100% - 180px);
        transition: all 0.25s ease-in-out;
    }

    .HEDR-1 .logo_area .logo {
        height: 65px;
        position: relative;
        display: block;
        top: auto;
    }
}

@media only screen and (max-width:1000px) {
    .HEDR-1 {
        position: relative;
    }

    .HEDR-1 .location-name-top,
    .HEDR-1 .tel-phone-no-top {
        font-size: 14px;
    }

    .HEDR-1 .header-bottom {
        height: auto;
    }

    .HEDR-1.fixyHead .header-bottom {
        height: auto;
    }

    .HEDR-4 .header_widget .weatherWidget {
        text-align: left;
    }

    .HEDR-4 .NAV-4 {
        height: calc(100vh - 136px) !important;
        width: 300px;
        overflow-y: auto;
        align-items: flex-start !important;
    }

    .HEDR-4 .NAV-4 ul {
        width: 100%;
    }

    .HEDR-4 .NAV-4 ul li a {
        padding: 8px 10px !important;
    }
}

@media only screen and (max-width:992px) {
    .HEDR-1 .logo_area::before {
        display: none;
    }

    .HEDR-1 .location-name-top,
    .HEDR-1 .tel-phone-no-top {
        line-height: 40px;
    }

    .HEDR-1 .location-name-top {
        margin-right: 0;
    }

    .HEDR-1 .logo_area .logo {
        top: -5px;
    }

    .HEDR-1.fixyHead .header_widget {
        top: 95px;
    }

    .HEDR-1 .header1-area,
    .HEDR-1.fixyHead .header1-area {
        height: auto;
    }

    .HEDR-1 .logo_area {
        min-height: 60px;
    }

    .HEDR-1 .logo_area .logo {
        width: 150px;
    }

    .HEDR-1 {
        height: 81px;
    }

    .HEDR-1 .header-bottom {
        height: auto;
    }

    .HEDR-1.fixyHead .header-bottom {
        height: auto;
    }

    .HEDR-1 .location-name-top,
    .HEDR-1 .tel-phone-no-top {
        line-height: 30px;
    }

    .HEDR-1 .logo_area {
        min-height: 46px;
    }

    .HEDR-1 .location-name-top {
        margin-bottom: 8px;
    }
}

@media only screen and (max-width:991px) {
    .HEDR-4 .header_widget .weatherWidget {
        top: 100px;
        text-align: left;
    }
}

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

    .HEDR-1,
    .HEDR-1.fixyHead .header1-area {
        height: auto;
    }

    .HEDR-1 .logo_area .logo {
        position: static;
        display: block;
        left: auto;
        top: auto;
        margin: 0 auto 10px;
    }

    .HEDR-1 .logo_area .logo img {
        margin: 0 auto;
        display: block;
    }

    /* .HEDR-1 .location-name-top { margin-right: 10px;} */
    .HEDR-1 .location-name-top,
    .HEDR-1 .tel-phone-no-top {
        line-height: normal;
    }

    .HEDR-1 .header_widget {
        position: fixed;
        top: 0;
    }

    /* .HEDR-1.fixyHead .resMenuIcon {right: 25px;} 
	.HEDR-1.fixyHead .header_widget {top: 120px;}*/
}

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

    /* .HEDR-1 .location-name-top{margin-right:5px;} */
    .HEDR-1 .logo_area::before {
        display: none;
    }

    .HEDR-1 .logo_area>.container>.row {
        flex-direction: column;
    }

    .HEDR-1 .header_widget .weatherWidget {
        top: 68px;
        left: -15px;
        width: 100vw;
        padding: 0 15px;
    }

    .HEDR-1 .location-name-top {
        white-space: normal;
    }

    .HEDR-1 .logo_area .col-md-8 {
        width: 100%;
        text-align: center;
    }

    .HEDR-1.fixyHead .logo_area .col-md-8 {
        opacity: 0;
        visibility: hidden;
        height: 0;
    }

    .HEDR-4 .header_widget .weatherWidget {
        top: 81px;
        width: 100vw;
        left: 0;
        padding: 0 15px;
    }

    .HEDR-5 .header_widget .weatherWidget {
        width: 100%;
        right: 0;
    }

    .language-select #select-lang-button {
        height: 100%;
    }

    .respon_book_now .tel-phone-no-top span {
        display: none;
    }

    .respon_book_now .tel-phone-no-top i {
        width: 40px;
        height: 42px;
        line-height: 42px;
        font-size: 18px;
        color: #222;
        background-color: #ddd;
    }
}

@media only screen and (max-width:640px) {
    .HEDR-4 .NAV-4 {
        height: calc(100vh - 126px) !important;
    }
}

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

    /* .HEDR-1 .logo_area .logo{position: relative; padding-top: 0; top: auto; width: 100%; text-align: center; display: block;} */
    /* .HEDR-1 .logo_area .text-right{text-align: center;} */
    .HEDR-1 .location-name-top,
    .HEDR-1 .tel-phone-no-top {
        line-height: normal;
    }

    /* .HEDR-1.fixyHead .logo_area .logo img{float: left;}
	.HEDR-1.fixyHead .resMenuIcon{top: -37px;} */
}

/*End of HEADER-1*/


/*Header-2*/
.HEDR-2 {
    position: inherit;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 21;
    background: rgba(0, 0, 0, 0.8);
    padding-bottom: 20px;
}

.HEDR-2 .header-top {
    padding: 10px 0 5px;
    background: none;
}

.HEDR-2 .header-top .ui-selectmenu-button.ui-button {
    background: none !important;
    border: 0;
    width: auto;
    padding: 0;
    border-radius: 0;
}

.HEDR-2 .header-top .ui-selectmenu-button.ui-button {
    color: #ffffff;
}

.HEDR-2 .call_us {
    background: url(../../images/call_icon_2.png) 0 0 no-repeat;
    margin-top: 15px;
    margin-bottom: 15px;
    min-height: 46px;
    padding-left: 55px;
    position: relative;
    vertical-align: middle;
    display: inline-block;
    padding-right: 40px;
}

.HEDR-2 .call_us:after {
    width: 1px;
    background: #ddd;
    height: 100%;
    top: 0;
    right: 0;
    position: absolute;
    content: "";
}

.HEDR-2 .call_us p {
    color: #d94602;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    margin: 0;
    padding-bottom: 5px;
    line-height: 18px;
    font-size: 16px;
}

.HEDR-2 .call_us a {
    color: #fff;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    margin: 0;
    font-size: 16px;
}

.HEDR-2 .menu_icon {
    display: inline-block;
    vertical-align: middle;
    font-size: 30px;
    color: #ddd;
    margin-top: 15px;
    cursor: pointer;
    padding-left: 30px;
}

.HEDR-2 .ui-button .ui-icon {
    background-image: url(../../images/lang_icon_2.png);
    background-position: 0 6px;
}

.HEDR-2 .logo img {
    max-height: 70px;
    max-width: 200px;
}


@media only screen and (max-width:1100px) {
    .HEDR-2 .header_widget {
        top: 100px;
    }
}

@media only screen and (max-width:767px) {
    .HEDR-2 {
        position: relative;
        background: #000;
    }

    .HEDR-2 .logo img {
        max-width: 100%;
    }

    .HEDR-2 .call_us {
        background: none;
        padding: 0 10px 0 0;
    }

    .HEDR-2 .menu_icon {
        padding-left: 5px;
    }
}

@media only screen and (max-width:400px) {
    .HEDR-2 .logo {
        display: block;
        padding-top: 20px;
    }

    .HEDR-2 .call_us p {
        font-size: 12px;
        padding-bottom: 0;
    }

    .HEDR-2 .call_us a {
        font-size: 12px;
    }

    .HEDR-2 .menu_icon {
        font-size: 20px;
        margin-top: 0;
    }
}

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

/*End of HEADER-2*/

/*Header-3*/
.HEDR-3 .header-top {
    padding: 6px 0;
    background: #42413f;
}

.HEDR-3 .location-name-top,
.HEDR-3 .tel-phone-no-top,
.HEDR-3 .social-top-link,
.HEDR-3 .language-select-top {
    display: inline-block;
    color: #eaeaea
}

.HEDR-3 .location-name-top i,
.HEDR-3 .tel-phone-no-top i {
    margin-right: 6px;
    color: #fad500;
}

.HEDR-3 .location-name-top,
.HEDR-3 .tel-phone-no-top {
    line-height: 30px;
}

.HEDR-3 .language-select-top {
    text-align: center
}

.HEDR-3 .location-name-top {
    margin-right: 40px;
    width: 52%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: top;
}

.HEDR-3 .social-top-link a {
    width: 32px;
    height: 29px;
    text-align: center;
    line-height: 29px;
    display: inline-block;
    margin-left: 0px;
    color: #00c8d1;
    background-color: #ffffff;
}

.HEDR-3 .social-top-link a:hover {
    color: #ffffff;
    background: #00c8d1;
}

.HEDR-3 .header-top .ui-selectmenu-button.ui-button {
    background: none;
    border: 0;
    width: auto
}

.HEDR-3 .header-top .ui-icon-triangle-1-s {
    background-position: -65px 0px;
    background-image: url('../../images/ui-icons_ffffff_256x240.png');
    background-repeat: no-repeat;
}

.HEDR-3 .header-bottom {
    padding: 6px 0 5px;
}

.HEDR-3 .header-bottom .row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.HEDR-3 .header-bottom .header_widget {
    padding: 10px 0 0;
}

.HEDR-3 .header-top .ui-widget-content {
    background: #00c8d1;
    color: #ffffff;
}

.HEDR-3 .header-top .ui-selectmenu-button.ui-button {
    color: #ffffff;
}

.HEDR-3 .header-top .ui-state-active,
.HEDR-3 .header-top .ui-widget-content .ui-state-active {
    border-color: #00c8d1;
    background: #ffffff;
    color: #00c8d1
}

.HEDR-3 .header-bottom .logo {
    display: block;
    text-align: right;
}

.HEDR-3 .header-bottom .logo img {
    max-width: 170px;
    max-height: 60px;
    object-fit: contain;
    object-position: center right;
}

/*Resposive*/
@media only screen and (max-width:1100px) {
    .HEDR-3 .header-bottom .header_widget {
        top: 80px;
    }
}

@media only screen and (max-width:1023px) {
    .HEDR-3 .logo img {
        max-height: 60px;
    }
}

@media only screen and (max-width:767px) {
    .HEDR-3 .location-name-top {
        margin-right: 0;
        display: none;
    }

    .HEDR-3 .header-top {
        text-align: left;
    }

    .HEDR-3 .header-bottom .logo {
        text-align: center;
    }

    .HEDR-3 .header-bottom .header_widget {
        top: 90px;
    }
}

/*End of HEADER-3*/

/*Header-4*/
.HEDR-4 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
}

.menu_open_icon {
    float: right;
    padding: 0 15px 0;
    margin-top: 8px;
    cursor: pointer;
    position: relative;
}

.HEDR-4 .header-bottom .menu_open_icon {
    margin: 0 0 20px;
}

.menu_open_icon span {
    width: 40px;
    height: 4px;
    background: #fff;
    display: block;
    margin: 6px 0;
    transition: ease 0.2s;
    border-radius: 25px;
}

.menu_open_icon span.icon3 {
    position: absolute;
    top: 29%;
    left: 15px;
}

.menu_open_icon.active span.icon1,
.menu_open_icon.active span.icon4 {
    transform: scale(0);
}

.menu_open_icon.active span.icon2 {
    transform: rotate(45deg);
}

.menu_open_icon.active span.icon3 {
    transform: rotate(-45deg);
}

.HEDR-4 .header-bottom {
    padding-top: 10px;
    background: #000;
    padding-bottom: 10px;
    width: 300px;
    float: left;
}

.HEDR-4 .header-bottom .back_btn {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 0;
    padding: 5px 10px;
    font-size: 12px;
    background-color: #a68652;
    color: #fff;
    border: none;
}

.HEDR-4 .header-bottom .back_btn:hover {
    background-color: #333;
    color: #fff;
}

.HEDR-4 .call_us span._icon {
    width: 50px;
    height: 50px;
    padding: 10px;
    flex-shrink: 0;
    margin-right: 15px;
    border: 1px solid #e6dbb4;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.HEDR-4 .call_us {
    float: right;
    background: #000;
    padding: 15px;
    display: flex;
    align-items: center;
}

.HEDR-4 .call_us span._icon svg {
    width: 100%;
    height: 100%;
    fill: #e6dbb4;
}

.HEDR-4 .call_us ._right_text {
    display: flex;
    flex-direction: column;
    font-size: 16px;
    color: #d6c591;
}

.HEDR-4 .call_us ._right_text a {
    line-height: 1;
    font-size: 22px;
    margin-top: 5px;
    color: #d6c591;
}

.HEDR-4 .call_us ._right_text a:hover {
    color: #fff;
}

/* .HEDR-4 .call_us a{color:#fff; font-family: 'Poppins', sans-serif; font-weight:400; margin:0; font-size:24px;} */
.HEDR-4 .lang,
.HEDR-4 .lang+.ui-selectmenu-button {
    position: absolute;
    height: 24px;
    width: 80px;
    padding: 0 5px 2px;
    border: none;
    border-radius: 0;
    background: none;
    left: 209px;
    bottom: 3px;
    box-shadow: none;
    color: #eee;
}

.HEDR-4 .lang option {
    color: #000;
}

.HEDR-4 .logo {
    padding: 0 15px;
    float: left;
}

.HEDR-4 .logo img {
    max-height: 74px;
    max-width: 170px;
    object-fit: contain;
    object-position: center;
    width: 100%;
    height: 100%;
}

.HEDR-4 .header_widget {
    top: 90px;
    z-index: -2;
}

.hdr_rt {
    display: flex;
    flex-direction: column;
    float: right;
    width: 100px;
    align-items: flex-end;
}

.hdr_rt #select-lang-button {
    max-width: calc(100% - 30px);
    margin-right: 15px;
    padding: 0;
    background-color: transparent;
    border: none;
}

@media only screen and (max-width:1100px) {
    .HEDR-4 .header_widget .weatherWidget {
        text-align: left;
    }
}

@media only screen and (max-width:1023px) {
    .HEDR-4 .call_us {
        padding: 27px 20px;
    }

    .HEDR-4 .call_us a {
        font-size: 16px;
    }

    .HEDR-4 .logo {
        width: 150px;
    }

    .HEDR-4 .logo img {
        width: 100%;
    }

    .HEDR-4 .menu_open_icon {
        margin-top: 5px;
        z-index: 5;
    }

    .HEDR-4 .menu_open_icon span {
        width: 25px;
        height: 3px;
        margin: 5px 0;
    }

    .HEDR-4 .header_widget {
        top: 74px;
        z-index: 1;
    }
}

@media only screen and (max-width:991px) {
    .HEDR-4 .header-bottom {
        padding-top: 10px;
        padding-bottom: 10px;
        min-height: 82px;
    }

    .HEDR-4 .call_us {
        padding: 16px 20px;
    }

    .HEDR-4 .header_widget {
        top: 54px;
    }
}

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

    .HEDR-4 .logo img {
        max-width: 140px;
        height: 35px;
        object-fit: contain;
    }

    .HEDR-4 .header-bottom {
        min-height: auto;
    }

    .HEDR-4 .header-bottom .menu_open_icon {
        margin: 0;
    }
}

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

    /* .HEDR-4{position: relative;} */
    /* .HEDR-4 .header-bottom{padding-top: 0;} */
    .HEDR-4 .call_us {
        text-align: center;
        padding: 10px;
    }

    .HEDR-4 .call_us a {
        font-size: 16px;
    }

    .HEDR-4 .header_widget {
        top: 44px;
    }
}

@media only screen and (max-width:480px) {
    .HEDR-4 .call_us a {
        font-size: 18px;
    }

    .HEDR-4 .call_us {
        width: 100%;
    }

    .HEDR-4 .header-bottom {
        width: 100%;
        padding: 5px 0;
    }

    .HEDR-4 .header_widget {
        top: 90px;
        display: none;
    }

    .HEDR-4 .lang {
        left: auto;
        right: 10px;
        bottom: 15px;
        z-index: 2;
    }
}

/*End of HEADER-4*/

/*Header-5*/
.HEDR-5 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    font-family: 'Arimo', sans-serif;
    background: rgba(0, 0, 0, 0.6);
    padding-bottom: 20px;
    background: rgba(166, 134, 82, 0.65);
}

.HEDR-5 .header-top {
    padding: 10px 0;
}

.HEDR-5 .location-name-top,
.HEDR-5 .tel-phone-no-top,
.HEDR-5 .social-top-link,
.HEDR-5 .language-select-top {
    display: inline-block;
    color: #eaeaea
}

.HEDR-5 .location-name-top i,
.HEDR-5 .tel-phone-no-top i {
    margin-right: 6px;
    color: #eaeaea;
}

.HEDR-5 .location-name-top,
.HEDR-5 .tel-phone-no-top {
    line-height: 30px;
    font-weight: 500;
    color: #eaeaea;
}

.HEDR-5 .language-select-top {
    text-align: center
}

.HEDR-5 .location-name-top {
    margin-right: 40px;
    width: 50%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: top;
}

.HEDR-5 .header-top .ui-selectmenu-button.ui-button {
    background: none;
    border: 0;
    width: auto;
    color: #eaeaea;
}

.HEDR-5 .header-top .ui-icon-triangle-1-s {
    background-position: -65px 0px;
    background-image: url('../../images/ui-icons_ffffff_256x240.png');
    background-repeat: no-repeat;
}

.HEDR-5 .header-bottom {
    padding: 10px 0 0;
}

.HEDR-5 .header-top .ui-widget-content {
    background: #02a493;
    color: #fff;
}

.HEDR-5 .header-top .ui-state-active,
.HEDR-5 .header-top .ui-widget-content .ui-state-active {
    border-color: #02a493;
    background: #ffffff;
    color: #02a493
}

.HEDR-5 .header-bottom .logo {
    float: left;
    margin-top: -50px;
    padding-bottom: 10px;
}

.HEDR-5 .header-bottom .logo img {
    max-width: 180px;
    max-height: 96px;
}

.HEDR-5 .header_widget {
    top: 90px;
}

.HEDR-5 .header_widget {
    position: absolute;
    bottom: 0;
    top: auto !important;
}

/*Responsive*/


@media only screen and (max-width:1360px) {
    .HEDR-5 .header-top .ui-selectmenu-button.ui-button {
        padding-right: 0;
    }
}

@media only screen and (max-width:1100px) {
    .HEDR-5 .header-bottom {
        padding-top: 0;
        position: relative;
    }

    .HEDR-5 .header-top .ui-selectmenu-button.ui-button {
        padding-right: 1em;
    }
}

@media only screen and (max-width:991px) {
    .HEDR-5 .container {
        width: 100%;
    }

    /*	.HEDR-5 .header-bottom .logo{margin-top: -54px;}*/
    .HEDR-5 .header_widget {
        padding: 0 !important;
    }

    .HEDR-5 .location-name-top {
        display: none;
    }
}

@media only screen and (max-width:767px) {
    .HEDR-5 .header-bottom .logo {
        margin-top: 0;
        padding-bottom: 0;
    }

    .HEDR-5 .header-bottom .logo img {
        max-height: 62px;
    }

    .HEDR-5 .NAV-5 .res_menu_icon {
        top: 50% !important;
        margin-top: -20px;
    }

    .HEDR-5 .res_menu {
        z-index: 3;
    }
}

@media only screen and (max-width:639px) {
    .HEDR-5 {
        position: relative;
        background: #000;
    }
}

@media only screen and (max-width:480px) {
    .HEDR-5 .location-name-top {
        display: none;
    }

    .HEDR-5 .header-bottom {
        width: 100%;
        text-align: center;
    }

    .HEDR-5 .header-bottom .logo {
        float: none;
        margin-top: 0;
        padding-bottom: 0
    }

    .HEDR-5 .tel-phone-no-top {
        float: left;
    }

    .HEDR-5 .header-top {
        padding: 10px 0 0;
    }

    .HEDR-5 .header_widget {
        top: 85px;
        text-align: center;
    }
}


/*End of HEADER-5*/

/*Header-6*/
.HEDR-6 {
    position: inherit;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9;
    background: rgba(0, 0, 0, 0.8);
    padding-bottom: 0;
    border-bottom: 1px #fff solid;
}

.HEDR-6 .header-bottom {
    padding-top: 10px;
}

.HEDR-6 .call_us {
    margin-top: 12px;
    min-height: 46px;
    padding-left: 14px;
    position: relative;
    vertical-align: middle;
    display: inline-block;
    padding-right: 0;
}

.HEDR-6 .call_us a {
    color: #fff;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    margin: 0;
    font-size: 22px;
}

.HEDR-6 .header_widget {
    top: 100px;
}

.HEDR-6 .lang,
.HEDR-6 .lang+.ui-selectmenu-button {
    width: 100px;
    display: inline-flex;
    flex-direction: row-reverse;
    align-items: center;
    margin-left: 15px;
    height: 24px;
    border-radius: 0px;
    border: none;
    background: rgba(255, 255, 255, 0.5);
    color: rgb(34, 34, 34);
    padding: 0px 5px 2px;
    font-size: 14px;
}

.HEDR-6 .lang+.ui-selectmenu-button .ui-selectmenu-text {
    margin-right: 5px;
}

.HEDR-6 .logo {
    width: 120px;
    height: 50px;
    display: inline-block;
}

.HEDR-6 .logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center left;
}

@media only screen and (max-width:1100px) {
    .HEDR-6 .call_us {
        margin-top: 15px;
    }

    .HEDR-6 .header_widget {
        top: 80px;
    }

    .HEDR-6 .lang,
    .HEDR-6 .lang+.ui-selectmenu-button {
        margin-right: 2px;
        width: 80px;
    }

}

@media only screen and (max-width:767px) {
    .HEDR-6 {
        position: relative;
        background: #222;
    }

    .HEDR-6 .header-bottom {
        padding: 10px 0;
    }

    .HEDR-6 .call_us {
        margin: 0 0 5px;
        padding: 0 15px 0 0;
        width: 100%;
        min-height: auto;
    }

    .HEDR-6 .call_us a {
        font-size: 18px;
    }

    .HEDR-6 .lang,
    .HEDR-6 .lang+.ui-selectmenu-button {
        margin: 0 15px 0 0;
    }

    .HEDR-6 .header_widget .col-md-12 {
        top: 30px;
    }
}

@media only screen and (max-width:400px) {
    .HEDR-6 .call_us {
        margin-top: 10px;
        margin-right: 0;
        padding-right: 20px;
        min-height: 0;
        width: 100%;
    }

    .HEDR-6 .call_us a {
        font-size: 12px;
    }

    .HEDR-6 .call_us {
        margin-right: 20px;
    }

    .HEDR-6 .header_widget {
        top: 70px;
        text-align: center;
    }
}

/*End of HEADER-6*/

/*Header-7*/
.HEDR-7 {
    width: 100%;
    font-family: 'Arimo', sans-serif;
    position: fixed;
    width: 100%;
    z-index: 21;
    transition: ease 0.8s;
}

.HEDR-7 .logo img {
    height: 90px;
    width: 300px;
    object-fit: contain;
    object-position: left center;
}

.HEDR-7 .header-top {
    padding: 10px 0;
    background: #282828;
    transition: ease 0.2s;
}

.HEDR-7 .location-name-top,
.HEDR-7 .tel-phone-no-top,
.HEDR-7 .social-top-link,
.HEDR-7 .language-select-top {
    display: inline-block;
    color: #eaeaea
}

.HEDR-7 .location-name-top i,
.HEDR-7 .tel-phone-no-top i {
    margin-right: 6px;
    color: #a5a5a5;
}

.HEDR-7 .location-name-top,
.HEDR-7 .tel-phone-no-top {
    line-height: 30px;
    font-weight: 400;
    color: #a5a5a5;
}

.HEDR-7 .language-select-top {
    text-align: left;
    position: relative;
    float: right;
}

.HEDR-7 .language-select-top i {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 5px;
    z-index: 1;
}

.HEDR-7 .location-name-top {
    margin-right: 40px;
    width: 44%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    float: left;
}

.HEDR-7 .header-top .ui-selectmenu-button.ui-button {
    background: none;
    border: 0;
    width: auto
}

.HEDR-7 .header-top .ui-icon-triangle-1-s {
    background-position: -65px 0px;
    background-image: none;
    background-repeat: no-repeat;
}

.HEDR-7 .header-bottom {
    padding: 5px 0;
    background: #f0e9e3;
}

.HEDR-7 .header-top .ui-widget-content {
    background: #fff;
    color: #333;
}

.HEDR-7 .header-top .ui-selectmenu-button.ui-button {
    color: #a5a5a5;
    background: none;
    position: relative;
    z-index: 2;
}

.HEDR-7 .header-top .ui-state-active,
.HEDR-7 .header-top .ui-widget-content .ui-state-active {
    border-color: #333;
    background: #333;
    color: #fff;
}

.HEDR-7 .col-sm-9 {
    position: static;
}

.HEDR-7 .header_widget {
    clear: both;
    top: 100%;
}

@media only screen and (max-width:1100px) {
    .HEDR-7 .header-bottom {
        padding-top: 5px;
        padding-bottom: 5px;
        position: relative;
    }

    .HEDR-7 {
        position: relative;
        top: auto !important;
    }

    /* .HEDR-7 .header_widget{top: 100px;} */
}

@media only screen and (max-width:767px) {
    .HEDR-7 {
        position: relative;
        top: auto !important;
    }

    .HEDR-7 .text-right {
        text-align: right;
    }

    .HEDR-7 .location-name-top {
        margin-right: 5px;
    }

    .HEDR-7 .location-name-top {
        display: none;
    }
}

@media only screen and (max-width:550px) {
    .HEDR-7 .text-right {
        text-align: center;
    }

    .HEDR-7 .tel-phone-no-top {
        display: block;
        text-align: center;
    }

    .HEDR-7 .location-name-top {
        margin: 0 42px;
        line-height: 22px;
        display: none;
    }
}

@media only screen and (max-width:420px) {
    .HEDR-7 {
        position: relative;
        background: #000;
    }
}

/*End of HEADER-7*/

/*Header-8*/
.HEDR-8 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9;
    background: rgba(3, 145, 219, 0.8);
}

.HEDR-8 .logo {
    padding-top: 10px;
    display: block;
}

.HEDR-8:before {
    content: "";
    background: rgba(0, 0, 0, 0.6);
    width: 14%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.HEDR-8:after {
    content: "";
    background: rgba(0, 0, 0, 0.6);
    width: 14%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
}

.HEDR-8 .logo img {
    height: 70px;
}

.HEDR-8 .header-bottom {
    padding: 0;
}

@media only screen and (max-width:1550px) {
    .HEDR-8:before {
        width: 6%;
    }

    .HEDR-8:after {
        width: 6%;
    }
}

@media only screen and (max-width:480px) {
    .HEDR-8:before {
        display: none;
    }

    .HEDR-8:after {
        display: none;
    }
}

/*End of HEADER-8*/


/*----------13-05-19----------*/




.HEDR-2,
.HEDR-5 {
    padding-top: 5px;
    padding-bottom: 5px;
}

.HEDR-2 .header_widget,
.HEDR-5 .header_widget,
.HEDR-6 .header_widget {
    padding: 10px 0 0;
    color: #fff;
}


/*GLOBAL STYLES FOR HEADER*/
@media only screen and (max-width:767px) {
    /* .HEDR-1 .location-name-top{display: none;} */
}

.HEDR-4 .header_widget .container {
    width: 100%;
}

.HEDR-4 .header_widget .weatherWidget .temprature img {
    width: 34px;
    height: 34px;
    object-fit: contain;
}

/* Added for Widget Modification */

.HEDR-4 .NAV-4 {
    padding: 15px 10px;
    height: 100%;
    display: flex;
    align-items: center;
}

.HEDR-4 .NAV-4 ul li a {
    font-size: 14px;
    padding: 0 7px;
}