@font-face{
   font-family: "louis George Café";
   src:url(font/LouisGeorgeCafe.ttf);
 }

html,body
{
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    overflow-x: hidden;

}

html {
	overflow-y: hidden;
}

table {
    border-collapse: collapse;
    width: 100%;
}

th, td {
    text-align: left;
    padding: 8px;
}

tr:nth-child(even) {background-color: #f2f2f2;}

textarea
{
   font-family:"louis George Café";
   font-size: 14px;
}

html {
	position: relative;
	min-height: 100%;
}
.form {
	width: 90%;
}

#check {
	width: auto;
	margin: 0 auto;

}

.form-l {
	width: 50%;
	display: inline-block;
	float:left;
}

.form-r {
	width: 50%;
	display: inline-block;
	float:right;
}

input[type=text], select {
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    box-sizing: border-box;
}



input[type=email], select {
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    box-sizing: border-box;
}

input[type=submit] {
    width: 100%;
    background-color: #0099FF;
    color: white;
    padding: 14px 20px;
    margin: 8px 0;
    border: none;
    cursor: pointer;
}

input[type=submit]:hover {
    background-color: #33ADFF;
}


input[type=button] {
    width: 50%;
    background-color: #0099FF;
    color: white;
    padding: 14px 20px;
    margin: 8px 0;
    border: none;
    cursor: pointer;
	font-size: 14px;
}

.section input[type=button]:hover {
    background-color: #33ADFF;
}

.section input[type=text], select {
    width: 30%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    box-sizing: border-box;
}

select#dropdown {
  color: gray;
  width: 10% !important;
}


option.type {
	color: black;
}

.section input[type=tel], select {
    width: 30%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    box-sizing: border-box;
}

.section input[type=email], select {
    width: 50%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    box-sizing: border-box;
}

.section input[type=submit] {
    width: 10%;
    background-color: #0099FF;
    color: white;
    padding: 13px 20px;
    margin: 8px 0;
    border: none;
    cursor: pointer;
}

.bun input[type=text], select {
    width: 24%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    box-sizing: border-box;
}

.bun input[type=tel], select {
    width: 24%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    box-sizing: border-box;
}

.bun input[type=email], select {
    width: 24%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    box-sizing: border-box;
}

.formPartner input[type=button]:hover {
    background-color: #33ADFF;
}

.formPartner input[type=text], select {
    width: 50%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    box-sizing: border-box;
}

.formPartner input[type=tel], select {
    width: 50%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    box-sizing: border-box;
}

.formPartner textarea, select {
    width: 50%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    box-sizing: border-box;
}

.formPartner input[type=email], select {
    width: 50%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    box-sizing: border-box;
}

.formPartner input[type=submit] {
    width: 50%;
    background-color: #0099FF;
    color: white;
    padding: 13px 20px;
    margin: 8px 0;
    border: none;
    cursor: pointer;
}

.msg input[type=button]:hover {
    background-color: #33ADFF;
}

.msg input[type=text], select {
    width: 40%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    box-sizing: border-box;
}

.msg textarea, select {
    width: 80%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    box-sizing: border-box;
}

.msg input[type=tel], select {
    width: 40%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    box-sizing: border-box;
}

.msg input[type=email], select {
    width: 40%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    box-sizing: border-box;
}

.msg input[type=submit] {
    width: 50%;
    background-color: #0099FF;
    color: white;
    padding: 13px 20px;
    margin: 8px 0;
    border: none;
    cursor: pointer;
}

.industry input[type=button]:hover {
    background-color: #33ADFF;
}

.industry input[type=text], select {
    width: 17%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    box-sizing: border-box;
}

.industry input[type=email], select {
    width: 30%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    box-sizing: border-box;
}

.industry input[type=submit] {
    width: 10%;
    background-color: #0099FF;
    color: white;
    padding: 13px 20px;
    margin: 8px 0;
    border: none;
    cursor: pointer;
}


#showcase input[type=submit] {
    width: 200px;
    background-color: #0099FF;
    color: white;
    padding: 13px 20px;
    margin: 8px 0;
    border: none;
    cursor: pointer;
}

#showcase input[type=submit]:hover {
    background-color: #33ADFF;
}

body{
	margin: 0;
	padding: 0;
	font: 15px/1.5 "louis George Café";
	background: #fff;
}

ul li{
	list-style-type: none;
}

.fixed{
	width: 100%;
	margin: auto;
	position: fixed;
	background-color: #fff;
	box-shadow: 0 1px 10px 0px gray;
	z-index:1;
	top:0;
}


#topbar li{
  float:left;
  display:inline;
  padding: 0 30px 0 0px;
}

#topbar{
	background: #262626;
	min-height: 30px;
	width: 100%;
	color: #fff;
	padding: 5px 0 0 0;
}

#topbar a{
	color: #fff;
	text-decoration: none;
}
#topbar a:hover{
	color: #B0B0B0;
	text-decoration: none;
}

#topbar-hold{
	width: 80%;
	margin: auto;
	overflow: hidden;
}

#topbar-l{
	float: left;
	width: 30%
}

#topbar-r{
	float: right;

}

.topfb {
 width: 25px;
 height: 25px;
 display: inline-block;
 background:transparent url('images/fb.svg') center top no-repeat;
}

.topfb:hover {
   background-image: url('images/fb_hover.svg');
}
.toptw {
 width: 25px;
 height: 25px;
 display: inline-block;
 background:transparent url('images/twtr.svg') center top no-repeat;
}

.toptw:hover {
   background-image: url('images/twtr_hover.svg');
}

.topig {
 width: 25px;
 height: 25px;
 display: inline-block;
 background:transparent url('images/ig.svg') center top no-repeat;
 background-size: cover;
}

.topig:hover {
   background-image: url('images/ig_hover.png');
}


.topyt {
 width: 25px;
 height: 25px;
 display: inline-block;
 background:transparent url('images/yt.svg') center top no-repeat;
}

.topyt:hover {
   background-image: url('images/yt_hover.svg');
}

.hover{
	width: 80%;
	margin: auto;
	overflow: hidden;
	min-height: 64px;
}

.contact {
	margin-top: 100px;
	height: 500px;
	background: linear-gradient(
                     rgba(20,20,20, .7),
                     rgba(20,20,20, .7)),
                     url(images/about2.jpg);
	background-attachment: fixed;
	background-size: cover;
	background-position:center;

}

.contact-wrapper {
	width: 70%;
	margin: 0 auto;
}

.contact-wrapper li {
	color: #333;
}

.contact-wrapper h2 {
	color: #33adff;
	font-size: 22px;
	font-weight: bold;
	padding: 0;
}

.contact-l {
	float: left;
	text-align: left;
}

.contact-r {
	float: right;
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: #f0f0f0;
	width: 60%;
}

#bslid {
	 width: 70%;
	 padding-left: 20px;
}

#social li {
	float: left;
}

#social {
	display: inline-block;
}

.finance {
	margin-top: 100px;
	height: 600px;
	background: linear-gradient(
                     rgba(20,20,20, .7),
                     rgba(20,20,20, .7)),
                     url(images/finance.jpg);
	background-attachment: fixed;
	background-size: cover;
	background-position:center;

}

.partner {
	margin-top: 100px;
	height: 500px;
	background: linear-gradient(
                     rgba(20,20,20, .7),
                     rgba(20,20,20, .7)),
                     url(images/partner.jpg);
	background-attachment: fixed;
	background-size: cover;
	background-position:center;

}

.salon {
	margin-top: 100px;
	height: 600px;
	background: linear-gradient(
                     rgba(20,20,20, .5),
                     rgba(20,20,20, .5)),
                     url(images/salon2.jpg);
	background-attachment: fixed;
	background-size: cover;
	background-position:center;

}

.dryclean {
	margin-top: 100px;
	height: 600px;
	background: linear-gradient(
                     rgba(20,20,20, .5),
                     rgba(20,20,20, .5)),
                     url(images/dryclean1.jpg);
	background-attachment: fixed;
	background-size: cover;
	background-position:center;

}

.about {
	margin-top: 100px;
	height: 600px;
	background: linear-gradient(
                     rgba(20,20,20, .7),
                     rgba(20,20,20, .7)),
                     url(images/about1.jpg);
	background-attachment: fixed;
	background-size: cover;
	background-position:center;

}

.merchant {
	margin-top: 100px;
	height: 500px;
	background: linear-gradient(
                     rgba(20,20,20, .3),
                     rgba(20,20,20, .3)),
                     url(images/merchant.jpg);
	background-attachment: fixed;
	background-size: cover;
	background-position:center;

}


.liquor {
	margin-top: 100px;
	height: 500px;
	background: linear-gradient(
                     rgba(20,20,20, .2),
                     rgba(20,20,20, .2)),
                     url(images/liquorcab.jpg);
	background-attachment: fixed;
	background-size: cover;
	background-position: center;

}

.bundle {
	margin-top: 100px;
	height: 400px;
	background: linear-gradient(
                     rgba(20,20,20, .2),
                     rgba(20,20,20, .2)),
                     url(images/bundlebanner.jpg);
	background-attachment: fixed;
	background-size: cover;
	background-position: center;

}

.liquor2 {
	margin-top: 100px;
	height: 300px;
	background: linear-gradient(
                     rgba(20,20,20, .2),
                     rgba(20,20,20, .2)),
                     url(images/control.jpg);
	background-attachment: fixed;
	background-size: cover;
	background-position:center;

}

.restaurant {
	margin-top: 100px;
	height: 500px;
	background: linear-gradient(
                     rgba(20,20,20, .7),
                     rgba(20,20,20, .7)),
                     url(images/res2.jpg);
	background-attachment: fixed;
	background-size: cover;
	background-position:center;

}

.bar {
	margin-top: 100px;
	height: 500px;
	background: linear-gradient(
                     rgba(20,20,20, .7),
                     rgba(20,20,20, .7)),
                     url(images/bar1.jpg);
	background-attachment: fixed;
	background-size: cover;
	background-position:center;

}

.retail {
	margin-top: 100px;
	height: 500px;
	background: linear-gradient(
                     rgba(20,20,20, .7),
                     rgba(20,20,20, .7)),
                     url(images/retail2.jpg);
	background-attachment: fixed;
	background-size: cover;
	background-position:center;

}

.container{
	width: 50%;
	margin: auto;
	overflow: hidden;
	text-align: center;
	color: white;
	padding-top: 50px;
}

.logo{
	width: 80%;
	margin: auto;
	overflow: hidden;
	text-align: center;
}

.logo li{
	padding: 20px 15px;
	display: inline;
}

.container h1{
	font-size: 40px;
}

.container q, .container p {
	font-size: 24px;
}

p {
	text-align: left;
}

#divider {
	margin: 0 auto;
	display: block;
	float: inherit;
	background-color: #ccc;
	width: 100%;
	height: 1px;
	overflow: hidden;
}

header #branding{
	float: left;
}

header #branding h1 {
	margin: 0;
	padding: 10px 0 10px 0;
	font-family:Cambria;
}

/*Position of navbar */
nav{
	width: 830px;
	float: right;
}
h3{
	color: #fff !important;
	text-transform: uppercase !important;
	font-weight: normal !important;
	font-size: 12px !important;
	margin: 0 !important;
	padding: 0 0 12 0 !important;
}
ul{
	margin: 0;
	padding: 0;
}
li.pad{
	float: left;
}
#holder li{
	color: #838080;
	text-decoration: none;
	transition: 0.1s;
}
a{
	color: #262626;
	text-decoration: none;
	display: block;
	transition: 0.1s;
}

.prod-wrap {
	margin-left: 100px;
	}

.prod a{
	color: black;
	font-size: 18px;
}

.prod hover{
	color: #333;

}

section a{
	color: #999;
	display: inline;
}

section a:hover {
	color: #33ADFF;
}

.sub-con a{
	color: #B0B0B0;
	text-decoration: none;
	display: block;
	transition: 0.1s;
}

.pad a{
	padding: 18 17 25 17;
}


#holder ul{
	width: 100%;
}

#holder ul li span{
	padding: 7 0;
}
.pad > a:hover, .using > li:hover > a {
	background: #262626;
	color: #cccccc;
}
#home ul li a:hover span{
	transition: 0.1s;
}
#about ul li a:hover span, .using > li:hover > a > span{
	border-bottom: 2px solid #003D66;
	transition: 0.1s;
}

#products ul li a:hover span, #products .using > li:hover > a > span{
	border-bottom: 2px solid #005C99;
	transition: 0.1s;
}
.sub-wrapper-prod{
	border-bottom: 5px solid #005C99;
}
.sub-wrapper-prod a:hover{
	color: #33ADFF;
	transition: 0.3s;
}

#merchant ul li a:hover span, .using > li:hover > a > span{
	border-bottom: 2px solid #007ACC;
	transition: 0.1s;
}

#finance ul li a:hover span, .using > li:hover > a > span{
	border-bottom: 2px solid #0099FF;
	transition: 0.1s;
}

#partner ul li a:hover span, .using > li:hover > a > span{
	border-bottom: 2px solid #33ADFF;
	transition: 0.1s;
}

#contact ul li a:hover span, .using > li:hover > a > span{
	border-bottom: 2px solid #66C2FF;
	transition: 0.1s;
}

.sub-wrapper-prod {
	width: 100%;
	height: auto;
	background: #262626;
	position: absolute;
	left: 0;
	padding: 40 0;
}

#holder ul li > ul{
	position: absolute;
	left: -9000;
}

#holder ul li:hover ul{
	left: 0;
}

/*Change position of products menu item*/
.sub-con{
	width: 1130px;
	margin: 0px auto;
}
.sub-1{
	float: left;
	width: 160px;
}

.sub-hol ul li a{
	padding: 8 0 8 0;
	font-size: 13px;
	transition: 0.3s;
}

.sub-2{
	padding-left: 20px;
	float: left;
	border-left: 1px solid #4D4D4D;
	padding-right: 90px;
}

.sub-3{
	padding-left: 20px;
	float: left;
	border-left: 1px solid #4D4D4D;
	padding-right: 90px;
}

.sub-4{
	padding-left: 20px;
	float: left;
	border-left: 1px solid #4D4D4D;
	padding-right: 90px;
}

.sub-5{
	padding-left: 20px;
	float: left;
	border-left: 1px solid #4D4D4D;
	padding-right: 90px;
}

.sub-6{
	float: left;
	border-left: 1px solid #4D4D4D;
	padding-left: 20px;
}

/* Showcase */
#showcase {
	margin-top: 100px;
	min-height:400px;
  	text-align:center;
  	color:#ffffff;
}

#showcase h1{
  margin-top:100px;
  font-size:55px;
  margin-bottom:10px;
}

#showcase p{
  font-size:25px;
  text-align: center;
}

/* Slideshow container */
.slideshow-container {
  position: relative;
  background: #33ADFF;
  overflow:hidden;
}

/* Slides */
.mySlides {
  display: none;
  padding: 80px;
  text-align: center;
  min-height: 20em;
}

.slid {
  display: none;
  padding: 80px;
  text-align: center;
  min-height: 20em;
}

.slides {
  display: none;
  padding: 80px;
  text-align: center;
  height: 250px;
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -30px;
  padding: 16px;
  color: #888;
  font-weight: bold;
  font-size: 20px;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

/* Position the "next button" to the left */
.prev {
  position: absolute;
  left: 0;
  border-radius: 3px 0 0 3px;
}

/* Position the "next button" to the right */
.next {
  position: absolute;
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
  color: white;
}

/* The dot/bullet/indicator container */
.dot-container {
    text-align: center;
    padding: 10px;
    background: #fff;
}

/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

/* Add a background color to the active dot/circle */
.active, .dot:hover {
  background-color: #717171;
}

/* Boxes */
#boxes{
  text-align: center;
  position: relative;
}


.centered{
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	font: Arial, Helvetica, sans-serif;
	color: #fff;
	font-weight: bold;
	font-size: 24px;
	text-shadow: 1px 1px 3px #333;
}

.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0.4;
  transition: .5s ease;
  background-color: #fff;
 }

.box:hover .overlay {
  opacity: 0;
}

#boxes .box{
  float: left;
  width: 20%;
  position: relative;
}

#boxes::after {
	content: "";
	clear: both;
	display: table;
}

.third {
	float: left;
	width: 33%;
}

/*Showcase*/

.section {
	width: 100%;
	background: #fff;
	display: inline-block;
	text-align: center;
}

.prod {
	width: 75%;
	background: #fff;
	display: inline-block;
	text-align: center;
}

.section-l {
	width: 45%;
	float: left;
	overflow: hidden;
	text-align: center;
}

.section-r {
	width: 40%;
	float: left;
	text-align: center;
	overflow: hidden;
}

.merch-r {
	width: 40%;
	float: left;
	text-align: center;
	overflow: hidden;
	padding: 30px 0px 0px 60px;
}

.section-tri {
	width: 33.33%;
	float: left;
}

.section h1, #boxes h1, .prod h1{
	color: #33ADFF;
	font-weight: bold;
	font-size: 28px;
}
.section p {
	color: #222;
	font-size: 18px;
	text-align: left;
}

h2 {
	font-size: 20px;
	color: white;
}

/*Products*/

.containProd {
  position: relative;
  display: inline-block;
  width: 32%;
}

.image {
  width: 100%;
  height: auto;
}

.ovlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: .9;
  transition: .5s ease;
  background-color: #008CBA;
}

.containProd:hover .ovlay {
  opacity: 0;
}

.text {
  color: white;
  font-size: 40px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;

}

#video {
	margin-right: 50px;
	display: inline-block;
	width: 40%;

}
#ft {
	text-align: left;
	display: inline-block;
	width:50%;

}

#btn30 {
	width: 30%;
	margin: 0 auto;
}

/*aside*/
aside {
	width: 20%;
    background: #eee;
	display: inline-block;
	float: left;
	margin-left: 20px;
}

aside a{
	padding: 10px 0 10px 18px;
}

aside a:hover {
	background: #F0F0F0;
}

.accordion {
    background-color: #eee;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
}

.active, .accordion:hover {
    background-color: #ccc;
}

.panel {
    display: none;
    background-color: white;
    overflow: hidden;
}

.breadcrumb {
	text-align: left;
	font-size: 20px;
}

.breadcrumb a {
	color: #333;
}

footer {
	padding:20px;
	margin-top: 50px;
	color:#ffffff;
	background-color:#262626;
    left: 0;
    bottom: 0;
    height: 420px;
}

#footer {
	display: block;

}

#footer-holder {
	float: left;
	width: 50%;
	margin: 0 auto;
	padding-bottom: 30px;
}

footer h4 {
	font-size: 14px;
	color: #fff;
	padding: 5px 0 5px 0;
	text-transform: uppercase;
	font-weight: normal;
	margin: 0;

}

#footer-holder ul li a{
	color: #838080;
	font-size: 14px;
}

#footer-holder ul li a:hover{
	color: #33ADFF;
}

#footer-holder-l {
	float: left;
	padding: 0 10px 0 100px;
	width: 40%;
}

#footer-holder-m {
	float: left;
	width: 40%;
}

#footer-m {
	float: left;
	width: 20%;
}

#footer-r {
	padding-left: 70px;
	float: left;
	width: 20%;
}

#divider-bot {
	margin: 0 auto;
	display: block;
	float: inherit;
	background-color: #ccc;
	width: 90%;
	height: 1px;
	overflow: hidden;
}

#footer-bot {
	padding: 10px 0 10px 0;
	display: block;
	width: 90%;
	margin: 0 auto;
	text-align: center;
}

#footer-social {
	margin-top: 20px;

}

#footer-social li{
	float: left;
}

.nav-media {
	display: none;
	width: 100%;
	position: relative;
}
.nav-media ul{
	display: block;
	background-color: #fff;
	overflow:hidden;
	margin: 0;
	padding: 0;
	-webkit-transition: max-height 0.4s;
	-ms-transition: max-height 0.4s;
	-moz-transition: max-height 0.4s;
	-o-transition: max-height 0.4s;
	transition: max-height 0.4s;
}

.nav-media ul li {
	display: inline-block;
	width: 100%;
	font-size: 14px;
}

.nav-media a {
	color: #262626;
}

.nav-media li:hover {
	background: #ccc;
}

.handle {
	width: 100%;
	background: #262626;
	text-align: left;
	box-sizing: border-box;
	padding: 20px 10px;
	cursor:pointer;
	color: white;
	display: none;
	position: relative;
}

/*Product Page*/

.prod h2 {
	color: #333;
	font-size: 20px;
}

/*jssor slider loading skin spin css*/
        .jssorl-009-spin img {
            animation-name: jssorl-009-spin;
            animation-duration: 1.6s;
            animation-iteration-count: infinite;
            animation-timing-function: linear;
        }

        @keyframes jssorl-009-spin {
            from { transform: rotate(0deg); }
            to { transform: rotate(360deg); }
        }

        /*jssor slider arrow skin 072 css*/
        .jssora072 {display:block;position:absolute;cursor:pointer;}
        .jssora072 .a {fill:#000;fill-opacity:.8;stroke:#fff;stroke-width:120;stroke-miterlimit:10;stroke-opacity:.5;}
        .jssora072:hover {opacity:.8;}
        .jssora072.jssora072dn {opacity:.4;}
        .jssora072.jssora072ds {opacity:.3;pointer-events:none;}

        /*jssor slider thumbnail skin 052 css*/
        .jssort052 .p {position:absolute;top:0;left:0;background-color:#fff;}
        .jssort052 .t {position:absolute;top:0;left:0;width:100%;height:100%;border:none;opacity:.45;}
        .jssort052 .p:hover .t{opacity:.8;}
        .jssort052 .pav .t, .jssort052 .pdn .t, .jssort052 .p:hover.pdn .t{opacity:1;}

/*bundle*/
.bun {
	background-color: #dcdcdc;
}

.opt {
	margin: 0 auto;
	width: 90%;
}

label {
	vertical-align: top;
	display: inline-block;
	
}

.bun label > input{ /* HIDE RADIO */
  visibility: hidden; /* Makes input not-clickable */
  position: absolute; /* Remove input from document flow */
}
.bun label > input + img{ /* IMAGE STYLES */
  cursor:pointer;
  border:2px solid transparent;
}
.bun label > input:checked + img{ /* (RADIO CHECKED) IMAGE STYLES */
  border:2px solid #33adff;
  border-radius: 30px;
}

/*Media Queries */

@media (max-width: 1024px) {

	.bun input[type=text], select {
    width: 100%;
	}

	.bun input[type=tel], select {
		width: 100%;
	}

	.bun input[type=email], select {
		width: 100%
	}

	.overlay {
		opacity: 0;
	}

	#footer-holder-l {
		padding: 0 10px 0 50px;
	}
	.section-tri {
	width: 100%;
	float: none;
	}
	.section-l {
	width: 100%;
	float: none;
	overflow: hidden;
	text-align: center;
	}

	.section-r {
	width: 100%;
	float: none;
	text-align: center;
	overflow: hidden;
	}

	.merch-r {
	width: 90%;
	float: none;
	margin:0 auto;
	text-align: center;
	overflow: hidden;
	padding: 10px;

	}

	#showcase input[type=submit] {
    width: 20%;
    padding: 13px ;

	}

	.container h1{
	font-size: 30px;
	}

	.container q, .container p {
	font-size: 20px;
	}

	.container{
	width: 80%;
	}

	.finance {
		height: 400px;
	}

	.liquor {
		height: 300px;
	}

	.contact{
		height: 300px;
	}

	.about {
		height: 500px;
	}

	#showcase {
		margin-top: 150px;
		min-height: 200px;
	}

	#showcase h1{
		font-size: 40px;
		margin-top: 50px;
	}
	#showcase p{
		font-size: 20px;
	}

	.mySlides {
		min-height: 150px;
	}

	.slid {
		min-height: 150px;

	}
	.merchant {
		height: 300px;
	}
}

@media (max-width: 768px) {
	#topbar, #divider, nav, #footer-holder, aside{
		display: none;
	}

	#showcase input[type=submit] {
    width: 70%;
	}

	.prod {
		width: 100%;
	}

	.prod-wrap {
		margin-left: 0;
	}

	.container h1, .section h1{
	font-size: 20px;
	}

	.container q, .container p {
	font-size: 16px;
	}

	.section-tri {
	width: 100%;
	float: none;
	}

	.section-l {
	width: 100%;
	float: none;
	overflow: hidden;
	text-align: center;
	}

	.section-r {
	width: 100%;
	float: none;
	text-align: center;
	overflow: hidden;
	}

	#footer-m, #footer-r, #footer-social {
		float: none;
		width: 100%;
		margin: 0 auto;
	}

	#prodSlid {
		height: 150px;
		overflow: hidden;
	}
	footer {
		height: 500px;
	}

	header #branding {
		float: none;
		text-align: center;
		width: 100%;
	}
	.nav-media{
		display: block;
	}
	.showing {
		max-height: 20em !important;

	}

	#video {
		width: 100%;
		display: block;
		margin: 0;
	}

	#ft {
		width: 100%;
		display: block;
	}

	.nav-media ul {
		max-height: 0;
	}
	.nav-media ul li{
		box-sizing: border-box;
		padding: 10px;
		text-align: left;
	}
	.handle {
		display: block;
	}
	.centered {
		font-size: 12px;
	}
	.section input[type=text], select {
    width: 80%;

	}

	.section input[type=tel], select {
    width: 80%;

}

	.section input[type=email], select {
    width: 80%;

	}

	.section input[type=submit] {
    width: 80%;
	}

	.formPartner input[type=text], select {
    width: 80%;

	}

	.formPartner input[type=tel], select {
		width: 80%;

	}

	.formPartner textarea, select {
		width: 80%;

	}

	.formPartner input[type=email], select {
		width: 80%;

	}

	.formPartner input[type=submit] {
		width: 80%;

	}

	#boxes .box{
	  float: none;
	  width: 100%;
	  position: relative;
	  margin-bottom: 10px;
	}

	.third {
		float: none;
		width: 100%;
	}

	.centered {
		font-size: 30px;
	}

	.contact-l {
	float: none;
	text-align: left;
	}

	.contact-r {
		float: none;
		margin-top: 10px;
		margin-bottom: 10px;
		background-color: #f0f0f0;
		width: 100%;
	}

	#showcase {
		margin-top: 100px;
	}

	#showcase h1{
		font-size: 20px;
	}
	#showcase p{
		font-size: 14px;
	}

	.text {
		font-size: 20px;
	}
	.Slides {
		min-height: 10px;
		height: 200px;
	}
	.slid {
		min-height: 10px;
	}

	#bslid {
	 width: 100%;
	 padding-left: 0;
	}

	#btn30 {
	width: 100%;
	margin: 0 auto;
	}

	.prod-wrap span {
		font-size: 12px;
	}
	.bundle {
		height: 200px;
	}
}

}