/*

Tooplate 2121 Wave Cafe

https://www.tooplate.com/view/2121-wave-cafe

*/
/* width */
::-webkit-scrollbar {width: 5px;}
/* Handle */
::-webkit-scrollbar-thumb {background: #9d9d9d; border-radius: 10px;}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {background: #d9d9d9;}
html { scroll-behavior: smooth; }
body {margin: 0;padding: 0;font-family: 'Open Sans', Arial, Helvetica, sans-serif;font-size: 16px;overflow-x: hidden;background-image: url("../img/network.png");background-size: cover;}
ul {padding: 0;margin: 0;}
nav > ul > li { list-style: none; }
a {color: #3CF;text-decoration: none;transition: all 0.3s ease; }
p {  margin-top: 15px;}
h2 { margin-top: 0; }
.tm-container { padding: 30px; }
.tm-row {display: flex;justify-content: space-between;}
.tm-left,
.tm-right {width: 50%;}
.featured img {width: 98%;}
.tm-site-header {background-color: white;color: #099;width: 100%;/* height: 160px;  *//* display: flex; *//* align-items: center; *//* justify-content: center;    */text-align: center;}
.tm-site-header img {max-width: 128px;width: 100%;display: inline-block;vertical-align: middle;padding: 15px;}
.tm-site-logo { margin-right: 30px; }
.tm-site-name {font-size: 2.2rem;font-style: italic; display: inline-block;   }
.tm-left-inner {/*max-width: 500px;*//* position: fixed;*/width: 98%;}
.tm-site-nav-ul {display: flex;flex-wrap: wrap;justify-content: space-between;}
.tm-page-nav-item {width: 25%; padding: 6px 3px;box-sizing: border-box;}
.tm-page-link {/* min-width: 240px; *//* height: 50px; */background-color: white;color: #099;/* display: flex; */text-decoration: none;/* align-items: center; */font-size: 1.2rem;display: block;padding: 5px 0;}
.tm-page-link:hover,
.tm-page-link.active {background-color: #099;color: white;}
.tm-page-link-icon {/* margin-right: 25px; *//* margin-left: 25px; */margin: 0 5px;font-size: 1.2rem;}
.tm-black-bg {/*background-color: rgba(0,0,0,0.6);*/color: white;}
.tm-drinks-nav > ul > li { display: inline-block; width: 33%;text-align: center;}
.tm-drinks-nav > ul > li > a {color: white;font-size: 1.2rem;padding-top: 15px;padding-bottom: 5px;border-bottom: 3px solid transparent;}
.tm-drinks-nav { height: 80px; }
.tm-main { max-width: 660px; }
.tm-drinks-nav > ul {display: flex;align-items: center;justify-content: space-around;height: 100%;width: 100%;}
.tm-drinks-nav > ul > li a.active,
.tm-drinks-nav > ul > li a:hover {color: #96FEFF;border-bottom: 4px solid #96FEFF;}
.tm-list-item {display: flex;align-items: center;justify-content: space-between;margin-top: 20px;background-color: rgba(0,0,0,0.6);}
.tm-list-item-2 { align-items: flex-start; }
.tm-list-item-img {margin-right: 8px;width: 160px;height: 160px;background-color: #099;vertical-align: middle;}
.tm-list-item-img-big {margin-right: 25px;width: 200px;height: 200px;}
.tm-list-item-text {padding: 0;flex: 1;}
.tm-list-item-text-2 { flex: 1; }
.tm-list-item-name {display: flex;justify-content: space-between;margin: 5px 0;border-bottom: 1px solid #fff;}
.tm-special-item img {max-width: 620px;width: 100%;}
.tm-list-item-price { color: #96FEFF; margin-right: 10px; }
.tm-site-footer { padding: 5px 25px;position: fixed;bottom: 0;width: 100%;/*background-color: #000;*/}
.tm-footer-text {padding: 0;margin: 0;display: inline-block;}
.tm-footer-link { color: white; }
.tm-tab-content { animation: fadeEffect 1s; max-height: 80vh;overflow: auto;}
.tm-tab-content::-webkit-scrollbar {display: none;}
.tm-page-content { animation: fadeEffect 1s; }
.tm-text-primary { color: #3CC; }
.tm-mb-20 { margin-bottom: 20px; }
.tm-mb-30 { margin-bottom: 30px; }
.tm-img-right { margin-left: 30px; margin-right: 0;}
/* Go from zero to full opacity */
@keyframes fadeEffect {from { opacity: 0.3; }to { opacity: 1; }}
/* About */
.tm-about-box-1 { padding: 40px 30px 50px 0; }
.tm-about-box-2 { padding: 50px 40px 30px; }
.tm-about-header { /*margin-left: 220px;*/ }
/* Special */
.tm-special-items {display: flex;flex-wrap: wrap;margin: -30px -10px 0;}
.tm-special-item {margin: 10px 5px;width: 48%;box-sizing: border-box;background-color: rgba(0,0,0,0.6);}
.tm-special-item-title { font-size: 1.4rem; }
.tm-special-item-description { padding: 15px; }
.tm-special-item-description a{float: right;}
/* Contact */
.tm-contact-text-container {padding: 25px;   }
.tm-contact-form-container {width: 100%;padding: 25px;box-sizing: border-box;}
.tm-form-group { margin-bottom: 5px; }
.tm-form-control {display: block;box-sizing: border-box;width: 100%;padding: 15px; font-family: 'Open Sans', Arial, Helvetica, sans-serif;font-size: 1rem;line-height: 1.5;color: #fff;background-color: transparent;background-clip: padding-box;border: 0;border-bottom: 1px solid white;}
.tm-form-control::-webkit-input-placeholder { color: white; } /* Edge */  
.tm-form-control:-ms-input-placeholder { color: white; } /* Internet Explorer 10-11 */  
.tm-form-control::placeholder { color: white; }
.tm-btn-primary {color: #099;background-color: white;border: 0;padding: 12px 40px;font-size: 1.4rem;cursor: pointer;transition: all 0.3s ease; }
.tm-btn-primary:hover {color: white;background-color: #099;}
.tm-align-right {display: block;margin-left: auto;margin-right: 0;}
.tm-mb-30 { margin-bottom: 30px; }
@media (max-width: 1130px) and (min-width: 992px) {
    /* .tm-left-inner { max-width: 380px; } */
    .tm-site-name { font-size: 2.6rem; }
    .tm-site-logo { margin-right: 20px; }
    .tm-page-link { width: 100%; }
    .tm-page-link-icon { margin-right: 15px; }
    .tm-left { width: 45%; }
    .tm-right { width: 55%; }
    .tm-page-nav-item {width: 50%; padding: 3px 3px; box-sizing: border-box; }
}
@media (max-width: 991px) {
    .tm-left-inner { position: static; max-width: 100%;}
    .tm-left, .tm-right { width: 100%; }
    .tm-left { margin-bottom: 50px; }
    .tm-row { display: block; }.tm-main{max-width: 100%;}
}
@media (max-width: 600px) {
    .tm-page-nav-item {width: 50%; float: left; padding: 3px 3px; box-sizing: border-box; }
    .tm-site-nav-ul { display: block; }
    .tm-special-item {width: 100%;}
}
@media (max-width: 550px) and (min-width: 501px) {
    .tm-list-item-img-big {width: 160px;height: 160px;}
    .tm-about-header { margin-left: 180px; }
}
@media (max-width: 500px) {
    .tm-about-header { margin-left: 0; }
    .tm-list-item-2 { flex-direction: column; }
    .tm-about-box-1 { padding-left: 30px; }
    .tm-list-item-img-big {    margin-right: 0;    margin-bottom: 25px;}
    .tm-img-right { margin-left: 0; }
}
@media (max-width: 479px) {
    .tm-site-name { font-size: 2.6rem; }.tm-site-logo { margin-right: 20px; }
    .tm-list-item {flex-direction: column; margin-top: 40px;}
    .tm-list-item-img {margin: 15px 0;}
    .tm-drinks-nav { height: auto; }
    .tm-drinks-nav > ul {flex-direction: column;    padding: 15px;}
    .tm-drinks-nav > ul > li { margin-bottom: 10px; }.tm-drinks-nav > ul > li > a { display: block; }
}