/*
#region !!====={ Version Information }=====!!
%~%@ < 2.0000 > @%~%				// File Version
%~%# < 03/06/2017 > #%~%			// File Mod Date
%~%! < _Core CSS > !%~%             // Core Module
%~%^ < 2.0000 > ^%~%				// Minimum Core Version
#endregion ==================================
*/
@charset "utf-8";

.group::after {clear: both;content: " ";display: table;}

/* Helpers */
.clear {clear: both;}
.t {display: table;width: 100%;height: 100%;}
.t .cL {display: table-cell;vertical-align: middle;text-align: left;}
.t .c {display: table-cell;vertical-align: middle;text-align: center;}
.t .cR {display: table-cell;vertical-align: middle;text-align: right;}
svg {display: inline-block;width: 1em;height: 1em;}

/* BASE STYLE
======================================================= */
body {background: #fff;color: #000;font-size: 16px;font-family: 'Open Sans', sans-serif;}
main {line-height: 1.2;}
.SiteFooter {background-color: #000;color: #fff;padding: 10px 0;text-align: center;}
.SiteFooter .vcard {display: inline-block;}
.SiteFooter .vcard address {display: inline-block;}

/* CONTENT STYLING
======================================================= */
h1, h2, h3, h4, h5, h6 {color: #000;line-height: 1.1;}
h1 {font-size: 2em;}
h2 {font-size: 1.8em;}
h3 {font-size: 1.6em;}
h4 {font-size: 1.4em;}
h5, h6 {font-size: 1.2em;}
a {color: #f00;}
a:hover, a:focus {color: #800;text-decoration: none;}

/* FORM STYLING
======================================================= */
/*
form {display: block;width: 100%;max-width: 304px;margin: 0 auto;}
form label {display: inline-block;font-weight: bold;}
form input:not([type="checkbox"]):not([type="radio"]), form select, form textarea {display: block;width: 100%;padding: 5px;border: 2px solid #999;background: #eee;color: #202020;font-family: inherit;font-size: inherit;line-height: inherit;-webkit-transition: all 0.2s ease;transition: all 0.2s ease;}
form textarea {max-width: 100%;min-width: 100%;max-height: 150px;}
form input:focus, form input.error:focus, form select:focus, form textarea:focus {border: 2px solid #0086c2;background: #fff;-webkit-transition: all 0.2s ease;transition: all 0.2s ease;}
form label.error {margin: 0 0 0 5px;display: inline;color: #cc0000;font-weight: normal;}
form input.error {border: 2px solid #cc0000;background: #ffcccc;color: #cc0000;}
form input[type="submit"], form button {font-family: inherit;padding: 5px 10px;border: 2px solid transparent;background: #c23c00;color: #fff;font-weight: bold;text-transform: uppercase;font-size: inherit;line-height: inherit;-webkit-transition: all 0.2s ease;transition: all 0.2s ease;}
form input[type="submit"]:hover, form input[type="submit"]:active, form button:hover, form button:active {cursor: pointer;background: #0086c2;-webkit-transition: all 0.2s ease;transition: all 0.2s ease;}
form .link {display: inline-block;float: right;line-height: 36px;text-decoration: none;color: #0086c2;-webkit-transition: all 0.2s ease;transition: all 0.2s ease;}
form .link:hover, form .linbk:active {color: #c23c00;-webkit-transition: all 0.2s ease;transition: all 0.2s ease;}
*/

/* Newsletter Popup */
.message{background:#FFF; border: 3px solid #449d44; color:#449d44; border-radius:10px; max-width:450px; min-height:20px; padding:35px 50px;text-align:center;margin:0 auto; }

/* Default */
#ContactForm label {display: block;font-weight: 900;}
#ContactForm input[type="text"], #ContactForm input[type="email"], #ContactForm input[type="password"], #ContactForm textarea {border: 1px solid #ccc;color: #444;font-size: 1.2em;padding: 2px;width: 436px;}
#ContactForm input:focus, #ContactForm textarea, #recaptcha_response_field {border: 1px dotted #22a;}
#ContactForm label.error {display: inline;color: #f00;margin-left: 5px;}
#ContactForm input.error, #ContactForm textarea.error, #recaptcha_response_field.error {border: 1px dotted #e00;color: #f00;background-color: #ff8;}
#ContactFormCaptcha {margin-top: 0px;}
#youtubevid {margin-top: 10px;margin-bottom: 15px;}
.SiteHeader {background: #000;color: #fff;}
.SiteHeader__pos {}
.HeaderNav {float: left;}
.HeaderNav__list {margin: 0;padding: 0;list-style: none;}
.HeaderNav__list li {float: left;}
.HeaderNav__list li a {display: block;padding: 1em;color: inherit;text-decoration: none;}
.HeaderNav__list li a:hover, .HeaderNav__list li a:focus {color: #f00;}
.HeaderNav__list .HeaderNav__link--phone {color: #f00;}
.HeaderNav__list .HeaderNav__link--phone:link:hover, .HeaderNav__list .HeaderNav__link--phone:link:focus {color: #fff;}
.gc_UserLinks {float: right;}
.gc_UserLinks__listWrap {float: left;}
.gc_UserLinks__list {padding: 0;margin: 0;list-style: none;}
.gc_UserLinks__list li {display: block;}
.gc_UserLinks__list--guest {}
.gc_UserLinks__list li a {display: block;color: inherit;text-decoration: none;text-align: right;font-size: 14px;padding: 5px 10px;}
.gc_UserLinks__list li a:hover,.gc_UserLinks__list li a:focus {color: #f00;}
.gc_UserLinks__list li:nth-child(1) a {padding-top: 7px;padding-bottom: 3px;}
.gc_UserLinks__list li:nth-child(2) a {padding-top: 3px;padding-bottom: 7px;}
.gc_UserLinks__minicartWrap {float: right;}
.SiteContent {padding: 20px;position: relative;}
.SearchForm__input {display: block;-webkit-appearance: none;border: none;line-height: 1;background: #d4d4d4;color: #000;width: calc(100% - 50px);padding: 1em;float: left;}
.SearchForm__button {display: block;-webkit-appearance: none;border: none;padding: 0;text-transform: uppercase;background: #000;color: #f00;font-weight: bold;width: 50px;height: 48px;font-size: 25px;position: relative;cursor: pointer;float: right;}
.SearchForm__button:hover, .SearchForm__button:focus {color: #000;background-color: #f00;}
.SearchForm__button:focus {outline: none;}
.SearchForm__button svg {display: block;position: absolute;margin: auto;top: 0;left: 0;right: 0;bottom: 0;}

/* Mobile Hamburger Menu */
#menuTL { display: none; height: 38px; position: absolute; left:10px; margin-top: 5px; width: 38px; z-index: 4; }
#nav-toggle { float: left; width: 100%; cursor: pointer; }
.contain { background: red; border-radius: 5px; display: block; height: 38px; position: relative; }
#menuTL.clicked .contain { background: #333; }
#nav-toggle .menuX, #nav-toggle .menuX::before, #nav-toggle .menuX::after { background: #fff; border-radius: 3px; content: ""; display: block; height: 3px; left: 8px; position: absolute; top: 18px; width: 21px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
#nav-toggle .menuX:before { left: 0; top: -7px; }
#nav-toggle .menuX::after { top: 7px; left: 0px; }
#nav-toggle.active .menuX { background: transparent; }
#nav-toggle.active .menuX::before { top: 0; -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform: rotate(45deg); background: red; }
#nav-toggle.active .menuX::after { top: 10px; -ms-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); -webkit-transform: translateY(-10px) rotate(-45deg); background: red; }
#nav-toggle #textMenu, #nav-toggle #textClose { color: #fff; font-size: 12px; left: 12%; letter-spacing: 1px; margin-top: 0; position: absolute; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
#nav-toggle #textMenu { opacity: 1; }
#nav-toggle #textClose { letter-spacing: 1px; opacity: 0; }
#nav-toggle:hover #textMenu, #nav-toggle:active #textMenu { color: #FDFFFC; }
.clicked #nav-toggle #textMenu { opacity: 0; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
.clicked #nav-toggle #textClose { opacity: 1; color: #FFF2AD; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
@media only screen and (max-width: 1000px) {
	#menuTL { display: block; }
	.HeaderNav__list { overflow: hidden; max-height: 0; margin:48px 0 0 0; height:auto; padding: 0 0 0 0; width: 100%; z-index:3; position: absolute; background: #333; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
    .HeaderNav__list li.mobileBumb { margin-top:18%;}
    .HeaderNav__list.clicked { max-height: 500px; }
	.HeaderNav__list li { width: 100%; height: auto; margin: 0; border: none; }
	.HeaderNav__list li a{ background:none; width: 100%; border-bottom: 1px solid #111; display: block; font-size: 13px; height: 36px; letter-spacing: 2px; line-height: 37px; text-align: center; padding: 0; color: #FFF; }
    .HeaderNav__list li ul{ margin: 0; background: #178EB2; width: 100%; position: relative; }
	.HeaderNav__list li ul li a{ color: #FFF; width: 100%; }
	.HeaderNav__list li ul li a:hover{ background: #111; }
}

/* Checkmark Animations */
@-webkit-keyframes checkmark_bottom{0%{height:0;}
100%{height:5px;}}
@keyframes checkmark_bottom{0%{height:0;}
100%{height:5px;}}
@-webkit-keyframes checkmark_top{0%{height:0;}
50%{height:0;}
100%{height:13px;}}
@keyframes checkmark_top{0%{height:0;}
50%{height:0;}
100%{height:13px;}}
.checkbox{height:11px;width:11px;background-color:transparent;border:1px solid #f76515;position:relative;display:inline-block;box-sizing:border-box;-webkit-transition:border-color ease 0.2s;transition:border-color ease 0.2s;cursor:pointer;}
.checkbox::before, .checkbox::after{box-sizing:border-box;position:absolute;height:0;width:2px;background-color:#34b93d;display:inline-block;-ms-transform-origin:left top;-webkit-transform-origin:left top;transform-origin:left top;content:' ';-webkit-transition:opacity ease 0.5s;transition:opacity ease 0.5s;}
.checkbox::before{top:9px;left:5px;-ms-transform:rotate(-135deg);-webkit-transform:rotate(-135deg);transform:rotate(-135deg);}
.checkbox::after{top:5px;left:0px;-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
input[type=checkbox]:checked + .checkbox, .checkbox.checked{border-color:#34b93d;}
input[type=checkbox]:checked + .checkbox::after, .checkbox.checked::after{height:8px;-webkit-animation:checkmark_bottom 0.2s ease 0s forwards;animation:checkmark_bottom 0.2s ease 0s forwards;}
input[type=checkbox]:checked + .checkbox::before, .checkbox.checked::before{height:13px;-webkit-animation:checkmark_top 0.4s ease 0s forwards;animation:checkmark_top 0.4s ease 0s forwards;}