.mt10 { margin-top: 10px !important; }
.mt20 { margin-top: 20px !important; }
.mt30 { margin-top: 30px !important; }
.mt50 { margin-top: 50px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb50 { margin-bottom: 50px !important; }

.text-large { font-size: 16px; }
.homeSub { font-size: 18px; }
.homeSub span { color: #84BA3F; }
div#cccwr div { font: 11px/16px sans-serif; margin: 0; text-align: left; }
.ccc-inner h2 { padding: 0 0 0 44px !important; }

.responsiveImage { width: 100%; max-width: 100%; }
.product-listing > .boxed { display: block; border: 1px solid #CCCCCC; padding: 10px; border-radius: 3px; margin-bottom: 10px; }
.masonry { margin-left: -5px; }
.product-listing { padding-left: 5px; padding-right: 5px; }
.inlineBlock { display: inline-block !important; }
.underlined { border-bottom: 1px solid #CCCCCC; }

.page-title { padding-top: 20px !important; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.page-title ul.page-breadcrumb { width: auto; background-color: rgba(255, 255, 255, 0.7); padding-top: 0; margin-top: 30px; float: right; padding: 4px 10px 4px 5px; }
.page-title.pattern { background-image: url('/images/pattern/pattern-bg.jpg'); }

.page-section-pt ul { margin-left: 15px; }

#captchaImage { margin-top: -1px !important; }
#captchaValue { width: calc(100% - 110px) !important; line-height: 30px !important; }

.container .btn { text-shadow: none !important; padding: 5px 15px !important; color: #FFFFFF !important; background-image: none !important; background-color: #F30F0F !important; text-decoration: none !important; border-radius: 0 !important; }
.container .btn:hover { background-color: #000000 !important; }
.container .btn-green { color: #FFFFFF !important; box-sizing: border-box !important; text-align: center !important; background-color: #7AA127 !important; }
.container .btn-green:hover { background-color: #91cc45 !important; }
.container .btn-fullwidth { width: 100% !important; }

.contact-details { padding: 10px 15px; background-color: #ededed; }
.fa-space { display: inline-block; width: 14px; }

nav#menu li li > a { display: block; padding: 5px 0; }
nav#menu li li > a > i.fa, nav#menu li li > a > i.fa:hover { color: #F20000; }
nav#menu .heading a {  border-bottom: 1px solid #E9E9E9; font-weight: 700; font-size: 18px; }
nav#menu li ul > li.heading { margin-top: 20px; }
nav#menu li ul > li.heading:first-child { margin-top: 0; }

h2.subHeading { font-weight: normal; line-height: 1; padding: 0; font-size: 24px; margin-bottom: 15px; margin-top: 20px; text-align: left; }
h2.subHeading:first-child { margin-top: 0px; }
.product-listing h3, h3.subHeading { font-weight: 600; line-height: 1; padding: 0; font-size: 14.4px; margin-bottom: 15px; text-align: center; color: #84ba3f; }
 h3.subHeading { text-align: left; font-size: 12px }
 h3.subHeading strong { text-align: left; color: #84BA3F; font-weight: 500; }
.product-listing img { margin-bottom: 10px; width: 100%; max-width: 100%; }

.productImageContainer { width: 100%; max-width: 436px; padding: 8px; border: 1px solid #CCCCCC; margin-left: 20px; float: right; border-radius: 7px; }
.productImageContainer img { border-radius: 3px; }
.productImageContainer ul { margin: 0; }
.productImageContainer ul li { margin: 0; width: 33%; padding: 8px 5px 0 5px; list-style: none; float: left; }
.productImageContainer ul li:first-child { padding-left: 0; padding-right: 10px; }
.productImageContainer ul li:nth-child(3) { padding-left: 10px; padding-right: 0; }

@media (max-width: 640px) { 
  .productImageContainer { margin: 0 auto 20px; float: none; }
}


#contact-form input[type="text"], #contact-form input[type="email"], #contact-form textarea, #getDirections { background: #ededed; border: 1px solid #c4c4c4; color: #333334; padding: 15px; display: block; font-size: 14px; margin: 10px 0 20px; width: 100%; }
#getDirections { background: #F0F0F0; }
#contact-form textarea { height: 214px; }
.fullwidth-map { margin-top: 50px; }
#map { width: 100%; height: 488px; }
.g-recaptcha { float: left; }
#contact-form input[type="submit"] { float: right; }
#contact-form label { display: none !important; }
#contact-form .error input[type="text"], #contact-form .error input[type="email"], #contact-form .error textarea { border-color: #CC0000; }

.isotope-filters { text-align: left; margin: 0 0 20px 0;}
.isotope-filters > button { border-radius: 5px; }

.footer-useful-link ul li a { display: inline-block; line-height: 20px; }

/* Quick Contact */
#quickContact { border: 1px solid #CCCCCC; padding: 0 10px; margin: 0 0 20px; border-radius: 6px; }
#quickContact .sky-form input[type="text"], #quickContact .sky-form input[type="email"], #quickContact .sky-form textarea { font-size: 14px; line-height: 18px; height: auto; }
#quickContact .sky-form section { margin-bottom: 5px; }
#quickContact .sky-form fieldset { padding-bottom: 0; }
#quickContact .sky-form footer { padding: 0 0 2px 0; }
#quickContact .sky-form input#captcha { width: 105px; }
label.error > input, label.error > textarea, label.error > select { border: 1px solid #CC0000 !important; }
label.error > label.error { display: none !important  ; }


.btn { color: #333333 !important; }
.btn:hover, .btn:focus { background-position: 0 -15px; color: #333333 !important; text-decoration: none; transition: background-position 0.1s linear 0s; }
.btn:hover, .btn:focus, .btn:active, .btn.active, .btn.disabled, .btn[disabled] { background-color: #e6e6e6; color: #333333 !important; }
.clearSearchBtn { float: right; height: 28px; line-height: 24px; width: auto; max-width: 100%; }
.btn { background-color: #f5f5f5; background-image: linear-gradient(to bottom, #fff, #e6e6e6); background-repeat: repeat-x; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #b3b3b3; border-image: none; border-radius: 4px; border-style: solid; border-width: 1px; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05); color: #333; cursor: pointer; display: inline-block; font-size: 14px; line-height: 20px; margin-bottom: 0; padding: 4px 12px; text-align: center; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); vertical-align: middle; }

@media (max-width: 991px) {
  ul#eBayListings.gridListing > li { width: 33.2%; }
}

@media (max-width: 767px) {
  ul#eBayListings.gridListing > li { width: 49.9%; }
}


/* Custom XXS size for Bootstrap */
@media (max-width: 560px) {
  .col-xxs-1, .col-xxs-2, .col-xxs-3, .col-xxs-4, .col-xxs-5, .col-xxs-6, .col-xxs-7, .col-xxs-8, .col-xxs-9, .col-xxs-10, .col-xxs-11, .col-xxs-12 { float: left; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; }
  .col-xxs-1  { width: 8.3333%; }
  .col-xxs-2  { width: 16.6666%; }
  .col-xxs-3  { width: 25%; }
  .col-xxs-4  { width: 33.3333%; }
  .col-xxs-5  { width: 41.6666%; }
  .col-xxs-6  { width: 50%; }
  .col-xxs-7  { width: 58.3333%; }
  .col-xxs-8  { width: 66.6666%; }
  .col-xxs-9  { width: 75%; }
  .col-xxs-10 { width: 83.3333%; }
  .col-xxs-11 { width: 91.1111%; }
  .col-xxs-12 { width: 100%; }
}
.an-item { border: 1px solid #CCCCCC; }