@media (max-width: 576px) {

   

    div.content-onesmall {
        display: none;
        position: absolute;
        z-index: 1
    }


    .sitesectionsmall {
        margin-top: 20px !important;
        float: left !important;
        width: 300px;
        box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
        background: #fff url('../../images/arrow.png') no-repeat right;
        color: #000;
        font-family: Montserrat;
        height: 50px;
        cursor: pointer;
    }

    .content-onesmall {
        background-color: #F6F6F6;
        font-family: "Open Sans";
        font-weight: bold;
        font-size: 18px;
        width: 230px;
        box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    }


        .content-onesmall ul li {
            list-style-type: none;
            margin-left: -20px !important;
            line-height: 38px
        }

        .content-onesmall li a {
            color: #AA1D00 !important;
            text-decoration: none;
        }

            .content-onesmall li a:hover {
                color: #000 !important;
                text-decoration: none
            }

    .expandsmall {
        padding: 14px;
    }


    .navbar-collapse{ background-color: #AA1D00!important; text-align:right;padding-right:20px;
    filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16)) !important; }

    .sitesection {
        margin: 35px auto;
        width: 300px !important;
        box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
        background: #fff url(../../images/arrow.png) no-repeat right;
        color: #000;
        font-family: Montserrat;
        height: 60px;
        cursor: pointer;
    }

    .content-one {
        background-color: #fff;
        font-family: "Open Sans";
        font-weight: bold;
        font-size: 22px;
        width: 227px !important;
    }


    .mt-5 {padding-top: 10px !important;}


    .navbar-light .navbar-nav .show > .nav-link,
    .navbar-light .navbar-nav .active > .nav-link,
    .navbar-light .navbar-nav .nav-link.show,
    .navbar-light .navbar-nav .nav-link.active {
        color: rgba(255,255,255, 0.9) !important;
    }

    .navbar-light .navbar-toggler {
        color: rgba(255,255,255, 0.9) !important;
        border-color: rgba(255,255,255, 0.9) !important;
    }

    .navbar-light .navbar-toggler-icon {
        background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255,255,255, 0.9)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    }

    .bgtop {
        height: 520px!important
    }

    .drpoptions {
        padding: 230px 0 40px 0 !important
    }

    .sitetitle {
        font-family:' Poppins';
        font-size: 20px !important;
        letter-spacing: 0.03em;
    }

    .footer {
        
        padding: 40px!important;
        
    }

    
}


@media (min-width: 1200px) {
    .container {
        max-width: 1274px;
    }
 

}




.bgtop {
    background-image: url('../../images/bg_front.jpg');
    background-size: cover;
    height: 700px;
    background-repeat: no-repeat;
    background-position: center center;
}


.bgtopinternal {
    background-image: url('../../images/bg_front.jpg');
    background-size: cover;
    height: 123px;
    background-repeat: no-repeat;
    background-position: center;
}

/*.navbar-brand{display:none!important}*/

 
.bg-light {background-color: transparent !important;}


.topnavbar{padding-top:30px!important}

.topnavbarinternal{padding-top:20px!important}

.topinternalspace{padding:60px 0 50px 0!important}


.mainnavegation {
    float: right !important;
    font-family: "Open Sans";
    font-weight: normal;
    font-size: 16px;
}

.navbar li {padding-left: 10px !important;  font-weight: bold;}



.semlslink a {
    color: #fff !important;
}

.semlslink a:hover{color:#000!important; }

.navbar-light .navbar-nav .show > .semlslink,
.navbar-light .navbar-nav .active > .semlslink,
.navbar-light .navbar-nav .semlslink.show,
.navbar-light .navbar-nav .semlslink.active {
    /*font-weight: bold!important;*/
}


/* CUSTOM STYLES */

body {
    font-family: "Open Sans";font-size:0.9em
}

       
    /* Dropdown Reservation */
    .sitetitle {
    font-family: 'Poppins'!important;
    font-size: 32px;
    letter-spacing: 0.03em;
}

.sitetitleblack {
    font-family: 'Poppins';
    font-weight: 600;
   
    text-align: left;
    color: #222;
}

h1.sitetitleblack {
    font-family: 'Poppins';
    font-weight: 600;
    font-size: 30px!important;
    text-align: left;
    color: #222;
}



h3.subtitleblack  {
    font-family: "Open Sans";
    font-weight: normal;
    font-size: 22px;
    text-align: center!important;
    color: #0d0d0d;
}



.mt-5 {padding-top: 150px ;}

/* dropdown big*/

div.content-one {
    display: none;
    position: absolute
}

.sitesection {
    margin: 35px auto;
    width: 400px;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    background: #fff url('../../images/arrow.png') no-repeat right;
    color: #000;
    font-family: Montserrat;
    height: 60px;
    cursor: pointer;
}

.content-one {
    background-color: #fff;
    font-family: 'Poppins' !important;
    font-weight: 700 !important;
    font-size: 20px;
    width: 327px;
}


    .content-one ul li {
        list-style-type: none;
        margin-left: -20px !important;
        line-height: 38px
    }

    .content-one li a {
        color: #AA1D00 !important;
        text-decoration: none;
        
    }

        .content-one li a:hover {
            color: #000 !important;
            text-decoration: none
        }

.expand{padding:19px}


/* Dropdown small */

div.content-onesmall {
    display: none;
    position: absolute;z-index:1
}

 


.sitesectionsmall {
    float: right;
    width: 300px;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    background: #fff url('../../images/arrow.png') no-repeat right;
    color: #000;
    font-family: Montserrat;
    height: 50px;
    cursor: pointer;
}

.content-onesmall {
    background-color: #F6F6F6;
    font-family: 'Poppins';
    font-weight: bold;
    font-size: 18px;
    width: 230px;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}


    .content-onesmall ul li {
        list-style-type: none;
        margin-left: -20px !important;
        line-height: 38px
    }

    .content-onesmall li a {
        color: #AA1D00 !important;
        text-decoration: none;
    }

        .content-onesmall li a:hover {
            color: #000 !important;
            text-decoration: none
        }

.expandsmall {
    padding: 14px;
}




 
.drpoptions {
    padding: 270px 0 40px 0
}


 
.connected {width:100%;background-color: #F6F6F6; height:370px;margin: 50px 0 0 0}

.footer {
     
    height: 210px;
    width: 100%;
    font-family: "Open Sans";
    font-weight: normal;
    font-size: 14px;
    text-align: left;
    color: #606060 !important;
    padding: 60px;
    background: #131313 url('../../images/footerbg.png') no-repeat left bottom;
}
.spacesm {
    padding-top: 90px
}

h2 {
    font-family: "Open Sans";
    font-weight: normal;
    font-size: 24px;
    text-align: center;
    color: #0d0d0d;
}

.formboxbtn {
    background-color: #AA1D00 !important;
    height: 58px !important;
    border-color: #AA1D00 !important;
    border-radius: 0 !important;
    filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16)) !important;
    margin-left: 0rem !important;
}


.formcontact button {
    background-color: #AA1D00 !important;
    /*height: 58px !important;*/
    border-color: #AA1D00 !important;
    border-radius: 0 !important;
    filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16)) !important;
    margin-left: 0rem !important;
}


input.formbox {
    width: 70% !important;
    text-align: left !important;
    height: 58px !important;
    background: #fff !important;
    filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16)) !important;
    color: #b9b8b8;
    font-size: 14px !important;
    border-radius: 0 !important;
    font-weight: 400;
}

.form-group {
    padding-top: 20px !important;
}


.boxstayconnected {
    margin-left: 10% !important;
    
}


.listingfront h3{font-size:20px}

.imageClip {
    width: 300px;
    height:auto;
    overflow: hidden; 
}

.listingfront {
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.22);
    margin: 0 0 40px 0;
    
}

.listingfull h3{font-size:20px}


.listingfull {
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.22);
    margin: 0 0 40px 0;
    padding:20px;
    line-height:26px; 
}

.listinfo{padding: 25px 10px 0 0!important;}

.listingfront > .col-3 {
    padding-left: 0 !important
}

.titleblue {color:#3B62CA;}


.shortdescription a{color:#AA1D00;font-weight:500}
.shortdescription a:hover{color:#000;font-weight:500}


.grayform{ background-color:#F6F6F6; padding:20px}

    .grayform button {
        background-color: #AA1D00 !important;
        /* height: 58px !important; */
        border-color: #AA1D00 !important;
        border-radius: 0 !important;
        filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16)) !important;
        margin-left: 0rem !important;
    }

.picgallery{
    margin-left: 5px!important
}

.linkred a{color:#AA1D00; font-size:13px!important;font-weight: 200;line-height:1px}