/* app */
body {
    background-color: #2c343d;
    font-size: 13px;
}
h1 {}
h2 {
    font-size: 15px;
    padding: 2px 5px 2px 10px;
    color: #555;
}
h3 {
    font-size: 18px;
    margin: 30px 0 0 10px;
}
sup {
    vertical-align: super;
    font-size: smaller;
}
.home-page .app {padding-top:100px;}
.container,
.menu-list {/*
    -webkit-overflow-scrolling: touch;
    -webkit-transform: translate3d(0, 0, 0);*/
    background-color:#fff;
}
.container *,
.menu-list * {/*
    -webkit-transform: translateZ(0px);
    -webkit-user-select: none;
    -webkit-touch-callout: none;
    -webkit-overflow-scrolling: touch;*/
}
.app {
    transition: margin-left 0.3s ease 0s;
    -webkit-transition: margin-left 0.3s ease 0s;
}
.header {
    border-bottom:0px;
    height:44px;
    box-shadow:none;
    background-image: none;
}
.header-title {
    text-shadow: none;
    font-weight: normal;
}
.header .back, .header-title {
    color: #555;
}
.container {overflow-y: auto;}
.footer {
    background-image: none;
    border-top:0px;
}

/*  HOME PAGE */
#homePageWrapper .header,
#homePageWrapper .header .header-title img {
    height:100px;
}
#homePageWrapper .container {
    background-size: 100% !important;
}
#homePageWrapper .boxed-list {
    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
    box-shadow: none;
    -webkit-box-shadow: none;
    background: transparent !important;
    border: 0;
    margin: 40px 2% 0;
    overflow: hidden;
}
#homePageWrapper .boxed-list-row {
    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
    display: block;
    width: 46%;
    margin: 2%;
    padding: 0;
    float: left;
    border-top: 0 !important;
    border-bottom: 0 !important;
    border-radius: 0 !important;
    text-shadow: none;
}
#homePageWrapper .boxed-list-row:first-child,
#homePageWrapper .boxed-list-row:last-child {
    border-radius: 0;
}
#homePageWrapper .boxed-list-link {
    font-weight: normal !important;
    background-color: rgba(0,0,0,.7);
    padding: 0 10px;
    font-size:14px;
}
#homePageWrapper .boxed-list-link:after {
    color: inherit !important;
}
#homePageWrapper .booking-button {
    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
    display: block;
    clear: both;
    height: auto;
    margin: 2% 4% 50px;
    padding: 8px 0;
    text-shadow: none;
    width: 92%;
}
.home-social-links {
    margin: 20px;
    overflow: hidden;
    text-align:center;
}
.home-social-links .list-item {
    position:relative;
    display:inline-block;
    text-align:center;
}
/* ---------------------------------------------------------------------------------------------- */
a {font-weight: normal;}
.list-thumb {border-color: #d2d2d2;}
.list {
    border-top: 1px solid #d2d2d2;
    border-bottom: 1px solid #d2d2d2;
    box-shadow: inset 0 1px rgba(255,255,255,0.5);
    background-color:#fff;
}
.list-row:nth-child(2n) {
    background-color:#fff;
}
.list-row+.list-row {
    border-top: 1px solid #d2d2d2;
}
.list-row:active {
    background: #d6e0e3 !important;
    color: #888;
    text-shadow: 0 1px white;
    box-shadow: none;
}
.list-row:active>.list-title {
    color: #555;
}
.list-row a {
    outline: none;
    display: block;
    overflow: hidden;
}
.dropdown {
    display: inline-block;
    position: relative;
    overflow: hidden;
    height: 32px;
    width: 110px;
    margin: 7px 6px 0 4px;
}
.dropdown-select option:first-child {display: none;}
.dropdown:before, .dropdown:after {
    content: '';
    position: absolute;
    z-index: 2;
    top: 9px;
    right: 10px;
    width: 0;
    height: 0;
    border: 4px dashed;
    border-color: #fff transparent;
    pointer-events: none;
}
.dropdown:before {
    border-bottom-style: solid;
    border-top: none;
}
.dropdown:after {
    margin-top: 7px;
    border-top-style: solid;
    border-bottom: none;
}
.dropdown-select {
    position: relative;
    width: 130%;
    margin: 0;
    padding: 6px 8px 6px 10px;
    height: 32px;
    line-height: 16px;
    font-size: 16px;
    color: #fff;
    text-shadow: 0 1px white;
    border: 0;
    border-radius: 0;
    -webkit-appearance: none;
}
.dropdown-select:focus {
    z-index: 3;
    width: 100%;
    color: #394349;
    outline: 2px solid #49aff2;
    outline: 2px solid -webkit-focus-ring-color;
    outline-offset: -2px;
}
.dropdown-select > option {
    margin: 3px;
    padding: 6px 8px;
    border-radius: 3px;
    cursor: pointer;
}
/* Fix for IE 8 putting the arrows behind the select element. */
.lt-ie9 .dropdown {
    z-index: 1;
}
.lt-ie9 .dropdown-select {
    z-index: -1;
}
.lt-ie9 .dropdown-select:focus {
    z-index: 3;
}
/* Dirty fix for Firefox adding padding where it shouldn't. */
@-moz-document url-prefix() {
  .dropdown-select {
    padding-left: 6px;
  }
}
.dropdown-dark {
    background: #0a0a0a;
}
.dropdown-dark:before {
    border-bottom-color: #fff;
}
.dropdown-dark:after {
    border-top-color: #fff;
}
.dropdown-dark .dropdown-select {
    text-shadow:none;
    background: #3B454F;
}
.dropdown-dark .dropdown-select:focus {
    color: #ccc;
}
.dropdown-dark .dropdown-select > option {
    text-shadow: none;
}
/* buttons */
.button {
    background: #7CBC0A;
    color: #fff;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-weight: normal;
    text-shadow: none;
    box-shadow: none;
    border:0px;
    border-radius: 0px;
}
.button:active {
    background: #b4f346;
    text-shadow: none;
    box-shadow: none;
    border:0px;
    border-radius: 0px;
}
/* botonera del footer de la homepage*/
.button-footer {
    float: right;
    position: relative;
    height: 31px;
    margin: 8px 8px 0 0;
}
.button-footer a {
    font-size: 12px;
    text-decoration: none;
    position: relative;
    line-height: 30px;
    padding: 0 15px;
    color: #fff;
}
/* OFFERPAGE */
.offers-page .list,
.offer-detail-page .list {
    min-height: 0;
}
.offers-page .list-row,
.room-detail-page .list-row {
    padding:0 30px 0 0;
    line-height: 15px;
}
.offers-page .list-row .list-thumb,
.room-detail-page .list-row .list-thumb {
    border:0px;
    border-radius:0px;
    width:70px;
    height:90px;
    margin-right: 8px;
}
.offers-page .list-row .list-title,
.room-detail-page .list-row .list-title{
    margin: 7px 0 3px;
}
.offers-page .list-thumb img,
.offer-detail-page .list-thumb img {
    height: inherit;
    width: inherit;
}
.offer-detail-page .list {
    background-color: transparent;
}
.offer-detail-page .list-row {
    padding: 0;
    line-height: 19px;
}
.offer-detail-page .list-row:after {
    /* Modify list items: without arrows */
    content: none !important;
}
.offer-detail-page .list-row .list-thumb {
    border: 0;
    width: 80px;
    height: 70px
}
.offer-detail-page .list-row .list-title {
    margin-top:5px;
}
.offers-page p,
.offer-detail-page p,
.rooms-page p,
.room-detail-page p {margin:10px;}
/* OFFERDETAILPAGE / ROOMDETAILPAGE */
.offer-detail-page .back,
.room-detail-page .back {
    width: 34px;
    height: 33px;
    display: inline-block;
    position: absolute;
    top: 6px;
    left: 4px;
    line-height: 33px;
    color: #FFF;
    z-index: 2;
}
.offer-detail-page .header h1,
.room-detail-page .header h1 {z-index:1;}
.offer-detail-page .offer-wrapper,
.room-detail-page .room-wrapper {
    position: relative;
}
.offer-detail-page .offer-wrapper .offer-photo {
    display: inline-block;
    width: 50%;
}
.offer-detail-page .offer-wrapper .offer-photo img {
    width: 100%;
}
.offer-detail-page .offer-wrapper .offer-features-wrapper {
    position: absolute;
    right: 0px;
    top: 20px;
    display: inline-block;
    width: 50%;
}
.offer-detail-page .offer-wrapper .offer-features-wrapper .main-box {
    font-size: 1.2em;
}
.offer-detail-page .offer-wrapper .offer-features-wrapper span {
    font-weight: bold;
    display: inline-block;
    margin: 0 0 5px 10px;
}
.offer-detail-page .offer-wrapper .offer-features-wrapper .restriction {
    font-weight: normal;
}
.offer-detail-page .offer-wrapper .booking-button,
.room-detail-page .offer-wrapper .booking-button {
    position: absolute;
    bottom:6px;
    right: 10px;
    height: auto;
    margin: 0px;
    padding: 8px 0;
    width: 45%;
}
.offer-detail-page .offer-room-img {
    margin: 10px 10px 0 10px;
}
.offer-detail-page .offer-room-img img {
    width: 100%;
    border: 1px solid #3B3B3B;
}
.offer-detail-page .offer-room-img p {
    margin: 10px 0 0;
}
.offer-detail-page .extra-list {
    margin-top: 10px;
}
.offer-detail-page .extra-list li {
    margin: 10px 0 0 30px;
    list-style: disc;
}
.offer-detail-page .booking-button.bottom,
.room-detail-page .booking-button.bottom {
    height: auto;
    padding: 8px 0px;
    width: 95%;
    margin: 40px auto;
    display: block;
}
.offer-detail-page .offer-pdf-link a{
    text-decoration: underline;
}
.offer-detail-page .offer-pdf-link a:link {
    color: #0000EE;
}
.offer-detail-page .offer-pdf-link a:visited {
    color: #551A8B;
}

/* ROOMPAGE */
.room-detail-page .room-wrapper {padding-top:0px;}
.rooms-page .list-row {
    padding:0 30px 0 0;
}
.rooms-page .list,
.room-detail-page .list {
    min-height: 0;
}
.rooms-page .list-thumb img,
.room-detail-page .list-thumb img {
    height: inherit;
    width: inherit;
}
.rooms-page .list .list-title {
    margin-bottom: 0px;
    margin-top: 4px;
    font-size: 15px;
    line-height: 15px;
}
.rooms-page .list .list-thumb {
    border: 0px;
    border-radius: 0px;
    width: 120px;
    height: 85px;
    margin-right: 8px;
    background: #ddd;
}
.rooms-page .list .rooms-description {
    margin-left: 128px;
    font-size: 12px;
    margin-top: 10px;
}
.rooms-page .rooms-description li {
    display: inline-block;
    width: 100%;
    text-align: left;
    margin-top: 1px;
    vertical-align: top;
}
.rooms-page .rooms-description li span {
    vertical-align: middle;
    line-height: 15px;
    font-size: 11px;
}
/* ROOMDETAILPAGE */
.room-detail-page .room-wrapper .room-photo {
    width: 100%;
}
.room-detail-page .room-wrapper .room-photo img {
    width: 100%;
}
.room-detail-page .room-wrapper .room-photo #galleryOverlay {
    width:100%;
    height:200px;
    -moz-transition:opacity 1s ease;
    -webkit-transition:opacity 1s ease;
    transition:opacity 1s ease;
}
.room-detail-page .room-wrapper .room-photo #gallerySlider {
    width:100%;
    position:absolute;
    left:0px;
    white-space:nowrap;
    -moz-transition:left 0.4s ease;
    -webkit-transition:left 0.4s ease;
    transition:left 0.4s ease;
}
.room-detail-page .room-wrapper .room-photo #gallerySlider .placeholder {
    height: 100%;
    line-height: 1px;
    text-align: center;
    width:100%;
    display:inline-block;
    margin-right: -4px;
    position:relative;
}
.room-detail-page .room-wrapper .room-photo #gallerySlider .placeholder img {
    display: inline-block;
    width: 100%;
}
.room-detail-page .room-wrapper .room-photo #gallerySlider .placeholder span {
    position: absolute;
    right: 15px;
    bottom: 15px;
    background-color: #fff;
    width: 40px;
    line-height: 22px;
    opacity: 0.8;
}
.room-detail-page .room-wrapper .room-photo #gallerySlider.rightSpring {
    -moz-animation: rightSpring 0.3s;
    -webkit-animation: rightSpring 0.3s;
}
.room-detail-page .room-wrapper .room-photo #gallerySlider.leftSpring {
    -moz-animation: leftSpring 0.3s;
    -webkit-animation: leftSpring 0.3s;
}
/* Firefox Keyframe Animations */
@-moz-keyframes rightSpring {
    0%{margin-left:0px;}
    50%{margin-left:-30px;}
    100%{margin-left:0px;}
}
@-moz-keyframes leftSpring {
    0%{margin-left:0px;}
    50%{margin-left:30px;}
    100%{margin-left:0px;}
}
/* Safari and Chrome Keyframe Animations */
@-webkit-keyframes rightSpring {
    0%{margin-left:0px;}
    50%{margin-left:-30px;}
    100%{margin-left:0px;}
}
@-webkit-keyframes leftSpring {
    0%{margin-left:0px;}
    50%{margin-left:30px;}
    100%{margin-left:0px;}
}
.room-detail-page .room-wrapper .room-box-detail {
    margin: 0 10px;
}
.room-detail-page .room-wrapper .room-box-detail ul li table {
    width: 100%;
}
.room-detail-page .room-wrapper .room-box-detail ul li table th {
    background-color: #f0f0f0;
}
.room-detail-page .room-wrapper .room-box-detail ul li table th,
.room-detail-page .room-wrapper .room-box-detail ul li table td {
    border-collapse: separate;
    border: 1px solid #dedede;
    text-align: center;
    padding: 3px;
}.room-detail-page .room-wrapper .room-box-detail li {
    margin:10px 0;
}
.room-detail-page .room-wrapper .room-box-detail strong {
    font-weight: bold;
}
.room-detail-page .room-wrapper .room-box-detail ul li div.distribution-box > div {display:inline-block;}
.room-detail-page .room-wrapper .room-box-detail ul li div.distribution-box > div span {
    display:inline-block;
    vertical-align:middle;
    margin: 0 5px;
}
.room-detail-page .room-wrapper .room-box-detail ul li div span.ico {
    width: 80px;
    height: 80px;
    background-color: #fff;
    border-radius: 40px;
    background-image: url('/img/beds-distribution.png');
    background-repeat: no-repeat;
    background-attachment: scroll;
    padding: 0;
}
.room-detail-page .room-wrapper .room-box-detail ul li div span.ico.beds-1-0 {
    background-position: 5px 5px;
}
.room-detail-page .room-wrapper .room-box-detail ul li div span.ico.beds-2-0 {
    background-position: 5px -65px;
}
.room-detail-page .room-wrapper .room-box-detail ul li div span.ico.beds-1-1 {
    background-position: 5px -135px;
}
.room-detail-page .room-wrapper .room-box-detail ul li div span.ico.beds-1-2 {
    background-position: 5px -205px;
}
.room-detail-page .room-wrapper .room-box-detail ul li div span.ico.beds-0-1 {
    background-position: 5px -275px;
}
.room-detail-page .room-wrapper .room-box-detail ul li div span.ico.beds-0-2 {
    background-position: 5px -345px;
}
.room-detail-page .room-wrapper .room-box-detail ul li div span.ico.beds-0-3 {
    background-position: 5px -415px;
}
.room-detail-page .room-wrapper .room-box-detail ul li div span.ico.beds-0-4 {
    background-position: 5px -485px;
}
.room-detail-page .room-wrapper .room-box-detail ul li div.distribution-box span:last-child {
    display:none !important;
}
.room-detail-page .box-price,
.room-detail-page .price-description {
    text-align: center;
    font-weight: bold;
    font-size: 16px;
}
.room-detail-page .box-price {
    margin-top: 20px;
    margin-bottom: 0px;
}
.room-detail-page .price-description {
    margin-top: 0px;
    margin-bottom: 0px;
}
.room-detail-page .services {
    margin-top: 10px;
}
.room-detail-page .services li {
    margin: 10px 0 0 30px;
    list-style: disc;
}
/* LOCATIONPAGE */
#map, #mapCanvas {
    width: 100%;
    height: 100%;
}
/* CONTACTPAGE */
.contact-page .list {min-height: 0;}
.contact-page .list-thumb {
    background: none;
    border:0px;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-right: 5px;
}
.contact-page .list-thumb i {
    font-size: 48px;
    margin-left: 5px;
    line-height: 57px;
}
.contact-page .list-thumb i.icon-map-marker {
    margin-left:2px;
}
.contact-page .list-thumb i.icon-emailalt {
    line-height: 50px;
}
.contact-page .footer-link.contact-link {
    cursor:default;
    color: #EEE;
    background: #2D343D;
    background-image: -webkit-linear-gradient(top, #2B323A,#424C57);
    background-image: -moz-linear-gradient(top, #2b323a,#424c57);
    background-image: -o-linear-gradient(top, #2b323a,#424c57);
    background-image: linear-gradient(to bottom, #2B323A,#424C57);
    -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.2);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.2);
}
/* INFOPAGE */
.info-page p {margin:10px;}
/* LEGAL NOTICE */
.legal-notice-page .container {
    padding: 0 10px;
}
.legal-notice-page .container h2 {
    margin: 0 -10px;
}
.legal-notice-page .nav-tabs {
    margin: 0 10px;
    list-style-type: square;
    padding-left: 16px;
}
.legal-notice-page .nav-tabs li {
    text-decoration: underline;
    margin: 20px 0;
}
.legal-notice-page .tab-content .tab-pane {
    margin: 20px 10PX 10px;
}
/* PHOTOPAGE */
.gallery {
    list-style: none outside none;
    margin: 0 1px;
    padding: 0;
}
.gallery:after {
    clear: both;
    content: '.';
    display: block;
    height: 0;
    visibility: hidden;
}
.gallery li {
    float: left;
    width: 50%;
}
.gallery li a {
    display: block;
    margin: 2px;
}
.gallery li img {
    display: block;
    height: auto;
    width: 100%;
}
/* SOCIAL MEDIA */
.social-page .list {min-height: 0;}
.social-page .social-media-icon {
    display:inline-block;
}
.social-page .list .list-title {
    margin: 0 0 13px 10px;
    display: inline-block;
    vertical-align: middle;
}

/* 404 PAGE + ERROR PAGE */
.not-found-page .text p,
.error-page .text p {
    font-size: 2em;
    line-height: 3em;
    margin: 2em auto 1em;
    text-align: center;
}
.error-page .text p {color: red;}
.not-found-page .text strong,
.error-page .text strong {
    font-size: 3em;
    font-weight: bold;
}
.not-found-page .text em,
.error-page .text em {
    font-weight: bold;
}
/* footer */
.footer.inner-footer .footer-link {
    font-size: 11px;
    text-shadow: none;
    font-weight: normal;
    border-left: 0px;
    box-shadow: none;
    color: #fff;
}
.footer.inner-footer [class^="icon-"],
.footer.inner-footer [class*=" icon-"] {
    display: block;
    line-height: 30px;
    font-size: 21px;
    margin: 0px;
}
.footer.inner-footer .icon-home {
    border:0px;
    -webkit-box-shadow: none;
    box-shadow: none;
}
/* NAVIGATION MENU */
#menu {text-shadow: none;}
.menu .menu-list {
    background-color:#F4F4F4;
    color:#fff;
}
.menu .menu-list li.menu-title {
    background-color: #0084bb;
    color: #fff;
    font-size: 16px;
    padding: 10px 14px;
}
.menu .menu-list li {
    width: 99%;
    color: #3b3b3b;
    padding: 0 0 0 14px;
    border-bottom: 1px solid #ddd;
    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
.menu .menu-list li:last-child {
    text-align: right;
    line-height: 42px;
    padding-right: 14px;
    border-bottom:0;
}
.menu .menu-list li .menu-link {
    font-weight: normal;
    box-shadow: none;
    color:inherit;
    border-bottom:0;
    padding:0;
    display:inline;
    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
    -webkit-box-shadow: none;
}
.menu .menu-list li .menu-link:active, .menu .menu-list li .menu-link.active {
   background: transparent;
   background-image: none;
   text-decoration: underline;
}
.home-page .menu .menu-list li.index,
.offers-page .menu .menu-list li.offers,
.location-page .menu .menu-list li.location,
.contact-page .menu .menu-list li.contact,
.info-page .menu .menu-list li.info,
.photos-page .menu .menu-list li.photos,
.legal-notice-page .menu .menu-list li.notice,
.social-page .menu .menu-list li.social,
.rooms-page .menu .menu-list li.rooms {display:none;}
.menu .menu-bottom {
    background-image: none;
    background-color: #3b454e;
    border-top: 0px;
}
.menu .menu-bottom li {width:99%;}
.menu .menu-bottom li a {
    text-align: right;
    font-size: 16px;
    padding: 7px 14px;
    color: #fff;
    float: right;
}
.menu:after {
    width: 0%;
}
.menu ~ .app {margin-left: 99%;}
/* ---------------------------------------------------------------------------------------------- */
/* page animations */
.showAnimated {
    display: block;
}
.hideAnimated {
    display: none;
}
/* ---------------------------------------------------------------------------------------------- */
/* Icons Fonts Flaticon */
@font-face {
    font-family: "Flaticon";
    src: url("font/flaticon.eot");
    src: url("font/flaticon.eot#iefix") format("embedded-opentype"),
         url("font/flaticon.ttf") format("truetype"),
         url("font/flaticon.woff") format("woff"),
         url("font/flaticon.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}
[class^="icon-"], [class*=" icon-"] {
    background:none;
    width:auto;
    height:auto;
    font-style:normal;
    font-size: 20px;
    color:-webkit-linear-gradient(#647aab, #2c467e)
}
[class^="icon-"]:before, [class*=" icon-"]:before,
[class^="icon-"]:after, [class*=" icon-"]:after {
    font-family: Flaticon;
    speak: none;
}
.icon-index:before {content:'\e006';}
.contact-link .icon-contact:before {content:'\e000';}
.icon-call10:before {content:'\e002';}
.icon-shopping-cart:before {content:'\e001';}
.icon-lines7:before {content:'\e00a';}
.icon-room-occupancies:before {content:'\e00f';font-size: 17px; color: #B8B8B8;}
.icon-room-size:before {content:'\e007';font-size: 17px; color: #B8B8B8;}
.icon-map-marker:before {content:'\e005';}
.icon-phonebookalt:before {content:'\e002'}
.icon-emailalt:before {content:'\e003'}
.icon-gpsoff-gps:before {content:'\e004'}
.icon-chevron-left:before {content:'\e009';font-size: 16px;}

.stars-1:after {font-family:Flaticon;content:'\e00c';font-size: 16px;}
.stars-2:after {font-family:Flaticon;content:'\e00c\e00c';font-size: 16px;}
.stars-3:after {font-family:Flaticon;content:'\e00c\e00c\e00c';font-size: 16px;}
.stars-4:after {font-family:Flaticon;content:'\e00c\e00c\e00c\e00c';font-size: 16px;}
.stars-5:after {font-family:Flaticon;content:'\e00c\e00c\e00c\e00c\e00c';font-size: 16px;}

@font-face {
    font-family: 'SocialMedia';
    src: url('font/social-media.eot');
    src: url('font/social-media.eot#iefix') format('embedded-opentype'),
         url('font/social-media.woff') format('woff'),
         url('font/social-media.ttf') format('truetype'),
         url('font/social-media.svg#Flaticon') format('svg');
    font-weight: normal;
    font-style: normal;
}

.social-media-icon:before {
    color: #ffffff;
    display: inline-block;
    font-family: "SocialMedia";
    font-size: 30px;
    line-height: normal;
    margin: 0 3px 6px;
    padding: 10px;
    speak: none;
}

.facebook:before {
    background-color: #3b5998;
    content: "\e000" !important;
}

.flickr:before {
    background-color: #72858c;
    content: "\e001" !important;
}

.foursquare:before {
    background-color: #1b6cb4;
    content: "\e002" !important;
}

.googleplus:before {
    background-color: #d13f2d;
    content: "\e003" !important;
}

.instagram:before {
    background-color: #612e00;
    content: "\e004" !important;
}

.linkedin:before {
    background-color: #0275b6;
    content: "\e005" !important;
}

.wordpress:before {
    background-color: #21759b;
    content: "\e006" !important;
}

.pinterest:before {
    background-color: #cb1f26;
    content: "\e007" !important;
}

.rss:before {
    background-color: #ff6600;
    content: "\e008" !important;
}

.skype:before {
    background-color: #03aceb;
    content: "\e009" !important;
}

.blog:before {
    background-color: #ff6600;
    content: "\e00a" !important;
}

.delicious:before {
    background-color: #3274d0;
    content: "\e00b" !important;
}

.picassa:before {
    background-color: #72858c;
    content: "\e00c" !important;
}

.tripadvisor:before {
    background-color: #009966;
    content: "\e00d" !important;
}

.twitter:before {
    background-color: #54d0f7;
    content: "\e00e" !important;
}

.vk:before {
    background-color: #6482b3;
    content: "\e00f" !important;
}

.youtube:before {
    background-color: #ce332d;
    content: "\e010" !important;
}

/* Splash Screen */
#splash {
    background: #e32d40;/* Customized styles by Client css */
    color: #fff;
    width: 100%;
    height: 100%;
    overflow: hidden;
    padding: 0;
    margin: 0;
    position: relative;
}
#splash:before {
    content: "";/* Customized content by Client css */
    position: absolute;
    top: 20px;
    left: 0;
    width: 100% !important;
    text-align: center;
    font: normal bold 2em/2.5em Arial, sans-serif;
}
/* @TODO: move this code to a new mobile-client.css file */
/* Splash Screen */
body #splash {
    background: #999;/* Customize styles */
    color: #fff;
}
body #splash:before {
    content: "";/* Hotel Name here */
    top: 20px;
    font: normal bold 2em/2.5em Arial, sans-serif;
}
#preview-area {
    width: 60px;
    height: 60px;
    position: absolute;
    top: 0; left: 0; bottom: 60px; right: 0;
    margin: auto auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
#spinners {
    width: 1000px;
    height: 60px;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: left;
    font-size: 0;
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}
#spinners li {
    height: 60px;
    width: 60px;
    right: 0;
    left: 0;
    z-index: 10;
    margin-right: 40px;
    display: inline-block;
    position: relative;

    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}
.rectangle-bounce {
    text-align: center;
}
.rectangle-bounce div {
    height: 100%;
    width: 7px;
    margin: 0 3px 0 0;
    background-color: #fff;
    display: inline-block;

    -webkit-animation: stretchdelay 1.2s infinite ease-in-out;
    animation: stretchdelay 1.2s infinite ease-in-out;
}
.rectangle-bounce .rect2 {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
}
.rectangle-bounce .rect3 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}
.rectangle-bounce .rect4 {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}
.rectangle-bounce .rect5 {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
}
@-webkit-keyframes stretchdelay {
    0%, 40%, 100% { -webkit-transform: scaleY(0.4) }
    20% { -webkit-transform: scaleY(1.0) }
}
@keyframes stretchdelay {
    0%, 40%, 100% {
        transform: scaleY(0.4);
        -webkit-transform: scaleY(0.4);
    }  20% {
        transform: scaleY(1.0);
        -webkit-transform: scaleY(1.0)
    }
}