@import url('https://fonts.googleapis.com/css?family=Playfair+Display:400,700,900|Raleway:300,400,500,600,700,900|Source+Sans+Pro:300,400,600,700,900');

.clear,.clearfix {clear: both}
::-moz-selection {background: #00b0ff; color: #fff; text-shadow: none;}
::selection {background: #00b0ff; color: #fff; text-shadow: none;}
.no-mar {margin: 0!important;}
.no-pad {padding: 0!important;}
div#preloader {background: #000 url("/images/loader.gif") no-repeat scroll center center; height: 100%; left: 0; overflow: visible; position: fixed; top: 0; width: 100%; z-index: 999;}
header.navbar-fixed-top {animation-duration: 0.8s; animation-name: fadeInDown; animation-timing-function: ease-in-out; box-shadow: 0 4px 12px -4px rgba(0, 0, 0, 0.75); left: 0; padding-top: 20px; position: fixed !important; right: 0; top: 0; width: 100%; z-index: 999;}
.mar-bot-50 {margin-bottom: 50px;}
.mar-bot-40 {margin-bottom: 40px;}
.mar-bot-35 {margin-bottom: 35px;}
.mar-bot-30 {margin-bottom: 30px;}
.mar-top-30 {margin-top: 30px;}
.mar-top-80 {margin-top: 80px;}
.mar-top-80 {margin-top: 80px;}
.mar-top-55 {margin-top: 55px;}
.mar-top-108 {margin-top: 108px;}
.mt50,.mt-5 {margin-top:50px !important;}
.mt30,.mt-3 {margin-top:30px !important;}
.mt20,.mt-2 {margin-top:20px !important;}
.mb50,.mb-5 {margin-bottom:50px !important;}
.mb20,.mb-2 {margin-bottom:20px !important;}
.mb30,.mb-3 {margin-bottom:30px !important;}
.mr10 {margin-right:10px;}
.mr15 {margin-right:15px;}
.w100 {width: 100% !important;}
.text-left {text-align: left;}
.text-center {text-align: center;}
.text-right {text-align: right;}
*, *:before, *:after {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
*:focus {outline: 0;}
html {font-size: 62.5%; -webkit-font-smoothing: antialiased;}
body {background: #fff; font-weight: normal; font-size: 15px; letter-spacing: 1.5px; color: #888; line-height: 30px; -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
    -webkit-text-size-adjust: 100%;}
img {max-width: 100%; height: auto;}
button, input, textarea {letter-spacing: 1px;}
.bg-with-black {position: relative;}
.bg-with-black::before {background: #000 none repeat scroll 0 0; content: ""; height: 100%; left: 0; opacity: 0.8; position: absolute; top: 0; width: 100%; z-index: 0;}
.bg-with-white {position: relative;}
.bg-with-white::before {background: #fff none repeat scroll 0 0; content: ""; height: 100%; left: 0; opacity: 0.3; position: absolute; top: 0; width: 100%; z-index: 0;}
.bg-with-blue {position: relative;}
.bg-with-blue::before {background: #00bff3 none repeat scroll 0 0; content: ""; height: 100%; left: 0; opacity: 0.6; position: absolute; top: 0; width: 100%; z-index: 0;}
.hvr-bs:hover {box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
.ui-widget-header .ui-icon {background-image: url("/images/ui-icons.png");}
.bgaw {background-color:#faebd7;}
.bgawover:hover {background-color:#fff2e0; cursor:pointer;}
.error {color:red;}

body {font-family: 'Source Sans Pro', sans-serif;}
h1, h2, h3, h4, h5, h6 {margin: 0; font-family: 'Playfair Display', serif; font-weight: 700; color: #000; letter-spacing: 1.5px;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {font-weight: inherit; font-family: 'Raleway', sans-serif;}
h1 {font-size: 36px; line-height: 70px; letter-spacing: 1px; margin-bottom: 0px;}
h2 {font-size: 22px; line-height: 24px; margin-bottom: 0px;}
h3 {font-size: 24px; line-height: 30px; margin-bottom: 0px;}
h4 {font-size: 20px; line-height: 27px;}
h5 {font-size: 16px; line-height: 24px;}
h6 {font-size: 14px; line-height: 24px;}
p {font-family: 'Source Sans Pro', sans-serif; font-size: 14px; font-weight: normal; letter-spacing: 0; line-height: 28px; margin: 0;}
p img {margin: 0;}
span {font-family: 'Raleway', sans-serif;}
text-lobster {font-family: 'Lobster Two', cursive !important;}

em {font: 15px/30px;}
strong, b {font: 15px/30px;}
small {font-size: 11px; line-height: inherit;}
blockquote {border-left: 0 none; font-family: 'Source Sans Pro', sans-serif; margin: 10px 0; padding-left: 40px; position: relative;}
blockquote::before {color: #4e5665; content: ""; font-family: FontAwesome; font-size: 36px; left: 20px; line-height: 0; margin: 0; opacity: 0.5; position: absolute; top: 20px;}
blockquote p {font-style: italic; padding: 0; font-size: 18px; line-height: 36px;}
blockquote cite {display: block; font-size: 12px; font-style: normal; line-height: 18px;}
blockquote cite:before {content: "\2014 \0020";}
blockquote cite a, blockquote cite a:visited {color: #8B9798; border: none}
abbr {color: #444; font-weight: 700; font-variant: small-caps; text-transform: lowercase; letter-spacing: .6px;}
abbr:hover {cursor: help;}

a, a:visited {text-decoration: none; font-family: 'Source Sans Pro', sans-serif; font-weight: normal; font-size: 12px; color: #111; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; outline: 0;}
a:hover, a:active {color: #b58a60; text-decoration: none; outline: 0;}
a:focus {text-decoration: none; outline: 0;}
p a, p a:visited {line-height: inherit; outline: 0;}
a.active-page {color: #e6ae48!important;}

ul, ol {margin-bottom: 0px; margin-top: 0px;}
ul {margin: 0;}
ol {list-style: decimal;}
ol, ul.square, ul.circle, ul.disc {margin-left: 0px;}
ul.square {list-style: square outside;}
ul.circle {list-style: circle outside;}
ul.disc {list-style: disc outside;}
ul ul, ul ol, ol ol, ol ul {margin: 0;}
ul ul li, ul ol li, ol ol li, ol ul li {margin-bottom: 0px;}
li {line-height: 18px; margin-bottom: 0px;}
ul.ulactivites li {line-height:26px;}
dl {margin: 12px 0;}
dt {margin: 0; color: #11ABB0;}
dd {margin: 0 0 0 20px;}

/* Your Custom Typography. */
.submitbtn {background: #b58a60 none repeat scroll 0 0; border: 0 none; color: #fff; font-size: 14px; letter-spacing: 0; line-height: 18px; padding: 13px 20px;}
.pointer {cursor:pointer;}
.marginafter {margin-bottom:30px;}
.marginbefore {margin-top:30px;}
.sw-text {font-family: 'Raleway', sans-serif; font-size: 0.6em; color: #fff; font-weight: 100; line-height: 1em; letter-spacing: 1px; margin: 0px;}
@media (min-width: 992px) AND (max-width: 1199px) {
.sw-text {font-size: 0.46em;}
}

/*  2. Home One
/*----------------------------------------*/
header {background: rgba(7, 14, 19, 0.9) none repeat scroll 0 0; left: 0; position: relative; right: 0; top: 0; z-index: 9;}
.header-top-area {padding: 35px 0;}
.header-address .ha-icon i {color: #b58a60; font-size: 18px;}
.header-address span.sw-text {color: #fff; display: block; font-size: 12px; letter-spacing: 0; line-height: 24px; text-transform: uppercase;}
.header-address .color {color: #b58a60;}
.header-logo {text-align: center;}
.header-weather {text-align: right;}
.header-weather .hw-icon i {color: #b58a60; font-size: 18px;}
.header-weather .hw-temp {color: #b58a60; font-size: 24px; letter-spacing: 0;}
.header-weather span.sw-text {color: #fff; display: block; font-size: 12px; letter-spacing: 0; line-height: 24px; text-transform: uppercase;}
.main-menu-area {border-top: 1px solid #454545; padding: 0 0 5px;}
.main-menu ul {list-style: outside none none; padding: 0;}
.main-menu ul li {display: inline-block; position: relative;}
.main-menu ul.menu>li.active::before, .main-menu ul.menu>li:hover::before {background: #b58a60 none repeat scroll 0 0; content: ""; height: 5px; left: 0; position: absolute; top: -10px; width: 100%;}
.main-menu ul li a {color: #fff; display: block; font-size: 14px; font-weight: 700; letter-spacing: 1px; padding: 10px 33px; text-transform: uppercase;}
.main-menu ul li:hover>a {color: #b58a60;}
.main-menu ul li:first-child a {padding-left: 0;}
/*dropdown*/

.main-menu ul li .dropdown {background: #070e13 none repeat scroll 0 0; left: 0; list-style: outside none none; min-width: 200px; padding: 0; position: absolute; top: 36px; -webkit-transform: translateY(10px) scale(0); -ms-transform: translateY(10px) scale(0); -o-transform: translateY(10px) scale(0); transform: translateY(10px) scale(0); transform-origin: 0 0 0; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; z-index: 99;}
.main-menu ul li:hover .dropdown {-webkit-transform: translateY(0px) scale(1); -ms-transform: translateY(0px) scale(1); -o-transform: translateY(0px) scale(1); transform: translateY(0px) scale(1);}
.main-menu ul li .dropdown li {display: block; position: relative;}
.main-menu ul li .dropdown li a {padding: 12px 14px;}
.main-menu ul li .dropdown li .tlevel-menu {background: #141f27 none repeat scroll 0 0; left: 100%; list-style: outside none none; min-width: 200px; opacity: 0; padding: 0; position: absolute; top: 0; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; visibility: hidden;}
.main-menu ul li .dropdown li:hover .tlevel-menu {opacity: 1; visibility: visible;}
.menu-book {text-align: right; padding-top:16px}
@media (max-width: 991px) {
.menu-book {position: absolute; top: -10px; left: 22px;}
}
.menu-book a {background: #b58a60 none repeat scroll 0 0; border-radius: 5px; color: #fff; display: inline-block; font-size: 14px; font-weight: 700; letter-spacing: 0; line-height: 18px; padding: 11px 45px; text-transform: uppercase;}
.menu-book a:hover {background-color: #997959;}

/*2.2 Pick Room*/
.pick-room-area {padding: 65px 0 20px;}
.pick-room-left .prl-title {color: #070e13; font-size: 52px; letter-spacing: 0; line-height: 60px; margin: 0 0 22px; padding: 0 0 24px; position: relative; text-transform: uppercase;}
.pick-room-left .prl-title::after {background: #b58a60 none repeat scroll 0 0; bottom: 0; content: ""; height: 2px; left: 0; position: absolute; width: 70px;}
.pick-room-left .prl-title span {color: #b58a60; font-family: "Playfair Display", serif;}
.pick-room-left .prl-text {color: #070e13; line-height: 24px; margin: 0 0 30px;}
.pick-room-left .prl-link {color: #070e13; display: inline-block; font-family: "Playfair Display", serif; font-size: 18px; line-height: 22px; text-transform: uppercase;}
.pick-room-left .prl-link i {margin-left: 20px;}
.prr-box {margin: 50px 0; position: relative;}
.prr-img-box {position: relative;}
.prr-img-box .prr-img-content {background: #b58a60 none repeat scroll 0 0; bottom: -9px; left: 20px; padding: 13px 0; position: absolute; text-align: center; width: 190px;}
.prr-img-box .prr-img-content .prr-img-content-price {color: #fff; display: inline-block; font-weight: 400; letter-spacing: 0; line-height: 28px;}
.prr-img-box .prr-img-content .prr-img-content-time {color: #fff; display: inline-block; font-size: 14px; font-weight: 400; letter-spacing: 0; line-height: 18px;}
.prr-form-area {background: rgba(7, 14, 19, 0.9) none repeat scroll 0 0; padding: 40px; position: absolute; right: 0; top: -48px;}
.prr-form-area .prr-form-title {color: #b58a60; letter-spacing: 0; line-height: 28px; margin: 0 0 20px; padding: 0 0 26px; position: relative;}
.prr-form-area .prr-form-title::after {background: #525252 none repeat scroll 0 0; bottom: 0; content: ""; height: 2px; left: 0; position: absolute; width: 70px;}
.prr-form-area .prr-form-text {color: #fff; line-height: 24px; margin: 0 0 25px;font-size: 18px;}
.prr-form-area .btnch {text-align:right;}
.prr-form-area a {font-size: 16px; color:#ccc; border:solid 1px #ccc; padding:5px 15px;}
.prr-form-area a:hover {background-color:#b58a60;}
.prr-form-input {overflow: hidden;}
.prr-form-input-box {margin: 0 0 15px; padding-right: 20px; position: relative; }
.prr-form-input-box::before {color: #b58a60; font-family: FontAwesome; left: 10px; position: absolute; top: 5px;}
.prr-form-input-box::after {background: #24282b none repeat scroll 0 0; content: ""; height: 20px; left: 38px; position: absolute; top: 50%; transform: translateY(-50%); width: 1px; z-index: 1;}
.prr-form-input-box select {-webkit-appearance: none; -moz-appearance: none; appearance: none; background: #101010 none repeat scroll 0 0; border: 1px solid #24282b; color: #fff; font-size: 14px; height: 40px; letter-spacing: 0; line-height: 40px; padding: 0 8px 0 52px; width: 100%;}
.prr-fib-select::before {content: "";}
.prr-form-input-box input[type="text"] {background: #101010 none repeat scroll 0 0; border: 1px solid #24282b; color: #fff; font-size: 14px; height: 40px; letter-spacing: 0; line-height: 40px; padding: 0 8px 0 52px; width: 100%;}
.prr-fib-input::before {content: "";}
.prr-form-input input[type="submit"] {background: #b58a60 none repeat scroll 0 0; border: 0 none; color: #fff; font-size: 14px; letter-spacing: 0; line-height: 18px; padding: 13px 20px;}

/*2.5 Special-service*/
.special-service-area {padding: 80px 0;}
.special-service-head {margin: 0 0 78px;}
.section-title .st-icon {margin: 0 0 21px;}
.section-title h2, .section-title h2 span {color: #070e13; font-family: "Playfair Display", serif; font-size: 30px; font-weight: 900; letter-spacing: 0; line-height: 34px; margin: 0 0 15px; text-transform: uppercase;}
.section-title h2 span {color: #b58a60;}
.section-title p {color: #262626; line-height: 26px;}
.special-service-box {display: inline-block; margin: auto; position: relative;}
.special-service-box::before {background: #000 none repeat scroll 0 0; content: ""; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; width: 100%; z-index: 9;}
.special-service-box:hover::before {opacity: 0.6;}
.special-service-box .ssb-content {display: inline-block; left: 50%; opacity: 0; position: absolute; text-align: center; top: 50%; -webkit-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); -o-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; visibility: hidden; z-index: 11;}
.special-service-box:hover .ssb-content {opacity: 1; visibility: visible;}
.special-service-box .ssb-content .ssb-content-icon {border-bottom: 1px solid #b58a60; padding: 0 0 15px;}
.special-service-box .ssb-content h3 {color: #fff; font-weight: 400; letter-spacing: 0; margin: 10px 0 0; text-transform: uppercase;}
.ss-view-all {margin: 40px 0 0; text-align: center;}
.ss-view-all a {background: #b58a60 none repeat scroll 0 0; border-radius: 10px; color: #fff; display: inline-block; font-size: 14px; letter-spacing: 0; line-height: 28px; padding: 6px 38px;}
.ss-view-all a i {margin-left: 18px;}

/*2.7 Gallery Area*/
.gallery-area {padding: 80px 0 50px;}
.gallery-box {margin: 0 0 28px; position: relative;}
.gallery-box::before {background: #b58a60 none repeat scroll 0 0; content: ""; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; width: 100%; z-index: 5;}
.gallery-box:hover::before {opacity: 0.8;}
.gallery-box>img {width:100%;}
.gallery-box .gallery-box-content {display: inline-block; left: 50%; opacity: 0; position: absolute; text-align: center; top: 50%; -webkit-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); -o-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; visibility: hidden; z-index: 9;}
.gallery-box:hover .gallery-box-content {opacity: 1; visibility: visible;}
.gallery-box .gallery-box-content a {color: #fff; display: inline-block; font-size: 20px; line-height: 20px; margin: 0 0 18px; transform: rotate(45deg);}
.gallery-box .gallery-box-content .gb-title {color: #fff; font-weight: 400; letter-spacing: 0; line-height: 20px; margin: 0 0 11px;}
.gallery-box .gallery-box-content .gb-text {color: #fff; line-height: 24px;}

/*2.8 Event Testimonial*/
.event-testimonial-area {background: #f5f5f5 none repeat scroll 0 0; padding: 51px 0 120px; position: relative;}
.event-testimonial-bg-1 {background-image: url("../img/home1/event-testimonial-bg1.png"); background-position: left bottom; background-repeat: no-repeat; background-size: contain; bottom: 0; height: 40%; left: 0; opacity: 0.1; position: absolute; width: 20%; z-index: 0;}
.event-testimonial-bg-2 {background-image: url("../img/home1/event-testimonial-bg2.png"); background-position: right top; background-repeat: no-repeat; background-size: contain; height: 40%; opacity: 0.1; position: absolute; right: 0; top: 0; width: 20%; z-index: 0;}
.event-area .section-title {margin: 0 0 53px;}
.autour-banner-area {background: rgba(0, 0, 0, 0) url("/images/banner-ribeau.jpg") no-repeat scroll 0 0 / cover; padding: 50px 0; margin: 40px 0;}
.autour-banner-area::before {opacity: 0.6;}
.bottom-banner-area {background: rgba(0, 0, 0, 0) url("/images/banner-riquewihr.jpg") no-repeat scroll 0 0 / cover; padding: 105px 0; margin: 80px 0;}
.bottom-banner-area::before {opacity: 0.6;}
.bottom-banner2-area {background: rgba(0, 0, 0, 0) url("/images/banner-riquewihr-2.jpg") no-repeat scroll 0 0 / cover; padding: 105px 0;}
.bottom-banner2-area::before {opacity: 0.6;}
.bottom-banner-content {text-align: center;}
.bottom-banner-content h2, .bottom-banner-content h2 span {color: #fff; font-size: 36px; line-height: 40px; letter-spacing: 0; text-transform: uppercase; font-family: "Playfair Display", serif;}
.bottom-banner-content h2 span {color: #b58a60;}

.footer-area {background: #070e13 none repeat scroll 0 0;}
@media (max-width: 480px) {
  .footer-area {text-align:center;}
}
.footer-top-area {padding: 65px 0 30px;}
.footer-logo {margin: 0 0 0 25px;}
.footer-tripadv {margin-top: 50px;}
.footer-social {margin: 21px 0 0;}
.footer-social>span {color: #fff; display: inline-block; font-size: 12px; font-weight: 700; letter-spacing: 0; line-height: 16px; text-transform: uppercase;}
.footer-social ul {display: inline-block; list-style: outside none none; padding: 0;}
.footer-social ul li {display: inline-block;}
.footer-social ul li a {color: #fff; display: block; margin: 0 5px;}
.footer-social ul li a::hover {color: #b58a60;}
.footer-widget .widget-title {color: #fff; font-size: 18px; letter-spacing: 0; line-height: 22px; margin: 0 0 19px; text-transform: uppercase;}
.footer-widget .widget-title::before {display: none;}
.footer-news-widget ul {list-style: outside none none; padding: 0;}
.footer-news-widget ul li {border-bottom: 1px solid #4e4e4e; display: block; padding: 19px 0 19px;}
.footer-news-widget ul li:first-child {padding-top: 0;}
.footer-news-widget ul li a {color: #fff; display: block; font-size: 14px; letter-spacing: 0; line-height: 24px;}
.footer-flicker-widget ul {list-style: outside none none; padding: 0;}
.footer-flicker-widget ul li {float: left; padding: 0 5px 5px 0; width: 33%;}
.contact-widget-box {margin: 0 0 11px;}
.contact-widget-box:last-child {margin-bottom: 0;}
.contact-widget-box .cwb-title {color: #b58a60; display: block; font-size: 14px; letter-spacing: 0; line-height: 24px;}
.contact-widget-box .cwb-text {color: #fff; display: block; font-size: 14px; letter-spacing: 0; line-height: 24px;}
.footer-bottom-area {padding: 3px 0 40px;}
.footer-bottom {text-align: center;}
.footer-bottom p,.footer-bottom a {color: #888; line-height: 24px; font-size: 12px;}
#bottom_menu_active ul {list-style: outside none none; padding: 0;}
#bottom_menu_active ul li a {color: #fff; display: block; font-size: 14px; letter-spacing: 0; line-height: 24px;}
#bottom_menu_active ul li a:hover {color:#b58a60;}

/*  3. Home Two
/*----------------------------------------*/
.header-top-area-2 {padding: 13px 0;}
.header-top-2 {text-align: right;}
.header-address-2 {display: inline-block; margin-right: 50px;}
.header-address-2 .ha-icon {color: #b58a60; display: inline-block; font-size: 20px; line-height: 20px; margin-right: 16px;}
.header-address-2 .sw-text {color: #fff; font-size: 12px; letter-spacing: 0; line-height: 16px; text-transform: uppercase;}
.header-address-2 .sw-text.color {color: #b58a60;}
.header-weather-2 {display: inline-block;}
.header-weather-2 .hw-icon {color: #b58a60; display: inline-block; font-size: 20px; line-height: 20px; margin-right: 16px;}
.header-weather-2 .hw-temp {color: #b58a60; font-size: 24px; letter-spacing: 0; line-height: 28px;}
.header-weather-2 .sw-text {color: #fff; font-size: 12px; letter-spacing: 0; line-height: 16px; text-transform: uppercase;}
.main-menu-area-2 {border-top: 1px solid #454545; padding: 20px 0 28px;}
.main-menu-2 {text-align: right; margin: 73px 0 0;}
.main-menu-2 ul li a {padding: 10px 24px;}
.main-menu-2 ul li:first-child a {padding: 10px 24px;}
.main-menu-2 ul li .dropdown {text-align: left;}
.main-menu-2 ul li .dropdown.from-right {left: auto;right: 0;}
.main-menu-2 ul li .dropdown li .tlevel-menu {text-align: left;}


/*3.4 room and suits*/
.room-suits-box.prr-box {opacity: 0.4; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;}
.center.owl-item .room-suits-box.prr-box {opacity: 1;}
.room-suits-box .prr-form-area {top: 50%; transform: translateY(-50%);}


/*3.8 Our contact*/
.our-contact-area {padding: 152px 0 79px;}
.our-contact-head {margin: 0 0 74px;}
.our-contact-head .section-title {position: relative;}
.our-contact-head .section-title::before {background: #cecece none repeat scroll 0 0; content: ""; height: 90px; left: 0; margin: auto; position: absolute; right: 0; top: -112px; width: 2px;}
.our-contact-box .ocb-title {color: #070e13; font-size: 18px; font-weight: 400; letter-spacing: 0; line-height: 22px; margin: 0 0 5px;}
.our-contact-box .ocb-list {list-style: outside none none; padding: 0;}
.our-contact-box .ocb-list li {color: #b3b3b3; display: block; font-size: 14px; letter-spacing: 0; line-height: 30px;}
.our-contact-box .ocb-counter {color: #b3b3b3; font-size: 60px; font-weight: 300; line-height: 60px;}
#map {height: 630px;}


/*  4. Home Three
/*----------------------------------------*/
.header-3 {padding: 40px 0 0;}
.h3-logo {margin-top: -30px;}
.h3-logo>a img {/* width:40%; */}
.pre-menu-area-3 { text-align: center; font-size: 3em; padding-bottom: 40px; color: #fff; font-weight: 100; line-height: 1em;}
.pre-menu-area-3.bgpma3 {background-color: rgba(7, 14, 19, 0.9); }
.menu-area-3 {margin: 10px 0 0; text-align: left;}
.menu-area-3 .menu li {text-align: left;}
.menu-area-3 .menu>li a {padding: 20px 32px;}
.menu-area-3 .menu>li:first-child a {padding: 20px 32px;}
.menu-area-3 .menu>li:last-child a {padding-right: 0;}
.menu-area-3 .menu li .dropdown {top: 50px;}
.menu-area-3 .menu li .dropdown.from-right {left: auto; right: 0;}

/*home-3-hero*/
.h3-hero-area {background: rgba(0, 0, 0, 0) url("/images/fond-banner.jpg") no-repeat scroll left top / cover;}
.h3-hero {/* margin: 220px 0 0; */}
.h3-hero-box {position: relative;}
.h3-hero-content {background: rgba(7, 14, 19, 0.5) none repeat scroll 0 0; left: 50%; min-width: 640px; padding: 63px 20px 61px; position: absolute; text-align: center; top: 50%; -webkit-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); -o-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%);}
.h3-hero-content p, .h3-hero-content p span {color: #fff; font-family: 'Playfair Display', serif; font-size:larger; margin: 0 0 14px;}
.h3-hero-content p.pretitre {margin: 0 0 8px; }
.h3-hero-content p.thetitre {font-size: 72px; line-height: 80px; margin: 0 0 14px; }
.h3-hero-content p.postitre {font-size: 18px; font-weight: 400;}
.h3-hero-carousel .owl-nav {bottom: 30px; position: absolute; right: -30px;}
.h3-hero-carousel .owl-nav>div {background: #070e13 none repeat scroll 0 0; color: #fff; display: inline-block; font-size: 20px; height: 80px; line-height: 80px; text-align: center; width: 80px;}
.h3-hero-carousel .owl-nav>div:hover {background: #b58a60 none repeat scroll 0 0;}

/*4.2 h3 service*/
.h3-service-area {padding: 80px 0 80px;}
.h3-service-box {position: relative;}
.h3-service-box::before {background: #000 none repeat scroll 0 0; content: ""; height: 100%; left: 0; opacity: 0.8; position: absolute; top: 0; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; width: 100%;}
.h3-service-box .h3sb-content {left: 50%; min-width: 66%; position: absolute; text-align: center; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;}
.h3-service-box:hover::before {height: 84%; left: 8%; top: 8%; width: 84%;}
.h3-service-box .h3sb-content .h3sb-content-icon {color: #fff; font-size: 36px; line-height: 36px; margin: 0 0 11px;}
.h3-service-box:hover .h3sb-content .h3sb-content-icon {color: #b58a60;}
.h3-service-box .h3sb-content h4, .h3-service-box .h3sb-content h3 {color: #fff; font-size: 24px; font-weight: 400; letter-spacing: 0; margin: 0 0 17px;}
.h3-service-box:hover .h3sb-content h4, .h3-service-box:hover .h3sb-content h3 {color: #b58a60;}
.h3-service-box .h3sb-content p {color: #fff; line-height: 24px; margin: 0 0 22px;}
.h3-service-box .h3sb-content a, a.btn-lien, button.btn-lien {background: #b58a60 none repeat scroll 0 0; border-radius: 5px; color: #fff; display: inline-block; font-size: 14px; letter-spacing: 0; line-height: 24px; padding: 8px 34px; text-transform: uppercase; border:none;}
a.btn-lien {margin-top:30px;}
.h3-service-box .h3sb-content a:hover, a.btn-lien:hover {background-color: #997959;}

/*4.3 h3 pick room*/
.h3-pick-room-area {overflow: hidden; padding: 47px 0; position: relative;}
.h3-pick-room-banner {background: rgba(0, 0, 0, 0) url("../img/home3/pick-room-banner.png") no-repeat scroll 0 0 / contain; bottom: 114px; height: 56%; position: absolute; right: -170px; width: 40%;}
.h3-pick-room-head {margin: 0;}
.h3-pick-section-title h2, .h3-pick-section-title h2 span, .h3-pick-section-title h1, .h3-pick-section-title h1 span {color: #070e13; font-family: "Playfair Display", serif; font-size: 44px; letter-spacing: 0; line-height: 52px; text-transform: uppercase;}
.h3-pick-section-title h2, .h3-pick-section-title h1 {position: relative; padding: 0 0 25px;}
.h3-pick-section-title h2::after, .h3-pick-section-title h1::after {background: #b58a60 none repeat scroll 0 0; bottom: 0; content: ""; height: 2px; left: 0; margin: auto; position: absolute; right: 0; width: 70px;}
.h3-pick-section-title h2 span, .h3-pick-section-title h1 span {color: #b58a60;}
.h3-pick-section-title p {color: #070e13; font-style: italic; line-height: 24px; margin: 21px 0 0;}
.h3-pick-room-left .h3prl-title, .h3-pick-room-left .h3prl-title span {color: #070e13; font-family: "Playfair Display", serif; font-size: 36px; font-weight: 400; letter-spacing: 0; line-height: 48px; padding: 0 0 22px; text-transform: uppercase;}
.h3-pick-room-left .h3prl-title {position: relative;}
.h3-pick-room-left .h3prl-title::after {background: #b58a60 none repeat scroll 0 0; bottom: 0; content: ""; height: 2px; left: 0; position: absolute; width: 70px;}
.h3-pick-room-left .h3prl-title span {color: #b58a60;}
.h3-pick-room-left .h3prl-text, .h3-pick-room-left .h3prl-text a {color: #070e13; font-size: 14px; letter-spacing: 0; line-height: 24px;}
.h3-pick-room-left .h3prl-text {margin: 19px 0 0;}
.h3-pick-room-left .h3prl-text a {color: #b58a60; font-style: italic;}
.h3-pick-room-left .h3prl-book {background: #b58a60 none repeat scroll 0 0; color: #fff; display: inline-block; font-size: 14px; letter-spacing: 0; line-height: 24px; margin: 74px 0 0; padding: 11px 48px;}
.h3-pick-form-area {background: #070e13 none repeat scroll 0 0; padding: 41px 40px 0;}
.h3-pick-form-area .h3-pfa-title {color: #b58a60; font-weight: 400; letter-spacing: 0; margin: 0 0 32px;}
.h3pfa-input-box {margin: 0 0 40px;}
.h3pfa-input-box select {background: #1d2428 none repeat scroll 0 0; border: 1px solid #5f5f5f; font-size: 16px; font-style: italic; height: 60px; letter-spacing: 0; padding: 0 10px; width: 100%;}
.h3pfa-input-box select option {background: #1d2428 none repeat scroll 0 0; border: 1px solid #5f5f5f; font-size: 16px; font-style: italic; height: 60px; letter-spacing: 0; padding: 0 10px; width: 100%;}
.h3pfa-input-box input[type="text"] {background: #1d2428 none repeat scroll 0 0; border: 1px solid #5f5f5f; font-size: 16px; font-style: italic; height: 60px; letter-spacing: 0; padding: 0 10px; width: 100%;}
.h3pfa-input-box .quantity {position: relative;}
.h3pfa-input-box .quantity .qtybutton {background: #1d2428 none repeat scroll 0 0; color: #fff; cursor: pointer; font-size: 24px; height: 58px; line-height: 60px; position: absolute; text-align: center; top: 1px; width: 52px;}
.h3pfa-input-box .quantity input[type="text"] {background: #101010 none repeat scroll 0 0; text-align: center;}
.h3pfa-input-box .quantity .qtybutton.dec {left: 1px;}
.h3pfa-input-box .quantity .qtybutton.inc {right: 1px;}
.h3pfa-input-box button {background: #b58a60 none repeat scroll 0 0; border: 3px solid #4d4033; border-radius: 100px; color: #fff; font-size: 18px; height: 50px; line-height: 42px; text-align: center; width: 50px;}
.h3-room-suits-area {padding: 80px 0;}
.h3-room-suits-head {margin: 0 0 52px;}
.h3-room-suits-box {position: relative;margin-bottom: 30px; cursor:pointer;}
.h3-room-suits-box .h3rsb-img {position: relative;}
.h3-room-suits-box .h3rsb-img .h3rsb-img-content {background: #b58a60 none repeat scroll 0 0; padding: 14px 20px; position: absolute; right: 15px; top: 60px; width:50%;}
.h3-room-suits-box .h3rsb-img .h3rsb-img-content h3 {color: #fff; display: inline-block; letter-spacing: 0;}
.h3-room-suits-box .h3rsb-img .h3rsb-img-content h6 {color: #fff; display: inline-block; font-weight: 400; letter-spacing: 0;}
.h3-room-suits-box .prr-form-area {bottom: 0; opacity: 0; padding: 42px 42px 42px; position: absolute; top: auto; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; visibility: hidden;}
.h3-room-suits-box:hover .prr-form-area {opacity: 1; visibility: visible;}
.h3-gallery-area {padding: 80px 0 0;}
.h3-gallery-head {margin: 0 0 52px;}
.h3-gallery-more {background: #070e13 none repeat scroll 0 0; text-align: center;}
.h3-gallery-more>a {color: #fff; display: block; font-size: 18px; letter-spacing: 0; line-height: 24px; padding: 18px 0;}

/*  6. About
/*----------------------------------------*/
.others-head-area {background: rgba(0, 0, 0, 0) url("../img/about/top-head.jpg") no-repeat scroll left top / cover; padding: 377px 0 144px;}
.oha-about {background: rgba(0, 0, 0, 0) url("../img/about/top-head.jpg") no-repeat scroll left top / cover;}
.oh-title {color: #fff; font-size: 72px; letter-spacing: 0; line-height: 76px; text-transform: uppercase; font-family: 'Playfair Display', serif; font-weight: 700;text-align: center;}

/*  7. Service
/*----------------------------------------*/
.service-page-service-area {padding: 80px 0 50px;}
.service-page-service-area .special-service-box {margin: 0 0 30px;}
.sps-details-area {padding: 80px 0 0;}
.ssb-details-meta {margin: 22px 0 14px;}
.ssb-details-meta h2 {color: #b58a60; font-size: 30px; font-weight: 900; letter-spacing: 0; line-height: 34px; margin: 0 0 18px;}
.ssb-details-meta p {color: #070e13; font-size: 18px; line-height: 24px;}
.ssb-text {margin: 0 0 59px;}
.ssb-text p {color: #070e13; line-height: 26px;}
.sd-small-box {margin: 0 0 48px;}

/*  9. Rooms
/*----------------------------------------*/
.page-rooms-area {padding: 80px 0 53px;}
.page-rooms-area .prr-box {margin: 50px 0 75px;}
.minitext {font-size:10px !important;}

/*  10. Choose date
/*----------------------------------------*/
.reservation-head-area {padding: 80px 0 40px;}
.reservation-head {border-bottom: 5px solid #eeeeee; display: flex; flex-wrap: wrap;}
.rh-box {flex: 1 1 0; padding: 0 0 23px; position: relative;}
.rh-box::after {background: #b58a60 none repeat scroll 0 0; bottom: -5px; content: ""; height: 5px; left: 0; opacity: 0; position: absolute; width: 157px;}
.rh-box.active::after {opacity: 1;}
.rh-box-number {background: #070e13 none repeat scroll 0 0; color: #fff; display: inline-block; font-size: 24px; height: 60px; letter-spacing: 0; line-height: 60px; margin: 0 0 19px; position: relative; text-align: center; width: 60px;}
.rh-box.active .rh-box-number {background: #b58a60 none repeat scroll 0 0;}
.rh-box.active:hover .rh-box-number::before {border: 4px solid #e3d2c3; content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%;}
.rh-box-text {color: #070e13; display: block; font-size: 18px; letter-spacing: 0; line-height: 22px; text-transform: uppercase;}
.choose-date-form {background: rgb(7, 14, 19) none repeat scroll 0 0;}
.choose-date-form::after {opacity: 1;}
.availability {background: #070e13 none repeat scroll 0 0; padding: 0 18px 20px;}
.availability-head {padding: 20px 0; text-align: center;}
.availability-head h4 {color: #fff; font-size: 16px; font-weight: 900; letter-spacing: 0; line-height: 20px; text-align: center;}
.month-name {border-bottom: 1px solid #393939; border-top: 1px solid #393939; margin: 0 0 25px; padding: 15px 0; text-align: center;}
.month-name h4 {color: #fff; font-size: 16px; font-weight: 900; letter-spacing: 0; line-height: 20px; text-align: center;}
.month-box .weekdays {display: flex; list-style: outside none none; margin: 0 0 13px; padding: 0;}
.month-box .weekdays li {color: #fff; flex: 1 1 0; font-size: 14px; line-height: 18px; text-align: center; text-transform: uppercase;}
.month-box .days {display: flex; flex-wrap: wrap; list-style: outside none none; padding: 0;}
.month-box .days li {background: #373737 none repeat scroll 0 0; color: #fff; font-size: 14px; height: 45px; letter-spacing: 0; line-height: 28px; margin-bottom: 3px; margin-right: 1%; padding-right: 6px; position: relative; text-align: right; width: 13.2%;}
.month-box .days li.active {background: #b58a60 none repeat scroll 0 0;}
.month-box .days li span {bottom: 3px; font-size: 10px; letter-spacing: 0; line-height: 14px; position: absolute; right: 3px;}
.choose-date-recomanded-area {padding: 80px 0;}
.choose-date-recomanded-head {margin: 0 0 35px;}
.cdrh-title {font-size: 30px; font-weight: 900; letter-spacing: 0; line-height: 34px; margin: 0 0 15px; text-transform: uppercase;}
.cdrh-text {color: #262626; line-height: 24px;}
.choose-room-area {padding: 50px 0 0px;}
.choose-room-area .h4-book-img {position: relative; top: -30px;}


/*  11. Gallery Full Width
/*----------------------------------------*/
.oha-gallery {background: rgba(0, 0, 0, 0) url("../img/gallery/top-head.jpg") no-repeat scroll left top / cover;}
.full-gallery-area {display: flex; flex-wrap: wrap; padding: 80px 0 0;}
.full-gallery-box {margin: 0; width: 25%;}
.gallery-masonary-area {padding: 70px 0 46px;}
.widget-title {color: #070e13; font-size: 18px; font-weight: 400; line-height: 22px; margin: 0 0 45px; position: relative; text-transform: uppercase;}

/*  13. Contact
/*----------------------------------------*/
.oha-contact {background: rgba(0, 0, 0, 0) url("/images/banner-contact.jpg") no-repeat scroll left top / cover;}
.find-location-area {padding: 71px 0 40px;}
.find-location-head {margin: 0 0 52px;}
#googleMap {height: 450px; width: 100%}
.contact-elements {display: flex; flex-wrap: wrap;}
.ce-box {margin: 0 0 27px; width: 100%;}
.ce-box h3 {color: #070e13; font-size: 24px; font-weight: 400; letter-spacing: 0; line-height: 26px; text-transform: uppercase;}
.ce-box p, .ce-box a {color: #070e13; font-size: 14px; letter-spacing: 0; line-height: 26px;}
.contact-area {padding: 41px 0 53px;}
.contact-area-head {margin: 0 0 47px;}
.cf-input-box {margin: 0 0 30px;}
.cf-input-box input[type="text"], .cf-input-box input[type="email"] {background: #f2f2f2 none repeat scroll 0 0; border: 0 none; color: #888888; font-size: 13px; height: 40px; letter-spacing: 0; padding: 0 10px; width: 100%;}
.cf-input-box textarea {background: #f2f2f2 none repeat scroll 0 0; border: 0 none; color: #888888; font-size: 13px; height: 200px; letter-spacing: 0; padding: 0 10px; width: 100%;}
.cf-input-box button {background: #b58a60 none repeat scroll 0 0; border: 0 none; color: #fff; font-size: 14px; letter-spacing: 0; padding: 8px 40px;}
.cf-input-box input#envoyer {background: #b58a60 none repeat scroll 0 0; border: 0 none; color: #fff; font-size: 14px; letter-spacing: 0; padding: 8px 40px;}
.cf-msg {padding: 10px; text-align: center; margin-bottom: 30px;}
.cf-msg p {margin-bottom: 0; font-size: 16px; font-weight: 400; line-height: 24px; letter-spacing: 0; color: #fff; text-transform: capitalize;}
.contact2-contact-elements {padding: 63px 0 0;}
.contact2-contact-elements .ce-box {margin: 0 -15px; width: 100%;}

/*----------------------------------------*/
.h4bc-title {color: #b58a60; letter-spacing: 0; margin: 20px 0 13px;}
.h4bc-text {color: #565656; margin-bottom: 11px;}
.h4bc-text p {color: #565656; line-height:23px;}
.h4bc-meta {/* margin-top: 20px; */}
.h4bc-meta>h3 {color: #070e13; display: inline-block; letter-spacing: 0;margin-right: 5px;}
.h4bc-meta>h6 {color: #070e13; display: inline-block; font-weight: 400; letter-spacing: 0;}


/*  14. 404
/*----------------------------------------*/
.error-menu-bg-area {background: rgba(0, 0, 0, 0) url("../img/404/menu-bg.jpg") no-repeat scroll left top / cover; padding: 125px 0;}
.error-area {background: rgba(0, 0, 0, 0) url("../img/404/bg.jpg") no-repeat scroll left top / cover; padding: 87px 0 273px;}
.error-area::before {opacity: 0.9;}
.errors h1 {color: #b58a60; font-size: 250px; letter-spacing: 34px; line-height: 282px; margin: 0 0 83px;}
.errors h2 {color: #b58a60; font-size: 60px; font-weight: 400; letter-spacing: 0; line-height: 66px; margin: 0 0 70px; text-transform: capitalize;}
.back-home {border-top: 8px double #eeeeee; padding: 40px 0 0;}
.back-home a {background: #b58a60 none repeat scroll 0 0; border-radius: 10px; color: #fff; display: inline-block; font-size: 14px; letter-spacing: 0; line-height: 18px; padding: 11px 35px;}

/*----------------*/
.libelch,.prixch,.prixpar,.pano {margin: 0; font-family: 'Playfair Display', serif; font-weight: 700; letter-spacing: 1.5px;}
.libelch {font-size: 20px; line-height: 25px; margin-bottom: 20px; color: #fff;}
.prixch {font-size: 24px; line-height: 30px; margin-bottom: 0px; color: #000;}
.prixpar {font-size: 14px; line-height: 24px; color: #000;}
.pano { color: #fff;}
.hil {font-size: 18px;}
.til div {line-height:18px;}

/******** lang ********/
.divlang {position:relative;}
.lang-wrap{position: absolute; top: -142px; right:0px; display: inline-block; margin-top: 4px; margin-right: 5px; margin-left: 5px; padding: 0 10px; color: #fff; line-height: 20px; font-weight:400; font-size: 12px; letter-spacing: 1px; cursor: pointer; z-index: 10; text-transform: uppercase; -webkit-transition : all 0.3s ease-out; -moz-transition : all 0.3s ease-out; -o-transition :all 0.3s ease-out; transition : all 0.3s ease-out;}
@media (max-width: 991px) {
.lang-wrap {top: 10px; right: 60px;}
}
.lang-wrap ul{position: absolute; left: 0; top: 35px; width: 100%; z-index: 10; padding: 0; margin: 0; opacity: 0; visibility: hidden; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear; transition: all 200ms linear; -webkit-transform: translate3d(0, -15px, 0); -moz-transform: translate3d(0, -15px, 0); -o-transform: translate3d(0, -15px, 0); -ms-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0);}
.lang-wrap.clicked ul{opacity: 1; visibility: visible; -webkit-transform: translate3d(0, 0px, 0); -moz-transform: translate3d(0, 0px, 0); -o-transform: translate3d(0, 0px, 0); -ms-transform: translate3d(0, 0px, 0); transform: translate3d(0, 0px, 0);}
.lang-wrap ul a{text-decoration: none; color: #212121; padding-top: 7px; padding-bottom: 7px; width: 100%; position: relative;	
	display: block;}
.lang-wrap ul li{position: relative; width: 100%; display: block; margin: 0; line-height: 24px; text-align: center; font-weight:500; font-size: 11px; cursor: pointer; text-transform: uppercase; border-bottom: 1px solid rgba(0, 0, 0, 0.07);	
	transition: all 250ms linear;}
.lang-wrap ul a:hover{color: #fff;}
body {top: 0 !important;}
.skiptranslate {display:none !important;}

/* #Infobar ================================================== */
.infobar {height:68px; background-color:#b58a60; width:100%;text-align: center; position:relative;}
.infobar p.infobartitle {margin: 0; color: #fff; font-size: 22px; line-height: 30px; padding-top: 5px;}
.infobar p.infobartext {margin:0; color:#fff; font-size:14px; line-height: 14px;}
.infobar #closeinfobar {position: absolute; top: -2px; right: 5px; font-family: sans-serif; color: white; z-index:200; cursor:pointer;}
.infobar #closeinfobar p {font-size:20px;}
.infobar .btn-infobar {margin-top:17px; background-color:transparent; border-color:#fff;color:#fff;}
.infobar .btn-infobar:hover {margin-top:20px; background-color:#997959; border-color:#fff;}

/*----------------*/
.hero-2-revervation-area {bottom: -30px; left: 0; position: absolute; right: 0; z-index: 9;}
.hero2-reservation {background: rgba(7, 14, 19, 0.9) none repeat scroll 0 0; left: 0; overflow: hidden; right: 0;padding: 25px;}
@media (min-width: 768px) {
.hero2-reservation {padding: 34px 40px 21px 68px;}
}
.hero2-reservation-form .rhf-input-box {float: left; margin-right: 22px; min-width: 290px;}
.hero2-reservation-form .rhf-persons-room {width: 296px; float: left;}
.hero2-reservation-form .rhf-send {float: left; right: -20px; position: relative; top: 25px;}
@media (max-width: 768px) {
.hero2-reservation-form .rhf-send {top:0px; left:240px;}
}
.my-revervation-area {margin-bottom:40px;}
.reservation-hero {background: rgba(7, 14, 19, 0.9) none repeat scroll 0 0; margin: 0 0 115px; padding: 33px 40px 10px; position: relative;}
.reservation-hero::after {border-color: #070f13 transparent transparent; border-style: solid; border-width: 80px 130px 0; content: ""; height: 0; left: 0; margin: auto; opacity: 0.9; position: absolute; right: 0; top: 100%; width: 0;}
.reservation-hero .rh-title {color: #b58a60; font-size: 24px; font-weight: 400; letter-spacing: 0; line-height: 28px; margin: 0 0 23px;}
.reservation-hero-form {position: relative;}
.rhf-input-box {margin: 0 0 17px; position: relative;}
.rhf-input-box::after {content: ""; font-family: FontAwesome; position: absolute; right: 16px; top: 38px; z-index:1;}
.rhf-input-box span {color: #969696; display: block; font-size: 14px; letter-spacing: 0; line-height: 18px; margin: 0 0 6px;}
.rhf-input-box input[type="text"] {background: rgba(37, 42, 46, 0.2) none repeat scroll 0 0; border: 1px solid #5f5f5f; color: #fff; font-size: 16px; height: 60px; letter-spacing: 0; padding: 0 44px 0 16px; width: 100%; position:relative; z-index:10;}
.rhf-send button {background: #b58a60; border: 3px solid #4d4033; border-radius: 100px; color: #fff; font-size: 18px; height: 50px; line-height: 42px; text-align: center; width: 50px;}
.rhf-send button.modifdates {width:auto !important;padding: 0 15px;}
.rhf-send button:hover {background: #9f754c; border-color: #c4b2a1;}
.top40 {position:relative;top:40px; z-index:1;}

@media (min-width: 768px) {
	.col-xs-centered {margin: 0 12.5%}
	.col-sm-centered {margin: 0 25%}
}

.textecontenu h2 {font-size: 18pt; line-height: 24pt; margin-bottom: 20px;}
.textecontenu h3 {font-size: 18px; line-height: 24px; margin-bottom: 10px;}
.textecontenu p, .textecontenu ul li {font-size: 12pt; line-height: 18pt; margin-bottom: 15px; color:#3d3b3b; text-align: justify; font-family: 'Source Sans Pro', sans-serif;   font-weight: normal; letter-spacing: 0;}

h2.cgvtitre {font-size: 15pt; line-height: 16pt; margin: 15px 0; color:#212121; font-family: 'Source Sans Pro', sans-serif;   font-weight: normal; letter-spacing: 0;}
div.cgvtexte p {font-size: 10pt; line-height: 12pt; color:#3d3b3b; font-family: 'Source Sans Pro', sans-serif;   font-weight: normal; letter-spacing: 0;}

.leftr5 {float: left; margin-right: 10px;}
.innombrebc {width: 50px; height: 30px; outline: none; border: solid 1px #ccc; font-size: 18px;padding: 5px;}
.bottomfixed {position: fixed; bottom: 20px; right: 20px; display: block; background-color: #070707; z-index: 100000;}
.prixtotalbp {float: left; width: 185px; background-color: #343434; cursor: pointer; -webkit-transition: all 200ms linear; transition: all 200ms linear; bottom: 0px; right: 35px; position: absolute; color: #fff; font-size: 18px; text-transform: uppercase; line-height: 1.2; font-weight: 300; letter-spacing: 1px; text-align: center; padding: 10px 0;}
.prixtotalbp a {position: relative; display: block; width: 100%; color: #fff; padding-top: 6px; background-color: #b58a60; padding-bottom: 7px; -webkit-transition: all 200ms linear; transition: all 200ms linear; margin-top: 10px;font-size: 18px;}

.room-box {position: relative; display: block; background-color: #faebd7; border: solid 1px #e0d0ba; text-align:left;}
.room-box-resa {padding: 15px;letter-spacing: 0; color: #444444;}
.h6like {font-size: 16px; font-weight: 700; color: #444; line-height: 24px;}
.h6likebis {font-size: 16px; font-weight: 700; color: #444; line-height: 24px;}
.room-icons img {width: 22px; opacity: 0.5; margin-right: 10px;}
.list {margin: 0; padding: 0;}
.soul_item {border-bottom: solid 1px #ccc; font-size: 12px;}
.list__item {margin: 0 0 .5rem 0; padding: 0; list-style: none;}
.optcham {font-weight: 500;}
.prixoptchamlg {width: 180px; float: left;}
.prixoptchamlg2 {width: 230px; float: left;}
.chckoptcham {width: 50px; float: left;}
.prixtotcham, .dvredupromo {width: 90px; float: left;}
.innombre, .innbtax, .innbcham, .innbplaces, .innbls {width: 42px; height: 23px; outline: none; border: solid 1px #ccc; font-size: 16px; padding: 0 5px;}
.grosprix {font-size: 30px;}
.petitresume {font-size: 13px; line-height: 18px; margin-top: 10px;}
.incodepromo {outline: none; border: solid 1px #ccc; width: 97%;}
.descbon {width: calc(100% - 95px); float: left; margin-right: 5px;}

.prda-top {margin: 0 0 34px;}
.prda-top-left-form {background: rgb(7, 14, 19) none repeat scroll 0 0;}
.prda-top-left-form::after {opacity: 1;}
.rd-tab-content {margin: 0 0 8px;}
.prda-top-tab-buttons {display: flex; list-style: outside none none; padding: 0;}
.prda-top-tab-buttons li {flex: 1 1 0; margin-right: 8px;}
.prda-top-tab-buttons li:last-child {margin-right: 0;}
.prda-top-bottom {border-bottom: 1px solid #eeeeee; border-top: 1px solid #eeeeee; margin: 40px 0 0; padding: 17px 0;}
.prda-top-bottom-left {display: inline-block;}
.prda-tbl-title {color: #b58a60; letter-spacing: 0; font-size:24px; line-height: 28px; margin: 0 0 12px;}
.prda-tbl-price {color: #070e13; display: inline-block; letter-spacing: 0; line-height: 28px;}
.prda-tbl-duration {color: #070e13; display: inline-block; letter-spacing: 0; line-height: 18px; text-transform: uppercase;}
.prda-top-bottom-right {float: right;}

.divicone img {width:25px;opacity: 0.7; margin-right: 15px;}
.h3pluspetit {font-sie:18px;}
.prda-autres {padding-top:25px;border-top: 1px solid #eeeeee;}
.prda-autres row {text-align:left;}
.rd-tab-box img {width:100%;}
.inlabel {font-size:inherit; font-weight:inherit;}
.inputresa {width:100%; background-color:#fff; height:38px; border: solid 1px #ccc; padding: 10px;margin-top: 10px;}
textarea.inputresa {height:100px;}