body {
  margin:0px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
  font-size: 14px;
  background-color: #eff2f5;
}

header{
  background-color: #2e3e4d;
  color: white;
  height:66px;
  width:100%;
  top:0px;
}

.header_sticky{
  position: fixed;
}

.active_wishlist{
  background-color: #E24A4A !important;
  color:white !important;
}

.active_done{
  background-color: #4A90E2 !important;
  color:white !important;
}

.map_for_mobile{
  width:100%;
  height: 100%;
}

.font_size_search{
  font-size: 14px;
}

.category_selector option{
  padding:4px;
}

.thumb {
  height: 135px;
  border: 1px solid #000;
  margin: 10px 5px 0 0;
}

.marginsmall{
  margin:19px;
  font-size: 14px
}

#markerLayer img {
  border-radius: 40px;
}

main{
  position:relative;
  background-color: #eff2f5;

}

p{
  font-size: 14px;
}

h1{
  font-family: 'Roboto Slab', serif;
  font-size:35px;
  font-weight: normal;
}

h2{
  font-family: 'Roboto Slab', serif;
  font-weight: normal;
  line-height: 38px;
}

h3{
  font-family: 'Roboto Slab', serif;
  font-weight: normal;
}

h4{
  font-family: 'Roboto Slab', serif;
  font-weight: normal;

}

/* SELECTOR
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/


/* -------------------- Select Box Styles: bavotasan.com Method (with special adaptations by ericrasch.com) */
/* -------------------- Source: http://bavotasan.com/2011/style-select-box-using-only-css/ */
.styled-select {
 background: url(../img/icons/icon-dropdown-black@2x.png) no-repeat 100% 0;
 background-size: 38px;
 height: 38px;
 overflow: hidden;
 width: 340px;
}



.small_tablet{
  width:200px;
}

.styled-select select {
 background: transparent;
 border: none;
 font-size: 14px;
 height: 44px;
 padding: 5px; /* If you add too much padding here, the options won't show in IE */
 width: 300px;
}

.filter_left::-webkit-scrollbar { 
  display: none; 
}

.filter_left{
  width:270px;
}

.content_right{
  width: calc(100% - 270px);
  margin-left: 270px;
}

.styled-select.slate {
  margin:10px;
  height: 44px;
  overflow: hidden;
  border-radius: 4px;
  color:#153555;
  border: 1px solid gainsboro;
}

.styled-select.slate select {
 font-size: 14px;
 height: 38px;
 width: 300px;
}

.slate   { background-color: white; }

/* -------------------- Colors: Text */
.slate select   { color: #000; }

.gm-style-iw {
 width: 350px !important;
 top: 0 !important;
 left: 0 !important;
 border-radius: 2px 2px 0 0;
}

/*
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/

.wishlist_button{
  position: absolute;
  top: -2px;
  right: 46px;
  width: 36px; 
  height: 37px;
  border-radius: 0px 0px 6px 6px;
  background-color: rgba(65, 83, 100, 0.6);
}

.pin_for_active_room{
    position: absolute;
    top: 6px;
    left: 6px;
    height: 6px;
    width: 6px;
    border-radius: 44px;
    padding: 4px 4px;
    font-weight: 400;
    /* font-size: 10px; */
    background-color: rgb(165, 165, 165);
    color: white;
}

.wishlist_button:hover{
  background-color: #E24A4A;
}

.footer_size_results  {
  width: calc(100% - 290px);margin-left: 250px;
  padding: 0px 20px;
}

.add_button{
  position: absolute;
  top: -2px;
  right: 6px;
  width: 36px;
  height: 37px;
  border-radius: 0px 0px 6px 6px;
  background-color: rgba(65, 83, 100, 0.6);
}

.img_blogueur{
  display:inline-block;
  width:60px;
  vertical-align:top;
}

.add_button:hover{
  background-color: #4A90E2;
}

.button_fullsize_mobile{
  background-color: rgba(45, 48, 51, 0.3);
  border: 2px solid white;
}

.button_fullsize_mobile:hover{
  background-color:rgba(46, 66, 84, 0.62);
}


.bloc_left_link{
  display:inline-block;
  width:32%;
  vertical-align:top;
}

.left_choice_map{
  width:270px;
  height:100%;
  background-color:#415364;
  display:inline-block;
  position:fixed;
  overflow: scroll;
}


.button_validatedistance{
  background-color: #ffffff;
  line-height: 48px;
  border-radius: 42px;
  text-align: center;
  color: #415364;
  font-weight: 400;
  padding: 0px 10px;
  margin: 16px auto;
  width: 98px;
}

.main_map{
  vertical-align:top;
  height:100%;
  margin-left:270px;
  width:calc(100% - 270px);
}


.bloc_right_content{
  display:inline-block;
  padding-left:2%;
  padding-top:10px;
  width:64%;
  vertical-align:top;
  font-size:15px;
  margin:0px;
  line-height:28px;
}

.content_mobile{
  margin-left:270px;
  width: calc(100% - 270px);
}

.bloc_content_title_text{
  padding-bottom:20px;
}

.bloc_content_title_text p{
  margin:0px !important;
}


.bloc_left_link  ul
{
  list-style-type: none;
  padding:0px;
  margin:0px;
  font-family: 'Roboto Slab', serif;
  color:#697886;
}

.bloc_left_link li{
  font-size: 16px;
  font-weight: 400;
  line-height: 32px;
  cursor:pointer;
  padding: 10px 0px;
}

.bloc_left_link li.active{
  font-weight: bold;
  color: black;
}

.activeblue{
  font-weight: bold !important;
  color: #376dad !important;
}

.container_availabilities{
  padding: 90px 20px;
  min-height:300px;
  display:none;
  height:100%;
  width:calc(100% - 40px);
}

.mobilemap_escaperoom{
  height:320px !important; 
}


.dropbtn {
  color: #153555;
  background-color: white;
  border-radius:2px;
  margin:14px 0px 14px 10px;
  line-height: 38px;
  font-size: 14px;
  padding:0 14px;
  cursor: pointer;
  border: 1px solid gainsboro;
}

.dropdown {
  position: relative;
  display: inline-block;
}


.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  box-shadow: 0px 2px 16px 0px rgba(0,0,0,0.3);
}

.drop_active{
  background-color: #6cca6f;
  color: white;
  border: 1px solid #6cca6f;
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown-content a:hover {background-color: #f1f1f1}

.dropdown:hover .dropdown-content {
  display: block;
  border-radius: 0px 0px 5px 5px;
}

.dropdown:hover .dropbtn {
  background-color: #6cca6f;
  color: white;
  border: 1px solid #6cca6f;
}

.minimap{
  width: 100%;
  height:200px;
  overflow:hidden;
}



.date_day{
  width:35px;
}

.content_creneau{
  white-space: nowrap;
  -moz-transition: all 0.2s ease-out;
  /* WebKit */
  -webkit-transition: all 0.2s ease-out;
  /* Opera */
  -o-transition: all 0.2s ease-out;
  /* Standard */
  transition: all 0.2s ease-out;
}

.marginsmall{
  margin:19px;
}


.container2{
  max-width:1040px;
  margin:0px auto 20px auto;
}

.container2main{
  max-width:1040px;
  margin:0px auto 30px auto;
}

.container3{
  max-width:1040px;
  margin:0px auto 20px auto;
}

.container4{
  max-width: 1100px;
    margin: 0px auto 10px auto;
}

.block_image .inside_card{
  background-color:rgba(46, 66, 84, 0.5);
  padding:10px;
  height:calc(100% - 20px);
  width:calc(100% - 20px);
  cursor:pointer;
  /*text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4);*/
  transition-duration: 0.5s; /* La transition dure 1s */
}

.block_image2 .inside_card{
  background-color:#4a90e2a1;
  padding:10px;
  height:calc(100% - 20px);
  width:calc(100% - 20px);
  cursor:pointer;
  /*text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4);*/
  transition-duration: 0.5s; /* La transition dure 1s */
}

.block_image .inside_card:hover{
  background-color:rgba(59, 125, 185, 0.76);
}

.bloggers_hover:hover{
  cursor: pointer;
  box-shadow: 0px 2px 10px rgba(46, 62, 77, 0.3);
}


.block_image{
  color:white;
  width: 235px;
  margin: 6px;
  height:326px;
  border-radius:4px;
  overflow:hidden;
}

.block_image2{
  color:white;
  width: 47%;
  margin: 6px;
  height:176px;
  border-radius:4px;
  overflow:hidden;
  box-shadow: 0px 8px 20px #b4b6b9;
  transition: all .25s ease;
}

.block_image2:hover{
  color:white;
  width: 47%;
  margin: 6px;
  height:176px;
  border-radius:4px;
  overflow:hidden;
  box-shadow: 0px 10px 25px #87888a;
  transition: all .25s ease;
}


.text_card{
  font-size: 13px;
  /* font-family: helvetica; */
  /* font-family: 'Open Sans', sans-serif; */
  text-align: left;
  line-height: 22px;
  padding: 10px;
  font-weight: 400;

}


.inline_block{
  display: inline-block;
}

.product {
  text-align: left;
  display: inline-block;
  width: 258px;
  height: 270px;
  margin: 10px;
  border-radius: 5px;
  background: white;
  overflow: hidden;
  box-shadow: 0px 0px 10px rgba(46,66,84,0.3);
  -moz-transition: all 0.2s ease-out;
  /* WebKit */
  -webkit-transition: all 0.2s ease-out;
  /* Opera */
  -o-transition: all 0.2s ease-out;
  /* Standard */
  transition: all 0.2s ease-out;
}

.img_product{
  width: 258px;
  height: 152px;
}

.product_subinfo{
  top:124px;

}


#openPopUp{
  text-align:center;
  background-color: grey;
  padding: 15px 15px;
  color: #ffffff;
  font-weight: 500;
  font-size: 1.5em;
  border-radius: 3.5px;
  text-decoration: none;
  font-weight: 100;
  transition:background-color 0.15s linear;
  -webkit-transition:background-color 0.15s linear;
  -moz-transition:background-color 0.25s linear;
  -o-transition:background-color 0.25s linear;
}
a#openPopUp:hover{
  cursor: pointer;
  background-color: #1abc9e;
}
.popup{
  position: fixed;
  top: -4000px;
  left: 0;
  z-index: 9999999;
  background: rgba(46, 66, 84, 0.8);
  width: 100%;
  height: 100%;
  opacity: 0;

  -webkit-transition: opacity  0.35s ease;
  -moz-transition: opacity 0.35s ease;
  -o-transition: opacity 0.35s ease;
  transition: opacity 0.35s ease;
}
.popup .popUpContainer{
  width: 100%;
  max-width: 500px;
  position: fixed; /* To avoid scroll to target */
  left: 50%;
  top: -1000px;
  -webkit-transition: top  0.35s ease;
  -moz-transition: top 0.35s ease;
  -o-transition: top 0.35s ease;
  transition: top 0.35s ease;
  margin-bottom: 40px;

  /* Trick to properly center the element by using negative 
  1/2 length of element as margin left and top */
  margin-left: -250px;
  background-color: #ffffff;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
  -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
  box-shadow: 0 1px 2px rgba(0,0,0,0.1);
  border-radius: 2px;
  z-index: 9999999; 
}
.popup h2{
  padding: 0.5em;
  text-align: center;
  color: #444444;
  margin: 0;
}
.popup img{
  width: 100%;
  display: block;
}
.popup article{
  background-color: white;
}
/* The cancel button on popup dialog */
.popup a.closePopUp{
  font-family: verdana;
  color: grey;
  position: absolute;
  top: 0.2em;
  right: 0.375em;
  margin: 0;
  padding: 5px;
  font-weight: bold;
  font-size: 1.5em;
  text-decoration: none;
}
/* The cancel button on popup dialog */
.popup a:hover{
  color: black;
}
/* When popup is targeted, by clicking on link with #popup in HTML */
.popup:target{
  opacity: 1;
  top: 0;
}
.popup .closePopUpOutSide{
  position: absolute;
  left:0;
  width: 100%;
  height: 100%;
  z-index: 9999991; 
}
.popup:target .popUpContainer{
  top: 50px;
  -webkit-transition: top  0.35s ease;
  -moz-transition: top 0.35s ease;
  -o-transition: top 0.35s ease;
  transition: top 0.35s ease;
}

.no_mobile_inline{
  display:inline-block;
}

.no_mobile_block{
  display:block;
}

.only_mobile_inline{
  display:none;
}

.only_mobile_block{
  display:none;
}

.product_escaperoom{
  width:248px;
}

.criteres{
  font-size:13px;
  color: #2e4254;
  display:inline-block;
  padding: 4px 7px 6px 7px;
  background-color: #eff2f5;
  border-radius:4px;
  margin:0 1px;
  font-family: 'Roboto Slab', serif;
  font-weight: 400;
}

.criteres2{
  font-size:13px;
  color: #2e4254;
  display:inline-block;
  padding: 4px 8px 6px 8px;
  background-color: #eff2f5;
  border-radius:4px;
  margin:0 1px;
  font-family: 'Roboto Slab', serif;
  font-weight: 400;
}

.criteres3{
  font-size:13px;
  color: #2e4254;
  display:block;
  padding: 4px 14px;
  background-color: #eff2f5;
  border-radius:4px;
  margin:0 1px;
  font-family: 'Roboto Slab', serif;
  font-weight: 400;
  margin-bottom:6px;
}

.criteres4{
  font-size:14px;
  color: #2e4254;
  display:block;
  padding: 4px 14px;
  background-color: white;
  border-radius:4px;
  margin:0 1px;
  font-family: 'Roboto Slab', serif;
  font-weight: 400;
  margin-bottom:6px;
}


.criteres_active{
  background-color: rgb(108, 202, 111) ;
  color:white;
}

@media  (max-width: 796px) {
  .popup .popUpContainer{
    width: 96%;
    max-width: none;
    left: 2%;
    margin-left: 0;
  }
  .popup ul{
    padding: 0 1em 0 1em;
  }
  .popup:target .popUpContainer{
    top: 25px;
    -webkit-transition: top  0.35s ease;
    -moz-transition: top 0.35s ease;
    -o-transition: top 0.35s ease;
    transition: top 0.35s ease;
  }
}


.product:hover{
  box-shadow: 0px 0px 20px rgb(94, 109, 123);
  cursor: pointer;
  -moz-transition: all 0.2s ease-out;
  /* WebKit */
  -webkit-transition: all 0.2s ease-out;
  /* Opera */
  -o-transition: all 0.2s ease-out;
  /* Standard */
  transition: all 0.2s ease-out;
}

#searchbar {
  display:none;
}

.logo_header{
  background: url(../img/logo/escapeshaker-logo-white.png) no-repeat;
  background-size: 100px 38px;
  width: 100px;
  height: 38px;
  margin: 14px 1%;
  vertical-align: top;
}

.tab:hover{
  opacity:0.8 !important;
}


.tab_active{
  border-bottom:4px solid #4A90E2;
  opacity:1 !important;
}

.icon_header_globe {
 background: url(../img/icons/icon-map-globe-white.png) no-repeat;
 background-size: 22px 22px;
 width: 22px;
 height: 22px;
 margin: 22px 0px;
 vertical-align: top;
}

.icon_header_search-grey {
 background: url(../img/icons/icon-search-grey@2x.png) no-repeat;
 background-size: 22px 22px;
 width: 22px;
 height: 22px;
 margin-right:6px;
 vertical-align: top;
}

.icon_header_globe-grey {
 background: url(../img/icons/icon-map-globe-grey.png) no-repeat;
 background-size: 22px 22px;
 width: 22px;
 height: 22px;
 margin-right:6px;
 vertical-align: top;
}

.hover:hover{
  cursor: pointer;
  outline: 0px;
}


input[type=range] {
  -webkit-appearance: none;
  margin: 18px 0;
  width: 100%;
}

input[type=range]:focus {
  outline: none;
}

input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 2px;
  cursor: pointer;
  animate: 0.2s;
  background: white;
  border-radius: 100px;
}

input[type=range]::-webkit-slider-thumb {
  box-shadow: 1px 1px 1px #293744;
  border: 2px solid white;
  height: 24px;
  width: 24px;
  border-radius: 50px;
  background: #6cca6f;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -11px;
}

input[type=range]:focus::-webkit-slider-runnable-track {
  /*background: green;*/
}

.text_blogueur{
  display:inline-block;
  width:calc(100% - 80px);
  vertical-align:top;
  padding-left:10px;
}




.localisation_autocomplete{
  width: calc(100% - 51px);
}

.icon_header_dropdown{
  background: url(../img/icons/icon-dropdown-white.png) no-repeat;
  background-size: 12px 7px;
  width: 12px;
  height: 7px;
  vertical-align: top;
  margin: 15px 0px 0px 6px;
}


.button_header {
  background-color: #4A90E2;
  line-height: 36px;
  padding: 0px 10px;
  border-radius: 2px;
  vertical-align: top;
  margin: 15px 1%;
}

.button_localisation{
  background-color:white;
  line-height:60px;
  width: 100%;
  max-width: 680px;
  border-radius:2px;
  margin: 0 auto;
  overflow:hidden;
  text-align: left;
}

.header_button_localisation{
  line-height:80px;
  width:640px;
  border-radius:2px;
  margin: 0 auto;
  overflow:hidden;
  text-align: left;
}


.google_search_input{
  border: none;
  width: 100%;
  vertical-align: top;
  line-height: 58px;
  font-size:14px;
  outline: 0px;
}

.button_validate{
  background-color:#4A90E2;
  float:right;
  color:white;
  padding: 0 20px;
  border: none;
  line-height: 60px;
  font-size: 14px;
  outline:0;
}

.button_validate:hover{
  background-color: #3b82d6;
  cursor: pointer;
}


.button_normal{
  background-color:#d6dee6;
  text-align:center;
  font-weight:400;
  color:#6a7075;
  font-size:13px;
  width:260px;
  height:50px;
  display: block;
  line-height: 50px;
  text-decoration: none;
  border-radius: 2px;

}

.button_normal:hover{
  background-color:#eaeaea;
}

.button_reserver:hover{
  background-color: #3b82d6 !important;
  cursor: pointer;
}

.lien{
  text-decoration:none;
  color:black;
}


.lien:hover{
  color: #376dad !important ;
  font-weight:bold !important;
  cursor: pointer !important;
}

.lien2{
  text-decoration:none;
  color:white;
}

.lien2:hover{
  color: #d6d5d5 !important ;
  cursor: pointer !important;
}

.bloc_compte{
  background-color:#eff2f5;
  width:250px;
  height:auto;
  color:black;border-radius:3px;
  padding:15px 20px 20px 20px;
}


label.filterdif {
  display: block;
  margin-bottom: 7px;
  border-radius: 2px;
  color: white;
  vertical-align: middle;
  cursor: pointer;
  background-color: #53687b;
  width:100%;
  line-height: 44px;
  text-align:center;
  font-weight: 400;
  font-size: 13px;
}

label.filterlang {
  display: inline-block;
  width:50px;
  border-radius: 2px;
  color: white;
  vertical-align: middle;
  cursor: pointer;
  background-color: #53687b;
  line-height: 44px;
  text-align:center;
  font-weight: 400;
  font-size: 13px;
}

.ulcriteres3{
  width: 49.7%;


}

.bloc_footer{
  width:172px;
  height:auto;
  padding:10px;
  color:white;
  font-family: 'Open Sans', sans-serif;
  text-align:left;
  vertical-align:top;
  padding-top:30px;
}

.ulcriteres4{
  width:318px;


}

.filterdif:hover{
  background-color: white;
  color: #326aa2;
}

.filterlang:hover{
  background-color: white;
  color: #326aa2;
}

input[type=checkbox]:checked + label.filterdif {
 background-color: #6cca6f;
 color: white;
}

input[type=radio]:checked + label.filterlang {
 background-color: #6cca6f;
 color: white;
}

input[type=radio].langroom{
 display: none;
}


.choice input[type=checkbox]{
  display: none;
}

.choice input[type=checkbox] + label{
 background-color: #53687b;
 color:white;
}


.choice input[type=checkbox]:checked + label{
 background-color: #6cca6f;
 color:white;
}

label.double_room {
  border-radius: 2px;
  color: white;
  vertical-align: middle;
  cursor: pointer;
  background-color: #53687b;
  line-height: 34px;
  width: 34px;
  text-align:center;
  font-weight: 400;
  font-size: 13px;
  margin: 0px;
}

.double_room:hover{
  background-color: white;
  color: #326aa2;
}

.distance_selector input[type=radio]{
  display: none;
}


.distance_selector input[type=radio]:checked + label{
 background-color: #6cca6f;
 color:white;
}

.distance_selector label {
  border-radius: 2px;
  color: white;
  vertical-align: middle;
  cursor: pointer;
  background-color: #53687b;
  overflow:hidden;
  line-height: 44px;
  width: 226px;
  text-align:center;
}

.distance_selector label:hover {
  color:#326aa2;
  background-color: white;
}

input[type=button]#moins {
  font-size:70%;
  cursor:pointer;
  display:inline-block;
  border: none;
  line-height: 36px;
  padding:0px 15px;
  border-radius: 2px;
  vertical-align: top;
  background-color:#53687b;
  color:white


}
input[type=button]#moins:hover {
  background-color:white;
  color:black;

}

input[type=button]#plus {
  font-size:70%;
  cursor:pointer;
  display:inline-block;
  border: none;
  line-height: 36px;
  padding:0px 12px;
  border-radius: 2px;
  vertical-align: top;
  background-color:#53687b;
  color:white


}
input[type=button]#plus:hover {
  background-color:white;
  color:black;

}

input#count {
  font-size:70%;
  cursor:pointer;
  display:inline-block;
  border: none;
  line-height: 36px;
  padding:0px 5px;
  border-radius: 2px;
  font-size: 14px;
  vertical-align: top;


}

.label_modal_dispo{
  vertical-align:bottom;
  display:inline-block;
  cursor: pointer;
  margin:2px;
  text-align:left;
  padding:6px;
  width:10%;
  background-color:#dadee2;
  border-radius:2px 2px 0px 0px;
  line-height:16px;
  font-size:12px;
}

.label_modal_dispo_active{
  background-color: #558ec1 !important;
  color:white !important;
}

input[type=checkbox] {
  display:none;
}


/*
input[type=checkbox] + label {
  display:inline-block;
  margin:-2px;
  padding: 0px;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 34px;
  border-radius:2px;
  margin-bottom: 10px;
  color: #333;
  text-align: left;
  vertical-align: middle;
  cursor: pointer;
  background-color: #d4d4d4;
}
*/

.filter input[type=checkbox] + label{
 background-color: #e5eaef;
 font-weight:bold;
 width:30px;
 line-height: 30px;
 height:30px;
 border-radius:40px;
 display:inline-block;
 margin:2px;
 padding:0px;
 text-align:center;
 cursor:pointer;
}



.filter input[type=checkbox]:checked + label{
 background-color: #6cca6f !important;
 color:white !important;
}

.filtercr input[type=checkbox] + label {
  width: 35px;
  display:inline-block;
  color: #2E3E4D;
  background-color:#e5eaef;
  text-align:center;
  cursor:pointer;
  border-radius:2px;
  font-weight: 600;
  line-height: 33px;

}

.filtercr input[type=checkbox]:checked + label {
  width: 35px;
  color: white;
  background-color: #6cca6f;
  text-align:center;
}


input[type=radio] {
  /*display:none;*/
}

/*
input[type=radio] + label {
  display:inline-block;
  margin:-2px;
  padding: 0px;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 34px;
  border-radius:2px;
  margin-bottom: 10px;
  color: #333;
  text-align: left;
  vertical-align: middle;
  cursor: pointer;
  background-color: #d4d4d4;
}
*/

.filter input[type=radio] + label{
 background-color: #1d5288;
 color:white;
}


.filter input[type=radio]:checked + label{
 background-color: white;
 color:black;
}

.filtercr input[type=radio] + label {
  width: 64px;
  color: black;
  background-color: white;
  text-align:center;
}

.filtercr input[type=radio]:checked + label {
  width: 64px;
  color: black;
  background-color: #153555;
  text-align:center;
}


#participant{
  width:65px;
  background-color: #53687b;
  color:white;text-align:center;
  line-height:36px;
  margin-left:20px;
  padding: 0px 5px;
  border-radius: 2px;
  cursor:pointer;
  font-weight:400;
  font-size:13px;
}

#participant2{
  width:65px;
  background-color: #53687b;
  color:white;text-align:center;
  line-height:36px;
  margin-left:20px;
  padding: 0px 5px;
  border-radius: 2px;
  cursor:pointer;
  font-weight:400;
  font-size:13px;
}


.icon_header_search{
 background: url(../img/icons/icon-search-white.png) no-repeat;
 background-size: 25px 25px;
 width: 25px;
 height: 25px;
 vertical-align: top;
}

.button_search{
 vertical-align: top;
}

.gradient {
  background: rgba(0,0,0,0.4); /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(top , rgba(0,0,0,0.0), rgba(0,0,0,0.6)); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(bottom right, rgba(O,O,O,O.O), black); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(bottom right, rgba(O,O,O,O.O), black); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to bottom right, rgba(O,O,O,O.O), black); /* Standard syntax */
}

.button_search:hover, .button_search:hover{
  background-color: #0C263F;
}

.main_image{

 width: 100%;
 height: 540px;
 vertical-align: top;
}

.main_image2{
 background: url(../img/main/homepage.jpg) no-repeat;
 background-size: cover;
 background-position: 50%;
 width: 100%;
 height: 464px;
 vertical-align: top;
}

.pac-container{
  z-index: 99999999999;
}
.main_headersticky{
  padding-top: 66px;
}

.pac-item{
  line-height: 46px !important;
  font-size: 13px;
  padding-left: 20px;
  width:100%;
}

.pac-icon{
  display: none;
}

.pac-matched{
 color: #4A90E2;
}

.separation_bar{
  border-bottom: 1px solid #cbcbcb;
  height:0px;
  margin:30px 0px 15px 0px;
}

.img_rating_other{
  width:92px;
  padding:5px 10px;
  vertical-align:middle;
  float:none;
}

.escaperoom{
  background-color:white;
  height:284px;
  width:306px;
  border-radius:2px;
  box-shadow:0px 2px 10px rgba(49,56,62,0.10);
  display:inline-block;
  bottom: 0px;
  position: relative;
  margin-right:16px;
  margin-bottom:26px;
  overflow: hidden;
  -moz-transition: all 0.2s ease-out;
  /* WebKit */
  -webkit-transition: all 0.2s ease-out;
  /* Opera */
  -o-transition: all 0.2s ease-out;
  /* Standard */
  transition: all 0.2s ease-out;
}

.escaperoom:hover{
  box-shadow:0px 0px 10px rgba(49,56,62,0.40);
  -moz-transition: all 0.2s ease-out;
  /* WebKit */
  -webkit-transition: all 0.2s ease-out;
  /* Opera */
  -o-transition: all 0.2s ease-out;
  /* Standard */
  transition: all 0.2s ease-out;
}

.escaperoom_enseignelogo{
  position: absolute;
  top: 6px;
  left: 6px;
  border-radius:4px;
  box-shadow: 0px 0px 10px rgba(100, 100, 100, 0.6);
  border: 2px solid white;
  overflow:hidden
}

.main_padding_no_mobile{
  padding-top:66px;
}

.nopaddingmobile{
  margin-top:14px;
}

.escaperoom_timeroom{
  position: absolute;
  right: -1px;
  background-color: #4E6E8A;
  bottom: 104px;
  overflow: hidden;
  height: 30px;
  line-height:30px;
  color: white;
  border-radius: 4px 0px 0px 0px;
  font-size: 13px;
  font-weight:300;
  font-family: 'Open Sans', sans-serif;
  letter-spacing: 0.06em;
}

.creneauchoice{
  background-color: #6cca6f;
  display: inline-block;
  height: 30px;
  line-height:30px;
  color: white;
  border-radius: 4px;
  margin: 2px 4px 8px 0px;
  position: relative;
  padding: 0px 8px;
  font-size: 12px;
  font-weight:400;
  opacity:0.9;
  cursor: pointer; 
}

.creneauchoice_escaperoom{
  line-height:30px;
  color: white;
  font-size: 12px;
  font-weight:400;
  cursor:pointer;
  padding:10px;

}

.nbre_salle_creneau{
  background-color: #ffffff;
  padding: 2px;
  border-radius: 100px;
  font-size: 10px;
  color: #31383e;
  position: absolute;
  height: 12px;
  z-index: 2;
  width: 12px;
  text-align: center;
  top: -8px;
  right: -5px;
  line-height: 12px;
  font-weight: bold;
  font-family: 'Varela Round', sans-serif;
  box-shadow:0px 2px 10px rgba(49,56,62,0.30);
}

.main_title{
  font-size:32px;
}

.main_title_index{
  font-size: 26px;
}

.escaperoom_timeroom2{
  background-color:#4E6E8A;
  padding: 10px 10px;
}

.escaperoom_enseignename{
  color:#9B9B9B;
  font-size:12px;
  padding-left:14px;
  font-weight:300;
  font-family: 'Open Sans', sans-serif;
  letter-spacing: 0.06em;
}

input[type="radio"].showmore2 {
  display: none;
}


input[type="radio"] ~ div.showmore {display:none;}
input[type="radio"]:checked ~ div.showmore {display:block;}


.room_name_escape-room{
  font-size:32px;
}

.escaperoom_name{
  color:#31383E;
  font-size:16px;
  padding-left:14px;
}

.escaperoom_separator{
  width:100%;
  height:1px;
  background-color:#E4E4E4;
  margin-top:14px;
}

.escaperoom_criteres{
  color:#31383E;
}


.criteres_pos{
  margin: 2px;
  vertical-align: top;
}

.criteres_text{
  width:50px;
  padding:10px 0px 0px 0px;
  display:inline-block;
  line-height: 12px;

}

.criteres_sub{
  font-size:10px;
  color:#BDBDBD;
  font-weight:300;
  font-family: 'Open Sans', sans-serif;
  letter-spacing : 0px ;
}

.visual_room{
  max-width:1040px;
  height:485px;
  text-align:center;
  padding:34px 10px;
  display:inline-block;
}


.escaperoom_name{
  text-align:left;
  padding:10px 0px;
  display:inline-block;
}

.container_detail{
  width:730px;
  display:inline-block;
}


.sticky {
  position: fixed !important;
  top: 0px;
}


#bloc{
  position: relative;
  margin-top: 8px;
  width: 300px;
  float:right;
  vertical-align:top; 
  background-color: #ffffff;
  box-shadow: 0px 0px 14px #c1c6cc;
}

.voirdispo{
  margin:0px;
  text-align:center;
  position:relative;
}

.rating_escaperoom{
  width:102px;
  display:block;
  float:right;
  padding: 3px 9px 2px 9px;
  margin: 12px 16px; 
  border-radius: 42px;
}


.button_reserver_mobile{
  display:none;
}  

.map_room{
  width:400px;
  display:inline-block;
  margin-left:25px;
}


.formcontact{
  margin: 0 auto;
  width: 450px;
  padding: 1.5em;
  border: 1px solid #dfdfe2;
  border-radius: 0.2em;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
  background:#fff; 
}


.img_escapegame_in_escaperoom{
  width:160px;
}

.formcontact label {
  font: 400 13px/1.2 'Open Sans', sans-serif;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #93939e;
  margin-top: 8px;
  width:110px;
  display:inline-block;
}


.buttonvalidation{
  background-color:#153555;
  color:white;
  line-height:52px;
  width:250px;
  margin:10px auto;
  font-family: 'Open Sans', sans-serif;
  font-size:14px;
  border:none;
  outline:0;
  border-radius:2px;
}

.buttonvalidation:hover {
  background-color: #3b82d6;
}

.buttonconnexion {
  background-color: #4A90E2;
  line-height:54px;
  border-radius: 2px;
  text-align:center;
  color:white;
  width:266px;
  margin:10px auto;
  border:none;
  outline:0;
  font-size:14px;
}

.buttonconnexion:hover {
  background-color: #3b82d6 !important;
}




#menuderoulant{
  position: absolute;
  right:0px;
  display: inline-block;
}

.details_escape{
  width: 484px;
  margin: 0px 16px;
  min-height: 230px;
  vertical-align:top;
  display:inline-block;
}

.burgermenu{
  display:none;
}


/* menu deroulant */
ul.drop a { display:block; color: #fff; font-family: Verdana; font-size: 12px; text-decoration: none;}
ul.drop, ul.drop li, ul.drop ul { list-style: none; margin: 0; padding: 0; background: #153555; color: #fff;text-align:right;}
ul.drop { position: relative; z-index: 8; float: none; }
ul.drop li {float: left; line-height: 1.3em; vertical-align: middle; zoom: 1; padding: 10px 15px;}
ul.drop li.hover, ul.drop li:hover { position: relative; z-index: 8; cursor: default; background:#0C263F }
ul.drop ul { visibility: hidden; position: absolute; top: 100%; right: 0; z-index: 8; width: 245px; background: #555;}
ul.drop ul li { float: none; }
ul.drop ul ul { top: -2px; left: 100%; }
ul.drop li:hover > ul { visibility: visible;z-index: 8; }



.onlymobile{
  display:none;
}



#searchbar{
  background-color:#0C263F;
  line-height:60px;
  width:100%;
}

.text_criteres{
  width: 49%;
}


@media  only screen and (min-device-pixel-ratio: 2), 
only screen and (min-resolution: 192dpi) {

  .logo_header{
    background: url(../img/logo/escapeshaker-logo-white@2x.png) no-repeat;
    background-size: 100px 38px;
  }

  .icon_header_globe{
    background: url(../img/icons/icon-map-globe-white@2x.png) no-repeat;
    background-size: 22px 22px;
  }

  .icon_header_globe-grey{
    background: url(../img/icons/icon-map-globe-grey@2x.png) no-repeat;
    background-size: 22px 22px;
  }

  .icon_header_dropdown{
    background: url(../img/icons/icon-dropdown-white@2x.png) no-repeat;
    background-size: 12px 7px;
  }

  .icon_header_search{
   background: url(../img/icons/icon-search-white@2x.png) no-repeat;
   background-size: 20px 20px;
 }

}



.rating_selector {
 direction: rtl;
 cursor: pointer;
}

.rating_star_left{
 background: url(../img/ratings/global_rating_left_side.png) no-repeat;
 background-size: 40px;
 background-position: 0px 0px;
 cursor: pointer;
 display: inline-block;
}
.rating_star_right{
 background: url(../img/ratings/global_rating_right_side.png) no-repeat;
 background-size: 40px;
 background-position: 0px 0px;
 cursor: pointer;
 display: inline-block;
}

.rating_selector label:hover ,
.rating_selector label:focus ,
.rating_selector label:hover ~ label,
.rating_selector label:focus ~ label{
  background-position: -20px 0px;
}

.rating_selector input[type=radio]:checked + label{
  background-position: -20px 0px ;
}

.rating_selector input[type=radio]:checked + label ~ label{
  background-position: -20px 0px ;
}

.header_main {
  width: 242px;
}

.onlytablet_inline{
  display:none;
}

.onlytablet_block{
  display:none;
}
.onlydesktop_inline{
  display:inline-block;
}

.onlydesktop_block{
  display:block;
}

.top_bloc{ 
  text-align:center;
  width:386px;
  display:inline-block;
  vertical-align:top;
}



.top{
  display:inline-block;
  padding:0px;
  border-radius:2px;
  overflow:hidden;
  box-shadow: 1px 1px 2px #aaa;
  background-color:white;
  width:100%;
  text-align:left;
}

.top:hover{
  box-shadow: 4px 4px 5px #aaa;
}

.top_number{
  display:inline-block;
  width:30px;
  height:30px;
  padding:10px  ;
  background-color:rgb(46, 66, 84);;
  line-height:30px;
  vertical-align:top;
  color:white;
  font-weight:700;
  font-size:17px;
  text-align:center;
}

.top_name{
  display:inline-block;
  height:30px;
  padding:6px;
  background-color:white;
  text-align:left;
  line-height:18px;
}

.top_room{
  padding-top: 5px;
  font-size:14px;
  margin:0px;
  line-height:18px;
}



.carte_bloc{ 
  text-align:center;
  width:100%;
  background-color: #2e4254;
  display: inline-block;
  color: white;
}

.carte_bloc_with_top{ 
  text-align:center;
  width:60%;
  display:inline-block;
}


.carteguide{ 
  height:535px;
  text-align:left;
}


.egblock{
  display:inline-block;
  width:232px;
  height:244px;
  background-color:white;
  margin:10px;
  border-radius:4px;
  vertical-align: top;
  overflow: hidden;
}

.imgblock{
  cursor:pointer;
  display:inline-block;
  width:232px;
  height:174px;
}


.egblock:hover {
  opacity: 0.4;
} 


.cityguide{
  text-align:center;
  height: 200px;
  background-position: center;
  background-size: cover;
  background-color:black;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
} 

.cityguidehover:hover{
  cursor:pointer;
  opacity: 0.6;
} 

.expla_element_index {
  display:inline-block;
  width:25%;
  vertical-align:middle;
}

.expla_element_index_middle {
  display:inline-block;
  width:45%;
  vertical-align:middle;
}

.sallefaite{
  background-color:#ffffff;
  max-width:671px;
  text-align:left;
  margin:12px 0px;
  border-radius:3px;
  overflow:hidden;
  box-shadow: 0px 0px 5px rgba(46,66,84,0.1);
} 

.sallefaite:hover{
  cursor:pointer;
  box-shadow: 0px 0px 10px rgba(46,66,84,0.53);
  -moz-transition: all 0.2s ease-out;
  /* WebKit */
  -webkit-transition: all 0.2s ease-out;
  /* Opera */
  -o-transition: all 0.2s ease-out;
  /* Standard */
  transition: all 0.2s ease-out;
} 


.sallefaite_description{
  background-color: white;
}

.comment_salle{
  font-size:14px;
  line-height:20px;
  padding:10px 20px;
}

.no_desktop_inline{
  display:none;
}

.no_desktop_block{
  display:none;
}

.note_temps{
  display:inline-block;
  vertical-align:top;
  padding:14px 12px 0px 0px;
  float:right;
  max-width:120px;
}

.note_temps_mobile{
  display:none;
}

.hover_main_image{
  top: 356px;
  height:108px; 
}


.mail_equipier{
  font-size:12px;
  line-height:15px;
  margin-right:5px;
  margin-bottom:4px;
  padding:7px;
  display:inline-block;
  border-radius:3px;
  color:white !important;
  background:#6d8090;
}
.equipe{
  font-size:14px;
  padding:15px 20px 20px 20px;
  background-color:#2e4254;
  color:white;
}

.top_anim figure {
  position: relative;
  display: inline-block;
  overflow: hidden;
  margin: 4px;
  border-radius:3px;
}
.top_anim img, .top_anim figcaption {
  transition: all .25s ease;

}
.top_anim img {
  display: block;

}
.top_anim figcaption {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  font-weight: 700;
  font-size: 15px;
  padding: 15px;
  background: #000;
  background: rgba(0, 0, 0, .75);
  color: #fff;
  opacity: 0;
  cursor:pointer;
  border-radius:3px;
}
.top_anim figure:hover img {
  transform: scale(1.1);
}
.top_anim figure:hover figcaption {
  opacity: 1;
}

.topfirst {
  width:100%;
  text-align:center;
  font-size:30px;
  margin:10px
}

.fullscreen{
  width:30%;
}

.logo_escape{
 display:inline-block;
 width:20%;
 vertical-align:top;
}

.escape_description{
  display:inline-block;
  width:70%;
  margin-left: 20px;
  vertical-align:top;
  text-align:left;
}

.productsize {
  width: 249px !important; 
}

.blueblock{
  background-color:#4a90e2;
  width:290px;
  padding:20px;
  border-radius:4px;
}




/*
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                                                  TABLET 
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/


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

  .visual_room{
    text-align:left;
    margin-left:60px;
  }

  .header_main {
    width: 172px;
  }

  .footer_size_results  {
    width: calc(100% - 240px);margin-left: 200px;
  }

  .small_tablet{
    width:140px;
  }

  .filter_left{
    width:200px;
  }

  .container_detail{
    width:100%;
  }

  .content_right{
    width: calc(100% - 200px);
    margin-left: 200px;
  }

  .image_salle{
    margin-left:18px;
  }

  .no_mobile_inline{
    display:inline-block;
  }

  .no_mobile_block{
    display:block;
  }

  .no_desktop_inline{
    display:inline-block;
  }

  .no_desktop_block{
    display:block;
  }

  .onlytablet_inline{
    display:inline-block;
  }

  .onlytablet_block{
    display:block;
  }

  .onlydesktop_inline{
    display:none;
  }

  .onlydesktop_block{
    display:none;
  }

  .only_mobile_inline{
    display:none;
  }

  .only_mobile_block{
    display:none;
  }

  .trailer{
    display:none;
  }

  .button_reserver_mobile{
    display:none;
  }  

  .onlymobile{
    display:none;
  }

  .burgermenu{
    display:none;
  }

  .container2{
   max-width:96%; 
 }

 .button_normal_mobile{
  background-color:#d6dee6;
  text-align:center;
  color:#6a7075;
  font-size:13px;
  width:100%;
  height:50px;
  display: block;
  line-height: 50px;
  text-decoration: none;

}

.container2main{
 max-width:90%; 
}

.container3{
 max-width:96%; 
}

.block_image{
 width:48%;
 height:200px; 
 background-size: cover;
}

.block_image2{
 width:100%;
 height:200px; 
 background-size: cover;
}

.image_criteres{
  width:46%;
}

.text_criteres{
  width: 50%;
}

.sticky {
  display: none;
}

#participant{
  margin:0px 0px 0px 1px;
  width:20px;
}

#participant2{
  margin:0px 0px 0px 4px;
  width:30px;
}

}



/*
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                                                  MOBILE 
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/


@media (max-width: 767px) {


  .image_criteres{
    width:100%;
    text-align: center;
  }


  .text_criteres{
    width:100%;
  }

  .no_mobile_inline{
    display:none !important;
  }

  .no_mobile_block{
    display:none !important;
  }

  .onlydesktop_inline{
    display:none;
  }

  .onlydesktop_block{
    display:none;
  }

  .block{
    background-color:#2E3E4D;
    padding:10px 14px;
    margin:0px;
    text-align:center
  }


  .only_mobile_inline{
    display:inline-block !important;
  }

  .only_mobile_block{
    display:block !important;
  }


  .image_salle{
    width:380px;
  }

  .content_right{
    width:100%;
    margin-left: 0px;
  }

  .trailer{
    display:none;
  }

  .visual_room{
   max-width:400px; 
 }

 .onlytablet_inline{
  display:none;
}

.onlytablet_block{
  display:none;
}

.escaperoom_name{
  width:400px;
  position:relative;
  margin:-129px;
  text-align: left;
  padding: 16px 10px;
}

.container2{
 max-width:100%; 
 text-align: left;
}

.container2main{
 max-width:90%; 
}

.container3{
 max-width:100%; 
 text-align: left;
 margin:0px 20px;
}

.container_detail{
  width:100%;
}

.content_creneau{
  text-align: center;
  width:auto;
  white-space: normal;
}

#bloc{
  display:none;
}

.criteres3{
  width:calc(100% - 28px);
}

.heightcat{
  height:70px !important;
  margin-bottom:10px;
}

.ulcriteres3{
 width:100%;
}

.criteres4{
  width:calc(100% - 78px);
  margin-left:23px;
}

.ulcriteres4{
  width:100%;
}

.bloconlymobile{
  display:block;
}

.onlymobile{
  display:block;
}

.expla_element_index{
  display: block;
  width:60%;
  margin:0 auto;
}

.expla_element_index_middle {
  display: block;
  width:100%;
  margin:0 auto;
}

.button_reserver_mobile{
  display:block;
  background-color:white;
  border:solid;
  border-width:1px;
  border-radius:2px;
  border-color:#808080;
  text-align:center;
  color:#808080;
  font-size:13px;
  width:300px;
  height:50px;
  margin:5px auto;
  position:relative;
  top:-140px;
  width:200px
}

.google_search_input{
  font-size:16px;
}

.input_for_mobile{
  font-size:16px;
}

input {
  font-size:16px !important;
}

textarea {
  font-size:16px !important;
}

.hover_main_image{
  top: 166px;
  height: 128px;
}

.main_image2{
 height: 294px;
}



.button_reserver_mobile:hover{
  background-color: #3b82d6;
  cursor: pointer;
}

.block_image{
 width:100%;
 height:260px; 
 margin:6px 0px;
 background-size: cover;
}
.block_image2{
 width:100%;
 height:260px; 
 margin:6px 0px;
 background-size: cover;
}

.map_room{
  width:320px;
}

.formcontact{
  width: 300px;
  padding: 1em;
}

.inputcontact, .textareacontact {
    /* Afin de s'assurer que tous les champs textuels utilisent la même police
    Par défaut, textarea utilise une police à espacement constant */
    font: 1em sans-serif;
    /* Pour donner la même dimension à tous les champs textuels */
    width: 160px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /* Pour harmoniser l'apparence des bordures des champs textuels */
    border: 1px solid #999;
  }


  #searchbar{
    display:none;
  }

  #menuderoulant{
    display:none;
  }

  /* burger menu */
  .burgerermenu li,.burgermenu a {
    color: white;
    font-size: 18px;
    line-height: 50px;
    text-decoration: none;
    text-transform: none;
    list-style: none;
    outline: 0;
  }

  #trigger, #burger, #burger:before, #burger:after {
    position: absolute;
    top: 16px;
    left: 16px;
    background: white;
    width: 30px;
    height: 4px;
    transition: .2s ease;
    cursor: pointer;
    z-index:99;
    border-radius: 4px;
  }

  #trigger {
    height: 25px;
    background: none;
  }

  #burger:before {
    content: " ";
    top: 10px;
    left: 0;
    border-radius: 4px;
  }

  #burger:after {
    content: " ";
    top: 20px;
    left: 0;
    border-radius: 4px;
  }

  #menu-toggle:checked + #trigger + #burger {
    top: 28px;
    transform: rotate(90deg);
    transition: transform .2s ease;
    background:#2e3e4d !important;
  }

  #menu-toggle:checked + #trigger + #burger:before {
    width: 34px;
    top: 4px;
    border-radius: 4px;
    transform: rotate(45deg) translateX(-2px);
    transition: transform .2s ease;
  }

  #menu-toggle:checked + #trigger + #burger:after {
    width: 34px;
    border-radius: 4px;
    top: 1px;
    transform: rotate(-45deg) translateX(-2px);
    transition: transform .2s ease;
  }

  #menu {
    position: absolute;
    text-align: left;
    top: 56px;
    margin:0px;
    padding: 30px 0px;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(21, 53, 85, 1);
    z-index:9999;
    display:none;
  }

  #menu-toggle:checked + #trigger + #burger + #menu {
    animation: checked-anim 1s ease both;
    display:block;
  }

  #menu-toggle:checked + #trigger ~ #menu > .burgermenu li, .burgermenu a {
    display: block;
  }

  [type="checkbox"]:not(:checked), [type="checkbox"]:checked {
    display: none;
  }

  #map {
    width:100%;
    height:40%;
  }

  .sticky {
    display: none;
  }

  .details_escape{
    width: 100%;
    vertical-align:top;
  }

  .content_mobile{
    margin-left:0px;
    width: 100%;
  }

  .bloc_left_link{
    display:block;
    width:100%;
    vertical-align:top;
    text-align: center;
  }

  .bloc_right_content{
    display:block;
    width:100%;
    padding-left: 0px;
    padding-top: 10px;
  }

  .room_name_escape-room{
    font-size:22px;
  }

  .more_content_creneau{
    display:none !important;
  }

  .product {
    width: 292px;
    height: 312px;
  }

  .img_product{
    width: 306px;
    height: 188px;
  }

  .product_subinfo{
    top:160px;

  }

  .note_temps{
    display:none;
  }

  .details_escape{
    margin: 0px 0px;
  }

  .small_center{
    text-align: center;
    padding:10px;
  }

  .note_temps_mobile{
    display:block;

  }

  .carte_bloc{ 
    text-align:center;
    width:100%;
    display:inline-block;
  }

  .carte_bloc_with_top{ 
    text-align:center;
    width:100%;
    display:inline-block;
  }

  .cityguide{
    text-align:center;
    height: 300px;
    line-height:50px;
    padding:0px 40px;
  } 


  .marginsmall{
    margin:24px 18px;
    font-size: 16px

  }

  .main_headersticky{
    padding-top: 0px;
  }

  .button_fullsize_mobile{
   width: calc(100% - 32px);
   margin-top: 20px;
 }

 main{
  padding-top:0px;

}

header{
  background-color: #2e3e4d;
  color: white;
  height:56px;
  width:100%;
  top:0px;
}

.icon_header_globe-grey {
 background: url(../img/icons/icon-map-globe-grey@2x.png) no-repeat;
 background-size: 22px 22px;
 width: 22px;
 margin:23px;
 margin-right:6px;
 vertical-align: top;
}

.main_title{
  font-size:26px;
}

.main_title_index{
  font-size:18px;
}

/*input[type="checkbox"] ~ div.showmore {display:none;}
input[type="checkbox"]:checked ~ div.showmore {display:block;}
*/

input[type="checkbox"] ~ div.showmore {
  visibility:hidden;
  position: absolute;
  bottom:0px;
  opacity:0;
  transition: opacity 0.3s, visibility 0.3s;
}
input[type="checkbox"]:checked ~ div.showmore {
  visibility:visible;
  position: relative;
  opacity:1;
  transition: opacity 0.3s, visibility 0.3s;
}


.main_padding_no_mobile{
  padding-top:0px;
}

.topfirst {
  width:100%;
  text-align:center;
  font-size:25px;
}

.carteguide{ 
  height:340px;
  /*text-align: center;*/
}


.top_bloc{ 
  width:100%;
  vertical-align:middle;
}

.top_number{
  width:42px;
  height:60px;
  line-height: 55px;
  font-size: 35px;
}

.top_name{
  height:60px;
  width:calc(100% - 78px); 
}

.top_room{
  height:22px;
}

.top{
  margin:5px 0px;
}

.styled-select2 {
 background-size: 46px;
 border-radius: 4px;
}

.container_availabilities{
  padding: 20px 4px;
  min-height:300px;
  display:none;
  height:100%;
  width:calc(100% - 8px);
}

.rating_escaperoom{
  text-align: left;
  float:none;
  display:block;
  width: 100%;
  padding: 0px;
  margin: 10px 0px;
  border-radius: 42px;
}

.img_rating_other{
  width:80px;
  padding:5px 0px;
  vertical-align:middle;
  float:none;
}

.nearestroom{
  margin: 12px !important;
}

.footer_size_results  {
  width: 100%;
  margin-left: 0px;
  padding: 0px;
}

.font_size_search{
  font-size: 16px;
}

.img_blogueur{
  width:35px;
}

.text_blogueur{
  width:calc(100% - 50px);
}

.name_blogueur{
  font-weight: normal;
}

.mobilemap_escaperoom{
  height:200px !important;
}

.mobile_nobold{
  font-weight: normal;
}

.trip_rating{
  position: relative !important;
}

.img_escapegame_in_escaperoom{
  width:100%;
}

.product_escaperoom{
   width: 292px;
    height: 312px;
}

.filterdif:hover{
  background-color: #53687b;
  color: white;
}

.filterlang:hover{
  background-color: #53687b;
  color: white;
}

.container_rooms_in_escaperoom{
  text-align: center;
}

.bloc_content_title_text{
  padding:0px 24px;
}


.separation_bar{
  display:none;
}

input[type=button]#moins {
  width:25% !important;
  cursor:pointer;
  display:inline-block;
  border: none !important;
  line-height: 36px;
  padding:0px 15px;
  border-radius: 2px !important;
  vertical-align: top;
  background-color:#53687b;
  color:white;
  -webkit-appearance: none;

}

.fullscreen{
  width:calc(100% - 48px);
}

input[type=button]#moins:hover {
  background-color:#53687b;
  color:white;



}

input[type=button]#plus {
  -webkit-appearance: none;
  width:25% !important;
  cursor:pointer;
  display:inline-block;
  border: none !important;
  line-height: 36px;
  padding:0px 12px;
  border-radius: 2px !important;
  vertical-align: top;
  background-color:#53687b;
  color:white
}
input[type=button]#plus:hover {
  background-color:#53687b;
  color:white;

}

.validate_filter_mobile {
  display: block;
  margin-top: 7px;
  border-radius: 2px;
  color: white;
  vertical-align: middle;
  cursor: pointer;
  background-color: #53687b;
  width:100%;
  line-height: 44px;
  text-align:center;
  font-weight: 400;
  font-size: 13px;
}

.no_desktop_inline{
  display:inline-block;
}

.no_desktop_block{
  display:block;
}

.button_normal_mobile{
  background-color:#d6dee6;
  text-align:center;
  color:#6a7075;
  font-size:13px;
  width:100%;
  height:50px;
  display: block;
  line-height: 50px;
  text-decoration: none;

}

.ajax_availabilities_day_title{
  font-size:20px;
}

.logo_escape{
 width:100%;
 margin-bottom:30px;
}

.map_for_mobile{
  width:100%;
  height:calc(100% - 48px);
}

.escape_description{
  width:100%;
}

.productsize {
  width: 306px !important;
}

p {
  font-size: 1em !important;
}

.criteres3{
  font-size:13px;
}

.blueblock{
  width:250px;
  padding:15px;
}



}