@import url(https://fonts.googleapis.com/css?family=Stint+Ultra+Condensed);
@import url(https://fonts.googleapis.com/css?family=Satisfy);
@import url(https://fonts.googleapis.com/css?family=Jomhuria);
@import url(https://fonts.googleapis.com/css?family=Special+Elite);
@import url(https://fonts.googleapis.com/css?family=Bree+Serif);
@import url('../fonts/Neon.ttf');

@import url('https://fonts.googleapis.com/css?family=Cabin'); /* font-family: 'Cabin', sans-serif */  /* 7 */
@import url('https://fonts.googleapis.com/css?family=PT+Serif'); /* font-family: 'PT Serif', serif; */ /* 7 */

@import url('https://fonts.googleapis.com/css?family=Bree+Serif'); /* font-family: 'Bree Serif', serif; */

@import url('https://fonts.googleapis.com/css?family=Poppins'); /* font-family: 'Poppins', sans-serif; */

@import url('https://fonts.googleapis.com/css?family=Varela+Round');  /* font-family: 'Varela Round', sans-serif; */
@import url('https://fonts.googleapis.com/css?family=Josefin+Sans'); /* font-family: 'Josefin Sans', sans-serif; hallmark of londao */
@import url('https://fonts.googleapis.com/css?family=Courgette');  /* font-family: 'Courgette', cursive;  */

#loader-wrapper img{
    width: 400px;
    margin-top: 10%;
}

#logo a img{
    width: 73%;
}

.menu_list li a {
    color: rgb(255, 255, 255) !important;
    letter-spacing: 1.2pt;
    font-weight: 700;
    font-size: 12px;
    font-family: 'Poppins', sans-serif;
    border-radius: 3px;

    display: flex;
    justify-content: center;
    align-items: center;
    vertical-align: middle;
    background: rgba(0, 0, 0, 0.582);
}

.menu_list li.active a {
    font-family: 'Poppins', sans-serif;
    font-weight: bold;
    letter-spacing: 1.2pt;
    font-size: 13px !important;

    color: black !important;
    background: rgba(255, 255, 255, 0.993);
    border: 2px solid rgb(0, 0, 0);
}


/*Home*/
.home_text{
    display: flex;
    display: -moz-flex;
    display: -webkit-flex;
    display: -o-flex;
    margin-top: 14%;
    margin-bottom: 1%;
    justify-content: center;
    align-items: center;
}

.title_text_dec{
    font-weight: 900;
    letter-spacing: .5pt;
    color: #828181;
    text-shadow: 0px 3px 3px black;
    font-size: 40px;
    font-family: 'PT Serif', serif;
}

.home-box-text {
    margin-top: 70px;
    /*background: url("../images/bg/coff.png"); */
    border-radius: 10px;
}
.quote_box{
    display: flex;
    display: -moz-flex;
    display: -webkit-flex;
    display: -o-flex;
    justify-content: center;
    align-items: center;
    color: #828181;
}
.quote_box .q_box_7 h1{
    font-size: 200px;
    text-align: right;
    font-family: 'Courgette', cursive;
}
.q_text_box{
    display: flex;
    display: -moz-flex;
    display: -webkit-flex;
    display: -o-flex;
    left: 2%;
}
.q_text_box h4{
    line-height: 36px;
    width: 100%;
    font-weight: 100;
    font-family: 'Josefin Sans', sans-serif;
}
.q_text_box h4 span{
    font-size: 45px;
    font-weight: bold;
    color: #9f9f9f;
}
.q_text_box a{
    font-size: 15px;
    text-align: left;


}

.home-box-text .home-box-text-inside {
    padding: 10px;
    background-color: rgba(0, 0, 0, .3);
}

.home-box-text h4 {
    font-size: 17px;
    font-family: 'Varela Round', sans-serif;
    text-align: justify;
    line-height: 20px;
    padding: 10px;
    color: #f6efe5;
    
}

.home-box-text ul li {
    font-size: 15px;
    list-style: square;
    font-family: 'Varela Round', sans-serif;
    line-height: 22px;
    margin-top: 10px;
    margin-left: 10px;
}

.founder-message {
    background-color: #843818;
    border: 2px solid black;
    background-image: url("../images/bg/map.jpg");
    font-family: 'Satisfy', cursive;
}

.founder-message h6 {
    text-align: justify;
    color: black;
    font-size: 17px;
    background-color: rgba(255, 255, 255, 0.377);
    padding: 10px;
}

.founder-message div {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.86);
    padding: 10px;
    padding-right: 50px;
}

.founder-message div p{
    color: white;
    font-size: 15px;
}
.founder-message div a{
    color: white;
}


.gold-shadow {
    color: #fde4bb;
    text-shadow: 6px 2px 4px black;
}

.home-address {
    margin-top: 20px;
    padding: 7px 0px 0px 10px;
    color: #707070;
}

.home-address ul {
    list-style: none;
    font-family: 'Bree Serif', serif;
    color: #707070;
}

.home-address ul li {
    font-size: 30px;
    font-weight: 900;
    color: #707070;
    text-shadow: 1px 1px 0px black;
}

.home-address ul li span {
    font-size: 30px;
}

.photos_btn{
    color: white;
    border: 1px solid white;
    background: transparent;
    transition: 1s;
    border-radius: 1px;
    position: absolute;
    padding: 10px 20px;
    font-weight: 600;
    bottom: 0;
    right: 22px;
}
.photos_btn:hover{
    background: white;
    color: black;
    text-decoration: none;

}

.arrow {
    width: 50px;
    cursor: pointer;
    transition: 1s;
    position: absolute !important;
    display: block;
    top: 0;
}

.virtual_tour{
    padding: 0;
}
#virtual_tour {
    border-radius: 4px;
    margin-top: 26px;
    position: relative;
}
#virtual_tour img{
    border-radius: 4px;
}
#virtual_tour div{
    width: 100%;
    height: 100%;
    position: absolute;
    border: 3px solid rgba(255, 255, 255, 0.658);
    text-align: center;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    align-content: center;
    vertical-align: middle;
    justify-content: center;
    transition: 1s;
}
#virtual_tour div p{
    margin-top: 30%;
    color: rgba(0, 0, 0, 0.993);
    font-weight: 900;
    font-size: 40px;
    font-family: 'Josefin Sans', sans-serif;
    opacity: 0;
    transition: 1s;
}
#virtual_tour a:hover div{
    background: rgba(255, 255, 255, 0.897);
}
#virtual_tour a:hover div p{
    opacity: 1;
}

#gmap_canvas{
    width: 100%;
    height: 180px;
}
.map_area{
    padding: 0;
    padding-top: 15px;
}
.map{
    padding: 0;
    border: 1px solid black;
}

.opening_hours{
    color: #fff;
    font-size: 20px;
    font-weight: 596;
    /* padding: 20px 00px; */
    text-align: center;
    /* position: absolute; */
    /* bottom: 0; */
    font-family: 'Bree Serif', serif;
    letter-spacing: .5pt;
    margin-bottom: 20px;
    /* text-shadow: 0.1px .1px 2px #ffffff80, 0.1px .1px 2px #0009; */
}


.arrow_area{
    height: 100%;
    margin:0;
    margin-top: 67px;
}
.arrow_area .home_arrow{
    width: 50px;
    cursor: pointer;
    transition: 1s;
    display: block;
    top: 0;
    position: absolute;
}
.arrow_area .home_arrow:hover{
    margin-left: 17px;
}


.arrow.right.service-arrow {
    margin-top: 33%;
    margin-left: 110%;
}

.arrow.left.service-arrow {
    margin-top: 35%;
    margin-left: -20%;
}

.arrow.right.service-arrow:hover {
    margin-left: 113%;
}

.arrow.left.service-arrow:hover {
    margin-left: -23%;
}

/*Menu*/
.arrow.right.menu-arrow {
    margin-top: 38%;
    margin-left: 113%;
}

.arrow.left.menu-arrow {
    margin-top: 38%;
    margin-left: -20%;
}

.arrow.right.menu-arrow:hover {
    margin-left: 115%;
}

.arrow.left.menu-arrow:hover {
    margin-left: -23%;
}
/* ./Menu*/

/*Legacy*/
.arrow.left.legacy_arrow {
    margin-left: -30px;
    margin-top: 190px;
}

.arrow.right.legacy_arrow {
    margin-left: 30px;
    margin-top: 190px;
}
.arrow.left.legacy_arrow:hover {
    margin-left: -40px;
}

.arrow.right.legacy_arrow:hover {
    margin-left: 40px;
}

/* Careers Arrow */

.arrow.left.careers_arrow {
    margin-left: -100px;
    margin-top: 100px;
}

.arrow.right.careers_arrow {
    right: -70px;
    margin-top: 100px;
}
.arrow.left.careers_arrow:hover {
    margin-left: -110px;
}

.arrow.right.careers_arrow:hover {
    right: -80px;
}

/* Careers Arrow  END */

/*Contact*/
.arrow.left.contact-arrow {
    margin-left: -20%;
    margin-top: 3%;
}

.arrow.left.contact-arrow:hover {
    margin-left: -23%;
}


/*Page two Services*/

.service_bg_image {
    background-repeat: no-repeat;
    background-position: center;
}

.service_title h1 {
    color: goldenrod;
    font-family: 'Bree Serif', serif;
    text-shadow: 6px 2px 4px black;
    font-size: 50px;
    text-align: center;
    margin-top: 40px;
}

.type1.custom_type-1 {
    background-color: rgba(0, 0, 0, 0.171);
    margin-top: 28px;
}

.type1.custom_type-1 li {
    border: 1px solid white !important;
    border-top: none !important;
    border-right: none !important;
    padding: 10px 20px;
    margin-bottom: 10px;
    transition: 1s;
    font-family: 'Bree Serif', serif;
}

.type1.custom_type-1 li:hover {
    background-color: rgba(255, 255, 255, 0.212);
    cursor: pointer;
}

.more_cup_img {
    width: 70px;
    cursor: pointer;
    transition: 1s;
    padding: 0 !important;
}

.more_cup_img:hover {
    width: 70px;
    margin-left: 10px;
}



.more_confe {
    border: 1px solid rgb(202, 207, 209);
    padding: 5px 14px;
    background: rgba(243, 240, 240, 0.507);
}
.more_confe h6{
    font-size: 13px;
    color: black;
    line-height: 15px;
}

/*Menu Page*/

.menu_bg {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; 
}

.menu-front-cover {
    text-align: center;
}

.menu-front-cover img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    height: 400px;
    box-shadow: 3px 3px 3px rgb(201, 186, 186);
    transition: 1s;
}

.menu-front-cover img:hover {
    box-shadow: 3px 3px 0px rgb(201, 186, 186);
}

.menu-front-cover .menu-overlay h1{
    color: white;
}
.menu-front-cover .menu-overlay {
    background-color: rgba(0, 0, 0, 0.8);
    top: 0;
    position: absolute;
    display: block;
    text-align: center;
    margin-top: 27%;
    opacity: 1;
    transition: 1s;
    font-family: 'Special Elite', cursive;
    font-style: italic;
    padding-top: 10px;
}

.menu-front-cover:hover .menu-overlay {
    opacity: .5;
}

.menu-front-cover .menu-overlay:hover {
    background-color: rgb(2, 0, 0);
}


/*menu page text Slider*/

#jquery-script-menu {
    position: fixed;
    height: 90px;
    width: 100%;
    top: 0;
    left: 0;
    border-top: 5px solid #316594;
    background: #fff;
    -moz-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
    -webkit-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
    box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
    z-index: 999999;
    padding: 10px 0;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.jquery-script-center {
    width: 960px;
    margin: 0 auto;
}

.jquery-script-center ul {
    width: 212px;
    float: left;
    line-height: 45px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.jquery-script-center a {
    text-decoration: none;
}

.jquery-script-ads {
    width: 728px;
    height: 90px;
    float: right;
}

.jquery-script-clear {
    clear: both;
    height: 0;
}



/* Menu */
.menu_text{
    display: flex;
    display: -moz-flex;
    display: -webkit-flex;
    display: -o-flex;
    justify-content: center;
    align-items: center;
}
.menu_text h2{
    margin-bottom: 20px;
}
.first_text_slider{
    display: flex;
    display: -moz-flex;
    display: -webkit-flex;
    display: -o-flex;
    justify-content: center;
    align-items: center;
    margin-top: 40px;
}
.first_text_slider h6{
    font-weight: bold;
    line-height: 39px;
    font-family: 'Bree Serif', serif;
    
}
.first_text_slider h6 .text-slider-1{
    font-size: 30px;
}
.first_text_slider h6 .text-slider-2{
    font-size: 35px;
}
.first_text_slider h6 .text-slider-3{
    font-size: 40px;
}
.first_text_slider h6 .text-slider-3 span{
    font-size: 60px;
}
.first_text_slider h6 .text-slider-4{
    text-align:center !important;
    font-size: 60px;
}
.first_text_slider h6 .text-slider-5{
    font-size: 30px;
}
.first_text_slider h6 .text-slider-6{
    font-size: 34px;
}
.first_text_slider h6 .text-slider-7{
    font-size: 25px;
}

/*Contact Us Page*/

.contact_us_page{
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; 
}
.contact_us{
    margin-top: 70px;
}

.contact_us_address h2 {
    font-weight: bold;
    font-family: 'Bree Serif', serif;
}

.contact_us_address h1 {
    font-family: 'Bree Serif', serif;
    font-size: 43px;
    font-weight: bold;
    color: white !important;
    margin-bottom: 10px;
}


.contact_us_form input{
    font-family: 'Bree Serif', serif;
}

.contact_us_form button{
    font-family: 'Bree Serif', serif;
}

.contact_us_form textarea{
    font-family: 'Bree Serif', serif;
}

.contact_us_form,
.contact_us_map {
    margin-top: 10px;
}

.contact_us_form {
    background: rgba(0, 0, 0, 0.39);
}


/*Map*/

.mapouter {
    overflow: hidden;
    height: 347px;
    width: 100%;
}

.gmap_canvas {
    background: none!important;
    height: 250px;
    width: 100%;
}

/*Legacy*/
.clear {
    clear: both;
    float: none;
    width: 100%;
}


.legacy_images{
    display: flex;
    justify-content: center;
    align-items: center;
    vertical-align: middle;
}

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

.gallery a img{
    width: 25%;
    height: auto;
    border: 3px solid #171717;
    background: #171717;
    -webkit-transition: -webkit-transform .15s ease;
    -moz-transition: -moz-transform .15s ease;
    -o-transition: -o-transform .15s ease;
    -ms-transition: -ms-transform .15s ease;
    transition: transform .15s ease;
    position: relative;
}
/* line 46, ../sass/demo.scss */
.gallery a:hover img {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    z-index: 5;
}

/*Legacy*/

/*Footer */
.footer-div{
    position: absolute;
    position:fixed;
    bottom: 0;
    width: 100%;
    text-align: center;
    z-index: 9999;
}

.footer-div p{
    font-size: 15px;
    font-weight: bold;
    color:white;
    opacity: .6;
}
.footer-div p a{
    color: white;
}
.footer-div p .orange{
    color: orange;
}

/*Footer */

/* Responsive Screen Design  */

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

    .content{
        padding: 50px 0px !important;
    }
    /*Background color*/
    .home{
        background: -webkit-linear-gradient(bottom , rgb(36, 4, 4), rgb(26, 2, 2), black);
        background: -moz-linear-gradient(bottom , rgb(36, 4, 4), rgb(26, 2, 2), black);
        background: -o-linear-gradient(bottom , rgb(36, 4, 4), rgb(26, 2, 2), black);
        background: linear-gradient(bottom , rgb(36, 4, 4), rgb(26, 2, 2), black);
    }
    .service_bg_image{
        background: -webkit-linear-gradient(bottom , black, rgb(36, 4, 4), rgb(35, 4, 4) );
        background: -moz-linear-gradient(bottom , black, rgb(36, 4, 4), rgb(35, 4, 4) );
        background: -o-linear-gradient(bottom , black, rgb(36, 4, 4), rgb(35, 4, 4) );
        background: linear-gradient(bottom , black, rgb(36, 4, 4), rgb(35, 4, 4) );
    }
    .menu_bg{
        background: -webkit-linear-gradient(bottom , rgb(36, 4, 4), rgb(26, 2, 2), black);
        background: -moz-linear-gradient(bottom , rgb(36, 4, 4), rgb(26, 2, 2), black);
        background: -o-linear-gradient(bottom , rgb(36, 4, 4), rgb(26, 2, 2), black);
        background: linear-gradient(bottom , rgb(36, 4, 4), rgb(26, 2, 2), black);
    }
    .legacy_bg{
        background: -webkit-linear-gradient(bottom , rgb(27, 2, 2), rgb(15,2,2), rgb(35, 4, 4) );
        background: -moz-linear-gradient(bottom , rgb(27, 2, 2), rgb(15,2,2), rgb(35, 4, 4) );
        background: -o-linear-gradient(bottom , rgb(27, 2, 2), rgb(15,2,2), rgb(35, 4, 4) );
        background: linear-gradient(bottom , rgb(27, 2, 2), rgb(15,2,2), rgb(35, 4, 4) );
    }
    .contact_us_page{
        background: -webkit-linear-gradient(bottom , black, rgb(36, 4, 4), rgb(26, 2, 2) );
        background: -moz-linear-gradient(bottom , black, rgb(36, 4, 4), rgb(26, 2, 2) );
        background: -o-linear-gradient(bottom , black, rgb(36, 4, 4), rgb(26, 2, 2) );
        background: linear-gradient(bottom , black, rgb(36, 4, 4), rgb(26, 2, 2) );
    }
    .no-padding-xs{
        padding: 0;
    }

    .dt-menu-toggle{
        width: 100% !important;
    }
    .menu_list li{
        padding: 0;
        margin-left: 0px;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
    }
    .menu_list li a{
        width: 10px;
    }

    .arrow {
        display: none;
    }

    .container{
        width: 100% !important;
    } 

    .home_text {
        display: block;
        margin-top: 0px;
        margin-bottom: 1%;
    }

    .title_text_dec{
        font-size: 27px;
        text-align: center !important;
    }

    .quote_box {
        display: block;
        padding: 0;
        margin-bottom: 40px;
    }

    .quote_box .q_box_7 h1{
        text-align: center;
    }

    .q_text_box{
        text-align: center;
    }

    .q_text_box h4 {
        font-size: 29px;
        margin-top: -46px;
    }
    .q_text_box h4 span{
        font-size: 52px;
    }
    .photos_btn{
        bottom: -40px;
        left: 33%;
        right: auto;
    }

    .opening_hours{
        position: relative;
        /* margin-top: 150px; */
    }
    
    
    .founder-message{
        margin-top: 10px;
    }

    .founder-message h6 {
        text-align: justify;
        color: black;
        font-size: 18px;
        background-color: rgba(255, 255, 255, 0.377);
        padding: 10px;
        line-height: 17px;
    }
    
    .founder-message p {
        color: white;
        background-color: rgba(0, 0, 0, 0.377);
        padding: 10px;
        font-size: 14px;
    }

    #virtual_tour div p{
        font-size: 24px;
    }
    .mapouter{
        height: 180px;
    }

    .home-box-text {
        margin-top: 50px;
        border-radius: 10px;
    }

    .home-box-text h4 {
        font-size: 16px;
        padding: 10px 10px 5px 10px;
    }
    
    .home-box-text ul li {
        font-size: 14px;
        line-height: 12px;
        margin-top: 10px;
        margin-left: 10px;
    }

    .home-address {
        margin-top: 0px;
        outline: 2px solid #bd9226;
        background: white;
    }
    
    .home-address ul {
        list-style: none;
    }
    
    .home-address ul li {
        font-size: 18px;
        color: black !important;
    }
    
    .home-address ul li span {
        font-size: 25px;
        color: #bd9226  !important;
    }


    /*Services */
    .services{
        margin-top: -40px;
    }
    
    .service_title h1 {
        font-size: 30px;
        margin-top: 0px;
        margin-bottom: 10px;
    }
    .type1.custom_type-1 {
        margin-top: 28px;
    }
    
    .type1.custom_type-1 li {
        padding: 5px 10px 5px 20px;
        margin-bottom: 10px;
        font-size: 12px;
    }
    
    .more_cup_img {
        width: 70px;
    }
    
    .more_cup_img:hover {
        width: 70px;
        margin-left: 10px;
    }
    
    #virtual_tour {
        margin-top: 26px;
    }
    .more_confe {
        border: 1px solid rgb(202, 207, 209);
        padding: 5px 14px;
        background: rgba(243, 240, 240, 0.507);
    }
    .more_confe h6{
        font-size: 13px;
        color: black;
        line-height: 15px;
    }
    /* ./ Services*/

    /*Menu*/
    .menu_bg{
     margin-top: -40px;   
    }
    .first_text_slider{
        margin-top: 10px;
        text-align: justify;
    }
    .first_text_slider h6{
        line-height: 35px;
    }
    .first_text_slider h6 .text-slider-1{
        font-size: 32px;
    }
    .first_text_slider h6 .text-slider-2{
        font-size: 28px;
    }
    .first_text_slider h6 .text-slider-3{
        font-size: 21px;
    }
    .first_text_slider h6 .text-slider-3 span{
        font-size: 51px;
    }
    .first_text_slider h6 .text-slider-4{
        text-align:center !important;
        font-size: 55px;
    }
    .first_text_slider h6 .text-slider-5{
        font-size: 25px;
    }
    .first_text_slider h6 .text-slider-6{
        font-size: 28px;
    }
    .first_text_slider h6 .text-slider-7{
        font-size: 21px;
    }

    .menu-front-cover .menu-overlay {
        top: 19%;
        padding-top: 10px;
    }
    /** ./ Menu /

     /*Contact Us*/
     .contact_us_page{
         margin-top: -40px;
     }
     .contact_us_address {
        margin-top: 10px;
    }
     .contact_us_address h2 {
        font-size: 30px;
    }
    
    .contact_us_address h1 {
        font-size: 18px;
        margin: 10px 0px 10px 0px;
    }

    .contact_us_address h1 i{
        font-size: 19px;
        color: #daa520;
    }

    .contact_us_form input{
        text-align: center;
    }

    .contact_us_form textarea{
        text-align: center;
    }

    /* ./ Contact */

    .footer-div{
        display: none;
    }

    #toTop, #toTopHover{
        display: none !important;
    }

    .mobile-footer-div{
        display: block;
        background: black;
    }
    .mobile-footer-div{
        width: 100%;
        text-align: center;
        z-index: 9999;
        padding: 10px 10px;
    }
    
    .mobile-footer-div p{
        font-size: 15px;
        font-weight: bold;
        color:white;
        opacity: .8;
    }
    .mobile-footer-div p a{
        color: white;
    }
    .mobile-footer-div p .orange{
        color: orange;
    }
    .submit{
        float: none !important;
    }

}



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

    .menu_bg{
        background: url("../images/page_bg/menu.jpg") no-repeat center center fixed;
    }
    .contact_us_page{
        background: url("../images/page_bg/contact_us.JPG") no-repeat center center fixed;
    }
    .service_bg_image{
        background: url('../images/page_bg/service_bg.jpg');
    }

    #logo a img{
        width: 100px;
    }
    
    /*Menu Design*/
    .menu_list li a {
        letter-spacing: 1.2pt;
        font-size: 15px;
    }
    .menu_list li.active a {
        letter-spacing: 1.2pt;
        font-size: 20px !important;
    }

    /*Arrow*/
    .arrow.right.home-arrow {
        margin-top: 100%;
        margin-left: 90%;
    }
    
    .arrow.right.home-arrow:hover {
        margin-left: 95%;
    }
    
    .arrow.right.service-arrow {
        margin-top: 37%;
        margin-left: 95%;
    }

    .arrow.left.service-arrow {
        margin-top: 36%;
        margin-left: -17%;
    }

    .arrow.right.service-arrow:hover {
        margin-left: 97%;
    }

    .arrow.left.service-arrow:hover {
        margin-left: -19%;
    }

    /*Menu*/
    .arrow.right.menu-arrow {
        margin-top: 46%;
        margin-left: 90%;
    }

    .arrow.left.menu-arrow {
        margin-top: 50%;
        margin-left: -15%;
    }

    .arrow.right.menu-arrow:hover {
        margin-left: 95%;
    }

    .arrow.left.menu-arrow:hover {
        margin-left: -18%;
    }
    /* ./Menu*/

    .arrow.left.contact-arrow {
        margin-left: -22%;
        margin-top: 0%;
    }

    .arrow.left.contact-arrow:hover {
        margin-left: -18%;
    }
    /*Arrow*/

    .day-7-quote {
        background-color: rgba(7, 6, 1, 0.068);
        margin-top: 89px;
    }
    
    .day-7-quote h1 {
        font-size: 100px !important;
        font-weight: bold;
    }
    
    .day-7-quote h2 {
        margin-top: 29px;
        font-size: 15px;
        font-weight: bold;
        letter-spacing: 6px;
        line-height: 18px;
    }
    .founder-message{
        margin-top: 30px;
    }

    .founder-message h6 {
        text-align: justify;
        color: black;
        font-size: 14px;
        background-color: rgba(255, 255, 255, 0.377);
        padding: 10px;
        line-height: 12px;
    }
    
    .founder-message p {
        color: white;
        background-color: rgba(0, 0, 0, 0.377);
        padding: 10px;
        font-size: 13px;
    }

   

    .home-box-text {
        margin-top: 80px;
        border-radius: 10px;
    }

    .home-box-text h4 {
        font-size: 12px;
        padding: 10px 10px 5px 10px;
    }
    
    .home-box-text ul li {
        font-size: 11px;
        line-height: 12px;
        margin-top: 10px;
        margin-left: 10px;
    }

    .home-address {
        margin-top: 0px;
    }
    
    .home-address ul {
        list-style: none;
    }
    
    .home-address ul li {
        font-size: 25px;
    }
    
    .home-address ul li span {
        font-size: 20px;
    }


    /*Services */
    .service_title h1 {
        font-size: 30px;
        margin-top: 40px;
    }
    .type1.custom_type-1 {
        margin-top: 28px;
    }
    
    .type1.custom_type-1 li {
        padding: 5px 10px 5px 20px;
        margin-bottom: 10px;
        font-size: 12px;
    }
    
    .more_cup_img {
        width: 70px;
    }
    
    .more_cup_img:hover {
        width: 70px;
        margin-left: 10px;
    }
    
    #virtual_tour {
        margin-top: 26px;
    }
    #virtual_tour iframe{
        width: 100%;
        height: 365px;
    }
    
    .more_confe {
        border: 1px solid rgb(202, 207, 209);
        padding: 5px 14px;
        background: rgba(243, 240, 240, 0.507);
    }
    .more_confe h6{
        font-size: 13px;
        color: black;
        line-height: 15px;
    }
    /* ./ Services*/

    /*Menu*/
    .first_text_slider{
        margin-top: 55px;
    }
    .first_text_slider h6{
        line-height: 35px;
    }
    .first_text_slider h6 .text-slider-1{
        font-size: 21px;
    }
    .first_text_slider h6 .text-slider-2{
        font-size: 31px;
    }
    .first_text_slider h6 .text-slider-3{
        font-size: 21px;
    }
    .first_text_slider h6 .text-slider-3 span{
        font-size: 51px;
    }
    .first_text_slider h6 .text-slider-4{
        text-align:center !important;
        font-size: 51px;
    }
    .first_text_slider h6 .text-slider-5{
        font-size: 21px;
    }
    .first_text_slider h6 .text-slider-6{
        font-size: 26px;
    }
    .first_text_slider h6 .text-slider-7{
        font-size: 17px;
    }
    /** ./ Menu /

     /*Contact Us*/
     .contact_us_address h2 {
        font-size: 18px;
    }
    
    .contact_us_address h1 {
        font-size: 30px;
    }

    /* ./ Contact */

} /*Screen End*/

@media screen and (min-width:993px) and (max-width:1200px) {

    .menu_bg{
        background: url("../images/page_bg/menu.jpg") no-repeat center center fixed;
    }
    .contact_us_page{
        background: url("../images/page_bg/contact_us.JPG") no-repeat center center fixed;
    }
    .service_bg_image{
        background: url('../images/page_bg/service_bg.jpg');
    }

     /*Arrow*/
     .arrow.right.home-arrow {
        margin-top: 100%;
        margin-left: 90%;
    }
    
    .arrow.right.home-arrow:hover {
        margin-left: 95%;
    }
    
    .arrow.right.service-arrow {
        margin-top: 35%;
        margin-left: 97%;
    }

    .arrow.left.service-arrow {
        margin-top: 35%;
        margin-left: -15%;
    }

    .arrow.right.service-arrow:hover {
        margin-left: 100%;
    }

    .arrow.left.service-arrow:hover {
        margin-left: -20%;
    }

    /*Menu*/
    .arrow.right.menu-arrow {
        margin-top: 38%;
        margin-left: 90%;
    }

    .arrow.left.menu-arrow {
        margin-top: 38%;
        margin-left: -15%;
    }

    .arrow.right.menu-arrow:hover {
        margin-left: 95%;
    }

    .arrow.left.menu-arrow:hover {
        margin-left: -18%;
    }
    /* ./Menu*/

    .arrow.left.contact-arrow {
        margin-left: -15%;
        margin-top: 3%;
    }

    .arrow.left.contact-arrow:hover {
        margin-left: -19%;
    }
    /*Arrow*/

    
    .founder-message{
        margin-top: 20px;
    }

    /*Contact Us*/
    .contact_us_address h2 {
        font-weight: bold;
        font-family: 'Bree Serif', serif;
        font-size: 28px;
    }
    
    .contact_us_address h1 {
        font-family: 'Bree Serif', serif;
        font-size: 40px;
        font-weight: bold;
    }

} /* Screen End  */

@media screen and (min-width:1201px) and (max-width:1385px) {

    .menu_bg{
        background: url("../images/page_bg/menu.jpg") no-repeat center center fixed;
    }
    .legacy_bg{
        background: url("../images/page_bg/menu.jpg") no-repeat center center fixed;
    }
    .contact_us_page{
        background: url("../images/page_bg/contact_us.JPG") no-repeat center center fixed;
    }
    .service_bg_image{
        background: url('../images/page_bg/service_bg.jpg') no-repeat center center fixed;
    }

    /*Arrow*/
    .arrow.right.home-arrow {
        margin-top: 100%;
        margin-left: 100% !important;
    }
    
    .arrow.right.home-arrow:hover {
        margin-left: 105% !important;
    }
    
    .arrow.right.service-arrow {
        margin-top: 35%;
        margin-left: 102%;
    }

    .arrow.left.service-arrow {
        margin-top: 35%;
        margin-left: -15%;
    }

    .arrow.right.service-arrow:hover {
        margin-left: 103%;
    }

    .arrow.left.service-arrow:hover {
        margin-left: -17%;
    }

    /*Menu*/
    .arrow.right.menu-arrow {
        margin-top: 32%;
        margin-left: 100%;
    }

    .arrow.left.menu-arrow {
        margin-top: 32%;
        margin-left: -15%;
    }

    .arrow.right.menu-arrow:hover {
        margin-left: 102%;
    }

    .arrow.left.menu-arrow:hover {
        margin-left: -17%;
    }
    /* ./Menu*/

    .arrow.left.contact-arrow {
        margin-left: -17%;
        margin-top: 4%;
    }

    .arrow.left.contact-arrow:hover {
        margin-left: -19%;
    }
    /*Arrow*/

    #virtual_tour div p {
        font-size: 33px;
    }

    .contact_us_address h1 {
        font-size: 30px;
    }

} /* Screen End */

@media screen and (min-width:1386px) and (max-width:5000px) {

    .menu_bg{
        background: url("../images/page_bg/menu.jpg") no-repeat center center fixed;
    }
    .contact_us_page{
        background: url("../images/page_bg/contact_us.JPG") no-repeat center center fixed;
    }
    .service_bg_image{
        background: url('../images/page_bg/service_bg.jpg') no-repeat center center fixed;
    }

}




@media only screen and (min-width: 1600px) and (max-width: 2000px){
	.container {
		width: 1617px;
	}

    .title_text_dec{
        font-size: 50px;
    }
    
	.home_text {
        margin-top: 5%;
        margin-bottom: 2%;
    }

	.quote_box .q_box_7 h1 {
		font-size: 265px;
	}

	.q_text_box h4 span {
		font-size: 33px;
	}

	.q_text_box h4 span {
		font-size: 66px;
	}

	.founder-message h6 {
        font-size: 25px;
        padding: 31px 31px 10px 31px;
	}

	.founder-message p {
		font-size: 26px;
    }
    

	.home-address ul li {
		font-size: 36px;
	}

	#virtual_tour iframe {
		width: 100%;
		height: 328px;
	}

	#gmap_canvas{
		width: 100%;
		height: 280px;
    }
    
    .arrow_area .home_arrow {
        top: 50px;
    }



    /* Service Page */

    .menu_text h2 {
        margin-bottom: 32px;
    
    }
    .type1.custom_type-1 {
        margin-top: 68px;
    }

    .type1.custom_type-1 li{
        font-size: 21px;
    }

    
    .home-box-text h4 {
        font-size: 26px;
        line-height: 22px;
        padding: 10px;
    }

    .home-box-text ul{
        margin-top: 20px;
    }
    .home-box-text ul li {
        font-size: 20px;
        line-height: 28px;
    }

    .arrow.right.service-arrow {
        margin-top: 33%;
        margin-left: 110%;
    }

    .rrow.right.service-arrow:hover {
        margin-top: 33%;
        margin-left: 115%;
    }

    /* menu */

    .menu_text h2 {
        font-size: 55px;
        margin-bottom: 77px;
    }

    .first_text_slider h6 {
        line-height: 45px;
    }

    .first_text_slider h6 .text-slider-1 {
        font-size: 42px;
    }
    .first_text_slider h6 .text-slider-2 {
        font-size: 43px;
    }
    .first_text_slider h6 .text-slider-3 {
        font-size: 47px;
    }
    .first_text_slider h6 .text-slider-4 {
        font-size: 67px;
    }
    .first_text_slider h6 .text-slider-5 {
        font-size: 37px;
    }
    .first_text_slider h6 .text-slider-6 {
        font-size: 40px;
    }
    .first_text_slider h6 .text-slider-7 {
        font-size: 33px;
    }

    .menu-front-cover img {
        height: 463px;
    }

    .menu-overlay h1 {
        font-size: 57px;
    }

    .arrow.right.menu-arrow {
        margin-top: 33%;
        margin-left: 109%;
    }

    .arrow.right.menu-arrow:hover {
        margin-left: 111%;
    }

    .arrow.left.menu-arrow {
        margin-top: 33%;
        margin-left: -19%;
    }
    .arrow.left.menu-arrow:hover {
        margin-left: -21%;
    }

    .gallery a img{
        width: 33%;
    }

    /*Legacy*/
    .arrow.left.legacy_arrow {
        margin-left: -350px;
        margin-top: 290px;
    }

    .arrow.right.legacy_arrow {
        margin-left: 300px;
        margin-top: 290px;
    }
    .arrow.left.legacy_arrow:hover {
        margin-left: -360px;
    }

    .arrow.right.legacy_arrow:hover {
        margin-left: 310px;
    }

    /*Contact*/
    .arrow.left.contact-arrow {
        margin-left: -20%;
        margin-top: 3%;
    }

    .arrow.left.contact-arrow:hover {
        margin-left: -23%;
    }
}



/* Flip book arrow */
.flipbook-right-arrow{
    margin-right: 305px !important;
}

.flipbook-left-arrow{
    margin-left: 293px !important;
}