@media screen and (max-width: 960px) {
  /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
		*     Mobile Theme                                                         *
		*     @2019 Escursi.com                                                    *
		*                                                                          *
		*     Z-index max: 1000004;                                                *
		*                                                                          *
		* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

  /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
		*                                                                          *
		*     General rules                                                        *
		*                                                                          *
		* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
  :root {
    --main-color: #ffc800;
  }
  select {
    color: black;
    -webkit-appearance: menulist;
    -moz-appearance: menulist;
    appearance: menulist;
  }
  button {
    color: black;
  }
  /* HEADINGS */
  h2.form-header,
  h2.title--h2,
  h4.title--h2 {
    font-size: 1.6em;
  }
  h1.h1--big {
    font-size: 1.75em;
    line-height: 1.1;
  }
  /* ***** */
  .flex-mob-col {
    flex-direction: column !important;
  }
  .flex-mob-row {
    flex-direction: row !important;
  }
  .flex-mob-col > * {
    width: 100% !important;
    gap: 1em;
  }
  .flex-gap-0-5-mob {
    gap: 0.5em !important;
  }
  .flex-mob-col-reverse {
    flex-direction: column-reverse !important;
  }
  .mobile-shown {
    display: block;
  }
  .mobile-hidden {
    display: none !important;
  }
  .w-90-mob {
    width: 90% !important;
    margin-left: 5% !important;
    margin-right: 5% !important;
  }
  .border-radius-mob-0 {
    border-radius: 0;
  }
  hr.left {
    width: 90px;
    border: solid var(--main-color) 2px;
  }
  .container {
    float: none;
    width: 100%;
    margin: 0 auto;
  }
  .container_padding {
    float: none;
    width: 90%;
    padding: 0 5%;
    margin: 0 auto;
  }
  .flex {
    flex-direction: column;
  }
  .wrapper_text {
    width: 90% !important;
    padding: 50px 5%;
  }
  .row1 {
    float: left;
    width: 100%;
  }
  .row2 {
    float: left;
    width: 50%;
  }
  .row3 {
    float: left;
    width: 33.3%;
  }
  .row4 {
    float: left;
    width: 25%;
  }
  .row5 {
    float: left;
    width: 20%;
  }
  .row10 {
    float: left;
    width: 10%;
  }
  .imagefullscreen {
    height: 300px;
    background: center no-repeat;
    background-size: cover;
  }
  .media_grid {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
  }
  .media_grid li {
    float: left;
    width: 16%;
    background: #ccc center no-repeat;
    background-size: cover;
    padding: 0;
    margin: 0;
    margin-right: 5%;
    margin-bottom: 5%;
  }
  .itemhide {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    display: none;
  }
  .itemhide.show {
    display: block;
  }
  code {
    float: left;
    width: 96%;
    margin: 20px 0;
    margin-left: 2%;
    padding: 1%;
    background: #f1f1f1;
    border: solid 1px #ccc;
  }
  #facebook_chat {
    position: fixed;
    width: 300px;
    right: 50%;
    margin-right: -150px;
    height: 390px;
    bottom: -390px;
    z-index: 10000;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    box-shadow: 0 0 5px #7b7b7b;
  }
  #facebook_chat.show {
    bottom: 0;
  }
  #facebook_chat .icon_open {
    display: block;
    position: fixed;
    width: 50px;
    height: 50px;
    margin: 20px;
    z-index: 10000;
    background: var(--main-color);
    line-height: 50px;
    text-align: center;
    color: #fff;
    border-radius: 100%;
    left: 0;
    bottom: 0;
    box-shadow: 0 0 5px #7b7b7b;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
  }
  #facebook_chat .icon_open.hide {
    transform: scale(0);
    -ms-transform: scale(0);
    -moz-transform: scale(0);
    -webkit-transform: scale(0);
    -o-transform: scale(0);
  }
  #facebook_chat .content {
    float: left;
    width: 300px;
    height: 350px;
    background: center no-repeat #fff;
  }

  /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
		*                                                                          *
		*      rules                                                         *
		*                                                                          *
		* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
  header {
    position: relative;
    height: 80px;
  }
  .menu-header {
    display: none !important;
  }
  header .container {
    width: 100%;
    height: 80px;
  }
  header .container .search_content {
    display: none !important;
  }
  header .container .search_content .search_form {
    float: none;
    position: fixed;
    width: 100%;
    height: 80px;
    left: 0;
    margin-top: -80px;
    background: #fff;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    z-index: 1000000;
  }
  header .container .search_content .search_form i {
    float: right;
    width: 40px;
    height: 40px;
    margin-right: 20px;
    line-height: 40px;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  header .container .search_content .search_form input {
    float: left;
    width: 78%;
    height: 39px;
    margin: 20px 0;
    margin-left: 2%;
    border: solid 0px #ccc;
    border-bottom: solid 1px #ccc;
    text-align: left;
  }
  header .container .search_content.show .search_form {
    margin-top: 0;
  }
  header .container .search_content .header_content {
    float: left;
    width: 100%;
    height: 80px;
  }

  header .menumobilebutton.show_menu_complete {
    float: right;
    width: 40px;
    height: 40px;
    margin: 20px 0;
    border-radius: 30px;
    margin-right: 10px;
    line-height: 40px;
    font-size: 1.5em;
    color: #000;
    text-align: center;
    display: block;
  }
  header .menumobilebutton.show_menu_complete.hide {
    display: none;
  }
  header .menumobilebutton.hide_menu_complete {
    float: right;
    width: 40px;
    height: 40px;
    margin: 20px 0;
    border-radius: 30px;
    margin-right: 10px;
    line-height: 40px;
    color: #000;
    text-align: center;
    display: block;
  }
  header .menumobilebutton.hide_menu_complete.hide {
    display: none;
  }
  header .container .icon_search {
    float: right;
    height: 40px;
    width: 40px;
    line-height: 40px;
    text-align: center;
    margin-top: 20px;
    margin-right: 10px;
    margin-left: 0;
    color: #000;
    font-size: 1.5em;
    cursor: pointer;
  }
  header .container .language {
    float: right;
    height: 38px;
    width: 38px;
    line-height: 38px;
    text-align: center;
    margin: 20px 10px;
    font-size: 18px;
    cursor: pointer;
  }
  header .container .language.cart {
    margin: 20px;
  }
  header .container .language .flag-icon {
    float: left;
    width: 20px;
    height: 20px;
    margin: 9px;
  }
  #language_selection {
    position: fixed;
    width: 90%;
    z-index: 10001;
    right: 5%;
    top: 150px;
    margin-right: 0;
    background-color: #fff;
    box-shadow: 0 0 5px #7b7b7b;
    visibility: hidden;
    opacity: 0;
    border-radius: 5px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
  }
  #language_selection.show {
    visibility: visible;
    top: 100px;
    opacity: 1;
  }
  #language_selection .content_arrow {
    float: left;
    width: 100%;
    height: 9px;
    margin-top: -9px;
    overflow: hidden;
    display: none;
  }
  #language_selection .content_arrow .arrow {
    float: right;
    width: 30px;
    height: 30px;
    margin-top: 6px;
    margin-right: 20px;
    background: #fff;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    box-shadow: 0 0 5px #000;
  }
  #language_selection .content {
    float: left;
    width: 90%;
    margin: 5%;
  }
  #language_selection .content .lang {
    float: left;
    width: 100%;
    height: 30px;
  }
  #language_selection .content .lang:last-child {
    border-bottom: none;
  }
  #language_selection .content .lang .flag-icon {
    float: left;
    width: 20px;
    height: 20px;
    margin: 5px;
    margin-left: 0;
  }
  #language_selection .content .lang .name_lang {
    float: left;
    width: 215px;
    height: 30px;
    line-height: 30px;
    color: #000;
  }
  header .logo {
    float: left;
    margin: 10px 10px;
    width: 170px;
    height: 60px;
    background: left center no-repeat;
    background-size: contain;
  }
  @media screen and (max-width: 370px) {
    header .logo {
      width: 130px;
    }
  }

  header .left {
    display: none;
  }
  header .left .show_menu_complete {
    display: none;
  }
  header .left .hide_menu_complete {
    display: none;
  }
  header .left .voice {
    float: left;
    height: 80px;
    line-height: 80px;
  }
  header .left .voice span {
    float: left;
    height: 20px;
    line-height: 20px;
    margin: 30px 0;
    margin-right: 5px;
    padding-right: 5px;
    cursor: pointer;
  }
  header .left .voice .subheader {
    position: fixed;
    width: 100%;
    left: 0;
    top: 80px;
    background: #fff;
    border-top: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
    z-index: 100000;
    padding: 0;
    margin: 0;
    list-style: none;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -ms-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
  }
  header .left .voice:hover .subheader {
    opacity: 1;
    visibility: visible;
  }
  header .left .voice .subheader .container {
    width: 100%;
    height: auto;
  }
  header .left .voice .subheader li {
    float: left;
    width: 100%;
    height: 50px;
    line-height: 50px;
  }
  header .left .voice .subheader li:hover {
    background: #f1f1f1;
    cursor: pointer;
  }
  header .right {
    float: right;
    text-align: right;
    width: 160px;
    height: 80px;
    justify-content: flex-start;
  }
  header .right .voice {
    float: right;
    height: 80px;
    line-height: 80px;
    margin-left: 0;
  }
  header .right button {
    display: none;
  }
  header .right .cart_button {
    float: right;
    width: 38px;
    height: 38px;
    border: solid 0px #ccc;
    border-radius: 0%;
    cursor: pointer;
  }
  header .right .cart_button:hover {
    color: var(--main-color);
  }
  header .right i {
    width: 40px;
    height: 40px;
    border-radius: 0%;
    margin: 20px 0;
    margin-left: 0;
    color: #000;
    line-height: 40px;
    text-align: center;
  }
  header .right .count_cart {
    float: right;
    min-width: 20px;
    border-radius: 100%;
    background: #fff;
    margin: 0;
    margin-bottom: 40px;
    line-height: 20px;
    text-align: center;
    background: var(--main-color);
    color: #fff;
    font-size: 10px;
  }
  header .right #popup_cart {
    position: fixed;
    width: 300px;
    top: 150px;
    right: 10px;
    background-color: #fff;
    z-index: 700;
    color: #000;
    visibility: hidden;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    opacity: 0;
    border-radius: 5px;
    text-align: left;
    box-shadow: 0 0 5px #000;
  }
  header .right #popup_cart.show {
    top: 100px;
    opacity: 1;
    visibility: visible;
    left: unset !important;
    right: 10px;
  }
  header .right #popup_cart .content_arrow {
    float: left;
    width: 100%;
    height: 9px;
    margin-top: -9px;
    overflow: hidden;
  }
  header .right #popup_cart .content_arrow .arrow {
    float: left;
    width: 30px;
    height: 30px;
    margin-top: 6px;
    background: #fff;
    margin-left: 135px;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    box-shadow: 0 0 5px #000;
  }
  header .right #popup_cart .content {
    float: left;
    width: 300px;
    font-size: 11px;
  }
  header .right #popup_cart .content .title {
    float: left;
    width: 260px;
    padding: 10px 20px;
    border-bottom: solid 1px #ccc;
  }
  header .right #popup_cart .content .row {
    float: left;
    width: 260px;
    padding: 0 20px;
    border-bottom: solid 1px #ccc;
  }
  header .right #popup_cart .content .row.head {
    background: #f1f1f1;
    height: 30px;
    line-height: 30px;
  }
  header .right #popup_cart .content .row.all {
    text-align: center;
    height: 30px;
    line-height: 30px;
  }
  header .right #popup_cart .content .row:last-child {
    border-bottom: none;
  }
  header .right #popup_cart .content .row .offer_name {
    float: left;
    width: 130px;
    height: 30px;
    line-height: 30px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  header .right #popup_cart .content .row .offer_quant {
    float: right;
    width: 55px;
    height: 30px;
    line-height: 30px;
    text-align: right;
  }
  header .right #popup_cart .content .row .offer_action {
    float: right;
    width: 75px;
    height: 30px;
    line-height: 30px;
  }
  header .right #popup_cart .content .row .offer_action i {
    float: right;
    width: 18px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    border: solid 1px #ccc;
    margin: 0;
    border-radius: 0;
    font-size: 12px;
    margin: 5px;
    margin-right: 0;
  }
  header .right #popup_cart .content .row .offer_action i:hover {
    background-color: var(--main-color);
    border-color: var(--main-color);
    color: #fff;
    cursor: pointer;
  }
  header .right #popup_cart .content_bottom {
    float: left;
    width: 260px;
    padding: 10px 20px;
    border-top: solid 1px #ccc;
    text-align: center;
    color: var(--main-color);
  }
  #content_message_true {
    position: fixed;
    width: 90%;
    margin-left: 5%;
    padding: 15px 0;
    text-align: center;
    z-index: 900;
    visibility: hidden;
    box-shadow: 0 0 5px #7b7b7b;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    opacity: 0;
    top: -200px;
  }
  #content_message_true.show {
    visibility: visible;
    opacity: 1;
    top: 0;
  }
  #content_message_false {
    position: fixed;
    width: 90%;
    margin-left: 5%;
    padding: 15px 0;
    text-align: center;
    z-index: 900;
    visibility: hidden;
    box-shadow: 0 0 5px #7b7b7b;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    opacity: 0;
    top: -200px;
  }
  #content_message_false.show {
    visibility: visible;
    opacity: 1;
    top: 0;
  }
  #login {
    display: none;
    position: fixed;
    background: var(--main-color) center no-repeat;
    z-index: 10000;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    border-radius: 100%;
  }
  #login form {
    float: left;
    width: 400px;
    padding: 50px;
    border-radius: 20px;
  }
  #login form label {
    margin-bottom: 20px;
  }
  #login form input {
    width: 100%;
    margin-bottom: 20px;
    border: solid 0px #000;
    border-bottom: solid 1px #fff;
    color: #fff;
  }
  #login form input::-webkit-input-placeholder {
    /* Chrome */
    color: #fff;
  }
  #login form input::-ms-input-placeholder {
    /* IE 10+ */
    color: #fff;
  }
  #login form input::-moz-placeholder {
    /* Firefox 19+ */
    color: #fff;
  }
  #login form input::-moz-placeholder {
    /* Firefox 4 - 18 */
    color: #fff;
  }
  #login form button {
    width: 50%;
    margin: 0 25%;
    margin-bottom: 10px;
    background: #fff;
    border-color: #fff;
    color: var(--main-color);
    border-radius: 30px;
  }
  #login form .info {
    float: left;
    margin-top: 30px;
    width: 100%;
    color: #fff;
    text-align: center;
  }
  #login.close {
    transform: scale(0);
    -ms-transform: scale(0);
    -moz-transform: scale(0);
    -webkit-transform: scale(0);
    -o-transform: scale(0);
  }
  #menu_complete {
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 1001;
    height: 100px;
    visibility: hidden;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    opacity: 0;
  }
  #menu_complete.show {
    opacity: 1;
    visibility: visible;
  }
  #menu_complete .search_content {
    width: 90%;
    margin: 0 5%;
    margin-top: 20px;
  }
  #menu_complete .search_content .search_form {
    float: right;
  }
  #menu_complete .left_content {
    padding-top: 80px;
    padding-bottom: 30px;
    width: 80%;
    height: -webkit-calc(100% - 130px);
    height: -moz-calc(100% - 130px);
    height: -ms-calc(100% - 130px);
    height: -o-calc(100% - 130px);
    height: calc(100% - 130px);
    margin-left: 100%;
    overflow-y: scroll;
  }
  #menu_complete.show .left_content {
    margin-left: 20%;
  }
  #menu_complete .left_content .mobile_category {
    display: block;
    float: left;
    width: 100%;
  }
  #menu_complete a {
    color: #000;
  }
  #menu_complete .left_content .mobile_category .list_subcategory {
    position: fixed;
    width: 70%;
    right: -80%;
    top: 0;
    padding-top: 80px;
    padding-bottom: 30px;
    z-index: 1002;
    background: #fff;
    padding-top: 80px;
    padding-bottom: 30px;
    height: -webkit-calc(100% - 130px);
    height: -moz-calc(100% - 130px);
    height: -ms-calc(100% - 130px);
    height: -o-calc(100% - 130px);
    height: calc(100% - 130px);
    box-shadow: 0 0 5px #7b7b7b;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    overflow-y: scroll;
  }
  #menu_complete .left_content .mobile_category .list_subcategory.show {
    right: 0;
  }
  #menu_complete .left_content .animation {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
  }
  #menu_complete .left_content .title {
    float: right;
    width: 95%;
    margin-right: 15%;
    text-align: right;
    margin-top: 40px;
    opacity: 0;
  }
  #menu_complete.show .left_content .title {
    opacity: 1;
    margin-right: 5%;
  }
  #menu_complete .left_content .row_content {
    float: right;
    width: 90%;
    margin: 0 5%;
    text-align: right;
  }
  #menu_complete .left_content .row_content .row {
    float: left;
    width: 90%;
    opacity: 0;
    margin-left: -10%;
    padding: 8px;
  }
  #menu_complete.show .left_content .row_content .row {
    margin-left: 5%;
    opacity: 1;
  }
  #menu_complete .right_content {
    float: right;
    width: 70%;
    /*background: #fff;*/
    margin-right: -70%;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
  }
  #menu_complete.show .right_content {
    margin-right: 0;
  }

  /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
		*                                                                          *
		*     Index rules                                                          *
		*                                                                          *
		* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
  #indexslide * {
    -webkit-transition: all 0s ease-in-out !important;
    -moz-transition: all 0s ease-in-out !important;
    -ms-transition: all 0s ease-in-out !important;
    -o-transition: all 0s ease-in-out !important;
    transition: all 0s ease-in-out !important;
    -webkit-transition-delay: 0s !important;
    -moz-transition-delay: 0s !important;
    -ms-transition-delay: 0s !important;
    -o-transition-delay: 0s !important;
    transition-delay: 0s !important;
  }
  #indexslide .content.video .contentLayer {
    width: 90%;
  }
  #indexslide .content.video .contentLayer h1 {
    font-size: 1.4em;
  }
  #indexslide .content.video .contentLayer h2 {
    font-size: 0.9em;
    margin-bottom: 0;
  }
  #indexslide .content.video .contentLayer form {
    display: none;
  }
  #indexslide {
    max-height: 200px;
    margin-top: 0;
  }
  #indexslide .content {
    max-height: 200px;
  }
  #indexslide .content .slide {
    max-height: 200px;
    margin-top: 0;
  }
  #indexslide .content .slide .contentslide {
    max-height: 200px;
  }
  #indexslide .content .slide .contentslide .center {
    width: 90%;
    margin: 0 5%;
  }
  #indexslide .content .slide .contentslide .center .text p {
    font-size: 0.35em;
    margin-bottom: 0 !important;
  }
  #indexslide .content .slide .contentslide .center .text {
    width: 100%;
    text-align: center;
    font-size: 40px;
  }
  #indexslide .content .slide.show .contentslide .center .text .subtitle {
    opacity: 1;
    margin-bottom: 10px;
    font-size: 0.6em;
    line-height: 1.2;
  }
  #indexslide .content .slide .contentslide .center .text .form_index.desktop {
    display: none;
  }
  .infobox_content.mobile_form {
    display: block;
    background: #f1f1f1;
    padding: 40px 10%;
  }
  .form_index.mobile {
    height: auto;
    flex-direction: column;
    width: 100%;
    margin: 0 !important;
    margin-bottom: 100px;
    opacity: 1;
  }
  .form_index.mobile select {
    width: 100%;
    padding: 0 10px;
    height: 36px;
    background: #fff;
    border-color: #999;
  }

  .form_index.mobile input {
    width: 100%;
    border-color: #000;
    text-align: center;
    margin-right: 0;
    margin-bottom: 5px;
  }

  .form_index.mobile input.query {
    width: 90%;
    padding: 0 5%;
    font-size: 0.3em;
  }
  .form_index.mobile input.where {
    width: 100%;
    height: 34px;
    line-height: 34px;
    font-size: 0.9em;
    padding: 0 5%;
    margin: 8px 0;
    text-align: left;
    background: #fff;
    border-color: #999;
  }
  .form_index.mobile input.input_text {
    width: 100%;
    height: 36px;
    padding: 0 !important;
  }
  .form_index.mobile button {
    width: 100%;
    height: 36px;
    border: 0;
    background: var(--main-color);
    font-size: 1em;
    line-height: 36px;
    text-transform: unset;
  }
  #indexslide .content .slide .contentslide .center .buttoncontent {
    margin-top: 10px;
    width: 100%;
  }
  .user_feedback .experience {
    font-size: 0.9em;
    line-height: 1.2;
    flex-direction: column;
    text-align: center;
  }

  button.redirect {
    height: 30px;
    line-height: 30px;
    font-size: 0.35em;
    margin-top: 10px;
  }
  .indexrow {
    float: left;
    width: 90%;
    padding: 0 5%;
    background: #ccc center top no-repeat;
    background-size: cover;
    overflow-x: hidden;
  }
  .indexrow .products {
    float: left;
    width: 100%;
  }
  .indexrow:nth-child(2n + 2) .products {
    float: right;
  }
  .indexrow .products ul {
    float: left;
    width: 100%;
    padding: 150px 0;
    padding-bottom: 0;
    margin: 0;
    list-style: none;
  }
  .indexrow:nth-child(2n + 2) .products ul {
    float: right;
  }
  .indexrow .products ul li {
    float: left;
    width: 90%;
    padding: 0 5%;
    margin: 0;
    margin-bottom: 70px;
    border-right: solid 0px #ccc;
    cursor: pointer;
  }
  .indexrow:nth-child(2n + 2) .products ul li {
    border-right: none;
    border-left: solid 0px #ccc;
  }
  .indexrow .products ul li:last-child {
    margin-bottom: 0;
  }
  .indexrow .products ul li:last-child {
    border: none;
  }
  .indexrow .products ul li .text {
    float: left;
    width: 100%;
    margin-bottom: 50px;
    text-align: right;
    color: #fff;
    margin-right: 25px;
    margin-top: -70px;
  }
  .indexrow:nth-child(2n + 2) .products ul li .text {
    float: right;
    margin-left: 25px;
    margin-right: 0;
    text-align: left;
  }
  .indexrow .products ul li .text .category {
    float: right;
    padding: 10px;
    background: #fff;
    color: red;
    margin-bottom: 10px;
    margin-right: -100px;
    opacity: 0;
    text-transform: uppercase;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
  }
  .indexrow .products ul li:nth-child(2) .text .category {
    -webkit-transition-delay: 0.3s;
    -moz-transition-delay: 0.3s;
    -ms-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
    transition-delay: 0.3s;
  }
  .indexrow .products ul li:nth-child(3) .text .category {
    -webkit-transition-delay: 0.6s;
    -moz-transition-delay: 0.6s;
    -ms-transition-delay: 0.6s;
    -o-transition-delay: 0.6s;
    transition-delay: 0.6s;
  }
  .indexrow.show .products ul li .text .category {
    opacity: 1;
    margin-right: -10px;
  }
  .indexrow:nth-child(2n + 2) .products ul li .text .category {
    float: left;
    margin-left: -100px;
  }
  .indexrow:nth-child(2n + 2).show .products ul li .text .category {
    margin-left: -10px;
  }
  .indexrow .products ul li .text .name {
    float: left;
    width: 100%;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -webkit-transition-delay: 0.1s;
    -moz-transition-delay: 0.1s;
    -ms-transition-delay: 0.1s;
    -o-transition-delay: 0.1s;
    transition-delay: 0.1s;
    opacity: 0;
    margin-left: 80px;
  }
  .indexrow .products ul li:nth-child(2) .text .name {
    -webkit-transition-delay: 0.4s;
    -moz-transition-delay: 0.4s;
    -ms-transition-delay: 0.4s;
    -o-transition-delay: 0.4s;
    transition-delay: 0.4s;
  }
  .indexrow .products ul li:nth-child(3) .text .name {
    -webkit-transition-delay: 0.7s;
    -moz-transition-delay: 0.7s;
    -ms-transition-delay: 0.7s;
    -o-transition-delay: 0.7s;
    transition-delay: 0.7s;
  }
  .indexrow:nth-child(2n + 2) .products ul li .text .name {
    margin-left: -80px;
  }
  .indexrow.show .products ul li .text .name {
    opacity: 1;
    margin-left: 0;
  }
  .indexrow .products ul li .text .shortdesc {
    float: left;
    width: 100%;
    max-height: 40px;
    overflow-y: hidden;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -webkit-transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
    -ms-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    transition-delay: 0.2s;
    opacity: 0;
    margin-left: 80px;
  }
  .indexrow .products ul li:nth-child(2) .text .shortdesc {
    -webkit-transition-delay: 0.5s;
    -moz-transition-delay: 0.5s;
    -ms-transition-delay: 0.5s;
    -o-transition-delay: 0.5s;
    transition-delay: 0.5s;
  }
  .indexrow .products ul li:nth-child(3) .text .shortdesc {
    -webkit-transition-delay: 0.8s;
    -moz-transition-delay: 0.8s;
    -ms-transition-delay: 0.8s;
    -o-transition-delay: 0.8s;
    transition-delay: 0.8s;
  }
  .indexrow:nth-child(2n + 2) .products ul li .text .shortdesc {
    margin-left: -80px;
  }
  .indexrow.show .products ul li .text .shortdesc {
    opacity: 1;
    margin-left: 0;
  }
  .indexrow .products ul li .text .price {
    float: left;
    width: 100%;
    margin-top: 10px;
    font-size: 25px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -webkit-transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
    -ms-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    transition-delay: 0.2s;
    opacity: 0;
    margin-left: 80px;
  }
  .indexrow .products ul li:nth-child(2) .text .price {
    -webkit-transition-delay: 0.6s;
    -moz-transition-delay: 0.6s;
    -ms-transition-delay: 0.6s;
    -o-transition-delay: 0.6s;
    transition-delay: 0.6s;
  }
  .indexrow .products ul li:nth-child(3) .text .price {
    -webkit-transition-delay: 0.9s;
    -moz-transition-delay: 0.9s;
    -ms-transition-delay: 0.9s;
    -o-transition-delay: 0.9s;
    transition-delay: 0.9s;
  }
  .indexrow:nth-child(2n + 2) .products ul li .text .price {
    margin-left: -80px;
  }
  .indexrow.show .products ul li .text .price {
    opacity: 1;
    margin-left: 0;
  }
  .indexrow .products ul li .image {
    display: none;
    float: right;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    background: center no-repeat #ccc;
    background-attachment: cover;
    margin-right: -25px;
    margin-top: -60px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
  }
  .indexrow .products ul li:hover .image {
    width: 20px;
    height: 20px;
    background: #aa5600;
    margin-top: -45px;
    margin-right: -10px;
  }
  .indexrow .products ul li.sel .image {
    width: 20px;
    height: 20px;
    background: #aa5600;
    margin-top: -45px;
    margin-right: -10px;
  }
  .indexrow:nth-child(2n + 2) .products ul li .image {
    float: left;
    margin-left: -25px;
    margin-right: 0;
  }
  .indexrow .products .cover {
    display: none;
    float: right;
    width: 50%;
    margin-right: 25%;
    margin-left: 25%;
  }
  .indexrow:nth-child(2n + 2) .products .cover {
    float: left;
  }
  .indexrow .products .cover .item {
    height: 0;
    overflow-y: hidden;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    transform: scale(0);
    -ms-transform: scale(0);
    -moz-transform: scale(0);
    -webkit-transform: scale(0);
    -o-transform: scale(0);
  }
  .indexrow .products .cover .item.show {
    height: auto;
    overflow-y: inherit;
    transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
  }
  .indexrow .products .cover .info {
    float: none;
    position: relative;
    left: 50%;
    margin-left: -100px;
    width: 200px;
    height: 200px;
    border: solid 1px #ccc;
    border-radius: 100%;
    margin-top: -100px;
    margin-bottom: -100px;
    line-height: 200px;
    text-align: center;
    font-size: 35px;
  }
  .indexrow.show .products .cover .info {
    transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
  }
  .indexrow:nth-child(2n + 2) .products .cover .info {
    margin-left: 0%;
    margin-right: 0;
    float: none;
    position: relative;
    left: 50%;
    margin-left: -100px;
  }
  .indexrow .products .cover .image {
    float: none;
    position: relative;
    left: 50%;
    margin-left: -125px;
    width: 250px;
    height: 250px;
    margin-top: 50px;
  }
  .indexrow.show .products .cover .image.hide {
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -ms-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
    transform: scale(0);
    -ms-transform: scale(0);
    -moz-transform: scale(0);
    -webkit-transform: scale(0);
    -o-transform: scale(0);
  }
  .indexrow:nth-child(2n + 2) .products .image {
    float: left;
  }
  .indexrow.show .products .cover .image .title {
    float: left;
    width: 100%;
    text-align: center;
  }
  .indexrow.show .products .cover .image button {
    border-color: #aa5600;
    background: var(--main-color);
    color: #fff;
    padding-left: 20px;
    padding-right: 20px;
  }
  .indexrow .description {
    float: right;
    width: 100%;
    color: #fff;
    font-size: 42px;
    text-align: left;
    margin-top: 0;
    margin-bottom: 50px;
    text-align: center;
    opacity: 1;
    margin-right: 0;
    padding-left: 5%;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
  }
  .indexrow.show .description {
    opacity: 1;
    margin-right: 0;
  }
  .indexrow:nth-child(2n + 2).show .description {
    opacity: 1;
    margin-left: 0;
  }
  .indexrow:nth-child(2n + 2) .description {
    float: left;
    text-align: center;
    margin-left: 0;
    padding-right: 0;
    padding-left: 0;
  }
  .indexmap {
    float: left;
    width: 100%;
    background: #ccc center top no-repeat;
    background-size: cover;
    text-align: center;
  }
  .indexmap .contentmap {
    float: left;
    width: 100%;
    background: #ccc;
    overflow: hidden;
  }
  .indexmap .contentmap #map {
    float: left;
    width: 100%;
  }
  .indexmap .contentcontact {
    float: left;
    width: 100%;
    background: center no-repeat;
    background-size: cover;
  }
  .indexmap .contentcontact .contact {
    float: left;
    width: 100%;
    border-radius: 100%;
    text-align: center;
    color: #fff;
    display: none;
  }
  .indexmap .contentcontact .info {
    margin-top: 50px;
    font-size: 30px;
  }
  .indexmap .contentcontact .info span {
    font-size: 20px;
  }
  .indexmap .contentcontact .phone {
    font-size: 30px;
  }
  .indexmap .contentcontact .phone span {
    font-size: 20px;
    width: 90%;
    padding: 0 5%;
  }

  .row_text_yellow.home h2 {
    font-size: 1.9em;
    line-height: 1.2;
    text-align: left;
  }
  /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
		*                                                                          *
		*     Product page rules                                                   *
		*                                                                          *
		* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
  .popup_contact_esit {
    font-size: 13px;
  }
  .contact-form-box {
    box-sizing: border-box;
  }
  form.contact-product,
  #calendar form.contact-product {
    padding: 30px 0;
  }
  form.contact-product .row2 {
    width: 100%;
    padding-top: 20px;
    display: flex;
    justify-content: center;
  }
  form.contact-product > div {
    flex-direction: column;
    align-items: flex-start;
  }
  form.contact-product textarea,
  form.contact-product input,
  form.contact-product label {
    width: 100%;
  }
  form.pdf-product {
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 100%;
  }
  .pdf-product select.reseller {
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
  }
  .header-scroll {
    display: block;
    position: sticky;
    top: 65px;
    z-index: 1;
    width: 100%;
    background-color: #f1f1f1;
  }

  /* The progress container (grey background) */
  .progress-container {
    width: 100%;
    height: 5px;
    background: #ccc;
  }

  /* The progress bar (scroll indicator) */
  .progress-bar {
    height: 5px;
    background: var(--main-color);
    width: 0%;
  }

  .container.product {
    width: 100%;
    margin: 0;
  }
  .productleft .thumbnail .image .counter {
    font-size: 1.5em;
  }
  .productleft {
    float: left;
    width: 90%;
    padding: 5%;
  }
  .productleft .title {
    float: left;
    width: 100%;
    padding: 0;
    color: #555;
  }
  .productleft .title h1 {
    float: left;
    width: 100%;
    margin-bottom: 10px;
    font-size: 1.8em;
  }
  .productleft .title .subtitle {
    float: left;
    font-size: 1em;
    font-weight: 200;
    padding-bottom: 7px;
  }
  .productleft .title .wishlist {
    float: left;
    width: 100%;
    margin-bottom: 10px;
  }
  .productleft .title .wishlist button {
    float: left;
    height: 40px;
    border: solid 1px #ccc;
    border-radius: 5px;
    padding: 0 10px;
    padding-left: 0;
    line-height: 40px;
  }
  .productleft .title .wishlist button:hover {
    background-color: var(--main-color);
    color: #fff;
    cursor: pointer;
  }
  .productleft .title .wishlist button.added {
    background-color: var(--main-color);
    color: #fff;
  }
  .productleft .title .wishlist button.added:hover {
    background-color: #fff;
    color: #000;
  }
  .productleft .title .wishlist button i {
    float: left;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
  }
  .productleft .title .wishlist button .name_title {
    float: left;
    height: 40px;
    line-height: 40px;
    margin-left: 10px;
  }
  .productleft .title .shortdesc {
    float: left;
    width: 100%;
  }
  .productleft .boxdesc,
  .productleft .price-list {
    float: left;
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .productleft .boxdesc_desc {
    overflow: hidden;
  }
  .productleft .boxdesc_desc.show_more {
    height: auto;
  }
  .productleft .show_more_desc {
    height: 250px;
  }
  .productleft .boxdesc.boxdesc_nolimit {
    height: auto;
    overflow: inherit;
  }
  .productleft .boxdesc .icon {
    float: left;
    width: 10%;
    text-align: center;
    height: 50px;
    line-height: 50px;
  }
  .productleft .boxdesc .name {
    float: left;
    width: 90%;
    margin-right: 0%;
    min-height: 50px;
    height: auto;
    line-height: 50px;
  }
  .productleft .show_more button.show_more {
    height: 40px;
    margin-top: 10px;
    border-radius: 4px;
    font-size: 1em;
    line-height: 40px;
    border: 0;
    padding-left: 20px;
    padding-right: 20px;
  }
  .productleft .show_more button:hover {
    cursor: pointer;
    background: #fff;
    color: #000;
    border: solid 1px #000;
  }
  .productleft .content {
    float: right;
    width: 100%;
  }
  .productleft .content ul {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
  }
  .productleft .content ul li {
    float: left;
    width: 95%;
    margin: 0;
    margin-left: 5%;
    padding: 0;
    padding-bottom: 5px;
  }
  .productleft .content ul li:last-child {
    border-bottom: solid 0px #f1f1f1;
  }
  .productleft .content ul li .price {
    float: right;
  }

  .productleft .boxdesc .content.include li {
    margin-left: 6.5%;
  }
  .productleft .boxdesc .content.include li:before {
    margin-left: -8%;
    width: 8%;
  }
  .productleft .boxdesc.extra .name {
    min-height: unset;
    line-height: unset;
  }

  .productleft .feedback {
    width: 90%;
    padding: 5%;
  }
  .productright {
    float: right;
    width: 100%;
    padding: 0;
    margin: 0;
    margin-top: 0;
  }
  .productright .booking {
    display: none;
    position: inherit;
    float: left;
    width: 90%;
    padding: 10px 5%;
  }
  .productright .booking .header {
    float: left;
    width: 90%;
    padding: 5px 5%;
    color: #fff;
    background: var(--main-color);
    margin-top: 0;
  }

  .productright .booking .content ul {
    padding-top: 30px;
    font-size: 0.85em;
  }

  .productright .booking .content span.price {
    font-size: 1em;
  }
  .productright .booking .header .price {
    float: left;
  }
  .productright .booking .header .type {
    float: right;
    width: 200px;
    text-align: right;
  }
  .productright .booking .reviews {
    float: left;
    width: 100%;
    padding: 30px 0;
    border-bottom: solid 1px #ccc;
    text-align: center;
  }
  .productright .booking form {
    float: left;
    width: 90%;
    padding: 20px 5%;
    border: solid 1px #ccc;
    border-top: none;
  }
  .productright .booking form label {
    float: left;
    width: 100%;
    margin-top: 10px;
  }
  .productright .booking form input {
    float: left;
    width: 90%;
    padding-left: 5%;
    padding-right: 5%;
    border: solid 1px #ccc;
    border-bottom: solid 0px #ccc;
    text-align: left !important;
  }
  .productright .booking form input.border {
    border-bottom: solid 1px #ccc;
  }
  .productright .booking form button {
    float: left;
    width: 100%;
    color: #fff;
    margin-bottom: 20px;
    margin-top: 20px;
    background: #43a047;
  }
  .productright .booking .divide {
    float: left;
    width: 100%;
    text-align: center;
    padding: 20px 0;
  }

  .productleft .booking.why {
    padding: 5%;
    font-size: 0.9em;
  }

  .booking.mobile {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: sticky;
    top: 0;
    margin-bottom: 0;
    margin-top: 0;
    float: left;
    width: 90%;
    padding: 15px 5%;
    height: 35px;
    line-height: 1;
    background: #f7f7f7;
    border: 0;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.22);
    z-index: 1000;
  }
  .booking.mobile .content {
    float: left;
    width: 50%;
    margin-top: 0;
  }
  .booking.mobile span.price {
    float: left;
    color: #f60;
    font-size: 1.2em;
  }
  .booking.mobile span.from {
    float: left;
    width: 100%;
    font-size: 0.9em;
  }
  .booking.mobile .add_cart {
    float: right;
    width: 50%;
  }
  .booking.mobile .add_cart button {
    width: unset;
    float: right;
    padding: 0 18px;
    height: 40px;
    margin: 0;
    line-height: 40px;
    text-transform: none;
    font-weight: normal;
    border-radius: 5px;
  }
  .productright .booking .add_cart {
    float: left;
    width: 100%;
  }
  .productright .booking .add_cart button {
    float: left;
    width: 100%;
    height: 50px;
    color: #fff;
    line-height: 50px;
    padding: 0;
    margin: 0;
    border: none;
  }
  .productright .listcomments {
    float: left;
    width: 90%;
    margin-top: 20px !important;
    padding: 0 5%;
  }
  .productright .listcomments .title {
    float: left;
    width: 100%;
    margin-bottom: 10px;
    font-size: 20px;
  }
  .productright .listcomments ul {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    border-top: solid 1px #ccc;
  }
  .productright .listcomments ul li {
    float: left;
    width: 100%;
    padding: 10px 0;
    margin: 0;
    padding-left: 0%;
    border-bottom: solid 1px #ccc;
  }
  .productright .listcomments ul li:last-child {
    border-bottom: none;
  }
  .productright .listcomments ul li .avatar {
    float: left;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    margin: 10px;
    background: #ccc;
  }
  .productright .listcomments ul li .comment {
    float: right;
    width: 100%;
  }
  .productright .list_struc {
    float: left;
    width: 90%;
    margin-top: 20px;
    padding: 0 5%;
  }
  .productright .list_struc .title {
    float: left;
    width: 100%;
    margin-bottom: 10px;
    font-size: 20px;
  }
  .productright .list_struc ul {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    border-top: solid 1px #ccc;
  }
  .productright .list_struc ul li {
    float: left;
    width: 100%;
    padding: 10px 0;
    margin: 0;
    padding-left: 0%;
    border-bottom: solid 1px #ccc;
  }
  .productright .list_struc ul li:last-child {
    border-bottom: none;
  }
  .productright .list_struc ul li .comment {
    float: right;
    width: 100%;
  }
  .productright .list_struc ul li .button_content {
    float: left;
    width: 100%;
    margin-top: 20px;
  }
  .productright .list_struc ul li .button_content button {
    float: left;
    height: 40px;
    padding: 0 10px;
    background: #00357f;
    color: #fff;
    line-height: 40px;
    border: solid 0px #fff;
    border-radius: 5px;
    box-shadow: 0 0 3px #000;
  }
  .calendar_select .title_calendar {
    font-size: 16px;
  }
  #calendar.product .content .row .day,
  #calendar.product .content .row,
  #calendar.product .content .row .day .boxday {
    min-height: unset;
  }
  #calendar {
    float: left;
    width: 100%;
    margin-bottom: 50px;
  }
  #calendar .header {
    float: left;
    width: 100%;
    background: var(--main-color);
    color: #fff;
    text-align: center;
    height: 150px;
  }
  #calendar .header .prev {
    float: left;
    width: 10%;
    height: 150px;
    line-height: 150px;
    text-align: center;
    color: #fff;
  }
  #calendar .header .prev i {
    float: left;
    width: 100%;
    height: 150px;
    line-height: 150px;
    text-align: center;
    color: #fff;
    font-size: 30px;
  }
  #calendar .header .name {
    float: left;
    width: 80%;
    height: 150px;
    line-height: 150px;
    color: #fff;
    font-size: 25px;
  }
  #calendar .header .next {
    float: right;
    width: 10%;
    height: 150px;
    line-height: 150px;
    text-align: center;
    color: #fff;
  }
  #calendar .header .next i {
    float: left;
    width: 100%;
    height: 150px;
    line-height: 150px;
    text-align: center;
    color: #fff;
    font-size: 30px;
  }
  #calendar .content .row #calendar .content .row {
    float: left;
    width: 98%;
    margin-left: 1%;
    height: 50px;
    overflow: hidden;
  }
  #calendar .content .row.day {
    display: none;
  }
  #calendar .content .row.day.mobile {
    visibility: visible;
    display: unset;
    margin-top: 15px;
  }
  #calendar .content .row.hide {
    height: 0;
    min-height: 0;
  }
  #calendar .content .row .day {
    float: left;
    height: 50px;
    text-align: center;
  }
  #calendar .content .row .day .boxday {
    float: left;
    width: calc(100% - 2px);
    width: -moz-calc(100% - 2px);
    height: 48px;
  }

  #calendar .content .row .day .boxday .date {
    margin: 1.5px;
    font-size: 0.8em;
    width: 100%;
    text-align: left;
  }
  #calendar .content .row .day .boxday .price {
    margin-right: 1px;
    margin-top: 12px;
    font-size: 0.7em;
    font-weight: 400;
  }
  #calendar .content .row .day .boxday .price.not {
    font-size: 0.7em;
    margin-top: 6px;
    line-height: 1;
  }
  #calendar .add_disp {
    position: fixed;
    width: 100%;
    left: 0;
    bottom: 0;
    z-index: 100;
    background: #2196f3;
    border-top: solid 1px #2196f3;
    height: 50px;
    display: none;
    color: #fff;
    text-align: center;
    line-height: 50px;
    cursor: pointer;
  }
  #calendar .add_disp:hover {
    background: #fff;
    color: #2196f3;
  }
  #calendar .add_disp.show {
    display: block;
  }
  #calendar .form_add_disp {
    position: fixed;
    z-index: 1000001;
    width: 1000px;
    left: 50%;
    max-height: 70%;
    top: 100px;
    margin-left: -551px;
    background: #fff;
    border: solid 1px #000;
    box-shadow: 0 0 5px #000;
    display: none;
    padding: 50px;
    border-radius: 5px;
    overflow-y: scroll;
  }
  #calendar .form_add_disp.show {
    display: block;
  }
  #calendar .form_add_disp .content_input {
    float: left;
    width: 100%;
  }
  #calendar .form_add_disp .content_input .title {
    float: left;
    width: 100%;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: solid 1px #ccc;
  }
  #calendar .form_add_disp .content_input .title span {
    float: left;
    height: 30px;
    line-height: 30px;
  }
  #calendar .form_add_disp .content_input .title .close {
    float: right;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    cursor: pointer;
  }
  #calendar .form_add_disp .content_input .title .close:hover {
    color: red;
  }
  #calendar .form_add_disp .content_input label {
    float: left;
    width: 100%;
    margin-bottom: 5px;
  }
  #calendar .form_add_disp .content_input .info_name {
    float: left;
    width: -webkit-calc(18% - 2px);
    width: -moz-calc(18% - 2px);
    width: -ms-calc(18% - 2px);
    width: -o-calc(18% - 2px);
    width: calc(18% - 2px);
    padding: 0 1%;
    height: 50px;
    line-height: 50px;
    background: #f1f1f1;
    border: solid 1px #ccc;
  }
  #calendar .form_add_disp .content_input input {
    float: left;
    width: -webkit-calc(28% - 1px);
    width: -moz-calc(28% - 1px);
    width: -ms-calc(28% - 1px);
    width: -o-calc(28% - 1px);
    width: calc(28% - 1px);
    padding: 0 1%;
    height: 50px;
    margin-bottom: 10px;
    line-height: 50px;
    border: none;
    text-align: left;
    border-bottom: solid 1px #ccc;
    border-top: solid 1px #ccc;
    border-right: solid 1px #ccc;
  }
  #calendar .form_add_disp .content_input input:last-child {
    margin-right: 0;
  }
  #calendar .form_add_disp .content_input button {
    float: left;
    width: 100%;
    height: 50px;
    background: #2196f3;
    height: 50px;
    text-align: center;
    border: solid 0px #ccc;
    padding: 0;
    color: #fff;
    line-height: 50px;
  }
  #calendar .form_add_disp .close {
    float: left;
    margin-top: 10px;
    text-align: center;
  }
  #calendar .content_day {
    float: left;
    width: 100%;
    height: 0;
    overflow: hidden;
  }
  #calendar .content_day.show {
    height: 100vh;
    position: fixed;
    bottom: 0;
    left: 0;
    background: white;
  }
  #calendar .content_day .details {
    float: left;
    width: calc(100% - 1px);
    width: -moz-calc(100% - 1px);
    height: 599px;
    overflow: hidden;
    border-left: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
  }
  #calendar .content_day.show .details .day_title {
    position: fixed;
    top: 0;
  }
  #calendar .content_day .details .day_title {
    float: left;
    display: flex;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
    padding: 10px 20px;
    height: unset;
    line-height: 1.2;
  }
  #calendar .border-bottom-mob {
    border-bottom: 1px solid #ccc;
    padding-bottom: 1em;
  }
  #calendar .content_day .details .day_title button {
    float: right;
    height: 50px;
  }
  #calendar .content_day .details .day_control {
    float: left;
    width: 100%;
    height: 49px;
    line-height: 49px;
    border-bottom: solid 1px #ccc;
    background-color: #f1f1f1;
  }
  #calendar .content_day .details .day_control .tab {
    float: left;
    width: calc(50% - 40px);
    width: -moz-calc(50% - 40px);
    padding: 0 20px;
    padding-right: 19px;
    height: 50px;
    line-height: 50px;
    border-right: solid 1px #ccc;
  }
  #calendar .content_day .details .day_control .tab:last-child {
    padding-right: 20px;
    border: none;
  }
  #calendar .content_day .details .day_control .tab:hover {
    background-color: #fff;
    cursor: pointer;
  }
  #calendar .content_day .details .content_principal {
    float: left;
    width: 200%;
    height: 100%;
    padding-top: 72px;
  }
  #calendar .content_day .details .content_principal .list {
    float: left;
    width: 50%;
    height: 450px;
    padding: 0px;
    margin: 0;
    list-style: none;
  }
  #calendar .content_day .details .content_principal .list li {
    float: left;
    width: calc(100% - 40px);
    width: -moz-calc(100% - 40px);
    height: 49px;
    line-height: 49px;
    padding: 0 20px;
    margin: 0;
    border-bottom: solid 1px #ccc;
  }
  #calendar .content_day .details .content_principal .list li .info_number {
    float: right;
  }
  #calendar .content_day .details .content_principal .list li:hover {
    background: #f1f1f1;
    cursor: pointer;
  }
  #calendar .content_day .details .content_principal .add {
    float: left;
    width: 50%;
    height: 100%;
    padding: 20px;
    margin: 0;
    list-style: none;
    overflow-y: scroll;
    padding-bottom: 70px;
  }
  #calendar .content_day .details .content_principal .add label,
  .update-batch-container form.add label {
    float: left;
    background-color: #f1f1f1;
    line-height: 1.2;
    padding: 0 10px;
    display: flex;
    align-items: center;
    font-size: 0.9em;
  }
  #calendar .content_day .details .content_principal .add select {
    float: left;
    height: 40px;
    margin-bottom: 20px;
  }
  #calendar .content_day .details .content_principal .add input {
    float: left;
    height: 40px;
  }
  #calendar .content_day.show .details .content_principal .add button.save,
  .update-batch-container form.add button.save {
    position: fixed;
    bottom: 0;
    width: 100%;
    left: 0;
    border-radius: 0;
    height: 50px;
  }
  .select_calendar_new .form_add_disp_select .day-details-container {
    padding-bottom: 70px;
  }
  /* Exception for availabilities calendar */
  #calendar .content.calendar-resources .row {
    flex-direction: column;
    height: unset;
    gap: 5px;
    padding: 0 10px;
  }
  #calendar .content.calendar-resources .row .day {
    height: unset;
    width: 100%;
    margin: 0;
  }
  #calendar .content.calendar-resources .row .day.off {
    display: none;
  }
  #calendar .content.calendar-resources .row .day .boxday {
    height: unset;
    width: 100%;
  }
  #calendar .content.calendar-resources .row .day * {
    box-sizing: border-box;
  }
  #calendar .content.calendar-resources .row .day .boxday .date {
    width: unset;
    margin-left: 0;
    display: flex;
    font-size: 0.9em;
  }
  #calendar .content.calendar-resources .content_day .details {
    height: 100%;
  }
  /* End */
  #form_booking {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 2000000002 !important;
    background: #fff;
    left: 0;
    top: 0;
    visibility: hidden;
  }
  #form_booking.show {
    visibility: visible;
    overflow: auto;
  }
  #form_booking .row1 {
    padding: 10px 0;
  }
  #form_booking .content {
    float: left;
    width: 100%;
    background: #fff;
    max-height: none !important;
    overflow: auto;
  }
  #form_booking .content .title {
    float: left;
    width: 100%;
    height: 50px;
    background: #f1f1f1;
  }
  #form_booking .content .title .name {
    float: left;
    width: calc(100% - 70px);
    width: -moz-calc(100% - 70px);
    padding-left: 20px;
    height: 50px;
    line-height: 50px;
    font-size: 20px;
  }
  #form_booking .content .title i {
    float: right;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    cursor: pointer;
  }
  #form_booking .content .content_form {
    float: left;
    width: 100%;
    overflow: auto;
    max-height: none !important;
  }
  #form_booking .content .content_form form {
    float: left;
    width: 90%;
    margin: 0 5%;
    font-size: 0.9em;
  }
  #form_booking .content .content_form form .change_date_cal {
    display: none;
  }

  #form_booking .content .content_form .change_date {
    width: 100px;
  }
  #form_booking .content .content_form form label {
    float: left;
    width: 25%;
    margin-bottom: 5px;
  }
  #form_booking .content .content_form form label.disp {
    width: 100%;
    margin: 0;
    margin-bottom: 8px;
    text-align: left;
    height: 20px;
    line-height: 20px;
  }
  #form_booking .content .content_form form .group_price {
    width: -webkit-calc(100% - 126px);
    width: -moz-calc(100% - 126px);
    width: -ms-calc(100% - 126px);
    width: -o-calc(100% - 126px);
    width: calc(100% - 126px);
    margin: 0;
    text-align: left;
    font-size: 1.2em;
  }
  #form_booking .content .content_form .group_label {
    font-size: 1.1em;
    margin-left: 0;
    width: 100%;
  }
  #form_booking .content .content_form #hours-block {
    margin-left: 0;
  }
  #form_booking .content .content_form #hours-block .time-0-row {
    width: 100%;
    position: unset;
  }
  #form_booking .content .content_form form input {
    float: left;
    width: -webkit-calc(40% - 90px);
    width: -moz-calc(40% - 90px);
    width: -ms-calc(40% - 90px);
    width: -o-calc(40% - 90px);
    width: calc(40% - 90px);
    height: 40px;
    border: solid 1px #ccc;
    margin: 0;
    margin-bottom: 10px;
    line-height: 30px;
    padding: 0;
  }
  #form_booking
    .content
    .content_form
    form
    input.datepicker.change_date_cal.hasDatepicker {
    width: 150px !important;
    margin-left: 0;
    display: unset;
    width: unset;
  }
  #form_booking .content .content_form form button {
    float: left;
    width: 90%;
    margin: 0 5%;
    margin-bottom: 20px;
    font-size: 1.25em;
  }
  #form_booking .recap {
    position: relative;
    width: 100%;
    border-top: 0;
  }

  #form_booking .recap .tot {
    float: left;
    margin-top: 3px;
  }

  #form_booking #subtotal_booking_form {
    width: 100%;
    border-right: 0;
    margin-top: 20px;
    margin-left: 0;
  }
  #form_booking #subtotal_booking_form span {
    float: right;
  }
  #cart_added {
    z-index: 2000000003 !important;
    width: 100%;
  }
  #cart_added .content-added {
    justify-content: center;
  }
  #cart_added .gotocart-content {
    width: 90%;
    margin: 0 5%;
  }
  #cart_added i.added {
    margin-top: 0 !important;
  }
  #cart_added .buttons-cart {
    flex-direction: column;
    height: 90px;
    margin-top: 50px !important;
  }
  #cart_added .added-txt {
    text-align: center;
    line-height: 1.2;
  }
  #cart_added .offer_showcase.cross {
    display: none;
  }
  #map_product {
    float: left;
    width: 100%;
    height: 330px;
  }

  /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
		*                                                                          *
		*     Booking rules                                                        *
		*                                                                          *
		* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
  .booking {
    float: left;
    width: 90%;
    padding: 50px 5%;
  }
  .booking .title {
    float: left;
    width: 100%;
    margin-bottom: 10px;
    font-size: 25px;
  }
  .booking .desc {
    float: left;
    width: 100%;
    margin-bottom: 10px;
  }
  .booking .details {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    margin-bottom: 10px;
    list-style: none;
  }
  .booking .details li {
    float: left;
    width: 100%;
    margin: 0;
    padding: 10px 0;
    border-bottom: solid 1px #ccc;
  }
  .booking .details li .name {
    float: left;
    width: 60%;
  }
  .booking .details li .content {
    float: right;
    width: 40%;
    text-align: right;
  }
  .booking .buttoncontent {
    float: left;
    width: 100%;
    margin-top: 30px;
    text-align: center;
  }
  .booking .buttoncontent button {
    padding: 0 20px;
    width: 300px;
    line-height: 40px;
    height: 40px;
    margin: 0 10px;
    margin-bottom: 20px;
  }
  .booking .buttoncontent form button {
    background-color: #42a5f5;
    color: #fff;
    border: solid 1px #0d47a1;
  }

  /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
		*                                                                          *
		*     Confirmpayment rules                                                 *
		*                                                                          *
		* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
  .confirm_infobox {
    float: left;
    width: 100%;
    margin: 50px 0;
    text-align: center;
  }
  .confirm {
    float: left;
    width: 100%;
    padding: 50px 0;
  }
  .confirm .details {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    margin-bottom: 10px;
    list-style: none;
  }
  .confirm .details li {
    float: left;
    width: 100%;
    margin: 0;
    padding: 10px 0;
    border-bottom: solid 1px #ccc;
  }
  .confirm .details li .name {
    float: left;
    width: 60%;
  }
  .confirm .details li .content {
    float: right;
    width: 40%;
    text-align: right;
  }
  .confirm .buttoncontent {
    float: left;
    width: 100%;
    margin-top: 30px;
    text-align: center;
  }
  .confirm .buttoncontent button {
    padding: 0 20px;
    width: 300px;
    line-height: 40px;
    height: 40px;
    margin: 0 10px;
    margin-bottom: 20px;
  }
  .confirm .buttoncontent form {
    float: left;
    width: 100%;
    text-align: center;
  }
  .confirm .buttoncontent form button {
    background-color: #42a5f5;
    color: #fff;
    border: solid 1px #0d47a1;
  }
  .confirm .buttoncontent form label {
    float: left;
    width: 100%;
    margin-bottom: 10px;
    text-align: left;
  }
  .confirm .buttoncontent form input {
    float: left;
    width: 100%;
    margin-bottom: 10px;
    text-align: left;
    height: 30px;
  }

  /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
		*                                                                          *
		*     Search rules                                                         *
		*                                                                          *
		* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
  #search_result_left {
    float: left;
    width: 100%;
  }
  #search_result_left .filter_result {
    float: left;
    width: 100%;
    border-top: solid 1px #ccc;
  }
  #search_result_left .filter_result .info_row {
    float: left;
    width: calc(100% - 40px);
    width: -ms-calc(100% - 40px);
    width: -moz-calc(100% - 40px);
    width: -o-calc(100% - 40px);
    width: -webkit-calc(100% - 40px);
    padding: 0 20px;
    height: 60px;
    line-height: 60px;
    box-shadow: 0 0 10px #ccc;
  }
  #search_result_left .filter_result .info_row .button_filter {
    float: right;
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
    border-radius: 5px;
    margin: 9px;
    border: solid 1px #ccc;
  }
  #search_result_left .filter_result .info_row .button_filter:hover {
    cursor: pointer;
    background: #f1f1f1;
  }
  #search_result_left .filter_result .filter_list {
    float: left;
    width: calc(100% - 40px);
    width: -ms-calc(100% - 40px);
    width: -moz-calc(100% - 40px);
    width: -o-calc(100% - 40px);
    width: -webkit-calc(100% - 40px);
    padding: 20px;
    padding-bottom: 0;
    display: none;
    border-top: solid 1px #ccc;
  }
  #search_result_left .filter_result .filter_list.show {
    display: block;
  }
  #search_result_left .filter_result .filter_list .name_voice {
    float: left;
    width: 40%;
    margin-bottom: 10px;
    height: 42px;
    line-height: 40px;
  }
  #search_result_left .filter_result .filter_list .content_voice {
    float: right;
    width: 60%;
    margin-bottom: 20px;
  }
  #search_result_left .filter_result .filter_list .content_voice input {
    float: left;
    width: 100%;
    border: solid 1px #ccc;
    border-radius: 5px;
    height: 40px;
    text-align: left;
  }
  #search_result_left .filter_result .filter_list .content_voice select {
    float: left;
    width: 100%;
    border: solid 1px #ccc;
    border-radius: 5px;
    height: 40px;
    text-align: left;
  }
  #search_result_left .filter_result .filter_list .content_voice button {
    float: right;
    margin-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }
  #search_result_left .filter_result .list_result {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    border-top: solid 1px #ccc;
    padding-bottom: 20px;
  }
  #search_result_left .filter_result .list_result .message_listresults {
    width: 90%;
    float: left;
    margin: 5%;
    text-align: center;
  }
  #search_result_left .filter_result .list_result li {
    float: left;
    margin: 0;
    padding: 0;
    width: 90%;
    margin: 5%;
    margin-bottom: 0;
    background: #f1f1f1;
    box-shadow: 0 0 10px #ccc;
    cursor: pointer;
  }
  #search_result_left .filter_result .list_result a:nth-child(3n + 3) li {
    float: left;
    margin-right: 1%;
  }
  #search_result_left .filter_result .list_result .flip_container {
    width: 100%;
    position: relative;
    perspective: 800px;
  }
  #search_result_left .filter_result .list_result .card {
    width: 100%;
    height: 100%;
    position: absolute;
    transform-style: preserve-3d;
    transition: transform 1s;
  }
  #search_result_left .filter_result .list_result .card figure {
    margin: 0;
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
  }
  #search_result_left .filter_result .list_result li .card .front .image {
    float: left;
    width: 100%;
    height: 160px;
    background: center no-repeat;
    background-size: cover;
  }
  #search_result_left .filter_result .list_result li .card .front .title {
    float: left;
    width: 90%;
    height: 80px;
    padding: 0px 5% 10px;
    background: #fff;
  }
  #search_result_left
    .filter_result
    .list_result
    li
    .card
    .front
    .buttoncontent {
    float: left;
    width: 100%;
    height: 40px;
    background: #f1f1f1;
  }
  #search_result_left
    .filter_result
    .list_result
    li
    .card
    .front
    .buttoncontent
    .category {
    float: left;
    width: 38%;
    line-height: 40px;
    height: 40px;
    padding: 0 1%;
    font-size: 11px;
  }
  #search_result_left
    .filter_result
    .list_result
    li
    .card
    .front
    .buttoncontent
    button {
    float: right;
    height: 40px;
    background: #fff;
    cursor: pointer;
    border: solid 0px #ccc;
    line-height: 40px;
    text-align: right;
    color: #f60;
    font-size: 1.2em;
    text-transform: inherit;
  }
  #search_result_left .filter_result .list_result .card .back .full_content {
    float: left;
    width: 100%;
    height: 300px;
    background: center no-repeat;
    background-size: cover;
  }
  #search_result_left
    .filter_result
    .list_result
    .card
    .back
    .full_content
    .text_box {
    float: left;
    width: 100%;
    height: 300px;
    background: rgba(0, 0, 0, 0.5);
  }
  #search_result_left
    .filter_result
    .list_result
    .card
    .back
    .full_content
    .text_box
    .text {
    float: left;
    width: 80%;
    margin: 0 10%;
    text-align: center;
    color: #fff;
  }

  .page_counter {
    float: left;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: unset;
    background: #f1f1f1;
    border-top: solid 1px #ccc;
  }
  .page_counter .name {
    float: left;
    height: 50px;
    line-height: 50px;
    margin-left: 10px;
  }
  .page_counter .list_num_pages {
    display: flex;
    justify-content: flex-end;
    float: right;
    height: 50px;
  }
  .page_counter .list_num_pages .icon {
    float: left;
    width: 38px;
    height: 38px;
    border: solid 1px #ccc;
    margin: 5px;
    margin-left: 0;
    text-align: center;
    line-height: 38px;
  }
  #search_result_map {
    position: fixed !important;
    right: 0;
    width: 40%;
    height: 500px;
    background: #f1f1f1;
    z-index: 1000;
    display: none;
  }

  /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
		*                                                                          *
		*     404 page rules                                                       *
		*                                                                          *
		* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
  #content404 {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 60px;
    background: center no-repeat;
    background-size: cover;
    color: #fff;
  }

  /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
		*                                                                          *
		*     login page rules                                                     *
		*                                                                          *
		* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
  #contentlogin {
    float: left;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
    background: center no-repeat;
    background-size: cover;
    min-height: max-content;
  }
  #contentlogin input {
    width: 90%;
    margin: 0 5%;
    background: #fff;
    color: #000;
  }
  #contentlogin button {
    width: 70%;
    margin: 0 15%;
  }
  #contentlogin span {
    font-size: 11pt;
    margin: 10px 0;
    margin-top: 30px;
  }
  #contentlogin .check_save_login {
    float: left;
    width: 90%;
    margin: 0 5%;
    margin-top: 10px;
  }
  #contentlogin .check_save_login input {
    float: left;
    width: 20px;
    margin: 0;
  }
  #contentlogin .check_save_login label {
    float: right;
    width: -webkit-calc(100% - 30px);
    width: -moz-calc(100% - 30px);
    width: -ms-calc(100% - 30px);
    width: -o-calc(100% - 30px);
    width: calc(100% - 30px);
    font-size: 13px;
    text-align: left;
    height: 20px;
    line-height: 20px;
    cursor: pointer;
  }

  #contentlogin .social_button .fb_button {
    float: left;
    width: 70%;
    margin: 0px 15%;
    padding: 0;
    height: 38px;
    line-height: 38px;
    margin-bottom: 50px;
  }

  /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
		*                                                                          *
		*     Signup page rules                                                    *
		*                                                                          *
		* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

  #contentsignup {
    height: unset;
    min-height: unset;
  }
  .signup_infobox {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 0.9em;
  }
  .signup_infobox.user {
    display: none;
  }
  .signup_descr {
    width: 90%;
    margin: 20px 5%;
    padding: 0;
  }
  form.signup {
    float: left;
    width: 90% !important;
    margin: 5% !important;
    padding: 0;
    padding-bottom: 20px;
  }
  form.signup .row1 {
    margin-bottom: 2px;
  }
  form.signup .row1.checkbox {
    padding: 20px 5%;
    box-sizing: border-box;
  }
  form.signup .row1 .g-recaptcha {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 20px;
  }
  form.signup .row1.labtitle {
    margin-left: 5%;
    width: 95%;
    margin-top: 10px;
  }
  form.signup i.input {
    display: none;
    float: left;
    width: 48px;
    border: solid 1px #ccc;
    height: 50px;
    border-right: -50px;
    line-height: 50px;
    background: #f1f1f1;
    text-align: center;
  }
  form.signup label {
    float: left;
    width: 95%;
    margin-left: 5%;
    padding: 0;
    height: 35px;
    line-height: 35px;
    font-size: 16px;
  }
  form.signup input {
    float: left;
    width: 88%;
    margin: 0 5%;
    padding-left: 2%;
    padding-right: 0;
    height: 35px;
    line-height: 35px;
    border: solid 1px #ccc;
    text-align: left;
    font-size: 1em;
  }
  form.signup select {
    float: left;
    width: 90%;
    margin: 0 5%;
    height: 39px;
    line-height: 39px;
    padding-left: 10px;
    padding-right: 10px;
    border: solid 1px #ccc;
    text-align: left;
  }
  form.signup button {
    width: 70%;
    background: var(--main-color);
    border: 0;
    color: #333;
    margin: 0 15%;
  }
  form.signup button i {
    float: right;
    height: 50px;
    width: 50px;
    line-height: 50px;
    text-align: center;
    color: #333;
    margin-left: 10px;
  }
  form.signup .fb_button {
    width: 100%;
    margin: 0;
  }
  .recovery_button {
    width: 70% !important;
    margin: 0 15%;
  }
  .social_button {
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
  }
  .social_button .fb_button {
    float: none;
    width: 100%;
    max-width: inherit;
    margin: 0 0;
    padding: 12px;
    height: 50px;
    line-height: 50px;
    margin-bottom: 50px;
    background: #29487d;
    color: #fff;
    font-size: 15px !important;
    text-align: center;
  }
  #login .fb_button {
    float: left;
    width: 80%;
    margin: 0 10%;
    margin-top: 20px;
    height: 50px;
    line-height: 50px;
    margin-bottom: 50px;
    background: #29487d;
    color: #fff;
    text-align: center;
  }
  .container_right {
    width: 90%;
    margin: 0 5% !important;
  }
  .container_right.signup {
    height: unset !important;
    font-size: 0.9em;
    margin-bottom: 0;
  }
  .container_right.signup.user {
    margin-top: 15px;
  }
  .partner_row {
    display: none;
  }
  .partner_row.mobile {
    display: block;
  }
  .partner_row .row2 {
    font-size: 0.9em;
    width: 86%;
    margin: 0 5%;
    margin-bottom: 10px;
    padding: 10px 2%;
  }

  /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
		*                                                                          *
		*     Recovery page rules                                                  *
		*                                                                          *
		* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
  .container.recovery {
    width: 90%;
  }
  .recovery .contact_form {
    float: left;
    width: 90%;
  }
  .recovery .contact_form .flexbox-cen-spb {
    flex-direction: column;
  }
  .recovery .contact_form input {
    margin-right: 0 !important;
    box-sizing: border-box;
    margin-bottom: 10px;
  }
  .recovery .contact_form input.uniquerow {
    width: calc(100% - 250px);
    width: -moz-calc(100% - 250px);
  }
  .recovery .contact_form .title {
    float: left;
    width: 100%;
    padding: 10px 0;
    font-size: 13px;
  }
  .recovery .contact_form button {
    width: 100%;
    margin-top: 25px;
  }

  /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
		*                                                                          *
		*     Cart page rules                                                      *
		*                                                                          *
		* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
  button.pay_button {
    width: 80%;
    margin: 0 10%;
    margin-top: 20px;
  }
  .content_cart {
    float: left;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 50px;
  }
  .content_cart .list_prods {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .content_cart .list_prods li {
    float: left;
    width: 100%;
    font-size: 0.9em;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    border-bottom: solid 1px #ccc;
  }
  .content_cart .list_prods li.title {
    display: none;
  }
  .content_cart .list_prods li .offer_name {
    float: left;
    width: 90%;
    padding: 10px 0;
    padding-left: 2%;
  }
  .content_cart .list_prods li .offer_price {
    float: right;
    width: 46%;
    height: unset;
    line-height: unset;
    text-align: right;
    padding: 10px 0;
    padding-right: 4%;
    border-top: 1px solid #ccc;
  }
  .content_cart .list_prods li .offer_quant {
    float: right;
    width: 48%;
    text-align: left;
    padding: 10px 0;
    padding-left: 2%;
    border-top: 1px solid #ccc;
  }
  .content_cart .list_prods li .offer_action.mobile {
    display: block;
  }
  .content_cart .list_prods li .offer_action.desktop {
    display: none;
  }
  .content_cart .list_prods li .offer_action {
    float: right;
    width: 5%;
    padding: 10px 0;
    padding-right: 1%;
  }
  .content_cart .list_prods li .offer_action i {
    float: right;
    width: 23px;
    height: 23px;
    line-height: 23px;
    text-align: center;
    font-size: 23px;
  }
  .content_cart .list_prods li .offer_action i:hover {
    background-color: var(--main-color);
    border-color: var(--main-color);
    color: #fff;
    cursor: pointer;
  }
  .content_cart .list_prods li.total .offer_name {
    width: 46%;
    padding-left: 0;
  }
  .content_cart .list_prods li.total .offer_price {
    width: 50%;
    border-top: 0;
  }
  .content_cart .list_prods .cart_rows {
    width: 100%;
  }

  .content_cart .paypal_content {
    float: left;
    width: 100%;
    display: none;
  }
  .content_cart .paypal_content.show {
    display: block;
  }
  .content_cart .bonifico_content {
    float: left;
    width: 100%;
    display: none;
  }
  .content_cart .bonifico_content.show {
    display: block;
  }
  .content_cart .rimessa_content {
    float: left;
    width: 100%;
    display: none;
  }
  .content_cart .rimessa_content.show {
    display: block;
  }
  .content_cart .cash_content {
    float: left;
    width: 100%;
    display: none;
  }
  .content_cart .cash_content.show {
    display: block;
  }
  .content_cart .agenzia_content {
    float: left;
    width: 100%;
    display: none;
  }
  .content_cart .agenzia_content.show {
    display: block;
  }
  .content_cart .payment_cart {
    float: left;
    width: 100%;
  }
  .content_cart .payment_cart label {
    float: left;
    width: 100% !important;
    margin: 0;
    height: unset;
    line-height: 1;
    margin-top: 20px;
  }
  .content_cart .payment_cart input {
    float: right;
    width: 98%;
    text-align: left;
    margin-top: 10px;
  }
  .row1.fattelettr .row1.datiprenot {
    width: 100%;
  }
  .content_cart .payment_cart .fattelettr,
  .content_cart .payment_cart .fattelettr_city_it,
  .content_cart .payment_cart .fattelettr_city,
  .content_cart .payment_cart .fattelettr_provincia,
  .content_cart .payment_cart .fattelettr_cap,
  .content_cart .payment_cart .fattelettr_ragionesociale {
    width: 100%;
  }
  .content_cart .payment_cart .info_txt_content {
    width: 100%;
  }
  .selection_payment {
    float: left;
    width: 100%;
    margin: 30px 0;
    border-top: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
    text-align: center;
    padding: 10px 0;
    padding-bottom: 0;
    background: #f1f1f1;
  }
  .selection_payment .title {
    width: 85%;
  }
  .selection_payment .title-row button {
    width: 10%;
  }
  .selection_payment .button_content {
    float: left;
    width: 100%;
    margin-top: 10px;
    padding: 10px 0;
    text-align: center;
    background: #fff;
    border-top: solid 1px #ccc;
  }
  .selection_payment .button_content button {
    width: 90%;
  }
  .section_coupon {
    width: 100%;
    margin-left: unset;
    min-height: unset;
  }
  .top_cart_row {
    flex-direction: column;
  }
  .section_coupon .form_content input {
    margin: 0 10%;
    width: 80%;
    margin-bottom: 10px;
  }
  .section_coupon .form_content button {
    margin: 0 10%;
    width: 80%;
  }
  .section_coupon .form_content .message_coupon {
    margin-top: 10px;
  }
  .section_cross_selling ul.cross_selling_list li {
    width: 100%;
  }
  .section_cross_selling .title {
    font-size: 1.2em;
  }
  .section_cross_selling ul.cross_selling_list li button {
    width: 90%;
    margin: 0 5%;
    margin-top: 5px;
    border: 0;
  }
  .section_cross_selling ul.cross_selling_list li .cross_name {
    width: 90%;
    margin-top: 10px;
    text-align: center;
  }

  /* Booking form */
  .row1.fattelettr_type_first {
    width: 100%;
  }
  .content_cart .payment_cart select {
    margin-top: 10px;
    width: 100%;
  }
  /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
*                                                                          *
*     New rules for Escursi Theme                                          *
*                                                                          *
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
  .row_text_yellow {
    float: left;
    width: 90%;
    padding: 40px 5%;
    font-size: 1em;
    color: #000;
    text-align: center;
  }
  .row_text_yellow h2 {
    float: left;
    width: 90%;
    padding-left: 5%;
    padding-right: 5%;
    margin: 0;
    margin-bottom: 20px;
    font-size: 1.5em;
  }
  .how_it_works .box {
    width: 100%;
  }
  .how_it_works .box .text {
    margin-bottom: 20px;
  }
  .how_it_works .box .image {
    width: 50%;
    margin: 0 25%;
    height: 150px;
  }
  .offer_showcase.home h2 {
    font-size: 1.7em;
  }
  .offer_showcase.home.feed {
    width: 90%;
    padding: 0 5%;
  }
  .offer_showcase {
    width: 90%;
    padding: 40px 5%;
  }
  .offer_showcase ul.list li {
    width: 100%;
    margin-right: 0%;
  }
  .offer_showcase ul.list a:nth-child(3n + 3) li {
    margin-right: 0;
  }
  .offer_showcase ul.list li .title_content {
    float: left;
    width: 100%;
    height: 100px;
    margin-top: 160px;
    background: rgba(255, 255, 255, 0.7);
  }
  .offer_showcase ul.list li .title_content .title {
    float: left;
    width: 80%;
    height: 50px;
    line-height: 25px;
    margin: 10px 10%;
    text-align: center;
    overflow: hidden;
  }
  .offer_showcase ul.list li .title_content .price {
    float: left;
    width: 100%;
    height: 20px;
    line-height: 20px;
    text-align: center;
  }
  .asinara_tj {
    width: 90%;
    padding: 30px 5%;
  }
  .services ul {
    flex-direction: column;
  }
  .category_showcase.services ul.list a {
    width: 100%;
  }

  .category_showcase {
    width: 90%;
    padding: 40px 5% !important;
    font-size: 0.9em;
  }
  .category_showcase h2 {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 2em !important;
  }
  .category_showcase .subtitle {
    float: left;
    width: 100%;
    padding-bottom: 0;
    margin-bottom: 20px;
    text-align: center;
    border-bottom: 0;
  }
  .category_showcase ul.list {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
  }
  .category_showcase ul.list li {
    float: left;
    width: 100%;
    margin-right: 0;
  }
  .category_showcase ul.list a:nth-child(3n + 3) li {
    margin-right: 0;
  }
  .category_showcase ul.list.subcategory li {
    width: -webkit-calc(98% / 2);
    width: -moz-calc(98% / 2);
    width: -ms-calc(98% / 2);
    width: -o-calc(98% / 2);
    width: calc(98% / 2);
    width: 100%;
    margin-bottom: 0;
    margin-top: 3%;
    height: 170px;
  }
  .category_showcase ul.list a:nth-child(3n + 3) li {
    margin-right: 1%;
  }
  .category_showcase ul.list li .image {
    float: left;
    width: 100%;
    height: 150px;
    background: #f1f1f1 center no-repeat;
    background-size: cover;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
  }
  .category_showcase ul.list.subcategory li .image {
    height: 170px;
  }
  .category_showcase ul.list li:hover .image {
    transform: scale(1.2);
    -ms-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
  }
  .category_showcase ul.list li .content_text {
    position: relative;
    width: 100%;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    opacity: 1;
    background: rgba(0, 0, 0, 0.4);
    color: #fff;
  }
  .category_showcase ul.list.subcategory li .content_text {
    height: 170px;
  }
  .category_showcase ul.list li:hover .content_text {
    opacity: 1;
  }
  .category_showcase ul.list li .content_text .category_title {
    float: left;
    width: 100%;
    margin-top: -140px;
    text-align: center;
    font-size: 27px;
    height: 30px;
  }
  .category_showcase ul.list.subcategory li .content_text .category_title {
    margin-top: -125px;
    font-size: 22px;
  }
  .category_showcase ul.list li .content_text .category_shortdesc {
    float: left;
    width: 80%;
    margin: 0 10%;
    margin-top: -80px;
    text-align: center;
    overflow: hidden;
    height: 60px;
    line-height: 20px;
    overflow: hidden;
  }
  .category_showcase ul.list.subcategory li .content_text .category_shortdesc {
    margin-top: -75px;
    font-size: 14px;
  }

  .category_showcase ul.list button {
    width: 90%;
    margin: 20px 5%;
    height: auto;
  }
  .row_video {
    width: 80%;
    height: 315px;
    padding: 80px 10%;
    background: #fff;
  }
  .row_video iframe {
    float: left;
    margin-left: 0;
    width: 100%;
  }
  .row_video_home .left {
    width: 100%;
  }
  .row_video_home .right {
    width: 100%;
  }
  .row_video_home iframe {
    width: 90%;
    margin: 0 5%;
    height: 200px;
    margin-top: 20px;
  }
  .row_video_home p {
    margin: 10px 7.5%;
    font-size: 1em;
  }
  .row_video_home .logo {
    width: 50%;
    margin: 0 25%;
  }
  .row_video_tour iframe {
    height: 250px;
  }
  .row_partner {
    padding: 30px 10%;
    width: 80%;
  }
  .row_partner .partner {
    width: 60%;
    height: 100px;
    margin: 0 20%;
  }
  .infobox_content {
    float: left;
    width: 80%;
    padding: 15px 10%;
  }
  .infobox_content .box {
    float: left;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 13px;
  }
  .infobox_content .box:first-child {
    padding-top: 13px;
  }
  .infobox_content .box i {
    margin-bottom: 0;
    font-size: 1.6em;
  }
  .infobox_content .box .icon {
    float: left;
    width: 0%;
    height: 60px;
    padding: 0 50%;
  }
  .infobox_content .box .icon .icon_img {
    float: left;
    width: 60px;
    height: 60px;
    margin-left: -30px;
  }
  .infobox_content .box:nth-child(1) .icon .icon_img {
    background: left bottom;
  }
  .infobox_content .box:nth-child(2) .icon .icon_img {
    background: right top;
  }
  .infobox_content .box:nth-child(3) .icon .icon_img {
    background: right bottom;
  }
  .infobox_content .box:nth-child(4) .icon .icon_img {
    background: left top;
  }
  .infobox_content .box .title {
    float: left;
    margin: 0;
    margin-left: 20px;
    text-align: left;
    font-size: 1em;
    font-weight: 200;
  }
  .infobox_content .box .text {
    display: none;
    float: left;
    width: 70%;
    margin: 0 15%;
    margin-top: 10px;
    text-align: center;
  }
  .row_text {
    float: left;
    width: 100%;
    padding: 70px 0;
    background: #fff;
  }
  .row_text h2 {
    float: left;
    width: 100%;
    text-align: center;
  }
  .row_text h2.border_bottom {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: solid 1px #f1f1f1;
  }
  .row_text .subtitle {
    float: left;
    width: 100%;
    padding-bottom: 20px;
    margin-bottom: 20px;
    text-align: center;
    border-bottom: solid 1px #f1f1f1;
  }
  .row_text .subtitle.no_border {
    border: none;
  }
  .row_text ul.list {
    float: left;
    width: 80%;
    padding: 0 10%;
    margin: 0;
    list-style: none;
  }
  .row_text ul.list li {
    float: left;
    width: 100%;
    margin-right: 0%;
    height: 240px;
    background: #f1f1f1 center no-repeat;
    background-size: cover;
    margin-bottom: 1%;
    overflow: hidden;
  }
  .row_text ul.list a:nth-child(2n + 2) li {
    margin-right: 0;
  }
  .row_text ul.list li .image {
    float: left;
    width: 100%;
    height: 240px;
    background: #f1f1f1 center no-repeat;
    background-size: cover;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
  }
  .row_text ul.list li:hover .image {
    transform: scale(1.2);
    -ms-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
  }
  .row_text ul.list li .content_text {
    position: relative;
    width: 100%;
    height: 240px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    opacity: 0;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
  }
  .row_text ul.list li:hover .content_text {
    opacity: 1;
  }
  .row_text ul.list li .content_text .category_title {
    float: left;
    width: 100%;
    margin-top: -190px;
    text-align: center;
    font-size: 27px;
    height: 30px;
  }
  .row_text ul.list li .content_text .category_shortdesc {
    float: left;
    width: 80%;
    margin: 0 10%;
    margin-top: -130px;
    text-align: center;
    overflow: hidden;
    height: 60px;
    line-height: 20px;
    overflow: hidden;
  }
  /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
*                                                                          *
*     Parallax                                                             *
*                                                                          *
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
  /* .row-parallax-bg{
	float: left;
	width: 100%;
	padding: 50px 0;
	background: rgba(0,0,0,0.5);
	color: #fff;
	font-size: 1em;
} */
  .row-parallax-bg .title_left {
    width: 80% !important;
    margin: 0 10%;
    text-align: center;
  }
  .row-parallax-bg.home .title_left {
    font-size: 2em;
  }
  .row-parallax-bg span {
    color: var(--main-color);
  }
  .row-parallax-bg .text_right {
    width: 80%;
    margin: 0 10%;
    text-align: center;
    font-size: 0.9em;
  }
  .row-parallax-bg .text_right p {
    float: left;
    width: 100%;
    margin: 0;
    margin-bottom: 30px;
  }
  .row-parallax-bg .text_right span {
    float: left;
    width: 100%;
    font-size: 20px;
    margin-top: 40px;
  }
  .parallax-bg {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: -10;
    background: right no-repeat;
    background-size: cover;
  }
  .parallax-window {
    float: left;
    width: 100%;
    padding: 150px 0;
  }
  /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
*                                                                          *
*     Footer rules                                                         *
*                                                                          *
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
  footer {
    float: left;
    width: 90%;
    padding: 5%;
    z-index: 1000;
  }
  footer .top {
    display: none;
  }
  footer .flexbox.footer {
    flex-direction: column;
  }
  footer .box {
    width: 100%;
    margin: 0;
  }
  footer .box img {
    display: none;
  }
  footer .info.legal {
    width: 100% !important;
    text-align: left;
    font-size: 0.9em;
  }
  footer .credits {
    border: 0;
    flex-direction: column;
  }
  footer .logo {
    width: 100%;
    padding-bottom: 10px;
  }
  footer .made {
    width: 100%;
    padding-right: 0;
    padding-top: 18px;
    border-top: 1px solid #aaa;
  }
  footer.hovermap {
    float: none;
    position: absolute;
    left: 0;
  }
  footer .newsletter {
    width: 80%;
    padding: 0 10%;
  }
  footer .newsletter h2 {
    width: 100%;
    margin: 0;
  }
  footer .newsletter form {
    width: 100%;
    margin: 30px 0;
  }
  footer .newsletter form input {
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: center;
  }
  footer .newsletter form button {
    float: left;
    width: 20%;
    margin: 0 40%;
    margin-top: 20px;
    background: #fff;
  }
  footer .title {
    float: left;
  }
  footer ul {
    float: left;
    margin-bottom: 20px;
  }
  footer ul li {
    float: left;
    width: 100%;
    margin: 0;
  }
  footer ul a:last-child li {
    border: none;
  }
  footer .social {
    float: left;
    width: 100%;
    text-align: center;
    padding-top: 25px;
  }
  footer .data-container {
    flex-direction: column-reverse;
  }
  footer .social-icons {
    width: 100%;
  }
  footer .social-icons i {
    margin-left: 0;
    margin-right: 25px;
  }
  footer .info {
    float: left;
    width: 100%;
    padding: 0;
    padding-bottom: 25px;
  }
  footer .info .content_scroll_top {
    float: left;
    width: 0;
    height: 50px;
    margin: 0 50%;
  }
  footer .info .content_scroll_top i {
    float: left;
    width: 50px;
    height: 50px;
    margin-left: -25px;
    line-height: 50px;
    text-align: center;
  }
  footer .info .content_scroll_top i:hover {
    background: #fff;
    color: #000;
    cursor: pointer;
  }
  footer hr.left {
    width: 20%;
  }

  /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
		*                                                                          *
		*     Category page rules                                                  *
		*                                                                          *
		* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

  .container.category {
    width: 90%;
    margin: 0 5%;
  }

  .category h2 {
    font-size: 1.7em;
    line-height: 1.2;
    margin-bottom: 10px;
  }
  .category h3 {
    font-size: 1.2em;
  }

  /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
		*                                                                          *
		*     Product page rules                                                   *
		*                                                                          *
		* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

  #cover_gallery {
    min-height: 0px;
    height: 225px;
  }
  #cover_gallery .action-box {
    margin: 10px;
  }
  .calendar_select {
    z-index: 2000000001 !important;
  }
  .title_calendar {
    width: calc(85% - 20px);
    margin: 0;
    font-size: 13px;
    height: auto;
    padding: 10px;
    height: 30px;
    line-height: 30px;
  }
  .close_calendar {
    width: 15%;
  }
  #calendar.product {
    margin: 30px 0;
    padding: 10px;
  }
  #calendar {
    width: 100%;
    padding: 10px;
    margin: 0;
    box-sizing: border-box;
  }
  #calendar .header {
    height: 50px;
    background: #fff;
  }
  #calendar .header .prev {
    height: 50px;
    line-height: 50px;
  }
  #calendar .header .prev i {
    height: 50px;
    line-height: 50px;
    color: var(--main-color);
  }
  #calendar .header .name {
    height: 50px;
    line-height: 50px;
    color: #000;
  }
  #calendar .header .next {
    height: 50px;
    line-height: 50px;
  }
  #calendar .header .next i {
    height: 50px;
    line-height: 50px;
    color: var(--main-color);
  }
  /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
*                                                                          *
*     TA page                                                 		   *
*                                                                          *
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

  .row_text_ta h2 {
    width: 90%;
    margin: 0 5%;
    margin-top: 45px;
    font-size: 1.3em;
  }
  .row_text_ta .logo {
    width: 80%;
    padding: 0 10%;
  }

  .vantaggi_ta h2 {
    font-size: 1.8em;
  }

  .vantaggi_ta .box {
    width: 100%;
    margin-bottom: 40px;
  }
  .vantaggi_ta .box.offer {
    width: 100%;
  }

  .row_video_ta iframe {
    width: 80%;
    height: 200px;
    margin: 0 10%;
  }

  .row_video_ta h2 {
    font-size: 1.5em;
  }

  /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
*                                                                          *
*     Special Offer                                              	   *
*                                                                          *
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

  .special_offer .image {
    width: 100%;
    height: 250px;
  }

  .special_offer .container {
    width: 90%;
    margin: 5%;
    font-size: 0.9em;
  }

  /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
*                                                                          *
*     Special Offer        2                                         	   *
*                                                                          *
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

  .special_offer_2 .image {
    width: 100%;
    height: 250px;
  }

  .special_offer_2 .container {
    width: 90%;
    margin: 5%;
    font-size: 0.9em;
  }

  /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
*                                                                          *
*     FAQ                                                                  *
*                                                                          *
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
  .wrapper_text.faq.where h2 {
    font-size: 1.7em;
    line-height: 1.2;
  }

  .wrapper_text.faq {
    padding: 5%;
    background: #fff;
    margin-left: 0;
    border: 0;
  }

  .wrapper_text.faq .slide {
    height: 245px;
    margin-top: -20px;
    margin-left: -6%;
    margin-bottom: 15px;
    padding: 0 6%;
  }

  .wrapper_text.faq .slide h1 {
    font-size: 2.3em;
    margin-top: 28%;
  }

  .faq ul.faq {
    -webkit-padding-start: 10px;
    text-align: left;
  }

  .faq .title {
    text-align: center;
  }

  .faq p {
    font-size: 1em;
  }

  .faq h2 {
    font-size: 1.7em;
  }

  .faq .container_image .image_box {
    width: 100%;
    margin: 10px 0 !important;
    height: 200px;
  }

  /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
*                                                                          *
*     loc                                                                  *
*                                                                          *
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
  .wrapper .slide_full {
    height: 50vw;
    margin-bottom: 35px;
  }

  .wrapper .slide_full h1 {
    font-size: 2.3em;
    margin-top: 28%;
  }

  .offer_showcase.loc {
    width: 100%;
    padding: 0;
  }

  .offer_flipcard li .card .front .title.loc {
    text-align: left;
  }

  button.more {
    width: 70%;
    margin-left: 15%;
  }
  button.more.special {
    height: unset;
    line-height: unset;
  }

  /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
*                                                                          *
*     Gift Voucher page                                                    *
*                                                                          *
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
  .coupon-code {
    margin-top: 15px;
    font-size: 1.3em;
  }
  .wrapper .slide_full h1 {
    font-size: 1.7em;
    width: 90%;
    margin: 0 5%;
  }
  .row2.gift {
    width: 100%;
    margin: 0;
  }
  .voucher_down button {
    width: 60%;
    margin: 0 20%;
    margin-bottom: 10px;
  }
  .faq h3 {
    font-size: 1.4em;
    line-height: 1.2;
    text-align: left;
  }
  .button_more h3 {
    text-align: center;
  }
  .voucher_buy {
    float: left;
    margin-bottom: 30px;
  }
  .voucher_buy .paypal {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #aaa;
  }
  h2.home {
    font-size: 1.7em;
    line-height: 1.2;
    margin-top: 20px;
  }
  .image.voucher {
    height: 250px;
    margin-top: 20px;
  }
  .container960 {
    float: none;
    width: 100%;
    margin: 0 auto;
  }
  .background.dark .subtitle {
    font-size: 0.7em;
    margin-top: 70px;
    line-height: 1.2;
  }
  /**** XMAS ****/
  .xmas-box {
    height: unset;
    box-sizing: border-box;
    border-radius: 0;
  }
  .xmas-box .box {
    padding-top: 120px;
    flex-direction: column-reverse;
  }
  .xmas-box .box img {
    width: 90%;
    height: unset;
    margin: auto;
    margin-top: -80px;
  }
  .xmas-box.home button {
    margin-bottom: 25px;
  }
  /* Food and Wine */
  .row_FW {
    margin: 0;
  }
  .row_FW .container.flex {
    margin-top: 0;
  }
  .row_FW .image.mobile {
    display: block;
    width: 100%;
    margin-bottom: -7px;
  }

  /* VAN row */
  .row_van {
    flex-direction: column-reverse;
  }
  .row_van .content_van {
    width: 100%;
    font-size: 0.9em;
    height: auto;
    padding: 15px 0;
    margin-right: 0;
  }
  .row_van .image_van {
    width: 200px;
    height: 200px;
    margin-top: 15px;
  }
  /* GIFT PAGE */
  .top-slide.gift {
    height: 200px;
    background-size: cover;
  }
  .gift img {
    height: 85%;
  }
  .gift img.voucher-img {
    max-width: 300px;
  }
  /* STATIC PAGE */
  .top-slide {
    height: 170px;
  }
  .top-slide .contentslide {
    padding: 0 5%;
    box-sizing: border-box;
  }
  .top-slide .contentslide .title {
    font-size: 1em;
  }
  .top-slide .contentslide .title.long-italic {
    font-size: 0.8em;
    width: 90%;
    margin: 0 5%;
  }

  /* IUBENDA OVERRIDE */
  #iubenda-pp-popup {
    top: 80px !important;
  }
  /* TERMS AND CONDITIONS PAGE */
  .static-page-content {
    width: 90%;
    margin: 0 5%;
  }

  /* MOBY-TIRRENIA PAGE */
  .moby-tir {
    float: unset;
    margin: 0;
  }
  .moby-tir .row1.blue {
    margin-bottom: 0;
  }
  .moby-tir .flexbox,
  .moby-tir .flexbox-center {
    flex-direction: column;
  }
  .moby-tir .box450 {
    width: 90%;
    padding: 20px 5%;
  }
  .moby-tir .txt-long {
    width: 90%;
    margin: 20px 5%;
  }
  .moby-tir .box {
    width: 100%;
  }
  .moby-tir h2 {
    font-size: 3em;
    padding: 5% 0;
  }
  .moby-tir h3 {
    margin: 15px 0;
    font-size: 2em;
  }
  img.w50 {
    width: 100%;
  }
  .moby-tir .box.fl-r {
    padding: 10px 0;
    background: #184f92;
  }
  .moby-tir .booking-row {
    padding-top: 0;
  }

  /* Book Safe */
  .book-safe-label {
    z-index: 2000000001;
    line-height: 1.2;
  }
  .book-safe-label span {
    position: relative;
    right: 0;
  }

  /* Providers page */
  .top-slide.provider {
    height: 300px;
  }
  .top-slide.provider .contentslide {
    padding: 0 20px;
  }
  .provider-qualities .box {
    margin: 0;
    padding: 2.5% 5%;
    box-sizing: border-box;
    font-size: 0.9em;
    width: 100%;
  }
  .accordion-container .panel .content {
    padding: 20px;
  }
  .mktplace-quality-row > div,
  .provider-section > div {
    flex-direction: column;
    padding: 0 20px;
    box-sizing: border-box;
  }
  .mktplace-quality-row > div.left {
    flex-direction: column-reverse;
  }
  .mktplace-quality-row img {
    width: 100%;
  }
  .mktplace-quality-row .w-50,
  .provider-section .w-50 {
    width: 100% !important;
  }
  form.signup .row1.labtitle {
    width: 90%;
    margin-top: 20px;
  }
  .mktplace-quality-row img {
    max-width: 100%;
    width: unset;
  }
  .provider-section.company-description > div,
  .provider-qualities > div {
    flex-direction: column;
  }
  .provider-section.company-description > div > div {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .digital-tools-section img.logo,
  .provider-section img.logo {
    max-width: 200px;
  }
  .top-slide.provider .contentslide .container .title {
    font-size: 1.2em;
  }
  .top-slide.provider .contentslide .container .text {
    font-size: 0.9em;
  }
  h2.provider-title {
    margin: 20px 0;
  }

  /* CHECKOUT */
  .checkout-form input[type="radio"] {
    width: 15px;
    height: 15px;
    min-width: 15px;
  }
  .cutoff-alert {
    max-width: unset;
  }
  .checkout-box.pay-now {
    display: none;
  }
  .checkout-box.form {
    width: 100%;
    padding: 15px;
  }
  .checkout-form .coupon-container > div {
    width: 100%;
  }
  .checkout-form .coupon-container .coupon-section {
    text-align: right;
    padding-top: 10px;
  }
  .checkout-form #paymentMethods h3 {
    border-top: 1px solid #ddd;
    padding-top: 1em;
    margin-top: 0;
  }
  .checkout-form .coupon-container {
    flex-direction: column-reverse;
  }
  ul.checkout-product-list li.product-detail {
    flex-direction: column;
    align-items: center !important;
  }
  ul.checkout-product-list .product-detail img {
    margin-right: 0;
    margin-top: 10px;
    margin-bottom: 20px;
  }
  .checkout-form-input-row.radio-btn-row,
  .checkout-form .terms label {
    font-size: 0.95em;
    line-height: 1.25;
  }
  .checkout-form-input-row {
    flex-direction: column;
    padding-bottom: 0;
  }
  .checkout-form .input-box label {
    padding: 8px 0;
  }
  .discount-applied {
    font-size: 1em;
  }
  .checkout-form-input-row > div {
    width: 100% !important;
  }
  .modal-element .terms {
    width: 100%;
    padding: 15px;
    max-height: 80vh;
  }
  .checkout-form .terms input[type="checkbox"] {
    margin: 0;
  }

  /* PARALLAX */
  .parallax {
    min-height: 350px;
    background-attachment: scroll;
  }

  /* SPLIDEJS EXCEPTIONS */
  .slider--big {
    height: unset;
    aspect-ratio: 16/9;
  }

  /******* END OF RESPONSIVE STYLE ********/
}
