@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,900;1,100;1,900&display=swap");
@import url('https://fonts.cdnfonts.com/css/majesty');
.lienss{
margin-top: -28px !important;
}

.offer-img{
height: 400px;
border-radius: 0 5px 0 0;
background-size: contain;
}

.h1-slider-caption h3 {
font-size: 30px;
color: #B4956F;
position: relative;
display: inline-block;
margin-bottom: 60px; }

.h1-slider-caption h3::before {
position: absolute;
content: "";
width: 154px;
height: 2px;
background: #7C4A34;
top: 0;
left: -180px;
top: 50%;
transform: translateY(-50%); }

.h1-slider-caption h3::after {
position: absolute;
content: "";
width: 170px;
height: 2px;
background: #7C4A34;
top: 0;
right: -190px;
top: 50%;
transform: translateY(-50%); }

/* button style */
.btn {
-moz-user-select: none;
background: #B4956F;
border: medium none;
border-radius: 5px;
color: #ffffff;
cursor: pointer;
display: inline-block;
font-size: 16px;
font-weight: 400;
letter-spacing: 1px;
line-height: 0;
margin-bottom: 0;
padding: 25px 39px;
text-align: center;
text-transform: capitalize;
touch-action: manipulation;
transition: all 0.3s ease 0s;
vertical-align: middle;
white-space: nowrap; }

.btn:hover {
background: #B4956F;
color: #ffffff; }

.border-btn {
background: none;
border: 2px solid #B4956F;
color: #B4956F; }

.border-btn i {
color: #B4956F !important;
position: relative;
left: 0; }

.search-qte {
width: 50%;
height: 50px;
border: 1px solid #ddd;
padding: 17px;
font-size: 12px;
color: #919191;
margin-bottom: 10px;
border-radius: 11px;
float: right;
}

.footliens{
display: flex;
justify-content: space-between;
}



.flex-center-start {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: start
}

body {
font-family: Montserrat, sans-serif;
font-weight: normal;
font-style: normal;
color: #B4956F;
}








.input-number-group,
.input-number-group1 {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}

.input-number-group input[type=number]::-webkit-inner-spin-button,
.input-number-group input[type=number]::-webkit-outer-spin-button,
.input-number-group1 input[type=number]::-webkit-outer-spin-button,
.input-number-group1 input[type=number]::-webkit-inner-spin-button{
-webkit-appearance: none;
appearance: none;
}

.input-number-group .input-group-button,
.input-number-group1 .input-group-button{
line-height: calc(80px/2 - 5px);
}

.input-number-group .input-number,
.input-number-group1 .input-number1{
width: 80px;
padding: 0 12px;
vertical-align: top;
text-align: center;
outline: none;
display: block;
margin: 0;
}

.input-number-group .input-number,
.input-number-group1 .input-number1,
.input-number-group .input-number-decrement,
.input-number-group1 .input-number-decrement1,
.input-number-group .input-number-increment,
.input-number-group1 .input-number-increment1{

border: 1px solid #cacaca;
height: 40px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-radius: 0;
}

.input-number-group .input-number-decrement,
.input-number-group1 .input-number-decrement1,
.input-number-group .input-number-increment,
.input-number-group1 .input-number-increment1{
display: inline-block;
width: 40px;
background: #B4956F;
color: #ffffff;
text-align: center;
font-weight: bold;
cursor: pointer;
font-size: 15px;
font-weight: 400;
border-radius: 5px;
}

.input-number-group .input-number-decrement,
.input-number-group1 .input-number-decrement1{
margin-right: 0.3rem;
}

.input-number-group .input-number-increment,
.input-number-group1 .input-number-incremen1{
margin-left: 0.3rem;
}

.incr h5{

}
















.load{
background-color: #B4956F;
}
.img {
max-width: 100%;
-webkit-transition: .3s;
-moz-transition: .3s;
-o-transition: .3s;
transition: .3s
}
.carroubut {
-moz-user-select: none;
background: #B4956F;
border: medium none;
border-radius: 5px;
color: #ffffff;
cursor: pointer;
display: inline-block;
font-size: 10px!important;
font-weight: 400;
letter-spacing: 1px;
line-height: 0;
margin-bottom: 0;
padding: 10px 11px;
text-align: center;
text-transform: capitalize;
touch-action: manipulation;
transition: all 0.3s ease 0s;
vertical-align: middle;
white-space: nowrap;
}

.header__top{
background-color: #7C4A34;
}

.header__top__widget {
padding: 14px 0 12px;
}

.header__top__widget li {
font-size: 15px;
color: #ffffff;
display: inline-block;
margin-right: 50px;
list-style: none;
}

.header__top__widget li:last-child {
margin-right: 0;
}

.header__top__widget li span {
color: #fffffe;
margin-right: 5px;
}

.header__top__right {
text-align: right;
}

.header__top__auth {
display: inline-block;
margin-right: 45px;
padding: 12px 0 14px;
}

.header__top__auth ul li {
display: inline-block;
list-style: none;
margin-right: 25px;
position: relative;
}

.header__top__auth ul li:last-child {
margin-right: 0;
}

.header__top__auth ul li:last-child::after {
display: none;
}

.header__top__auth ul li::after {
position: absolute;
right: -16px;
top: 3px;
width: 1px;
height: 20px;
background: #e5e5e5;
content: "";
}

.header__top__auth ul li a {
font-size: 15px;
color: #ffffff;
}

.header__top__language {
display: inline-block;
padding: 12px 0 12px;
position: relative;
cursor: pointer;
}

.header__top__language:hover ul {
opacity: 1;
top: 45px;
visibility: visible;
}

.header__top__language img {
display: inline-block;
margin-right: 6px;
}

.header__top__language span {
display: inline-block;
font-size: 15px;
color: #ffffff;
}

.header__top__language i {
display: inline-block;
font-size: 15px;
color: #ffffff;
font-weight: 500;
}

.header__top__language ul {
position: absolute;
left: 13px;
top: 65px;
width: 80px;
background: #ffffff;
text-align: left;
z-index: 9;
opacity: 0;
visibility: hidden;
-webkit-transition: all, 0.3s;
-o-transition: all, 0.3s;
transition: all, 0.3s;
}

.header__top__language ul li {
font-size: 15px;
color: #19191A;
padding: 5px 10px;
list-style: none;
cursor: pointer;
}



.equi{
font-size: 15px;
}




































a,
.button {
-webkit-transition: .3s;
-moz-transition: .3s;
-o-transition: .3s;
transition: .3s
}

a:focus,
.button:focus,
button:focus {
text-decoration: none;
outline: none
}

a:focus {
color: #ffffff;
text-decoration: none
}

a:focus,
a:hover,
.portfolio-cat a:hover,
.footer -menu li a:hover {
text-decoration: none;
color: #1F1F1F
}

a,
button {
color: #1F1F1F;
outline: medium none
}

h1,
h2,
h3,
h4,
h5 {
font-family: Montserrat, sans-serif;
color: #000000;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
color: inherit
}

ul {
margin: 0px;
padding: 0px
}

li {
list-style: none
}

p {
font-size: 16px;
font-weight: 300;
line-height: 28px;
color: #000000;
margin-bottom: 13px;
font-family: Montserrat, sans-serif;
}

label {
color: #ffffff;
cursor: pointer;
font-size: 14px;
font-weight: 400
}

*::-moz-selection {
background: #ffffff;
color: #ffffff;
text-shadow: none
}

::-moz-selection {
background: #ffffff;
color: #ffffff;
text-shadow: none
}

::selection {
background: #ffffff;
color: #ffffff;
text-shadow: none
}

*::-webkit-input-placeholder {
color: #000000;
font-size: 14px;
opacity: 1
}

*:-ms-input-placeholder {
color: #ffffff;
font-size: 14px;
opacity: 1
}

*::-ms-input-placeholder {
color: #ffffff;
font-size: 14px;
opacity: 1
}

*::placeholder {
color: #000000;
font-size: 14px;
opacity: 1
}

h3 {
font-size: 24px
}

.mb-65 {
margin-bottom: 67px
}

.black-bg {
background: #B4956F !important
}

.white-bg {
background: #ffffff}

.gray-bg {
background: #f5f5f5
}

.bg-img-1 {
background-image: url(../img/slider/slider-img-1.jpg)
}

.bg-img-2 {
background-image: url(../img/background-img/bg-img-2.jpg)
}

.cta-bg-1 {
background-image: url(../img/background-img/bg-img-3.jpg)
}

.overlay {
position: relative;
z-index: 0
}

.overlay::before {
position: absolute;
content: "";
background-color: #1f1f1f;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
opacity: .5
}

.overlay2 {
position: relative;
z-index: 0
}

.overlay2::before {
position: absolute;
content: "";
background-color: #131313;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
opacity: 0.2
}

.section-padding {

}

.pt-120 {
padding-top: 120px
}

.overlay2 {
position: absolute;
left: 0;
right: 0;
bottom: 0;
background-color: rgb(5 5 5 / 41%);
overflow: hidden;
width: 104%;
height: 28%;
transition: .5s ease;
border-bottom-right-radius: 11px;
border-bottom-left-radius: 11px;
}


checkboxes {
max-width: 700px
display: flex;
flex-direction: column;
}
.checkboxes__row {
display: flex;
}
.checkboxes__row:not(:last-child) {
border-bottom: 1px solid #eee;
}
.checkboxes__item {

width: 100%;
}

/* STYLE A */

.checkbox.style-a {
display: inline-block;
position: relative;
padding-left: 25px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.checkbox.style-a input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
.checkbox.style-a input:checked ~ .checkbox__checkmark {
background-color: #fff;
}
.checkbox.style-a input:checked ~ .checkbox__checkmark:after {
opacity: 1;
}
.checkbox.style-a:hover input ~ .checkbox__checkmark {
background-color: #eee;
}
.checkbox.style-a:hover input:checked ~ .checkbox__checkmark {
background-color: #fff;
}
.checkbox.style-a .checkbox__checkmark {
position: absolute;
top: 4px;
left: 0;
height: 16px;
width: 16px;
background-color: #fff;
border: 1px solid #333;
transition: background-color 0.25s ease;
border-radius: 3px;
}
.checkbox.style-a .checkbox__checkmark:after {
content: "";
position: absolute;
left: 5px;
top: 1px;
width: 5px;
height: 10px;
border: solid #333;
border-width: 0 1px 1px 0;
transform: rotate(45deg);
opacity: 0;
transition: opacity 0.25s ease;
}
.checkbox.style-a .checkbox__body {
color: #333;
line-height: 1.4;
font-size: 16px;
}

/* STYLE B */

.checkbox.style-b {
display: inline-block;
position: relative;
padding-left: 30px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.checkbox.style-b input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
.checkbox.style-b input:checked ~ .checkbox__checkmark {
background-color: #fff;
}
.checkbox.style-b input:checked ~ .checkbox__checkmark:after {
opacity: 1;
}
.checkbox.style-b:hover input ~ .checkbox__checkmark {
background-color: #eee;
}
.checkbox.style-b:hover input:checked ~ .checkbox__checkmark {
background-color: #fff;
}
.checkbox.style-b .checkbox__checkmark {
position: absolute;
top: 3px;
left: 0;
height: 18px;
width: 18px;
background-color: #fff;
border: 2px solid #333;
transition: background-color 0.25s ease;
border-radius: 4px;
}
.checkbox.style-b .checkbox__checkmark:after {
content: "";
position: absolute;
left: 5px;
top: 1px;
width: 5px;
height: 10px;
border: solid #333;
border-width: 0 2px 2px 0;
transform: rotate(45deg);
opacity: 0;
transition: opacity 0.25s ease;
}
.checkbox.style-b .checkbox__body {
color: #333;
line-height: 1.4;
font-size: 16px;
font-weight: bold;
}






























.owl-carousel .owl-nav div {
background: transparent;
height: 54px;
left: 0px;
line-height: 54px;
position: absolute;
text-align: center;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
width: 54px;
font-size: 25px;
color: #ffffff;
background-color: rgba(255, 255, 255, 0.2);
border-radius: 50%;
left: 50px;
font-size: 18px;
line-height: 54px
}

.owl-carousel .owl-nav div.owl-next {
left: auto;
right: 50px
}

.owl-carousel .owl-nav div.owl-next i {
position: relative;
right: 0;
top: 1px
}

.owl-carousel .owl-nav div.owl-prev i {
position: relative;
right: 1px;
top: 0px
}

.owl-carousel:hover .owl-nav div {
opacity: 1;
visibility: visible
}

.owl-carousel:hover .owl-nav div:hover {
color: #ffffff;
background: #7C4A34}

.mb-20px {
margin-bottom: 20px
}

.boxed-btn {
background: #ffffff;
color: #131313;
display: inline-block;
padding: 14px 16px;
font-family: Montserrat, sans-serif;
border-radius: 11px;
font-size: 8px;
font-weight: 400;
border: 0;
border: 1px solid #B4956F;
letter-spacing: 3px;
text-align: center;
color: #B4956F!important;
text-transform: uppercase;
cursor: pointer;
}

.boxed-btn:hover {
background: #B4956F;
color: #ffffff !important;
border: 1px solid #B4956F}

.boxed-btn:focus {
outline: none
}

.boxed-btn.large-width {
width: 220px
}

.boxed-btn3 {
background: #B4956F;
color: #ffffff;
display: inline-block;
padding: 18px 44px;
font-family:  Montserrat, sans-serif;
font-size: 14px;
font-weight: 400;
border: 0;
border-radius: 11px;
border: 1px solid #B4956F;
letter-spacing: 3px;
text-align: center;
color: #ffffff !important;
text-transform: uppercase;
-webkit-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
transition: .5s;
cursor: pointer
}

.boxed-btn3:hover {
background: #ffffff;
color: #040505 !important;
border: 1px solid #B4956F}

.boxed-btn3:focus {
outline: none
}

.boxed-btn3.large-width {
width: 220px
}

.boxed-btn2 {
background: transparent;
color: #ffffff;
display: inline-block;
padding: 18px 24px;
font-family:  Montserrat, sans-serif;
font-size: 14px;
font-weight: 400;
border: 0;
border: 1px solid #ffffff;
letter-spacing: 2px;
text-transform: uppercase
}

.boxed-btn2:hover {
background: #ffffff;
color: #131313 !important
}

.boxed-btn2:focus {
outline: none
}

.line-button3 {
color: #f9f5f5;
font-size: 14px;
font-weight: 400;
display: inline-block;
position: relative;
background-color: #B4956F;
padding: 10px;
border-radius: 11px;
}


.line-button3:hover {
color: #fcfcfc
}

.line-button {
color: #f9f5f5;
font-size: 12px;
font-weight: 400;
display: inline-block;
position: relative;
padding-right: 5px;
padding-bottom: 2px;
background-color: #B4956F;
padding: 13px;
margin: 10px;
border-radius: 11px;
}


.line-button:hover {
color: #fcfcfc
}

.contact-title h2 {
font-size: 16px;
font-weight: 600;
margin-bottom: 20px;
}


.section_title h3 {
font-size: 16px;
font-weight: 700;
line-height: 56px;
color: #7C4A34;
}

/* (1920x1080) Full HD Display */
@media  screen and (max-width: 1920px) {




}








@media (max-width: 767px) {
.section_title h3 {
font-size: 20px;
line-height: 36px
}
}

@media (min-width: 768px) and (max-width: 991px) {
.section_title h3 {
font-size: 19px;
line-height: 42px
}
}

@media (max-width: 767px) {
.section_title h3 br {
display: none
}
}

.mb-100 {
margin-bottom: 100px
}

@media (max-width: 767px) {
.mb-100 {
margin-bottom: 40px
}
}

@media (max-width: 767px) {
.mobile_menu {
position: absolute;
right: 0px;
width: 100%;
z-index: 9
}

.h1-slider-caption h3::before {
position: absolute;
content: "";
width: 32px;
height: 2px;
background: #B4956F;
top: 0;
left: -62px;
top: 50%;
transform: translateY(-50%);
}

.h1-slider-caption h3::after {
position: absolute;
content: "";
width: 35px;
height: 2px;
background: #B4956F;
top: 0;
right: -58px;
top: 50%;
transform: translateY(-50%);
}
}

.slicknav_menu .slicknav_nav {
background: #ffffff;
float: right;
margin-top: 0;
padding: 0;
width: 95%;
padding: 0;
border-radius: 0px;
margin-top: 5px;
position: absolute;
left: 0;
right: 0;
margin: auto;
top: 11px
}

.slicknav_menu .slicknav_nav a:hover {
background: transparent;
color: #7C4A34}

.slicknav_menu .slicknav_nav a.active {
color: #7C4A34;
font-weight: 900;
}

@media (max-width: 767px) {
.slicknav_menu .slicknav_nav a i {
display: none
}
}

@media (min-width: 768px) and (max-width: 991px) {
.slicknav_menu .slicknav_nav a i {
display: none
}
}

.slicknav_menu .slicknav_nav .slicknav_btn {
background-color: transparent;
cursor: pointer;
margin-bottom: 10px;
margin-top: -40px;
position: relative;
z-index: 99;
border: 1px solid #ddd;
top: 3px;
right: 5px;
top: -32px
}

.slicknav_menu .slicknav_nav .slicknav_btn .slicknav_icon {
margin-right: 6px;
margin-top: 3px;
position: relative;
padding-bottom: 3px;
top: -11px;
right: -5px
}

@media (max-width: 767px) {
.slicknav_menu {
margin-right: 0px
}
}

.slicknav_nav .slicknav_arrow {
float: right;
font-size: 22px;
position: relative;
top: -9px
}

.slicknav_btn {
background-color: transparent;
cursor: pointer;
margin-bottom: 10px;
position: relative;
z-index: 99;
border: none;
border-radius: 3px;
top: 5px;
padding: 5px;
right: 5px;
margin-top: -5px;
top: -31px
}

.slicknav_btn {
background-color: transparent;
cursor: pointer;
margin-bottom: 10px;
position: relative;
z-index: 99;
border: none;
border-radius: 3px;
top: 5px;
padding: 5px;
right: 0;
margin-top: -5px;
top: -41px
}

.header-area {
position: absolute;
left: 0;
right: 0;
width: 100%;
top: 0;
z-index: 9;
padding-top: 28px
}

@media (max-width: 767px) {
.header-area {
padding-top: 0
}
}

@media (min-width: 768px) and (max-width: 991px) {
.header-area {
padding-top: 0
}
}

.header-area .main-header-area {
padding: 0 150px
}

@media (max-width: 767px) {
.header-area .main-header-area {
padding: 10px 10px;
margin-top: 15px;
}




}

@media (min-width: 768px) and (max-width: 991px) {
.header-area .main-header-area {
padding: 44px 17px
}
}

@media (min-width: 992px) and (max-width: 1200px) {
.header-area .main-header-area {
padding: 44px 17px
}
}

@media (min-width: 1200px) and (max-width: 1500px) {
.header-area .main-header-area {
padding: 44px 17px
}
}

.header-area .main-header-area .logo-img {
text-align: center
}

@media (max-width: 767px) {
.header-area .main-header-area .logo-img {
text-align: left
}

.header__top__widget li {
font-size: 15px;
color: #ffffff;
display: inline-block;
margin-right: 50px;
list-style: none;
display: none;
}

.header__top__right {
text-align: center;
margin-top: -21px

}

.owl-carousel .owl-nav div.owl-next {
left: auto;
right: 20px;
}

.owl-carousel .owl-nav div {
background: transparent;
height: 54px;
left: 0px;
line-height: 54px;
position: absolute;
text-align: center;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
width: 54px;
font-size: 25px;
color: #ffffff;
background-color: rgba(255, 255, 255, 0.2);
border-radius: 50%;
left: 27px;
font-size: 18px;
line-height: 54px;
}









}

@media (min-width: 768px) and (max-width: 991px) {



.header-area .main-header-area .logo-img {
text-align: left
}
.header__top__widget li {
font-size: 15px;
color: #ffffff;
display: inline-block;
margin-right: 50px;
list-style: none;
display: none;
}

.slicknav_btn {
background-color: transparent;
cursor: pointer;
margin-bottom: 10px;
position: relative;
z-index: 99;
border: none;
border-radius: 3px;
top: 5px;
padding: 5px;
right: 0;
margin-top: -5px;
top: -89px;
}

}

@media (min-width: 992px) and (max-width: 1200px) {
.header-area .main-header-area .logo-img {
text-align: left
}
}

@media (max-width: 767px) {
.header-area .main-header-area .logo-img img {
width: 20%
}
}

@media (min-width: 768px) and (max-width: 991px) {
.header-area .main-header-area .logo-img img {
width: 20%
}
}

@media  (max-width: 767px) {
.header__top__auth ul li a {
font-size: 13px;
color: #ffffff;
}



}



.slicknav_menu .slicknav_icon-bar {
background-color: #ffffff;
height: 3px;
margin: 5px 0;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
width: 23px;
position: relative;
}

.slicknav_menu .slicknav_icon-bar {
background-color: #ffffff;
height: 3px;
margin: 5px 0;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
width: 23px;
position: relative;
}
}

.header-area .main-header-area .book_room {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-justify-content: flex-end;
-moz-justify-content: flex-end;
-ms-justify-content: flex-end;
justify-content: flex-end;
-ms-flex-pack: flex-end
}

.header-area .main-header-area .book_room .socail_links ul li {
display: inline-block
}

.header-area .main-header-area .book_room .socail_links ul li a {
color: #A8A7A0;
margin: 0 10px;
font-size: 15px
}

.header-area .main-header-area .book_room .socail_links ul li a:hover {
color: #ffffff}

.header-area .main-header-area .book_room .book_btn {
margin-left: 30px
}

.header-area .main-header-area .book_room .book_btn a {
background: #e1ffff;
padding: 12px 26px;
font-size: 14px;
font-weight: 400;
border: 1px solid transparent;
color: #ffffff}

.header-area .main-header-area .book_room .book_btn a:hover {
background: #ffffff;
color: #009DFF;
border: 1px solid #009DFF
}

.header-area .main-header-area .main-menu {
text-align: center;
padding: 12px 0
}

.header-area .main-header-area .main-menu ul li {
display: inline-block;
position: relative;
margin-right: 28px;
}

@media (min-width: 992px) and (max-width: 1200px) {
.header-area .main-header-area .main-menu ul li {
margin-right: 11px
}
}

@media (min-width: 1200px) and (max-width: 1500px) {
.header-area .main-header-area .main-menu ul li {
margin-right: 15px
}
}

.header-area .main-header-area .main-menu ul li a {
color: #ffffff;
font-size: 16px;
text-transform: capitalize;
font-weight: 300;
display: inline-block;
padding: 0px 0px 10px 0px;
font-family:  Montserrat, sans-serif;
position: relative;
text-transform: capitalize
}

@media (min-width: 992px) and (max-width: 1200px) {
.header-area .main-header-area .main-menu ul li a {
font-size: 15px
}
}

@media (min-width: 1200px) and (max-width: 1500px) {
.header-area .main-header-area .main-menu ul li a {
font-size: 15px
}

.gj-datepicker-md [role="right-icon"] {
position: absolute;

top: 0px;
font-size: 14px;
color: #919191;
margin-right: 15px;
top: 16px;
}
}

.header-area .main-header-area .main-menu ul li a i {
font-size: 17px;
margin-right: 7px;
}

@media (max-width: 767px) {
.header-area .main-header-area .main-menu ul li a i {
display: none !important
}
}

@media (min-width: 768px) and (max-width: 991px) {
.header-area .main-header-area .main-menu ul li a i {
display: none !important
}
}

.header-area .main-header-area .main-menu ul li a::before {
position: absolute;
content: "";
background: #ffffff;
width: 100%;
height: 2px;
bottom: 0;
left: 0;
opacity: 0;
transform: scaleX(0);
-webkit-transition: .3s;
-moz-transition: .3s;
-o-transition: .3s;
transition: .3s
}

.header-area .main-header-area .main-menu ul li a:hover::before {
opacity: 1;
transform: scaleX(1)
}

.header-area .main-header-area .main-menu ul li a.active::before {
opacity: 1;
transform: scaleX(1)
}

.header-area .main-header-area .main-menu ul li a:hover {
color: #ffffff}

.header-area .main-header-area .main-menu ul li .submenu {
position: absolute;
left: 0;
top: 140%;
background: #ffffff;
width: 200px;
z-index: 2;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.02);
opacity: 0;
visibility: hidden;
text-align: left;
-webkit-transition: .6s;
-moz-transition: .6s;
-o-transition: .6s;
transition: .6s
}

.header-area .main-header-area .main-menu ul li .submenu li {
display: block
}

.header-area .main-header-area .main-menu ul li .submenu li a {
padding: 10px 15px;
position: inherit;
-webkit-transition: .3s;
-moz-transition: .3s;
-o-transition: .3s;
transition: .3s;
display: block;
color: #B4956F}


.selectionne{
width: 100%;
height: 50px;
border: 1px solid #ddd;
padding: 17px;
font-size: 12px;
color: #919191;
margin-bottom: 10px;
border-radius: 11px;
}

.border-set{
width: 100%;
height: 50px;
border: 1px solid #ddd;
color: #919191;
border-radius: 11px;
}

.submenu li a:hover {
background-color: #B4956F;
color: white !important;
}

.header-area .main-header-area .main-menu ul li .submenu li a::before {
display: none
}

.header-area .main-header-area .main-menu ul li .submenu li:hover a {
color: #B4956F}

.header-area .main-header-area .main-menu ul li:hover>.submenu {
opacity: 1;
visibility: visible;
top: 100%
}

.header-area .main-header-area .main-menu ul li:hover>a::before {
opacity: 1;
transform: scaleX(1)
}

.header-area .main-header-area .main-menu ul li:first-child a {
padding-left: 0
}

.header-area .main-header-area.sticky {
box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.1);
position: fixed;
width: 100%;
top: -87px;
left: 0;
right: 0;
z-index: 99;
transform: translateY(70px);
transition: transform 500ms ease, background 500ms ease;
-webkit-transition: transform 500ms ease, background 500ms ease;
box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.1);
padding: 10px 150px;
background: #7C4A34}

@media (max-width: 767px) {
.header-area .main-header-area.sticky {
padding: 3px 10px
}
}

@media (min-width: 768px) and (max-width: 991px) {
.header-area .main-header-area.sticky {
padding: 44px 17px
}
}

@media (min-width: 992px) and (max-width: 1200px) {
.header-area .main-header-area.sticky {
padding: 44px 17px
}
}

@media (min-width: 1200px) and (max-width: 1500px) {
.header-area .main-header-area.sticky {
padding: 30px 17px
}
}

.header-area .main-header-area.sticky .main-menu {
padding: 0
}

.slider_bg_1 {
background-image: url(../img/banner/home1.jpg)
}

.slider_bg_2 {
background-image: url(../img/banner/home3.jpg)
}


.slider_area .single_slider {
height: 78vh;
background-size: cover;
background-repeat: no-repeat
}

.slider_area .single_slider .slider_text h3 {
color: #ffffff;
font-family: Montserrat, sans-serif;
font-size: 44px;
text-transform: capitalize;
letter-spacing: 2px;
font-weight: 700;
margin-bottom: 4px
}

@media (max-width: 767px) {
.slider_area .single_slider .slider_text h3 {
font-size:  22px;
letter-spacing: 2px;
font-family: Montserrat, sans-serif;
}

slider_area .single_slider {
height: 45vh!important;
background-size: cover;
background-repeat: no-repeat;
}






}

@media (min-width: 768px) and (max-width: 991px) {
.slider_area .single_slider .slider_text h3 {
font-size: 30px;
font-family: Montserrat, sans-serif;
}

.slider_area .single_slider {
height: 50vh;
background-size: cover;
background-repeat: no-repeat;
}


}

@media (min-width: 992px) and (max-width: 1200px) {
.slider_area .single_slider .slider_text h3 {
font-size: 35px;
letter-spacing: 3px;
font-family: Montserrat, sans-serif;
}
}

.slider_area .single_slider .slider_text p {
font-size: 21px;
font-weight: 200;
color: #ffffff;
margin-bottom: 0;
margin-top: 0
}

@media (min-width: 992px) and (max-width: 1200px) {
.slider_area .single_slider .slider_text p {
font-size: 16px
}
}

@media (max-width: 767px) {
.slider_area .single_slider .slider_text p {
font-size: 13px;
width: 351 px;
}



}

.m-bo-2{
   margin-bottom: -30px;
}

.m-bo-3{
    margin-bottom: -65px;
}

.m-bo-4{
margin-bottom: -89px;
}

.booking-area {
margin-top: -89px;
z-index: 1;
position: relative; }
.booking-area .booking-wrap {
/*padding: 39px 80px 20px 80px;*/
background: #ffffff;
border-radius: 10px;
box-shadow:-1px -4px 27px -5px rgba(0, 0, 0, 0.08);
flex-wrap: wrap;
border: solid 1px;



}

.btn-book{
padding-top: 34px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
.btn-book{
padding-top: 34px;
}
.booking-area .booking-wrap {
padding: 34px 46px 20px 42px; } }
@media only screen and (min-width: 576px) and (max-width: 767px) {
.btn-book{
padding-top: 35px;
}
.booking-area .booking-wrap {
padding: 49px 15px 20px 20px; } }
@media (max-width: 767px) {
.booking-area .booking-wrap {
padding: 40px 26px 3px 54px; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.booking-area .booking-wrap {
flex-wrap: wrap; } }
@media only screen and (min-width: 576px) and (max-width: 767px) {
.booking-area .booking-wrap {
flex-wrap: wrap; } }
@media (max-width: 767px) {
.booking-area .booking-wrap {
flex-wrap: wrap; } }

.booking-area .booking-wrap .boking-tittle span {
color: #262626;
font-size: 16px;
margin-bottom: 10px;
font-weight: 600;
display: block; }
.booking-area .booking-wrap .nice-select.open .list {
width: 100%; }
.booking-area .booking-wrap .nice-select .list {
width: 100%; }
@media (max-width: 767px) {
.booking-area .booking-wrap .nice-select {
width: 80%; } }
@media only screen and (min-width: 576px) and (max-width: 767px) {
.booking-area .booking-wrap .nice-select {
width: 80%; } }
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.booking-area .booking-wrap .nice-select {
width: 50%; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.booking-area .booking-wrap .nice-select {
width: 80%; } }

/*.select-btn {
padding: 27px 49px; }*/
@media (max-width: 767px) {
.select-btn {
width: 100%; } }
@media only screen and (min-width: 576px) and (max-width: 767px) {
.select-btn {
width: 100%; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.select-btn {
width: 100%;
margin-top: 20px;} }

@media (max-width: 767px) {
.single-select-box.pt-45 {
padding-top: 0; }

.slider_area .single_slider {
height: 50vh;
background-size: cover;
background-repeat: no-repeat;
}



}

@media only screen and (min-width: 576px) and (max-width: 767px) {
.single-select-box.pt-45 {
padding-top: 45px; } }



.booking-area .booking-wrap .nice-select.open .list {
width: 100%;
top: 50px; }

.nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
background-color: #dca73a;
color: #791616; }

.booking-area .booking-wrap .nice-select.open .list {
border: 1px solid #dca73a;
width: 100%; }



.titre h3 {
font-size: 30px;
color: #B4956F;
position: relative;
display: inline-block;
margin-bottom: 60px; }
.titre h3::before {
position: absolute;
content: "";
width: 154px;
height: 2px;
background: #B4956F;
top: 0;
left: -180px;
top: 50%;
transform: translateY(-50%); }
.titre h3::after {
position: absolute;
content: "";
width: 170px;
height: 2px;
background: #B4956F;
top: 0;
right: -190px;
top: 50%;
transform: translateY(-50%); }



.hov-img-zoom:hover img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}

.chambres{

}
.carte img{
border-radius: 11px;
}

/*
.services__item p{
text-align: justify;
}
*/

.services__item{
text-align: center;
}


/*---------------------
Breadcrumb
-----------------------*/

.breadcrumb-option {
padding: 130px 0;
}

.breadcrumb-option.contact-breadcrumb {
padding: 70px 0 260px;
}

.breadcrumb-option.contact-breadcrumb h2 {
margin-bottom: 0;
}

.breadcrumb__text h1 {
color: #ffffff;
font-weight: 500;
font-size: 47px;
margin-bottom: 10px;
}

.breadcrumb__links a {
font-size: 18px;
color: #ffffff;
margin-right: 22px;
display: inline-block;
position: relative;
}

.breadcrumb__links a:after {
position: absolute;
right: -18px;
top: 0;
content: "";
font-family: "FontAwesome";
}

.breadcrumb__links span {
font-size: 18px;
color: #d5d8db;
display: inline-block;
}



.profile-pic {
-webkit-box-flex: 0 !important;
-ms-flex: 0 0 50px !important;
flex: 0 0 50px !important; }
.profile-pic img {
width: 3rem !important;
height: 3rem;
border-radius: 50%!important;
border: solid;
}
.m-bo-23{
margin-bottom: -50px!important;
}

.contentbutton{
justify-content: center;
}




















@media (max-width: 767px) {
.about_area {
margin-top: 27px !important;

}



}

@media (min-width: 768px) and (max-width: 991px) {
.about_area {
padding-top: 80px;
padding-bottom: 80px
}
}

@media (min-width: 992px) and (max-width: 1200px) {
.about_area {
padding-top: 3px;

}
}

.about_area .about_info p {
font-size: 16px;
line-height: 28px;
font-size: 16px;
line-height: 28px;
margin-top: 0;
margin-bottom: 20px;
text-align: justify;
}

@media (max-width: 767px) {
.about_area .about_info a {
margin-bottom: 30px
}
}

.about_area .about_thumb {
-webkit-justify-content: flex-end;
-moz-justify-content: flex-end;
-ms-justify-content: flex-end;
justify-content: flex-end;
-ms-flex-pack: flex-end
}

@media (min-width: 768px) and (max-width: 991px) {
.about_area .about_thumb {
-webkit-justify-content: flex-start;
-moz-justify-content: flex-start;
-ms-justify-content: flex-start;
justify-content: flex-start;
-ms-flex-pack: flex-start;
margin-top: 30px
}
}

.about_area .about_thumb img {
width: 100%
}

.about_area .about_thumb .img_2 {
margin-top: 40px;
margin-left: 10px
}

@media (min-width: 768px) and (max-width: 991px) {
.about_area .about_thumb2 {
margin-bottom: 30px
}
}

.about_area .about_thumb2 img {
width: 489px;
height: 250px;
object-fit: cover;
border-radius: 11px
}

.about_area .about_thumb2 .img_2 {
margin-top: 40px;
margin-left: 10px
}

.about_bg_1 {
background-image: url(../img/banner/about_banner.png)
}

.about_info_area {
padding-left: 387px;
margin-top: 50px
}

@media (min-width: 768px) and (max-width: 991px) {
.about_info_area {
padding-left: 0px
}
.offer-img{
height: 300px;
border-radius: 0 5px 0 0;
}
}

@media (max-width: 767px) {
.about_info_area {
padding-left: 0px
}
.offer-img{
height: 240px;
border-radius: 0 5px 0 0;
background-size: cover;
}
}

@media (min-width: 992px) and (max-width: 1200px) {
.about_info_area {
padding-left: 0px
}
.offer-img{
height: 400px;
border-radius: 0 5px 0 0;
background-size: contain;
}
}

@media (min-width: 1200px) and (max-width: 1500px) {
.about_info_area {
padding-left: 0px
}
.offer-img{
height: 400px;
border-radius: 0 5px 0 0;
background-size: contain;
}
}

.about_info_area .single_slider {
height: 750px;
background-size: cover;
background-position: center center;
background-repeat: no-repeat
}

@media (max-width: 767px) {
.about_info_area .single_slider {
height: 400px
}
}

@media (min-width: 768px) and (max-width: 991px) {
.about_info_area .single_slider {
height: 400px
}
}

@media (min-width: 992px) and (max-width: 1200px) {
.about_info_area .single_slider {
height: 500px
}
}

.about_main_info {
margin-top: 55px
}

@media (max-width: 767px) {
.about_main_info {
margin-top: -65px
}
}

.about_main_info .single_about_info {
margin-bottom: 43px
}

@media (max-width: 767px) {
.about_main_info .single_about_info {
margin-bottom: 30px
}
}

.about_main_info .single_about_info h3 {
font-size: 18px;
color: #1F1F1F;
margin-bottom: 0;
margin-bottom: 10px;
line-height: 32px
}

.about_main_info .single_about_info p {
font-size: 16px;
line-height: 28px;
font-weight: 400;
color: #000000}

@media (max-width: 767px) {
.about_main_info .single_about_info p br {
display: none
}
}

@media (min-width: 768px) and (max-width: 991px) {
.about_main_info .single_about_info p br {
display: none
}
}

@media (min-width: 992px) and (max-width: 1200px) {
.about_main_info .single_about_info p br {
display: none
}
}

@media (min-width: 1200px) and (max-width: 1500px) {
.about_main_info .single_about_info p br {
display: none
}
}



.home-room .container-fluid {
padding-right: 0;
overflow: hidden;
}


.home__room__item {
height: 493px;
position: relative;
margin-right: 15px;
margin-bottom: 15px;
}

.home__room__item:hover .home__room__title {
top: 0;
margin-top: 0;
padding: 32px 25px 0;
}

.home__room__item:hover a {
bottom: 32px;
opacity: 1;
visibility: visible;
}

.home__room__item a {
font-size: 18px;
color: #B4956F;
font-family: Montserrat, sans-serif;
position: relative;
padding: 4px 0;
display: inline-block;
position: absolute;
left: 25px;
bottom: 0px;
opacity: 0;
visibility: hidden;
-webkit-transition: all, 0.5s;
-o-transition: all, 0.5s;
transition: all, 0.5s;
}

.home__room__item a:before {
position: absolute;
left: 0;
bottom: 0;
height: 2px;
width: 100%;
background: #B4956F;
content: "";
}

.home__room__title {
position: absolute;
left: 0;
top: 100%;
width: 100%;
padding: 0 25px;
margin-top: -213px;
-webkit-transition: all, 0.5s;
-o-transition: all, 0.5s;
transition: all, 0.5s;
}

.home__room__title h4 {
color: #ffffff;
margin-bottom: 5px;
}

.home__room__title h2 {
font-size: 48px;
color: #ffffff;
position: relative;
padding-left: 12px;
}

.home__room__title h2 sup {
font-size: 20px;
position: absolute;
left: 0;
top: 15px;
}

.home__room__title h2 span {
font-size: 18px;
}

.photos img{
border-radius: 11px;
}

.single-room:hover .room-caption {

border-top: transparent; }

.single-room:hover .room-img img {
transform: rotate(1deg) scale(1.1); }

.single-room .room-img {
overflow: hidden;
border-radius:  11px 11px 0 0 ;
}
.single-room .room-img img {
width: 36rem;
height: 15rem;
object-fit: cover;
transform: rotate(0deg) scale(1);
-webkit-transition: all 0.6s ease-out 0s;
-moz-transition: all 0.6s ease-out 0s;
-ms-transition: all 0.6s ease-out 0s;
-o-transition: all 0.6s ease-out 0s;
transition: all 0.6s ease-out 0s; }


.single-room{
box-shadow: 0 3px 0px 0 rgba(0,0,0,.24), 0 5px 14px 0 rgba(0,0,0,.19);
}
.single-room .room-caption {


border: 1px solid transparent;
border-radius: 0 0 11px 11px;
border-top: 0;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s; }
.single-room .room-caption:hover h3 a {
color: #B4956F; }
.single-room .room-caption h3 {
color: #B4956F;
font-size: 17px;
font-weight: 600;
margin-bottom: 19px;
font-family: Montserrat, sans-serif;
}
@media (max-width: 767px) {
.single-room .room-caption h3 {
font-size: 20px; } }
.single-room .room-caption h3 a:hover {
color: #B4956F; }
.single-room .room-caption .per-night span {
color: #B4956F;
font-size: 18px;

}
.single-room .room-caption .per-night span u {
float: left;
font-size: 14px;
font-family: Montserrat, sans-serif;
text-decoration: none; }
.single-room .room-caption .per-night span span {
color: #848484;
font-size: 14px; }



.dining-area .single-dining-area {
position: relative;
padding: 72px 0; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.dining-area .single-dining-area {
padding: 10px 0; } }
@media only screen and (min-width: 576px) and (max-width: 767px) {
.dining-area .single-dining-area {
padding: 10px 0; } }
@media (max-width: 767px) {
.dining-area .single-dining-area {
padding: 10px 0; } }
.dining-area .single-dining-area.left-img {
position: relative; }
.dining-area .single-dining-area.left-img::before {
position: absolute;
left: 0;
content: "";
top: 0;
bottom: 0;
width: 100%;
border-radius: 0 5px 0 0;
/* background-size: cover; */
background-repeat: no-repeat;
}

@media (max-width: 767px) {
.dining-area .single-dining-area.left-img::before {
display: none; } }
.dining-area .single-dining-area.right-img {
position: relative; }
.dining-area .single-dining-area.right-img::before {
position: absolute;
right: 0;
content: "";
top: 0;
bottom: 0;
background-image: url(../img/pics/hotel.jpg);
width: 50%;
border-radius: 0 0 0 5px;
background-repeat: no-repeat;
background-size: cover; }
@media (max-width: 767px) {
.dining-area .single-dining-area.right-img::before {
display: none; } }

.dining-area .dining-caption {
background: rgb(252 252 252 / 72%);
padding: 50px 50px 50px 50px;
height: 100%;
border-radius: 5px; }
@media only screen and (min-width: 768px) and (max-width: 991px) {

.dining-area .dining-caption {
padding: 60px 69px 68px 61px;
height: 100%;
} }
@media only screen and (min-width: 576px) and (max-width: 767px) {
.dining-area .dining-caption {
padding: 57px 59px 65px 79px;
height: 100%;



} }
@media (max-width: 767px) {
.dining-area .dining-caption {
padding: 30px 30px 50px 30px;
height: 100%;

} }
.dining-area .dining-caption span {
color: #B4956F;
text-transform: uppercase;
margin-bottom: 14px;
display: block; }
.dining-area .dining-caption h3 {
font-weight: 600;
color: #B4956F;
margin-bottom: 30px;
}
.dining-area .dining-caption p {
line-height: 1.6;
font-size: 15px;
text-align: justify;
}
@media (max-width: 767px) {
.dining-area .dining-caption p br {
display: none; } }





.line-button2 {
color: #B4956F;
font-size: 15px;
font-weight: 400;
display: inline-block;
position: relative;
padding-right: 5px;
padding-bottom: 2px;
border-bottom: dotted 2px;

}



.nav-pills .lien{
background-color: #B4956F !important;
color: white !important;
padding: 17px !important;
margin: 9px !important;
border-radius: 11px !important;
}

.nav-pills .nav-link.active {
background-color: #7C4A34 !important;
color: #ffffff !important;
padding: 17px !important;
margin: 9px !important;
border-radius: 11px !important;
}


@media (max-width: 511px) {
.nav-pills{
font-size: xx-small;
justify-content: center;

}
.nav-pills .lien{
background-color: #B4956F !important;
color: white !important;
padding: 17px !important;
margin: 5px !important;
border-radius: 11px !important;
}

.nav-pills .nav-link.active {
background-color: #7C4A34 !important;
color: #ffffff !important;
padding: 17px !important;
margin: 5px !important;
border-radius: 11px !important;
}
}


















.blog-area .single-blog {
box-shadow: -5.605px 19.951px 18px -10px rgba(0, 0, 0, 0.05);
transition: .4s;
border-radius: 11px;
border: solid 1px;
}



.blog-area .single-blog:hover .blog-img img {
transform: rotate(1deg) scale(1.1); }
.blog-area .single-blog .blog-img {
overflow: hidden; }
.blog-area .single-blog .blog-img img {
width: 100%;
transform: rotate(0deg) scale(1);
-webkit-transition: all 0.4s ease-out 0s;
-moz-transition: all 0.4s ease-out 0s;
-ms-transition: all 0.4s ease-out 0s;
-o-transition: all 0.4s ease-out 0s;
transition: all 0.4s ease-out 0s; }




.blog-area .single-blog .blog-caption {
padding: 15px 20px 20px 10px; }

@media (max-width: 767px) {
.blog-area .single-blog .blog-caption {

padding: 22px 22px 20px 20px; } }





.blog-area .single-blog .blog-caption .blog-cap-top span {
color: #ffffff;
background: #B4956F;
padding: 4px 13px;
font-family: Montserrat, sans-serif;
font-size: 14px;
font-weight: 300;
border-radius: 5px; }
.blog-area .single-blog .blog-caption .blog-cap-top ul li {
color: #000000;
font-size: 14px;
font-family: Montserrat, sans-serif; }
.blog-area .single-blog .blog-caption .blog-cap-top ul li a {
color: #B4956F;
font-size: 14px; }
.blog-area .single-blog .blog-caption .blog-cap-mid p a {
color: #7C4A34;
font-size: 16px;
font-family: Montserrat, sans-serif;
line-height: 28px;
margin-bottom: 30px;
font-weight: 400;

}
@media (max-width: 767px) {
.blog-area .single-blog .blog-caption .blog-cap-mid p a {
font-size: 14px; } }
.blog-area .single-blog .blog-caption .blog-cap-mid p a:hover {
color: #7C4A34; }
.blog-area .single-blog .blog-caption .blog-cap-bottom {
padding-top: 20px;
border-top: 1px solid #f9f9f9; }
.blog-area .single-blog .blog-caption .blog-cap-bottom span {
color: #adadad;
font-size: 14px; }
.blog-area .single-blog .blog-caption .blog-cap-bottom span img {
margin-right: 5px; }



/*---------------------
Testimonial
-----------------------*/

.testimonial {
padding-top: 20px;
margin-bottom: 32px;


}

.testimonial__pic img {
min-width: 100%;
}

.testimonial__text {

padding-top: 35px;
}

.testimonial__text .section-title {
text-align: left;
margin-bottom: 45px;
}

.testimonial__slider__content {
position: relative;
}

.testimonial__slider.owl-carousel .owl-stage-outer {
margin-bottom: 50px;
}

.testimonial__slider.owl-carousel .owl-nav {
position: absolute;
right: 0;
bottom: 23px;
}

.testimonial__slider.owl-carousel .owl-nav button {
font-size: 20px;
color: #19191A;
height: 40px;
width: 40px;
border-radius: 50%;
margin-right: 10px;
}

.testimonial__slider.owl-carousel .owl-nav button:last-child {
margin-right: 0;
}

.testimonial__slider.owl-carousel .owl-nav button:hover {
background: #19191A;
color: #ffffff;
}

.testimonial__slider.owl-carousel .owl-dots {
display: none;
}

.testimonial__item {
position: relative;
}

.testimonial__item h5 {
color: #1a1a1a;
margin-bottom: 20px;
}

.testimonial__item .rating {
position: absolute;
right: 0;
top: 0;
}

.testimonial__item .rating i {
font-size: 14px;
color: #7C4A34;
margin-left: -4px;
}

.testimonial__item p {
margin-bottom: 28px;
}

.testimonial__author {
overflow: hidden;
}

.testimonial__author__title h5 {
color: #B4956F;
font-weight: 600;
margin-bottom: 10px;
}

.testimonial__author__title span {
font-size: 16px;
color: #000000;
}

.testimonial__author__social {
text-align: right;
padding-top: 10px;
}

.testimonial__author__social a {
font-size: 14px;
color: #000000;
margin-right: 28px;
}

.testimonial__author__social a:last-child {
margin-right: 0;
}

.slide-num {
position: absolute;
left: 0;
bottom: -70px;
}

.slide-num span {
font-size: 24px;
color: #1a1a1a;
font-weight: 500;
}

.slide-num span:last-child {
position: absolute;
left: 135px;
}

.slider__progress {
position: absolute;
width: 85px;
height: 4px;
left: 41px;
}

.slider__progress span {
display: block;
height: 4px;
background: #E9AD28;
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}


.room__pic__item {
height: 400px;
}

.room__text {
margin-bottom: 30px;
}

.room__text.right__text {
padding-left: 6px;
}

.room__text h3 {
color: #19191A;
font-weight: 500;
margin-bottom: 25px;
}

.room__text h2 {
font-size: 48px;
color: #B4956F;
position: relative;
padding-left: 12px;
margin-bottom: 20px;
}

.room__text h2 sup {
font-size: 10px;
position: absolute;
left: -15px;
top: 15px;
color: #1d1c1c;
}

.room__text h2 span {
font-size: 18px;
color: #1d1c1c;
}

.room__text ul {
margin-bottom: 30px;
}

.room__text ul li {
list-style: none;
font-size: 18px;
color: #1d1c1c;
line-height: 36px;
}

.room__text ul li span {
display: inline-block;
width: 130px;
}

.room__text a {
font-size: 17px;
color: #1d1c1c;
font-family: Montserrat, sans-serif;
position: relative;
padding: 4px 0;
display: inline-block;
font-weight: 500;
-webkit-transition: all, 0.3s;
-o-transition: all, 0.3s;
transition: all, 0.3s;
}

.room__text a:before {
position: absolute;
left: 0;
bottom: 0;
height: 2px;
width: 100%;
background: #B4956F;
content: "";
}


body{
margin:0;

}

*,:after,:before{box-sizing:border-box}
.clearfix:after,.clearfix:before{content:'';display:table}
.clearfix:after{clear:both;display:block}
a{color:inherit;text-decoration:none}

.login-wrap{
width:100%;
margin:auto;
max-width:509px;
min-height:1000px;
position:relative;
background : url("../img/pics/log.jpg") no-repeat center;
box-shadow:0 12px 15px 0 rgba(0,0,0,.24),0 17px 50px 0 rgba(0,0,0,.19);
}
.login-html {
width: 100%;
height: 100%;
position: absolute;
padding: 40px 22px 50px 21px;
background: rgba(0, 0, 0, 0.9);
}
.login-html .sign-in-htm,
.login-html .sign-up-htm{
top:0;
left:0;
right:0;
bottom:0;
position:absolute;
transform:rotateY(180deg);
backface-visibility:hidden;
transition:all .4s linear;
}
.login-html .sign-in,
.login-html .sign-up,
.login-form .group .check{
display:none;
}
.login-html .tab,
.login-form .group .label,
.login-form .group .button{
text-transform:uppercase;
}
.login-html .tab{
font-size:17px;
margin-right:15px;
padding-bottom:5px;
margin:0 15px 10px 0;
display:inline-block;
border-bottom:2px solid transparent;
}
.login-html .sign-in:checked + .tab,
.login-html .sign-up:checked + .tab{
color:#ffffff;
border-color:#ffffff;
}
.login-form{
min-height:345px;
position:relative;
perspective:1000px;
transform-style:preserve-3d;
}
.login-form .group{
margin-bottom:15px;
}

.login-form .group .input{
border:none;
padding:15px 20px;
border-radius:25px;
color: #ffffff;
background:rgba(255,255,255,.1);
width: 100%;
}
.login-form .group .label,
.login-form .group .button{
width:100%;
color:#ffffff;
display:block;
}

.login-form .group .button{
border:none;
padding:15px 20px;
border-radius:25px;
color: #B4956F;
background:rgba(255,255,255,.1);
}
.login-form .group .input[data-type="password"]{
text-security:circle;
-webkit-text-security:circle;
}
.login-form .group .label{
color: #ffffff;
font-size:12px;
}
.login-form .group .button{
background:#ffffff;
}
.login-form .group label .icon{
width:15px;
height:15px;
border-radius:2px;
position:relative;
display:inline-block;
background:rgba(255,255,255,.1);
}
.login-form .group label .icon:before,
.login-form .group label .icon:after{
content:'';
width:10px;
height:2px;
background:#ffffff;
position:absolute;
transition:all .2s ease-in-out 0s;
}
.login-form .group label .icon:before{
left:3px;
width:5px;
bottom:6px;
transform:scale(0) rotate(0);
}
.login-form .group label .icon:after{
top:6px;
right:0;
transform:scale(0) rotate(0);
}
.login-form .group .check:checked + label{
color:#ffffff;
}
.login-form .group .check:checked + label .icon{
background:#B4956F;
}
.login-form .group .check:checked + label .icon:before{
transform:scale(1) rotate(45deg);
}
.login-form .group .check:checked + label .icon:after{
transform:scale(1) rotate(-45deg);
}
.login-html .sign-in:checked + .tab + .sign-up + .tab + .login-form .sign-in-htm{
transform:rotate(0);
}
.login-html .sign-up:checked + .tab + .login-form .sign-up-htm{
transform:rotate(0);
}

.hr{
height:2px;
margin:60px 0 50px 0;
background:rgba(255,255,255,.2);
}
.foot-lnk{
text-align:center;
}







































.offers_area {
padding-bottom: 100px
}

@media (max-width: 767px) {
.offers_area {
padding-bottom: 40px
}
}

.offers_area.padding_top {
padding-top: 200px
}

@media (max-width: 767px) {
.offers_area.padding_top {
padding-top: 40px
}
}

@media (min-width: 768px) and (max-width: 991px) {
.offers_area.padding_top {
padding-top: 80px
}
}

@media (min-width: 992px) and (max-width: 1200px) {
.offers_area.padding_top {
padding-top: 80px
}
}

@media (max-width: 767px) {
.offers_area .single_offers {
margin-bottom: 30px
}
}

.offers_area .single_offers .about_thumb {
overflow: hidden
}

.offers_area .single_offers .about_thumb img {
width: 100%;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition: .3s;
-moz-transition: .3s;
-o-transition: .3s;
transition: .3s
}

.offers_area .single_offers h3 {
font-size: 22px;
font-weight: 400;
color: #1F1F1F;
margin-top: 32px
}

@media (min-width: 768px) and (max-width: 991px) {
.offers_area .single_offers h3 {
font-size: 18px
}
}

@media (min-width: 768px) and (max-width: 991px) {
.offers_area .single_offers h3 br {
display: none
}
}

.offers_area .single_offers ul {
margin-top: 17px;
margin-bottom: 30px
}

.offers_area .single_offers ul li {
font-size: 16px;
color: #000000;
line-height: 28px;
position: relative;
z-index: 9;
padding-left: 23px
}

.offers_area .single_offers ul li::before {
position: absolute;
content: "";
width: 8px;
height: 8px;
background: #000000;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
border-radius: 50%
}

.offers_area .single_offers a {
width: 100%;
text-align: center
}

.offers_area .single_offers:hover .about_thumb img {
width: 100%;
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1)
}

.features_room {
padding-top: -12px;
display: block;
overflow: hidden
}

@media (max-width: 767px) {
.features_room {
padding-top: 40px
}
}

@media (min-width: 768px) and (max-width: 991px) {
.features_room {
padding-top: 0
}
}

.features_room .rooms_here .single_rooms {
position: relative;
margin-bottom: 20px;
}

@media (max-width: 767px) {
.features_room .rooms_here .single_rooms {
width: 100%;
margin-bottom: 8px;
}
}

.features_room .rooms_here .single_rooms::before {
position: absolute;
left: 15px;
top: 0;
border-radius: 11px;
width: 9""%;
height: 100%;
content: "";

background:  #B4956F 77%;

z-index: 1;
opacity: .5;
}

.features_room .rooms_here .single_rooms .room_thumb {
position: relative;
overflow: hidden
}

.features_room .rooms_here .single_rooms .room_thumb img {
width: 500px;
height: 400px;
object-fit: cover;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
transition: .5s
}

.features_room .rooms_here .single_rooms .room_thumb .room_heading {
position: absolute;
left: 0;
right: 0;
bottom: 0px;
padding: 60px 60px 47px 60px
}

@media (max-width: 767px) {
.features_room .rooms_here .single_rooms .room_thumb .room_heading {
padding: 20px
}

.features_room .rooms_here .single_rooms .room_thumb img {


height: 400px;
object-fit: cover;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
transition: .5s
}
}

@media (min-width: 768px) and (max-width: 991px) {
.features_room .rooms_here .single_rooms .room_thumb .room_heading {
padding: 20px
}

.features_room .rooms_here .single_rooms .room_thumb img {
width: 500px;
height: 400px;
object-fit: cover;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
transition: .5s
}





}

.features_room .rooms_here .single_rooms .room_thumb .room_heading span {
font-size: 14px;
color: #FFFFFF;
margin-bottom: 9px;
display: block;
position: relative;
z-index: 8
}

.features_room .rooms_here .single_rooms .room_thumb .room_heading h3 {
font-size: 22px;
color: #ffffff;
position: relative;
z-index: 8
}

@media (max-width: 767px) {
.features_room .rooms_here .single_rooms .room_thumb .room_heading h3 {
font-size: 20px
}
}

.features_room .rooms_here .single_rooms .room_thumb .room_heading a {
color: #ffffff;
text-transform: capitalize;
font-weight: 500;
position: relative;
z-index: 8;
-webkit-transform: translateY(-40px);
-moz-transform: translateY(-40px);
-ms-transform: translateY(-40px);
transform: translateY(-40px);
opacity: 0;
visibility: hidden
}

.features_room .rooms_here .single_rooms .room_thumb .room_heading a:hover {
color: white;
}

.features_room .rooms_here .single_rooms:hover img {
width: 100%;
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1)
}

.features_room .rooms_here .single_rooms:hover .room_heading a {
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
opacity: 1;
visibility: visible
}

.forQuery {
padding-top: 200px;
padding-bottom: 200px
}

@media (max-width: 767px) {
.forQuery {
padding: 60px 0
}
}

@media (min-width: 768px) and (max-width: 991px) {
.forQuery {
padding: 100px 0
}
}

@media (min-width: 992px) and (max-width: 1200px) {
.forQuery {
padding: 100px 0
}
}

@media (min-width: 1200px) and (max-width: 1500px) {
.forQuery {
padding: 100px 0
}
}

.forQuery .Query_border {
border: 1px solid #BABABA;
padding: 38px 50px
}

@media (max-width: 767px) {
.forQuery .Query_border {
padding: 20px 20px
}
}

.forQuery .Query_border .Query_text {
text-align: left
}

.forQuery .Query_border p {
font-size: 30px;
color: #1F1F1F;
font-weight: 400;
margin-bottom: 0
}

@media (max-width: 767px) {
.forQuery .Query_border p {
margin-bottom: 20px;
font-size: 18px;
text-align: center
}
}

@media (min-width: 768px) and (max-width: 991px) {
.forQuery .Query_border p {
font-size: 18px
}
}

.forQuery .Query_border .phone_num {
text-align: right
}

@media (max-width: 767px) {
.forQuery .Query_border .phone_num {
text-align: center
}
}

.forQuery .Query_border .phone_num a {
background: #009DFF;
color: #ffffff;
padding: 12px 53px;
border-radius: 30px;
display: inline-block;
font-size: 18px;
border: 1px solid transparent
}

.forQuery .Query_border .phone_num a:hover {
color: #009DFF;
border: 1px solid #009DFF;
background: #ffffff}

.instragram_area {
display: block;
overflow: hidden
}

.instragram_area .single_instagram {
width: 20%;
float: left;
position: relative;
overflow: hidden
}

@media (max-width: 767px) {
.instragram_area .single_instagram {
width: 100%
}
}

@media (min-width: 768px) and (max-width: 991px) {
.instragram_area .single_instagram {
width: 50%
}
}

.instragram_area .single_instagram img {
width: 100%;
-webkit-transform: scaleX(1);
-moz-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1);
-webkit-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
transition: .5s
}

.instragram_area .single_instagram .ovrelay {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.2);
-webkit-transform: translateX(-80%);
-moz-transform: translateX(-80%);
-ms-transform: translateX(-80%);
transform: translateX(-80%);
-webkit-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
transition: .5s;
opacity: 0;
visibility: hidden
}

.instragram_area .single_instagram .ovrelay a {
color: #ffffff;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
right: 0;
text-align: center;
font-size: 34px;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%)
}

.instragram_area .single_instagram:hover .ovrelay {
-webkit-transform: translateX(0%);
-moz-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%);
opacity: 1;
visibility: visible
}

.instragram_area .single_instagram:hover img {
-webkit-transform: scaleX(1.1);
-moz-transform: scaleX(1.1);
-ms-transform: scaleX(1.1);
transform: scaleX(1.1)
}

#test-form .white-popup-block .popup_inner .gj-datepicker span {
color: red
}

#test-form .white-popup-block input {
width: 100%;
height: 50px
}

.gj-datepicker input {
width: 100%;
height: 50px;
border: 1px solid #ddd;
padding: 17px;
font-size: 12px;
color: #919191;
margin-bottom: 20px;
border-radius: 11px;
}

.gj-datepicker-md [role="right-icon"] {
position: absolute;
top: 0px;
font-size: 14px;
color: #919191;
margin-right: 15px;
top: 16px;
}

.gj-picker-md {
font-family: Montserrat,  sans-serif;
font-size: 16px;
font-weight: 400;
letter-spacing: .04em;
line-height: 1;
color: rgba(0, 0, 0, 0.87);
padding: 10px;
padding: 20px;
border: 1px solid #E0E0E0
}



@media (min-width: 1200px) and (max-width: 1500px) {


.gj-datepicker-md [role="right-icon"] {
position: absolute;
top: 0px;
font-size: 14px;
color: #919191;
margin-right: 15px;
top: 16px;
}
}


img {
max-width: 100%;
height: auto;
}


.logo-img img{
max-width: 50% !important;
height: auto!important;
}
section {
padding: 30px  0;

}
span, a, a:hover {
display: inline-block;
text-decoration: none;
color: inherit;
}

.blog img{
max-width: 100%;
}
.blog-head {
margin-bottom: 70px;
}

.blog-head h6{
color: #f05907;
position: relative;
display: inline-block;
text-transform: capitalize;
}

.blog-head h6:after, .blog-head h6:before{
position: absolute;
content: "";
width: 50px;
height: 3px;
background: #f05907;
top: 50%;
}

.blog-head h6:after{
right: 120%;
}

.blog-head h6:before{
left: 120%;
}

.overlay {
position: absolute;
left: 0;
top: 15px;
right: 0;
top: 15px;
bottom: 0;
background-color: rgba(5, 5, 5, 0.82);
overflow: hidden;
width: 100%;
height: 100%;
transition: .5s ease;
border-bottom-right-radius: 11px;
border-bottom-left-radius: 11px;
}

.item2 {
position: relative;
overflow: hidden;
margin: 20px 0;
}

.item2:hover .overlay {
bottom: 0;
height: 100%;
width: 100%;
}


.title-overlay {
height: auto;
top: auto;
opacity: 0;
}
.item2:hover .title-overlay {
opacity: 1;
height: auto;
padding: 80px 0;
}
.text {
color: white;
font-size: 1vw;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-align: center;
}

.informations{
width: 100%;

background-color: #7C4A34;

border-radius: 11px;
}

.informations2{
width: 100%;



box-shadow: 2px 2px 5px 0px #B4956F !important;
}

.article h3{
margin-bottom: -29px;
}




.media1{

}


















.round-btn {display: inline;height: 40px; width: 40px; background:#ffffff;border-radius: 50%;float: left;margin: 15px 8px;box-shadow: 2px 2px 5px 0px rgb(82, 0, 67);border: 1px solid;/*border: 1px solid #622657;*/}
.round-btn a {display: block !important;padding: 7px 12px;font-size: 18px;border-radius: 50%;}
.round-btn .icon {padding: 3px;}
.round-btn .icon img{height: 24px; width: 32px;margin-top: 6px;}
.btn-facebook a {
color: #3b5998;
padding: 5px 11px;
}
.btn-linkedin a {color: #007bb6;}
.btn-twitter a{color: #1c9deb;}
.btn-instagram a{color: #dd3f5c;}
.btn-whatsapp a{color: #155E54;}
.btn-envelop a{color: #D6403A;font-size: 15px; padding: 9px 12px;}
.standard_header .standard_social_links {margin-left: 1rem;}

/*
=========================================================================================
footer
=========================================================================================
*/

.footer-wrap {
padding-top: 43px;
background-size: cover;
background-color: #7C4A34;
}

.footer-wrap h3 {
color: #ffffff;
font-size: 17px;
text-transform: uppercase;
margin-bottom: 25px;
}

.footer-wrap p {
font-size: 13px;
line-height: 24px;
color: #ffffff;
margin-top: 15px;
}

.footer-wrap p a {
color: #ffffff;
text-decoration: underline;
font-style: italic;
font-weight: bold;
}



.footer-links li a {
font-size: 13px;
line-height: 30px;
color: #ffffff;
text-decoration: none;
}


.footer-links li:before {
content: "\f105";
font-family: 'FontAwesome';
padding-right: 10px;
color: #ffffff;
}

.footer-category li a {
font-size: 13px;
line-height: 30px;
color: #ffffff;
text-decoration: none;
}

.footer-category li:before {
content: "\f105";
font-family: 'FontAwesome';
padding-right: 10px;
color: #ffffff;
}

.address {

color: #ffffff;
font-size: 14px;
position: relative;
padding-left: 30px;
line-height: 30px;
}

.address:before {
content: "\f277";
font-family: 'FontAwesome';
position: absolute;
top: 0;
left: 0;
}

.info a {

color: #ffffff;
font-size: 14px;
line-height: 30px;
font-weight: normal;
}

.fa-phone:before {
content: "\f095";
}

.info a {

color: #ffffff;
font-size: 14px;
line-height: 30px;
font-weight: normal;
}

.fa-fax:before {
content: "\f1ac";
}

.copyright {
border-top: 1px solid #ffffff;
font-size: 14px;
color: #ffffff;
padding-top: 15px;
text-align: center;
background: #7C4A34;
display: none;
}

.copyright2 {
border-top: 1px solid #ffffff;
font-size: 14px;
color: #ffffff;
padding-top: 15px;
text-align: center;
background: #7C4A34;

}
footer .second_class{
border-bottom: 1px solid #ffffff;
padding-bottom: 25px;
}
footer .first_class {
border-bottom: 1px solid #ffffff;

}

footer .first_class2 {
border-bottom: 1px solid #ffffff;


}

.division1{
display: none;
}

.division2{
display: block;
}

.profil{
display: flex;
border-radius: 53%;
border: white solid;
padding: 9px
flex-direction: row;
flex-wrap: wrap;
align-content: stretch;
justify-content: space-evenly;
align-items: center;
}
.boutoninter1{
display: table!important;
}
.boutoninter2{
display: none!important;
}

footer .first_class p, footer .first_class h3{
margin: 0 0;

}
footer{
background: #000000;
}

footer .newsletter input[type="email"] {
width: 100%;
background: #ffffff;
color: #000000;
border: 1px solid #B4956F;
padding: 14px 20px;
border-radius: 20px;
margin-top: 12px;
}

.newsletter .newsletter_submit_btn {
background: #ffffff;
position: absolute;
right: 30px;
border: 0;
top: 26px;
font-size: 17px;
color: #B4956F;
}


footer .btn-facebook a {
padding: 5px 10px !important;
}

footer .btn-facebook a {
padding: 6px 14px !important;
}

footer .btn-envelop a {
color: #D6403A;
font-size: 15px;
padding: 12px 12px;
}

footer .round-btn a {
padding: 6px 12px;
}

footer .round-btn {
box-shadow: 2px 2px 5px 0px #B4956F !important;}

footer .round-btn {
margin: 15px 4px;}

footer dl, ol, ul {
padding-left: 28px;
}
footer li{
list-style: none;
}

.blog__item__pic .tag {
font-size: 14px;
color: #ffffff;
background: #B4956F;
border-radius: 2px;
display: inline-block;
padding: 4px 16px 2px;
position: absolute;
left: 48px;
top: 20px;
border-radius: 11px;
}


.blog__item__pic img {
width: 318px;
height: 242px;
border-radius: 8px;
object-fit: cover;
}



.centrer{

}









@media(max-width:768px){
.footer-wrap h3 {
margin-top: 27px;}

footer .round-btn {
margin: 15px 3px;}

.newsletter .newsletter_submit_btn {
background: #ffffff;
position: absolute;
right: 30px;
border: 0;
top: 26px;
font-size: 17px;
color: #B4956F;
}


}

@media screen and (min-width:768px) and (max-width:991px){
.boutoninter1{
display: none!important;
}

.boutoninter2{
display: block!important;
margin-top: 10px;
margin-left: 21px;
}

.checkboxes__row {
display: flex;
flex-direction: column;
}

.profil{
display: flex;
border-radius: 53%;
border: white solid;
padding: 1px
flex-direction: row;
flex-wrap: wrap;
align-content: stretch;
justify-content: space-evenly;
align-items: center;
}
}

@media screen and (min-width:600px) and (max-width:768px){
.lienss{
margin-top: -3px !important;
}

.footliens{
display: block;

}

.checkboxes__row {
display: flex;
flex-direction: column;
}

.search-qte {
width: 100%;
height: 50px;
border: 1px solid #ddd;
padding: 17px;
font-size: 12px;
color: #919191;
margin-bottom: 10px;
border-radius: 11px;
}

.equi{
font-size: 12px;
}

.centrer{
text-align: center!important;
}

.blog__item__pic .tag {
font-size: 14px;
color: #ffffff;
background: #B4956F;
border-radius: 2px;
display: inline-block;
padding: 4px 16px 2px;
position: absolute;
left: 49px;
top: 20px;
border-radius: 11px;
}

.input-number-group .input-number, .input-number-group1 .input-number1, .input-number-group .input-number-decrement, .input-number-group1 .input-number-decrement1, .input-number-group .input-number-increment, .input-number-group1 .input-number-increment1 {
border: 1px solid #cacaca;
height: 35px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-radius: 0;
width: 45px;
}


.input-number-group .input-number-decrement, .input-number-group1 .input-number-decrement1, .input-number-group .input-number-increment, .input-number-group1 .input-number-increment1 {
display: inline-block;
width: 25px;
background: #B4956F;
color: #ffffff;
text-align: center;
font-weight: bold;
cursor: pointer;
font-size: -1rem;
font-weight: 400;
border-radius: 5px;
}







.text {
color: white;
font-size: 2.1vw;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-align: center;
}

.profil{
display: flex;
border-radius: 53%;
border: white solid;
padding: 1px
flex-direction: row;
flex-wrap: wrap;
align-content: stretch;
justify-content: space-evenly;
align-items: center;
}
.boutoninter1{
display: none!important;
}

.boutoninter2{
display: block!important;
margin-top: 29px;
margin-left: 21px;
}



.division1 {

display: block!important;
padding-bottom: 21px;
border-bottom: 1px solid #ffffff;
}
.division2  {

display: none!important;
padding-bottom: 21px;
border-bottom: 1px solid #ffffff;
}
}



@media screen and (min-width:200px) and (max-width:600px){

.lienss{
margin-top: -3px !important;
}

.footliens{
display: block;

}

.offer-img{
height: 400px;
border-radius: 0 5px 0 0;
background-size: cover;
}
.equi{
font-size: 12px;
}

.search-qte {
width: 100%;
height: 50px;
border: 1px solid #ddd;
padding: 17px;
font-size: 12px;
color: #919191;
margin-bottom: 10px;
border-radius: 11px;
}


.legend {
transform: translatey(-50%);
width: max-content;
background: white;
padding: 0 0.15em;
font-size: 14px;
}

.modal-title {
font-weight: 900;
font-size: 12px;
}

.retitle{
font-size: 13px;
}
.persbut1 {
-moz-user-select: none;
background: #B4956F;
border: medium none;
width: 80%;
border-radius: 5px;
color: #ffffff;
cursor: pointer;
display: inline-block;
font-size: 10px!important;
font-weight: 400;
letter-spacing: 1px;
line-height: 0;
margin-bottom: 0;
padding: 23px 11px;
text-align: center;
text-transform: capitalize;
touch-action: manipulation;
transition: all 0.3s ease 0s;
vertical-align: middle;
white-space: nowrap;
}


.checkboxes__row {
display: flex;
flex-direction: column;
}

.centrer{
text-align: center!important;
}

.input-number-group .input-number, .input-number-group1 .input-number1, .input-number-group .input-number-decrement, .input-number-group1 .input-number-decrement1, .input-number-group .input-number-increment, .input-number-group1 .input-number-increment1 {
border: 1px solid #cacaca;
height: 35px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-radius: 0;
width: 45px;
}


.input-number-group .input-number-decrement, .input-number-group1 .input-number-decrement1, .input-number-group .input-number-increment, .input-number-group1 .input-number-increment1 {
display: inline-block;
width: 25px;
background: #B4956F;
color: #ffffff;
text-align: center;
font-weight: bold;
cursor: pointer;
font-size: 15px;
font-weight: 400;
border-radius: 5px;
}



.blog__item__pic .tag {
font-size: 14px;
color: #ffffff;
background: #B4956F;
border-radius: 2px;
display: inline-block;
padding: 4px 16px 2px;
position: absolute;
left: 49px;
top: 20px;
border-radius: 11px;
}

.text {
color: white;
font-size: 2.1vw;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-align: center;
}

.profil{
display: flex;
border-radius: 53%;
border: white solid;
padding: 1px
flex-direction: row;
flex-wrap: wrap;
align-content: stretch;
justify-content: space-evenly;
align-items: center;
}


.media1{
margin-top: 40px;
margin-left: -14px;
}


.newsletter .newsletter_submit_btn {
background: #ffffff;
position: absolute;
right: 30px;
border: 0;
top: 27px;
font-size: 17px;
color: #B4956F;
}

.boutoninter1{
display: none!important;
}

.boutoninter2{
display: block!important;
margin-top: 44px;
margin-left: 21px;
}


.division1 {

display: none !important;
padding-bottom: 21px;
border-bottom: 1px solid #ffffff;
}
.division2  {

display: block;!important;
padding-bottom: 21px;
border-bottom: 1px solid #ffffff;
}
.copyright {
font-size: 13px;
display: block!important;

}

.header__top__auth {
display: inline-block;
padding: 12px 0 14px;
margin-left: -29px !important;
}


.features_room .rooms_here .single_rooms .room_thumb img {
width: 500px;
height: 300px;
object-fit: cover;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
transition: .5s
}

.carroubut {
-moz-user-select: none;
background: #B4956F;
border: medium none;
border-radius: 5px;
color: #ffffff;
cursor: pointer;
display: inline-block;
font-size: 10px!important;
font-weight: 400;
letter-spacing: 1px;
line-height: 0;
margin-bottom: 0;
padding: 10px 11px;
text-align: center;
text-transform: capitalize;
touch-action: manipulation;
transition: all 0.3s ease 0s;
vertical-align: middle;
white-space: nowrap;
}












.btn {
-moz-user-select: none;
background: #B4956F;
border: medium none;
border-radius: 5px;
color: #ffffff;
cursor: pointer;
display: inline-block;
font-size: 10px!important;
font-weight: 400;
letter-spacing: 1px;
line-height: 0;
margin-bottom: 0;
padding: 23px 11px;
text-align: center;
text-transform: capitalize;
touch-action: manipulation;
transition: all 0.3s ease 0s;
vertical-align: middle;
white-space: nowrap;
}

.copyright2 {
font-size: 13px;
display: none!important;

}

}



@media(max-width:320px){

.lienss{
margin-top: -3px !important;
}

.footliens{
display: block;

}


.checkboxes__row {
display: flex;
flex-direction: column;
}

.equi{
font-size: 12px;
}
.legend {
transform: translatey(-50%);
width: max-content;
background: white;
padding: 0 0.15em;
font-size: 12px;
}

.modal-title {
font-weight: 900;
font-size: 12px;
}

.retitle{
font-size: 13px;
}
.persbut1 {
-moz-user-select: none;
background: #B4956F;
border: medium none;
width: 80%;
border-radius: 5px;
color: #ffffff;
cursor: pointer;
display: inline-block;
font-size: 10px!important;
font-weight: 400;
letter-spacing: 1px;
line-height: 0;
margin-bottom: 0;
padding: 23px 11px;
text-align: center;
text-transform: capitalize;
touch-action: manipulation;
transition: all 0.3s ease 0s;
vertical-align: middle;
white-space: nowrap;
}



.centrer{
text-align: center!important;
}


.incr h5{
font-size: 10px;
margin-top: 9px;
padding: 2px;
}


.input-number-group .input-number, .input-number-group1 .input-number1, .input-number-group .input-number-decrement, .input-number-group1 .input-number-decrement1, .input-number-group .input-number-increment, .input-number-group1 .input-number-increment1 {
border: 1px solid #cacaca;
height: 35px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-radius: 0;
width: 45px;
}





.input-number-group .input-number-decrement, .input-number-group1 .input-number-decrement1, .input-number-group .input-number-increment, .input-number-group1 .input-number-increment1 {
display: inline-block;
width: 25px;
background: #B4956F;
color: #ffffff;
text-align: center;
font-weight: bold;
cursor: pointer;
font-size: 15px;
font-weight: 400;
border-radius: 5px;
}

.blog__item__pic .tag {
font-size: 14px;
color: #ffffff;
background: #B4956F;
border-radius: 2px;
display: inline-block;
padding: 4px 16px 2px;
position: absolute;
left: 49px;
top: 20px;
border-radius: 11px;
}

.text {
color: white;
font-size: 3.1vw;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-align: center;
}






.copyright {
font-size: 13px;
display: block!important;

}

.header__top__auth {
display: inline-block;
padding: 12px 0 14px;
margin-left: -29px !important;
}


.features_room .rooms_here .single_rooms .room_thumb img {
width: 500px;
height: 300px;
object-fit: cover;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
transition: .5s
}


























.btn {
-moz-user-select: none;
background: #B4956F;
border: medium none;
border-radius: 5px;
color: #ffffff;
cursor: pointer;
display: inline-block;
font-size: 10px!important;
font-weight: 400;
letter-spacing: 1px;
line-height: 0;
margin-bottom: 0;
padding: 23px 11px;
text-align: center;
text-transform: capitalize;
touch-action: manipulation;
transition: all 0.3s ease 0s;
vertical-align: middle;
white-space: nowrap;
}

.copyright2 {
font-size: 13px;
display: none!important;

}

}








.payment-info {
background: rgb(0, 0, 0);
padding: 10px;
border-radius: 11px;
color: #ffffff;
font-weight: bold;
}

.product-details {
padding: 10px;
}



.cart {
background: #ffffff;
}

.p-about {
font-size: 12px;
}

.table-shadow {
-webkit-box-shadow: 5px 5px 15px -2px rgba(0,0,0,0.42);
box-shadow: 5px 5px 15px -2px rgba(0,0,0,0.42);
}

.type {
font-weight: 400;
font-size: 10px;
}

label.radio {
cursor: pointer;
}

label.radio .input {
position: absolute;
top: 0;
left: 0;
visibility: hidden;
pointer-events: none;
}

label.radio span {
padding: 1px 4px;
border: 2px solid #ada9a9;
display: inline-block;
color: #B4956F;
border-radius: 3px;
text-transform: uppercase;
font-size: 11px;
font-weight: 300;
}

label.radio .input:checked + span {
border-color: #ffffff;
background-color: rgb(0, 0, 0);
color: #ffffff;
}

.credit-inputs {
background: rgb(247 247 255);
color: #B4956F !important;
border-color: rgb(0 0 0);
}

.credit-inputs::placeholder {
color: #000000;
font-size: 13px;
}

.credit-card-label {
font-size: 9px;
font-weight: 300;
color: white;
margin-top: 10px;
}

.form-control.credit-inputs:focus {
background: rgb(255, 255, 255);
border: rgb(0, 0, 0);
}

.line {
border-bottom: 1px solid rgb(255, 255, 255);
}

.line-md {
border-bottom: 1px solid #B4956F;
}

.information span {
font-size: 12px;
font-weight: 500;
}

.information {
margin-bottom: 5px;
}

.items {
-webkit-box-shadow: 5px 5px 4px -1px rgba(0,0,0,0.25);
box-shadow: 5px 5px 4px -1px rgba(0, 0, 0, 0.08);
}

.spec {
font-size: 11px;
}
.totalbut{

-moz-user-select: none;
background: #ffffff;
border: medium none;
border-radius: 5px;
color: #B4956F;
cursor: pointer;
display: inline-block;
font-size: 16px;
font-weight: 400;
letter-spacing: 1px;
line-height: 0;
margin-bottom: 0;
padding: 20px 15px;
text-align: center;
text-transform: capitalize;
touch-action: manipulation;
transition: all 0.3s ease 0s;
vertical-align: middle;
white-space: nowrap;
}


.division{
margin-top: -59px;
}
.pagine.active .page-link{
background-color: #B4956F!important;
border-color: #B4956F!important;
color: white !important;
}

.pagine .page-link{
color: #B4956F!important;
}

































.social-link {
width: 30px;
height: 30px;
border: 1px solid #ddd;
display: flex;
align-items: center;
justify-content: center;
color: #666;
border-radius: 50%;
transition: all 0.3s;
font-size: 0.9rem;
}

.social-link:hover,
.social-link:focus {
background: #ddd;
text-decoration: none;
color: #555;
}

.progress {
height: 10px;
}

.offree{
margin-bottom: -33px;
}

.breadcam_bgactivites{
background-image: url(../img/banner/activite.jpg)
}



.breadcam_bgbrunch{
background-image: url(../img/banner/brunch.jpg)
}


.breadcam_bglunch {
background-image: url(../img/banner/lunch.jpg)
}

.breadcam_bgevent{
background-image: url(../img/banner/event.jpg)
}

.breadcam_bglogin{
background-image: url(../img/banner/login.jpg)
}



.breadcam_bgcontact{
background-image: url(../img/banner/contact.jpg)
}


.breadcam_bggalerie{
background-image: url(../img/banner/galerie.jpg)
}


.breadcam_bghotel{
background-image: url(../img/banner/offre.jpg)
}

.breadcam_bgarticle{
background-image: url(../img/banner/blog.jpg)
}

.breadcam_bg {
background-image: url(../img/banner/about.jpg)
}



.bradcam_area {
padding: 170px;
background-size: cover;
background-position: center center;
text-align: center;
padding: 269px 0 159px 0
}

@media (max-width: 767px) {
.bradcam_area {
padding: 150px 0
}
.copyright {
font-size: 13px;
display: block!important;

}

.copyright2 {
font-size: 13px;
display: none!important;

}
}

.bradcam_area h3 {
font-size: 60px;
color: #ffffff;
font-weight: 400;
margin-bottom: 0;
text-transform: capitalize
}

@media (max-width: 767px) {
.bradcam_area h3 {
font-size: 30px
}
.chambres{
margin-top: -44px;
margin-bottom: 50px;
}

footer .btn-facebook a {
padding: 5px 10px !important;
}

.footer-wrap p a {
color: #ffffff;
text-decoration: underline;
font-style: italic;
font-weight: bold;
font-size: 9px;
}

.informations2 {
width: 100%;

background-color: rgb(255, 255, 255);

border-radius: 11px;
box-shadow: 2px 2px 5px 0px #B4956F !important;

}


.informations {
width: 100%;

background-color: #7C4A34;

border-radius: 11px;

}

.contact-title h2 {
font-size: 19px;
font-weight: 600;
margin-bottom: 20px;
}

.offree{
margin-bottom: -92px;
}

.breadcrumb__text h1 {
color: #ffffff;
font-weight: 500;
font-size: 30px;
margin-bottom: 10px;
}

}


@media (max-width: 375px) {
.header__top__auth {
display: inline-block;
padding: 12px 0 14px;
margin-left: -40px !important;
}

.header__top__language i {
display: inline-block;
font-size: 10px;
color: #ffffff;
font-weight: 500;
}




.article  h3{
margin-bottom: 7px;
}
.header__top__auth ul li a {
font-size: 9px;
color: #ffffff;
}

footer .btn-facebook a {
padding: 5px 10px !important;
}
.btn-facebook a {
color: #3b5998;
padding: 5px 10px;
}
.footer-wrap p a {
color: #ffffff;
text-decoration: underline;
font-style: italic;
font-weight: bold;
font-size: 9px;
}
.header-area .main-header-area.sticky {
padding: 10px 10px
}

.offree{
margin-bottom: -92px;
}
.chambres{
margin-top: -44px;
}
.bradcam_area {
padding: 112px 0;
}


.header__top__language span {
display: inline-block;
font-size: 10px;
color: #ffffff;
}

.breadcrumb__text h1 {
color: #ffffff;
font-weight: 500;
font-size: 22px;
margin-bottom: 10px;
}

.breadcrumb__links a {
font-size: 15px;
color: #ffffff;
margin-right: 22px;
display: inline-block;
position: relative;
}

.login-form .group .input {
border: none;
padding: 10px 20px;
border-radius: 22px;
color: #ffffff;
background: rgba(255,255,255,.1);
width: 100%;
}

.login-form .group .button {
border: none;
padding: 9px 12px;
border-radius: 25px;
color: #B4956F;

}

.informations2 {
width: 100%;

background-color: rgb(255, 255, 255);

border-radius: 11px;
box-shadow: 2px 2px 5px 0px #B4956F !important;

}

.contact-title h2 {
font-size: 16px;
font-weight: 600;
margin-bottom: 20px;
}



.informations {
width: 100%;

background-color: #7C4A34;

border-radius: 11px;

}

.marr{
margin-right: 8rem!important;
}





}


.popup_box {
background: #ffffff;
display: inline-block;
z-index: 9;
width: 681px;
padding: 60px 40px
}

.popup_box h3 {
text-align: center;
font-size: 22px;
color: #1F1F1F;
margin-bottom: 46px
}

.popup_box .boxed-btn3 {
width: 100%;
text-transform: capitalize
}

.popup_box .nice-select {
-webkit-tap-highlight-color: transparent;
background-color: #ffffff;
border: solid 1px #E2E2E2;
box-sizing: border-box;
clear: both;
cursor: pointer;
display: block;
float: left;
font-family: Montserrat, sans-serif;
font-weight: normal;
width: 100% !important;
line-height: 50px;
outline: none;
padding-left: 18px;
padding-right: 30px;
position: relative;
text-align: left !important;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
white-space: nowrap;
width: auto;
border-radius: 0;
margin-bottom: 30px;
height: 50px !important;
font-size: 16px;
font-weight: 400;
color: #919191
}

.popup_box .nice-select::after {
content: "\f0d7";
display: block;
height: 5px;
margin-top: -5px;
pointer-events: none;
position: absolute;
right: 17px;
top: 3px;
transition: all 0.15s ease-in-out;
width: 5px;
font-family: fontawesome;
color: #919191;
font-size: 15px
}

.popup_box .nice-select.open .list {
opacity: 1;
pointer-events: auto;
-webkit-transform: scale(1) translateY(0);
-ms-transform: scale(1) translateY(0);
transform: scale(1) translateY(0);
height: 200px;
overflow-y: scroll
}

.popup_box .nice-select.list {
height: 200px;
overflow-y: scroll
}

#test-form {
display: inline-block;
margin: auto;
text-align: center;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}

#test-form .mfp-close-btn-in .mfp-close {
color: #000000;
display: none !important
}

#test-form button.mfp-close {
display: none !important
}

.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #B4956F;
opacity: .7
}

.dropdown .dropdown-menu {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;

padding: 24px !important;
}

.contact-info {
margin-bottom: 25px
}

.contact-info__icon {
margin-right: 10px
}

.contact-info__icon i,
.contact-info__icon span {
color: #ffffff;

}

.contact-info .media-body h3 {
font-size: 16px;
margin-bottom: 0;
font-size: 16px;
color: #ffffff}

.contact-info .media-body h3 a:hover {
color: #e0e0e0
}

.contact-info .media-body p {
color: #ffffff}



.form-contact label {
font-size: 14px
}

.form-contact .form-group {
}

.form-contact .form-control {
border: 1px solid #e5e6e9;
border-radius: 0px;
height: 48px;
padding-left: 18px;
font-size: 13px;
background: transparent
}

.form-contact .form-control:focus {
outline: 0;
box-shadow: none
}

.form-contact .form-control::placeholder {
font-weight: 300;
color: #000000}

.form-contact textarea {
border-radius: 0px;
height: 100% !important
}

.modal-message .modal-dialog {
position: absolute;
top: 36%;
left: 50%;
transform: translateX(-50%) translateY(-50%) !important;
margin: 0px;
max-width: 500px;
width: 100%
}

.modal-message .modal-dialog .modal-content .modal-header {
text-align: center;
display: block;
border-bottom: none;
padding-top: 50px;
padding-bottom: 50px
}

.modal-message .modal-dialog .modal-content .modal-header .close {
position: absolute;
right: -15px;
top: -15px;
padding: 0px;
color: #ffffff;
opacity: 1;
cursor: pointer
}

.modal-message .modal-dialog .modal-content .modal-header h2 {
display: block;
text-align: center;
padding-bottom: 10px
}

.modal-message .modal-dialog .modal-content .modal-header p {
display: block
}

.contact-section {
padding: 50px 0 100px
}

@media (max-width: 991px) {
.contact-section {
padding: 70px 0 40px
}
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
.contact-section {
padding: 80px 0 50px
}
}

.contact-section .btn_2 {
background-color: #191d34;
padding: 18px 60px;
border-radius: 50px;
margin-top: 0
}

.contact-section .btn_2:hover {
background-color: #ff5e13
}

.sample-text-area {
background: #ffffff;
padding: 100px 0 70px 0
}

.text-heading {
margin-bottom: 30px;
font-size: 24px
}

b,
sup,
sub,
u,
del {
color: #B4956F}

h1 {
font-size: 36px
}

h2 {
font-size: 30px
}

h3 {
font-size: 24px
}

h4 {
font-size: 18px
}

h5 {
font-size: 16px
}

h6 {
font-size: 14px
}

h1,
h2,
h3,
h4,
h5,
h6 {
line-height: 1.2em
}

.typography h1,
.typography h2,
.typography h3,
.typography h4,
.typography h5,
.typography h6 {
color: #828bb2
}

.button-area {
background: #ffffff}

.button-area .border-top-generic {
padding: 70px 15px;
border-top: 1px dotted #eee
}

.button-group-area .genric-btn {
margin-right: 10px;
margin-top: 10px
}

.button-group-area .genric-btn:last-child {
margin-right: 0
}

.genric-btn {
display: inline-block;
outline: none;
line-height: 40px;
padding: 0 30px;
font-size: .8em;
text-align: center;
text-decoration: none;
font-weight: 500;
cursor: pointer;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s
}

.genric-btn:focus {
outline: none
}

.genric-btn.e-large {
padding: 0 40px;
line-height: 50px
}

.genric-btn.large {
line-height: 45px
}

.genric-btn.medium {
line-height: 30px
}

.genric-btn.small {
line-height: 25px
}

.genric-btn.radius {
border-radius: 3px
}

.genric-btn.circle {
border-radius: 20px
}

.genric-btn.arrow {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}

.genric-btn.arrow span {
margin-left: 10px
}

.genric-btn.default {
color: #415094;
background: #f9f9ff;
border: 1px solid transparent
}

.genric-btn.default:hover {
border: 1px solid #f9f9ff;
background: #ffffff}

.genric-btn.default-border {
border: 1px solid #f9f9ff;
background: #ffffff}

.genric-btn.default-border:hover {
color: #415094;
background: #f9f9ff;
border: 1px solid transparent
}

.genric-btn.primary {
color: #ffffff;
background: #ff5e13;
border: 1px solid transparent
}

.genric-btn.primary:hover {
color: #ff5e13;
border: 1px solid #ff5e13;
background: #ffffff}

.genric-btn.primary-border {
color: #ff5e13;
border: 1px solid #ff5e13;
background: #ffffff}

.genric-btn.primary-border:hover {
color: #ffffff;
background: #ff5e13;
border: 1px solid transparent
}

.genric-btn.success {
color: #ffffff;
background: #4cd3e3;
border: 1px solid transparent
}

.genric-btn.success:hover {
color: #4cd3e3;
border: 1px solid #4cd3e3;
background: #ffffff}

.genric-btn.success-border {
color: #4cd3e3;
border: 1px solid #4cd3e3;
background: #ffffff}

.genric-btn.success-border:hover {
color: #ffffff;
background: #4cd3e3;
border: 1px solid transparent
}

.genric-btn.info {
color: #ffffff;
background: #38a4ff;
border: 1px solid transparent
}

.genric-btn.info:hover {
color: #38a4ff;
border: 1px solid #38a4ff;
background: #ffffff}

.genric-btn.info-border {
color: #38a4ff;
border: 1px solid #38a4ff;
background: #ffffff}

.genric-btn.info-border:hover {
color: #ffffff;
background: #38a4ff;
border: 1px solid transparent
}

.genric-btn.warning {
color: #ffffff;
background: #f4e700;
border: 1px solid transparent
}

.genric-btn.warning:hover {
color: #f4e700;
border: 1px solid #f4e700;
background: #ffffff}

.genric-btn.warning-border {
color: #f4e700;
border: 1px solid #f4e700;
background: #ffffff}

.genric-btn.warning-border:hover {
color: #ffffff;
background: #f4e700;
border: 1px solid transparent
}

.genric-btn.danger {
color: #ffffff;
background: #f44a40;
border: 1px solid transparent
}


.light img{
width: 20rem !important;
height: 7rem!important;
}
.genric-btn.danger:hover {
color: #f44a40;
border: 1px solid #f44a40;
background: #ffffff}

.genric-btn.danger-border {
color: #f44a40;
border: 1px solid #f44a40;
background: #ffffff}

.genric-btn.danger-border:hover {
color: #ffffff;
background: #f44a40;
border: 1px solid transparent
}

.genric-btn.link {
color: #415094;
background: #f9f9ff;
text-decoration: underline;
border: 1px solid transparent
}

.genric-btn.link:hover {
color: #415094;
border: 1px solid #f9f9ff;
background: #ffffff}

.genric-btn.link-border {
color: #415094;
border: 1px solid #f9f9ff;
background: #ffffff;
text-decoration: underline
}

.genric-btn.link-border:hover {
color: #415094;
background: #f9f9ff;
border: 1px solid transparent
}

.genric-btn.disable {
color: #B4956F, 0.3;
background: #f9f9ff;
border: 1px solid transparent;
cursor: not-allowed
}

.generic-blockquote {
padding: 30px 50px 30px 30px;
background: #f9f9ff;
border-left: 2px solid #ff5e13
}

.progress-table-wrap {
overflow-x: scroll
}

.progress-table {
background: #f9f9ff;
padding: 15px 0px 30px 0px;
min-width: 800px
}

.progress-table .serial {
width: 11.83%;
padding-left: 30px
}

.progress-table .country {
width: 28.07%
}

.progress-table .visit {
width: 19.74%
}

.progress-table .percentage {
width: 40.36%;
padding-right: 50px
}

.progress-table .table-head {
display: flex
}

.progress-table .table-head .serial,
.progress-table .table-head .country,
.progress-table .table-head .visit,
.progress-table .table-head .percentage {
color: #415094;
line-height: 40px;
text-transform: uppercase;
font-weight: 500
}

.progress-table .table-row {
padding: 15px 0;
border-top: 1px solid #edf3fd;
display: flex
}

.progress-table .table-row .serial,
.progress-table .table-row .country,
.progress-table .table-row .visit,
.progress-table .table-row .percentage {
display: flex;
align-items: center
}

.progress-table .table-row .country img {
margin-right: 15px
}

.progress-table .table-row .percentage .progress {
width: 80%;
border-radius: 0px;
background: transparent
}

.progress-table .table-row .percentage .progress .progress-bar {
height: 5px;
line-height: 5px
}

.progress-table .table-row .percentage .progress .progress-bar.color-1 {
background-color: #6382e6
}

.progress-table .table-row .percentage .progress .progress-bar.color-2 {
background-color: #e66686
}

.progress-table .table-row .percentage .progress .progress-bar.color-3 {
background-color: #f09359
}

.progress-table .table-row .percentage .progress .progress-bar.color-4 {
background-color: #73fbaf
}

.progress-table .table-row .percentage .progress .progress-bar.color-5 {
background-color: #73fbaf
}

.progress-table .table-row .percentage .progress .progress-bar.color-6 {
background-color: #6382e6
}

.progress-table .table-row .percentage .progress .progress-bar.color-7 {
background-color: #a367e7
}

.progress-table .table-row .percentage .progress .progress-bar.color-8 {
background-color: #e66686
}

.single-gallery-image {
margin-top: 30px;
background-repeat: no-repeat !important;
background-position: center center !important;
background-size: cover !important;
height: 200px
}

.list-style {
width: 14px;
height: 14px
}

.unordered-list li {
position: relative;
padding-left: 30px;
line-height: 1.82em !important
}

.unordered-list li:before {
content: "";
position: absolute;
width: 14px;
height: 14px;
border: 3px solid #ff5e13;
background: #ffffff;
top: 4px;
left: 0;
border-radius: 50%
}

.ordered-list {
margin-left: 30px
}

.ordered-list li {
list-style-type: decimal-leading-zero;
color: #ff5e13;
font-weight: 500;
line-height: 1.82em !important
}

.ordered-list li span {
font-weight: 300;
color: #828bb2
}

.ordered-list-alpha li {
margin-left: 30px;
list-style-type: lower-alpha;
color: #ff5e13;
font-weight: 500;
line-height: 1.82em !important
}

.ordered-list-alpha li span {
font-weight: 300;
color: #828bb2
}

.ordered-list-roman li {
margin-left: 30px;
list-style-type: lower-roman;
color: #ff5e13;
font-weight: 500;
line-height: 1.82em !important
}

.ordered-list-roman li span {
font-weight: 300;
color: #828bb2
}

.single-input {
display: block;
width: 100%;
line-height: 40px;
border: none;
outline: none;
background: #f9f9ff;
padding: 0 20px
}

.single-input:focus {
outline: none
}

.input-group-icon {
position: relative
}

.input-group-icon .icon {
position: absolute;
left: 20px;
top: 0;
line-height: 40px;
z-index: 3
}

.input-group-icon .icon i {
color: #797979
}

.input-group-icon .single-input {
padding-left: 45px
}

.single-textarea {
display: block;
width: 100%;
line-height: 40px;
border: none;
outline: none;
background: #f9f9ff;
padding: 0 20px;
height: 100px;
resize: none
}

.single-textarea:focus {
outline: none
}

.single-input-primary {
display: block;
width: 100%;
line-height: 40px;
border: 1px solid transparent;
outline: none;
background: #f9f9ff;
padding: 0 20px
}

.single-input-primary:focus {
outline: none;
border: 1px solid #ff5e13
}

.single-input-accent {
display: block;
width: 100%;
line-height: 40px;
border: 1px solid transparent;
outline: none;
background: #f9f9ff;
padding: 0 20px
}

.single-input-accent:focus {
outline: none;
border: 1px solid #eb6b55
}

.single-input-secondary {
display: block;
width: 100%;
line-height: 40px;
border: 1px solid transparent;
outline: none;
background: #f9f9ff;
padding: 0 20px
}

.single-input-secondary:focus {
outline: none;
border: 1px solid #f09359
}

.default-switch {
width: 35px;
height: 17px;
border-radius: 8.5px;
background: #f9f9ff;
position: relative;
cursor: pointer
}

.default-switch input {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
opacity: 0;
cursor: pointer
}

.default-switch input+label {
position: absolute;
top: 1px;
left: 1px;
width: 15px;
height: 15px;
border-radius: 50%;
background: #ff5e13;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.2);
cursor: pointer
}

.default-switch input:checked+label {
left: 19px
}



.wrapper{
width:100%;
height:100%;
position: fixed;
left:0;
top:0;
bottom: 0;
right: 0;
z-index: 99999;
display: flex;
justify-content: center;
align-items: center;
background-color: rgb(0 0 0 / 90%) !important;
transition: opacity 0.75s,visibility 0.75s;
}

.status-mes {
width: 200px;
height: 60px;
position: absolute;
top: 50%;
margin: -37px 0 0 -35px;
text-align: center !important;
}

.circle{
width:20px;
height:20px;
position: absolute;
border-radius: 50%;
background-color: #ffffff;
left:15%;
transform-origin: 50%;
animation: circle .5s alternate infinite ease;
}

@keyframes circle{
0%{
top:60px;
height:5px;
border-radius: 50px 50px 25px 25px;
transform: scaleX(1.7);
}
40%{
height:20px;
border-radius: 50%;
transform: scaleX(1);
}
100%{
top:0%;
}
}
.circle:nth-child(2){
left:45%;
animation-delay: .2s;
}
.circle:nth-child(3){
left:auto;
right:15%;
animation-delay: .3s;
}
.shadow{
width:20px;
height:4px;
border-radius: 50%;
background-color: #B4956F;
position: absolute;
top:62px;
transform-origin: 50%;
z-index: -1;
left:15%;
filter: blur(1px);
animation: shadow .5s alternate infinite ease;
}

@keyframes shadow{
0%{
transform: scaleX(1.5);
}
40%{
transform: scaleX(1);
opacity: .7;
}
100%{
transform: scaleX(.2);
opacity: .4;
}
}
.shadow:nth-child(4){
left: 45%;
animation-delay: .2s
}
.shadow:nth-child(5){
left:auto;
right:15%;
animation-delay: .3s;
}
.text_loading {
position: absolute;
top: 75px;
font-family: 'Lato';
font-size: 15px;
letter-spacing: 4px;
color: #ffffff;
left: 15%;
}





























.primary-switch {
width: 35px;
height: 17px;
border-radius: 8.5px;
background: #f9f9ff;
position: relative;
cursor: pointer
}

.primary-switch input {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
opacity: 0
}

.primary-switch input+label {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%
}

.primary-switch input+label:before {
content: "";
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
background: transparent;
border-radius: 8.5px;
cursor: pointer;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s
}

.primary-switch input+label:after {
content: "";
position: absolute;
top: 1px;
left: 1px;
width: 15px;
height: 15px;
border-radius: 50%;
background: #ffffff;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.2);
cursor: pointer
}

.primary-switch input:checked+label:after {
left: 19px
}

.primary-switch input:checked+label:before {
background: #ff5e13
}

.confirm-switch {
width: 35px;
height: 17px;
border-radius: 8.5px;
background: #f9f9ff;
position: relative;
cursor: pointer
}

.confirm-switch input {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
opacity: 0
}

.confirm-switch input+label {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%
}

.confirm-switch input+label:before {
content: "";
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
background: transparent;
border-radius: 8.5px;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
cursor: pointer
}

.confirm-switch input+label:after {
content: "";
position: absolute;
top: 1px;
left: 1px;
width: 15px;
height: 15px;
border-radius: 50%;
background: #ffffff;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.2);
cursor: pointer
}

.confirm-switch input:checked+label:after {
left: 19px
}

.confirm-switch input:checked+label:before {
background: #4cd3e3
}

.primary-checkbox {
width: 16px;
height: 16px;
border-radius: 3px;
background: #f9f9ff;
position: relative;
cursor: pointer
}

.primary-checkbox input {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
opacity: 0
}

.primary-checkbox input+label {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
border-radius: 3px;
cursor: pointer;
border: 1px solid #f1f1f1
}

.primary-checkbox input:checked+label {
background: url(../img/elements/primary-check.png) no-repeat center center/cover;
border: none
}

.confirm-checkbox {
width: 16px;
height: 16px;
border-radius: 3px;
background: #f9f9ff;
position: relative;
cursor: pointer
}

.confirm-checkbox input {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
opacity: 0
}

.confirm-checkbox input+label {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
border-radius: 3px;
cursor: pointer;
border: 1px solid #f1f1f1
}

.confirm-checkbox input:checked+label {
background: url(../img/elements/success-check.png) no-repeat center center/cover;
border: none
}

.disabled-checkbox {
width: 16px;
height: 16px;
border-radius: 3px;
background: #f9f9ff;
position: relative;
cursor: pointer
}

.disabled-checkbox input {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
opacity: 0
}

.disabled-checkbox input+label {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
border-radius: 3px;
cursor: pointer;
border: 1px solid #f1f1f1
}

.disabled-checkbox input:disabled {
cursor: not-allowed;
z-index: 3
}

.disabled-checkbox input:checked+label {
background: url(../img/elements/disabled-check.png) no-repeat center center/cover;
border: none
}

.primary-radio {
width: 16px;
height: 16px;
border-radius: 8px;
background: #f9f9ff;
position: relative;
cursor: pointer
}

.primary-radio input {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
opacity: 0
}

.primary-radio input+label {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
border-radius: 8px;
cursor: pointer;
border: 1px solid #f1f1f1
}

.primary-radio input:checked+label {
background: url(../img/elements/primary-radio.png) no-repeat center center/cover;
border: none
}

.confirm-radio {
width: 16px;
height: 16px;
border-radius: 8px;
background: #f9f9ff;
position: relative;
cursor: pointer
}

.confirm-radio input {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
opacity: 0
}

.confirm-radio input+label {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
border-radius: 8px;
cursor: pointer;
border: 1px solid #f1f1f1
}

.confirm-radio input:checked+label {
background: url(../img/elements/success-radio.png) no-repeat center center/cover;
border: none
}

.disabled-radio {
width: 16px;
height: 16px;
border-radius: 8px;
background: #f9f9ff;
position: relative;
cursor: pointer
}

.disabled-radio input {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
opacity: 0
}

.disabled-radio input+label {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
border-radius: 8px;
cursor: pointer;
border: 1px solid #f1f1f1
}

.disabled-radio input:disabled {
cursor: not-allowed;
z-index: 3
}

.disabled-radio input:checked+label {
background: url(../img/elements/disabled-radio.png) no-repeat center center/cover;
border: none
}

.default-select {
height: 40px
}

.default-select .nice-select {
border: none;
border-radius: 0px;
height: 40px;
background: #f9f9ff;
padding-left: 20px;
padding-right: 40px
}

.default-select .nice-select .list {
margin-top: 0;
border: none;
border-radius: 0px;
box-shadow: none;
width: 100%;
padding: 10px 0 10px 0px
}

.default-select .nice-select .list .option {
font-weight: 300;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
line-height: 28px;
min-height: 28px;
font-size: 12px;
padding-left: 20px
}

.default-select .nice-select .list .option.selected {
color: #ff5e13;
background: transparent
}

.default-select .nice-select .list .option:hover {
color: #ff5e13;
background: transparent
}

.default-select .current {
margin-right: 50px;
font-weight: 300
}

.default-select .nice-select::after {
right: 20px
}

.form-select {
height: 40px;
width: 100%
}

.form-select .nice-select {
border: none;
border-radius: 0px;
height: 40px;
background: #f9f9ff;
padding-left: 45px;
padding-right: 40px;
width: 100%
}

.form-select .nice-select .list {
margin-top: 0;
border: none;
border-radius: 0px;
box-shadow: none;
width: 100%;
padding: 10px 0 10px 0px
}

.form-select .nice-select .list .option {
font-weight: 300;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
line-height: 28px;
min-height: 28px;
font-size: 12px;
padding-left: 45px
}

.form-select .nice-select .list .option.selected {
color: #ff5e13;
background: transparent
}

.form-select .nice-select .list .option:hover {
color: #ff5e13;
background: transparent
}

.form-select .current {
margin-right: 50px;
font-weight: 300
}

.form-select .nice-select::after {
right: 20px
}

.mt-10 {
margin-top: 10px
}

.section-top-border {
padding: 50px 0;
border-top: 1px dotted #eee
}

.mb-30 {
margin-bottom: 30px
}

.mt-30 {
margin-top: 30px
}

.switch-wrap {
margin-bottom: 10px
}

.latest-blog-area .area-heading {
margin-bottom: 70px
}

.blog_area a {
color: #666 !important;
text-decoration: none;
-webkit-transition: .5s;
transition: .5s
}

.blog_area a:hover,
.blog_area a :hover {
background: #B4956F;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
text-decoration: none;
-webkit-transition: .5s;
transition: .5s
}

.single-blog {
overflow: hidden;
margin-bottom: 30px
}

.single-blog:hover {
box-shadow: 0px 10px 20px 0px rgba(42, 34, 123, 0.1)
}

.single-blog .thumb {
overflow: hidden;
position: relative
}

.single-blog .thumb:after {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #B4956F;
opacity: 0;
-webkit-transition: .5s;
transition: .5s
}

.single-blog h4 {
border-bottom: 1px solid #dfdfdf;
padding-bottom: 34px;
margin-bottom: 25px
}

.single-blog a {
font-size: 14px;
font-weight: 500;
}

.single-blog .date {
color: #666666;
text-align: left;
display: inline-block;
font-size: 13px;
font-weight: 300
}

.single-blog .tag {
text-align: left;
display: inline-block;
float: left;
font-size: 13px;
font-weight: 300;
margin-right: 22px;
position: relative
}

.single-blog .tag:after {
content: '';
position: absolute;
width: 1px;
height: 10px;
background: #acacac;
right: -12px;
top: 7px
}

@media (max-width: 1199px) {
.single-blog .tag {
margin-right: 8px
}

.single-blog .tag:after {
display: none
}
}

.single-blog .likes {
margin-right: 16px
}

@media (max-width: 800px) {
.single-blog {
margin-bottom: 30px
}
}

.single-blog .single-blog-content {
padding: 30px
}

.single-blog .single-blog-content .meta-bottom p {
font-size: 13px;
font-weight: 300
}

.single-blog .single-blog-content .meta-bottom i {
color: #fdcb9e;
font-size: 13px;
margin-right: 7px
}

@media (max-width: 1199px) {
.single-blog .single-blog-content {
padding: 15px
}
}

.single-blog:hover .thumb:after {
opacity: .7;
-webkit-transition: .5s;
transition: .5s
}

@media (max-width: 1199px) {
.single-blog h4 {
transition: all 300ms linear 0s;
border-bottom: 1px solid #dfdfdf;
padding-bottom: 14px;
margin-bottom: 12px
}

.single-blog h4 a {
font-size: 18px
}
}

.full_image.single-blog {
position: relative
}

.full_image.single-blog .single-blog-content {
position: absolute;
left: 35px;
bottom: 0;
opacity: 0;
visibility: hidden;
-webkit-transition: .5s;
transition: .5s
}

@media (min-width: 992px) {
.full_image.single-blog .single-blog-content {
bottom: 100px
}
}

.full_image.single-blog h4 {
-webkit-transition: .5s;
transition: .5s;
border-bottom: none;
padding-bottom: 5px
}

.full_image.single-blog a {
font-size: 20px;
font-weight: 600
}

.full_image.single-blog .date {
color: #ffffff}

.full_image.single-blog:hover .single-blog-content {
opacity: 1;
visibility: visible;
-webkit-transition: .5s;
transition: .5s
}

.l_blog_item .l_blog_text .date {
margin-top: 24px;
margin-bottom: 15px
}

.l_blog_item .l_blog_text .date a {
font-size: 12px
}

.l_blog_item .l_blog_text h4 {
font-size: 18px;
border-bottom: 1px solid #eeeeee;
margin-bottom: 0px;
padding-bottom: 20px;
-webkit-transition: .5s;
transition: .5s
}

.l_blog_item .l_blog_text p {
margin-bottom: 0px;
padding-top: 20px
}

.causes_slider .owl-dots {
text-align: center;
margin-top: 80px
}

.causes_slider .owl-dots .owl-dot {
height: 14px;
width: 14px;
background: #eeeeee;
display: inline-block;
margin-right: 7px
}

.causes_slider .owl-dots .owl-dot:last-child {
margin-right: 0px
}

.causes_item {
background: #ffffff}

.causes_item .causes_img {
position: relative
}

.causes_item .causes_img .c_parcent {
position: absolute;
bottom: 0px;
width: 100%;
left: 0px;
height: 3px;
background: rgba(255, 255, 255, 0.5)
}

.causes_item .causes_img .c_parcent span {
width: 70%;
height: 3px;
position: absolute;
left: 0px;
bottom: 0px
}

.causes_item .causes_img .c_parcent span:before {
content: "75%";
position: absolute;
right: -10px;
bottom: 0px;
color: #ffffff;
padding: 0px 5px
}

.causes_item .causes_text {
padding: 30px 35px 40px 30px
}

.causes_item .causes_text h4 {
font-size: 18px;
font-weight: 600;
margin-bottom: 15px;
cursor: pointer
}

.causes_item .causes_text p {
font-size: 14px;
line-height: 24px;
font-weight: 300;
margin-bottom: 0px
}

.causes_item .causes_bottom a {
width: 50%;
border: 1px solid;
text-align: center;
float: left;
line-height: 50px;
color: #ffffff;
font-size: 14px;
font-weight: 500
}

.causes_item .causes_bottom a+a {
border-color: #eeeeee;
background: #ffffff;
font-size: 14px
}

.latest_blog_area {
background: #f9f9ff
}

.single-recent-blog-post {
margin-bottom: 30px
}

.single-recent-blog-post .thumb {
overflow: hidden
}

.single-recent-blog-post .thumb img {
transition: all 0.7s linear
}

.single-recent-blog-post .details {
padding-top: 30px
}

.single-recent-blog-post .details .sec_h4 {
line-height: 24px;
padding: 10px 0px 13px;
transition: all 0.3s linear
}

.single-recent-blog-post .date {
font-size: 14px;
line-height: 24px;
font-weight: 400
}

.single-recent-blog-post:hover img {
transform: scale(1.23) rotate(10deg)
}

.tags .tag_btn {
font-size: 12px;
font-weight: 500;
line-height: 20px;
border: 1px solid #eeeeee;
display: inline-block;
padding: 1px 18px;
text-align: center
}

.tags .tag_btn+.tag_btn {
margin-left: 2px
}

.blog_categorie_area {
padding-top: 30px;
padding-bottom: 30px
}

@media (min-width: 900px) {
.blog_categorie_area {
padding-top: 80px;
padding-bottom: 80px
}
}

@media (min-width: 1100px) {
.blog_categorie_area {
padding-top: 120px;
padding-bottom: 120px
}
}

.categories_post {
position: relative;
text-align: center;
cursor: pointer
}

.categories_post img {
max-width: 100%
}

.categories_post .categories_details {
position: absolute;
top: 20px;
left: 20px;
right: 20px;
bottom: 20px;
background: rgba(34, 34, 34, 0.75);
color: #ffffff;
transition: all 0.3s linear;
display: flex;
align-items: center;
justify-content: center
}

.categories_post .categories_details h5 {
margin-bottom: 0px;
font-size: 18px;
line-height: 26px;
text-transform: uppercase;
color: #ffffff;
position: relative
}

.categories_post .categories_details p {
font-weight: 300;
font-size: 14px;
line-height: 26px;
margin-bottom: 0px
}

.categories_post .categories_details .border_line {
margin: 10px 0px;
background: #ffffff;
width: 100%;
height: 1px
}

.categories_post:hover .categories_details {
background: rgba(222, 99, 32, 0.85)
}

.blog_item {
margin-bottom: 50px
}

.blog_details {
padding: 30px 0 20px 10px;
box-shadow: 0px 10px 20px 0px rgba(221, 221, 221, 0.3)
}

@media (min-width: 768px) {
.blog_details {
padding: 60px 30px 35px 35px
}
}

.blog_details p {
margin-bottom: 30px
}

.blog_details a {
color: #ff8b23
}

.blog_details a:hover {
color: #009DFF
}

.blog_details h2 {
font-size: 18px;
font-weight: 600;
margin-bottom: 8px
}

@media (min-width: 768px) {
.blog_details h2 {
font-size: 24px;
margin-bottom: 15px
}
}

.blog-info-link li {
float: left;
font-size: 14px
}

.blog-info-link li a {
color: #999999
}

.blog-info-link li i,
.blog-info-link li span {
font-size: 13px;
margin-right: 5px
}

.blog-info-link li::after {
content: "|";
padding-left: 10px;
padding-right: 10px
}

.blog-info-link li:last-child::after {
display: none
}

.blog-info-link::after {
content: "";
display: block;
clear: both;
display: table
}

.blog_item_img {
position: relative
}

.blog_item_img .blog_item_date {
position: absolute;
bottom: -10px;
left: 10px;
display: block;
color: #ffffff;
background-color: #009DFF;
padding: 8px 15px;
border-radius: 5px
}

@media (min-width: 768px) {
.blog_item_img .blog_item_date {
bottom: -20px;
left: 40px;
padding: 13px 30px
}
}

.blog_item_img .blog_item_date h3 {
font-size: 22px;
font-weight: 600;
color: #ffffff;
margin-bottom: 0;
line-height: 1.2
}







.blog__item__text2 {
padding-top: 28px;
}

.blog__item__text2 p {
font-size: 14px;
margin-bottom: 12px;
}

.blog__item__text2 p i {
margin-right: 2px;
}

.blog__item__text2 h5 a {
font-size: 22px;
color: #171717;
font-weight: 500;
}

.blog__item__text2 h5 a:hover {
text-decoration: underline;
}

/*--------- Pager5 ---------*/

.Pager5 ul li:hover, .Pager5 ul li.active {
border-bottom: 2px solid #B4956F;
color: #B4956F;
}
.Pager5 ul li a:hover:before, .Pager5 ul li.active a:before {
content: "";
position: absolute;
border: 4px solid transparent;
border-top: 4px solid #B4956F;
top: -3px;
left: 50%;
transform: translate(-50%, 0);
}
.Pager5 .pagination .page-item.active .page-link {
-webkit-transition: all .2s linear;
transition: all .2s linear;
border-radius: 0.125rem;
background-color: initial;
color: #B4956F;
border: none;
}
.Pager5 .pagination .page-item.active .page-link{
box-shadow:none;
}
.Pager5 .pagination .page-item .page-link:hover {
-webkit-transition: all 0s linear;
transition: all 0s linear;
border-radius: 0px;
background-color: initial;
}
.Pager5 .pagination .page-item .page-link.prev:hover, .Pager5 .pagination .page-item .page-link.next:hover{
border-bottom: 2px solid #B4956F;
color: #B4956F;
}
.Pager5 .pagination .page-item .page-link.next:hover:before{
content: none;
position: absolute;
border: 4px solid transparent;
border-top: 4px solid #B4956F;
top: -3px;
left: 50%;
transform: translate(-50%, 0);
}
.Pager5 ul li.disabled:hover{
border-bottom:none!important;
}



.row2 {
display: -ms-flexbox; /* IE10 */
display: flex;
-ms-flex-wrap: wrap; /* IE10 */
flex-wrap: wrap;
padding: 0 4px;
}

/* Create four equal columns that sits next to each other */
.column {
-ms-flex: 25%; /* IE10 */
flex: 25%;
max-width: 25%;
padding: 0 4px;
}

.column img {
margin-top: 8px;
vertical-align: middle;
width: 100%;
}

/* Responsive layout - makes a two column-layout instead of four columns */
@media screen and (max-width: 800px) {
.column {
-ms-flex: 50%;
flex: 50%;
max-width: 50%;
}
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
.column {
-ms-flex: 100%;
flex: 100%;
max-width: 100%;
}
}




.tabgalerie{
width: 100%;
height: 150px;
background-color: rgb(0, 0, 0);
padding: 15px;
border-radius: 11px;
}











@media (min-width: 768px) {
.blog_item_img .blog_item_date h3 {
font-size: 30px
}
}

.blog_item_img .blog_item_date p {
font-size: 18px;
margin-bottom: 0;
color: #ffffff}

@media (min-width: 768px) {
.blog_item_img .blog_item_date p {
font-size: 18px
}
}

.blog_right_sidebar .widget_title {
font-size: 20px;
font-weight: bold;
}

.blog_right_sidebar .widget_title::after {
content: "";
display: block;
padding-top: 15px;
border-bottom: 1px solid #f0e9ff
}

.blog_right_sidebar .single_sidebar_widget {
background: #fbf9ff;

margin-bottom: 30px;
border-radius: 11px;
}

.blog_right_sidebar .single_sidebar_widget .btn_1 {
margin-top: 0px
}

.blog_right_sidebar .search_widget .form-control {
height: 50px;
border-color: #f0e9ff;
font-size: 13px;
color: #999999;
padding-left: 20px;
border-radius: 0;
border-right: 0
}

.blog_right_sidebar .search_widget .form-control::placeholder {
color: #000000}

.blog_right_sidebar .search_widget .form-control:focus {
border-color: #f0e9ff;
outline: 0;
box-shadow: none
}

.blog_right_sidebar .search_widget .input-group button {
background: #ffffff;
border-left: 0;
border: 1px solid #f0e9ff;
padding: 4px 15px;
border-left: 0
}

.blog_right_sidebar .search_widget .input-group button i,
.blog_right_sidebar .search_widget .input-group button span {
font-size: 14px;
color: #999999
}

.blog_right_sidebar .newsletter_widget .form-control {
height: 50px;
border-color: #f0e9ff;
font-size: 13px;
color: #999999;
padding-left: 20px;
border-radius: 11px
}

.blog_right_sidebar .newsletter_widget .form-control::placeholder {
color: #000000}

.blog_right_sidebar .newsletter_widget .form-control:focus {
border-color: #f0e9ff;
outline: 0;
box-shadow: none
}

.blog_right_sidebar .newsletter_widget .input-group button {
background: #ffffff;
border-left: 0;
border: 1px solid #f0e9ff;
padding: 4px 15px;
border-left: 0
}

.blog_right_sidebar .newsletter_widget .input-group button i,
.blog_right_sidebar .newsletter_widget .input-group button span {
font-size: 14px;
color: #999999
}

.blog_right_sidebar .post_category_widget .cat-list li {
border-bottom: 1px solid #f0e9ff;
transition: all 0.3s ease 0s;
padding-bottom: 12px
}

.blog_right_sidebar .post_category_widget .cat-list li:last-child {
border-bottom: 0
}

.blog_right_sidebar .post_category_widget .cat-list li a {
font-size: 14px;
line-height: 20px;
color: #888888
}

.blog_right_sidebar .post_category_widget .cat-list li a p {
margin-bottom: 0px
}

.blog_right_sidebar .post_category_widget .cat-list li+li {
padding-top: 15px
}

.blog_right_sidebar .popular_post_widget .post_item .media-body {
justify-content: center;
align-self: center;
padding-left: 20px
}

.blog_right_sidebar .popular_post_widget .post_item .media-body h3 {
font-size: 12px;
line-height: 20px;
margin-bottom: 6px;
transition: all 0.3s linear;
}

.blog_right_sidebar .popular_post_widget .post_item .media-body a:hover {
color: #ffffff}

.blog_right_sidebar .popular_post_widget .post_item .media-body p {
font-size: 14px;
line-height: 21px;
margin-bottom: 0px
}

.blog_right_sidebar .popular_post_widget .post_item+.post_item {
margin-top: 20px
}

.blog_right_sidebar .tag_cloud_widget ul li {
display: inline-block
}

.blog_right_sidebar .tag_cloud_widget ul li a {
display: inline-block;
border: 1px solid #eeeeee;
background: #ffffff;
padding: 4px 20px;
margin-bottom: 8px;
margin-right: 3px;
transition: all 0.3s ease 0s;
color: #888888;
font-size: 13px
}

.blog_right_sidebar .tag_cloud_widget ul li a:hover {
background: #009DFF;
color: #ffffff !important;
-webkit-text-fill-color: #ffffff;
text-decoration: none;
-webkit-transition: 0.5s;
transition: 0.5s
}

.blog_right_sidebar .instagram_feeds .instagram_row {
display: flex;
margin-right: -6px;
margin-left: -6px
}

.blog_right_sidebar .instagram_feeds .instagram_row li {
width: 33.33%;
float: left;
padding-right: 6px;
padding-left: 6px;
margin-bottom: 15px
}

.blog_right_sidebar .br {
width: 100%;
height: 1px;
background: #eee;
margin: 30px 0px
}

.blog-pagination {
margin-top: 80px
}

.blog-pagination .page-link {
font-size: 14px;
position: relative;
display: block;
padding: 0;
text-align: center;
margin-left: -1px;
line-height: 45px;
width: 45px;
height: 45px;
border-radius: 0 !important;
color: #8a8a8a;
border: 1px solid #f0e9ff;
margin-right: 10px
}

.blog-pagination .page-link i,
.blog-pagination .page-link span {
font-size: 13px
}

.blog-pagination .page-item.active .page-link {
background-color: #fbf9ff;
border-color: #f0e9ff;
color: #888888
}

.blog-pagination .page-item:last-child .page-link {
margin-right: 0
}

.single-post-area .blog_details {
box-shadow: none;
padding: 0
}

.single-post-area .social-links {
padding-top: 10px
}

.single-post-area .social-links li {
display: inline-block;
margin-bottom: 10px
}

.single-post-area .social-links li a {
color: #ffffff;
padding: 7px;
font-size: 14px;
transition: all 0.2s linear
}

.single-post-area .blog_details {
padding-top: 26px
}

.single-post-area .blog_details p {
margin-bottom: 20px;
font-size: 15px;
text-align: justify;
}

.single-post-area .quote-wrapper {
background: rgba(130, 139, 178, 0.1);
padding: 15px;
line-height: 1.733;
color: #888888;
font-style: italic;
margin-top: 25px;
margin-bottom: 25px
}

@media (min-width: 768px) {
.single-post-area .quote-wrapper {
padding: 30px
}
}

.single-post-area .quotes {
background: #ffffff;
padding: 15px 15px 15px 20px;
border-left: 2px solid
}

@media (min-width: 768px) {
.single-post-area .quotes {
padding: 25px 25px 25px 30px
}
}

.single-post-area .arrow {
position: absolute
}

.single-post-area .arrow .lnr {
font-size: 20px;
font-weight: 600
}

.single-post-area .thumb .overlay-bg {
background: rgba(0, 0, 0, 0.8)
}

.single-post-area .navigation-top {
padding-top: 15px;
border-top: 1px solid #f0e9ff
}

.single-post-area .navigation-top p {
margin-bottom: 0
}

.single-post-area .navigation-top .like-info {
font-size: 14px;
color: #B4956F;
font-weight: 400;
}

.single-post-area .navigation-top .like-info i,
.single-post-area .navigation-top .like-info span {
font-size: 16px;
margin-right: 5px
}

.single-post-area .navigation-top .comment-count {
font-size: 14px
}

.single-post-area .navigation-top .comment-count i,
.single-post-area .navigation-top .comment-count span {
font-size: 16px;
margin-right: 5px
}

.single-post-area .navigation-top .social-icons li {
display: inline-block;
margin-right: 15px
}

.single-post-area .navigation-top .social-icons li:last-child {
margin: 0
}

.single-post-area .navigation-top .social-icons li i,
.single-post-area .navigation-top .social-icons li span {
font-size: 14px;
color: #999999
}

.single-post-area .blog-author {
padding: 40px 30px;
background: #fbf9ff;
margin-top: 50px
}

@media (max-width: 600px) {
.single-post-area .blog-author {
padding: 20px 8px
}
}

.single-post-area .blog-author img {
width: 90px;
height: 90px;
border-radius: 50%;
margin-right: 30px
}

@media (max-width: 600px) {
.single-post-area .blog-author img {
margin-right: 15px;
width: 45px;
height: 45px
}
}

.single-post-area .blog-author a {
display: inline-block
}

.single-post-area .blog-author a:hover {
color: #009DFF
}

.single-post-area .blog-author p {
margin-bottom: 0;
font-size: 15px
}

.single-post-area .blog-author h4 {
font-size: 16px
}

.single-post-area .navigation-area {
border-bottom: 1px solid #eee;
padding-bottom: 30px;
margin-top: 55px
}

.single-post-area .navigation-area p {
margin-bottom: 0px
}

.single-post-area .navigation-area h4 {
font-size: 18px;
line-height: 25px
}

.single-post-area .navigation-area .nav-left {
text-align: left
}

.single-post-area .navigation-area .nav-left .thumb {
margin-right: 20px;
background: #B4956F}

.single-post-area .navigation-area .nav-left .thumb img {
-webkit-transition: .5s;
transition: .5s
}

.single-post-area .navigation-area .nav-left .lnr {
margin-left: 20px;
opacity: 0;
-webkit-transition: .5s;
transition: .5s
}

.single-post-area .navigation-area .nav-left:hover .lnr {
opacity: 1
}

.single-post-area .navigation-area .nav-left:hover .thumb img {
opacity: .5
}

@media (max-width: 767px) {
.single-post-area .navigation-area .nav-left {
margin-bottom: 30px
}
}

.single-post-area .navigation-area .nav-right {
text-align: right
}

.single-post-area .navigation-area .nav-right .thumb {
margin-left: 20px;
background: #B4956F}

.single-post-area .navigation-area .nav-right .thumb img {
-webkit-transition: .5s;
transition: .5s
}

.single-post-area .navigation-area .nav-right .lnr {
margin-right: 20px;
opacity: 0;
-webkit-transition: .5s;
transition: .5s
}

.single-post-area .navigation-area .nav-right:hover .lnr {
opacity: 1
}

.single-post-area .navigation-area .nav-right:hover .thumb img {
opacity: .5
}

@media (max-width: 991px) {
.single-post-area .sidebar-widgets {
padding-bottom: 0px
}
}

.comments-area {
background: transparent;
border-top: 1px solid #eee;
padding: 45px 0;
margin-top: 50px
}

@media (max-width: 414px) {
.comments-area {
padding: 50px 8px
}
}

.comments-area h4 {
margin-bottom: 35px;
font-size: 18px
}

.comments-area h5 {
font-size: 16px;
margin-bottom: 0px
}

.comments-area .comment-list {
padding-bottom: 48px;
border-bottom: 1px solid #eee;
padding-top: 25px;
border-radius: 11px;
}

.comments-area .comment-list:last-child {
padding-bottom: 0px
}

.comments-area .comment-list.left-padding {
padding-left: 25px
}

@media (max-width: 413px) {
.comments-area .comment-list .single-comment h5 {
font-size: 12px
}

.comments-area .comment-list .single-comment .date {
font-size: 11px
}

.comments-area .comment-list .single-comment .comment {
font-size: 10px
}
}

.comments-area .thumb {
margin-right: 20px
}

.comments-area .thumb img {
width: 70px;
border-radius: 50%
}

.comments-area .date {
font-size: 14px;
color: #999999;
margin-bottom: 0;
margin-left: 20px
}

.comments-area .comment {
margin-bottom: 10px;
color: #B4956F;
font-size: 15px

}

.comments-area .btn-reply {
background-color: transparent;
color: #888888;
padding: 5px 18px;
font-size: 14px;
display: block;
font-weight: 400
}

.comment-form {
border-top: 1px solid #eee;
padding-top: 45px;
margin-top: 50px;
margin-bottom: 20px
}

.comment-form .form-group {
margin-bottom: 30px
}

.comment-form h4 {
margin-bottom: 40px;
font-size: 18px;
line-height: 22px
}

.comment-form .name {
padding-left: 0px
}

@media (max-width: 767px) {
.comment-form .name {
padding-right: 0px;
margin-bottom: 1rem
}
}

.comment-form .email {
padding-right: 0px
}

@media (max-width: 991px) {
.comment-form .email {
padding-left: 0px
}
}

.comment-form .form-control {
border: 1px solid #f0e9ff;
border-radius: 5px;
height: 48px;
padding-left: 18px;
font-size: 13px;
background: transparent
}

.comment-form .form-control:focus {
outline: 0;
box-shadow: none
}

.comment-form .form-control::placeholder {
font-weight: 300;
color: #000000}

.comment-form .form-control::placeholder {
color: #000000}

.comment-form textarea {
padding-top: 18px;
border-radius: 12px;
height: 100% !important
}

.comment-form ::-webkit-input-placeholder {
font-size: 13px;
color: #777
}

.comment-form ::-moz-placeholder {
font-size: 13px;
color: #777
}

.comment-form :-ms-input-placeholder {
font-size: 13px;
color: #777
}

.comment-form :-moz-placeholder {
font-size: 13px;
color: #777
}

.blog_part {
margin-bottom: 140px
}

@media (max-width: 576px) {
.blog_part {
margin-bottom: 0px;
padding: 0px 0px 70px
}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
.blog_part {
margin-bottom: 0px;
padding: 0px 0px 70px
}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
.blog_part {
margin-bottom: 0px;
padding: 0px 0px 70px
}
}

.blog_part .blog_right_sidebar .widget_title {
font-size: 20px;
margin-bottom: 40px;
font-style: inherit !important
}

@media (max-width: 576px) {
.blog_part .single-home-blog {
margin-bottom: 140px;
margin-top: 20px
}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
.blog_part .single-home-blog {
margin-bottom: 140px;
margin-top: 20px
}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
.blog_part .single-home-blog {
margin-bottom: 140px;
margin-top: 20px
}
}

.blog_part .single-home-blog .card-img-top {
border-radius: 0px
}

.blog_part .single-home-blog .card {
border: 0px solid transparent;
border-radius: 0px;
background-color: transparent;
position: relative
}

.blog_part .single-home-blog .card .card-body {
padding: 25px 10px 29px 40px;
background-color: #ffffff;
position: absolute;
left: 20px;
bottom: -140px;
box-shadow: -7.552px 9.326px 20px 0px rgba(1, 84, 85, 0.1);
border-radius: 10px
}

@media (max-width: 576px) {
.blog_part .single-home-blog .card .card-body {
padding: 15px;
left: 10px;
bottom: -140px
}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
.blog_part .single-home-blog .card .card-body {
padding: 15px;
left: 10px;
bottom: -140px
}
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
.blog_part .single-home-blog .card .card-body {
padding: 20px
}
}

.blog_part .single-home-blog .card .card-body a {
color: #009DFF;
text-transform: uppercase;
-webkit-transition: .8s;
transition: .8s
}

.blog_part .single-home-blog .card .card-body a:hover {
background: -webkit-linear-gradient(131deg, #ff7e5f 0%, #feb47b 99%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent
}

.blog_part .single-home-blog .card .dot {
position: relative;
padding-left: 20px
}

.blog_part .single-home-blog .card .dot:after {
position: absolute;
content: "";
width: 10px;
height: 10px;
top: 5px;
left: 0;
background-color: #009DFF;
border-radius: 50%
}

.blog_part .single-home-blog .card span {
color: #8a8a8a;
margin-bottom: 10px;
display: inline-block;
margin-top: 10px
}

@media (max-width: 576px) {
.blog_part .single-home-blog .card span {
margin-bottom: 5px;
margin-top: 5px
}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
.blog_part .single-home-blog .card span {
margin-bottom: 5px;
margin-top: 5px
}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
.blog_part .single-home-blog .card span {
margin-bottom: 5px;
margin-top: 5px
}
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
.blog_part .single-home-blog .card span {
margin-bottom: 5px;
margin-top: 5px
}
}

.blog_part .single-home-blog .card h5 {
font-weight: 600;
line-height: 1.5;
font-size: 20px;
-webkit-transition: .8s;
transition: .8s;
text-transform: capitalize;
margin-bottom: 22px
}

@media (max-width: 576px) {
.blog_part .single-home-blog .card h5 {
margin-bottom: 10px
}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
.blog_part .single-home-blog .card h5 {
margin-bottom: 10px;
font-size: 16px
}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
.blog_part .single-home-blog .card h5 {
margin-bottom: 10px
}
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
.blog_part .single-home-blog .card h5 {
margin-bottom: 10px;
font-size: 18px
}
}

.blog_part .single-home-blog .card h5:hover {
-webkit-transition: .8s;
transition: .8s;
background: -webkit-linear-gradient(131deg, #feb47b 0%, #ff7e5f 99%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-animation: 1s
}

.blog_part .single-home-blog .card ul li {
display: inline-block;
color: #8a8a8a;
margin-right: 14px
}

@media (max-width: 576px) {
.blog_part .single-home-blog .card ul li {
margin-right: 10px
}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
.blog_part .single-home-blog .card ul li {
margin-right: 10px
}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
.blog_part .single-home-blog .card ul li {
margin-right: 10px
}
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
.blog_part .single-home-blog .card ul li {
margin-right: 10px
}
}

.blog_part .single-home-blog .card ul li span {
margin-right: 10px;
font-size: 12px
}
@media    (max-width: 921px){
.grid_galerie{
grid-template-columns: repeat(2, auto) !important;
}
}

@media    (max-width: 767px){
.grid_galerie{
grid-template-columns: repeat(2, auto) !important;
}
}
.grid_galerie{
grid-template-columns: repeat(3, auto);
grid-gap: 10px;
}


.dropdirect{
flex-direction: column !important;
}


.password_div{
display: flex;
flex-wrap: nowrap;
}





















@media (min-width: 768px) {
/* show 3 items */
.carousel-inner .active,
.carousel-inner .active + .carousel-item,
.carousel-inner .active + .carousel-item + .carousel-item {
display: block;
}

.carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
.carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item,
.carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item {
transition: none;
}

.carousel-inner .carousel-item-next,
.carousel-inner .carousel-item-prev {
position: relative;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}

.carousel-inner .active.carousel-item + .carousel-item + .carousel-item + .carousel-item {
position: absolute;
top: 0;
right: -33.3333%;
z-index: -1;
display: block;
visibility: visible;
}

/* left or forward direction */
.active.carousel-item-left + .carousel-item-next.carousel-item-left,
.carousel-item-next.carousel-item-left + .carousel-item,
.carousel-item-next.carousel-item-left + .carousel-item + .carousel-item,
.carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item {
position: relative;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}

/* farthest right hidden item must be abso position for animations */
.carousel-inner .carousel-item-prev.carousel-item-right {
position: absolute;
top: 0;
left: 0;
z-index: -1;
display: block;
visibility: visible;
}

/* right or prev direction */
.active.carousel-item-right + .carousel-item-prev.carousel-item-right,
.carousel-item-prev.carousel-item-right + .carousel-item,
.carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item,
.carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item {
position: relative;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
display: block;
}

#myCarousel .carousel-inner .carousel-item {
margin-right: 0%;
}

#myCarousel1 .carousel-inner .carousel-item {
margin-right: 0%;
}
}
@media (max-width: 180px) and (max-width: 767px) {
#myCarousel .carousel-inner div.carousel-item {
margin-right: 100%;
}

#myCarousel1 .carousel-inner div.carousel-item {
margin-right: 100%;
}
}
















.partenaires{
   margin-top: -57px;
}

.owl-dots {
text-align: center;
margin-top: 4%;
}

.firts-owl .owl-dots {
text-align: center;
top: -170px;
position: relative;
}

.owl-dot {
display: inline-block;
height: 8px !important;
width: 8px !important;
background-color: #878787 !important;
opacity: 0.8;
border-radius: 50%;
margin: 0 5px;
}
.owl-dot.active {
background-color: #7C4A34 !important;
}









.gtco-testimonials {
position: relative;
margin-top: 30px;
}
.gtco-testimonials h2 {
font-size: 30px;
text-align: center;
color: #000000;
margin-bottom: 50px;
}
.gtco-testimonials .owl-stage-outer {
padding: 30px 0;
}
.gtco-testimonials .owl-nav {
display: none;
}
.gtco-testimonials .owl-dots {
text-align: center;
}
.gtco-testimonials .owl-dots span {
position: relative;
height: 10px;
width: 10px;
border-radius: 50%;
display: block;
background: #ffffff;
border: 2px solid #01b0f8;
margin: 0 5px;
}
.gtco-testimonials .owl-dots .active {
box-shadow: none;
}
.gtco-testimonials .owl-dots .active span {
background: #01b0f8;
box-shadow: none;
height: 12px;
width: 12px;
margin-bottom: -1px;
}
.gtco-testimonials .card {
background: #ffffff;
box-shadow: 0 8px 30px -7px #c9dff0;
margin: 0 20px;
padding: 0 10px;
border-radius: 20px;
border: 0;
}
.gtco-testimonials .card .card-img-top {
max-width: 100px;
border-radius: 50%;
margin: 15px auto 0;
box-shadow: 0 8px 20px -4px #95abbb;
width: 100px;
height: 100px;
}
.gtco-testimonials .card h5 {
color: #01b0f8;
font-size: 21px;
line-height: 1.3;
}
.gtco-testimonials .card h5 span {
font-size: 18px;
color: #666;
}
.gtco-testimonials .card p {
font-size: 18px;
color: #555;
padding-bottom: 15px;
}
.gtco-testimonials .active {
opacity: 0.5;
transition: all 0.3s;
}
.gtco-testimonials .center {
opacity: 1;
}
.gtco-testimonials .center h5 {
font-size: 24px;
}
.gtco-testimonials .center h5 span {
font-size: 20px;
}
.gtco-testimonials .center .card-img-top {
max-width: 100%;
height: 120px;
width: 120px;
}
@media (max-width: 767px) {
.gtco-testimonials {
margin-top: 20px;
}
}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {
outline: 0;
}
.owl-carousel button.owl-dot {
outline: 0;
}















@media screen and (min-width: 768px) {
.carousel-inner .active,
.carousel-inner .active+.carousel-item {
display: block;
}
.carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
.carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left)+.carousel-item {
-webkit-transition: none;
transition: none;
}
.carousel-inner .carousel-item-next,
.carousel-inner .carousel-item-prev {
position: relative;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.carousel-inner .active.carousel-item+.carousel-item+.carousel-item+.carousel-item {
position: absolute;
top: 0;
right: -50%;
z-index: -1;
display: block;
visibility: visible;
}
/* left or forward direction */
.active.carousel-item-left+.carousel-item-next.carousel-item-left,
.carousel-item-next.carousel-item-left+.carousel-item {
position: relative;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
/* farthest right hidden item must be abso position for animations */
.carousel-inner .carousel-item-prev.carousel-item-right {
position: absolute;
top: 0;
left: 0;
z-index: -1;
display: block;
visibility: visible;
}
/* right or prev direction */
.active.carousel-item-right+.carousel-item-prev.carousel-item-right,
.carousel-item-prev.carousel-item-right+.carousel-item {
position: relative;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
display: block;
visibility: visible;
}
}

/* Desktop and up */

@media screen and (min-width: 992px) {
.carousel-inner .active,
.carousel-inner .active+.carousel-item,
.carousel-inner .active+.carousel-item+.carousel-item {
display: block;
}
.carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
.carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left)+.carousel-item,
.carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left)+.carousel-item+.carousel-item {
-webkit-transition: none;
transition: none;
}
.carousel-inner .carousel-item-next,
.carousel-inner .carousel-item-prev {
position: relative;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.carousel-inner .active.carousel-item+.carousel-item+.carousel-item+.carousel-item {
position: absolute;
top: 0;
right: -33.3333%;
z-index: -1;
display: block;
visibility: visible;
}
/* left or forward direction */
.active.carousel-item-left+.carousel-item-next.carousel-item-left,
.carousel-item-next.carousel-item-left+.carousel-item,
.carousel-item-next.carousel-item-left+.carousel-item+.carousel-item,
.carousel-item-next.carousel-item-left+.carousel-item+.carousel-item+.carousel-item {
position: relative;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
/* farthest right hidden item must be abso position for animations */
.carousel-inner .carousel-item-prev.carousel-item-right {
position: absolute;
top: 0;
left: 0;
z-index: -1;
display: block;
visibility: visible;
}
/* right or prev direction */
.active.carousel-item-right+.carousel-item-prev.carousel-item-right,
.carousel-item-prev.carousel-item-right+.carousel-item,
.carousel-item-prev.carousel-item-right+.carousel-item+.carousel-item,
.carousel-item-prev.carousel-item-right+.carousel-item+.carousel-item+.carousel-item {
position: relative;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
display: block;
visibility: visible;
}
}


.sharee {
background: #B4956F;
border: medium none;
border-radius: 5px;
color: #ffffff;
cursor: pointer;
display: inline-block;
font-size: 8px;
font-weight: 400;
letter-spacing: 1px;
line-height: 0;
margin-bottom: 0;
padding: 8px 8px;
text-align: center;
text-transform: capitalize;
touch-action: manipulation;
transition: all 0.3s ease 0s;
vertical-align: middle;
white-space: nowrap;
}






.box2 {
flex: 1;
overflow: hidden;
transition: 0.5s;
margin: 14px 5%;
box-shadow: 0 20px 30px rgba(0, 0, 0, .1);
line-height: 0;
}
.box2 > img {
width: 200%;
height: calc(100% - 10vh);
object-fit: cover;
transition: 0.5s;
}
.box2 > span {
font-size: 2vh;
display: block;
text-align: center;
height: 100%;
line-height: 2.6;
}
.box2:hover {
flex: 1 1 50%;
}
.box2:hover > img {
width: 100%;
height: 100%;
}



.box {
flex: 1;
overflow: hidden;
transition: 0.5s;
margin: 16px 7%;
box-shadow: 0 20px 30px rgba(0, 0, 0, .1);
line-height: 0;
}
.box > img {
width: 200%;
height: calc(100% - 10vh);
object-fit: cover;
transition: 0.5s;
}
.box > span {
font-size: 2vh;
display: block;
text-align: center;
height: 100%;
line-height: 2.6;
}
.box:hover {
flex: 1 1 50%;
}
.box:hover > img {
width: 100%;
height: 100%;
}





.olist {
ol {
counter-reset: li;
list-style-type: none;
margin: 0;
padding: 0;
}
li {
margin-bottom: 16px;
background-color: white;
padding: 10px;
box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.06);
font-size: 14px;
font-weight: 600;
color: #000000;
padding-left: 40px;
text-indent: -40px;
&:before {
counter-increment: li;
content: counter(li);
padding: 16px;
}
faq-a {
display: block;
// padding-left: 27px;
margin-top: 12px;
font-size: 14px;
color: #7C4A34;
font-weight: 300;
text-indent: 0;

}
}
}




.modal-title {
font-weight: 900
}

.modal-content {
border-radius: 13px
}

.modal-body {
color: #ffffff}

.img-thumbnail {
border-radius: 33px;
width: 61px;
height: 61px
}

.fab:before {
position: relative;
}

.smd {
width: 200px;
font-size: small;
text-align: center
}

.modal-footer {
display: block
}

.ur {
border: none;
background-color: #e6e2e2;
border-bottom-left-radius: 4px;
border-top-left-radius: 4px
}

.cpy {
border: none;
background-color: #e6e2e2;
border-bottom-right-radius: 4px;
border-top-right-radius: 4px;
cursor: pointer
}

button.focus,
button:focus {
outline: 0;
box-shadow: none !important
}

.ur.focus,
.ur:focus {
outline: 0;
box-shadow: none !important
}

.message {
font-size: 11px;
color: #ee5535
}



.fc-event, .fc-event-dot {
background-color: #B4956F !important;
color : #ffffff !important;
}

.fc-event {
border: 1px solid #B4956F !important;
}



.booking-calendar .fc-header-toolbar h2 {
margin-top: 12px;
font-size: 15px;
}


div#social-links {
max-width: 500px;
}

div#social-links ul li {
display: inline-block;
}

div#social-links ul li a {
padding: 10px;
margin: 1px;
font-size: 24px;
color: black;

}


.flex-share {

align-items: center;
flex-direction: column;
justify-content: space-between;
cursor: pointer;
color: black;
border-radius: 10px;
border: solid 3px;
padding: 9px;

}

.text-copy {
font-size: 1.125rem;
line-height: 1.75rem;
}


.share-icone-style{
align-items: baseline;
flex-wrap: wrap;
display: flex;
flex-direction: row;
align-content: stretch;
justify-content: center;
}

.hidden {
display: none;
}







/* SCROLL REVEAL */

.reveal{
position: relative;
transform: translateY(150px);
opacity: 0;
transition: all 1s ease;
}

.reveal.active{
transform: translateY(0px);
opacity: 1;
}


.btn-picture{
position: relative;
display: inline-flex;
vertical-align: middle;
border-radius: 0.375rem;
}

.profil-picture{
justify-content: center !important;
align-items: center !important;
display: flex !important;
}

.object-cover{
object-fit: cover;
}

.rounded-full {
border-radius: 9999px;
}

.text-white {
--tw-text-opacity: 1;
color: #ffffff;
}



#mymap {
border:1px solid red;
width: 800px;
height: 500px;
}

.fc-scroller{
overflow: hidden scroll;
height: 400px !important;
}

.fieldset {
border: solid;
color: #B4956F;
border-radius: 1em;
margin: 2em 1em 1em;
padding:0 1em 1em;
}

.legend {
transform: translatey(-50%);
width: max-content;
background: white;
padding: 0 0.15em;
}

ol li {
position: relative;
padding-left: 35px;
min-height: 24px;
margin-top: 14px;
margin-bottom: 32px;

}
ol li:before {
content: "\2666";
display: inline-block;

position: absolute;
top: 0;
left: 0;
width: 24px;
height: 24px;
text-align: center;
line-height: 24px;
font-family: "adelle-sans",sans-serif;
font-style: normal;
font-weight: 700;
font-size: 14px;
border-radius: 100%;
color: #ffffff;
background: #7C4A34;
}




.image {
display: flex;
justify-content: center;
align-items: center;
width: 430px;
height: 250px;
margin: 2vw;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
overflow: hidden;
background-image: url("https://www.teahub.io/photos/full/247-2478341_hd-pics-photos-cartoon-movie-characters-2-desktop.jpg");
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
border: 5px solid rgb(183, 185, 186);
}
.image span {
position: relative;
z-index: 1;
}






.persbut{
-moz-user-select: none;
background: #B4956F;
border: medium none;
width: 100%;
border-radius: 5px;
color: #ffffff;
cursor: pointer;
display: inline-block;
font-size: 10px!important;
font-weight: 400;
letter-spacing: 1px;
margin-bottom: 0;
padding: 17px 11px;
text-align: center;
touch-action: manipulation;
transition: all 0.3s ease 0s;
vertical-align: middle;
white-space: nowrap;
}


.persbut3{
-moz-user-select: none;
border: medium none;
width: 30%;
height: 30px;
border-radius: 5px;
color: #000000;
cursor: pointer;
display: inline-block;
font-size: 12px!important;
font-weight: 400;
letter-spacing: 1px;
margin-bottom: 0;
margin-top: -1px;
padding: 13px 10px;
text-align: end;
touch-action: manipulation;
transition: all 0.3s ease 0s;
vertical-align: middle;
white-space: nowrap;
}


.persbut1{
-moz-user-select: none;
background: #B4956F;
border: medium none;
width: 60%;
border-radius: 5px;
color: #ffffff;
cursor: pointer;
display: inline-block;
font-size: 10px!important;
font-weight: 400;
letter-spacing: 1px;
line-height: 0;
margin-bottom: 0;
padding: 23px 11px;
text-align: center;
text-transform: capitalize;
touch-action: manipulation;
transition: all 0.3s ease 0s;
vertical-align: middle;
white-space: nowrap;
}




.persbut2{
-moz-user-select: none;
background: #000000;
border: medium none;
width: 100%;
border-radius: 5px;
color: #ffffff;
cursor: pointer;
display: inline-block;
font-size: 10px!important;
font-weight: 400;
letter-spacing: 1px;
line-height: 0;
margin-bottom: 0;
padding: 23px 11px;
text-align: center;
text-transform: capitalize;
touch-action: manipulation;
transition: all 0.3s ease 0s;
vertical-align: middle;
white-space: nowrap;
}


.modscroll{
max-height: calc(90vh  - 1rem);
overflow-x: auto;
overflow-y: scroll;

}




























































.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot.owl-nav {
position: absolute;
left: 20px;
top: 50%;
background-color: var(--base-color) !important;
display: block;
padding: 0 .3em !important;
font-size: 3em;
margin: 0;
cursor: pointer;
color: #fff;
transform: translate(-50%, -50%);
}

.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-next, .owl-carousel button.owl-dot.owl-nav {
position: absolute;
right: -23px;
top: 50%;
background-color: var(--base-color) !important;
display: block ;
padding: 0 .3em !important;
font-size: 3em ;
margin: 0;
cursor: pointer;
color: #fff;
transform: translate(-50%, -50%);
}