button.btn.ng-binding {
    color: #212529;
    display: block;
    font-weight: 400;
    padding: 5px 7px;
    text-decoration: none;
    white-space: nowrap;
    border-radius: 0px;
    font-size: 12px;
  }

  h2#price-title-offre {
    text-align: center !important;
    padding-top: 20px;
    color: #000;
    font-weight: 800;
    text-align: left;
    font-size: 18px !important;
  }
  .destinations-container {
    background-image: url(images/ima.png);
    padding-bottom: 8rem;
    background-repeat: round;
  }
  .gris {
    background: #F5F5F5 !important;
  }
  section.banner-form.form-style2.mar-bottom-40.descktop.ng-scope {
    margin-top: -8% !important;
  }
  ul.filter-button-trie-ul.ng-scope {
    border-right: 1px solid #1c4da1;
  }
  .filter-button-trie {
    display: flex;
  }
  .pretty.p-default.p-thick.p-pulse.ng-scope {
    display: flex;
  }
.blog-image {
    height: 77%;
    border-radius: 10px 0px 0px 0px !important;}
p.tag-offre-dp.ng-binding {
  margin-top: 7px;
}
.cont{
  line-height: 12px;
    margin-top: 7px;
}
p#description-room {
    font-size: 14px;
}
.col-lg-5.col-5 {
    margin-top: 1px;
    padding: 10px;
}
.row.mar-bottom-30.blog-full.m-mobile.ng-scope {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}
.wraper {
    display: flex;
    width: 80%;
}
.col-lg-2.rating.col-12 {
    font-size: 15px;
    margin-top: 10px;
}

div#tie {
    max-width: 36.666667% !important;
    margin-left: 63.3%;
    margin-top: -24%;
}
p#description-room {
    font-size: 13px;
}
.row.mar-bottom-30.blog-full.m-mobile.ng-scope {
    margin-left: 0% !important;
}
.gris {
    background: #fff!important;
}

.form-outer.filter-box.row {
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}
button.btn.ng-binding {
    border: 1px solid #b2352b;
    border-radius: 45px;
}
ul.filter-button-trie-ul.ng-scope {
    border-right:none;
    padding: 7px 5px;
}
span.ng-binding {
    color: #ffb84c;
    font-size: 18px;
}
.icon {
    margin-top: -1%;
}
.list-sidebar.ng-scope {
    margin-left: -6%;
    margin-top: 0%;
}
.blog-content.col-lg-7 {
    margin-top: -13%;
}

.blog-content {
  padding: 30px 0px !important;
  display: inline-block;
  width: 100%;
}  
.col-md-5 {
  -ms-flex: 0 0 41.666667%;
  flex: 0 0 41.666667%;
  max-width: 35.666667%;
  max-height: 300px;
}
p#sub-titel-location {
  margin-left: -13px;
}
h3.col-lg-12.blog-title.pt-4.ng-binding{
font-size: 21px;
font-family: 'Poppins';
margin-left: -14px;
margin-top: -24px

}
html.sib-conversations-mobile-widget-expanded,
body.sib-conversations-mobile-widget-expanded {
  overflow: hidden !important;
  height: 100% !important;
  width: 100% !important;
  position: fixed !important;
  margin: 0 !important;
  top: 0 !important;
  left: 0 !important;
}

.sib-conversations {
  visibility: hidden;
  opacity: 0;
  position: fixed;
  max-height: calc(100% - 40px);
  max-width: calc(100% - 40px);
  -webkit-transition: .2s linear;
  transition: .2s linear;
  -webkit-transition-property: visibility, opacity;
  transition-property: visibility, opacity;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  width: auto;
  height: auto;
  min-height: 0;
  min-width: 0;
  display: block;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  padding: 0;
  margin: 0;
}

.sib-conversations--bg-white {
  background: #fff;
}
.section2 {
background-image: url(images/ima.png);
padding-bottom: 8rem;
background-repeat: round;
padding: 40px 20px !important;
}


.owl-carousel .owl-item img {
display: block;
width: 90%;
height: 40vh;
}
.voir-cart-content {
border: none !important;
}
button.owl-next,button.owl-prev {
background: #ad1313 !important;
}
i#icon-location-sub {
color: #b2352b;
}
.biz-btn:before, .biz-btn-black:before, .biz-btn-white:before {
background: #ffc107!important;
color: #fff;
}
a:hover, a:focus {
color: #fff !important;}
button.biz-btn {
margin-top: 3%;
margin-bottom: 1%;
}
button.ng-binding {
color: #867b7b;
top: -14% !important;
font-size: 12px !important;
}
.owl-prev {
width: 50px !important;
height: 50px !important;
font-size: 27px !important;
}


@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200&display=swap');
  .image{
    max-width: 100%;
    width: 80%;
      background-repeat: no-repeat;
      background-size: cover;
  }
.ville {       
background-color: #fff;
padding: 10px 20px;
border-radius: 0px 0px 0px 83px;
margin-left: 62%;
}
.viile h2{
font-size: 1.5rem !important;
font-family: 'Poppins';
}
.ligne {
  border: 1px solid #2f5993 !important;
  width: 179px;
  margin-top: -5px;}
 
.packg h2 {
  font-size: 21px !important;
  padding-bottom: 5px;
}
.packg {
background: #FFC107;
padding: 0px 12px;
border-radius: 0px 41px 0px 0px;
margin-top: 35%;
width: 200px;
}
.packg h3{
padding-top: 10px;
font-size: 14px !important;
font-family: 'Poppins';
}

.packg p{
font-size: 14px;
font-family: 'Poppins';
padding-top:5px

}
#h2slid{
font-size: 17px !important;
  padding-left: 10px;
}

@media(max-width: 450px) {
 .descktop {
    display: none;
  }

  

  .modal-content {
    height: auto;
    min-height: 100%;
    border-radius: 0;
  }

  .modal-backdrop.show {
    display: none;
  }

  .modal-header {
    border-bottom: none;
    padding: 5rem 2rem 2rem 2rem;
  }

  input[type=text]:focus,
  input[type=email]:focus,
  input[type=number]:focus,
  input[type=search]:focus,
  input[type=password]:focus,
  input[type=tel]:focus,
  input[type=date]:focus,
  textarea:focus,
  select:focus {
    border-color: #ffffff !important;
  }

  .fa,
  .fas {
    font-size: 25px;
  }

  .modal_input {
    border-bottom: 1px solid #ACB1C0 !important;
    border: none !important;
    border-radius: inherit !important;
    font-size: 20px !important;
    font-weight: 600 !important;
  }

  .dropdown-menu {
    position: absolute;
    top: 100%;
    padding-left: 20px !important;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: 2.5rem 0;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;

    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: none;
    border-radius: 0px;
  }

  ul li {
    line-height: 40px;
  }

  .dropdown-menu>li>a {
    font-size: 16px;
    font-weight: 700;
    color: #333;
    cursor: pointer;
    padding: 0 !important;
  }

  .modal-footer {
    border-top: none;
  }

  .daterangepicker {
    margin-top: 0 !important;
    border: none !important;
    padding: 20px;
    position: fixed !important;
    top: 30% !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 9999999 !important;
    height: 100% !important;
    overflow-y: scroll !important;
  }

  .daterangepicker td.active,
  .daterangepicker td.active:hover {
    background-color: #e83c4b;
  }

  .nights {
    width: 36px;
    display: inline-block;
    height: 36px;
    line-height: 36px;
    font-size: 28px;
    font-size: 1.75rem;
    background-color: #f2f2f2;
    -webkit-text-stroke: 1px #f2f2f2;
    color: #333;
    display: inline-block;
    text-align: center;
    border-radius: 50%;
    cursor: pointer;
  }

  .destination-sub-title {
    color: #fff;
    margin-bottom: 1rem;
    font-family: Helvetica;
    font-size: 20px;
  }

  .destinations-container {
    padding-bottom: 0rem;
  }

  .circuit-container {
    padding-bottom: 0rem;
  }

  .subscribe-pane {
    margin: 2rem 1rem !important;
    padding: 1rem;
    margin-top: 0rem;
  }

  .section.top-destinations {
    padding-bottom: 0px;
  }

 
}

@media only screen and (max-width: 600px) {
  p.tag-offre-dp {
    margin-top: -5px !important;
}
  div#rowcard {
max-height: 556px !important;
}
  .col-md-5 {
-ms-flex: 0 0 41.666667% !;
flex: 1 0 53.666667% !important;
max-width: 99.666667% !important;
max-height: 300px ;

}
  .col-md-5.blog-height {
padding: 0% !important;}
.blog-full .blog-image {
height: 190px !important;
width: 100% !important;
}
p#description-room {
font-size: 12px;
line-height: 20px;
font-family: 'Poppins';
}

.row.mar-bottom-30.blog-full.m-mobile.ng-scope {
margin: 8% 0% 0% !important;
}
button.biz-btn {
margin-top: 10% !important;
}
.wraper {
width: 92%;
margin-top: -4% !important;
}
h3.col-lg-12.blog-title.pt-4.ng-binding {
margin-top: -3%;
font-size: 19px !important;
font-family: Poppins;
text-align: left;
margin-left: -6%;
}
p#sub-titel-location {
font-size: 15px !important;
text-align: left;
margin-left: -6%;
}
.fas {
font-size: 15px !important;
color: #b7362d;

}
.col-lg-5.col-5 {
margin-top: 1px;
padding: 10px;
padding-top: 16px;
}
.fa {
font-size: 17px !important;
}
h2#price-title-offre{
text-align: center;
}
div#tie {
display: flex;
justify-content: center;
align-items: center;
max-width: 125.666667% !important;
margin-left: -4.7%;
width: 114%;
margin-top: -10%;
margin-right: -5%;
}
a#DP-offre {
width: 41% !important;
margin-bottom: 5% !important;
font-size: 14px;
padding: 10px;
font-family: 'Poppins';
margin-top: 6%;
margin-left: 1%;
}
.row.col-md-7.carte-mobile {
margin-left: 0% !important;
margin-right: 0% !important;
}
.blog-content.col-lg-7 {
margin-top: -20%;
margin-left: 0%;
}
section#myHeader {
background: none;
}
button.one-third.button.flex-fill.text-center {
background: none;
border: none;}

.list-sidebar.ng-scope {
display: none;
}
.inline-buttons .one-third {
color: #dc3545;
font-size: 20px;}

}  

@-webkit-keyframes sib-conversations-chat-appear-from-bottom {
  from {
    opacity: 0;
    -webkit-transform: translateY(20px) scale(.97);
    transform: translateY(20px) scale(.97);
  }

  to {
    opacity: 1;
    -webkit-transform: translateY(0) scale(1);
    transform: translateY(0) scale(1);
  }
}

@keyframes sib-conversations-chat-appear-from-bottom {
  from {
    opacity: 0;
    -webkit-transform: translateY(20px) scale(.97);
    transform: translateY(20px) scale(.97);
  }

  to {
    opacity: 1;
    -webkit-transform: translateY(0) scale(1);
    transform: translateY(0) scale(1);
  }
}

@-webkit-keyframes sib-conversations-chat-appear-from-top {
  from {
    opacity: 0;
    -webkit-transform: translateY(-20px) scale(.97);
    transform: translateY(-20px) scale(.97);
  }

  to {
    opacity: 1;
    -webkit-transform: translateY(0) scale(1);
    transform: translateY(0) scale(1);
  }
}

@keyframes sib-conversations-chat-appear-from-top {
  from {
    opacity: 0;
    -webkit-transform: translateY(-20px) scale(.97);
    transform: translateY(-20px) scale(.97);
  }

  to {
    opacity: 1;
    -webkit-transform: translateY(0) scale(1);
    transform: translateY(0) scale(1);
  }
}

@-webkit-keyframes sib-conversations-chat-appear {
  from {
    opacity: 0;
    -webkit-transform: scale(.95);
    transform: scale(.95);
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes sib-conversations-chat-appear {
  from {
    opacity: 0;
    -webkit-transform: scale(.95);
    transform: scale(.95);
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@-webkit-keyframes sib-conversations-round-button-appear {
  from {
    opacity: 0;
    -webkit-transform: scale(.5);
    transform: scale(.5);
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes sib-conversations-round-button-appear {
  from {
    opacity: 0;
    -webkit-transform: scale(.5);
    transform: scale(.5);
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@-webkit-keyframes sib-conversations-tab-button-appear {
  from {
    opacity: 0;
    -webkit-transform: scale(.9);
    transform: scale(.9);
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes sib-conversations-tab-button-appear {
  from {
    opacity: 0;
    -webkit-transform: scale(.9);
    transform: scale(.9);
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@-webkit-keyframes sib-conversations-transparent-appear {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes sib-conversations-transparent-appear {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@media print {
  .sib-conversations {
    display: none;
  }
}
@media only screen and (max-width: 600px) {
  .image{
    max-width: 100%;
    width:100%;
  }
  .ville h2 {
     font-size: 14px !important;
 }
 .ville {
     margin-left: 42%;
 }
 #h2slid{
   font-size: 14px !important;
 }
 .packg h3 {
     font-size: 14px !important;
     padding-top: 5px;
 }
 }