html, body {
        width: 100%;
        height: 100%;
  font-family: 'Roboto', sans-serif;
        font-weight: 300;
      
        margin: 0;
        padding: 0;
      }
      
      body {
        background-color: #f1f1f1;
      }
      .tab-bar-container{
        width: 100%;
     /*   min-width:400px; */
     /*   min-width:300px; */
     
     /*   position: fixed;*/
        top: 0;
        left: 0;
        box-sizing: border-box;
        background-color: #3C78c8;
        color-adjust: exact; -webkit-print-color-adjust: exact; print-color-adjust: exact;
        
}
      
      .app-bar {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        
        width: 100%;
        height: 160px;
        -ms-flex-direction: row;
        -webkit-flex-direction: row;
        flex-direction: row;
        border-bottom-style: solid;
        border-width: 1px;
        border-color: rgba(255, 255, 255, 0.3);
      }
      
      h1.logo {
    text-align: center;
    text-transform: uppercase;
   
    font-size: 30px;
}

      .app-bar .logo {
        -ms-flex: 1;
        -webkit-flex: 1;
        flex: 1;
        
        /* font-size: 20px; */
        line-height: 48px;
        
        margin: 0;
        
        color: #fdfdfd;
        float: none;
        max-width: none;
      }
      .app-bar .logo a {
        text-decoration: none;
        color: inherit;
        font-weight: normal;
      }
      .app-bar button {
        width: 48px;
        height: 48px;
        
        background-image: none;
        background-color: transparent;
        
        border: none;
        padding: 0;
        margin-right: 16px;
      }
      .app-bar button img {
        width: 32px;
        height: 32px;
      }
      .app-bar-actions  {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        
        -ms-flex-direction: row;
        -webkit-flex-direction: row;
        flex-direction: row;
      }
      .search {
        display: none;
        
        width: 400px;
        height: 60px;
        
        padding: 16px;
        margin: 0;
        
        box-sizing: border-box;
        
        border: none;
      }
      .tab-bar {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        
        width: 100%;
        border-bottom-style: solid;
        border-width: 1px;
        border-color: rgba(255, 255, 255, 0.3);
        -ms-flex-direction: row;
        -webkit-flex-direction: row;
        flex-direction: row;
      }
      .tab-bar button {
        -ms-flex: 1;
        -webkit-flex: 1;
        flex: 1;
        padding: 10px 4px;
        
        border: none;
        border-right-style: solid;
        border-width: 1px;
        border-color: rgba(255, 255, 255, 0.3);
        border-radius: 0;
        background-color: transparent;
        
        color: #fdf1f1;
        -webkit-transition: background-color 0.4s ease-out;
        transition: background-color 0.4s ease-out;
        -webkit-tap-highlight-color: transparent;
      }
      .tab-bar button:hover {
        background-color: rgba(255, 255, 255, 0.1);
      }
      .tab-bar button:focus {
        background-color: rgba(255, 255, 255, 0.2);
        outline: 0;
      }
      .tab-bar button:active {
        background-color: rgba(255, 255, 255, 0.4);
        outline: 0;
      }
      .tab-bar button.selected {
        background-color: rgba(255, 255, 255, 0.4);
      }
      .tab-bar button:last-child {
        border-right-style: none;
      }
      .tab-bar button img {
        width: 32px;
        height: auto;
      }
      .tab-bar button span {
        font-size: 18px;
      }
button, input[type="submit"] {
  padding: 0.5rem;
  background: #333333;
  border: 1px solid gray;
  cursor: pointer;
}
button a {
text-decoration: none;
color: #FFF;
}
a {color:#3C78c8;}
h2 {
    color: #3C78c8;
    width: 100%;
    text-align: left;
    border-bottom: 1px solid #3C78c8;
    padding: 10px 0px;
    font-size: 28px;
}

h3, h4{font-weight:300;    font-size: 16px;
}
h5 {
color: #3C78c8;
width: 100%;
text-align: left;
border-bottom: 1px solid #3C78c8;
padding: 10px 0px;
font-size: 24px;
}
.main-content {background:#fafafa;
width:80%;
/* min-width:380px; */
min-width:320px;
margin:0 auto;
padding: 20px;
font-size:18px;
color: #333;}
.art-footer {text-align:center; 
/* min-width:380px; */
    
}
.description{
text-align:justify;
width:90%;
margin:0 auto;}

.tours  { 
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        
        width: 100%;
        
        -ms-flex-direction: row;
        -webkit-flex-direction: row;
        flex-direction: row;}
        .tours  button { 
         -ms-flex: 1;
        -webkit-flex: 1;
        flex: 1;
        padding: 10px 4px;
        
       
        border-right-style: solid;
        border-width: 1px;
        border-color: rgba(255, 255, 255, 0.3);
        border-radius: 0;
        background-color: transparent;
        
        color: #fdf1f1;
        -webkit-transition: background-color 0.4s ease-out;
        transition: background-color 0.4s ease-out;
        -webkit-tap-highlight-color: transparent;
     }
      .tours button span { 
        font-size: 18px;
      }
       .tours button:hover {
        background-color: rgba(255, 255, 255, 0.1);
      }
       .tours button.selected {
        background-color: rgba(255, 255, 255, 0.4);
      }
 .widget {
            background: #5ba4d4;
            padding-top: 30px;
            padding-bottom: 30px;
            padding-right: 30px;
            padding-left: 20px;
            width: 300px;
            max-width:80%;
            border-radius: 2px;
            color:#fff;
            text-align:center;
            margin:0 auto; 

        }

        .widget input {
            padding: 5px;
            border-radius: 2px;
            border: none;
            margin: 4px;
            width: 100%;
        }

        .check-availability {
            border: 2px solid white !important;
            background: #f50505  !important;
            color: white;
            font-weight: 600;
        }

        .datepicker-top-left, .datepicker-top-right{
            transition: none;
        }
.send {
    width: 280px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    background: linear-gradient(#F3AE0F, #fe9e00) #fe9e00;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    position: relative;
    border-radius: 4px;
    padding: 20px;
    outline: 0;
    margin: 50px 20px 0 0;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    -webkit-transition: all 0.2s ease-in-out, visibility 0s;
    -o-transition: all 0.2s ease-in-out, visibility 0s;
    transition: all 0.2s ease-in-out, visibility 0s;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    text-align: center;
    font-family: inherit;
    font-size: 32px;
    line-height:50px;
    font-style: normal;
    font-stretch: normal;
    font-weight: 500;
    letter-spacing: normal;
    white-space: nowrap;
    -webkit-tap-highlight-color: transparent;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
   height: 100px; 
   text-transform: uppercase;
}
.sendmore {
    width: 260px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    background: linear-gradient(#F3AE0F, #fe9e00) #fe9e00;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    position: relative;
    border-radius: 4px;
    padding: 10px;
    outline: 0;
    margin: 5px 20px 0 0;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    -webkit-transition: all 0.2s ease-in-out, visibility 0s;
    -o-transition: all 0.2s ease-in-out, visibility 0s;
    transition: all 0.2s ease-in-out, visibility 0s;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    text-align: center;
    font-family: inherit;
    font-size: 24px;
    line-height:60px;
    font-style: normal;
    font-stretch: normal;
    font-weight: 500;
    letter-spacing: normal;
    /*  white-space: nowrap; */
    -webkit-tap-highlight-color: transparent;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
   height: 80px; 
   text-transform: uppercase;
   
}
a.send, a.sendmore { text-decoration:none;}
.sendmore:hover, .send:hover { background: linear-gradient(#f56500, #f59500) #f5ae00; }
.sendmore:active, .send:active { background: linear-gradient(#f56500, #f5ae00) #f59500; }

.reception {
    width: 280px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    background: linear-gradient(#3C78c8, #5C98e8) #3C78c8;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    position: relative;
    border-radius: 4px;
    padding: 10px;
    outline: 0;
    margin: 5px 20px 0 0;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    -webkit-transition: all 0.2s ease-in-out, visibility 0s;
    -o-transition: all 0.2s ease-in-out, visibility 0s;
    transition: all 0.2s ease-in-out, visibility 0s;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    text-align: center;
    font-family: inherit;
    font-size: 24px;
    line-height:60px;
    font-style: normal;
    font-stretch: normal;
    font-weight: 500;
    letter-spacing: normal;
  
    -webkit-tap-highlight-color: transparent;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
   height: 80px; 
   text-transform: uppercase;
   
}
a.reception { text-decoration:none;}
.reception:hover { background: linear-gradient(#f56500, #f59500) #f5ae00; color:#fff;}
.reception:active { background: linear-gradient(#f56500, #f5ae00) #f59500; }

.lang {
   
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    background: linear-gradient(#F3AE0F, #fe9e00) #fe9e00;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    position: relative;
    border-radius: 4px;
    padding: 10px;
    outline: 0;
    margin: 5px 20px 0 0;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    -webkit-transition: all 0.2s ease-in-out, visibility 0s;
    -o-transition: all 0.2s ease-in-out, visibility 0s;
    transition: all 0.2s ease-in-out, visibility 0s;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    text-align: center;
    font-family: inherit;
    font-size: 14px;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    /*  white-space: nowrap; */
    -webkit-tap-highlight-color: transparent;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
   text-transform: uppercase;
   
}
a.lang { text-decoration:none;}

@media print {
      .tab-bar{display:none;}
      .lang{display:none;}
      .art-footer{display:none;}
      .login-form{display:none;}
      .noprint{display:none;}
      .alert-warning{display:none;}
}

@media screen and (max-width: 360px) {
  img {
    max-width:330px!important;
  }
}

.uw-whatsapp {
  position : fixed;
  bottom :20px;
  right : 4em;
  margin-Left:-20px;
  margin-Top:-20px;
  display:block;
  width:3em;
  height:3em;
  font-size:1.3em;
  color:#fff;
  text-shadow:0 1px 0 #1f4c76;
  box-shadow:0 0 0 0 rgba(90, 153, 220, 0.7), inset 0 1px 0 #abcbe9;
  border-radius:100%;
  background:#fff;
  cursor:pointer;
  background-repeat:no-repeat;
  background-size:3em 3em;
  background-image :url(/images/wa.png);
  animation:pulse 1s infinite cubic-bezier(0.6, 0, 0, 1);
}