a[x-apple-data-detectors], a[href^="tel"] {
  color: inherit !important;
  text-decoration: none !important;
  font-size: inherit !important;
  font-family: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
}
body{
    margin: 0;
    padding: 0;
    font-size: 1.8vmin;
    line-height: 3vmin;
    color: white;
    font-family: 'Raleway', sans-serif;
    background-color: #3a3434;
}
header {    
    position: absolute;
    left: 10%;
    top: 0;
    width: 80%;
    display: flex;
    padding-top: 30px;
}
header div, header a {
    flex: 1 1 30%;
}
header a{
    text-align: center;
    text-decoration: none;
}
header .contact {
    text-align: right;
    margin-top: -30px;
    padding-top: 30px;
    display: flex;
    height: 21px;
    justify-content: flex-end;
}
.contact a {
    background: #ab6d38;
    color: white;
    margin-top: -30px;
    display: block;
    flex: 0 1 125px;
    display: flex;
    justify-content: center;
    align-items: flex-end;
}
.social a {
    margin-right: 10px;
}
main {
    width: 80%;
    margin: 0 auto;
    border: 1px solid white;
    outline-style: solid;
    outline-color: white;
    outline-offset: -8px;
    margin-top: 72px;
    padding: 50px 0;
}
nav ul {
    list-style: none;
    width: 90%;
    margin: 0 auto;
    border: solid 1px white;
    border-left: none;
    border-right: none;
    border-bottom: none;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
nav ul li {
    margin: 5px 1em;
}
nav ul li a{
    text-decoration: none;
    font-size: 1.3em;
    color: #f8f8f8;
}
nav ul li a:hover,
nav ul li a.over{
    color: #ab6d39;
}
nav#group ul li a{
    color: white;
    text-decoration: none;
    font-size: 1em;
}
nav#group ul li a:hover,
nav#group ul li a.over{
    color: #ab6d39;
}
.color_text {
  color: #ab6d39;
}
#banners {
    margin: 2% 0%;
    position: relative;
}
#banners img{
    width: 100%;
}
.cycle-pager {
    text-align: center;
    width: 100%;
    z-index: 500;
    position: absolute;
    bottom: 40px;
    overflow: hidden;
}
.cycle-pager span.cycle-pager-active {
    color: #D69746;
}
.cycle-pager span {
    font-size: 75px;
    width: 27px;
    height: 40px;
    display: inline-block;
    color: #ddd;
    cursor: pointer;
}
.banner_title {
  font-size: 1.5em;
  position: absolute;
  bottom: 17%;
  left: 0;
  width: 100%;
  padding: 0 11%;
  line-height: 5vmin;
  box-sizing: border-box;
  text-align: center;
  z-index: 9999999999999;
  text-transform: uppercase;
  font-weight: 100;
}

div#booking-form {
    width: 90%;
    margin: -65px auto 0 auto;
    background-color: #ab6d39;
    border: 1px solid white;
    padding: 5px;
    z-index: 999999999999999;
    position: relative;
}
#booking-form form {
    display: flex;
}
#booking-form form > div {
    border: solid 1px white;
    border-right: none;
    padding: 5px;
    flex: 1 1 auto;
    width: 10px;
}
#booking-form form > div:last-child {
    border: solid 1px white;
    display: flex;
}
#booking-form form div > label {
    display: block;
    font-size: 1.7vmin;
    color: #422711;
    text-align: center;
}
#booking-form form div > input {
    background: none;
    border: none;
    width: 100%;
    text-align: center;
    color: white;
}
#booking-form form div > input::-webkit-input-placeholder {
    color: #d4cfcf;
    opacity: 1;;
}
#booking-form form div > input:-moz-placeholder {
    color: #d4cfcf;
    opacity: 1;
}
#booking-form form div > input::-moz-placeholder {
    color: #d4cfcf;
    opacity: 1;
}
#booking-form form div > input:-ms-input-placeholder{
    color: #d4cfcf;
    opacity: 1;
}
#booking-form form div > input::-webkit-input-placeholder {
    color: #d4cfcf;
    opacity: 1;
}
#content{
    width: 90%;
    margin: 0 auto;
    padding: 2em 0 0;
    text-align: center;
}
#content>img {
    width: 100%;
}
.divider {
    width: 10%;
    height: 1px;
    background: #fff;
    margin: 3em auto;
}
section.side_style {
    padding: 2em 0 0;
}
section.side_style .row:nth-child(even) {
    flex-direction: row-reverse;
}
section.side_style ul { 
    margin: 0;
    padding-left: 0;
    list-style: none;
}
section.side_style .row{
    display: flex;
    text-align: center;
    border-bottom: solid 1px #3a3434
}
section.side_style .row div:first-child{
    flex: 1 0 66.5%;
}
section.side_style .row div:first-child img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
section.side_style .row div:last-child{
    flex: 1 0 33.5%;
    background: white;
    color: #3a3434;
    padding: 1em;
    box-sizing: border-box;
}
section.side_style .row .btn {
    /* display: flex; */
    /* justify-content: center; */
    /* align-items: center; */
    display: inline;
    padding: 0.5em 1em;
}
section.box_style {
    display: flex;
    flex-wrap: wrap;
}
section.box_style .box{
    flex: 1 0 31%;
    color: black;
    border-bottom: solid 1px black;
    text-align: center;
    padding: 1.5em;
    box-sizing: border-box;
}
section.box_style .amenities{
    flex: 1 0 100%;
    border: 0;
}
section.box_style .box .btn {
    /* display: flex; */
    /* justify-content: center; */
    /* align-items: center; */
    display: inline;
    padding: 0.5em 1em;
}
section.box_style .box h5{
    margin: 0 12%;
    padding: 0 0 0.8em 0;
    margin-bottom: 0.8em;
}
section.box_style .box.full_image{
    padding: 0;
}
section.box_style .box.full_image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
section.row_style {
    background: white;
    color: black;
    padding-bottom: 3em;
}
section.row_style .banner img{
    width: 100%;
    height: auto;
    object-fit: contain;
}
section.row_style .row_content {
    margin: 2em;
    border: solid 1px black;
    padding: 3em;
    text-align: center;
}
section.row_style .row_content h5{
    margin: 0 35%;
}
section.row_style .row_content:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
}
section.row_style .row_content .btn {
    /* display: flex; */
    /* justify-content: center; */
    /* align-items: center; */
    display: inline;
    padding: 0.5em 1em;
}
.row_content table {
    width: 100%;
    height: auto;
    margin: 3em 0;
}
.row_content table td {
    padding: .5em;
}
.row_content .t_second td {
    width: 13%;
}
section#gallery_thumb {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
a.galler_img_th {
    margin: 5px;
}
#gallery_thumb img {
    object-fit: cover;
    width: 300px;
    height: 300px;
}
form#contact_form label, form#contact_form input, form#contact_form textarea {
    display: block;
    text-align: left;
    width: 50%;
}
form#contact_form input.btn {
    width: 100px;
    text-align: center;
    margin: 20px 0;
}
form#contact_form textarea {
    height: 120px;
}
section.side_style h5.icon{
    padding: 0 0 0.8em 0;
}
#rooms section.side_style .row div p {
    padding: 0 18px;
}
footer {
    width: 90%;
    padding: 2% 5%;
    box-sizing: border-box;
    margin: 0 auto;
    background: black;
}
footer p{
    text-align: center;
}
nav#footer {
    display: flex;
    font-size: 1.4vmin;
}
nav#footer ul {
    width: 100%;
    margin: 0 auto;
    display: block;
    padding: 1em 0;    
}
nav#footer ul li {
    margin: 1px 0.6em;
}
h1,h2,h3{
    font-weight: 100;
}
h1{
    font-size: 1.8em;
    line-height: 1.05em;
    text-align: center;
}
h2{
    font-size: 1.2em;
    text-align: center;
    line-height: 1.45em;

}
h3{
    font-size: 1.1em;
    text-align: center;
    line-height: 1.3em;
    font-weight: 300;
}
h5 {
    font-size: 1.4em;
    border-bottom: solid 1px #3a3434;
    padding: 0.8em 0;
    margin: 0;
    margin-bottom: 0.8em;
    font-weight: 100;
}
p {
    margin: 0.5em 0;
}
.font_white h5{
    border-bottom: solid 1px white;
}
a{
    color: #ab6d39;

}
.border_white{
    outline-style: solid;
    outline-color: white;
    outline-offset: -8px;
    outline-width: 1px;
}
.border_black{
    outline-style: solid;
    outline-color: black;
    outline-offset: -8px;
    outline-width: 1px;
}
.font_white{
    color: white !important;
}

.bg_white{
    background-color: white;
}
.bg_exec{
    background-color: #ab6d39 !important;
}
.bg_gray{
    background-color: #a3a29d !important;
}
.bg_pink{
    background-color: #ebe7e2 !important;
}
.bg_blue{
    background-color: #9eb4c6 !important;
}
.btn{
    background-color: white;
    color: #3a3434;
/*    padding: 0.5em 3em 0.5em 1em;*/
    padding: 0.5em 1em;
    text-decoration: none;
    transition: all .2s ease-in-out;
    display: block;
    width: 9em;
    border: solid 1px #3a3434;
    position: relative;
}
.btn:hover{
    background-color: #3a3434;
    color: white;
}
.bg_white .btn:hover,
.bg_pink .btn:hover{
    color: gray;
}
.mobile-only,
.slicknav_menu {
    display: none;
}
.resp-container {
    position: relative;
    overflow: hidden;
    padding-top: 56.25%;
}
.resp-iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
.line {
    width: 100px;
    height: 1px;
}
.logo-mobile-wrap{
    display: none;   
}
@media only screen and (max-width: 970px) {
    section.side_style .row {
        flex-wrap: wrap;
        display: block;
    }
    section.box_style .box {
        flex: 1 0 49%;
    }
}

@media only screen and (max-width: 790px) {
    .banner_title {
      font-size: 1em;
      top: 27%;
    }
}
@media only screen and (max-width: 711px) {
    .desktop_only{
        display: none !important;
    }
    .mobile-only{
        display: block;
    }
    body{
        font-size: 4vmin;
        line-height: 6.4vmin;
    }
    h2{
        font-size: 1.2em;
        padding: 0 2em;
    }
    h3{
        padding: 0 2em;
    }    
    nav#footer {
        font-size: 0.8em;
    }    
    nav#footer ul{
        border: none;
    }
    nav#footer ul li {
        margin: 1px 0.6em;
        border-bottom: solid 1px white;
        padding: 0.2em 0
    }
    section.box_style .box {
        flex: 1 0 100%;
    }
    #banners{
        margin: 0;
    }
    #gallery_thumb img {
        object-fit: cover;
        width: 100%;
        height: 100%;
    }
    header{
        position: static;
        width: 100%;
    }
    /* #header-home .logo-mobile {
        top: 75px;
    }     */
    main{
        margin: 0;
        padding: 0;
        outline: none;
    }
    main, #content, footer{
        width: 100%;
        border: none;
    }
    .cycle-pager{
        bottom: 5px;
    }
    .mobile-only .btn{
        background-color: #ab6d39;
        width: 96%;
        color: white;
        margin: 2%;
        text-align: center;
        border: solid 1px white;
        outline-style: solid;
        outline-color: white;
        outline-offset: -8px;
        outline-width: 1px;
        text-transform: uppercase;
        box-sizing: border-box;
        padding: 1em;
    }
    .slicknav_menu{
        display: block;
        background: none !important;
        padding-top: unset;
        position: relative;
        z-index: 99;
    }
    .logo-mobile{
        display: block;
        position: absolute;
        z-index: 999;
        top: 15px;
        left: 20px;        
        height: 44px;
        width: 55%;
        background: url(../images/executive-hotel-pacific-logo.svg) no-repeat;        
    }
    .logo-mobile-wrap{
        /* padding-bottom: 30px;          */
        display: block;
    }
}