.navigation .navigation-inner .navigation-booking .booking-dropdown-form{
    display: none;
}

/*=======================================
BANNER CSS
=======================================*/
.banner{
    -webkit-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
    position: relative;
}
.banner .banner-content{
    height: 500px;
    background: url('../images/cb.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

.banner .banner-content::before{
    width: 100%;
    height: 100%;
    background: #1a1a1a;
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.5;
}

.banner .banner-content h4{
    color: #fff;
    font-family: 'Roboto',serif;
    opacity: 0.9;
    text-align: center;
    padding: 150px 0;
}

/*======================================
CONTACT CSS
======================================*/
.contact{
    margin-top: 25px;
}

.contact .contact-inner{
    width: 85%;
    margin: 0 auto;
}

.contact .contact-inner .contact-header h4{
    font-family: 'Roboto',serif;
    margin-bottom: 15px;
}

.contact .contact-inner .contact-col h5{
    font-family: 'Roboto',serif;
}

.contact .contact-inner .contact-col p{
    font-size: 14px;
    color: #999999;
    font-family: 'Roboto',serif;
}

.contact .contact-inner .contact-col span{
    font-family: 'Roboto',serif;
    font-size: 14px;
    color: #999999;
}

.contact .contact-inner .contact-col i.fa-map-marker-alt,
.contact .contact-inner .contact-col i.fa-phone,
.contact .contact-inner .contact-col i.fa-envelope,
.contact .contact-inner .contact-col i.fa-thumbs-up{
    color: #004d99;
    border: 1px solid #004d99;
    border-radius: 100%;
    padding: 8px 8px;
    margin-bottom: 5px;
}

.contact .contact-inner .contact-col i.fa-map-marker-alt{
    padding: 8px 9px;
}

.contact .contact-inner .contact-col .contact-col-nav li a{
    color: #004d99;
    font-family: 'Roboto',serif;
    font-size: 14px;
}

.contact .contact-inner .contact-col .contact-col-nav li a:hover{
    color: #0073e6;
}

.contact .contact-inner .contact-col ul li a i.fa-facebook{
    color: #3b5998;
}

.contact .contact-inner .contact-col ul li a i.fa-instagram{
    background-image: linear-gradient(180deg, #515bd4, #8134af,#dd2a7b,#feda77,#f58529);
    background-size: 100%;
    background-repeat: repeat;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; 
    -moz-background-clip: text;
    -moz-text-fill-color: transparent;
    background-clip: text;
}

/*========================================
FORM CSS
========================================*/
.form{
    margin-top: 25px;
    margin-bottom: 25px;
}

.form .form-inner{
    width: 85%;
    margin: 0 auto;
}

.form .form-inner .form-header h4{
    text-align: center;
    font-family: 'Roboto',serif;
}

.form .form-inner .form-col label{
    color: #999999;
    font-size: 14px;
    font-family: 'Roboto',serif;
}

.form .form-inner .form-col button{
    background: #004d99;
    color: #fff;
    font-family: "Roboto",serif;
}

.form .form-inner .form-col button:hover{
    background: #0073e6;
}

.form .form-inner .form-col input,
.form .form-inner .form-col textarea{
    font-size: 14px;
    font-family: 'Roboto',serif;
}

.iti{
    width: 100%;
}

/*========================================
MAP CSS
========================================*/
.map{
    z-index: 99999999;
}

.map .map-content iframe{
    width: 100%;
    height: 500px;
}

.map .map-content .mapouter{
    position:relative;
    text-align:right;
    height:500px;
    width:100%;
}

.map .map-content .gmap_canvas {
    overflow:hidden;
    background:none!important;
    height:500px;
    width:100%;
}