* {
    font-family: 'Raleway', Sans-Serif!important;
}

.wix-link {
    text-decoration: none;
    display: inline-block;
    padding: 15px 30px 15px 0;
    transition: .3s;
}
.wix-link:active {
    background: lightblue;
    color: #000;
}
.image-rounded {
    border-radius: 50%;
    padding: 0;
}

.main-heading {
    font-size: 3rem!important;
    letter-spacing: 0.03em;
}
.h2 {
    font-size: 35px!important;
}
.paragraph {
    font-size: 21px!important;
}

.paragraph-2 {
    font-size: 15px;
}

.bg-color-1 {
    background: rgb(106,163,162)!important;
}

/*------- Nav Bar -------*/
.home-container {
    background: url("../images/home-bg.jpg");
    background-size: contain;
    background-repeat: no-repeat;
    background-color: rgb(229, 235, 237)
}
nav.navbar.custom-navbar {
    background: transparent!important;
}
@media(min-width:992px) {

    .main-heading {
        font-size: 81px!important;
        letter-spacing: 0.03em;
    }

    /* nav */
    .nav-link.custom-link {
        width: 150px;
        background: white;
        text-align: center;
        border-left: solid 1px rgb(134,134,134);
        color: rgb(134,134,134);
        transition-duration: 0.3s;
        font: normal normal normal 16px/1.4em raleway, Sans-Serif;
    }

    .nav-link.custom-link.nav-active {
        background: rgba(106,163,162,0.79);
        color: #fff!important;
    }

    .nav-active a {
        color: #fff!important;
    }

    .nav-link.custom-link:hover {
        background: rgb(134,134,134);
        color: #fff!important;
    }


}

.nav-link.isolated-link {
    min-width: 145px;
    background: rgb(134,134,134);
    color: #fff!important;
    text-align: center;
    transition-duration: 0.3s;
    font: normal normal normal 16px/1.4em raleway, Sans-Serif;
    display: block;
}


.nav-link.isolated-link:hover {
    background: #fff;
    color: rgb(99,136,148)!important;
}


.custom-navbar .container-fluid {
    max-width: 1000px;
}


.vr-line {
    border-left: 2px solid #fff;
    height: 60px;
    margin: auto 15px auto 0 30px;
}
.toggler {
    display: none;
}

/*home */
.home-head {
    display: inline-block;
    margin: 30px auto 15px;
    background-color: rgb(85,61,61);
    text-align: center;
    color: white;
}
.home-text {
    background: white;
    width: 100%;
    color: rgb(85,61,61);
}

.home-text h1 {
    width: 900px;
    max-width: 70%;
    margin: 15px auto;
    text-align: center;
}

.home-content {
    padding-top: 30px;
}

@media(min-width:400px) {
    .home-head-container {
        text-align: center!important;
    }
    .home-head {
        margin-top: 60px;
    }

}



.section-2 {
    background: transparent!important;
    width: 100%;
    text-align: center;
    color: rgb(134,134,134);
    text-align: center;
}

.section-2 h1 {
    width: 900px;
    max-width: 70%;
    margin: 15px auto;
    text-align: center;
    font-family: Georgia,Palatino, 'book-antiqua', 'palatino linotype',serif;
    font-size: 2.5rem;
}
.section-2 p {
    font-size: 1.8rem;
    max-width: 85%;
    text-align: center;
    margin: auto;
    margin-bottom: 20px;
}
.hr-line {
    background: rgb(255, 183,84);
    width: 50px;
    height: 5px!important;
    margin: auto auto 20px;
}

.services {
    max-width: 750px;
    background: rgb(51,51,51)!important;
    padding: 15px;
    margin: auto;
    color: #fff;
}
.services-head {
    font-size: 20px;
    font-weight: 100!important;
}
.services .row .row {
    padding: 10px;
}
.services p , .services h4 {
    font-family: Sans-Serif!important;
}
.services hr {
    background: #fff !important;
    margin: 10px auto 10px 0!important;
}
.services .col-md-6 {
    margin-bottom: 20px;
}
@media(min-width:653px) {
    .home-text {
        background: transparent;
        color: #fff;
    }

    .section-2 {
        width: 1000px;
        max-width: 100%;
        margin: 15px auto;
        text-align: center;
        font-family: Georgia,Palatino, 'book-antiqua', 'palatino linotype',serif;
        font-size: 2.5rem;
        background: white;
        padding-top: 40px;
    }
    .section-2 div {
        with: 993px;
        max-width: 100%;
        margin: 15px auto;
        text-align: center;
        background: white;
        padding-top: 40px;
    }

}

/* special offers */
.special-container {
    background: url("../images/offer-bg.jpg");
    background-size: contain;
    background-repeat: no-repeat;
    background-color: rgb(229, 235, 237)
}

.special-head {
    display: inline-block;
    margin: 200px auto 15px;
    color: rgb(85,61,61)!important;
    text-align: center;
    color: white;
    font-size: 50px;
}


@media(min-width:240px) {
    .special-head {
        margin-top: 300px;
    }
}

@media(min-width:320px) {
    .special-head {
        margin-top: 400px;
    }
}
@media(min-width:420px) {
    .special-head {
        margin-top: 100px;
    }

    .special-container {
        background: url("../images/offer-bg.jpg");
        background-size: cover;
        background-repeat: no-repeat;
        background-color: rgb(229, 235, 237)
    }

}

.special-text span {
    display: inline-block;
    background: rgb(255, 231,186)!important;
    color: rgb(134,134,134);
}


.tel {
    font-family: din-next-w01-light, din-next-w02-light, din-next-w10-light, sans-serif!important;
    color: rgb(85,61,61)!important;

}

.tel a {
    font-family: sans-serif!important;
    color: rgb(85,61,61)!important;
}

.reservation-note {
    font-size: 30px;
}

.discount .rotated {
    position: absolute;
    transform: rotate(-90deg);
    top: 50%;

}

.discount .rotated .dot {
    display: inline-block;
    height: 10px!important;
    width: 10px!important;
    border-radius: 50%;
    background: #fff;
    position: absolute;
    margin: 25px -40px;
}
.discount .rotated .line {
    display: inline-block;
    height: 1px!important;
    width: 50px!important;
    background: #fff;
    margin: 30px -20px;
    position: absolute;
}

.discount .rotated .text {
    display: inline-block;
    position: absolute;
    margin: 10px 40px;
    colot: #fff!important;
    font-size: 31px!important;
}

.row.discount {
    margin: auto!important;
    margin-top: 20px!important;
    max-width: 980px;
    color: #fff!important;

}

/* contact */

.contact-container {
    background: url("../images/contact-bg.jpg");
    background-size: contain;
    background-repeat: no-repeat;
    background-color: rgb(229, 235, 237);
}
.contact-head {
    margin-top: 100px;
    color: #fff;
}

@media(max-width:510px) {
    .contact-head {
        margin-top: 40px;
    }
}

/* islamabad */
.islamabad-container {
    background: url("../images/islamabad-bg.jpg");
    background-size: contain;
    background-repeat: no-repeat;
    background-color: rgb(229, 235, 237);
    background-attachment: fixed;
}

.islamabad-head {
    margin: 100px auto 20px;
}
@media(min-width:1000px) {
    .islamabad-container {
        background-size: cover;
    }
}
.islamabad-content {
    max-width: 1000px;
    margin: auto;
}
.islamabad-container iframe {
    height: 100%;
}
.h1 {
    text-align: center;
    font-size: 37px;
}

.h1 span {
    background-color: #314c4d;
    color: #ffffff;
}

.near_att {
    background-color: #ffffff;
    padding: 2rem;
    letter-spacing: 0.02em;
    font-family: sans-serif;
    color: #868686;
}

.near_att .para {
    margin-bottom: 2rem;
}

.near_att h4 {
    margin-top: 1.5rem;
    font-size: 1.75rem;
}

.near_att p {
    font-size: 0.938rem;
}

.near_att .image {
    margin: auto;
    width: 80%;
}

.contact {
    width: 100%;
    background-color: #e5ebed;
    padding-top: 1.5rem;
    color: #868686;
}

.contact .d-flex {
    max-width: 980px;
    margin: auto;
}
@media(max-width:1079px) {
    .contact {
        padding: 15px;
    }
}
.contact .con {
    margin-right: 15px;
    margin-bottom: 20px;
}
.contact .con a {
    text-decoration: none;
    color: #2f2e2e;
    font-weight: 200;
    font-size: 1.063rem;
    min-width: 95px;
    display: inline-block;
}

.contact .con a:hover {
    color: #29b3ac;
}

.contact p {
    line-height: 1rem;
}
.footer-text {
    font-family: 'Raleway', Sans-Serif!important;
}
.footer-text a {
    color: #868686;
}
@media only screen and (max-width: 600px) {
    .con {
        text-align: left;
    }
}
/*# sourceMappingURL=style.css.map */



/* */
@media(max-width:991px) {
    /* navbar*/
    .toggler {
        position: absolute;
        display: block;
        width: 45px;
        height: 45px;
        right: 0;
        top: 80px;
        right: 50px;
        background: rgb(46,46,46);
        padding: 15px;
        cursor: pointer;
        p
    }

    .toggler span {
        content: '';
        min-height: 2px;
        position: absolute;
        background: #fff;
        width: 70%;
        border-radius: 10px;
        right: 0;
        background: #fff;
        margin: 15%;
        transition: 0.5s;
    }

    .toggler span:nth-child(1) {
        top: 10%;
    }
    .toggler span:nth-child(2) {
        top: 35%;
    }
    .toggler span:nth-child(3) {
        top: 60%;
    }
    .toggler.active span:nth-child(1) {
        top: 35%;
        transform: rotate(45deg);
    }
    .toggler.active span:nth-child(2) {
        top: 35%;
        left: 100px;
        opacity: 0;
    }
    .toggler.active span:nth-child(3) {
        top: 35%;
        transform: rotate(-45deg);
    }

    .nav-link.isolated-link {
        float: left;
        min-width: auto;
    }

    .custom-navbar .navbar-brand {
        position: absolute;
        right: 0;
        top: 0;
        padding: 0;
    }

    .navbar-links {
        position: fixed;
        width: 100%;
        right: 0;
        top: 0;
        background: #fff;

    }

    .navbar-links ul {
        position: absolute;
        width: 80%;
        right: -80%;
        transition: 0.5s;
        padding-top: 155px;
        background: #fff;
        height: 100vh;
    }

    .navbar-links.active ul {
        right: 0;
        height: 100vh;
    }

    .nav-link.custom-link {
        width: 150px;
        margin: 20px auto;
        font: normal normal normal 1.4em raleway, Sans-Serif;
    }
    .nav-active {
        color: rgba(106,163,162,0.79)!important;
    }
    .navbar-brand img {
        height: 40px;
    }

    /* home */

    .section-2 {
        background: #fff;
    }

    /* special offers */
}

@media(min-width:700px) {
    /* special offers */
    .tel {
        font-size: 61px!important;
    }
    .reservation-note {
        font-size: 44px;
    }
}

@media(min-width:768px){
    .our-rooms{
        margin:35% auto auto!important
    }
}