@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600);

#middle a:not(.btn) {
	text-decoration:underline; line-height: 1.2;
}
a:hover, #middle a:hover {
	text-decoration:none;
	outline:0;
}


#middle a:not(.btn) {
	text-decoration: none !important;
	color: #0000FF;
	box-shadow: inset 0 -4px 0 #DDFFDD;
	border-bottom: 1px solid #0000FF;
	transition: box-shadow 0.2s ease-in-out;
}
#middle a:not(.btn):hover {box-shadow: inset 0 -28px 0 #DDFFDD;}
#middle .bottomBtns a, #middle .bottomBtns a:hover {box-shadow: none !important; }


header {
	position:fixed; z-index:20; width:100%; left:0; min-height:120px;
}


html,body {height:100%;}
body {
	font-family:'Source Sans Pro', 'Trebuchet MS', sans-serif; font-size: 17px !important;
	background-image: url(/img/e/layout_A/swirl_pattern.png);
}
.main-banner {
	background-image: url('/img/e/layout_A/bg.jpg'); background-size:cover; background-repeat: no-repeat;
}

footer, .button, .btn {font-family:'Source Sans Pro', 'Trebuchet MS', sans-serif;}

.h1, h1 {font-size:1.3em; margin-top:0; font-weight:bold;}
.h2, h2 {font-size:1.2em;}
.h3, h3 {font-size:1.1em;}
.h4, h4 {font-size:1em;}
.h5, h5 {font-size:.9em;}
.h5, h5 {font-size:.8em;}

h1 {border-bottom: 1px solid #ddd; margin-bottom: 1em; padding-bottom: .5em;}
p font {font-size: inherit !important;}

.panel {border:0;}
header, .content {width:100%;}
header {top:0;}

.content {z-index:10;}
.layout {max-width:1280px; margin:0 auto;}
#middle {padding-top:40px; padding-bottom:30px;}
#middle .panel-body {padding:1.75em;}
#right-col, #left-col {margin-top:40px; padding-bottom:30px;}
#left-col>h2 {margin-top:8px;}

#right-col>h2, #right-col-floater>#mini-basket>h2 {margin-top:0;}
#right-col-floater>#mini-basket>h2 {font-size: 1.2em; margin-bottom:0; padding:10px 15px; border-top-left-radius:3px; border-top-right-radius:3px;}
#right-col #mini-basket .itemTh img {max-width:60px;}
#right-col #mini-basket .table-bordered tr:last-child td {text-align:center;}
#right-col #mini-basket .table-bordered tr:last-child td .btn, #right-col .newsletter button {min-width:120px;}
span.delete_item {cursor: pointer; display: block; line-height: 4; text-align: center;}

.page-header {border-bottom:0; margin-top:0; padding-bottom:0;}
#header .navbar {padding:10px 0; border-radius:0; border:0;}
#header .navbar-nav {margin-top:4px;}
#header .navbar-nav>li>a, #header .btn-group > .btn {text-transform:uppercase;}
#header .btn-group > .btn .glyphicon-user {top:-1px;}
.navbar-toggle {padding: 12px 10px;}
.navbar-toggle .icon-bar {width: 25px;}
.navbar-toggle .icon-bar + .icon-bar {
    margin-top: 6px;
}
.nav > li > a, li.hasMenu ul {border-radius:.2em;}
.nav > li.hasMenu ul {font-size:1.1em;}
.nav > li.hasMenu > a {border-bottom-left-radius: 0; border-bottom-right-radius: 0;}

.action-button {margin-top:1em;}
.time-inputs {margin-bottom:.75em;}
.time-inputs>div div:first-child {padding-right:0;}
.time-inputs>div div:last-child {padding-left:0;}
.andGap {margin:0 .5em;}
.time-inputs .form-control {width:50px; padding: 6px 3px; text-align: center;}

.time-inputs>div {position: relative;}
.clearTimeBtn {
    position: absolute; width: 34px; height: 34px; right: 0; top:0; border-radius: 17px; padding: 3px 5px;
}
.copy_times_button .glyphicon-triangle-right {top: -1px;}

footer .nav {
    margin-bottom: 1.5em; border-radius: .5em; padding: 1em;
}
footer .nav a {
    padding: 5px 5px; display: inline-block; box-sizing: border-box;
}
footer .nav a:hover {opacity:.7;}

.footer-nav .nav ul {list-style-type: none; padding-left: 0;}
.footer-nav .nav ul li {position: relative; padding-left: 1em;}
.footer-nav .nav ul li:before {content:'-'; position: absolute; left:.5em; top:4px;}

footer .container-fluid > div {margin-top:15px;}
footer .fa-facebook, footer .fa-twitter {font-size:3em; width:50px;height:50px; border-radius: 25px; text-align: center; line-height:50px; vertical-align:middle; display:inline-block; background: #fff; color: #000; margin-left:6px;}
footer .social a {opacity:.6;}
footer .social a:hover {opacity:1;}

.newsletter .small {margin-top:5px; line-height:1.2;}
#right-col .newsletter input, #right-col .newsletter button {margin:4px 0;}
.copy {margin:10px 0 20px;}

.listItem .btn .glyphicon {font-size:1.5em; top:-1px; margin-right:4px;}
.listItem {width:100%; float:left; padding:15px 0; margin-bottom:20px; font-size:1em; border:1px solid; box-sizing:border-box;}
.listItem>div:first-child img {max-width:100%;}
.listItem i {font-style: normal;}
.listItem b {font-size:1.5em;}
.listItem p.small b {font-weight: normal; font-size:1em;}
.listItem p.small+h2 {margin-top:-5px; margin-bottom:0;}


i[class^="fa-"] {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
}

.fa-facebook::before {
    position: relative; top: 8px;
}
.fa-twitter::before {
    position: relative; top: 4px;
}

.nav > li.copy > a {display:inline-block;}

#content-main {padding-bottom:2em;}

.logo {
	width:230px; height:58px; float:none; display: inline-block;
	background-size: contain; background-position: center center; background-repeat: no-repeat;
}

.slimHeader .logo {height:40px;}

.logo img {width:100%;}
.navbar > .container-fluid .navbar-brand.logo {margin-left:0;}

div img, p img {max-width:100%;}

.lang-nav {padding-top:8px; margin-top:0; margin-left:10px;}
.lang-nav .btn {padding:.35em .25em 0.35em .5em;}
.lang-nav img {width:33px; vertical-align:middle; margin-right:.25em;}

.form-signin {min-width:220px; margin-top:1em;}
.form-signin input[type=text] {border-radius:.35em .35em 0 0; border-bottom:0;}
.form-signin input[type=password] {border-radius:0 0 .35em .35em;}
.form-signin button {margin:.5em 0;}
ul.nav li .form-signin a {text-decoration:underline;}
ul.nav li .form-signin a:hover {text-decoration:none;}

.vMid, .vMid span, .vMid img, .vMid a, .vMid input, .vMid button, .btn span, .navbar ul li {
    vertical-align: middle;
}

li.hasMenu {position:relative;}
li.hasMenu ul {
	position:absolute; width:auto; top:100%; left:0; display:none; z-index:10;
	margin:0; padding:0; list-style-type: none; min-width: 200px;
}
li.hasMenu ul a {padding:.35em .5em; display:block;}
li.hasMenu:hover>ul {display:block;}

li.hasMenu ul ul{
	position:absolute; min-width:120px; width:auto; top:0; left:100%; display:none;
}
li.hasMenu ul ul a{white-space:nowrap;}

.media-left {min-width:100px;}

.pageBox, .nextPageBox {padding-top:80px;}

/*--[video code]--*/
.vidBoxHolder {margin:2em auto; max-width: 620px; display: block;}
.videoBox {width:1300px; height:auto;}
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border:0;
}
video {
  width: 100% !important;
  height: auto !important;
}
/*--[/video code]--*/

/*--[transition]--*/
header, #header {
	-webkit-transition: all .05s ease-in-out; -moz-transition: all .05s ease-in-out; transition: all .05s ease-in-out;
}
.button, .slimHeader #header .navbar, .logo, .navbar-nav, .navbar-nav li a {
	-webkit-transition: all .1s ease-in-out; -moz-transition: all .1s ease-in-out; transition: all .1s ease-in-out;
}

.video-opener-box {max-width:800px; margin:2em auto 0; border:1px solid; padding:1em 0; text-align: center;}
.video-preview a {display: inline-block;}
.video-preview img {width: 600px;}
.video-text {padding-top: 80px;}

.bitt-code .form-control {
	font-size: 1.5em; padding-left: 6em; height: 2.5em; text-align: center;
	background-color: #fff; background-position: left center; background-size: contain; background-repeat: no-repeat;

}

.bottomBtns {display: block; margin: 2em 0 1em; text-align: center;}
.bottomBtns a {text-decoration: none !important; display: inline-block; margin: .25em; padding: .35em 1em; border: 1px solid #ddd !important;}
.bottomBtns a:hover {border-color: #ccc; background-color: #e2e2e2; color: #000;}

.accordion .panel-heading {padding:0;}
.accordion .panel-heading a {display: block; font-size:1.2em; padding: .5em 1em; text-align: left; position: relative; text-decoration: none !important;}
.accordion .panel-heading a:after {
	content:''; position: absolute; right:.75em; top:.5em; width:1em; height:1em; display: inline-block; border-radius:.1em;
	background-image: url("/img/e/minus.svg"); background-repeat: no-repeat; background-position: center center; background-size: 55%;
}
.accordion .panel-heading a.collapsed:after {
	background-image: url("/img/e/plus.svg");
}

.img-right {float:right; margin-left: 0.5em}
.img-left {float:left; margin-right: 0.5em}

.img-responsive.img-left {margin: 1em 2em 1em 0;}
.img-responsive.img-right {margin: 1em 0 1em 2em;}

.img-responsive {border:1px solid #ddd; padding: .25em;}
.row .text-center.bottommargin .btn.btn-green {margin-top: .5em;}

#times-section, .contact-form h2+.row {font-size: .85em;}
.contact-form h2+.row, #times-section>.row {margin-bottom: 1em; background-color: #f3f3f3; padding:.75em .25em .35em;}
#times-section .copy_times_button {margin-top: .75em;}
#times-section .clearTimeBtn {right: -.35em; width: 1.75em; height: 1.75em; border-radius: 1em;}

.card-style {text-align: center;}
.card-style a, .card-style img {
    max-width: 250px;
    text-align: center;
    color: #060;
    display: inline-block;
    padding: .15em;
    margin: .5em;
    text-decoration: none;
}

.prodList {display: block; text-align: center; margin: 1em 0;}
.prodItem {display: inline-block; width:320px; margin: .5em; padding: .5em; line-height: 1; border:1px solid #ddd;}
.prodItem b {display: block; font-size:1.1em; line-height: 1;}
.prodItem p i {text-decoration:line-through;}
.prodItem img {max-width: 100%; max-height: 200px; margin: .5em auto;}
.prodItem strong {font-size:1.15em;}
.highlight {color:#e00;font-size:.9em;}
.prodItem p.desc {font-size:.8em; height: 84px; overflow-y: auto; padding: .25em 0;}

.promoOffer {width: auto; display: block;  border:5px solid #faf67d; background-color: #fdfdea;}

@media all and (min-width:1921px) {
	body.home #middle .panel-body img.responsive {width: 100%;}
}
@media all and (min-width:1600px) {
	body {font-size:.65vw !important;}
	.panel-body {font-size: 1.4em !important;}
	.btn, .form-control {font-size: inherit; height: inherit; padding: .375em .5em;}
	.btn {padding: .375em 1.25em;}
	.layout {max-width: 1560px;}
}
@media all and (min-width:1320px) {
	.videoBox {width:1250px; height:auto;}
}
@media all and (max-width:1260px) {
	.time-inputs>div div {width:100%;}
	.time-inputs>div div:first-child {padding-right:15px;}
	.time-inputs>div div:last-child {padding-left:15px; margin-bottom:15px;}
	.andGap {margin:0; display:block;}
}
@media all and (max-width:990px) {
	.video-text {padding-top: 20px;}
	#middle .panel-body table {max-width: 100%;}
}
@media all and (max-width:768px) {
	.time-inputs>div div, .time-inputs > div div:last-child {padding-left:12%; padding-right:0; box-sizing: border-box;}
	.img-responsive.img-left, .img-responsive.img-right {float: none; margin: 2em auto; max-width: 100% !important;}
	#middle .panel-body {padding:1.5em;}
	.row .text-center.bottommargin .btn.btn-green {margin-bottom: 2em; font-size:1.25em; min-width: 300px;}
}
@media all and (max-width:420px) {
	.time-inputs>div div, .time-inputs > div div:last-child {padding-left:5%;}
	.container-fluid.contact-form {padding-right:0; padding-left:0;}
	.clearTimeBtn {right:10px; top:-38px;}
}