/*
    font-family: 'Roboto', sans-serif;
    font-family: 'Slabo 27px', serif;
*/

body  {	background-color:#ffffff; font-family: 'Roboto', sans-serif; font-size:14px;	color:#919396; width:auto; padding:0px; margin:0px; }

h1 {font-weight:normal; font-size:28px; color:#f6afba; font-family: 'Slabo 27px', serif; letter-spacing: 0.08em; text-transform:uppercase}
h2 {font-weight:normal; font-size:22px; color:#f6afba; font-family: 'Slabo 27px', serif; text-transform:uppercase}

img {border:none;}
a {text-decoration:none; color:#333;}
a:hover {text-decoration:underline; color:#333;}

.clr {clear:both;}
.img-center{vertical-align:middle;}
.img-right{float:right; margin-left:10px; margin-bottom:10px; }
.gallery-img {border:none}
.gallery-img-zoom {border:10px solid #fff;}
.photo {margin:5px; float:left;border:5px solid #fff; box-shadow: 2px 2px 10px #c1c1c1;}
.tweet {padding-bottom:5px; border-bottom:1px solid #eee; margin-bottom:5px;}

.white {color:#ffffff;}
.white-bg {background-color:#ffffff;}
.grey {color:#919396;}
.grey-bg {background-color:#919396;}
.pink{color:#f6afba}
.pink-bg{background-color:#f6afba}

.border{outline:1px solid #ffff00;}

.align-left{text-align:center;}
.align-center{text-align:center;}
.align-right{text-align:center;}
.desktop-only{display:none;}
.mobile-only{display:block;}
@media (min-width: 750px) {
	.align-left{text-align:left;}
	.align-center{text-align:center;}
	.align-right{text-align:right;}
	.desktop-only{display:block;}
	.mobile-only{display:none;}
}

.shaddow{box-shadow: 0px 5px 5px #777777;}

.sep{width:100%; background-color:#919396; height:1px; border-radius:5px; margin:5px 0px 5px 0px;}
.sep-white{width:100%; background-color:#ffffff; height:1px; border-radius:5px; margin:5px 0px 5px 0px;}

.sep-5{width:100%; height:5px; margin:0px;}
.sep-10{width:100%; height:10px; margin:0px;}
.sep-15{width:100%; height:15px; margin:0px;}
.sep-20{width:100%; height:20px; margin:0px;}
.sep-25{width:100%; height:25px; margin:0px;}
.sep-30{width:100%; height:30px; margin:0px;}
.sep-35{width:100%; height:35px; margin:0px;}
.sep-40{width:100%; height:40px; margin:0px;}
.sep-45{width:100%; height:45px; margin:0px;}
.sep-50{width:100%; height:50px; margin:0px;}
.sep-100{width:100%; height:100px; margin:0px;}
.sep-125{width:100%; height:125px; margin:0px;}
.sep-150{width:100%; height:150px; margin:0px;}
.sep-175{width:100%; height:175px; margin:0px;}
.sep-200{width:100%; height:200px; margin:0px;}

#message {background-color:#080; color:#fff; font-weight:bold; padding:10px 5px 10px 5px; text-align:center; margin: 5px 0px 0px 0px;}
#error   {background-color:#c00; color:#fff; font-weight:bold; padding:10px 5px 10px 5px; text-align:center; margin: 5px 0px 0px 0px;}
#warning {background-color:#F90; color:#fff; font-weight:bold; padding:10px 5px 10px 5px; text-align:center; margin: 5px 0px 0px 0px;}

#menu-wrapper-mobile {display:block;}
#header-menu{display:none;}

#header-wrapper{position:relative;}
#menu-wrapper{position:relative;}
#slider-box{}

.centered-boxes{width:auto; text-align:center;}
.centered-box{position:relative; width:120px; margin:5px 5px 5px 5px; text-align:center; display:inline-block; vertical-align:top; border:1px solid #0a0;}

.full-width{position:relative; width:100%;}
.content-wrapper{position:relative; padding:10px; width:auto;}
.content-wrapper img {width:auto; max-width:100%; height:auto;}

.content-wrapper-nopad{position:relative; padding:0px; width:auto;}
.content-wrapper-nopad img {width:auto; max-width:100%; height:auto;}

@media (min-width: 750px) {
	.full-width{}
	.content-wrapper{position:relative; max-width:1000px; width:auto; margin-left:auto; margin-right:auto; }
	.content-wrapper-nopad{position:relative; max-width:1020px; width:auto; margin-left:auto; margin-right:auto; }

	.col1-of-6 	{position:relative; float:left; width:15.11%; }
	.col2-of-6 	{position:relative; float:left; width:15.11%; margin-left:1.61%; }
	.col3-of-6 	{position:relative; float:left; width:15.11%; margin-left:1.62%; }
	.col4-of-6 	{position:relative; float:left; width:15.11%; margin-left:1.62%; }
	.col5-of-6 	{position:relative; float:left; width:15.11%; margin-left:1.62%; }
	.col6-of-6 	{position:relative; float:right; width:15.11%; }

	.col12-of-6 	{position:relative; float:left; width:32.0%; }
	.col123-of-6 	{position:relative; float:left; width:49.0%; }
	.col1234-of-6 	{position:relative; float:left; width:66.0%; }
	.col12345-of-6	{position:relative; float:left; width:82.9%; }

	.col56-of-6		{position:relative; float:right; width:32.0%; }
	.col456-of-6	{position:relative; float:right; width:49.0%; }
	.col3456-of-6	{position:relative; float:right; width:66.0%; }
	.col23456-of-6	{position:relative; float:right; width:82.9%; }

	.col1-of-5 	{position:relative; float:left; width:18.5%;}
	.col2-of-5 	{position:relative; float:left; width:18.5%; margin-left:1.6%;}
	.col3-of-5 	{position:relative; float:left; width:18.5%; margin-left:1.6%;}
	.col4-of-5 	{position:relative; float:left; width:18.5%; margin-left:1.6%;}
	.col5-of-5 	{position:relative; float:right; width:18.5%;}

	.col12-of-5 	{position:relative; float:left; width:38.6%;}
	.col123-of-5 	{position:relative; float:left; width:58.9%;}
	.col1234-of-5 	{position:relative; float:left; width:79.2%;}

	.col2345-of-5 	{position:relative; float:right; width:79.5%;}
	.col345-of-5 	{position:relative; float:right; width:59.2%;}
	.col45-of-5 	{position:relative; float:right; width:38.6%;}

	.col1-of-4 	{position:relative; float:left; width:23.5%;  }
	.col2-of-4 	{position:relative; float:left; width:23.5%; margin-left:2%;  }
	.col3-of-4 	{position:relative; float:left; width:23.5%; margin-left:2%;  }
	.col4-of-4 	{position:relative; float:right; width:23.5%;  }

	.col12-of-4 {position:relative; float:left; width:49.0%; }
	.col23-of-4 {position:relative; float:left; width:49.0%; margin-left:1.7%;  }
	.col34-of-4 {position:relative; float:right; width:49.0%;  }

	.col123-of-4 {position:relative; float:left; width:74.4%; }
	.col234-of-4 {position:relative; float:right; width:74.4%;  }

	.col1-of-3  {position:relative; float:left; width:32%; }
	.col2-of-3 	{position:relative; float:left; width:32%; margin-left:1.4%; }
	.col3-of-3 	{position:relative; float:right; width:32%; }

	.col12-of-3 {position:relative; float:left; width:66%; margin-right:1.4%; }
	.col23-of-3 {position:relative; float:right; width:66%; margin-left:1.4%; }

	.col1-of-2 	{position:relative; float:left; width:49%; }
	.col2-of-2 	{position:relative; float:right; width:49%; }

	.col-sep		{position:relative; float:left; width:1.4%; border:1px solid #eee}

	#menu-wrapper-mobile {display:none;}
	#header-menu{display:block; position:relative; background-color:#ffffff; width:auto; margin:0px; z-index:99999; font-family: 'Slabo 27px', serif;}
	.menu-sep{display:none; position:relative; background-color:#a41737; height:40px; width:1px; margin-top:0px; font-size:0%; }

	ul.topnav {position:relative; right:50%; float:right; clear:left; list-style:none; padding:0px; margin:0px; font-size: 16px;}
	ul.topnav li {display:block; float:left; margin:0px; padding:0px; position: relative; left:50%;}
	ul.topnav li a{display:block; float:left;     padding: 12px 35px 12px 35px; margin:0px 0px 0px 0px; color:#383738;  text-decoration: none; font-weight:normal; text-align:center; text-transform:uppercase}
	ul.topnav li a:hover{color:#f6afba; background-color:#ffffff; overflow:hidden;}

	ul.topnav li ul.subnav {list-style:none; position:absolute; left:0px; top:39px; margin:0; padding:0; display:none; z-index:99999;}
	ul.topnav li ul.subnav li{margin:0; padding:0; clear:both; left:0px;}
	ul.topnav li ul.subnav li a {float:left; width:200px; text-align:left; background-color:#ffffff; color:#383738; border-top:1px solid #f6afba; text-transform:uppercase}
	ul.topnav li ul.subnav li a:hover {background-color:#ffffff; color:#f6afba; background-image:none;}
}

/* ------------------------------------------------------------------------------------------
	Header
	------------------------------------------------------------------------------------------ */
.logo img {max-height:150px;}

@media (min-width: 750px) {

}

/* ------------------------------------------------------------------------------------------
	QForm
	------------------------------------------------------------------------------------------ */
.qform-label {margin-bottom:0px; padding:5px 0px 5px 0px;}
.qform-input {margin-bottom:10px; }
.qform-input input {width:98%; padding:5px 0px 5px 3px; }
.qform-input textarea{width:98%; padding:5px 0px 5px 3px; }
.button-qform{position:relative; text-align:center; padding:10px 25px 10px 25px; background-color:#be202e; width:135px; font-size:14px; margin:15px auto 10px auto; color:#fff; cursor:pointer;}
.button-qform a{color:#fff; text-decoration:none;}
.qform-input table {width:100%; text-align:left;}
.qform-fld-error{color:#d00!important; font-size:14px;}
.delivery-error{color:#d00!important; margin:0px 0px 0px 0px}
.inline-button-red{color:#ea1d2b; font-weight:bold; display:inline;}
.inline-button-red a {color:#ea1d2b; text-decoration:underline;}
.q-form-help{font-size:12px; color:#999;}
.form-div{padding-right:0px;}

@media (min-width: 750px) {
	.qform-label {margin-bottom:10px;}
	.qform-input {margin-bottom:10px;}
	.button-qform{float:left;}
	.qform-fld-error{float:left;}
        .form-div{padding-right:25px;}
}

/* ------------------------------------------------------------------------------------------
    Body
------------------------------------------------------------------------------------------ */
#body-wrapper a {color:#999;}

.pink-banner{padding:10px; text-align:center; font-size:20px; color:#fff; background-color:#f6afba; font-family: 'Slabo 27px', serif;}
.grey-banner{padding:45px; text-align:center; font-size:16px; color:#fff; background-color:#bbbcbe; font-family: 'Slabo 27px', serif;}

.body-boxes{width:auto; text-align:center;}
.body-box{position:relative; width:250px; height:250px; margin:5px 5px 5px 5px; text-align:center; display:inline-block; vertical-align:top;  background-size:cover; cursor:pointer; background-position:center;}
.body-box-content-outer{position: absolute; top:0px; width:100%; height:100%; border-radius:4px; }
.body-box-content-inner{position: relative; top: 50%; transform: translateY(-50%);}
.body-box-content-inner a {color:#fff; text-decoration:none;}
.body-box-name{position:relative; font-size:14px; display:inline-block; min-width:80%; padding-top:10px; padding-bottom:10px; background-color:#ffffff}
.body-box-name:hover{background-color:#f6afba; color:#fff;}
.body-box-intro{font-size:14px;}

.footer-image{width:100%; height:300px; background-size:cover; background-position:center;}

.footer-title-left{font-size:22px; padding-bottom:0px; font-family: 'Slabo 27px', serif; letter-spacing: 0.08em; }
.footer-title-right{font-size:18px; padding-bottom:5px; font-family: 'Slabo 27px', serif; letter-spacing: 0.08em; }
.footer-credit{font-size:10px; border-bottom:1px solid #fff; padding-bottom:10px; display:inline-block;}
.footer-credit a {color:#fff}

.footer-contact{font-size:12px; line-height:1.8em;}
.footer-contact a {color:#fff}

.footer-social{font-size:20px; margin-top:5px; letter-spacing: 0.2em;}
.body-social{font-size:32px; margin-top:5px; letter-spacing: 0.2em;}
.body-social a {color:#f6afba!important}

#BackToTop{cursor:pointer; text-decoration:underline;}

#slider-box-single img {width:100%; height:auto;}

@media (min-width: 750px) {
    .body-box{position:relative; width:300px; height:300px;}
}
.top-bar{
	background: #f6afba;
	color: #fff;
}
.top-bar a{
	color: #fff;
}
.top-bar .top-bar-wrapper{
	display: flex;
	justify-content: space-between;
}
.sticky-cta{
	position: fixed;
	top: 120px;
	right: 0;
	display: inline-block;
	padding: 20px 40px 20px 20px;
	background: #f6afbb;
	box-shadow: 0px 5px 20px rgba(0,0,0,0.1);
	color: #fff;
	font-weight: bold;
	text-shadow: 1px 1px 0px #b77e89;
	border-radius: 2px 0px 0px 2px;
	z-index: 9999999;
	transition: all 300ms ease-in-out;
	transform: translateX(20px);
}
.sticky-cta:hover{
	transform: translateX(0px);
	color: #fff;
	background: #fac7cf;
}
#cboxOverlay {
  z-index: 9999999;
}
#colorbox, #cboxOverlay, #cboxWrapper {
  z-index: 9999999;
}