/* CUSTOM CSS APP */

/* color header bar */
.bar.bar-stable {
    border: none !important;
    border-color: #ffffff !important;
    background-color: #151313 !important;
    color: #ffffff !important;
    height: 78px;
}

.title-product {
    font-family: 'Caudex' !important;
    font-size: 18px;
    color: #0d0a47;
    line-height: 1.26em;
}

.qodef-e-inner {
    width: 100%;
}

.qodef-e-heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
}

.qodef-e-heading-title {
    margin: 0;
}

.qodef-e-heading-line {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    border-bottom: 1px solid #eae6e0;
    margin: 0 10px;
}

.qodef-e-heading-price {
    white-space: nowrap !important;
}


.title-price {
    font-family: 'Caudex' !important;
    color: #9f5278;
    font-size: 17px;
    line-height: 1.26em;
}

.text-color-fdp {
    font-family: 'Catamaran',sans-serif;
    font-size: 18px;
    color: #a6a6a6;
    line-height: 1.88em;
}

.bar.bar-stable .title {
    color: #ffffff !important;
    text-transform: uppercase;
    height: 78px;
    line-height: 73px;
    font-size: 13px;
}

/* color subheader bar */
.bar-subheader {
    top: 44px;
    display: block;
    height: 52px;
    border: none!important;
    border-color: #fff;
    background-color: #fff;
}

/* button menu header bar */
.bar-stable .button.button-clear {
    border-color: transparent!important;
    background: none!important;
    box-shadow: none!important;
    color: #fff !important;
    font-size: 17px !important;
}

/* pager slider home */
.with-my-pager span.slider-pager-page {
    color: #fff!important;
    font-size: 9px!important;
}

.with-my-pager .slider-pager {
    position: absolute!important;
    top: 8px!important;
    z-index: 1!important;
    width: 100%!important;
    height: 15px!important;
    text-align: center!important;
}

.tab-item .icon {
    display: block!important;
    margin: 0px!important;
    height: 24px!important;
    font-size: 23px!important;
    margin-top: 1px!important;
}


/* color footer bar */
.home-footer {
    background-color:#8c4444!important;
    color:#0068AA!important;
    font-size:15px!important;
    background-size:0px!important;
}

/* color icon footer bar */
.icon-bottom {
    color: #ffffff!important;
    opacity: 1!important;
    font-size: 10px!important;
    text-transform: uppercase;
}

 /* color modal header bar */
.modal-header {
    background-color: #ffffff!important;
    font-weight: bold!important;
}

.header-home {
    background-color: #a7beba !important;
    font-weight: bold !important;
    padding: 0px;
    border-bottom-width: 0px;
}

 /* color titolo modal header bar */
.modal-title {
    text-align:center!important;
    right:0px!important;
    color: #0068AA!important;
    left:0px!important;
}

.home-title {
    text-align: center!important;
    /* right: 0px!important; */
    color: #0068AA!important;
    /* left: 0px!important; */
    height: 80px!important;
    margin-left: 0px!important;
    margin-right: 0px!important;
}

.button-color{
    color: #0068AA!important;
}

.menu {
    position: absolute!important;
    top: 0!important;
    bottom: 0!important;
    z-index: 0!important;
    overflow: hidden!important;
    min-height: 100%!important;
    max-height: 100%!important;
    width: 200px !important;
    background-color: #ffffff !important;
}

.menu-text{
    color: #000!important;
    /* font-weight: bold!important; */
    font-size: 14px!important;
    font-family: Arial!important;
    overflow: initial!important;
    white-space: inherit!important;
    text-align: left!important;
    /*width: 102px!important;*/
    padding-left: 14px;
}

.item-complex .item-content, .item-radio .item-content {
    position: relative!important;
    z-index: 2!important;
    padding: 16px 0px 16px 0px!important;
    border: none!important;
    background-color: #ffffff !important;
}

.icon-font{
 font-size:25px!important;
}

/*.item {
    border-color: #f2f2f2;
    background-color: #fff;
    color: #444!important;
    position: relative!important;
    z-index: 2!important;
    display: block!important;
    margin: 1px!important;
    padding: 1px;
    border-width: 1px;
    border-style: solid;
}*/

/*.item {
	border-bottom: none;
	border-top: none;
    border: 0px;
}*/

/* icon account */
.icon-round {
    background-color: #0068AA;
    color: #ffffff;
    padding: 3px 6px 3px 6px;
    border-radius: 5px;
    margin-right: 10px;
}

.list-format-padding {
    padding: 16px 7px 2px 7px;
    background-color: #efefef;
    margin-top:0px!important;
    margin-bottom:0px!important;
}

.list-format-padding-foto {
    padding: 1px 0px 0px 0px;
    background-color: #efefef;
}

.b-red{
 border-bottom:3px solid #8c4444;
}

.captionbox-one {
    /*float: left;*/
    margin: 0;
    padding: 0;
    font-size: 13px;
    position: relative;
    overflow: hidden;
}

.captionbox-one img {
    margin: 0;
    padding: 0;
    float: left;
    border: 0px;
    width: 100%;
}

.captionbox-one span {
    position: absolute;
    left: 0;
    bottom: 0;
    /* background: #ededed; */
    /* background: rgba(0,0,0,0.3); */
    color: maroon;
    margin: 0px;
    padding: 10px 8px 19px 0px;
    width: 100%;
    text-align: left;
    font-size: 14px;
}

.captionbox-one span p {
    font-size: 14px;
    color: #fff!important;
    display: block;
    text-align: left;
    margin: 0px;
    top: -50%!important;
    position: absolute;
    padding: 3px;
    background-color: #000;
}

.captionbox-one span b {
    font-size: 14px;
    color: #fff;
    display: block;
    text-align: left;
    margin: 0px;
}

.captionbox-one span strong {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 13px;
    display: block;
    color: #fff;
    padding-bottom: 5px;
    text-align: left;
}

.list {
    position: relative!important;
    padding-top: 0px!important;
    padding-bottom: 0px!important;
    padding-left: 0!important;
    margin-bottom: -6px!important;
}

h2.titolo-events {
    padding: 0px!important;
    margin: 0px!important;
    font-size:18px;
    margin-top: 6px!important;
}

h4.red{
    color: #8c4444;
    font-size: 12px;
    font-weight: bolder;
    margin: 5px;
}

.item-menu-style-one{
    background-color:#222222!important;
    border:none!important;
    margin-top:-1px!important;
    margin:0px!important;
    margin-bottom:2px!important;
}

.item-menu-style{
    background-color:#222222!important;
    border:none!important;
    margin:0px!important;
    margin-bottom:2px!important;
}

.item-menu-style-click{
    background-color:#222222!important;
    border:none!important;  
    padding: 16px 0px 16px 0px!important;
    margin:0px!important;
    margin-bottom:2px!important;
}

.contact-font-icon{
    font-size: 30px;
}

.contact-font-text {
    font-size: 12px;
}

a.contact-a-font {
    color: #000;
    text-decoration: none;
}

#idphoto {
width: 100%; height: 100%; top: 0; left: 0;
background: url(../img/connection.jpg) no-repeat center top; position: fixed; z-index: -1;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

.combo-prenotazine{
   font-family:Raleway;
   font-size:24px!important;
   background-color:#fff!important;
   color:#0068AA!important;
   width:100%!important;
   text-align:center!important;
   margin-top: 5px!important;
   width:100%;
   border: 1px solid #eaeaea;
}

.item-divider-notification {
    padding-top: 8px;
    padding-bottom: 8px;
    min-height: 30px;
    background-color:#ffffff;
    color: #000;
    font-weight: 500;
}

.height-slider {
    padding-top: 8px;
    height:185px!important;
}

.wide-as-needed2 {
  overflow: scroll!important;
  white-space: nowrap!important;
}

.scroll-news-list{
    color: #7e7e7e!important;
    /*font-size: 7px!important;
    font-weight: 500!important;
    text-decoration: none!important;
    text-transform: none!important;*/
    /*padding: 6px 15px 2px 15px!important;*/
    display: inline-block!important;      
    font-family:Raleway!important;
    /*margin-right: 6px!important;*/
    background-color:#ffffff;
}

.scroll-list-news {
    margin-top: 3px!important;
}

.foto_sliders_sport{
    width: 119px;
    margin-top: 0px;
    border-radius: 15px;
    border: 3px solid #0076be;
} 

.image-select {
    width: 125px;
    margin-top: 2px;
    border-radius: 15px;
    border: 3px solid #cf4224;
}

.text-proposte{
    height: 33px;
    font-size: 14px;
    color: #0068aa;
}

.div-title-section{
     background-color: #ffffff;
     margin-top: 8px!important;
     background-image: linear-gradient(to bottom, #ffffff 0%, #FFFFFF 100%), linear-gradient(to bottom, #0068aa 0%, #0068aa 100%);
     background-clip: content-box, padding-box;
     padding: 0px;
}

.div-title-section-top{
     background-color: #ffffff;
     margin-top: 8px!important;
     background-image: linear-gradient(to bottom, #ffffff 0%, #FFFFFF 100%), linear-gradient(to bottom, #0068aa 0%, #0068aa 100%);
     background-clip: content-box, padding-box;
     padding: 0px;
}


.div-section-border{
     background-color: #ffffff;
     margin-top: -1px!important;
     background-image: linear-gradient(to bottom, #ffffff 0%, #FFFFFF 100%), linear-gradient(to bottom, #0068aa 0%, #0068aa 100%);
     background-clip: content-box, padding-box;
     padding: 0px
}

.flex-content {
  margin: 0px auto;
  width: 100%;
  height: 100%;
  display: flex; /* Magic begins */
  flex-direction: column;
  justify-content: center; /* Center in main axis */
  align-items: center; /* Center in cross axis */
}
#photo-fullscreen {
  max-width: 100%;
  max-height: 100%
}

.icon-color-blue {
    font-size: 20px;
    color: #000 !important;
    margin-right: 10px;
} 

.swiper-pagination-bullet-active{
      opacity: 1!important;
}

.name-piatto{
    /*font-size: 18px;
    text-transform: uppercase;
    color: #0068AA;
    font-family: TradeGothic !important;*/
    font-size: 16px;
    text-transform: uppercase;
    color: #000;
    font-family: GothamMedium !important;
}

.swiper-pagination-bullet{
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #0068AA!important;
    opacity: 0.2
}

.top-home{
    /*background-color: #0068AA;
    top: 320px!important;
    border-top: 4px solid #0068AA;*/
    background-color: #ffffff;
    /*top: 358px !important;*/
    top:432px!important;

    border-top:1px solid #8d1518;
}

.platform-ios .menu-slider-height{
    height:90vh;
}

.button-color{
    color: #0068AA!important;
}

.item-note {
    /*float: right;
    color: #0068AA;
    font-size: 17px;
    font-weight: bold;
    font-family:TradeGothic!important;*/
    float: right;
    color: #246F30;
    font-size: 17px;
    font-weight: initial;
    font-family: GothamMedium !important;
}

.item-descrizione {
      /*color: #0068AA;
      font-family:TradeGothicLt18!important;
      font-size:17px;*/
      color: #4a4a4a;
      font-family: Raleway !important;
      font-size: 16px;
}


.item-articolo-2 {
    color: #0068AA;
    font-size: 25px;
    line-height: 1.6;
}
 
.button.button-energized {
    border-color: transparent;
    background-color: #0068AA;
    color: #fff!important;
}

.button.button-energized.active, .button.button-energized.activated {
    border-color: #0068AA;
    background-color: #0068AA;
}

.image-header {max-height: 279px;}

.text-default {
    /*color: #0068aa;
    font-family: GothamMedium !important;
    font-weight: lighter;
    font-size: 24px;
    margin-top: 0px;
    line-height: 1.2;*/
    color: #817e7e;
    font-family: GothamMedium !important;
    font-weight: lighter;
    font-size: 19px;
    margin-top: 0px;
    line-height: 1.2;
    font-style: initial;
    text-transform: uppercase;
    padding: 13px 10px 13px 10px;
}

.text-select {
    color: #fff !important;
    font-family: GothamMedium !important;
    font-weight: lighter;
    font-size: 20px;
    margin-top: 0px;
    line-height: 1.2;
    border-bottom: 0px solid #fdaa02;
    background-color: #841a1a;
    padding: 13px 10px 13px 10px;
}

.titolo-ristorante {
    position: absolute;
    top:28%;
    border-radius: 5px;
    font-size: 14px;
    font-family: GothamMedium!important;
    width: 60%;
    margin-top: 0px;
    margin-left: 12px;
    margin-right: auto;
    display: block;
    left: 0%;
    text-align: center;
}

.content-bottom{
    margin-bottom:49px;
}

.margin-top-row{
    margin-top: 25px;
}

.home-header-text-card {
    padding-top: 8px;
    padding-left: 0px;
    color: #fff;
    font-weight: normal;
    padding-right: 11px;
}

.select-full-width {
    width: 100%!important;
    background-color: #fff;
    border: solid;
    padding-left: 2px!important;
    padding-right: 2px!important;
    padding-top: 2px!important;
    padding-bottom: 2px!important;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    border-width: 1px;
    border: 1px solid #f2f2f2 !important;
}

.margin-title-top{
margin-left: 20%;
margin-right: 20%;
}

.font-title-home{font-size: 25px;}

.width-bandierine{
    width:50px;
}

.font-cat{ font-size: 20px!important;}

.img-fit {
    width: 150px;
    margin-right: 13px;
    height: 150px;
    object-fit: cover;
    border-radius: 88px;
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 680px) {
   .item-restaurant-img-contact {width: 100%;}
   .image-header { 
       max-height: 190px!important;
       min-height: 190px!important;
   }
   .top-home {background-color: #ffffff;top: 328px!important;border-top:1px solid #8d1518;}
   .margin-title-top{
         margin-left: 6%;
        margin-right: 6%;
    }

.titolo-ristorante {
        position: absolute;
        top:6%;
        border-radius: 5px;
        font-size: 14px;
        font-family: GothamMedium!important;
        width: 88%;
        margin-top: 0px;
        /*margin-left: 12px;*/
        margin-right: auto;
        display: block;
        left: 0%;
        text-align: center;
    }

    .font-title-home{font-size: 17px;}

    .item-descrizione {
        color: #4a4a4a;
        font-family: Raleway !important;
        font-size: 12px;
    }

    .name-piatto{
        font-size: 13px;
        text-transform: uppercase;
        color: #000;
        font-family: GothamMedium !important;
        font-weight: inherit;
    }

    .item-note {
        float: right;
        color: #246F30;
        font-size: 12px;
        font-weight: initial;
        font-family: GothamMedium !important;
    }

    .width-bandierine{
        width:40px;
    }

   .category {
    color: #7e7e7e;
    font-size: 16px;
    font-weight: bolder;
    text-decoration: none;
    text-transform: capitalize;
    padding: 0px;
    display: inline-block;
    min-width: 150px;
    text-align: center;
   }

    .text-default {
        color: #817e7e;
        font-family: GothamMedium !important;
        font-weight: lighter;
        font-size: 15px;
        margin-top: 0px;
        line-height: 1.2;
        font-style: initial;
        text-transform: uppercase;
        padding: 13px 10px 13px 10px;
    }

    .font-cat{ font-size: 15px!important;}

    .img-fit {
        width: 80px;
        margin-right: 13px;
        height: 80px;
        object-fit: cover;
    }
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
    .item-restaurant-img-contact {width: 100%;}
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
    .item-restaurant-img-contact { width: 100%;}
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
    .item-restaurant-img-contact {width: 100%;}
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
    .item-restaurant-img-contact {width: 100%;}
} 

.group-persons{
    max-width: 29rem;
    margin: 0 auto;
    text-align: center;
    padding: 6rem 0 4rem;
    color: #414042;
}

.group-persons2{
    /*max-width: 34rem;
    margin: 0 auto !important;
    text-align: center;
    padding: 0rem 17px 0rem 34px;
    color: #414042;
    min-width: 34rem;*/
        text-align: center;
    padding: 0rem 17px 0rem 34px;
}

.group-persons-promo{
    max-width: 130rem;
    margin: 0 auto !important;
    text-align: center;
    padding: 3rem 5px 3rem 5px;
    color: #414042;
    min-width: 48rem;
}

.group-title{
    max-width: 70rem;
    margin: 0 auto;
    text-align: center;
    padding: 1.5rem 0 0;
    color: #414042;
}

.group-calendar{
    max-width: 60rem;
    margin: 0 auto;
    text-align: center;
    padding: 1.5rem 0 0;
    color: #414042;
}

.progress-section {
    position: relative;
    padding: 0.5rem 0;
    text-align: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-around;
    justify-content: space-around;
}

.progress-section .step {
    min-width: 20%;
    cursor: pointer;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
}

.progress-section .number {
    color: #c29626;
    line-height: 1;
}

.progress-section .number, .progress-section .title {
    font-size: 1.2rem !important;
}

.progress-section .step.active .title {
    color: #414042;
}

.progress-section .title {
    margin-left: 1rem;
    padding-left: 1rem;
    border-left: 2px solid #ac9456;
    color: #d1d3d4;
    line-height: 1;
}

.page-title {
    font-size: 2.5rem  !important;
    text-align: center;
}

.page-text-promo {
    font-size: 2.5rem !important;
    text-align: center;
}

.footnote {
    font-size: 1.1667rem;
    line-height: 1.8;
}

.persons-select {
border: 2px solid #c29626!important;
}

.monthview-disabled {
    background-color: #f3f3f3;
    pointer-events: none;
    cursor: default;
    text-decoration: none;
    color: black;
    border: 0px !important;
}

.btn-format {
    background: #151313 !important;
    border-color: #111 !important;
    color: #fff !important;
    min-width: 150px;
}

.spinner svg {
    width: 80px!important;
    height: 80px!important;
}

.loading-container .loading {
    padding: 20px;
    border-radius: 5px;
    background-color:transparent!important;
    color: #fff !important;
    text-align: center;
    text-overflow: ellipsis;
    font-size: 15px;
}

.hide-div{
    display:none!important;
}

.format-finalize {
    text-align:left;
    font-size: 17px!important;
}

.format-finalize-title {
    text-align:left;
    font-size:20px!important;
}

.chk_privacy{
    width: 95%;
    float: left;
    margin-top: 2px;
    font-weight: bold;
    font-size: 15px;
}

.align-info {
    float: left;
    margin-right: 20px;
    margin-top: 5px;
    margin-left: 24%;
}  

.times-waiting {
    color: #7e7e7e!important;
    font-size: 16px!important;
    font-weight: bolder!important;
    text-decoration: none!important;
    text-transform: capitalize!important;
    padding: 0px!important;
    display: inline-block!important;
    min-width: 4.00rem!important;
    text-align: left!important;
    border: 1px solid #d2d2d2!important;
    padding: 0!important;
    margin-right: 10px!important;
    margin-bottom: 10px!important;
    min-width: 100%!important;
    max-width: 100%!important;
 }

.times-waiting-time{
    float: left;
    padding-left: 20px;
    padding-top: 5px;
    margin-bottom: 0px;
}

.times-waiting-text{
    float: right;
    padding-right: 30px;
    padding-top: 5px;
    color: #c69310;
    font-weight: bold;
}

 /* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
  .event-detail,.monthview-dateCell {
    cursor: pointer;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
 }

  .page-title {
    font-size: 1.6rem !important;
    text-align: center;
  }

.page-text-promo {
    font-size: 2rem !important;
    text-align: center;
}

  .group-title {
    max-width: 70rem;
    margin: 0 auto;
    margin-top: 0px;
    text-align: center;
    padding: 1.5rem 11px 0!important;
    color: #414042;
}

.group-calendar {
    max-width: 24rem!important;
    margin: 0 auto!important;
    margin-top: 0px!important;
    text-align: center!important;
    padding: 1.5rem 0px 0!important;
    color: #414042!important;
}

.group-persons2 {
    /*max-width: 34rem;
    margin: 0 auto !important;
    text-align: center;
    padding: 0rem 17px 0rem 34px;
    color: #414042;
    min-width: 34rem;*/
        text-align: center;
    padding: 0rem 17px 0rem 34px;
}

.group-persons-promo{
    max-width: 48rem;
    margin: 0 auto !important;
    text-align: center;
    padding: 0rem 5px 0rem 5px;
    color: #414042;
    min-width: 48rem;
}

.times {
    color: #7e7e7e!important;
    font-size: 16px!important;
    font-weight: bolder!important;
    text-decoration: none!important;
    text-transform: capitalize!important;
    /*padding: 0px!important;*/
    display: inline-block!important;
    min-width: 80%!important;
    text-align: center!important;
    border: 1px solid #d2d2d2!important;
    padding: 6px!important;
    margin-right: 10px!important;
    margin-bottom: 10px!important;
    /*min-width: 120px!important;
    max-width: 120px!important;*/
 }

  .group-persons {
    max-width: 29rem;
    margin: 0 auto;
    text-align: center;
    padding: 3rem 29px 4rem !important;
    color: #414042;
  }

   .group-account {
    max-width: 48rem;
    margin: 0 auto;
    text-align: center;
    padding: 1rem 4px 1rem !important;
    color: #414042;
  }

  .format-finalize {
    text-align:left;
    font-size: 17px!important;
  }

.format-finalize-title {
  text-align:left;
  font-size:18px!important;
}

.chk_privacy{
    width: 87%;
    float: right;
    margin-top: 2px;
    font-weight: bold;
    font-size: 15px;
    text-align: right;
    margin-left: 20px;
}

input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], select:focus, textarea {
    font-size: 16px;
}

.align-info {
  float: left!important;
  margin-right: 20px!important;
  margin-top: 5px!important;
  /*margin-left: 15%!important;*/
}  

}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
    .event-detail,.monthview-dateCell {
    cursor: pointer;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
 }

  .page-title {
    font-size: 1.7rem !important;
    text-align: center;
  }

  .page-text-promo {
    font-size: 2rem !important;
    text-align: center;
}

   .group-title {
    max-width: 70rem;
    margin: 0 auto;
    margin-top: 0px;
    text-align: center;
    padding: 1.5rem 11px 0!important;
    color: #414042;
}


.group-calendar {
    max-width: 31rem!important;
    margin: 0 auto!important;
    margin-top: 0px!important;
    text-align: center!important;
    padding: 1.5rem 0px 0!important;
    color: #414042!important;
  }

.group-persons2 {
    /*max-width: 34rem;
    margin: 0 auto !important;
    text-align: center;
    padding: 0rem 17px 0rem 34px;
    color: #414042;
    min-width: 34rem;*/
        text-align: center;
    padding: 0rem 17px 0rem 34px;
}

.group-persons-promo{
    max-width: 48rem;
    margin: 0 auto !important;
    text-align: center;
    padding: 0rem 5px 0rem 5px;
    color: #414042;
    min-width: 48rem;
}

.times {
    color: #7e7e7e!important;
    font-size: 16px!important;
    font-weight: bolder!important;
    text-decoration: none!important;
    text-transform: capitalize!important;
    /*padding: 0px!important;*/
    display: inline-block!important;
    min-width: 80%!important;
    text-align: center!important;
    border: 1px solid #d2d2d2!important;
    padding: 6px!important;
    margin-right: 10px!important;
    margin-bottom: 10px!important;
    /*min-width: 120px!important;
    max-width: 120px!important;*/
 }

  .group-persons {
    max-width: 29rem;
    margin: 0 auto;
    text-align: center;
    padding: 3rem 29px 4rem !important;
    color: #414042;
  }

    .group-account {
    max-width: 48rem;
    margin: 0 auto;
    text-align: center;
    padding: 15px 29px 15px !important;
    color: #414042;
  }

  .format-finalize {
    text-align:left;
    font-size: 17px!important;
  }

 .format-finalize-title {
    text-align:left;
    font-size:20px!important;
 }

.chk_privacy{
    width: 87%;
    float: right;
    margin-top: 2px;
    font-weight: bold;
    font-size: 15px;
    text-align: right;
    margin-left: 20px;
}

input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], select:focus, textarea {
    font-size: 16px;
}

.align-info {
  float: left!important;
  margin-right: 20px!important;
  margin-top: 5px!important;
  margin-left: 29%!important;
}

}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
  .event-detail,.monthview-dateCell {
    cursor: pointer;
    padding-top: 25px !important;
    padding-bottom: 25px !important;
 }

   .page-title {
    font-size: 2.2rem !important;
    text-align: center;
 }

   .page-text-promo {
    font-size: 2.5rem !important;
    text-align: center;
}

   .group-calendar {
    max-width: 42rem!important;
    margin: 0 auto!important;
    margin-top: 0px!important;
    text-align: center!important;
    padding: 1.5rem 0px 0!important;
    color: #414042!important;
  }

.group-persons2 {
    /*max-width: 34rem;
    margin: 0 auto !important;
    text-align: center;
    padding: 0rem 17px 0rem 34px;
    color: #414042;
    min-width: 34rem;*/
        text-align: center;
    padding: 0rem 17px 0rem 34px;
 }

.group-persons-promo{
    max-width: 130rem;
    margin: 0 auto !important;
    text-align: center;
    padding: 3rem 5px 3rem 5px;
    color: #414042;
    min-width: 48rem;
}


.times {
color: #7e7e7e!important;
    font-size: 18px!important;
    font-weight: bolder!important;
    text-decoration: none!important;
    text-transform: capitalize!important;
    /* padding: 6px!important; */
    display: inline-block!important;
    min-width: 70%!important;
    text-align: center!important;
    border: 1px solid #d2d2d2!important;
    padding: 6px!important;
    margin-right: 10px!important;
    margin-bottom: 10px!important;
    /*min-width: 178px!important;
    max-width: 178px!important;*/
 }

.group-persons {
    max-width: 29rem;
    margin: 0 auto;
    text-align: center;
    padding: 5rem 0 4rem!important;
    color: #414042;
}

.group-account {
    max-width: 48rem;
    margin: 0 auto;
    text-align: center;
    padding: 16px 16px 16px!important;
    color: #414042;
}

.chk_privacy{
    width: 87%;
    float: left;
    margin-top: 2px;
    font-weight: bold;
    font-size: 15px;
}

 .format-finalize-title {
    text-align:left;
    font-size:27px!important;
 }

 input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], select:focus, textarea {
    font-size: 16px;
}

 .align-info {
  float: left!important;
  margin-right: 20px!important;
  margin-top: 5px!important;
  margin-left: 35%!important;
}

}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
  .event-detail,.monthview-dateCell {
    cursor: pointer;
    padding-top: 25px !important;
    padding-bottom: 25px !important;
 }

    .page-title {
    font-size: 2.3em !important;
    text-align: center;
 }

 .page-text-promo {
    font-size: 2.5rem !important;
    text-align: center;
}

.group-calendar {
    max-width: 57rem!important;
    margin: 0 auto!important;
    margin-top: 0px!important;
    text-align: center!important;
    padding: 1.5rem 0px 0!important;
    color: #414042!important;
}

.group-persons2 {
    /*max-width: 34rem;
    margin: 0 auto !important;
    text-align: center;
    padding: 0rem 17px 0rem 34px;
    color: #414042;
    min-width: 34rem;*/
        text-align: center;
    padding: 0rem 17px 0rem 34px;
 }

.group-persons-promo{
    max-width: 130rem;
    margin: 0 auto !important;
    text-align: center;
    padding: 3rem 5px 3rem 5px;
    color: #414042;
    min-width: 48rem;
}

.times {
    color: #7e7e7e!important;
    font-size: 18px!important;
    font-weight: bolder!important;
    text-decoration: none!important;
    text-transform: capitalize!important;
    /* padding: 6px!important; */
    display: inline-block!important;
    min-width: 50%!important;
    text-align: center!important;
    border: 1px solid #d2d2d2!important;
    padding: 6px!important;
    margin-right: 10px!important;
    margin-bottom: 10px!important;
    /*min-width: 178px!important;
    max-width: 178px!important;*/
 }

.group-persons {
    max-width: 29rem;
    margin: 0 auto;
    text-align: center;
    padding: 5rem 0 4rem!important;
    color: #414042;
}

.group-account {
    max-width: 48rem;
    margin: 0 auto;
    text-align: center;
    padding: 16px 0 16px!important;
    color: #414042;
}

.chk_privacy{
    width: 87%;
    float: left;
    margin-top: 2px;
    font-weight: bold;
    font-size: 15px;
}

 .format-finalize-title {
    text-align:left;
    font-size:27px!important;
 }

 input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], select:focus, textarea {
    font-size: 16px;
}

  .align-info {
  float: left!important;
  margin-right: 20px!important;
  margin-top: 5px!important;
  margin-left: 35%!important;
}

}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
  .event-detail,.monthview-dateCell {
    cursor: pointer;
    padding-top: 25px !important;
    padding-bottom: 25px !important;
 }

  .page-title {
    font-size: 2.5rem !important;
    text-align: center;
 }

.page-text-promo {
    font-size: 2.5rem !important;
    text-align: center;
}

 .group-calendar {
    max-width: 67rem!important;
    margin: 0 auto!important;
    margin-top: 0px!important;
    text-align: center!important;
    padding: 1.5rem 0px 0!important;
    color: #414042!important;
 }

 .group-persons2 {
    /*max-width: 34rem;
    margin: 0 auto !important;
    text-align: center;
    padding: 0rem 17px 0rem 34px;
    color: #414042;
    min-width: 34rem;*/
        text-align: center;
    padding: 0rem 17px 0rem 34px;
  }

.group-persons-promo{
    max-width: 130rem;
    margin: 0 auto !important;
    text-align: center;
    padding: 3rem 5px 3rem 5px;
    color: #414042;
    min-width: 48rem;
}

 .times {
    color: #7e7e7e!important;
    font-size: 18px!important;
    font-weight: bolder!important;
    text-decoration: none!important;
    text-transform: capitalize!important;
    padding: 0px!important;
    display: inline-block!important;
    min-width: 50%!important;
    text-align: center!important;
    border: 1px solid #d2d2d2!important;
    padding: 6px!important;
    margin-right: 10px!important;
    margin-bottom: 10px!important;
    /*min-width: 178px!important;
    max-width: 178px!important;*/
 }

 .group-persons {
    max-width: 29rem;
    margin: 0 auto;
    text-align: center;
    padding: 5rem 0 4rem!important;
    color: #414042;
  }

  .group-account {
    max-width: 48rem;
    margin: 0 auto;
    text-align: center;
    padding: 16px 0 16px!important;
    color: #414042;
  }

 .chk_privacy{
    width: 87%;
    float: left;
    margin-top: 2px;
    font-weight: bold;
    font-size: 15px;
}

  .format-finalize-title {
    text-align:left;
    font-size:27px!important;
  }

  input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], select:focus, textarea {
    font-size: 16px;
}

   .align-info {
  float: left!important;
  margin-right: 20px!important;
  margin-top: 5px!important;
  margin-left: 35%!important;
}

} 

button:focus {
    outline: 1px dotted;
   /*outline: 5px auto -webkit-focus-ring-color;*/
}

.angle-calendar-format {
    font-size: 26px;
    margin: 0;
    padding: 5px;
}

.calendar-header {
    padding-top: 11px!important;
}
.calendar-header, .no-event-label {
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    font-size: 22px!important;
}

#mdb-preloader.loaded {
  opacity: 0;
  transition: .2s ease-in 5s;
}