/** Shopify CDN: Minification failed

Line 75:1 Unexpected "{"
Line 241:0 Unexpected "{"
Line 241:1 Expected identifier but found "%"
Line 242:0 Unexpected "{"
Line 242:1 Expected identifier but found "%"
Line 262:12 Expected identifier but found "{"
Line 262:13 Unexpected "{"
Line 262:20 Expected ":"
Line 262:24 Expected identifier but found "!"
Line 263:9 Expected identifier but found "{"
... and 10 more hidden warnings

**/
main.wrapper.main-content div#shopify-section-featured-content .rich-text .section-header {
      display: inline-block;
    width: auto;
    margin-bottom: 0;
    margin-top: 16px;
}
main.wrapper.main-content div#shopify-section-featured-content .rte {
    display: inline-block;
    float: right;
 
}
main.wrapper.main-content div#shopify-section-featured-content .rte a.formContact {
    width: 100%;
}
body.overHidden .fineContactForm{width:800px !important;}
.overHidden {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.8);
    z-index: 99999;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0; 


}
body.overHidden .shopify-section {
    
    opacity: 0.1;
    position: relative;
    z-index: -1;
}
body.overHidden .fineContactForm {
       top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    padding: 20px 20px 0 20px;
	border-radius: 5px;
}
body.overHidden .fineContactForm span.formTitle {
    text-align: center;
    display: block;
    font-size: 30px;
    font-weight: bold;
    color: #000;
    padding-bottom: 0;
}
body.overHidden .fineContactForm span.form_content {
    text-align: center;
    display: block;
    padding-bottom: 5px;
}
body.overHidden .fineContactForm .formData,body.overHidden .fineContactForm .formData form#contact_form,
body.overHidden .fineContactForm .formData form#contact_form div#contactFormWrapper,
body.overHidden .fineContactForm .formData form#contact_form div#contactFormWrapper .firstSection,
 {
    float: left;
    width: 100%;
}
body.overHidden .fineContactForm .formData form#contact_form div#contactFormWrapper .firstSection span.formHeading {
    font-weight: 600;
    display: block;
    letter-spacing: 1px;
    font-size: 17px;
    padding-bottom: 5px;
	text-transform: capitalize;
}
/*body.overHidden .fineContactForm .formData form#contact_form div#contactFormWrapper .firstSection .formField label.hidden-label {
    overflow: inherit;
	    height: inherit;
    display: block;
    width: 100%;
    font-size: 15px;
    font-weight: bold;
    color: #000;
    text-transform: uppercase;
}*/
body.overHidden .fineContactForm .formData form#contact_form div#contactFormWrapper .firstSection .formField.checkbox-formfield label.hidden-label {
    overflow: inherit;
	    height: inherit;
    display: block;
    width: 100%;
    font-size: 15px;
    font-weight: bold;
    color: #000;
    text-transform: uppercase;
}
body.overHidden .fineContactForm .formData form#contact_form div#contactFormWrapper {
    padding: 0 15px;
}
body.overHidden .fineContactForm .formData form#contact_form div#contactFormWrapper .firstSection {
      margin: 0 -15px;
    float: left;
    
}
body.overHidden .fineContactForm .formData form#contact_form div#contactFormWrapper .secSection {
    float: left;
    margin: 5px -15px 0 -15px;
}
body.overHidden .fineContactForm .formData form#contact_form div#contactFormWrapper .firstSection .formField
{
float:left;
width:100%;

}
body.overHidden .fineContactForm .formData form#contact_form div#contactFormWrapper .firstSection .formField.first-formField {
    width: 50%;
	padding-right: 15px;
}
body.overHidden .fineContactForm .formData form#contact_form div#contactFormWrapper .firstSection .formField.second-formField {
    float: left;
    width: 50%;
}
body.overHidden .fineContactForm .formData form#contact_form div#contactFormWrapper .firstSection .formField.checkbox-formfield span.radioTitle {
    font-size: 15px;
    font-weight: bold;
    color: #000;
    text-transform: capitalize;
    letter-spacing: 1px;
}
body.overHidden .fineContactForm .formData form#contact_form div#contactFormWrapper .firstSection .formField.checkbox-formfield input {
    /* padding-right: 50px; */
    margin-top: 6px;
}
body.overHidden .fineContactForm .formData form#contact_form div#contactFormWrapper .firstSection .formField.checkbox-formfield label.hidden-label {
    padding-left: 20px;
	height:0;
}

body.overHidden .fineContactForm .formData form#contact_form div#contactFormWrapper .firstSection .formField .check-box-inner {
    padding-bottom: 5px;
}
body.overHidden .fineContactForm .formData {
    float: left;
    width: 100%;
	    height: 480px;
    overflow-y: scroll;
	overflow-x:hidden;
}
body.overHidden .fineContactForm .formData form#contact_form {
    float: left;
    width: 100%;
}
body.overHidden .fineContactForm .formData form#contact_form div#contactFormWrapper .firstSection .formField input {
       margin-bottom: 0;
    background-color: #fff;
    border: 1px solid #ccc;
}
body.overHidden .fineContactForm .formData form#contact_form div#contactFormWrapper .firstSection .formField {
    padding-bottom: 15px;
}
body.overHidden .fineContactForm .formData form#contact_form div#contactFormWrapper .firstSection .formField .check-box-inner:last-child {
    padding-bottom: 0;
}
body.overHidden .fineContactForm .formData form#contact_form div#contactFormWrapper .firstSection .formField.checkbox-formfield {
    padding-bottom: 10px;
}

body.overHidden .fineContactForm .formData form#contact_form div#contactFormWrapper .secSection span.formHeading {
    font-weight: 600;
    display: block;
    letter-spacing: 1px;
    font-size: 17px;
    padding-bottom: 5px;
    text-transform: capitalize;
}
body.overHidden .fineContactForm .formData form#contact_form div#contactFormWrapper .secSection .formField {
    width: 50%;
    float: left;
	margin-bottom:15px;
}
body.overHidden .fineContactForm .formData form#contact_form div#contactFormWrapper .secSection .formField input
{
margin-bottom:0;
    margin-bottom: 0;
    background-color: #fff;
    border: 1px solid #ccc;
}
body.overHidden .fineContactForm .formData form#contact_form div#contactFormWrapper .secSection .formField.text-area-form-field {
    width: 100%;
    
}
body.overHidden .fineContactForm .formData form#contact_form div#contactFormWrapper .secSection .formField.text-area-form-field textarea
{
height:90px;
   background-color: #fff;
    border: 1px solid #ccc;
	    margin-bottom: 0;
}
.padding-right-15{padding-right:15px;}
body.overHidden .fineContactForm .formData form#contact_form div#contactFormWrapper .secSection input.btn.right {
    float: left !important;
    display: table !important;
    margin-top: 15px;
}
body.overHidden .fineContactForm .removeForm
{
cursor: pointer;
    position: absolute;
    top: 7px;
    right: 8px;
    font-size: 18px;
    background-color: #074b79;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    color: white;
    text-align: center;
    line-height: 31px;
}
body.overHidden .fineContactForm .removeForm .removeForm span {
    margin: 0;
}
body.overHidden .fineContactForm .removeForm span {
    margin: 0;
}

/* 
   Swatches Styles
*/

{% assign width = '50px' %}
{% assign height = '35px' %}
.swatch { 
  margin:1em 0; 
}
/* Label */
.swatch .header {
  margin: 0.5em 0;
}
/* Hide radio buttons.*/
.swatch input { 
  display:none;
}
.swatch label {
  /* Rounded corners */
  -webkit-border-radius:2px;
  -moz-border-radius:2px;
  border-radius:2px;
  /* To give width and height */
  float:left;
  /* Color swatches contain no text so they need to have a width. */
  min-width:{{ width }} !important; 
  height:{{ height }} !important;
  /* No extra spacing between them */
  margin:0;
  /* The border when the button is not selected */
  border:#ccc 1px solid;
  /* Background color */
  background-color:#ddd;
  /* Styling text */
  font-size:13px;
  text-align:center;
  line-height:{{ height }};
  white-space:nowrap;
  text-transform:uppercase;
}
.swatch-element label { padding:0 10px; }
.color.swatch-element label { padding: 16px; }
/* Styling selected swatch */
/* Slightly raised */
.swatch input:checked + label {
  -webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.8);
  -moz-box-shadow:0px 1px 2px rgba(0,0,0,0.8);
  box-shadow:0px 1px 2px rgba(0,0,0,0.8);
  border-color:transparent;
} 
.swatch .swatch-element {
  float:left;
  -webkit-transform:translateZ(0); /* webkit flicker fix */
  -webkit-font-smoothing:antialiased; /* webkit text rendering fix */
  /* Spacing between buttons */
  margin:0px 10px 10px 0;
  /* To position the sold out graphic and tooltip */
  position:relative;
}
/* Image with the cross in it */
.crossed-out { position:absolute; width:100%; height:100%; left:0; top:0; }
.swatch .swatch-element .crossed-out { display:none; }
.swatch .swatch-element.soldout .crossed-out { display:block; }
.swatch .swatch-element.soldout label {
  filter: alpha(opacity=60); /* internet explorer */
  -khtml-opacity: 0.6;      /* khtml, old safari */
  -moz-opacity: 0.6;       /* mozilla, netscape */
  opacity: 0.6;           /* fx, safari, opera */
}
/* Tooltips */
.swatch .tooltip {
  text-align:center;
  background:gray;
  color:#fff;
  bottom:100%;
  padding: 10px;
  display:block;
  position:absolute;
  width:100px;
  left:{{ width | remove: 'px' | to_number | divided_by: 2 | minus: 50 | plus: 2 }}px;
  margin-bottom:15px;
  /* Make it invisible by default */
  filter:alpha(opacity=0);
  -khtml-opacity: 0;
  -moz-opacity: 0;
  opacity:0;
  visibility:hidden;
  /* Animations */
  -webkit-transform: translateY(10px);
     -moz-transform: translateY(10px);
      -ms-transform: translateY(10px);
       -o-transform: translateY(10px);
          transform: translateY(10px);
  -webkit-transition: all .25s ease-out;
     -moz-transition: all .25s ease-out;
      -ms-transition: all .25s ease-out;
       -o-transition: all .25s ease-out;
          transition: all .25s ease-out;
  -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
     -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
      -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
       -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
          box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  z-index: 10000;
  -moz-box-sizing:border-box; 
  -webkit-box-sizing:border-box; 
  box-sizing:border-box;
}
.swatch .tooltip:before {
  bottom:-20px;
  content:" ";
  display:block;
  height:20px;
  left:0;
  position:absolute;
  width:100%;
}
/* CSS triangle */
.swatch .tooltip:after {
  border-left:solid transparent 10px;
  border-right:solid transparent 10px;
  border-top:solid gray 10px;
  bottom:-10px;
  content:" ";
  height:0;
  left:50%;
  margin-left:-13px;
  position:absolute;
  width:0;
}
.swatch .swatch-element:hover .tooltip {
  filter:alpha(opacity=100);
  -khtml-opacity:1;
  -moz-opacity:1;
  opacity:1;
  visibility:visible;
  -webkit-transform:translateY(0px);
     -moz-transform:translateY(0px);
      -ms-transform:translateY(0px);
       -o-transform:translateY(0px);
          transform:translateY(0px);
}
.swatch.error {
  background-color:#E8D2D2!important;
  color:#333!important;
  padding:1em;
  border-radius:5px;
}
.swatch.error p {
  margin:0.7em 0;
}
.swatch.error p:first-child {
  margin-top:0;
}
.swatch.error p:last-child {
  margin-bottom:0;
}
.swatch.error code {
  font-family:monospace;
}
#ProductSection .swatch-element label {
    padding: 3px 13px;
}
#ProductSection .swatch-element label:active,#ProductSection .swatch-element label:focus,
#ProductSection .swatch-element label:link,.swatch input:checked + label{
    background-color: #031521;
    color: #fff;
}
@media only screen and (min-width: 1600px) {
  body.overHidden .fineContactForm .formData form#contact_form div#contactFormWrapper .firstSection,
  body.overHidden .fineContactForm .formData form#contact_form div#contactFormWrapper .secSection
  {
  width:100%;
  }
 
}
@media only screen and (max-width: 992px) {
 body.overHidden .fineContactForm{width:80% !important;}
 main.wrapper.main-content div#shopify-section-featured-content .rich-text .section-header {
    display: block;
    margin-bottom: 20px;
    text-align: center;
    margin-top: 0;
}
main.wrapper.main-content div#shopify-section-featured-content .rte {
    display: table;
    float: none;
    margin: 0 auto;
}
}
@media only screen and (max-width: 767px)
{
body#ashton-security-inc main.wrapper.main-content {
   
    padding-top: 15px;
    padding-bottom: 15px;
}
.site-header--text-links {
    margin-bottom: 0;
}
.site-header--text-links p {
    margin-bottom: 0;
}
.header-logo {
    text-align: center;
    margin-bottom: 15px;
}
}
@media only screen and (max-width: 600px) {
 body.overHidden .fineContactForm{width:90% !important;}
}
@media only screen and (max-width: 480px) {
body.overHidden .fineContactForm .formData form#contact_form div#contactFormWrapper .secSection .formField,
body.overHidden .fineContactForm .formData form#contact_form div#contactFormWrapper .firstSection .formField.first-formField {
    width: 100%;
	padding-right:0 !important;
}
body.overHidden .fineContactForm .formData form#contact_form div#contactFormWrapper .firstSection .formField.second-formField {
    width: 100%;
}
body.overHidden .fineContactForm .formData {
height: 390px;
}
body.overHidden .fineContactForm .formData form#contact_form div#contactFormWrapper .firstSection span.formHeading {
    font-size: 15px;
}
body#ashton-security-inc header.site-header {
    padding-bottom: 0;
}
body#ashton-security-inc main.wrapper.main-content {
    padding-top: 5px;
    
}
}
@media only screen and (max-width: 350px)
{
body.overHidden .fineContactForm span.formTitle {
   font-size: 20px;
}
body.overHidden .fineContactForm span.form_content {
 font-size: 12px;
    line-height: 22px;
}
main.wrapper.main-content div#shopify-section-featured-content .rich-text .section-header p.h1 {
    font-size: 20px;
}
main.wrapper.main-content div#shopify-section-featured-content .rich-text .section-header {
    margin-bottom: 15px;
 
}
}

/* Milestone 1 — contact bar + quote CTA */
.site-header__contact-bar{background:#1f3a5f;color:#fff;font-size:13px;line-height:1.4;padding:6px 0;text-align:center;}
.site-header__contact-bar a{color:#fff;text-decoration:none;}
.site-header__contact-bar a:hover{text-decoration:underline;}
.site-header__contact-sep{margin:0 8px;opacity:.7;}
.site-footer__contact{text-align:center;margin:0 0 12px;font-size:14px;}
.site-footer__contact a{color:inherit;}
.product-quote-label{font-size:.85em;font-weight:600;}
.btn--quote-request{display:inline-block;text-align:center;text-decoration:none;}
.product-quote-help{margin-top:10px;font-size:13px;}
