/* invny-colors
App-Colors
Top Bar Blue: #1976D3;
global_color_blue_primary: #2196f3
global_color_blue_primary_dark: #1976d2
global_color_blue_primary_light: #bbdefb
invny Colors
Blue: #0093DD
Light Blue: #87E0FD
Lighter Blue: #BDEDFC / #DEF3F9
Orange: #FF4500
Light Orange: #F58634;
*/
@charset "utf-8";
/* CSS Document */
html, body {
	color:#000000 !important;
  /*background:#000000 !important;*/
	/*background:#F1F1F1 !important;*/ /*now given in .container-fluid*/
  overflow-y: scroll;
  overflow-x: hidden;
	scroll-behavior: smooth;
}

body::-webkit-scrollbar {
    width: 0em !important;
    background: transparent !important;
    color: #ffffff;
}

body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 0px #ffffff;
}

body::-webkit-scrollbar-thumb {
  background-color: #ffffff;
  outline: 1px solid #ffffff;
}

.container {
  max-width:1022px !important;
  height:auto;
  margin:auto;
  padding: 0px;
}

.NoDisplay {
  display: none;
}

.boxLight {
  background-color: #f1f1f1;
  color: black;
}

.boxDark {
  background-color: #999999;
  color: white;
}

.round {
  border-radius:50% !important;
}

.sticky.fixed {
    position: fixed;
    top: 0;
    color:#ffffff;
    width: 100% !important;
    height: 46px !important;
    z-index:99;
    background: #1976D3 !important;
	/*-webkit-box-shadow: -2px 2px 2px 0px #F2F2F2;
       -moz-box-shadow: -2px 2px 2px 0px #F2F2F2;
            box-shadow: -2px 2px 2px 0px #F2F2F2;*/
}

.sticky.fixed .home {
  margin-left:55px;
  margin-top:0px;
  vertical-align:middle;
}

.sticky.fixed .text {
	margin-left:10px;
	margin-top:10px;
	vertical-align:middle;
	color:#ffffff;
}

a, a:hover, a:visited {
	color:#0093DD;
}

.nav-link a, a:hover, a:visited {
	color:#000000 !important;
}

.radius3 {
  -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;
}

.box {
	padding:5px;
	margin:5px 5px 5px 0;
	float:left;
	text-align:center;
	-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;
    background:#ffffff;
    border:1px solid #cccccc;
    /*border-bottom:2px solid #0093DD;*/
	-webkit-box-shadow: -1px 1px 1px 0px #cccccc;
       -moz-box-shadow: -1px 1px 1px 0px #cccccc;
            box-shadow: -1px 1px 1px 0px #cccccc;
	/*-webkit-box-shadow: -2px 2px 2px 0px #cccccc;
       -moz-box-shadow: -2px 2px 2px 0px #cccccc;
            box-shadow: -2px 2px 2px 0px #cccccc;*/
}

.boxNew { /*Green Shade*/
    /*padding:0px;*/
    min-width: 500px;
    max-width: 500px;
    min-height: 230px;
    padding: 5px 1px;
    margin:0 10px 18px 1px;
    /* margin-bottom: 18px; */
    float:left;
    text-align:center;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
    background:#ffffff;
    border:1px solid #cccccc;
    border-top:2px solid #0F52BA;/*#0F52BA;*/
    -webkit-box-shadow: -1px 1px 1px 0px #cccccc;
       -moz-box-shadow: -1px 1px 1px 0px #cccccc;
            box-shadow: -1px 1px 1px 0px #cccccc;
    /*-webkit-box-shadow: -2px 2px 2px 0px #cccccc;
       -moz-box-shadow: -2px 2px 2px 0px #cccccc;
            box-shadow: -2px 2px 2px 0px #cccccc;*/
}

.boxReg { /*Registration Fields*/
  width:100%;
  padding:5px;
  margin:5px 0px;
  float:left;
  text-align:left;
  -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;
    background:#ffffff;
    border:1px solid #cccccc;
    /*border-bottom:2px solid #0093DD;*/
  /*-webkit-box-shadow: -1px 1px 1px 0px #f1f1f1;
       -moz-box-shadow: -1px 1px 1px 0px #f1f1f1;
            box-shadow: -1px 1px 1px 0px #f1f1f1;*/
}

.homepgboxHalf {
	/*position: relative;*/
	display: inline-block;
	padding:0px;
	margin:auto;
	text-align:center;
	vertical-align:center;
	margin:10px 0px;
	width:163px !important;/*48%;*/
	height:150px !important;
	-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;
	border:1px solid #eeeeee;
	/*-moz-box-shadow:    inset 0 0 10px #000000;
	-webkit-box-shadow: inset 0 0 10px #000000;
	box-shadow:         inset 0 0 10px #000000;*/
	-webkit-box-shadow: -1px 1px 1px 0px #cccccc;
       -moz-box-shadow: -1px 1px 1px 0px #cccccc;
            box-shadow: -1px 1px 1px 0px #cccccc;
}

.homepgbox {
	/*position: relative;*/
	padding:0px;
	margin:auto;
	text-align:left;
	margin:10px 0px;
	/*width:91%;*/
	height:100px !important;
	-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; border:1px solid #333334;/*#40E0D0*/
	/*-moz-box-shadow:    inset 0 0 10px #000000;
	-webkit-box-shadow: inset 0 0 10px #000000;
	box-shadow:         inset 0 0 10px #000000;*/
	/*-webkit-box-shadow: 0 8px 20px -6px black;
	   -moz-box-shadow: 0 8px 20px -6px black;
	        box-shadow: 0 8px 20px -6px black;*/
}

.homepgbox:hover {
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
	        box-shadow: none;
}

.homepgbox-content {
    /* position: absolute; */
    /* bottom: 0;
    left: 0; */
    padding:5px 0px;
    background:#e2e2e2;/*#00bff0;*/
    text-align:center;
    vertical-align:center;
	width:100% !important;
	font-size:14px;
	color:#000000; /*F8C937*/
	font-weight:bold;
	/*background:#333333;*/
	/*box-shadow:inset 0 0 50px black;*/
	/*-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;*/
	/*Yellow Gradient*/
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f8c937+0,f8c937+100&amp;0.03+0,0.64+100 */
	/*background: -moz-linear-gradient(top,  rgba(248,201,55,0.03) 0%, rgba(248,201,55,0.64) 100%);*/ /* FF3.6-15 */
	/*background: -webkit-linear-gradient(top,  rgba(248,201,55,0.03) 0%,rgba(248,201,55,0.64) 100%);*/ /* Chrome10-25,Safari5.1-6 */
	/*background: linear-gradient(to bottom,  rgba(248,201,55,0.03) 0%,rgba(248,201,55,0.64) 100%);*/ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#08f8c937', endColorstr='#a3f8c937',GradientType=0 ); /* IE6-9 */
	
	/*Black Gradient*/
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&amp;0.03+0,0.64+100 */
	/*background: -moz-linear-gradient(top,  rgba(0,0,0,0.03) 0%, rgba(0,0,0,0.64) 100%); /* FF3.6-15 */
	/*background: -webkit-linear-gradient(top,  rgba(0,0,0,0.03) 0%,rgba(0,0,0,0.64) 100%); /* Chrome10-25,Safari5.1-6 */
	/*background: linear-gradient(to bottom,  rgba(0,0,0,0.03) 0%,rgba(0,0,0,0.64) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#08000000', endColorstr='#a3000000',GradientType=0 ); /* IE6-9 */
}

.shopspgbox {
	position: relative;
	padding:5px;
	margin:8px;
	float:left;
	text-align:left;
	width:280px;
	height:100px;
	-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; border:1px solid #525252;
	/*-moz-box-shadow:    inset 0 0 10px #000000;
	-webkit-box-shadow: inset 0 0 10px #000000;
	box-shadow:         inset 0 0 10px #000000;*/
	/*-webkit-box-shadow: 0 8px 20px -6px black;
	   -moz-box-shadow: 0 8px 20px -6px black;
	        box-shadow: 0 8px 20px -6px black;*/
}

.shopspgbox:hover {
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
	        box-shadow: none;
}

.shopspgbox-content {
    position: absolute;
    bottom: 0;
    left: 0;
	width:97%;
	font-size:13px;
	color:#000000; /*F8C937*/
	padding:5px;
	/*background:#333333;*/
	/*box-shadow:inset 0 0 50px black;*/
	-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;
	/*Yellow Gradient*/
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f8c937+0,f8c937+100&amp;0.03+0,0.64+100 */
	/*background: -moz-linear-gradient(top,  rgba(248,201,55,0.03) 0%, rgba(248,201,55,0.64) 100%);*/ /* FF3.6-15 */
	/*background: -webkit-linear-gradient(top,  rgba(248,201,55,0.03) 0%,rgba(248,201,55,0.64) 100%);*/ /* Chrome10-25,Safari5.1-6 */
	/*background: linear-gradient(to bottom,  rgba(248,201,55,0.03) 0%,rgba(248,201,55,0.64) 100%);*/ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#08f8c937', endColorstr='#a3f8c937',GradientType=0 );*/ /* IE6-9 */
	
	/*Black Gradient*/
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&amp;0.03+0,0.64+100 */
	/*background: -moz-linear-gradient(top,  rgba(0,0,0,0.03) 0%, rgba(0,0,0,0.64) 100%);*/ /* FF3.6-15 */
	/*background: -webkit-linear-gradient(top,  rgba(0,0,0,0.03) 0%,rgba(0,0,0,0.64) 100%);*/ /* Chrome10-25,Safari5.1-6 */
	/*background: linear-gradient(to bottom,  rgba(0,0,0,0.03) 0%,rgba(0,0,0,0.64) 100%);*/ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#08000000', endColorstr='#a3000000',GradientType=0 );*/ /* IE6-9 */
}

/* .menubox {
	display:block;
	color:#000000;
	padding:0px;
	margin:0px;
	text-align:left;
	font-size:18px;
	width:99% !important;
} */

.finalorderbox {
	position: relative;
	padding:14px;
	margin:8px auto;
	float:left;
	text-align:left;
	width:90%;
	-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; border:1px solid #525252;
	/*-moz-box-shadow:    inset 0 0 10px #000000;
	-webkit-box-shadow: inset 0 0 10px #000000;
	box-shadow:         inset 0 0 10px #000000;*/
	-webkit-box-shadow: 0 8px 20px -6px black;
	   -moz-box-shadow: 0 8px 20px -6px black;
	        box-shadow: 0 8px 20px -6px black;
}

img { border:none; }
.img_i { padding:9px;
	-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; border:1px solid #525252;
	/*-moz-box-shadow:    inset 0 0 10px #000000;
	-webkit-box-shadow: inset 0 0 10px #000000;
	box-shadow:         inset 0 0 10px #000000;*/
	-webkit-box-shadow: 0 8px 20px -6px black;
	   -moz-box-shadow: 0 8px 20px -6px black;
	        box-shadow: 0 8px 20px -6px black;
}

.img_d { padding:8px; background:#525252; color:#fff;
	-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; border:1px solid #525252;
	/*-webkit-box-shadow: 0 8px 20px -6px black;
	   -moz-box-shadow: 0 8px 20px -6px black;
	        box-shadow: 0 8px 20px -6px black;*/
}

h1 {
	font-size:28px;
	font-weight:bold;
}

h2 {
	font-size:23px;
	font-weight:bold;
}

h5
{ background-color:#fee;
  color:#CC0000;
  font-size:12px;
  font-weight:bold;
  padding:10px;
  margin:0px 0px 5px 0px;
  -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;
}

h6
{ background-color:#525252;
  color:#eee;
  font-size:12px;
  padding:10px;
  margin:0px 0px 5px 0px;
  -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;
}

input[type=checkbox] {
  /* Double-sized Checkboxes */
  -ms-transform: scale(2); /* IE */
  -moz-transform: scale(2); /* FF */
  -webkit-transform: scale(2); /* Safari and Chrome */
  -o-transform: scale(2); /* Opera */
  padding: 10px;
}

input[type=submit] {
    color: #ffffff;
    background-color: #0093DD;
    border-color: #0093DD;
}

.btnBlue {
    background-color: #0093DD !important;
    border-color: #0093DD !important;
    color:#fff !important;
}

.btnBlueLight {
    background-color: #bbdefb !important;
    border-color: #bbdefb !important;
    color:#0093DD !important;
}

.btnOrange {
    background-color: #FF4500 !important;
    border-color: #FF4500 !important;
    color:#fff !important;
}

select {
    background: #ffffff;
    color: #000000;
    padding: 5px;
    border: 1px solid #999999;
    /* border-bottom: 1px;
    border-right: 1px; */
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

input, textarea {
  -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;
  border: 1px solid #999999;
}

input:focus, textarea:focus. select:focus {
  box-shadow: 0 0 5px rgba(81, 203, 238, 1);
  padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;
  border: 1px solid rgba(81, 203, 238, 1);
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
}

table {
  border-collapse: collapse;
}

table, th, td {
  border: 0px solid #cccccc;
}

.BorderTop {
  border-top: 1px solid #cccccc;
}

.BorderBottom {
  border-bottom: 1px solid #cccccc;
}

.card-header-primary {
    background: #545454 !important;
    box-shadow: none !important;
}

.btnBookBuy {
  float:right;
  padding:10px;
  margin:0px;
  cursor:pointer;
}

@media only screen and (min-width: 360px) and (max-width: 400px) {/*767*/
    .homepgboxHalf {
      /*margin:10px 0px;*/
      width:150px !important;/*48%;*/
    }
    * {
      font-size: 98%;
    }
}

@media only screen and (min-width: 360px) and (max-width: 793px) {/*767*/
  	/*.btnBookBuy {
      padding:10px !important;
    }*/
    .myMenu li {
  		width:90%;
  	}
  	.footerBox {
  		width:93%;
  	}
  	.listingBox {
  		width:93%;
  	}
    .hidden-desktop {
      display: inherit !important;
    }
    .visible-desktop {
      display: none !important;
    }
    .visible-phone {
      display: inherit !important;
    }
    .hidden-phone {
      display: none !important;
    }
    .phone-view {
        font-size: 9px !important;
    }
    .phone-width-50 {
        width: 50% !important;
    }
    .phone-width-38 {
        width: 38% !important;
    }
    .phone-width-23 {
        width: 23% !important;
    }
    .phone-width-18 {
        width: 18% !important;
    }
    .phone-width-14 {
        width: 14% !important;
    }
    .phone-full-width {
        width: 90% !important;
    }
    .phone-full-width-1 {
        width: 100% !important;
    }
    .phone-full-width-2 {
        width: 86% !important;
    }
    .phone-full-width-3 {
        width: 100% !important;
        float: left !important;
    }
    .phone-full-width-3l {
        width: 100% !important;
        /*left: 2% !important;*/
        /*float: left !important;*/
    }
}

.gender-selector input{
    margin:0;padding:0;
    -webkit-appearance:none;
       -moz-appearance:none;
            appearance:none;
    color:#ffffff;
}
.male{background-image:url(images/male.png);}
.female{background-image:url(images/female.png);}

.gender-selector input:active +.drinkcard-cc{opacity: .9;}
.gender-selector input:checked +.drinkcard-cc{
    -webkit-filter: none;
       -moz-filter: none;
            filter: none;
}
.drinkcard-cc{
    cursor:pointer;
    background-size:contain;
    background-repeat:no-repeat;
    display:inline-block;
    width:100px;height:70px;
    -webkit-transition: all 100ms ease-in;
       -moz-transition: all 100ms ease-in;
            transition: all 100ms ease-in;
    -webkit-filter: brightness(1.8) grayscale(1) opacity(.9);
       -moz-filter: brightness(1.8) grayscale(1) opacity(.9);
            filter: brightness(1.8) grayscale(1) opacity(.9);
}
.drinkcard-cc:hover{
    -webkit-filter: brightness(1.2) grayscale(.5) opacity(.9);
       -moz-filter: brightness(1.2) grayscale(.5) opacity(.9);
            filter: brightness(1.2) grayscale(.5) opacity(.9);
}

/* Extras */
/*a:visited{color:#888}
a{color:#444;text-decoration:none;}
p{margin-bottom:.3em;}*/