/*
Theme Name: Carbone Child
Theme URI: https://www.cssigniter.com/ignite/themes/carbone/
Template: carbone
Author: CSSIgniter
Author URI: https://www.cssigniter.com
Description: Restaurant theme for WordPress
Version: 1.0.1497867596
Updated: 2017-06-19 03:19:56

*/

@font-face {
    font-family: 'Myriad';
    src: url('fonts/MyriadPro-Regular.eot') format('embedded-opentype'),
	url('fonts/MyriadPro-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Myriad';
    src: url('fonts/MyriadPro-Bold.woff2') format('woff2'),
	url('fonts/MyriadPro-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Palatino';
    src:
	url('fonts/Palatino-Bold.eot') format('embedded-opentype'),
	url('fonts/Palatino-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Palatino';
    src: url('fonts/PalatinoLTPro-Black.woff2') format('woff2'),
	url('fonts/PalatinoLTPro-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}

body {
    font-family: "Myriad", "Helvetica Neue", Helvetica, arial, serif !important;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Palatino", Georgia, serif !important;
    font-weight: 900 !important;
    color: #1a1917;
    word-wrap: normal !important;
}

.navigation-main a {
    font-size: 14px;
}

.navigation-main > li > a {
    padding: 15px 24px;
}

.nav-main-left .navigation-main {
    text-align: left;
}

.nav-main-right .navigation-main {
    text-align: right;
}

@media (min-width: 1000px) {
    .mobile-show {
	display: none !important;
    }
}

h2, h3 {
    font-weight: 900;
    text-transform: none;
}

a {
    color: #dd9933;
}

a:hover {
    color: #ffdfaf;
}

.maxslider {
    margin-bottom: 0;
}

.page-hero {
    min-height: 680px;
    position: relative;
}
.page-hero .container {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.page-hero-subtitle {
    font-size: 16px;
}

.entry-content,
.entry-content p,
.entry-content li {
    font-size: 18px;
}

.entry-content li {
    margin-bottom: 12px;
}

.entry-content a {
    text-decoration: underline;
}

.fl-button{
    background: #dd9933;
    border-radius: 7px;
    color: #fff;
    display: inline-block;
    font-family: "Montserrat", "Lato", sans-serif;
    font-size: 16px;
    font-weight: bold !important;
    line-height: 20px;
    padding: 14px 32px 16px;
    text-decoration: none !important;
}

.fl-button:hover,
.btn-default:hover  {
    background: #ffdfaf;
    color: #fff;
}

.btn-default {
    background: #dd9933;
    border-radius: 7px;
    color: #fff;
    display: inline-block;
    font-family: "Montserrat", "Lato", sans-serif;
    font-size: 14px;
    font-weight: bold !important;
    padding: 10px 24px 12px;
    text-decoration: none !important;
}
.widget-title {
    font-size: 18px;
    font-weight: bold;
}

.widget_nav_menu li a {
    color: #fff;
    font-size: 18px;
    padding: 8px 0;
    position: relative;
    text-transform: none;
}

.widget_nav_menu li.current-menu-item a {
    color: #a8a7a3;
}

.widget_nav_menu li.current-menu-item a:before {
    background: #dd9933;
    border-radius: 50%;
    content: "";
    display: block;
    height: 6px;
    left: -15px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 6px;
}

.footer-widgets .fl-button {
    display: inline-block;
    font-size: 14px;
    padding: 12px 24px;
}

.footer-widgets .widget_text {
    margin-bottom: 40px;
}

.footer {
    background-color: #26241f;
    font-size: 16px;
}

.footer-credits {
    border-top-color: #32302a;
    font-size: 13px;
    padding: 20px 0;
    text-transform: none;
}

/* clearfix */
.cf:after {
    content: "";
    display: table;
    clear: both;
}

/* ## Forms
--------------------------------------------- */

.gform_fields label {
    font-size: 17px !important;
    font-style: normal;
    margin-bottom: 0;
}

.gform_fields input,
.gform_fields textarea {
    border: 1px solid #eee !important;
}

.gform_fields input:focus,
.gform_fields textarea:focus {
    border: 1px solid #dd9933 !important;
}

.ginput_container {
    margin-top: 0 !important;
}

.gform_button {
    background: #dd9933 !important;
    border: none !important;
    border-radius: 7px !important;
    font-family: "Montserrat", "Lato", sans-serif;
    font-weight: bold !important;
    text-transform: none !important;
}

.gform_button:hover {
    background: #ffdfaf !important;
    color: #fff;
}


/* ## Home
--------------------------------------------- */

.maxslider-slide-title {
    text-transform: uppercase;
}
.home .maxslider-slide-title {
    border-bottom: 1px solid white;
}

.maxslider-slide-content-pad {
    background: none !important;
}

.maxslider .slick-arrow {
    background: none;
}

.home-title {
    font-family: "Montserrat",sans-serif;
    font-size: 26px;
    font-weight: 900;
    text-transform: none;
}

/* ## Event Pages
--------------------------------------------- */

/*
.subtitle,
.subtitle-small {
    color: #6a6a6a;
    font-family: "PT Serif", Georgia, Serif;
    font-weight: normal;
    line-height: 1.6;
}

.subtitle {
    font-size: 22px;
    margin-bottom: 30px;
}

.subtitle-small  {
    font-size: 18px;
}
*/

.subtitle,
.subtitle-small  {
    margin-bottom: 20px;
}


h3.fl-callout-title {
    margin-bottom: 20px !important;
}

.fl-callout-text li,
.fl-callout-text p {
    font-size: 16px;
}

.highlight {
    background: #f5f5f5;
    font-size: 16px;
    margin-top: 40px;
    padding: 30px;
}

.highlight p:last-child {
    margin: 0;
}

/* ## Gallery Page
--------------------------------------------- */

.page-id-360 .main {
    background-color: #fbfaf8;
}

.page-id-360 .main > .container,
.page-id-360 .fl-row-fixed-width {
    max-width: none;
}

/* ## Venues Page
--------------------------------------------- */

.max-1060 {
    margin: 0 auto;
    max-width: 1060px;
    width: 100%;
}

/** Venue List**/

.venue-main {
    float: right;
    width: 72%;
}

.venue-block {
    border-bottom: 1px solid #FAF9F8;
    font-family: "Montserrat", "Lato", sans-serif;
    font-size: 16px;
    margin-bottom: 40px;
    padding-bottom: 40px;
    position: relative;
}

.venue-content {
    left: 350px;
    position: absolute;
    top: 0;
}

.venue-title {
    margin-bottom: 0;
}

.venue-loc {
    border-bottom: 1px solid #eee;
    font-size: 18px;
    padding-bottom: 8px;
}


.venue-excl {
    background: #dd9933;
    border-radius: 30px;
    color: #fff;
    display: inline-block;
    font-size: 15px;
    font-weight: normal;
    line-height: 1;
    margin-left: 6px;
    padding: 3px 16px 6px;
}

.venue-block ul {
    padding-left: 0;
}

.venue-block li {
    list-style: none;
    padding: 10px 0;
}

.venue-block li:before {
    display: block;
    height: 20px;
    float: left;
    margin-right: 15px;
    position: relative;
    top: 2px;
    width: 20px;
}

li.venue-rate:before {
    color: #1a1917;
    content: "$";
    font-size: 18px;
    font-weight: 900;
    text-align: center;
    top: -2px;
}

.venue-cap:before {
    content: url(images/users.svg);
}

.venue-doors:before {
    content: url(images/flower.svg);
}

.venue-act:before {
    content: url(images/ball.svg);
}

.venue-link {
    font-size: 14px;
}

/** Venue Sidebar**/

.venue-sidebar {
    background: #faf9f8;
    border-radius: 7px;
    float: left;
    padding: 40px 40px 6px;
    width: 25%;
}

.panel {
    margin-bottom: 30px;
}

.filter {
    background: transparent !important;
    border: none;
    color: #6a6a6a;
    cursor: pointer;
    font-size: 16px;
    font-weight: 400;
    padding: 4px 0;
    text-align: left;
    text-transform: none;
    width: 100%;
}

.filter:hover {
    background: none;
    color: #6a6a6a;
}

.filter::before {
    background-color: #fff;
    border: 1px solid #c7c7c7;
    border-radius: 3px;
    content: "";
    display: inline-block;
    height: 17px;
    margin-right: 8px;
    position: relative;
    top: 2px;
    width: 17px;
}

.filter.active {
    color: #dd9933;
    font-weight: bold;
}

.filter.active::before {
    background-color: #dd9933;
    border-color: #dd9933;
}

/* filter list */
.venue-block {
    opacity: 1;
    transition: all .5s;
}
.venue-block.FadeOut {
    opacity: 0;
    -moz-transform: scale(0.01);
    -webkit-transform: scale(0.01);
    -o-transform: scale(0.01);
    -ms-transform: scale(0.01);
    transform: scale(0);
}
.venue-block.NotShown {
    display: none;
}
#EmptyQueryNotice {
    display: none;
}

/** Venue Mobile **/

@media (max-width: 999px) {

    .max-1060 {
	margin: 0 20px;
    }

    .venue-sidebar,
    .venue-main {
	float: none;
	width: 100%;
    }

    .venue-sidebar {
	border-radius: none;
	margin-bottom: 60px;
	padding-left: 20px;
	padding-right: 20px;
	overflow: auto;
    }

    .panel-set {
	float: left;
	width: 25%;
    }

    .filter {
	overflow-wrap: break-word;
	white-space: normal;
    }

}

@media (max-width: 600px) {
    .panel-set {
	width: 100%;
    }

    .venue-block img {
	float: none !important;
	margin: 0 auto 20px !important;
    }

    .venue-content {
	left: 0;
	position: static;
    }
}

/* page: safety: framework overwrites */
.page-id-3183 main {
	padding-top: 0;
}
.page-id-3183 main .container {
	max-width: 100%;
	padding: 0;
}
.page-id-3183 main .container .row {
	margin: 0;
}
.page-id-3183 main .container .row .col-lg-12 {
	padding: 0;
}

/* page: safety: new framework */
.SafetyWidthSm {
	margin: 0 auto;
	max-width: 760px;
}
.SafetyWidthLg {
	margin: 0 auto;
	max-width: 1200px;
}
.PadLR {
	padding-left: 5%;
	padding-right: 5%;
}
.SafetyParentFrame section:not(:last-of-type) {
	margin-bottom: 50px;
}
@media only screen and (min-width: 600px) {
	.SafetyParentFrame section:not(:last-of-type) {
		margin-bottom: 100px;
	}
}
.SafetyH1 {
	font-size: 40px;
}
.SafetyH2 {
	font-size: 35px;
}
.SafetyH3 {}
.SafetyH4 {}
.SafetyTxTiny {
	font-size: 12px;
}
.SafetyTxSm {
	font-size: 14px;
}
.SafetyTxMd {
	font-size: 16px;
}
/*.SafetyTxLg {
	font-size: 20px;
}*/
@media only screen and (min-width: 600px) {
	.SafetyH1 {
		font-size: 60px;
	}
	.SafetyH2 {
		font-size: 50px;
	}
}
.SafetyCaps {
	text-transform: uppercase;
	font-weight: bold;
}
.SafetyTxCenter {
	text-align: center;
}
.SafetyParentFrame input:not([type="button"]):not([type="reset"]):not([type="submit"]),
.SafetyParentFrame textarea {
	border-radius: 5px;
	padding: 10px !important;
	border: 1px solid #cdcdcd;	/* gray */
}
.SafetyParentFrame .ginput_complex input {
	margin-bottom: 0 !important;
}
.SafetyParentFrame .gform_wrapper li.hidden_label input {
	margin-top: 0 !important;
}
.SafetyParentFrame .gfield .ginput_container {
	margin-top: 0 !important;
}
.SafetyParentFrame .gform_wrapper {
	margin-bottom: 0;
}
.SafetyParentFrame .gform_footer {
	padding-bottom: 0 !important;
}
.SafetyParentFrame .validation_error {
	display: none;
}
.SafetyParentFrame .validation_message {
	padding: 5px 15px 0 15px !important;
	font-size: 12px !important;
}
.SafetyTxCoGray,
#SafetyEventChangesPager a,
.SafetySubscribe .GfCaptchaLegal, .SafetyContact .GfCaptchaLegal {
	color: #727272;				/* gray */
}
.SafetyUpdatesList > li {
	border: 1px solid #727272;	/* gray */
}
.SafetyTxCoHighlightDark,
.SafetyH2,
#SafetyEventChangesPager a:hover, #SafetyEventChangesPager a:focus, #SafetyEventChangesPager a:active,
.SafetyAccordionControl:hover, .SafetyAccordionControl:focus, .SafetyAccordionControl:active {
	color: #dd9933;				/* orange */
}
#SafetySubscribeWindow .gform_confirmation_message {
	color: #26bd7e;				/* success green */
}
.SafetyAccordionControl:hover svg, .SafetyAccordionControl:focus svg, .SafetyAccordionControl:active svg {
	fill: #dd9933;				/* orange */
}
.SafetyAccordionControl.open {
	color: #fff;
	background-color: #dd9933;  /* orange */
}
.SafetyAccordionControl.open svg {
	fill: #fff;
}
#SafetyEventChangesPager a.cycle-pager-active {
	color: #dd9933;				/* orange */
	border-color: #dd9933;		/* orange */
}
.SafetyBgHighlightGray {
	background-color: #eae9e7;	/* gray */
}
#SafetyEventChangesPager a {
	border-bottom: 2px solid #eae9e7;  /* gray */
}
.SafetyBgHighlightDarkTrans {
	background-color: rgba(221,153,51,.67);	/* orange */
	transition: all .3s;
}
.SafetyMediaLink:hover .SafetyBgHighlightDarkTrans, .SafetyMediaLink:focus .SafetyBgHighlightDarkTrans, .SafetyMediaLink:active .SafetyBgHighlightDarkTrans,
.SafetyEventChangesSlideTxt ul li::before {
	background-color: #dd9933;  /* orange */
}
.SafetyBgHighlightLight {
	background-color: #ffdfaf;	/* light orange */
}
#SafetyUpdatesShowMore, #SafetyFaqsShowMore {
	color: #dd9933;				/* orange */
}
#SafetyUpdatesShowMore:hover, #SafetyFaqsShowMore:hover {
	background: none;
	color: #ffdfaf;	/* light orange */
}
*.SafetyBtn, .SafetyParentFrame input[type="submit"] {
    display: inline-block;
	line-height: 1;
	font-weight: bold;
	color: #fff !important;
	padding: 15px 40px;
	border-radius: 10px;
	background-color: #dd9933;	/* orange */
	border: none;
	text-decoration: none !important;
	transition: all .3s;
}
*.SafetyBtn:hover, *.SafetyBtn:active, *.SafetyBtn:focus,
.SafetyParentFrame input[type="submit"]:hover, .SafetyParentFrame input[type="submit"]:focus, .SafetyParentFrame input[type="submit"]:active {
	background-color: #ffdfaf;	/* light orange */
}
button.SafetyNoBtnStyle {
	color: inherit;
	padding: 0;
	border: none;
	background: none;
	cursor: pointer;
  white-space: normal;
}
.SafetyListStyleNone {
	list-style: none;
	padding: 0;
	margin: 0;
}
/* page: safety: large media */
.SafetyLgMedia {
	position: relative;
	margin-top: -30px;
	text-align: center;
	z-index: 1;
}
.SafetyMediaLink {
	display: block;
	position: relative;
}
.SafetyLgMedia img, #SafetyEventChangesSlides img {
	display: block;
	border-radius: 12px;
}
.SafetyPlayIcon {
	position: absolute;
	width: 100px;
	height: 100px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: flex;
	align-items: center;
    justify-content: center;
	border-radius: 50%;
}
.SafetyPlayIcon svg {
	width: 30px;
}
.SafetyLgMedia .SafetyTxCoGray {
	margin-top: 5px;
}
/*@media only screen and (min-width: 600px) {
	.SafetyLgMedia {
		margin-top: -130px;
	}
}*/
/* page: safety: updates */
.SafetyUpdatesList {
	margin-bottom: -10px;
}
.SafetyUpdatesList li {
	margin-bottom:  10px;
}
.SafetyUpdatesList li[aria-hidden] {
	display: none;
}
.SafetyAccordionControl {
	position: relative;
	display: block !important;
	width: 100%;
	padding: 15px 40px 15px 10px !important;
	text-align: left !important;
}
.SafetyAccordionControl:not(.open):hover {
	background: none;
}
.SafetyAccordionControl time {
	display: block;
}
.SafetyAccordionControl svg {
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	width: 20px;
	transition: all .3s;
}
.SafetyAccordionControl.open svg {
	transform: translateY(-50%) rotate(180deg);
}
.SafetyAccordionContent {
	display: none;
	padding: 15px 40px 15px 10px;
}
#SafetyUpdatesShowMore {
	margin-top: 10px;
}
@media only screen and (min-width: 600px) {
	.SafetyAccordionControl {
		padding: 30px 65px 30px 115px !important;
	}
	.SafetyAccordionControl time {
		position: absolute;
		left: 25px;
	}
	.SafetyAccordionControl svg {
		right: 25px;
	}
	.SafetyAccordionContent {
		padding: 30px 65px 30px 115px;
	}
}
/* page: safety: separator */
.SafetyHr {
	width: 10%;
	height: 4px;
    border: none;
	margin: 0 auto;
}
/* page: safety: icon sets */
.SafetyIconSet1 h2, .SafetyIconSet2 h2 {
	margin-bottom: 40px;
}
.SafetyIconSetList {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: stretch;
	margin-bottom: -5% !important;
}
.SafetyIconSetList li {
	flex-basis: 100%;
	margin-bottom: 5%;
}
.SafetyIconImgFrame {
	width: 80px;
	height: 80px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 10px auto;
}
.SafetyIconImgFrame img {
	max-width: 80px;
	max-height: 80px;
}
@media only screen and (min-width: 481px) {
	/* 2 columns, 5% gap */
	.SafetyIconSetList li {
		flex-basis: 47.5%;
	}
	.SafetyIconSetList li:not(:nth-child(2n + 1)) {
		margin-left: 5%;
	}
}
@media only screen and (min-width: 768px) {
	.SafetyIconSet1 h2, .SafetyIconSet2 h2 {
		margin-bottom: 80px;
	}
	/* 3 columns, 5% gap */
	.SafetyIconSetList li {
		flex-basis: 30%;
	}
	.SafetyIconSetList li:not(:nth-child(2n + 1)) {  /* reset */
		margin-left: 0;
	}
	.SafetyIconSetList li:not(:nth-child(3n + 1)) {
		margin-left: 5%;
	}
}
/* page: safety: event changes */
.SafetyEventChanges {

}
#SafetyEventChangesSlides {
	background: none;
}
#SafetyEventChangesPager {
	margin-bottom: 30px;
}
#SafetyEventChangesPager a {
	display: inline-block;
	padding: 20px;
	text-transform: uppercase;
	font-weight: bold;
	text-decoration: none !important;
}
.SafetyEventChangesSlideMedia {
	margin-bottom: 20px;
}
.SafetyEventChangesSlideTxt ul {
	list-style: none;
	margin-left: 0;
}
.SafetyEventChangesSlideTxt ul li {
	position: relative;
	padding-left: 20px;
}
.SafetyEventChangesSlideTxt ul li:not(:last-child) {
	margin-bottom: 10px;
}
.SafetyEventChangesSlideTxt ul li::before {
	content: '';
	position: absolute;
	left: 0;
	top: .5em;
	width: 10px;
	height: 10px;
	border-radius: 50%;
}
@media only screen and (min-width: 768px) {
	#SafetyEventChangesPager {
		margin-bottom: 60px;
	}
	.SafetyEventChangesSlideMedia {
		float: left;
		width: 50%;
		margin-bottom: 0;
	}
	.SafetyEventChangesSlideTxt {
		float: right;
		width: 45%;
	}
}
/* page: safety: FAQs */
.SafetyFaqs {
	padding-top: 40px;
	padding-bottom: 60px;
}
.SafetyFaqs h2 {
	color: inherit;
}
.SafetyFaqsList {
	margin-bottom: -20px;
}
.SafetyFaqsList li {
	margin-bottom: 20px;
}
.SafetyFaqsList li[aria-hidden] {
	display: none;
}
.SafetyFaqsQ {
	margin-bottom: 10px;
}
.SafetyFaqsA > strong:first-child {
	float: left;
}
#SafetyFaqsShowMore {
	margin-top: 20px;
}
@media only screen and (min-width: 600px) {
	.SafetyFaqs {
		padding-top: 80px;
		padding-bottom: 120px;
	}
}
/* page: safety: FAQs */
.SafetyContact > div, #SafetySubscribeWindow {
	border: 1px solid #cdcdcd;
	border-radius: 12px;
	box-shadow: 0 0 20px rgba(0,0,0,.1);
	background: #fff;
}
.SafetyContact > div {
	padding: 40px 5%;
	margin-top: -70px;
}
@media only screen and (min-width: 600px) {
	.SafetyContact > div {
		padding: 80px 5%;
		margin-top: -140px;
	}
}
/* page: safety: subscribe */
.SafetySubscribe {
	position: fixed;
	bottom: 0;
	right: 0;
	width: 100%;
	z-index: 20;
	display: flex;
	flex-wrap: wrap;
}
.SafetySubscribe > div:nth-child(1) {
	order: 2;
	width: 100%;
}
.SafetySubscribe > div:nth-child(2) {
	order: 1;
}
#SafetySubscribeBtn {
	width: 100%;
	border-radius: 0;
}
#SafetySubscribeWindow {
	display: none;
	width: 90%;
	padding: 10px;
    margin: 0 auto 10px auto;
}
#SafetySubscribeWindow .gform_confirmation_message {
	margin-top: 20px;
}
#SafetySubscribeWindow .gform_confirmation_message::before {
	content: '';
	width: 20px;
	height: 20px;
	background: url(../img/icon-checkmark.svg) no-repeat center;
	background-size: cover;
	float: left;
	margin-right: 5px;
}
@media only screen and (min-width: 600px) {
	.SafetySubscribe {
		bottom: 60px;
		top: initial;
		right: 2.5%;
		width: 280px;
		max-width: 95%;
	}
	.SafetySubscribe > div:nth-child(1) {
		text-align: right;
		order: 1;
	}
	.SafetySubscribe > div:nth-child(2) {
		order: 2;
	}
	#SafetySubscribeBtn {
		width: auto;
		border-radius: 5px;
	}
	#SafetySubscribeWindow {
		width: 100%;
		padding: 20px;
		margin: 10px 0 0 0;
	}
}

/* page: box: framework overwrites */
.page-id-3258 main {
	padding-bottom: 0;
}
.page-id-3258 main .container {
	max-width: 100%;
	padding: 0;
}
.page-id-3258 main .container .row {
	margin: 0;
}
.page-id-3258 main .container .row .col-lg-12 {
	padding: 0;
}

/* page: box: new framwork */
.BoxWidthSm {
	margin: 0 auto;
	max-width: 680px;
}
.BoxWidthLg {
	margin: 0 auto;
	max-width: 1100px;
}
.PadLR {
	padding-left: 5%;
	padding-right: 5%;
}
.BoxParentFrame section:not(:last-of-type), .BoxInnerSectionMargin {
	margin-bottom: 50px;
}
.BoxInnerSectionMargin {
	margin-bottom: 40px;
}
@media only screen and (min-width: 600px) {
	.BoxParentFrame section:not(:last-of-type) {
		margin-bottom: 100px;
	}
	.BoxInnerSectionMargin {
		margin-bottom: 80px;
	}
}
.BoxH1 {
	font-size: 40px;
}
.BoxH2 {
	font-size: 35px;
}
.BoxH3 {

}
.BoxH4 {

}
.BoxTxTiny {
	font-size: 12px;
}
.BoxTxSm {
	font-size: 14px;
}
.BoxTxMd {
	font-size: 16px;
}
.BoxTxLg {
	font-size: 20px;
}
@media only screen and (min-width: 600px) {
	.BoxH1 {
		font-size: 60px;
	}
	.BoxH2 {
		font-size: 50px;
	}
}
.BoxCaps {
	text-transform: uppercase;
	font-weight: bold;
}
.BoxTxCenter {
	text-align: center;
}
.BoxTxCoWhite {
	color: #fff !important;
}
.BoxTxCoBlack {
	color: #000;
}
.BoxTxCoGray {
	color: #4c4c4c;
}
.BoxTxCoHighlightDark {
	color: #dd9933;				/* dark orange */
}
.BoxBgHighlightDark {
	background-color: #dd9933;	/* dark orange */
}
.BoxHowVirus svg {
	fill: #dd9933;				/* dark orange */
}
.BoxBgHighlightLight {
	background-color: #fff6e8;	/* light orange */
}
.BoxHow a, .BoxHow a:link, .BoxHow a:visited,
.BoxAbout a, .BoxAbout a:link, .BoxAbout a:visited {
	color: #dd9933;				/* dark orange */
	border: none;
	text-decoration: underline;
}
.BoxHow a:hover, .BoxHow a:focus, .BoxHow a:active,
.BoxAbout a:hover, .BoxAbout a:focus, .BoxAbout a:active {
	text-decoration: none;
}
a.BoxBtn {
    display: inline-block;
	line-height: 1;
	font-weight: bold;
	color: #fff;
	padding: 15px 40px;
	border-radius: 10px;
	background-color: #dd9933;	/* dark orange */
	border: 1px solid #dd9933;	/* dark orange */
	text-decoration: none;
	transition: all .3s;
}
a.BoxBtn:hover, a.BoxBtn:active, a.BoxBtn:focus {
	color: #dd9933;				/* dark orange */
	background-color: #ffdfaf;	/* light orange */
}
.BoxBgHighlightDark a.BoxBtn {
	color: #dd9933;				/* dark orange */
	background-color: #fff;	/* light orange */
	border: 1px solid #fff;	/* light orange */
}
.BoxBgHighlightDark a.BoxBtn:hover, .BoxBgHighlightDark a.BoxBtn:active, .BoxBgHighlightDark a.BoxBtn:focus {
	background-color: #ffdfaf;
}
.BoxListStyleNone {
	list-style: none;
	padding: 0;
	margin: 0;
}
.BoxLastNoMargin p:last-of-type {
	margin-bottom: 0;
}
/* page: box: how */
.BoxHowSteps {
	margin: -2.5% 0;
}
.BoxHowSteps li {
	padding: 2.5% 0;
}
.BoxHowSteps img {
	max-width: 80px;
	max-height: 80px;
}
.BoxHowVirus {
	padding-top: 40px;
	padding-bottom: 40px;
	padding-left: 50px;
	position: relative;
}
.BoxHowVirus svg {
	position: absolute;
	top: 35px;
    left: 15px;
}
.BoxHowVirus h4 {
	margin-bottom: 10px;
  margin-top: 0;
}
@media only screen and (min-width: 600px) {
	.BoxHowSteps {
		display: flex;
		align-items: stretch;
		justify-content: space-between;
		margin: 0 -2.5%;
	}
	.BoxHowSteps li {
		flex-basis: 33.33%;
		padding: 0 2.5%;
	}
}
/* page: box: menu */
.BoxMenuItems {
	margin-bottom: -2%;
}
.BoxMenuItems li {
	position: relative;
	margin-bottom: 2%;
	border: 1px solid #4c4c4c;
}
.BoxMenuItemImgFrame {
	position: relative;
	width: 100%;
	height: 200px;
	overflow: hidden;
}
.BoxMenuItemImgFrame img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	min-width: 100%;
	min-height: 100%;
	object-fit: cover;
}
.BoxMenuItemTxtFrame {
	padding: 30px 5% 50px 5%;
}
.BoxMenuItemTxtFrame .BoxCaps {
	position: absolute;
	bottom: 15px;
	left: 5%;
}
.BoxMenuLink {
  display: inline-block;
  margin-top: 20px;
}
@media only screen and (min-width: 600px) {
	.BoxMenuItems {
		display: flex;
		flex-wrap: wrap;
		align-items: stretch;
		justify-content: center;
		margin: -2%;
	}
	.BoxMenuItems li {
		flex-basis: 29.33%;
		margin: 2%;
	}
}
/* page: box: CTA small */
.BoxCtaSm > div {
	padding-top: 40px;
	padding-bottom: 40px;
}
.BoxCtaSm .BoxBtn {
  margin: 20px 0 0 0;
}
@media only screen and (min-width: 600px) {
.BoxCtaSm .BoxBtn {
	margin: 0 0 0 20px;
}
/* page: box: about */
.BoxAboutColumns > div:first-child {
	margin-bottom: 5%;
}
.BoxAboutImgFrame {
	position: relative;
	height: 300px;
}
.BoxAboutImg {
	position: relative;
	height: 100%;
	overflow: hidden;
	z-index: 2;
}
.BoxAboutImg img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	min-width: 100%;
	min-height: 100%;
	object-fit: cover;
}
.BoxAboutImgFrame div:last-child {
	position: absolute;
	width: 100%;
	height: 100%;
	bottom: -5%;
	right: -5%;
	z-index: 1;
}
.BoxAboutTxtFrame {
	display: flex;
	align-items: center;
}
@media only screen and (min-width: 600px) {
	.BoxAboutColumns {
		display: flex;
		align-items: stretch;
		justify-content: space-between;
		margin: 0 -2.5%;
	}
	.BoxAboutColumns > div {
		flex-basis: 45%;
		margin: 0 2.5%;
	}
	.BoxAboutImgFrame {
		height: 420px;
		margin-bottom: 0 !important;
	}
}
/* page: box: CTA large */
.BoxCtaLg {
	padding-top: 50px;
	padding-bottom: 50px;
}
@media only screen and (min-width: 600px) {
	.BoxCtaLg {
		padding-top: 100px;
		padding-bottom: 100px;
	}
}
