
/**
 * Magento
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Academic Free License (AFL 3.0)
 * that is bundled with this package in the file LICENSE_AFL.txt.
 * It is also available through the world-wide-web at this URL:
 * http://opensource.org/licenses/afl-3.0.php
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to license@magento.com so we can send you a copy immediately.
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade Magento to newer
 * versions in the future. If you wish to customize Magento for your
 * needs please refer to http://www.magento.com for more information.
 *
 * @category    design
 * @package     base_default
 * @copyright   Copyright (c) 2006-2016 X.commerce, Inc. and affiliates (http://www.magento.com)
 * @license     http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
 */

/* Widgets =============================================================================== */
.widget { display:inline; }
.widget .widget-title { clear:both; padding:15px 0 0; margin:0 0 7px; }
.widget .widget-title h2 { font-size:15px; font-weight:bold; color:#e25203; }

.widget .mini-products-images-list .product-image { display:block; width:76px; height:76px; border:1px solid #a9a9a9; margin:0 auto; }
.widget .mini-products-images-list li.item { float:left; width:77px; height:77px; }

/* Widget: Catalog New Proructs List */
.widget-new-products { display:block; }
.col-main .widget-new-products { margin:7px 0; }
.widget-new-products .products-grid .product-image,
.widget-new-products .products-list .product-image { width:85px; height:85px; }
.widget-new-products .products-list .product-shop { margin-left:100px; }
.sidebar .widget-new-products .block { font-size:11px; line-height:1.25; }
.sidebar .widget-new-products .block-title strong { background:url(https://www.surfaceshields.com/skin/frontend/base/default/images/widgets/i_widget-new.gif) 0 1px no-repeat; padding-left:21px; color:#dc5033; }

/* Widget: Recently Viewed Proructs */
.widget-viewed { display:block; }
.col-main .widget-viewed { margin:7px 0; }
.widget-viewed .products-grid .product-image,
.widget-viewed .products-list .product-image { width:85px; height:85px; }
.widget-viewed .products-list .product-shop { margin-left:100px; }
.sidebar .widget-viewed .block { font-size:11px; line-height:1.25; }
.sidebar .widget-viewed .block-title strong { background:url(https://www.surfaceshields.com/skin/frontend/base/default/images/widgets/i_block-list.gif) 0 0 no-repeat; padding-left:21px; }

/* Widget: Recently Compared Proructs */
.widget-compared { display:block;}
.col-main .widget-compared { margin:7px 0; }
.widget-compared .products-grid .product-image,
.widget-compared .products-list .product-image { width:85px; height:85px; }
.widget-compared .products-list .product-shop { margin-left:100px; }
.sidebar .widget-compared .block { font-size:11px; line-height:1.25; }
.sidebar .widget-compared .block-title strong { background:url(https://www.surfaceshields.com/skin/frontend/base/default/images/widgets/i_block-list.gif) 0 0 no-repeat; padding-left:21px; }

/* Widget: CMS Static Block */
.widget-static-block {}
.sidebar .widget-static-block { display:block; margin:0 0 15px; }

/* Widgets: Links Common Styles */
.top-container .widget a { padding:0 0 0 7px; }

.bottom-container .widget a { padding:0 3px; }

/* Widget: Catalog Product Link */
.widget-product-link-inline { display:inline; }

.col-main .widget-product-link { display:block; text-align:right; margin:7px 0; }
.col-main .widget-product-link a { background:url(https://www.surfaceshields.com/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; }

.sidebar .widget-product-link { display:block; margin:0 0 15px; padding:0 10px; }
.sidebar .widget-product-link a { background:url(https://www.surfaceshields.com/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; }

/* Widget: Catalog Category Link */
.widget-category-link-inline { display:inline; }

.col-main .widget-category-link { display:block; text-align:right; margin:7px 0; }
.col-main .widget-category-link a { background:url(https://www.surfaceshields.com/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; }

.sidebar .widget-category-link { display:block; margin:0 0 15px; padding:0 10px; }
.sidebar .widget-category-link a { background:url(https://www.surfaceshields.com/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; }

/* Widget: CMS Page Link */
.widget-cms-link-inline { display:inline; }

.col-main .widget-cms-link { display:block; text-align:right; margin:7px 0; }
.col-main .widget-cms-link a { background:url(https://www.surfaceshields.com/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; }

.sidebar .widget-cms-link { display:block; margin:0 0 15px; padding:0 10px; }
.sidebar .widget-cms-link a { background:url(https://www.surfaceshields.com/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; }
/* ======================================================================================= */

/* LayerSlider Styles */

#layerslider-container-fw {
	margin-bottom:25px;
}
#layerslider-container-fw .loader-slider {
	position: relative;
	margin-top:-5px;
}
@-moz-document url-prefix() {
#layerslider-container-fw {	margin-top:-1px;
}
}

.ls-container {
	visibility: hidden;
	position: relative;
}
.ls-inner {
	position: relative;
	background-position: center center;
}

.ls-inner,
.ls-layer {
	width: 100%;
	height: 100%;
}

.ls-layer {
	position: absolute;
	display: none;
	background-position: center center;
	overflow: hidden;
	cursor: pointer;
}

.ls-layer * {
	margin: 0px;
	line-height: normal;
}

.ls-active,
.ls-animating {
	display: block !important;
}

.ls-layer > * {
	position: absolute;
	left: 0px;
	top: 0px;
}

.ls-layer .ls-bg {
	left: 50%;
	top: 50%;
}

.ls-yourlogo {
	position: absolute;
	z-index: 99;
}



/* Navigation */

.ls-bottom-nav-wrapper {
	height: 0px;
}

.ls-bottom-nav-wrapper,
.ls-below-thumbnails {
	z-index: 2;
	height: 0px;
	position: relative;
	text-align: center;
	margin: 0px auto;
}

.ls-below-thumbnails {
	display: none;
	z-index: 6;
}

.ls-bottom-nav-wrapper a,
.ls-nav-prev,
.ls-nav-next {
	outline: none;
}

.ls-bottom-slidebuttons {
	position: relative;
	z-index: 1000;
}

.ls-bottom-slidebuttons,
.ls-nav-start,
.ls-nav-stop,
.ls-nav-sides {
	position: relative;	
}



/* Embedded videos */

.ls-vpcontainer {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
}

.ls-videopreview {
	width : 100%;
	height : 100%;
	position : absolute;
	left : 0px;
	top : 0px;
	cursor : pointer;
}

.ls-playvideo {
	position: absolute;
	left: 50%;
	top: 50%;
	cursor: pointer;
}



/* Thumbnails */

.ls-tn {
	display: none !important;
}

.ls-thumbnail-hover {
	display: none;
	position: absolute;
	left: 0px;
}

.ls-thumbnail-hover-inner {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	display: none;
}

.ls-thumbnail-hover-bg {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
}

.ls-thumbnail-hover-img {
	position: absolute;
	overflow: hidden;
}

.ls-thumbnail-hover img {
	max-width: none !important;
	position: absolute;
	display: inline-block;
	left: 50%;
	top: 0px;
}

.ls-thumbnail-hover span {
	left: 50%;
	top: 100%;
	width: 0px;
	height: 0px;
	display: block;
	position: absolute;
	border-left-color: transparent !important;
	border-right-color: transparent !important;
	border-bottom-color: transparent !important;
}

.ls-thumbnail-wrapper {
	position: relative;
	width: 100%;
	margin: 0 auto;
	z-index: 4;
}

.ls-thumbnail {
	position: relative;
	margin: 0 auto;
}

.ls-thumbnail-inner,
.ls-thumbnail-slide-container {
	width: 100%;	
}

.ls-thumbnail-slide-container {
	overflow: hidden !important;
	position: relative;
}

.ls-thumbnail-slide {
	text-align: center;
	white-space: nowrap;
	float: left;
	position: relative;
}

.ls-thumbnail-slide a {
	overflow: hidden;
	display: inline-block;
	width: 0px;
	height: 0px;
	position: relative;
}

.ls-thumbnail-slide img {
	max-width: none !important;
	max-height: 100% !important;
	height: 100%;
}

.ls-shadow {
	display: none;
	position: absolute;
	z-index: 1;
	top: 100%;
	width: 100%;
	left: 0px;
}

.ls-shadow img {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
}

/**
 * Request for quote front-end css
 * 
 */
.request4quote-links li {margin-bottom: 5px}
.product-view button.btn-r4q {
    margin-left: 5px;
}

.item button.btn-r4q {
    margin-bottom: 5px;
}

.products-grid li.item {
    padding-bottom: 100px;
}
.request4quote-front-quote-index #shopping-cart-table{
    width:100% !important;
}
.r4q-item-remark {
    width: 98%;
}
.form-list .r4q-remark {
    width: 98%;
}
.cart-rf4-details{
    width:48%;
    float:left;
}

.cart-rf4-details .form-list .input-box {
    width: auto;
}
.r4q-actions {
    text-align: right;
    clear:both;
    padding:10px;
}
.cart-rf4-billing{
    width:48%;
    float:right;
}
.cart-rf4-shipping {
    float:left;
    width:48%;
}
.cart-rf4-details, .cart-rf4-shipping, .cart-rf4-billing {
    border:1px solid #d0cbc1;
    background:#fff url(https://www.surfaceshields.com/skin/frontend/base/default/request4quote/images/bkg_block-title.gif) 0 0 repeat-x;
    padding:12px 15px;
    margin:0 0 18px;
}
.r4q-collaterals {
    margin-left: 300px;
}
.cart-rf4-details h2, .cart-rf4-shipping h2, .cart-rf4-billing h2  { background-image: url("https://www.surfaceshields.com/skin/frontend/base/default/request4quote/images/i_discount.gif"); background-position:0 0; background-repeat:no-repeat; font:bold 13px/16px Arial, Helvetica, sans-serif; padding:0 0 0 21px; color:#e26703; text-transform:uppercase; }
.r4q-remark {
    width: 98%;
}
.r4q-data-table{
    margin-top:1px;
    width:100%;
    background:#f4f4f4;
}
.r4q-data-table td {
    padding:10px;
}




/* navigation */
.r4q-navigation {
    background-color: #f2f5f6;
    border: 1px solid #ccc;
    height: 1%;
    margin-bottom: 20px;
    overflow: hidden;
    padding: 10px;
}
.r4q-navigation li {
    float: left;
    margin-right: 10px;
}
.r4q-navigation a {
    background-color: #9bb3c3;
    border: 1px solid #999;
    border-radius: 5px;
    color: #000;
    display: block;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    -webkit-border-radius: 5px;
}
/* gradient and text shadow */
.r4q-navigation a {
    background: #d7e4ed; /* Old browsers */
    background: -moz-linear-gradient(top, #d7e4ed 0%, #63859a 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d7e4ed), color-stop(100%,#63859a)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #d7e4ed 0%,#63859a 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #d7e4ed 0%,#63859a 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #d7e4ed 0%,#63859a 100%); /* IE10+ */
    background: linear-gradient(to bottom, #d7e4ed 0%,#63859a 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7e4ed', endColorstr='#63859a',GradientType=0 ); /* IE6-9 */
    text-shadow: 1px 1px 1px #ffffff;
    filter: dropshadow(color=#ffffff, offx=1, offy=1);
}
/* active menu item */
.r4q-navigation .active a, .r4q-navigation a:hover {
    background: #c5d6e2; /* Old browsers */
    background: -moz-linear-gradient(top, #c5d6e2 0%, #d9e5ee 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c5d6e2), color-stop(100%,#d9e5ee)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #c5d6e2 0%,#d9e5ee 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #c5d6e2 0%,#d9e5ee 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #c5d6e2 0%,#d9e5ee 100%); /* IE10+ */
    background: linear-gradient(to bottom, #c5d6e2 0%,#d9e5ee 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c5d6e2', endColorstr='#d9e5ee',GradientType=0 ); /* IE6-9 */
}
.r4q-navigation .active a {
    color: #ff5600;
    cursor: default;
}

/* View quote */
.r4q-accept-reject {
    overflow: hidden;
    zoom: 1;
    text-align: center;
}
.r4q-reject {
    padding: 20px 0;
    border-right: 1px solid #ccc;
    float: left;
    width: 49%;
}
.r4q-accept {
    float: right;
    width: 49%;
}
.r4q_reject_reason_row {
    padding: 10px 0;
}
#r4qRejectReason {
    height: 80px;
    width: 200px;
}

.button.r4q-btn-accept { border: 2px solid #229922;  }

.r4q-accept button.r4q-btn-accept, .r4q-reject button.r4q-btn-reject {
    border: none;
    height: 37px;
    /*width: 200px;*/
}
.r4q-accept button.r4q-btn-accept span, .r4q-reject button.r4q-btn-reject span {
    height: 37px;
    border: none;
    padding: 0;
}

.r4q-accept button.r4q-btn-accept span span, .r4q-reject button.r4q-btn-reject span span{
    line-height: 14px;
    font-size: 16px;
}
/*!
 * Bootstrap v3.3.0 (http://getbootstrap.com)
 * Copyright 2011-2014 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
@font-face {
  font-family: 'Glyphicons Halflings';

  src: url('https://www.surfaceshields.com/skin/frontend/base/default/megamenu/fonts/glyphicons-halflings-regular.eot');
  src: url('https://www.surfaceshields.com/skin/frontend/base/default/megamenu/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('https://www.surfaceshields.com/skin/frontend/base/default/megamenu/fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('https://www.surfaceshields.com/skin/frontend/base/default/megamenu/fonts/glyphicons-halflings-regular.woff') format('woff'), url('https://www.surfaceshields.com/skin/frontend/base/default/megamenu/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('https://www.surfaceshields.com/skin/frontend/base/default/megamenu/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}

.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.glyphicon-asterisk:before {
  content: "\2a";
}
.small{
    font-size: 70%;
    top: 4px;
}
.glyphicon-plus:before {
  content: "\2b";
}
.glyphicon-euro:before,
.glyphicon-eur:before {
  content: "\20ac";
}
.glyphicon-minus:before {
  content: "\2212";
}
.glyphicon-cloud:before {
  content: "\2601";
}
.glyphicon-envelope:before {
  content: "\2709";
}
.glyphicon-pencil:before {
  content: "\270f";
}
.glyphicon-glass:before {
  content: "\e001";
}
.glyphicon-music:before {
  content: "\e002";
}
.glyphicon-search:before {
  content: "\e003";
}
.glyphicon-heart:before {
  content: "\e005";
}
.glyphicon-star:before {
  content: "\e006";
}
.glyphicon-star-empty:before {
  content: "\e007";
}
.glyphicon-user:before {
  content: "\e008";
}
.glyphicon-film:before {
  content: "\e009";
}
.glyphicon-th-large:before {
  content: "\e010";
}
.glyphicon-th:before {
  content: "\e011";
}
.glyphicon-th-list:before {
  content: "\e012";
}
.glyphicon-ok:before {
  content: "\e013";
}
.glyphicon-remove:before {
  content: "\e014";
}
.glyphicon-zoom-in:before {
  content: "\e015";
}
.glyphicon-zoom-out:before {
  content: "\e016";
}
.glyphicon-off:before {
  content: "\e017";
}
.glyphicon-signal:before {
  content: "\e018";
}
.glyphicon-cog:before {
  content: "\e019";
}
.glyphicon-trash:before {
  content: "\e020";
}
.glyphicon-home:before {
  content: "\e021";
}
.glyphicon-file:before {
  content: "\e022";
}
.glyphicon-time:before {
  content: "\e023";
}
.glyphicon-road:before {
  content: "\e024";
}
.glyphicon-download-alt:before {
  content: "\e025";
}
.glyphicon-download:before {
  content: "\e026";
}
.glyphicon-upload:before {
  content: "\e027";
}
.glyphicon-inbox:before {
  content: "\e028";
}
.glyphicon-play-circle:before {
  content: "\e029";
}
.glyphicon-repeat:before {
  content: "\e030";
}
.glyphicon-refresh:before {
  content: "\e031";
}
.glyphicon-list-alt:before {
  content: "\e032";
}
.glyphicon-lock:before {
  content: "\e033";
}
.glyphicon-flag:before {
  content: "\e034";
}
.glyphicon-headphones:before {
  content: "\e035";
}
.glyphicon-volume-off:before {
  content: "\e036";
}
.glyphicon-volume-down:before {
  content: "\e037";
}
.glyphicon-volume-up:before {
  content: "\e038";
}
.glyphicon-qrcode:before {
  content: "\e039";
}
.glyphicon-barcode:before {
  content: "\e040";
}
.glyphicon-tag:before {
  content: "\e041";
}
.glyphicon-tags:before {
  content: "\e042";
}
.glyphicon-book:before {
  content: "\e043";
}
.glyphicon-bookmark:before {
  content: "\e044";
}
.glyphicon-print:before {
  content: "\e045";
}
.glyphicon-camera:before {
  content: "\e046";
}
.glyphicon-font:before {
  content: "\e047";
}
.glyphicon-bold:before {
  content: "\e048";
}
.glyphicon-italic:before {
  content: "\e049";
}
.glyphicon-text-height:before {
  content: "\e050";
}
.glyphicon-text-width:before {
  content: "\e051";
}
.glyphicon-align-left:before {
  content: "\e052";
}
.glyphicon-align-center:before {
  content: "\e053";
}
.glyphicon-align-right:before {
  content: "\e054";
}
.glyphicon-align-justify:before {
  content: "\e055";
}
.glyphicon-list:before {
  content: "\e056";
}
.glyphicon-indent-left:before {
  content: "\e057";
}
.glyphicon-indent-right:before {
  content: "\e058";
}
.glyphicon-facetime-video:before {
  content: "\e059";
}
.glyphicon-picture:before {
  content: "\e060";
}
.glyphicon-map-marker:before {
  content: "\e062";
}
.glyphicon-adjust:before {
  content: "\e063";
}
.glyphicon-tint:before {
  content: "\e064";
}
.glyphicon-edit:before {
  content: "\e065";
}
.glyphicon-share:before {
  content: "\e066";
}
.glyphicon-check:before {
  content: "\e067";
}
.glyphicon-move:before {
  content: "\e068";
}
.glyphicon-step-backward:before {
  content: "\e069";
}
.glyphicon-fast-backward:before {
  content: "\e070";
}
.glyphicon-backward:before {
  content: "\e071";
}
.glyphicon-play:before {
  content: "\e072";
}
.glyphicon-pause:before {
  content: "\e073";
}
.glyphicon-stop:before {
  content: "\e074";
}
.glyphicon-forward:before {
  content: "\e075";
}
.glyphicon-fast-forward:before {
  content: "\e076";
}
.glyphicon-step-forward:before {
  content: "\e077";
}
.glyphicon-eject:before {
  content: "\e078";
}
.glyphicon-chevron-left:before {
  content: "\e079";
}
.glyphicon-chevron-right:before {
  content: "\e080";
}
.glyphicon-plus-sign:before {
  content: "\e081";
}
.glyphicon-minus-sign:before {
  content: "\e082";
}
.glyphicon-remove-sign:before {
  content: "\e083";
}
.glyphicon-ok-sign:before {
  content: "\e084";
}
.glyphicon-question-sign:before {
  content: "\e085";
}
.glyphicon-info-sign:before {
  content: "\e086";
}
.glyphicon-screenshot:before {
  content: "\e087";
}
.glyphicon-remove-circle:before {
  content: "\e088";
}
.glyphicon-ok-circle:before {
  content: "\e089";
}
.glyphicon-ban-circle:before {
  content: "\e090";
}
.glyphicon-arrow-left:before {
  content: "\e091";
}
.glyphicon-arrow-right:before {
  content: "\e092";
}
.glyphicon-arrow-up:before {
  content: "\e093";
}
.glyphicon-arrow-down:before {
  content: "\e094";
}
.glyphicon-share-alt:before {
  content: "\e095";
}
.glyphicon-resize-full:before {
  content: "\e096";
}
.glyphicon-resize-small:before {
  content: "\e097";
}
.glyphicon-exclamation-sign:before {
  content: "\e101";
}
.glyphicon-gift:before {
  content: "\e102";
}
.glyphicon-leaf:before {
  content: "\e103";
}
.glyphicon-fire:before {
  content: "\e104";
}
.glyphicon-eye-open:before {
  content: "\e105";
}
.glyphicon-eye-close:before {
  content: "\e106";
}
.glyphicon-warning-sign:before {
  content: "\e107";
}
.glyphicon-plane:before {
  content: "\e108";
}
.glyphicon-calendar:before {
  content: "\e109";
}
.glyphicon-random:before {
  content: "\e110";
}
.glyphicon-comment:before {
  content: "\e111";
}
.glyphicon-magnet:before {
  content: "\e112";
}
.glyphicon-chevron-up:before {
  content: "\e113";
}
.glyphicon-chevron-down:before {
  content: "\e114";
}
.glyphicon-retweet:before {
  content: "\e115";
}
.glyphicon-shopping-cart:before {
  content: "\e116";
}
.glyphicon-folder-close:before {
  content: "\e117";
}
.glyphicon-folder-open:before {
  content: "\e118";
}
.glyphicon-resize-vertical:before {
  content: "\e119";
}
.glyphicon-resize-horizontal:before {
  content: "\e120";
}
.glyphicon-hdd:before {
  content: "\e121";
}
.glyphicon-bullhorn:before {
  content: "\e122";
}
.glyphicon-bell:before {
  content: "\e123";
}
.glyphicon-certificate:before {
  content: "\e124";
}
.glyphicon-thumbs-up:before {
  content: "\e125";
}
.glyphicon-thumbs-down:before {
  content: "\e126";
}
.glyphicon-hand-right:before {
  content: "\e127";
}
.glyphicon-hand-left:before {
  content: "\e128";
}
.glyphicon-hand-up:before {
  content: "\e129";
}
.glyphicon-hand-down:before {
  content: "\e130";
}
.glyphicon-circle-arrow-right:before {
  content: "\e131";
}
.glyphicon-circle-arrow-left:before {
  content: "\e132";
}
.glyphicon-circle-arrow-up:before {
  content: "\e133";
}
.glyphicon-circle-arrow-down:before {
  content: "\e134";
}
.glyphicon-globe:before {
  content: "\e135";
}
.glyphicon-wrench:before {
  content: "\e136";
}
.glyphicon-tasks:before {
  content: "\e137";
}
.glyphicon-filter:before {
  content: "\e138";
}
.glyphicon-briefcase:before {
  content: "\e139";
}
.glyphicon-fullscreen:before {
  content: "\e140";
}
.glyphicon-dashboard:before {
  content: "\e141";
}
.glyphicon-paperclip:before {
  content: "\e142";
}
.glyphicon-heart-empty:before {
  content: "\e143";
}
.glyphicon-link:before {
  content: "\e144";
}
.glyphicon-phone:before {
  content: "\e145";
}
.glyphicon-pushpin:before {
  content: "\e146";
}
.glyphicon-usd:before {
  content: "\e148";
}
.glyphicon-gbp:before {
  content: "\e149";
}
.glyphicon-sort:before {
  content: "\e150";
}
.glyphicon-sort-by-alphabet:before {
  content: "\e151";
}
.glyphicon-sort-by-alphabet-alt:before {
  content: "\e152";
}
.glyphicon-sort-by-order:before {
  content: "\e153";
}
.glyphicon-sort-by-order-alt:before {
  content: "\e154";
}
.glyphicon-sort-by-attributes:before {
  content: "\e155";
}
.glyphicon-sort-by-attributes-alt:before {
  content: "\e156";
}
.glyphicon-unchecked:before {
  content: "\e157";
}
.glyphicon-expand:before {
  content: "\e158";
}
.glyphicon-collapse-down:before {
  content: "\e159";
}
.glyphicon-collapse-up:before {
  content: "\e160";
}
.glyphicon-log-in:before {
  content: "\e161";
}
.glyphicon-flash:before {
  content: "\e162";
}
.glyphicon-log-out:before {
  content: "\e163";
}
.glyphicon-new-window:before {
  content: "\e164";
}
.glyphicon-record:before {
  content: "\e165";
}
.glyphicon-save:before {
  content: "\e166";
}
.glyphicon-open:before {
  content: "\e167";
}
.glyphicon-saved:before {
  content: "\e168";
}
.glyphicon-import:before {
  content: "\e169";
}
.glyphicon-export:before {
  content: "\e170";
}
.glyphicon-send:before {
  content: "\e171";
}
.glyphicon-floppy-disk:before {
  content: "\e172";
}
.glyphicon-floppy-saved:before {
  content: "\e173";
}
.glyphicon-floppy-remove:before {
  content: "\e174";
}
.glyphicon-floppy-save:before {
  content: "\e175";
}
.glyphicon-floppy-open:before {
  content: "\e176";
}
.glyphicon-credit-card:before {
  content: "\e177";
}
.glyphicon-transfer:before {
  content: "\e178";
}
.glyphicon-cutlery:before {
  content: "\e179";
}
.glyphicon-header:before {
  content: "\e180";
}
.glyphicon-compressed:before {
  content: "\e181";
}
.glyphicon-earphone:before {
  content: "\e182";
}
.glyphicon-phone-alt:before {
  content: "\e183";
}
.glyphicon-tower:before {
  content: "\e184";
}
.glyphicon-stats:before {
  content: "\e185";
}
.glyphicon-sd-video:before {
  content: "\e186";
}
.glyphicon-hd-video:before {
  content: "\e187";
}
.glyphicon-subtitles:before {
  content: "\e188";
}
.glyphicon-sound-stereo:before {
  content: "\e189";
}
.glyphicon-sound-dolby:before {
  content: "\e190";
}
.glyphicon-sound-5-1:before {
  content: "\e191";
}
.glyphicon-sound-6-1:before {
  content: "\e192";
}
.glyphicon-sound-7-1:before {
  content: "\e193";
}
.glyphicon-copyright-mark:before {
  content: "\e194";
}
.glyphicon-registration-mark:before {
  content: "\e195";
}
.glyphicon-cloud-download:before {
  content: "\e197";
}
.glyphicon-cloud-upload:before {
  content: "\e198";
}
.glyphicon-tree-conifer:before {
  content: "\e199";
}
.glyphicon-tree-deciduous:before {
  content: "\e200";
}
.glyphicon-cd:before {
  content: "\e201";
}
.glyphicon-save-file:before {
  content: "\e202";
}
.glyphicon-open-file:before {
  content: "\e203";
}
.glyphicon-level-up:before {
  content: "\e204";
}
.glyphicon-copy:before {
  content: "\e205";
}
.glyphicon-paste:before {
  content: "\e206";
}
.glyphicon-alert:before {
  content: "\e209";
}
.glyphicon-equalizer:before {
  content: "\e210";
}
.glyphicon-king:before {
  content: "\e211";
}
.glyphicon-queen:before {
  content: "\e212";
}
.glyphicon-pawn:before {
  content: "\e213";
}
.glyphicon-bishop:before {
  content: "\e214";
}
.glyphicon-knight:before {
  content: "\e215";
}
.glyphicon-baby-formula:before {
  content: "\e216";
}
.glyphicon-tent:before {
  content: "\26fa";
}
.glyphicon-blackboard:before {
  content: "\e218";
}
.glyphicon-bed:before {
  content: "\e219";
}
.glyphicon-apple:before {
  content: "\f8ff";
}
.glyphicon-erase:before {
  content: "\e221";
}
.glyphicon-hourglass:before {
  content: "\231b";
}
.glyphicon-lamp:before {
  content: "\e223";
}
.glyphicon-duplicate:before {
  content: "\e224";
}
.glyphicon-piggy-bank:before {
  content: "\e225";
}
.glyphicon-scissors:before {
  content: "\e226";
}
.glyphicon-bitcoin:before {
  content: "\e227";
}
.glyphicon-btc:before {
  content: "\e227";
}
.glyphicon-xbt:before {
  content: "\e227";
}
.glyphicon-yen:before {
  content: "\00a5";
}
.glyphicon-jpy:before {
  content: "\00a5";
}
.glyphicon-ruble:before {
  content: "\20bd";
}
.glyphicon-rub:before {
  content: "\20bd";
}
.glyphicon-scale:before {
  content: "\e230";
}
.glyphicon-ice-lolly:before {
  content: "\e231";
}
.glyphicon-ice-lolly-tasted:before {
  content: "\e232";
}
.glyphicon-education:before {
  content: "\e233";
}
.glyphicon-option-horizontal:before {
  content: "\e234";
}
.glyphicon-option-vertical:before {
  content: "\e235";
}
.glyphicon-menu-hamburger:before {
  content: "\e236";
}
.glyphicon-modal-window:before {
  content: "\e237";
}
.glyphicon-oil:before {
  content: "\e238";
}
.glyphicon-grain:before {
  content: "\e239";
}
.glyphicon-sunglasses:before {
  content: "\e240";
}
.glyphicon-text-size:before {
  content: "\e241";
}
.glyphicon-text-color:before {
  content: "\e242";
}
.glyphicon-text-background:before {
  content: "\e243";
}
.glyphicon-object-align-top:before {
  content: "\e244";
}
.glyphicon-object-align-bottom:before {
  content: "\e245";
}
.glyphicon-object-align-horizontal:before {
  content: "\e246";
}
.glyphicon-object-align-left:before {
  content: "\e247";
}
.glyphicon-object-align-vertical:before {
  content: "\e248";
}
.glyphicon-object-align-right:before {
  content: "\e249";
}
.glyphicon-triangle-right:before {
  content: "\e250";
}
.glyphicon-triangle-left:before {
  content: "\e251";
}
.glyphicon-triangle-bottom:before {
  content: "\e252";
}
.glyphicon-triangle-top:before {
  content: "\e253";
}
.glyphicon-console:before {
  content: "\e254";
}
.glyphicon-superscript:before {
  content: "\e255";
}
.glyphicon-subscript:before {
  content: "\e256";
}
.glyphicon-menu-left:before {
  content: "\e257";
}
.glyphicon-menu-right:before {
  content: "\e258";
}
.glyphicon-menu-down:before {
  content: "\e259";
}
.glyphicon-menu-up:before {
  content: "\e260";
}

.ms-megamenu *{
    box-sizing: border-box;
    transition: background-color 250ms ease-out; 
    -webkit-transition: background-color  250ms ease-out;
    -moz-transition: background-color  250ms ease-out;
    -ms-transition:background-color  250ms ease-out;
    -o-transition: background-color  250ms ease-out;
}
.ms-megamenu button *{box-sizing: content-box;}
.ms-megamenu .row {
    margin-right: -10px;
    margin-left: -10px;
}

.ms-megamenu .col-xs-1,.ms-megamenu  .col-xs-2,.ms-megamenu  .col-xs-3,.ms-megamenu  .col-xs-4,.ms-megamenu  .col-xs-5,.ms-megamenu  .col-xs-6,.ms-megamenu  .col-xs-7,.ms-megamenu  .col-xs-8,.ms-megamenu  .col-xs-9,.ms-megamenu  .col-xs-10,.ms-megamenu  .col-xs-11,.ms-megamenu  .col-xs-12 {
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.col-xs-12 {
    width: 100%;
}
.col-xs-11 {
    width: 91.66666667%;
}
.col-xs-10 {
    width: 83.33333333%;
}
.col-xs-9 {
    width: 75%;
}
.col-xs-8 {
    width: 66.66666667%;
}
.col-xs-7 {
    width: 58.33333333%;
}
.col-xs-6 {
    width: 50%;
}
.col-xs-5 {
    width: 41.66666667%;
}
.col-xs-4 {
    width: 33.33333333%;
}
.col-xs-3 {
    width: 25%;
}
.col-xs-2 {
    width: 16.66666667%;
}
.col-xs-1 {
    width: 8.33333333%;
}
.col-xs-pull-12 {
    right: 100%;
}
.col-xs-pull-11 {
    right: 91.66666667%;
}
.col-xs-pull-10 {
    right: 83.33333333%;
}
.col-xs-pull-9 {
    right: 75%;
}
.col-xs-pull-8 {
    right: 66.66666667%;
}
.col-xs-pull-7 {
    right: 58.33333333%;
}
.col-xs-pull-6 {
    right: 50%;
}
.col-xs-pull-5 {
    right: 41.66666667%;
}
.col-xs-pull-4 {
    right: 33.33333333%;
}
.col-xs-pull-3 {
    right: 25%;
}
.col-xs-pull-2 {
    right: 16.66666667%;
}
.col-xs-pull-1 {
    right: 8.33333333%;
}
.col-xs-pull-0 {
    right: auto;
}
.col-xs-push-12 {
    left: 100%;
}
.col-xs-push-11 {
    left: 91.66666667%;
}
.col-xs-push-10 {
    left: 83.33333333%;
}
.col-xs-push-9 {
    left: 75%;
}
.col-xs-push-8 {
    left: 66.66666667%;
}
.col-xs-push-7 {
    left: 58.33333333%;
}
.col-xs-push-6 {
    left: 50%;
}
.col-xs-push-5 {
    left: 41.66666667%;
}
.col-xs-push-4 {
    left: 33.33333333%;
}
.col-xs-push-3 {
    left: 25%;
}
.col-xs-push-2 {
    left: 16.66666667%;
}
.col-xs-push-1 {
    left: 8.33333333%;
}
.col-xs-push-0 {
    left: auto;
}
.col-xs-offset-12 {
    margin-left: 100%;
}
.col-xs-offset-11 {
    margin-left: 91.66666667%;
}
.col-xs-offset-10 {
    margin-left: 83.33333333%;
}
.col-xs-offset-9 {
    margin-left: 75%;
}
.col-xs-offset-8 {
    margin-left: 66.66666667%;
}
.col-xs-offset-7 {
    margin-left: 58.33333333%;
}
.col-xs-offset-6 {
    margin-left: 50%;
}
.col-xs-offset-5 {
    margin-left: 41.66666667%;
}
.col-xs-offset-4 {
    margin-left: 33.33333333%;
}
.col-xs-offset-3 {
    margin-left: 25%;
}
.col-xs-offset-2 {
    margin-left: 16.66666667%;
}
.col-xs-offset-1 {
    margin-left: 8.33333333%;
}
.col-xs-offset-0 {
    margin-left: 0;
}
@media (min-width: 768px) {
    .col-sm-1,.col-sm-14, .col-sm-2,.col-sm-24, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
        float: left;
    }
    .col-sm-12 {
        width: 100%;
    }
    .col-sm-11 {
        width: 91.66666667%;
    }
    .col-sm-10 {
        width: 83.33333333%;
    }
    .col-sm-9 {
        width: 75%;
    }
    .col-sm-8 {
        width: 66.66666667%;
    }
    .col-sm-7 {
        width: 58.33333333%;
    }
    .col-sm-6 {
        width: 50%;
    }
    .col-sm-5 {
        width: 41.66666667%;
    }
    .col-sm-4 {
        width: 33.33333333%;
    }
    .col-sm-3 {
        width: 25%;
    }
    .col-sm-24{
        width: 20%;
    }
    .col-sm-2 {
        width: 16.66666667%;
    }
    .col-sm-14{
        width: 14%;
    }
    .col-sm-125{
        width: 12.5%;
    }
    .col-sm-111{
        width: 11.11111111%;
    }
    .col-sm-100{
        width: 10%;
    }
    .col-sm-909{
        width: 9.090909090%;
    }
    .col-sm-1 {
        width: 8.33333333%;
    }
    .col-sm-pull-12 {
        right: 100%;
    }
    .col-sm-pull-11 {
        right: 91.66666667%;
    }
    .col-sm-pull-10 {
        right: 83.33333333%;
    }
    .col-sm-pull-9 {
        right: 75%;
    }
    .col-sm-pull-8 {
        right: 66.66666667%;
    }
    .col-sm-pull-7 {
        right: 58.33333333%;
    }
    .col-sm-pull-6 {
        right: 50%;
    }
    .col-sm-pull-5 {
        right: 41.66666667%;
    }
    .col-sm-pull-4 {
        right: 33.33333333%;
    }
    .col-sm-pull-3 {
        right: 25%;
    }
    .col-sm-pull-2 {
        right: 16.66666667%;
    }
    .col-sm-pull-1 {
        right: 8.33333333%;
    }
    .col-sm-pull-0 {
        right: auto;
    }
    .col-sm-push-12 {
        left: 100%;
    }
    .col-sm-push-11 {
        left: 91.66666667%;
    }
    .col-sm-push-10 {
        left: 83.33333333%;
    }
    .col-sm-push-9 {
        left: 75%;
    }
    .col-sm-push-8 {
        left: 66.66666667%;
    }
    .col-sm-push-7 {
        left: 58.33333333%;
    }
    .col-sm-push-6 {
        left: 50%;
    }
    .col-sm-push-5 {
        left: 41.66666667%;
    }
    .col-sm-push-4 {
        left: 33.33333333%;
    }
    .col-sm-push-3 {
        left: 25%;
    }
    .col-sm-push-2 {
        left: 16.66666667%;
    }
    .col-sm-push-1 {
        left: 8.33333333%;
    }
    .col-sm-push-0 {
        left: auto;
    }
    .col-sm-offset-12 {
        margin-left: 100%;
    }
    .col-sm-offset-11 {
        margin-left: 91.66666667%;
    }
    .col-sm-offset-10 {
        margin-left: 83.33333333%;
    }
    .col-sm-offset-9 {
        margin-left: 75%;
    }
    .col-sm-offset-8 {
        margin-left: 66.66666667%;
    }
    .col-sm-offset-7 {
        margin-left: 58.33333333%;
    }
    .col-sm-offset-6 {
        margin-left: 50%;
    }
    .col-sm-offset-5 {
        margin-left: 41.66666667%;
    }
    .col-sm-offset-4 {
        margin-left: 33.33333333%;
    }
    .col-sm-offset-3 {
        margin-left: 25%;
    }
    .col-sm-offset-2 {
        margin-left: 16.66666667%;
    }
    .col-sm-offset-1 {
        margin-left: 8.33333333%;
    }
    .col-sm-offset-0 {
        margin-left: 0;
    }
}
@media (min-width: 992px) {
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
        float: left;
    }
    .col-md-12 {
        width: 100%;
    }
    .col-md-11 {
        width: 91.66666667%;
    }
    .col-md-10 {
        width: 83.33333333%;
    }
    .col-md-9 {
        width: 75%;
    }
    .col-md-8 {
        width: 66.66666667%;
    }
    .col-md-7 {
        width: 58.33333333%;
    }
    .col-md-6 {
        width: 50%;
    }
    .col-md-5 {
        width: 41.66666667%;
    }
    .col-md-4 {
        width: 33.33333333%;
    }
    .col-md-3 {
        width: 25%;
    }
    .col-md-2 {
        width: 16.66666667%;
    }
    .col-md-1 {
        width: 8.33333333%;
    }
    .col-md-pull-12 {
        right: 100%;
    }
    .col-md-pull-11 {
        right: 91.66666667%;
    }
    .col-md-pull-10 {
        right: 83.33333333%;
    }
    .col-md-pull-9 {
        right: 75%;
    }
    .col-md-pull-8 {
        right: 66.66666667%;
    }
    .col-md-pull-7 {
        right: 58.33333333%;
    }
    .col-md-pull-6 {
        right: 50%;
    }
    .col-md-pull-5 {
        right: 41.66666667%;
    }
    .col-md-pull-4 {
        right: 33.33333333%;
    }
    .col-md-pull-3 {
        right: 25%;
    }
    .col-md-pull-2 {
        right: 16.66666667%;
    }
    .col-md-pull-1 {
        right: 8.33333333%;
    }
    .col-md-pull-0 {
        right: auto;
    }
    .col-md-push-12 {
        left: 100%;
    }
    .col-md-push-11 {
        left: 91.66666667%;
    }
    .col-md-push-10 {
        left: 83.33333333%;
    }
    .col-md-push-9 {
        left: 75%;
    }
    .col-md-push-8 {
        left: 66.66666667%;
    }
    .col-md-push-7 {
        left: 58.33333333%;
    }
    .col-md-push-6 {
        left: 50%;
    }
    .col-md-push-5 {
        left: 41.66666667%;
    }
    .col-md-push-4 {
        left: 33.33333333%;
    }
    .col-md-push-3 {
        left: 25%;
    }
    .col-md-push-2 {
        left: 16.66666667%;
    }
    .col-md-push-1 {
        left: 8.33333333%;
    }
    .col-md-push-0 {
        left: auto;
    }
    .col-md-offset-12 {
        margin-left: 100%;
    }
    .col-md-offset-11 {
        margin-left: 91.66666667%;
    }
    .col-md-offset-10 {
        margin-left: 83.33333333%;
    }
    .col-md-offset-9 {
        margin-left: 75%;
    }
    .col-md-offset-8 {
        margin-left: 66.66666667%;
    }
    .col-md-offset-7 {
        margin-left: 58.33333333%;
    }
    .col-md-offset-6 {
        margin-left: 50%;
    }
    .col-md-offset-5 {
        margin-left: 41.66666667%;
    }
    .col-md-offset-4 {
        margin-left: 33.33333333%;
    }
    .col-md-offset-3 {
        margin-left: 25%;
    }
    .col-md-offset-2 {
        margin-left: 16.66666667%;
    }
    .col-md-offset-1 {
        margin-left: 8.33333333%;
    }
    .col-md-offset-0 {
        margin-left: 0;
    }
}
@media (min-width: 1200px) {
    .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
        float: left;
    }
    .col-lg-12 {
        width: 100%;
    }
    .col-lg-11 {
        width: 91.66666667%;
    }
    .col-lg-10 {
        width: 83.33333333%;
    }
    .col-lg-9 {
        width: 75%;
    }
    .col-lg-8 {
        width: 66.66666667%;
    }
    .col-lg-7 {
        width: 58.33333333%;
    }
    .col-lg-6 {
        width: 50%;
    }
    .col-lg-5 {
        width: 41.66666667%;
    }
    .col-lg-4 {
        width: 33.33333333%;
    }
    .col-lg-3 {
        width: 25%;
    }
    .col-lg-2 {
        width: 16.66666667%;
    }
    .col-lg-1 {
        width: 8.33333333%;
    }
    .col-lg-pull-12 {
        right: 100%;
    }
    .col-lg-pull-11 {
        right: 91.66666667%;
    }
    .col-lg-pull-10 {
        right: 83.33333333%;
    }
    .col-lg-pull-9 {
        right: 75%;
    }
    .col-lg-pull-8 {
        right: 66.66666667%;
    }
    .col-lg-pull-7 {
        right: 58.33333333%;
    }
    .col-lg-pull-6 {
        right: 50%;
    }
    .col-lg-pull-5 {
        right: 41.66666667%;
    }
    .col-lg-pull-4 {
        right: 33.33333333%;
    }
    .col-lg-pull-3 {
        right: 25%;
    }
    .col-lg-pull-2 {
        right: 16.66666667%;
    }
    .col-lg-pull-1 {
        right: 8.33333333%;
    }
    .col-lg-pull-0 {
        right: auto;
    }
    .col-lg-push-12 {
        left: 100%;
    }
    .col-lg-push-11 {
        left: 91.66666667%;
    }
    .col-lg-push-10 {
        left: 83.33333333%;
    }
    .col-lg-push-9 {
        left: 75%;
    }
    .col-lg-push-8 {
        left: 66.66666667%;
    }
    .col-lg-push-7 {
        left: 58.33333333%;
    }
    .col-lg-push-6 {
        left: 50%;
    }
    .col-lg-push-5 {
        left: 41.66666667%;
    }
    .col-lg-push-4 {
        left: 33.33333333%;
    }
    .col-lg-push-3 {
        left: 25%;
    }
    .col-lg-push-2 {
        left: 16.66666667%;
    }
    .col-lg-push-1 {
        left: 8.33333333%;
    }
    .col-lg-push-0 {
        left: auto;
    }
    .col-lg-offset-12 {
        margin-left: 100%;
    }
    .col-lg-offset-11 {
        margin-left: 91.66666667%;
    }
    .col-lg-offset-10 {
        margin-left: 83.33333333%;
    }
    .col-lg-offset-9 {
        margin-left: 75%;
    }
    .col-lg-offset-8 {
        margin-left: 66.66666667%;
    }
    .col-lg-offset-7 {
        margin-left: 58.33333333%;
    }
    .col-lg-offset-6 {
        margin-left: 50%;
    }
    .col-lg-offset-5 {
        margin-left: 41.66666667%;
    }
    .col-lg-offset-4 {
        margin-left: 33.33333333%;
    }
    .col-lg-offset-3 {
        margin-left: 25%;
    }
    .col-lg-offset-2 {
        margin-left: 16.66666667%;
    }
    .col-lg-offset-1 {
        margin-left: 8.33333333%;
    }
    .col-lg-offset-0 {
        margin-left: 0;
    }
}
@media (max-width: 460px) {
     .col-tn-1, .col-tn-2, .col-tn-3, .col-tn-4, .col-tn-5, .col-tn-6, .col-tn-7, .col-tn-8, .col-tn-9, .col-tn-10, .col-tn-11, .col-tn-12 {
        float: left;
    }
    .col-tn-12 {
        width: 100%;
    }
    .col-tn-11 {
        width: 91.66666667%;
    }
    .col-tn-10 {
        width: 83.33333333%;
    }
    .col-tn-9 {
        width: 75%;
    }
    .col-tn-8 {
        width: 66.66666667%;
    }
    .col-tn-7 {
        width: 58.33333333%;
    }
    .col-tn-6 {
        width: 50%;
    }
    .col-tn-5 {
        width: 41.66666667%;
    }
    .col-tn-4 {
        width: 33.33333333%;
    }
    .col-tn-3 {
        width: 25%;
    }
    .col-tn-2 {
        width: 16.66666667%;
    }
    .col-tn-1 {
        width: 8.33333333%;
    }
    .col-tn-offset-12 {
        margin-left: 100%;
    }
    .col-tn-offset-11 {
        margin-left: 91.66666667%;
    }
    .col-tn-offset-10 {
        margin-left: 83.33333333%;
    }
    .col-tn-offset-9 {
        margin-left: 75%;
    }
    .col-tn-offset-8 {
        margin-left: 66.66666667%;
    }
    .col-tn-offset-7 {
        margin-left: 58.33333333%;
    }
    .col-tn-offset-6 {
        margin-left: 50%;
    }
    .col-tn-offset-5 {
        margin-left: 41.66666667%;
    }
    .col-tn-offset-4 {
        margin-left: 33.33333333%;
    }
    .col-tn-offset-3 {
        margin-left: 25%;
    }
    .col-tn-offset-2 {
        margin-left: 16.66666667%;
    }
    .col-tn-offset-1 {
        margin-left: 8.33333333%;
    }
}
@media (max-width: 460px) {
  .hidden-tn {
    display: none !important;
  }
}
@media (max-width: 767px) and (min-width: 461px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}
.ms-megamenu input[type="search"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.ms-megamenu input[type="radio"],
.ms-megamenu input[type="checkbox"] {
    margin: 3px 0 0;
    margin-top: 1px \9;
    line-height: normal;
}
.ms-megamenu input[type="file"] {
    display: block;
}
.ms-megamenu input[type="range"] {
    display: block;
    width: 100%;
}
.ms-megamenu select[multiple],
.ms-megamenu select[size] {
    height: auto;
}
.ms-megamenu input[type="file"]:focus,
.ms-megamenu input[type="radio"]:focus,
.ms-megamenu input[type="checkbox"]:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}
.ms-megamenu output {
    display: block;
    padding-top: 7px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
}
.ms-megamenu .form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.ms-megamenu .form-control:focus {
    border-color: #66afe9;
    outline:none;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
.ms-megamenu .form-control::-moz-placeholder {
    color: #999;
    opacity: 1;
}
.ms-megamenu .form-control:-ms-input-placeholder {
    color: #999;
}
.ms-megamenu .form-control::-webkit-input-placeholder {
    color: #999;
}
.ms-megamenu .form-control[disabled],
.ms-megamenu .form-control[readonly],

.ms-megamenu textarea.form-control {
    height: 173px;
}
input[type="search"] {
    -webkit-appearance: none;
}
.ms-megamenu input[type="date"],
.ms-megamenu input[type="time"],
.ms-megamenu input[type="datetime-local"],
.ms-megamenu input[type="month"] {
    line-height: 34px;
    line-height: 1.42857143 \0;
}
.ms-megamenu input[type="date"].input-sm,
.ms-megamenu input[type="time"].input-sm,
.ms-megamenu input[type="datetime-local"].input-sm,
.ms-megamenu input[type="month"].input-sm {
    line-height: 30px;
    line-height: 1.5 \0;
}
.ms-megamenu input[type="date"].input-lg,
.ms-megamenu input[type="time"].input-lg,
.ms-megamenu input[type="datetime-local"].input-lg,
.ms-megamenu input[type="month"].input-lg {
    line-height: 46px;
    line-height: 1.33 \0;
}
_:-ms-fullscreen,
:root input[type="date"],
_:-ms-fullscreen,
:root input[type="time"],
_:-ms-fullscreen,
:root input[type="datetime-local"],
_:-ms-fullscreen,
:root input[type="month"] {
    line-height: 1.42857143;
}
_:-ms-fullscreen.input-sm,
:root input[type="date"].input-sm,
_:-ms-fullscreen.input-sm,
:root input[type="time"].input-sm,
_:-ms-fullscreen.input-sm,
:root input[type="datetime-local"].input-sm,
_:-ms-fullscreen.input-sm,
:root input[type="month"].input-sm {
    line-height: 1.5;
}
_:-ms-fullscreen.input-lg,
:root input[type="date"].input-lg,
_:-ms-fullscreen.input-lg,
:root input[type="time"].input-lg,
_:-ms-fullscreen.input-lg,
:root input[type="datetime-local"].input-lg,
_:-ms-fullscreen.input-lg,
:root input[type="month"].input-lg {
    line-height: 1.33;
}
.ms-megamenu .form-group {
    margin-bottom: 10px;
    float:left;
    width:100%;
}
.ms-megamenu .radio,
.ms-megamenu .checkbox {
    position: relative;
    display: block;
    margin-top: 5px;
    margin-bottom: 5px;
}
.ms-megamenu .radio label,
.ms-megamenu .checkbox label {
    min-height: 20px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: normal;
    cursor: pointer;
}
.ms-megamenu .radio input[type="radio"],
.ms-megamenu .radio-inline input[type="radio"],
.ms-megamenu .checkbox input[type="checkbox"],
.ms-megamenu .checkbox-inline input[type="checkbox"] {
    position: absolute;number
    margin-top: 4px \9;
    margin-left: -19px;
}
.radio + .radio,
.checkbox + .checkbox {
    margin-top: -5px;
}
.ms-megamenu .radio-inline,
.ms-megamenu .checkbox-inline {
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: normal;
    vertical-align: middle;
    cursor: pointer;
}
.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
    margin-top: 0;
    margin-left: 10px;
}
.ms-megamenu .form-group label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
}
.ms-megamenu .hide{display:none;}
.ms-megamenu .disabled{
    opacity: 0.3;
    filter: alpha(opacity=30);
    cursor: default;
}
.ms-megamenu .text-left {
    text-align: left;
}
.ms-megamenu .text-right {
    text-align: right;
}
.ms-megamenu .text-center {
    text-align: center;
}
.ms-megamenu .text-justify {
    text-align: justify;
}
.ms-megamenu .text-nowrap {
    white-space: nowrap;
}
.ms-megamenu .text-lowercase {
    text-transform: lowercase;
}
.ms-megamenu .text-uppercase {
    text-transform: uppercase;
}
.ms-megamenu .text-capitalize {
    text-transform: capitalize;
}
.ms-megamenu .btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.ms-megamenu .btn:hover,
.ms-megamenu .btn:focus,
.ms-megamenu .btn.focus {
  color: #333;
  text-decoration: none;
}
.ms-megamenu .btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.ms-megamenu .btn-default:hover,
.ms-megamenu .btn-default:focus,
.ms-megamenu .btn-default.focus,
.ms-megamenu .btn-default:active,
.ms-megamenu .btn-default.active,
.ms-megamenu .open > .dropdown-toggle.btn-default {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.ms-megamenu .btn-default:active,
.ms-megamenu .btn-default.active,
.ms-megamenu .open > .dropdown-toggle.btn-default {
  background-image: none;
}
.ms-megamenu .btn-default.disabled,
.ms-megamenu .btn-default[disabled],
.ms-megamenu fieldset[disabled] .btn-default,
.ms-megamenu .btn-default.disabled:hover,
.ms-megamenu .btn-default[disabled]:hover,
.ms-megamenu fieldset[disabled] .btn-default:hover,
.ms-megamenu .btn-default.disabled:focus,
.ms-megamenu .btn-default[disabled]:focus,
.ms-megamenu fieldset[disabled] .btn-default:focus,
.ms-megamenu .btn-default.disabled.focus,
.ms-megamenu .btn-default[disabled].focus,
.ms-megamenu fieldset[disabled] .btn-default.focus,
.ms-megamenu .btn-default.disabled:active,
.ms-megamenu .btn-default[disabled]:active,
.ms-megamenu fieldset[disabled] .btn-default:active,
.ms-megamenu .btn-default.disabled.active,
.ms-megamenu .btn-default[disabled].active,
.ms-megamenu fieldset[disabled] .btn-default.active {
  background-color: #fff;
  border-color: #ccc;
}
.ms-megamenu .btn-default .badge {
  color: #fff;
  background-color: #333;
}
.ms-megamenu .btn-primary {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
}
.ms-megamenu .btn-primary:hover,
.ms-megamenu .btn-primary:focus,
.ms-megamenu .btn-primary.focus,
.ms-megamenu .btn-primary:active,
.ms-megamenu .btn-primary.active,
.ms-megamenu .open > .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}
.ms-megamenu .btn-primary:active,
.ms-megamenu .btn-primary.active,
.ms-megamenu .open > .dropdown-toggle.btn-primary {
  background-image: none;
}
.ms-megamenu .btn-primary.disabled,
.ms-megamenu .btn-primary[disabled],
.ms-megamenu fieldset[disabled] .btn-primary,
.ms-megamenu .btn-primary.disabled:hover,
.ms-megamenu .btn-primary[disabled]:hover,
.ms-megamenu fieldset[disabled] .btn-primary:hover,
.ms-megamenu .btn-primary.disabled:focus,
.ms-megamenu .btn-primary[disabled]:focus,
.ms-megamenu fieldset[disabled] .btn-primary:focus,
.ms-megamenu .btn-primary.disabled.focus,
.ms-megamenu .btn-primary[disabled].focus,
.ms-megamenu fieldset[disabled] .btn-primary.focus,
.ms-megamenu .btn-primary.disabled:active,
.ms-megamenu .btn-primary[disabled]:active,
.ms-megamenu fieldset[disabled] .btn-primary:active,
.ms-megamenu .btn-primary.disabled.active,
.ms-megamenu .btn-primary[disabled].active,
.ms-megamenu fieldset[disabled] .btn-primary.active {
  background-color: #337ab7;
  border-color: #2e6da4;
}
.ms-megamenu .btn-primary .badge {
  color: #337ab7;
  background-color: #fff;
}
.ms-megamenu .btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.ms-megamenu .btn-success:hover,
.ms-megamenu .btn-success:focus,
.ms-megamenu .btn-success.focus,
.ms-megamenu .btn-success:active,
.ms-megamenu .btn-success.active,
.ms-megamenu .open > .dropdown-toggle.btn-success {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}
.ms-megamenu .btn-success:active,
.ms-megamenu .btn-success.active,
.ms-megamenu .open > .dropdown-toggle.btn-success {
  background-image: none;
}
.ms-megamenu .btn-success.disabled,
.ms-megamenu .btn-success[disabled],
.ms-megamenu fieldset[disabled] .btn-success,
.ms-megamenu .btn-success.disabled:hover,
.ms-megamenu .btn-success[disabled]:hover,
.ms-megamenu fieldset[disabled] .btn-success:hover,
.ms-megamenu .btn-success.disabled:focus,
.ms-megamenu .btn-success[disabled]:focus,
.ms-megamenu fieldset[disabled] .btn-success:focus,
.ms-megamenu .btn-success.disabled.focus,
.ms-megamenu .btn-success[disabled].focus,
.ms-megamenu fieldset[disabled] .btn-success.focus,
.ms-megamenu .btn-success.disabled:active,
.ms-megamenu .btn-success[disabled]:active,
.ms-megamenu fieldset[disabled] .btn-success:active,
.ms-megamenu .btn-success.disabled.active,
.ms-megamenu .btn-success[disabled].active,
.ms-megamenu fieldset[disabled] .btn-success.active {
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.ms-megamenu .btn-success .badge {
  color: #5cb85c;
  background-color: #fff;
}
.ms-megamenu .btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da;
}
.ms-megamenu .btn-info:hover,
.ms-megamenu .btn-info:focus,
.ms-megamenu .btn-info.focus,
.ms-megamenu .btn-info:active,
.ms-megamenu .btn-info.active,
.ms-megamenu .open > .dropdown-toggle.btn-info {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc;
}
.ms-megamenu .btn-info:active,
.ms-megamenu .btn-info.active,
.ms-megamenu .open > .dropdown-toggle.btn-info {
  background-image: none;
}
.ms-megamenu .btn-info.disabled,
.ms-megamenu .btn-info[disabled],
.ms-megamenu fieldset[disabled] .btn-info,
.ms-megamenu .btn-info.disabled:hover,
.ms-megamenu .btn-info[disabled]:hover,
.ms-megamenu fieldset[disabled] .btn-info:hover,
.ms-megamenu .btn-info.disabled:focus,
.ms-megamenu .btn-info[disabled]:focus,
.ms-megamenu fieldset[disabled] .btn-info:focus,
.ms-megamenu .btn-info.disabled.focus,
.ms-megamenu .btn-info[disabled].focus,
.ms-megamenu fieldset[disabled] .btn-info.focus,
.ms-megamenu .btn-info.disabled:active,
.ms-megamenu .btn-info[disabled]:active,
.ms-megamenu fieldset[disabled] .btn-info:active,
.ms-megamenu .btn-info.disabled.active,
.ms-megamenu .btn-info[disabled].active,
.ms-megamenu fieldset[disabled] .btn-info.active {
  background-color: #5bc0de;
  border-color: #46b8da;
}
.ms-megamenu .btn-info .badge {
  color: #5bc0de;
  background-color: #fff;
}
.ms-megamenu .btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236;
}
.ms-megamenu .btn-warning:hover,
.ms-megamenu .btn-warning:focus,
.ms-megamenu .btn-warning.focus,
.ms-megamenu .btn-warning.active,
.ms-megamenu .open > .dropdown-toggle.btn-warning {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}
.ms-megamenu .btn-warning:active,
.ms-megamenu .btn-warning.active,
.ms-megamenu .open > .dropdown-toggle.btn-warning {
  background-image: none;
}
.ms-megamenu .btn-warning.disabled,
.ms-megamenu .btn-warning[disabled],
.ms-megamenu fieldset[disabled] .btn-warning,
.ms-megamenu .btn-warning.disabled:hover,
.ms-megamenu .btn-warning[disabled]:hover,
.ms-megamenu fieldset[disabled] .btn-warning:hover,
.ms-megamenu .btn-warning.disabled:focus,
.ms-megamenu .btn-warning[disabled]:focus,
.ms-megamenu fieldset[disabled] .btn-warning:focus,
.ms-megamenu .btn-warning.disabled.focus,
.ms-megamenu .btn-warning[disabled].focus,
.ms-megamenu fieldset[disabled] .btn-warning.focus,
.ms-megamenu .btn-warning.disabled:active,
.ms-megamenu .btn-warning[disabled]:active,
.ms-megamenu fieldset[disabled] .btn-warning:active,
.ms-megamenu .btn-warning.disabled.active,
.ms-megamenu .btn-warning[disabled].active,
.ms-megamenu fieldset[disabled] .btn-warning.active {
  background-color: #f0ad4e;
  border-color: #eea236;
}
.ms-megamenu .btn-warning .badge {
  color: #f0ad4e;
  background-color: #fff;
}
.ms-megamenu .btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
}
.ms-megamenu .btn-danger:hover,
.ms-megamenu .btn-danger:focus,
.ms-megamenu .btn-danger.focus,
.ms-megamenu .btn-danger:active,
.ms-megamenu .btn-danger.active,
.ms-megamenu .open > .dropdown-toggle.btn-danger {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}
.ms-megamenu .btn-danger:active,
.ms-megamenu .btn-danger.active,
.ms-megamenu .open > .dropdown-toggle.btn-danger {
  background-image: none;
}
.ms-megamenu .btn-danger.disabled,
.ms-megamenu .btn-danger[disabled],
.ms-megamenu fieldset[disabled] .btn-danger,
.ms-megamenu .btn-danger.disabled:hover,
.ms-megamenu .btn-danger[disabled]:hover,
.ms-megamenu fieldset[disabled] .btn-danger:hover,
.ms-megamenu .btn-danger.disabled:focus,
.ms-megamenu .btn-danger[disabled]:focus,
.ms-megamenu fieldset[disabled] .btn-danger:focus,
.ms-megamenu .btn-danger.disabled.focus,
.ms-megamenu .btn-danger[disabled].focus,
.ms-megamenu fieldset[disabled] .btn-danger.focus,
.ms-megamenu .btn-danger.disabled:active,
.ms-megamenu .btn-danger[disabled]:active,
.ms-megamenu fieldset[disabled] .btn-danger:active,
.ms-megamenu .btn-danger.disabled.active,
.ms-megamenu .btn-danger[disabled].active,
.ms-megamenu fieldset[disabled] .btn-danger.active {
  background-color: #d9534f;
  border-color: #d43f3a;
}
.ms-megamenu .btn-danger .badge {
  color: #d9534f;
  background-color: #fff;
}
.ms-megamenu .btn-link {
  font-weight: normal;
  color: #337ab7;
  border-radius: 0;
}
.ms-megamenu .btn-link,
.ms-megamenu .btn-link:active,
.ms-megamenu .btn-link.active,
.ms-megamenu .btn-link[disabled],
.ms-megamenu fieldset[disabled] .btn-link {
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ms-megamenu .btn-link,
.ms-megamenu .btn-link:hover,
.ms-megamenu .btn-link:focus,
.ms-megamenu .btn-link:active {
  border-color: transparent;
}
.ms-megamenu .btn-link:hover,
.ms-megamenu .btn-link:focus {
  color: #23527c;
  text-decoration: underline;
  background-color: transparent;
}
.ms-megamenu .btn-link[disabled]:hover,
.ms-megamenu fieldset[disabled] .btn-link:hover,
.ms-megamenu .btn-link[disabled]:focus,
.ms-megamenu fieldset[disabled] .btn-link:focus {
  color: #777;
  text-decoration: none;
}
.ms-megamenu .btn-lg,
.ms-megamenu .btn-group-lg > .btn {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
.ms-megamenu .btn-sm,
.ms-megamenu .btn-group-sm > .btn {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.ms-megamenu .btn-xs,
.ms-megamenu .btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.ms-megamenu .btn-block {
  display: block;
  width: 100%;
}
.ms-megamenu .btn-block + .btn-block {
  margin-top: 5px;
}
/* ---   Create By Billy Trinh 
        Create at 13/05/2015 ----*/


/* ---- Style for Top Menu version PC ---*/
.ms-megamenu{box-sizing: border-box;text-align: left;}
.ms-featured{padding-left:20px;}
.ms-megamenu img{display: inline;vertical-align: middle;max-width: 100%;}
.ms-megamenu .ms-topmenu{
    position: relative;
    background: #2f2f2f;
    float: left;
    width: 100%;
    z-index: 1001;
    margin-left:110px;
}
.ms-megamenu .ms-level0{   
}
.ms-level0.item_relative{position: relative;}
.ms-megamenu .ms-level0.active{
    background: #3b3b3b;
}
.ms-megamenu .ms-label{
    color:#fff;
    font-size: 15px;
    opacity: 0.9;
    filter:alpha(opacity=90);
    outline: none !important;
    text-decoration: none !important;
    cursor: pointer;
    line-height: 1.5;
    font-weight:bold;
}
.ms-topmenu .ms-label{
    float:left;
    padding:15px;
}
.ms-megamenu .ms-iconmega{
    vertical-align: top;
    position: relative;
}
.ms-megamenu .ms-submenu{
    display: none;
    position: absolute;
    top:50px;
    z-index: 10000;
    padding:15px;
    background:#fff;
    border:1px solid #ddd;
    max-width: 100%;
    border-top: 0;
}
.ms-header,.mb-header{
    float: left;
    width: 100%;
    padding:10px 0;
    margin-bottom: 15px;
    border-bottom: 1px solid #ddd;
}
.ms-footer,.mb-footer{
    float: left;
    width: 100%;
    padding:10px 0;
    border-top: 1px solid #ddd;
    margin-top: 15px;
}
.col-category .level1{
    font-weight: 700;
}
.col-category .level2{font-weight: 400;}
.ms-topmenu .col-category .sub-level3,.ms-leftmenu .col-category .sub-level3{
    display: none;
    position: absolute;
    left: 100px;
    width: 16em;
    background-color: #fff;
    z-index: 10001;
    padding: 10px;
    min-width: 12em;
    -webkit-box-shadow: 0 3px 10px rgba(0,0,0, 0.15);
    box-shadow: 0 3px 10px rgba(0,0,0, 0.15);
}
.level2  small{
    font-size: 50%;
    top: -2px;
}
.level2.active .level2{
    text-indent: 5px;
    -moz-transition: all ease-in-out 500ms;
    -webkit-transition: all ease-in-out 500ms;
    -o-transition: all ease-in-out 500ms;
    transition: all ease-in-out 500ms;
}
.mb-version .col-category .sub-level3{
    width: 100%;
    float: left;
    z-index: 10001;
    padding:0 10px;
}
/*------- Product -------------------*/
.ms-megamenu .f-product .product-image{}
.ms-megamenu .f-product .product-image img{width:100%;}
.mb-content .item,
.mb-content .col-productlist,
.mb-content .col-category,
.mb-featured .f-product,
.mb-featured .f-category{padding-top: 10px;padding-bottom: 10px;}

/* ------ Contact form  ------------------*/
.ms-contact .ms-title{
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0 0 10px;
    padding: 0 0 5px;
    float: left;
    width: 100%;
}
.ms-contact label em{color: red;}

/*---------------------Mobile version-------------------------*/
.megamenu-mobile{display: none;text-align: left;}
.ms-megamenu .anchor_mbmenu{
    background: rgb(7, 70, 102);
    padding: 8px 0;
}
.ms-megamenu .anchor_mbmenu .anchor_mbmenu_text{
    outline: 0;
    text-decoration: none;
    font-size: 20px;
    color: #fff;
}
.megamenu-mobile .mb-topmenu{display:none;  position: relative;float:left;width:100%;}
.ms-megamenu .mb-submenu{
    position: absolute;
    left: 100%;
    top:0;
    z-index: -1;
    background: #fff;
    display:none;
    float:left;
    width: 100%;
}
.ms-megamenu .mb-submenu.blind{
    position: static;
}
.ms-megamenu .mb-label{
    padding:12px 25px 8px;
    background: #FFFFFF;
    border: 1px solid #ddd;
    border-top: 0;
    color: #2f2f2f;
    text-decoration: none;
    outline: none;
}
.ms-megamenu .mb-label.flag{
    background: #EBEDED;
}
.ms-megamenu .mb-label.mb-return{border: 0;}
.ms-megamenu .mb-label span{float:left;}
.ms-megamenu .mb-click span{float: right;  margin-right: -15px;}
.ms-megamenu .active .mb-submenu{
    display: inline;
    z-index: 1001;
}
.ms-megamenu .mb-submain{
    padding:15px;
    border: 1px solid #ddd;
    border-top: 0;
}
/*---- Fix for magento 1.9---*/
#header-nav{display: block;}
.skip-nav{display: none;}

/* ----- Left Menu ---------*/
.item_relative{position: relative;}
.ms-leftmenu{
    position: relative;
    z-index: 1000;
    text-align: left;
}
.ms-leftmenu .msl-level0{
    float:left;
    width:100%;
}
.ms-leftmenu .msl-submenu{
    display: none;
    position: absolute;
    top: 0px;
    left:239px;
    z-index: 10000;
    padding: 15px;
    background: #fff;
    border: 1px solid #ddd;
}
.ms-leftmenu .msl-label{
    padding: 12px 25px 8px;
    background: #FFFFFF;
    border: 1px solid #ddd;
    border-top: 0;
    color: #2f2f2f;
    text-decoration: none;
    outline: none;
    cursor: pointer;
    line-height: 1.5;
}
.ms-leftmenu .msl-label.first{
    border-top: 1px solid #ddd;
}
.ms-leftmenu .msl-label.flag{
    background: #EBEDED;
}
.ms-leftmenu .msl-label span.small{float: right;  margin-right: -15px;}
/*---------------------Mobile version for Left menu -------------------------*/
.lmegamenu-mobile{display: none;}
.ms-megamenu .anchor_lmbmenu{
    background: rgb(7, 70, 102);
    padding: 8px 0;
}
.ms-megamenu .anchor_lmbmenu .anchor_lmbmenu_text{
    outline: 0;
    text-decoration: none;
    font-size: 20px;
    color: #fff;
}
.lmegamenu-mobile .lmb-leftmenu{display:none;position: relative;text-align:left;float:left;width:100%;}
.ms-megamenu .lmb-submenu{
    position: absolute;
    left: 100%;
    top:0;
    z-index: -1;
    background: #fff;
    display:none;
    float:left;
    width: 100%;
}
.ms-megamenu .lmb-submenu.blind{
    position: static;
}
.ms-megamenu .lmb-label{
    padding:12px 25px 8px;
    background: #FFFFFF;
    border: 1px solid #ddd;
    border-top: 0;
    color: #2f2f2f;
    text-decoration: none;
    outline: none;
}
.ms-megamenu .lmb-label.flag{
    background: #EBEDED;
}
.ms-megamenu .lmb-label.lmb-return{border: 0;}
.ms-megamenu .lmb-label span{float:left;}
.ms-megamenu .lmb-click span{float: right;  margin-right: -15px;}
.ms-megamenu .active .lmb-submenu{
    display: inline;
    z-index: 1001;
}
.ms-megamenu .mb-submain{
    padding:15px;
    border: 1px solid #ddd;
    border-top: 0;
}
.ms-megamenu .mb-submenu.slide,.ms-megamenu .lmb-submenu.slide{
    top:-42px;
}
/*@media (max-width: 460px) {
     .mb-content .col-productlist, .mb-content .col-category{
        padding-top:0;
        padding-bottom: 0;
    }
}*/
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.input-block-level {
  display: block;
  width: 100%;
  min-height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.searchautocomplete {
  position: absolute;
  top: -5px;
  right: 0px;
  height: 34px;
  width: 458px;
  padding: 4px 10px;
  -webkit-border-radius: 0px 0px 0px 5px;
  -moz-border-radius: 0px 0px 0px 5px;
  border-radius: 0px 0px 0px 5px;
  background: #fff;
  display: block;
}
.searchautocomplete .sprite {
  background: url('https://www.surfaceshields.com/skin/frontend/base/default/images/mirasvit/sprite.png');
}
.searchautocomplete > label {
  float: left;
  margin-right: 10px;
  color: #333;
  font-weight: bold;
  margin-top: 8px;
}
.searchautocomplete .nav {
  background: url('https://www.surfaceshields.com/skin/frontend/base/default/images/mirasvit/sprite.png');
  float: left;
  height: 34px;
  position: relative;
  width: 340px;
}
.searchautocomplete .nav .nav-search-in {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 15;
}
.searchautocomplete .nav .nav-search-in .category {
  opacity: 0;
  filter: alpha(opacity=0);
  background: white;
  border: 1px solid #DDD;
  color: black;
  cursor: pointer;
  height: 29px;
  left: 5px;
  margin: 0;
  outline: 0;
  padding: 0;
  position: absolute;
  top: 5px;
  visibility: visible;
  width: auto;
}
.searchautocomplete .nav .nav-search-in .category-fake {
  -webkit-border-radius: 5px 0px 0px 5px;
  -moz-border-radius: 5px 0px 0px 5px;
  border-radius: 5px 0px 0px 5px;
  background-color: #fcfcfc;
  background-image: -moz-linear-gradient(top, #ffffff, #f7f7f7);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f7f7f7));
  background-image: -webkit-linear-gradient(top, #ffffff, #f7f7f7);
  background-image: -o-linear-gradient(top, #ffffff, #f7f7f7);
  background-image: linear-gradient(to bottom, #ffffff, #f7f7f7);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff7f7f7', GradientType=0);
  border-right: 1px solid #dddddd;
  color: #777;
  cursor: pointer;
  float: left;
  font-size: 11px;
  height: 27px;
  line-height: 27px;
  margin: 4px 0px 0px 2px;
  padding: 0px 25px 0px 10px;
  text-align: center;
  white-space: nowrap;
}
.searchautocomplete .nav .nav-search-in .nav-down-arrow {
  right: 10px;
  top: 16px;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 4.5px 0 4.5px;
  border-color: #000000 transparent transparent transparent;
  line-height: 0px;
}
.searchautocomplete .nav .nav-search-in:hover .category-fake {
  background-color: #eeeeee;
  background-image: -moz-linear-gradient(top, #f7f7f7, #e1e1e1);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f7f7f7), to(#e1e1e1));
  background-image: -webkit-linear-gradient(top, #f7f7f7, #e1e1e1);
  background-image: -o-linear-gradient(top, #f7f7f7, #e1e1e1);
  background-image: linear-gradient(to bottom, #f7f7f7, #e1e1e1);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff7f7f7', endColorstr='#ffe1e1e1', GradientType=0);
}
.searchautocomplete .nav .nav-search-in:hover .nav-down-arrow {
  background-position: -6px -34px;
}
.searchautocomplete .nav .nav-input {
  *zoom: 1;
  margin: 6px 0px 0px 10px;
  padding: 0px 5px 0px 5px;
  z-index: 12;
  position: relative;
}
.searchautocomplete .nav .nav-input:before,
.searchautocomplete .nav .nav-input:after {
  display: table;
  content: "";
  line-height: 0;
}
.searchautocomplete .nav .nav-input:after {
  clear: both;
}
.searchautocomplete .nav .nav-input input {
  z-index: 10;
  padding: 0px;
  height: 23px;
  border: 0px;
  font-family: arial, sans-serif;
  font-size: 12px;
  background: transparent;
  color: black;
  outline: 0px;
  margin-left: 5px;
  width: 100%;
}
.searchautocomplete .nav .nav-input input.suggest {
  display: none;
  color: #999;
  z-index: 9;
}
.searchautocomplete .nav-submit-button {
  background: url('https://www.surfaceshields.com/skin/frontend/base/default/images/mirasvit/sprite.png');
  background-position: 0px -34px;
  background-repeat: no-repeat;
  float: left;
  height: 34px;
  padding-left: 5px;
}
.searchautocomplete .nav-submit-button .button {
  width: 39px;
  height: 34px;
  padding: 0px 9px;
  margin: 0px;
  cursor: pointer;
  font-weight: bold;
  color: white;
  line-height: 12px;
  font-size: 13px;
  background-color: #3c454e;
  background-image: -moz-linear-gradient(top, #444c55, #313a44);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444c55), to(#313a44));
  background-image: -webkit-linear-gradient(top, #444c55, #313a44);
  background-image: -o-linear-gradient(top, #444c55, #313a44);
  background-image: linear-gradient(to bottom, #444c55, #313a44);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444c55', endColorstr='#ff313a44', GradientType=0);
  border: 1px solid #313a44;
  -webkit-border-radius: 0px 5px 5px 0px;
  -moz-border-radius: 0px 5px 5px 0px;
  border-radius: 0px 5px 5px 0px;
  z-index: 14;
}
.searchautocomplete .nav-submit-button .button:hover {
  background-color: #39414b;
  background-image: -moz-linear-gradient(top, #313a44, #444c55);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#313a44), to(#444c55));
  background-image: -webkit-linear-gradient(top, #313a44, #444c55);
  background-image: -o-linear-gradient(top, #313a44, #444c55);
  background-image: linear-gradient(to bottom, #313a44, #444c55);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff313a44', endColorstr='#ff444c55', GradientType=0);
}
.searchautocomplete .searchautocomplete-placeholder {
  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  background: #FFF;
  border: 1px solid #ccc;
  padding: 15px 10px 5px 10px;
  position: absolute;
  right: 48px;
  top: 42px;
  width: 318px;
  z-index: 102;
}
.searchautocomplete .searchautocomplete-placeholder:before {
  border-color: transparent transparent #CCC transparent;
  content: "";
  position: absolute;
  border-style: solid;
  border-width: 5px;
  height: 0;
  width: 0;
  top: -11px;
  left: 30px;
}
.searchautocomplete .searchautocomplete-placeholder ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.searchautocomplete .searchautocomplete-placeholder ul li {
  *zoom: 1;
  text-align: left;
  padding: 5px 5px;
  margin-bottom: 5px;
  border: 1px solid #ccc;
}
.searchautocomplete .searchautocomplete-placeholder ul li:before,
.searchautocomplete .searchautocomplete-placeholder ul li:after {
  display: table;
  content: "";
  line-height: 0;
}
.searchautocomplete .searchautocomplete-placeholder ul li:after {
  clear: both;
}
.searchautocomplete .searchautocomplete-placeholder ul li a {
  text-decoration: none;
}
.searchautocomplete .searchautocomplete-placeholder ul li a.name {
  color: #444;
  font-weight: bold;
  display: block;
  margin-bottom: 3px;
}
.searchautocomplete .searchautocomplete-placeholder ul li a .pull-right {
  float: right;
}
.searchautocomplete .searchautocomplete-placeholder ul li.active {
  background-color: #eeffee;
  cursor: pointer;
}
.searchautocomplete .searchautocomplete-placeholder ul li.active a {
  text-decoration: none;
}
.searchautocomplete .searchautocomplete-placeholder ul li .searchautocomlete-image {
  float: left;
  margin: 0px 10px 5px 0px;
}
.searchautocomplete .searchautocomplete-placeholder ul li .price-box {
  font-weight: bold;
  font-size: 13px;
  color: #C76200;
  float: right;
}
.searchautocomplete .searchautocomplete-placeholder ul li .price-box .regular-price .price-label,
.searchautocomplete .searchautocomplete-placeholder ul li .price-box .old-price .price-label,
.searchautocomplete .searchautocomplete-placeholder ul li .price-box .special-price .price-label {
  display: none;
}
.searchautocomplete .searchautocomplete-placeholder ul li .price-box .price-label {
  font-weight: normal;
  color: #999;
}
.searchautocomplete .searchautocomplete-placeholder ul li .price-box .old-price .price {
  font-size: 0.9em;
  color: #999;
}
.searchautocomplete .searchautocomplete-placeholder ul li .highlight strong {
  color: #f00;
}
.searchautocomplete .searchautocomplete-placeholder ul li .ratings {
  margin: 0;
  line-height: 14px;
}
.searchautocomplete .searchautocomplete-placeholder ul li .ratings .rating-box {
  float: left;
  margin: 0 5px 0 0;
}
.searchautocomplete .searchautocomplete-placeholder .index-title {
  text-align: right;
  color: #0A263C;
  border-bottom: 1px solid #CCC;
  padding: 2px 5px;
}
.searchautocomplete .searchautocomplete-placeholder .index-title span {
  color: #666;
  font-size: 0.9em;
}
.searchautocomplete .searchautocomplete-placeholder .all {
  text-align: right;
  margin: 10px 4px 5px 10px;
}
.searchautocomplete .searchautocomplete-loader {
  position: absolute;
  width: 18px;
  height: 18px;
  top: 9px;
  right: 10px;
  z-index: 99;
  -webkit-transform: scale(0.6);
  -moz-transform: scale(0.6);
  -ms-transform: scale(0.6);
  -o-transform: scale(0.6);
  transform: scale(0.6);
  display: none;
}
.searchautocomplete .searchautocomplete-loader div {
  position: absolute;
  background-color: #FFFFFF;
  height: 3px;
  width: 3px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-animation-name: f_autocomplete_loader;
  animation-name: f_autocomplete_loader;
  -webkit-animation-duration: 0.64s;
  animation-duration: 0.64s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: normal;
  animation-direction: normal;
}
.searchautocomplete .searchautocomplete-loader div#g01 {
  left: 0px;
  top: 7px;
  -webkit-animation-delay: 0.24s;
  animation-delay: 0.24s;
}
.searchautocomplete .searchautocomplete-loader div#g02 {
  left: 2px;
  top: 2px;
  -webkit-animation-delay: 0.32s;
  animation-delay: 0.32s;
}
.searchautocomplete .searchautocomplete-loader div#g03 {
  left: 7px;
  top: 0px;
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}
.searchautocomplete .searchautocomplete-loader div#g04 {
  right: 2px;
  top: 2px;
  -webkit-animation-delay: 0.48s;
  animation-delay: 0.48s;
}
.searchautocomplete .searchautocomplete-loader div#g05 {
  right: 0px;
  top: 7px;
  -webkit-animation-delay: 0.56s;
  animation-delay: 0.56s;
}
.searchautocomplete .searchautocomplete-loader div#g06 {
  right: 2px;
  bottom: 2px;
  -webkit-animation-delay: 0.64s;
  animation-delay: 0.64s;
}
.searchautocomplete .searchautocomplete-loader div#g07 {
  left: 7px;
  bottom: 0px;
  -webkit-animation-delay: 0.72s;
  animation-delay: 0.72s;
}
.searchautocomplete .searchautocomplete-loader div#g08 {
  left: 2px;
  bottom: 2px;
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
}
@-moz-keyframes f_autocomplete_loader {
  0% {
    background-color: #000000;
  }
  100% {
    background-color: #ffffff;
  }
}
@-webkit-keyframes f_autocomplete_loader {
  0% {
    background-color: #000000;
  }
  100% {
    background-color: #ffffff;
  }
}
@-ms-keyframes f_autocomplete_loader {
  0% {
    background-color: #000000;
  }
  100% {
    background-color: #ffffff;
  }
}
@-o-keyframes f_autocomplete_loader {
  0% {
    background-color: #000000;
  }
  100% {
    background-color: #ffffff;
  }
}
@keyframes f_autocomplete_loader {
  0% {
    background-color: #000000;
  }
  100% {
    background-color: #ffffff;
  }
}
.searchautocomplete-widget {
  position: relative;
  top: auto;
  left: auto;
  bottom: auto;
  right: auto;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.input-block-level {
  display: block;
  width: 100%;
  min-height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.searchindex-results {
  *zoom: 1;
  margin-bottom: 10px;
  border-bottom: 1px solid #a0b3c3;
}
.searchindex-results:before,
.searchindex-results:after {
  display: table;
  content: "";
  line-height: 0;
}
.searchindex-results:after {
  clear: both;
}
.searchindex-results li {
  margin-bottom: -1px;
  float: left;
  *zoom: 1;
  margin: 0px 2px;
}
.searchindex-results li:before,
.searchindex-results li:after {
  display: table;
  content: "";
  line-height: 0;
}
.searchindex-results li:after {
  clear: both;
}
.searchindex-results li a {
  font-size: 12px;
  font-weight: bold;
  color: #333;
  display: block;
  cursor: pointer;
  padding: 2px 5px 1px 5px;
  line-height: 20px;
  border: 1px solid transparent;
  border-bottom: none;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
  text-decoration: none;
}
.searchindex-results li a:hover {
  background-color: #f1f1f1;
  background-image: -moz-linear-gradient(top, #e8e8e8, #ffffff);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e8e8e8), to(#ffffff));
  background-image: -webkit-linear-gradient(top, #e8e8e8, #ffffff);
  background-image: -o-linear-gradient(top, #e8e8e8, #ffffff);
  background-image: linear-gradient(to bottom, #e8e8e8, #ffffff);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#ffffffff', GradientType=0);
  border: 1px solid #a0b3c3;
  border-bottom: none;
}
.searchindex-results li a span {
  font-weight: normal;
  font-size: 0.9em;
}
.searchindex-results li.active a {
  background-color: #f1f1f1;
  background-image: -moz-linear-gradient(top, #e8e8e8, #ffffff);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e8e8e8), to(#ffffff));
  background-image: -webkit-linear-gradient(top, #e8e8e8, #ffffff);
  background-image: -o-linear-gradient(top, #e8e8e8, #ffffff);
  background-image: linear-gradient(to bottom, #e8e8e8, #ffffff);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#ffffffff', GradientType=0);
  cursor: default;
  border: 1px solid #a0b3c3;
  border-bottom: none;
}
.searchindex-result li {
  padding: 5px;
}
.searchindex-result li .title a {
  font-weight: bold;
  color: #203548;
  font-size: 13px;
}
.searchindex-result.searchindex-result-category {
  margin-bottom: 20px;
}
.searchindex-result.searchindex-result-category li {
  padding: 1px 0px;
}
.searchindex-result.searchindex-result-category li a {
  font-weight: bold;
  color: #203548;
}
.searchindex-highlight {
  background-color: #ff0;
}

a, abbr, acronym, address, applet, article, aside, audio,
b, blockquote, big, body,
center, canvas, caption, cite, code, command,
datalist, dd, del, details, dfn, dl, div, dt, 
em, embed,
fieldset, figcaption, figure, font, footer, form, 
h1, h2, h3, h4, h5, h6, header, hgroup, html,
i, iframe, img, ins,
kbd, 
keygen,
label, legend, li, 
meter,
nav,
object, ol, output,
p, pre, progress,
q, 
s, samp, section, small, span, source, strike, strong, sub, sup,
table, tbody, tfoot, thead, th, tr, tdvideo, tt,
u, ul, 
var{
    background: transparent;
    border: 0 none;
    font-size: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
    vertical-align: top; }

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
table, table td { 
	padding:0;
	border:none;
	border-collapse:collapse;
}
img {
	vertical-align:top; 
}
embed { 
	vertical-align:top;
}
a  {
	outline: 0 !important;;
}
/*!
 * Bootstrap v2.2.2
 *
 * Copyright 2012 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world @twitter by @mdo and @fat.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}

audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

audio:not([controls]) {
  display: none;
}

html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
}

a:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

a:hover,
a:active {
  outline: 0;
}

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  width: auto\9;
  height: auto;
  max-width: 100%;
  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic;
}

#map_canvas img,
.google-maps img {
  max-width: none;
}

button,
input,
select,
textarea {
  margin: 0;
  font-size: 100%;
  vertical-align: middle;
}

button,
input {
  *overflow: visible;
  line-height: normal;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
}

label,
select,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
input[type="radio"],
input[type="checkbox"] {
  cursor: pointer;
}

input[type="search"] {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

textarea {
  overflow: auto;
  vertical-align: top;
}

@media print {
  * {
    color: #000 !important;
    text-shadow: none !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page  {
    margin: 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}

.clearfix {
  *zoom: 1;
}

.clearfix:before,
.clearfix:after {
  display: table;
  line-height: 0;
  content: "";
}

.clearfix:after {
  clear: both;
}

.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.input-block-level {
  display: block;
  width: 100%;
  min-height: 30px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

body {
  margin: 0;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  color: #333333;
  background-color: #ffffff;
}

a {
  color: #0088cc;
  text-decoration: none;
}

a:hover {
  color: #005580;
  text-decoration: underline;
}

.img-rounded {
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
}

.img-polaroid {
  padding: 4px;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
     -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.img-circle {
  -webkit-border-radius: 500px;
     -moz-border-radius: 500px;
          border-radius: 500px;
}

.row {
  *zoom: 1;
}

.row:before,
.row:after {
  display: table;
  line-height: 0;
  content: "";
}

.row:after {
  clear: both;
}

[class*="span"] {
  float: left;
  min-height: 1px;
}

.container,
.navbar-static-top .container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {
  width: 940px;
}

.span12 {
  width: 940px;
}

.span11 {
  width: 860px;
}

.span10 {
  width: 780px;
}

.span9 {
  width: 700px;
}

.span8 {
  width: 620px;
}

.span7 {
  width: 540px;
}

.span6 {
  width: 460px;
}

.span5 {
  width: 380px;
}

.span4 {
  width: 300px;
}

.span3 {
  width: 220px;
}

.span2 {
  width: 140px;
}

.span1 {
  width: 60px;
}

.offset12 {
  margin-left: 980px;
}

.offset11 {
  margin-left: 900px;
}

.offset10 {
  margin-left: 820px;
}

.offset9 {
  margin-left: 740px;
}

.offset8 {
  margin-left: 660px;
}

.offset7 {
  margin-left: 580px;
}

.offset6 {
  margin-left: 500px;
}

.offset5 {
  margin-left: 420px;
}

.offset4 {
  margin-left: 340px;
}

.offset3 {
  margin-left: 260px;
}

.offset2 {
  margin-left: 180px;
}

.offset1 {
  margin-left: 100px;
}

.row-fluid {
  width: 100%;
  *zoom: 1;
}

.row-fluid:before,
.row-fluid:after {
  display: table;
  line-height: 0;
  content: "";
}

.row-fluid:after {
  clear: both;
}

.row-fluid [class*="span"] {
  display: block;
  float: left;
  width: 100%;
  min-height: 30px;
  margin-left: 2.127659574468085%;
  *margin-left: 2.074468085106383%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.row-fluid [class*="span"]:first-child {
  margin-left: 0;
}

.row-fluid .controls-row [class*="span"] + [class*="span"] {
  margin-left: 2.127659574468085%;
}

.row-fluid .span12 {
  width: 100%;
  *width: 99.94680851063829%;
}

.row-fluid .span11 {
  width: 91.48936170212765%;
  *width: 91.43617021276594%;
}

.row-fluid .span10 {
  width: 82.97872340425532%;
  *width: 82.92553191489361%;
}

.row-fluid .span9 {
  width: 74.46808510638297%;
  *width: 74.41489361702126%;
}

.row-fluid .span8 {
  width: 65.95744680851064%;
  *width: 65.90425531914893%;
}

.row-fluid .span7 {
  width: 57.44680851063829%;
  *width: 57.39361702127659%;
}

.row-fluid .span6 {
  width: 48.93617021276595%;
  *width: 48.88297872340425%;
}

.row-fluid .span5 {
  width: 40.42553191489362%;
  *width: 40.37234042553192%;
}

.row-fluid .span4 {
  width: 31.914893617021278%;
  *width: 31.861702127659576%;
}

.row-fluid .span3 {
  width: 23.404255319148934%;
  *width: 23.351063829787233%;
}

.row-fluid .span2 {
  width: 14.893617021276595%;
  *width: 14.840425531914894%;
}

.row-fluid .span1 {
  width: 6.382978723404255%;
  *width: 6.329787234042553%;
}

.row-fluid .offset12 {
  margin-left: 104.25531914893617%;
  *margin-left: 104.14893617021275%;
}

.row-fluid .offset12:first-child {
  margin-left: 102.12765957446808%;
  *margin-left: 102.02127659574467%;
}

.row-fluid .offset11 {
  margin-left: 95.74468085106382%;
  *margin-left: 95.6382978723404%;
}

.row-fluid .offset11:first-child {
  margin-left: 93.61702127659574%;
  *margin-left: 93.51063829787232%;
}

.row-fluid .offset10 {
  margin-left: 87.23404255319149%;
  *margin-left: 87.12765957446807%;
}

.row-fluid .offset10:first-child {
  margin-left: 85.1063829787234%;
  *margin-left: 84.99999999999999%;
}

.row-fluid .offset9 {
  margin-left: 78.72340425531914%;
  *margin-left: 78.61702127659572%;
}

.row-fluid .offset9:first-child {
  margin-left: 76.59574468085106%;
  *margin-left: 76.48936170212764%;
}

.row-fluid .offset8 {
  margin-left: 70.2127659574468%;
  *margin-left: 70.10638297872339%;
}

.row-fluid .offset8:first-child {
  margin-left: 68.08510638297872%;
  *margin-left: 67.9787234042553%;
}

.row-fluid .offset7 {
  margin-left: 61.70212765957446%;
  *margin-left: 61.59574468085106%;
}

.row-fluid .offset7:first-child {
  margin-left: 59.574468085106375%;
  *margin-left: 59.46808510638297%;
}

.row-fluid .offset6 {
  margin-left: 53.191489361702125%;
  *margin-left: 53.085106382978715%;
}

.row-fluid .offset6:first-child {
  margin-left: 51.063829787234035%;
  *margin-left: 50.95744680851063%;
}

.row-fluid .offset5 {
  margin-left: 44.68085106382979%;
  *margin-left: 44.57446808510638%;
}

.row-fluid .offset5:first-child {
  margin-left: 42.5531914893617%;
  *margin-left: 42.4468085106383%;
}

.row-fluid .offset4 {
  margin-left: 36.170212765957444%;
  *margin-left: 36.06382978723405%;
}

.row-fluid .offset4:first-child {
  margin-left: 34.04255319148936%;
  *margin-left: 33.93617021276596%;
}

.row-fluid .offset3 {
  margin-left: 27.659574468085104%;
  *margin-left: 27.5531914893617%;
}

.row-fluid .offset3:first-child {
  margin-left: 25.53191489361702%;
  *margin-left: 25.425531914893618%;
}

.row-fluid .offset2 {
  margin-left: 19.148936170212764%;
  *margin-left: 19.04255319148936%;
}

.row-fluid .offset2:first-child {
  margin-left: 17.02127659574468%;
  *margin-left: 16.914893617021278%;
}

.row-fluid .offset1 {
  margin-left: 10.638297872340425%;
  *margin-left: 10.53191489361702%;
}

.row-fluid .offset1:first-child {
  margin-left: 8.51063829787234%;
  *margin-left: 8.404255319148938%;
}

[class*="span"].hide,
.row-fluid [class*="span"].hide {
  display: none;
}

[class*="span"].pull-right,
.row-fluid [class*="span"].pull-right {
  float: right;
}

.container {
  margin-right: auto;
  margin-left: auto;
  *zoom: 1;
}

.container:before,
.container:after {
  display: table;
  line-height: 0;
  content: "";
}

.container:after {
  clear: both;
}

.container-fluid {
  padding-right: 20px;
  padding-left: 20px;
  *zoom: 1;
}

.container-fluid:before,
.container-fluid:after {
  display: table;
  line-height: 0;
  content: "";
}

.container-fluid:after {
  clear: both;
}

p {
  margin: 0 0 10px;
}

.lead {
  margin-bottom: 20px;
  font-size: 21px;
  font-weight: 200;
  line-height: 30px;
}

small {
  font-size: 85%;
}

strong {
  font-weight: bold;
}

em {
  font-style: italic;
}

cite {
  font-style: normal;
}

.muted {
  color: #999999;
}

a.muted:hover {
  color: #808080;
}

.text-warning {
  color: #c09853;
}

a.text-warning:hover {
  color: #a47e3c;
}

.text-error {
  color: #b94a48;
}

a.text-error:hover {
  color: #953b39;
}

.text-info {
  color: #3a87ad;
}

a.text-info:hover {
  color: #2d6987;
}

.text-success {
  color: #468847;
}

a.text-success:hover {
  color: #356635;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 10px 0;
  font-family: inherit;
  font-weight: bold;
  line-height: 20px;
  color: inherit;

}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
  font-weight: normal;
  line-height: 1;
  color: #999999;
}

h1,
h2,
h3 {
  line-height: 40px;
}

h1 {
  font-size: 38.5px;
}

h2 {
  font-size: 31.5px;
}

h3 {
  font-size: 24.5px;
}

h4 {
  font-size: 17.5px;
}

h5 {
  font-size: 14px;
}

h6 {
  font-size: 11.9px;
}

h1 small {
  font-size: 24.5px;
}

h2 small {
  font-size: 17.5px;
}

h3 small {
  font-size: 14px;
}

h4 small {
  font-size: 14px;
}

.page-header {
  padding-bottom: 9px;
  margin: 20px 0 30px;
  border-bottom: 1px solid #eeeeee;
}

ul,
ol {
  padding: 0;
  margin: 0 0 10px 25px;
}

ul ul,
ul ol,
ol ol,
ol ul {
  margin-bottom: 0;
}

li {
  line-height: 20px;
}

ul.unstyled,
ol.unstyled {
  margin-left: 0;
  list-style: none;
}

ul.inline,
ol.inline {
  margin-left: 0;
  list-style: none;
}

ul.inline > li,
ol.inline > li {
  display: inline-block;
  padding-right: 5px;
  padding-left: 5px;
}

dl {
  margin-bottom: 20px;
}

dt,
dd {
  line-height: 20px;
}

dt {
  font-weight: bold;
}

dd {
  margin-left: 0px;
}

.dl-horizontal {
  *zoom: 1;
}

.dl-horizontal:before,
.dl-horizontal:after {
  display: table;
  line-height: 0;
  content: "";
}

.dl-horizontal:after {
  clear: both;
}

.dl-horizontal dt {
  float: left;
  width: 160px;
  overflow: hidden;
  clear: left;
  text-align: right;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dl-horizontal dd {
  margin-left: 180px;
}

hr {
  margin: 20px 0;
  border: 0;
  border-top: 1px solid #eeeeee;
  border-bottom: 1px solid #ffffff;
}

abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #999999;
}

abbr.initialism {
  font-size: 90%;
  text-transform: uppercase;
}

blockquote {
  padding: 0 0 0 15px;
  margin: 0 0 20px;
  border-left: 5px solid #eeeeee;
}

blockquote p {
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 300;
  line-height: 25px;
}

blockquote small {
  display: block;
  line-height: 20px;
  color: #999999;
}

blockquote small:before {
  content: '\2014 \00A0';
}

blockquote.pull-right {
  float: right;
  padding-right: 15px;
  padding-left: 0;
  border-right: 5px solid #eeeeee;
  border-left: 0;
}

blockquote.pull-right p,
blockquote.pull-right small {
  text-align: right;
}

blockquote.pull-right small:before {
  content: '';
}

blockquote.pull-right small:after {
  content: '\00A0 \2014';
}

q:before,
q:after,
blockquote:before,
blockquote:after {
  content: "";
}

address {
  display: block;
  margin-bottom: 20px;
  font-style: normal;
  line-height: 20px;
}

code,
pre {
  padding: 0 3px 2px;
  font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
  font-size: 12px;
  color: #333333;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}

code {
  padding: 2px 4px;
  color: #d14;
  white-space: nowrap;
  background-color: #f7f7f9;
  border: 1px solid #e1e1e8;
}

pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 20px;
  word-break: break-all;
  word-wrap: break-word;
  white-space: pre;
  white-space: pre-wrap;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

pre.prettyprint {
  margin-bottom: 20px;
}

pre code {
  padding: 0;
  color: inherit;
  white-space: pre;
  white-space: pre-wrap;
  background-color: transparent;
  border: 0;
}

.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}



fieldset {
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: 40px;
  color: #333333;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}

legend small {
  font-size: 15px;
  color: #999999;
}

label,
input,
button,
select,
textarea {
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
}

input,
button,
select,
textarea {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

label {
  display: block;
  margin-bottom: 5px;
}

select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  display: inline-block;
  height: 20px;
  padding: 4px 6px;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 20px;
  color: #555555;
  vertical-align: middle;
  -webkit-border-radius: 0px;
     -moz-border-radius: 0px;
          border-radius: 0px;
}

input,
textarea,
.uneditable-input {
  width: 206px;
}

textarea {
  height: auto;
}

textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  background-color: #ffffff;
  border: 1px solid #cccccc;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
     -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
       -o-transition: border linear 0.2s, box-shadow linear 0.2s;
          transition: border linear 0.2s, box-shadow linear 0.2s;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
  border-color: rgba(82, 168, 236, 0.8);
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */

  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}

input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  *margin-top: 0;
  line-height: normal;
}

input[type="file"],
input[type="image"],
input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="radio"],
input[type="checkbox"] {
  width: auto;
}

select,
input[type="file"] {
  height: 30px;
  /* In IE7, the height of the select element cannot be changed by height, only font-size */

  *margin-top: 4px;
  /* For IE7, add top margin to align select with labels */

  line-height: 30px;
}

select {
  width: 220px;
  background-color: #ffffff;
  border: 1px solid #cccccc;
}

select[multiple],
select[size] {
  height: auto;
}

select:focus,
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.uneditable-input,
.uneditable-textarea {
  color: #999999;
  cursor: not-allowed;
  background-color: #fcfcfc;
  border-color: #cccccc;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
     -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
          box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
}

.uneditable-input {
  overflow: hidden;
  white-space: nowrap;
}

.uneditable-textarea {
  width: auto;
  height: auto;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #999999;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #999999;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #999999;
}

.radio,
.checkbox {
  min-height: 20px;
/*  padding-left: 20px;
*/}

.radio input[type="radio"],
.checkbox input[type="checkbox"] {
  float: left;
  margin-left: -20px;
}

.controls > .radio:first-child,
.controls > .checkbox:first-child {
  padding-top: 5px;
}

.radio.inline,
.checkbox.inline {
  display: inline-block;
  padding-top: 5px;
  margin-bottom: 0;
  vertical-align: middle;
}

.radio.inline + .radio.inline,
.checkbox.inline + .checkbox.inline {
  margin-left: 10px;
}

.input-mini {
  width: 60px;
}

.input-small {
  width: 90px;
}

.input-medium {
  width: 150px;
}

.input-large {
  width: 210px;
}

.input-xlarge {
  width: 270px;
}

.input-xxlarge {
  width: 530px;
}

input[class*="span"],
select[class*="span"],
textarea[class*="span"],
.uneditable-input[class*="span"],
.row-fluid input[class*="span"],
.row-fluid select[class*="span"],
.row-fluid textarea[class*="span"],
.row-fluid .uneditable-input[class*="span"] {
  float: none;
  margin-left: 0;
}

.input-append input[class*="span"],
.input-append .uneditable-input[class*="span"],
.input-prepend input[class*="span"],
.input-prepend .uneditable-input[class*="span"],
.row-fluid input[class*="span"],
.row-fluid select[class*="span"],
.row-fluid textarea[class*="span"],
.row-fluid .uneditable-input[class*="span"],
.row-fluid .input-prepend [class*="span"],
.row-fluid .input-append [class*="span"] {
  display: inline-block;
}

input,
textarea,
.uneditable-input {
  margin-left: 0;
}

.controls-row [class*="span"] + [class*="span"] {
  margin-left: 20px;
}

input.span12,
textarea.span12,
.uneditable-input.span12 {
  width: 926px;
}

input.span11,
textarea.span11,
.uneditable-input.span11 {
  width: 846px;
}

input.span10,
textarea.span10,
.uneditable-input.span10 {
  width: 766px;
}

input.span9,
textarea.span9,
.uneditable-input.span9 {
  width: 686px;
}

input.span8,
textarea.span8,
.uneditable-input.span8 {
  width: 606px;
}

input.span7,
textarea.span7,
.uneditable-input.span7 {
  width: 526px;
}

input.span6,
textarea.span6,
.uneditable-input.span6 {
  width: 446px;
}

input.span5,
textarea.span5,
.uneditable-input.span5 {
  width: 366px;
}

input.span4,
textarea.span4,
.uneditable-input.span4 {
  width: 286px;
}

input.span3,
textarea.span3,
.uneditable-input.span3 {
  width: 206px;
}

input.span2,
textarea.span2,
.uneditable-input.span2 {
  width: 126px;
}

input.span1,
textarea.span1,
.uneditable-input.span1 {
  width: 46px;
}

.controls-row {
  *zoom: 1;
}

.controls-row:before,
.controls-row:after {
  display: table;
  line-height: 0;
  content: "";
}

.controls-row:after {
  clear: both;
}

.controls-row [class*="span"],
.row-fluid .controls-row [class*="span"] {
  float: left;
}

.controls-row .checkbox[class*="span"],
.controls-row .radio[class*="span"] {
  padding-top: 5px;
}

input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly] {
  cursor: not-allowed;
  background-color: #eeeeee;
}

input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"][readonly],
input[type="checkbox"][readonly] {
  background-color: transparent;
}

.control-group.warning .control-label,
.control-group.warning .help-block,
.control-group.warning .help-inline {
  color: #c09853;
}

.control-group.warning .checkbox,
.control-group.warning .radio,
.control-group.warning input,
.control-group.warning select,
.control-group.warning textarea {
  color: #c09853;
}

.control-group.warning input,
.control-group.warning select,
.control-group.warning textarea {
  border-color: #c09853;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.control-group.warning input:focus,
.control-group.warning select:focus,
.control-group.warning textarea:focus {
  border-color: #a47e3c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
}

.control-group.warning .input-prepend .add-on,
.control-group.warning .input-append .add-on {
  color: #c09853;
  background-color: #fcf8e3;
  border-color: #c09853;
}

.control-group.error .control-label,
.control-group.error .help-block,
.control-group.error .help-inline {
  color: #b94a48;
}

.control-group.error .checkbox,
.control-group.error .radio,
.control-group.error input,
.control-group.error select,
.control-group.error textarea {
  color: #b94a48;
}

.control-group.error input,
.control-group.error select,
.control-group.error textarea {
  border-color: #b94a48;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.control-group.error input:focus,
.control-group.error select:focus,
.control-group.error textarea:focus {
  border-color: #953b39;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
}

.control-group.error .input-prepend .add-on,
.control-group.error .input-append .add-on {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #b94a48;
}

.control-group.success .control-label,
.control-group.success .help-block,
.control-group.success .help-inline {
  color: #468847;
}

.control-group.success .checkbox,
.control-group.success .radio,
.control-group.success input,
.control-group.success select,
.control-group.success textarea {
  color: #468847;
}

.control-group.success input,
.control-group.success select,
.control-group.success textarea {
  border-color: #468847;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.control-group.success input:focus,
.control-group.success select:focus,
.control-group.success textarea:focus {
  border-color: #356635;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
}

.control-group.success .input-prepend .add-on,
.control-group.success .input-append .add-on {
  color: #468847;
  background-color: #dff0d8;
  border-color: #468847;
}

.control-group.info .control-label,
.control-group.info .help-block,
.control-group.info .help-inline {
  color: #3a87ad;
}

.control-group.info .checkbox,
.control-group.info .radio,
.control-group.info input,
.control-group.info select,
.control-group.info textarea {
  color: #3a87ad;
}

.control-group.info input,
.control-group.info select,
.control-group.info textarea {
  border-color: #3a87ad;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.control-group.info input:focus,
.control-group.info select:focus,
.control-group.info textarea:focus {
  border-color: #2d6987;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3;
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3;
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3;
}

.control-group.info .input-prepend .add-on,
.control-group.info .input-append .add-on {
  color: #3a87ad;
  background-color: #d9edf7;
  border-color: #3a87ad;
}

input:focus:invalid,
textarea:focus:invalid,
select:focus:invalid {
  color: #b94a48;
  border-color: #ee5f5b;
}

input:focus:invalid:focus,
textarea:focus:invalid:focus,
select:focus:invalid:focus {
  border-color: #e9322d;
  -webkit-box-shadow: 0 0 6px #f8b9b7;
     -moz-box-shadow: 0 0 6px #f8b9b7;
          box-shadow: 0 0 6px #f8b9b7;
}

.form-actions {
  padding: 19px 20px 20px;
  margin-top: 20px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border-top: 1px solid #e5e5e5;
  *zoom: 1;
}

.form-actions:before,
.form-actions:after {
  display: table;
  line-height: 0;
  content: "";
}

.form-actions:after {
  clear: both;
}

.help-block,
.help-inline {
  color: #595959;
}

.help-block {
  display: block;
  margin-bottom: 10px;
}

.help-inline {
  display: inline-block;
  *display: inline;
  padding-left: 5px;
  vertical-align: middle;
  *zoom: 1;
}

.input-append,
.input-prepend {
  margin-bottom: 5px;
  font-size: 0;
  white-space: nowrap;
}

.input-append input,
.input-prepend input,
.input-append select,
.input-prepend select,
.input-append .uneditable-input,
.input-prepend .uneditable-input,
.input-append .dropdown-menu,
.input-prepend .dropdown-menu {
  font-size: 14px;
}

.input-append input,
.input-prepend input,
.input-append select,
.input-prepend select,
.input-append .uneditable-input,
.input-prepend .uneditable-input {
  position: relative;
  margin-bottom: 0;
  *margin-left: 0;
  vertical-align: top;
  -webkit-border-radius: 0 0px 0px 0;
     -moz-border-radius: 0 0px 0px 0;
          border-radius: 0 0px 0px 0;
}

.input-append input:focus,
.input-prepend input:focus,
.input-append select:focus,
.input-prepend select:focus,
.input-append .uneditable-input:focus,
.input-prepend .uneditable-input:focus {
  z-index: 2;
}

.input-append .add-on,
.input-prepend .add-on {
  display: inline-block;
  width: auto;
  height: 20px;
  min-width: 16px;
  padding: 4px 5px;
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
  text-align: center;
  text-shadow: 0 1px 0 #ffffff;
  background-color: #eeeeee;
  border: 1px solid #ccc;
}

.input-append .add-on,
.input-prepend .add-on,
.input-append .btn,
.input-prepend .btn,
.input-append .btn-group > .dropdown-toggle,
.input-prepend .btn-group > .dropdown-toggle {
  vertical-align: top;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
}

.input-append .active,
.input-prepend .active {
  background-color: #a9dba9;
  border-color: #46a546;
}

.input-prepend .add-on,
.input-prepend .btn {
  margin-right: -1px;
}

.input-prepend .add-on:first-child,
.input-prepend .btn:first-child {
   -webkit-border-radius: 0px 0 0 0px;
     -moz-border-radius: 0px 0 0 0px;
          border-radius: 0px 0 0 0px;
}

.input-append input,
.input-append select,
.input-append .uneditable-input {
  -webkit-border-radius: 0px 0 0 0px;
     -moz-border-radius: 0px 0 0 0px;
          border-radius: 0px 0 0 0px;
}

.input-append input + .btn-group .btn:last-child,
.input-append select + .btn-group .btn:last-child,
.input-append .uneditable-input + .btn-group .btn:last-child {
  -webkit-border-radius: 0px 0 0 0px;
     -moz-border-radius: 0px 0 0 0px;
          border-radius: 0px 0 0 0px;
}

.input-append .add-on,
.input-append .btn,
.input-append .btn-group {
  margin-left: -1px;
}

.input-append .add-on:last-child,
.input-append .btn:last-child,
.input-append .btn-group:last-child > .dropdown-toggle {
   -webkit-border-radius: 0px 0 0 0px;
     -moz-border-radius: 0px 0 0 0px;
          border-radius: 0px 0 0 0px;
}

.input-prepend.input-append input,
.input-prepend.input-append select,
.input-prepend.input-append .uneditable-input {
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
}

.input-prepend.input-append input + .btn-group .btn,
.input-prepend.input-append select + .btn-group .btn,
.input-prepend.input-append .uneditable-input + .btn-group .btn {
  -webkit-border-radius: 0px 0 0 0px;
     -moz-border-radius: 0px 0 0 0px;
          border-radius: 0px 0 0 0px;
}

.input-prepend.input-append .add-on:first-child,
.input-prepend.input-append .btn:first-child {
  margin-right: -1px;
   -webkit-border-radius: 0px 0 0 0px;
     -moz-border-radius: 0px 0 0 0px;
          border-radius: 0px 0 0 0px;
}

.input-prepend.input-append .add-on:last-child,
.input-prepend.input-append .btn:last-child {
  margin-left: -1px;
   -webkit-border-radius: 0px 0 0 0px;
     -moz-border-radius: 0px 0 0 0px;
          border-radius: 0px 0 0 0px;
}

.input-prepend.input-append .btn-group:first-child {
  margin-left: 0;
}

input.search-query {
  padding-right: 14px;
  padding-right: 4px \9;
  padding-left: 14px;
  padding-left: 4px \9;
  /* IE7-8 doesn't have border-radius, so don't indent the padding */

  margin-bottom: 0;
  -webkit-border-radius: 15px;
     -moz-border-radius: 15px;
          border-radius: 15px;
}

/* Allow for input prepend/append in search forms */

.form-search .input-append .search-query,
.form-search .input-prepend .search-query {
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
}

.form-search .input-append .search-query {
  -webkit-border-radius: 14px 0 0 14px;
     -moz-border-radius: 14px 0 0 14px;
          border-radius: 14px 0 0 14px;
}

.form-search .input-append .btn {
  -webkit-border-radius: 0 14px 14px 0;
     -moz-border-radius: 0 14px 14px 0;
          border-radius: 0 14px 14px 0;
}

.form-search .input-prepend .search-query {
  -webkit-border-radius: 0 14px 14px 0;
     -moz-border-radius: 0 14px 14px 0;
          border-radius: 0 14px 14px 0;
}

.form-search .input-prepend .btn {
  -webkit-border-radius: 14px 0 0 14px;
     -moz-border-radius: 14px 0 0 14px;
          border-radius: 14px 0 0 14px;
}

.form-search input,
.form-inline input,
.form-horizontal input,
.form-search textarea,
.form-inline textarea,
.form-horizontal textarea,
.form-search select,
.form-inline select,
.form-horizontal select,
.form-search .help-inline,
.form-inline .help-inline,
.form-horizontal .help-inline,
.form-search .uneditable-input,
.form-inline .uneditable-input,
.form-horizontal .uneditable-input,
.form-search .input-prepend,
.form-inline .input-prepend,
.form-horizontal .input-prepend,
.form-search .input-append,
.form-inline .input-append,
.form-horizontal .input-append {
  display: inline-block;
  *display: inline;
  margin-bottom: 0;
  vertical-align: middle;
  *zoom: 1;
}

.form-search .hide,
.form-inline .hide,
.form-horizontal .hide {
  display: none;
}

.form-search label,
.form-inline label,
.form-search .btn-group,
.form-inline .btn-group {
  display: inline-block;
}

.form-search .input-append,
.form-inline .input-append,
.form-search .input-prepend,
.form-inline .input-prepend {
  margin-bottom: 0;
}

.form-search .radio,
.form-search .checkbox,
.form-inline .radio,
.form-inline .checkbox {
  padding-left: 0;
  margin-bottom: 0;
  vertical-align: middle;
}

.form-search .radio input[type="radio"],
.form-search .checkbox input[type="checkbox"],
.form-inline .radio input[type="radio"],
.form-inline .checkbox input[type="checkbox"] {
  float: left;
  margin-right: 3px;
  margin-left: 0;
}

.control-group {
  margin-bottom: 10px;
}

legend + .control-group {
  margin-top: 20px;
  -webkit-margin-top-collapse: separate;
}

.form-horizontal .control-group {
  margin-bottom: 20px;
  *zoom: 1;
}

.form-horizontal .control-group:before,
.form-horizontal .control-group:after {
  display: table;
  line-height: 0;
  content: "";
}

.form-horizontal .control-group:after {
  clear: both;
}

.form-horizontal .control-label {
  float: left;
  width: 160px;
  padding-top: 5px;
  text-align: right;
}

.form-horizontal .controls {
  *display: inline-block;
  *padding-left: 20px;
  margin-left: 180px;
  *margin-left: 0;
}

.form-horizontal .controls:first-child {
  *padding-left: 180px;
}

.form-horizontal .help-block {
  margin-bottom: 0;
}

.form-horizontal input + .help-block,
.form-horizontal select + .help-block,
.form-horizontal textarea + .help-block,
.form-horizontal .uneditable-input + .help-block,
.form-horizontal .input-prepend + .help-block,
.form-horizontal .input-append + .help-block {
  margin-top: 10px;
}

.form-horizontal .form-actions {
  padding-left: 180px;
}

table {
  max-width: 100%;
  background-color: transparent;
  border-collapse: collapse;
  border-spacing: 0;
}

.table {
  width: 100%;
  margin-bottom: 20px;
}

.table th,
.table td {
  padding: 8px;
  line-height: 20px;
  text-align: left;
  vertical-align: top;
  border-bottom: 1px solid #dddddd;
}

.table th {
  font-weight: bold;
}

.table thead th {
  vertical-align: bottom;
}

.table caption + thead tr:first-child th,
.table caption + thead tr:first-child td,
.table colgroup + thead tr:first-child th,
.table colgroup + thead tr:first-child td,
.table thead:first-child tr:first-child th,
.table thead:first-child tr:first-child td {
  border-top: 0;
}

.table tbody + tbody {
  border-top: 2px solid #dddddd;
}

.table .table {
  background-color: #ffffff;
}

.table-condensed th,
.table-condensed td {
  padding: 4px 5px;
}

.table-bordered {
  border: 1px solid #dddddd;
  border-collapse: separate;
  *border-collapse: collapse;
  border-left: 0;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

.table-bordered th,
.table-bordered td {
  border-left: 1px solid #dddddd;
}

.table-bordered caption + thead tr:first-child th,
.table-bordered caption + tbody tr:first-child th,
.table-bordered caption + tbody tr:first-child td,
.table-bordered colgroup + thead tr:first-child th,
.table-bordered colgroup + tbody tr:first-child th,
.table-bordered colgroup + tbody tr:first-child td,
.table-bordered thead:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child td {
  border-top: 0;
}

.table-bordered thead:first-child tr:first-child > th:first-child,
.table-bordered tbody:first-child tr:first-child > td:first-child {
  -webkit-border-top-left-radius: 4px;
          border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
}

.table-bordered thead:first-child tr:first-child > th:last-child,
.table-bordered tbody:first-child tr:first-child > td:last-child {
  -webkit-border-top-right-radius: 4px;
          border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px;
}

.table-bordered thead:last-child tr:last-child > th:first-child,
.table-bordered tbody:last-child tr:last-child > td:first-child,
.table-bordered tfoot:last-child tr:last-child > td:first-child {
  -webkit-border-bottom-left-radius: 4px;
          border-bottom-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
}

.table-bordered thead:last-child tr:last-child > th:last-child,
.table-bordered tbody:last-child tr:last-child > td:last-child,
.table-bordered tfoot:last-child tr:last-child > td:last-child {
  -webkit-border-bottom-right-radius: 4px;
          border-bottom-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
}

.table-bordered tfoot + tbody:last-child tr:last-child td:first-child {
  -webkit-border-bottom-left-radius: 0;
          border-bottom-left-radius: 0;
  -moz-border-radius-bottomleft: 0;
}

.table-bordered tfoot + tbody:last-child tr:last-child td:last-child {
  -webkit-border-bottom-right-radius: 0;
          border-bottom-right-radius: 0;
  -moz-border-radius-bottomright: 0;
}

.table-bordered caption + thead tr:first-child th:first-child,
.table-bordered caption + tbody tr:first-child td:first-child,
.table-bordered colgroup + thead tr:first-child th:first-child,
.table-bordered colgroup + tbody tr:first-child td:first-child {
  -webkit-border-top-left-radius: 4px;
          border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
}

.table-bordered caption + thead tr:first-child th:last-child,
.table-bordered caption + tbody tr:first-child td:last-child,
.table-bordered colgroup + thead tr:first-child th:last-child,
.table-bordered colgroup + tbody tr:first-child td:last-child {
  -webkit-border-top-right-radius: 4px;
          border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px;
}

.table-striped tbody > tr:nth-child(odd) > td,
.table-striped tbody > tr:nth-child(odd) > th {
  background-color: #f9f9f9;
}

.table-hover tbody tr:hover td,
.table-hover tbody tr:hover th {
  background-color: #f5f5f5;
}

table td[class*="span"],
table th[class*="span"],
.row-fluid table td[class*="span"],
.row-fluid table th[class*="span"] {
  display: table-cell;
  float: none;
  margin-left: 0;
}

.table td.span1,
.table th.span1 {
  float: none;
  width: 44px;
  margin-left: 0;
}

.table td.span2,
.table th.span2 {
  float: none;
  width: 124px;
  margin-left: 0;
}

.table td.span3,
.table th.span3 {
  float: none;
  width: 204px;
  margin-left: 0;
}

.table td.span4,
.table th.span4 {
  float: none;
  width: 284px;
  margin-left: 0;
}

.table td.span5,
.table th.span5 {
  float: none;
  width: 364px;
  margin-left: 0;
}

.table td.span6,
.table th.span6 {
  float: none;
  width: 444px;
  margin-left: 0;
}

.table td.span7,
.table th.span7 {
  float: none;
  width: 524px;
  margin-left: 0;
}

.table td.span8,
.table th.span8 {
  float: none;
  width: 604px;
  margin-left: 0;
}

.table td.span9,
.table th.span9 {
  float: none;
  width: 684px;
  margin-left: 0;
}

.table td.span10,
.table th.span10 {
  float: none;
  width: 764px;
  margin-left: 0;
}

.table td.span11,
.table th.span11 {
  float: none;
  width: 844px;
  margin-left: 0;
}

.table td.span12,
.table th.span12 {
  float: none;
  width: 924px;
  margin-left: 0;
}

.table tbody tr.success td {
  background-color: #dff0d8;
}

.table tbody tr.error td {
  background-color: #f2dede;
}

.table tbody tr.warning td {
  background-color: #fcf8e3;
}

.table tbody tr.info td {
  background-color: #d9edf7;
}

.table-hover tbody tr.success:hover td {
  background-color: #d0e9c6;
}

.table-hover tbody tr.error:hover td {
  background-color: #ebcccc;
}

.table-hover tbody tr.warning:hover td {
  background-color: #faf2cc;
}

.table-hover tbody tr.info:hover td {
  background-color: #c4e3f3;
}


.dropup,
.dropdown {
  position: relative;
}

.dropdown-toggle {
  *margin-bottom: -3px;
}

.dropdown-toggle:active,
.open .dropdown-toggle {
  outline: 0;
}

.caret {
  display: inline-block;
  width: 0;
  height: 0;
  vertical-align: top;
  border-top: 4px solid #000000;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  content: "";
}

.dropdown .caret {
  margin-top: 8px;
  margin-left: 2px;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  background-color: #ffffff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  *border-right-width: 2px;
  *border-bottom-width: 2px;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
     -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
     -moz-background-clip: padding;
          background-clip: padding-box;
}

.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}

.dropdown-menu .divider {
  *width: 100%;
  height: 1px;
  margin: 9px 1px;
  *margin: -5px 0 5px;
  overflow: hidden;
  background-color: #e5e5e5;
  border-bottom: 1px solid #ffffff;
}

.dropdown-menu li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 20px;
  color: #333333;
  white-space: nowrap;
}

.dropdown-menu li > a:hover,
.dropdown-menu li > a:focus,
.dropdown-submenu:hover > a {
  color: #ffffff;
  text-decoration: none;
  background-color: #0081c2;
  background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
  background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
  background-image: -o-linear-gradient(top, #0088cc, #0077b3);
  background-image: linear-gradient(to bottom, #0088cc, #0077b3);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
}

.dropdown-menu .active > a,
.dropdown-menu .active > a:hover {
  color: #ffffff;
  text-decoration: none;
  background-color: #0081c2;
  background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
  background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
  background-image: -o-linear-gradient(top, #0088cc, #0077b3);
  background-image: linear-gradient(to bottom, #0088cc, #0077b3);
  background-repeat: repeat-x;
  outline: 0;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
}

.dropdown-menu .disabled > a,
.dropdown-menu .disabled > a:hover {
  color: #999999;
}

.dropdown-menu .disabled > a:hover {
  text-decoration: none;
  cursor: default;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.open {
  *z-index: 1000;
}

.open > .dropdown-menu {
  display: block;
}

.pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px solid #000000;
  content: "";
}

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 1px;
}

.dropdown-submenu {
  position: relative;
}

.dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -6px;
  margin-left: -1px;
  -webkit-border-radius: 0 6px 6px 6px;
     -moz-border-radius: 0 6px 6px 6px;
          border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover > .dropdown-menu {
  display: block;
}

.dropup .dropdown-submenu > .dropdown-menu {
  top: auto;
  bottom: 0;
  margin-top: 0;
  margin-bottom: -2px;
  -webkit-border-radius: 5px 5px 5px 0;
     -moz-border-radius: 5px 5px 5px 0;
          border-radius: 5px 5px 5px 0;
}

.dropdown-submenu > a:after {
  display: block;
  float: right;
  width: 0;
  height: 0;
  margin-top: 5px;
  margin-right: -10px;
  border-color: transparent;
  border-left-color: #cccccc;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  content: " ";
}

.dropdown-submenu:hover > a:after {
  border-left-color: #ffffff;
}

.dropdown-submenu.pull-left {
  float: none;
}

.dropdown-submenu.pull-left > .dropdown-menu {
  left: -100%;
  margin-left: 10px;
  -webkit-border-radius: 6px 0 6px 6px;
     -moz-border-radius: 6px 0 6px 6px;
          border-radius: 6px 0 6px 6px;
}

.dropdown .dropdown-menu .nav-header {
  padding-right: 20px;
  padding-left: 20px;
}

.typeahead {
  z-index: 1051;
  margin-top: 2px;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

.well blockquote {
  border-color: #ddd;
  border-color: rgba(0, 0, 0, 0.15);
}

.well-large {
  padding: 24px;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
}

.well-small {
  padding: 9px;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}

.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
     -moz-transition: opacity 0.15s linear;
       -o-transition: opacity 0.15s linear;
          transition: opacity 0.15s linear;
}

.fade.in {
  opacity: 1;
}

.collapse {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.35s ease;
     -moz-transition: height 0.35s ease;
       -o-transition: height 0.35s ease;
          transition: height 0.35s ease;
}

.collapse.in {
  height: auto;
}

.close {
  float: right;
  font-size: 20px;
  font-weight: bold;
  line-height: 20px;
  color: #000000;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.2;
  filter: alpha(opacity=20);
}

.close:hover {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
  filter: alpha(opacity=40);
}

button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}

.btn {
  display: inline-block;
  *display: inline;
  padding: 4px 12px;
  margin-bottom: 0;
  *margin-left: .3em;
  font-size: 14px;
  line-height: 20px;
  color: #333333;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align: middle;
  cursor: pointer;
  background-color: #f5f5f5;
  *background-color: #e6e6e6;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border: 1px solid #bbbbbb;
  *border: 0;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-bottom-color: #a2a2a2;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  *zoom: 1;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn:hover,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled] {
  color: #333333;
  background-color: #e6e6e6;
  *background-color: #d9d9d9;
}

.btn:active,
.btn.active {
  background-color: #cccccc \9;
}

.btn:first-child {
  *margin-left: 0;
}

.btn:hover {
  color: #333333;
  text-decoration: none;
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
     -moz-transition: background-position 0.1s linear;
       -o-transition: background-position 0.1s linear;
          transition: background-position 0.1s linear;
}

.btn:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.btn.active,
.btn:active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn.disabled,
.btn[disabled] {
  cursor: default;
  background-image: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
}

.btn-large {
  padding: 11px 19px;
  font-size: 17.5px;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
}

.btn-large [class^="icon-"],
.btn-large [class*=" icon-"] {
  margin-top: 4px;
}

.btn-small {
  padding: 2px 10px;
  font-size: 11.9px;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}

.btn-small [class^="icon-"],
.btn-small [class*=" icon-"] {
  margin-top: 0;
}

.btn-mini [class^="icon-"],
.btn-mini [class*=" icon-"] {
  margin-top: -1px;
}

.btn-mini {
  padding: 0 6px;
  font-size: 10.5px;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}

.btn-block {
  display: block;
  width: 100%;
  padding-right: 0;
  padding-left: 0;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.btn-block + .btn-block {
  margin-top: 5px;
}

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}

.btn-primary.active,
.btn-warning.active,
.btn-danger.active,
.btn-success.active,
.btn-info.active,
.btn-inverse.active {
  color: rgba(255, 255, 255, 0.75);
}

.btn {
  border-color: #c5c5c5;
  border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25);
}

.btn-primary {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #006dcc;
  *background-color: #0044cc;
  background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
  background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
  background-image: -o-linear-gradient(top, #0088cc, #0044cc);
  background-image: linear-gradient(to bottom, #0088cc, #0044cc);
  background-repeat: repeat-x;
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
  color: #ffffff;
  background-color: #0044cc;
  *background-color: #003bb3;
}

.btn-primary:active,
.btn-primary.active {
  background-color: #003399 \9;
}

.btn-warning {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #faa732;
  *background-color: #f89406;
  background-image: -moz-linear-gradient(top, #fbb450, #f89406);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
  background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
  background-image: -o-linear-gradient(top, #fbb450, #f89406);
  background-image: linear-gradient(to bottom, #fbb450, #f89406);
  background-repeat: repeat-x;
  border-color: #f89406 #f89406 #ad6704;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-warning:hover,
.btn-warning:active,
.btn-warning.active,
.btn-warning.disabled,
.btn-warning[disabled] {
  color: #ffffff;
  background-color: #f89406;
  *background-color: #df8505;
}

.btn-warning:active,
.btn-warning.active {
  background-color: #c67605 \9;
}

.btn-danger {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #da4f49;
  *background-color: #bd362f;
  background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
  background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
  background-repeat: repeat-x;
  border-color: #bd362f #bd362f #802420;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-danger:hover,
.btn-danger:active,
.btn-danger.active,
.btn-danger.disabled,
.btn-danger[disabled] {
  color: #ffffff;
  background-color: #bd362f;
  *background-color: #a9302a;
}

.btn-danger:active,
.btn-danger.active {
  background-color: #942a25 \9;
}

.btn-success {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #5bb75b;
  *background-color: #51a351;
  background-image: -moz-linear-gradient(top, #62c462, #51a351);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
  background-image: -webkit-linear-gradient(top, #62c462, #51a351);
  background-image: -o-linear-gradient(top, #62c462, #51a351);
  background-image: linear-gradient(to bottom, #62c462, #51a351);
  background-repeat: repeat-x;
  border-color: #51a351 #51a351 #387038;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-success:hover,
.btn-success:active,
.btn-success.active,
.btn-success.disabled,
.btn-success[disabled] {
  color: #ffffff;
  background-color: #51a351;
  *background-color: #499249;
}

.btn-success:active,
.btn-success.active {
  background-color: #408140 \9;
}

.btn-info {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #49afcd;
  *background-color: #2f96b4;
  background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));
  background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: linear-gradient(to bottom, #5bc0de, #2f96b4);
  background-repeat: repeat-x;
  border-color: #2f96b4 #2f96b4 #1f6377;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-info:hover,
.btn-info:active,
.btn-info.active,
.btn-info.disabled,
.btn-info[disabled] {
  color: #ffffff;
  background-color: #2f96b4;
  *background-color: #2a85a0;
}

.btn-info:active,
.btn-info.active {
  background-color: #24748c \9;
}

.btn-inverse {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #363636;
  *background-color: #222222;
  background-image: -moz-linear-gradient(top, #444444, #222222);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#222222));
  background-image: -webkit-linear-gradient(top, #444444, #222222);
  background-image: -o-linear-gradient(top, #444444, #222222);
  background-image: linear-gradient(to bottom, #444444, #222222);
  background-repeat: repeat-x;
  border-color: #222222 #222222 #000000;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-inverse:hover,
.btn-inverse:active,
.btn-inverse.active,
.btn-inverse.disabled,
.btn-inverse[disabled] {
  color: #ffffff;
  background-color: #222222;
  *background-color: #151515;
}

.btn-inverse:active,
.btn-inverse.active {
  background-color: #080808 \9;
}

button.btn,
input[type="submit"].btn {
  *padding-top: 3px;
  *padding-bottom: 3px;
}

button.btn::-moz-focus-inner,
input[type="submit"].btn::-moz-focus-inner {
  padding: 0;
  border: 0;
}

button.btn.btn-large,
input[type="submit"].btn.btn-large {
  *padding-top: 7px;
  *padding-bottom: 7px;
}

button.btn.btn-small,
input[type="submit"].btn.btn-small {
  *padding-top: 3px;
  *padding-bottom: 3px;
}

button.btn.btn-mini,
input[type="submit"].btn.btn-mini {
  *padding-top: 1px;
  *padding-bottom: 1px;
}

.btn-link,
.btn-link:active,
.btn-link[disabled] {
  background-color: transparent;
  background-image: none;
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
}

.btn-link {
  color: #0088cc;
  cursor: pointer;
  border-color: transparent;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
}

.btn-link:hover {
  color: #005580;
  text-decoration: underline;
  background-color: transparent;
}

.btn-link[disabled]:hover {
  color: #333333;
  text-decoration: none;
}

.btn-group {
  position: relative;
  display: inline-block;
  *display: inline;
  *margin-left: .3em;
  font-size: 0;
  white-space: nowrap;
  vertical-align: middle;
  *zoom: 1;
}

.btn-group:first-child {
  *margin-left: 0;
}

.btn-group + .btn-group {
  margin-left: 5px;
}

.btn-toolbar {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 0;
}

.btn-toolbar > .btn + .btn,
.btn-toolbar > .btn-group + .btn,
.btn-toolbar > .btn + .btn-group {
  margin-left: 5px;
}

.btn-group > .btn {
  position: relative;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
}

.btn-group > .btn + .btn {
  margin-left: -1px;
}

.btn-group > .btn,
.btn-group > .dropdown-menu,
.btn-group > .popover {
  font-size: 14px;
}

.btn-group > .btn-mini {
  font-size: 10.5px;
}

.btn-group > .btn-small {
  font-size: 11.9px;
}

.btn-group > .btn-large {
  font-size: 17.5px;
}

.btn-group > .btn:first-child {
  margin-left: 0;
  -webkit-border-bottom-left-radius: 4px;
          border-bottom-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
          border-top-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-topleft: 4px;
}

.btn-group > .btn:last-child,
.btn-group > .dropdown-toggle {
  -webkit-border-top-right-radius: 4px;
          border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
          border-bottom-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 4px;
}

.btn-group > .btn.large:first-child {
  margin-left: 0;
  -webkit-border-bottom-left-radius: 6px;
          border-bottom-left-radius: 6px;
  -webkit-border-top-left-radius: 6px;
          border-top-left-radius: 6px;
  -moz-border-radius-bottomleft: 6px;
  -moz-border-radius-topleft: 6px;
}

.btn-group > .btn.large:last-child,
.btn-group > .large.dropdown-toggle {
  -webkit-border-top-right-radius: 6px;
          border-top-right-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
          border-bottom-right-radius: 6px;
  -moz-border-radius-topright: 6px;
  -moz-border-radius-bottomright: 6px;
}

.btn-group > .btn:hover,
.btn-group > .btn:focus,
.btn-group > .btn:active,
.btn-group > .btn.active {
  z-index: 2;
}

.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0;
}

.btn-group > .btn + .dropdown-toggle {
  *padding-top: 5px;
  padding-right: 8px;
  *padding-bottom: 5px;
  padding-left: 8px;
  -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn-group > .btn-mini + .dropdown-toggle {
  *padding-top: 2px;
  padding-right: 5px;
  *padding-bottom: 2px;
  padding-left: 5px;
}

.btn-group > .btn-small + .dropdown-toggle {
  *padding-top: 5px;
  *padding-bottom: 4px;
}

.btn-group > .btn-large + .dropdown-toggle {
  *padding-top: 7px;
  padding-right: 12px;
  *padding-bottom: 7px;
  padding-left: 12px;
}

.btn-group.open .dropdown-toggle {
  background-image: none;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn-group.open .btn.dropdown-toggle {
  background-color: #e6e6e6;
}

.btn-group.open .btn-primary.dropdown-toggle {
  background-color: #0044cc;
}

.btn-group.open .btn-warning.dropdown-toggle {
  background-color: #f89406;
}

.btn-group.open .btn-danger.dropdown-toggle {
  background-color: #bd362f;
}

.btn-group.open .btn-success.dropdown-toggle {
  background-color: #51a351;
}

.btn-group.open .btn-info.dropdown-toggle {
  background-color: #2f96b4;
}

.btn-group.open .btn-inverse.dropdown-toggle {
  background-color: #222222;
}

.btn .caret {
  margin-top: 8px;
  margin-left: 0;
}

.btn-mini .caret,
.btn-small .caret,
.btn-large .caret {
  margin-top: 6px;
}

.btn-large .caret {
  border-top-width: 5px;
  border-right-width: 5px;
  border-left-width: 5px;
}

.dropup .btn-large .caret {
  border-bottom-width: 5px;
}

.btn-primary .caret,
.btn-warning .caret,
.btn-danger .caret,
.btn-info .caret,
.btn-success .caret,
.btn-inverse .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}

.btn-group-vertical {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */

  *zoom: 1;
}

.btn-group-vertical > .btn {
  display: block;
  float: none;
  max-width: 100%;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
}

.btn-group-vertical > .btn + .btn {
  margin-top: -1px;
  margin-left: 0;
}

.btn-group-vertical > .btn:first-child {
  -webkit-border-radius: 4px 4px 0 0;
     -moz-border-radius: 4px 4px 0 0;
          border-radius: 4px 4px 0 0;
}

.btn-group-vertical > .btn:last-child {
  -webkit-border-radius: 0 0 4px 4px;
     -moz-border-radius: 0 0 4px 4px;
          border-radius: 0 0 4px 4px;
}

.btn-group-vertical > .btn-large:first-child {
  -webkit-border-radius: 6px 6px 0 0;
     -moz-border-radius: 6px 6px 0 0;
          border-radius: 6px 6px 0 0;
}

.btn-group-vertical > .btn-large:last-child {
  -webkit-border-radius: 0 0 6px 6px;
     -moz-border-radius: 0 0 6px 6px;
          border-radius: 0 0 6px 6px;
}

.alert {
  padding: 8px 35px 8px 14px;
  margin-bottom: 20px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  background-color: #fcf8e3;
  border: 1px solid #fbeed5;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

.alert,
.alert h4 {
  color: #c09853;
}

.alert h4 {
  margin: 0;
}

.alert .close {
  position: relative;
  top: -2px;
  right: -21px;
  line-height: 20px;
}

.alert-success {
  color: #468847;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

.alert-success h4 {
  color: #468847;
}

.alert-danger,
.alert-error {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #eed3d7;
}

.alert-danger h4,
.alert-error h4 {
  color: #b94a48;
}

.alert-info {
  color: #3a87ad;
  background-color: #d9edf7;
  border-color: #bce8f1;
}

.alert-info h4 {
  color: #3a87ad;
}

.alert-block {
  padding-top: 14px;
  padding-bottom: 14px;
}

.alert-block > p,
.alert-block > ul {
  margin-bottom: 0;
}

.alert-block p + p {
  margin-top: 5px;
}

.nav {
  margin-bottom: 20px;
  margin-left: 0;
  list-style: none;
}

.nav > li > a {
  display: block;
}

.nav > li > a:hover {
  text-decoration: none;
  background-color: #eeeeee;
}

.nav > li > a > img {
  max-width: none;
}

.nav > .pull-right {
  float: right;
}

.nav-header {
  display: block;
  padding: 3px 15px;
  font-size: 11px;
  font-weight: bold;
  line-height: 20px;
  color: #999999;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  text-transform: uppercase;
}

.nav li + .nav-header {
  margin-top: 9px;
}

.nav-list {
  padding-right: 15px;
  padding-left: 15px;
  margin-bottom: 0;
}

.nav-list > li > a,
.nav-list .nav-header {
  margin-right: -15px;
  margin-left: -15px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

.nav-list > li > a {
  padding: 3px 15px;
}

.nav-list > .active > a,
.nav-list > .active > a:hover {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
  background-color: #0088cc;
}

.nav-list [class^="icon-"],
.nav-list [class*=" icon-"] {
  margin-right: 2px;
}

.nav-list .divider {
  *width: 100%;
  height: 1px;
  margin: 9px 1px;
  *margin: -5px 0 5px;
  overflow: hidden;
  background-color: #e5e5e5;
  border-bottom: 1px solid #ffffff;
}

.nav-tabs,
.nav-pills {
  *zoom: 1;
}

.nav-tabs:before,
.nav-pills:before,
.nav-tabs:after,
.nav-pills:after {
  display: table;
  line-height: 0;
  content: "";
}

.nav-tabs:after,
.nav-pills:after {
  clear: both;
}

.nav-tabs > li,
.nav-pills > li {
  float: left;
}

.nav-tabs > li > a,
.nav-pills > li > a {
  padding-right: 12px;
  padding-left: 12px;
  margin-right: 2px;
  line-height: 14px;
}

.nav-tabs {
  border-bottom: 1px solid #ddd;
}

.nav-tabs > li {
  margin-bottom: -1px;
}

.nav-tabs > li > a {
  padding-top: 8px;
  padding-bottom: 8px;
  line-height: 20px;
  border: 1px solid transparent;
  -webkit-border-radius: 4px 4px 0 0;
     -moz-border-radius: 4px 4px 0 0;
          border-radius: 4px 4px 0 0;
}

.nav-tabs > li > a:hover {
  border-color: #eeeeee #eeeeee #dddddd;
}

.nav-tabs > .active > a,
.nav-tabs > .active > a:hover {
  color: #555555;
  cursor: default;
  background-color: #ffffff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
}

.nav-pills > li > a {
  padding-top: 8px;
  padding-bottom: 8px;
  margin-top: 2px;
  margin-bottom: 2px;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
}

.nav-pills > .active > a,
.nav-pills > .active > a:hover {
  color: #ffffff;
  background-color: #0088cc;
}

.nav-stacked > li {
  float: none;
}

.nav-stacked > li > a {
  margin-right: 0;
}

.nav-tabs.nav-stacked {
  border-bottom: 0;
}

.nav-tabs.nav-stacked > li > a {
  border: 1px solid #ddd;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
}

.nav-tabs.nav-stacked > li:first-child > a {
  -webkit-border-top-right-radius: 4px;
          border-top-right-radius: 4px;
  -webkit-border-top-left-radius: 4px;
          border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-topleft: 4px;
}

.nav-tabs.nav-stacked > li:last-child > a {
  -webkit-border-bottom-right-radius: 4px;
          border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
          border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft: 4px;
}

.nav-tabs.nav-stacked > li > a:hover {
  z-index: 2;
  border-color: #ddd;
}

.nav-pills.nav-stacked > li > a {
  margin-bottom: 3px;
}

.nav-pills.nav-stacked > li:last-child > a {
  margin-bottom: 1px;
}

.nav-tabs .dropdown-menu {
  -webkit-border-radius: 0 0 6px 6px;
     -moz-border-radius: 0 0 6px 6px;
          border-radius: 0 0 6px 6px;
}

.nav-pills .dropdown-menu {
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
}

.nav .dropdown-toggle .caret {
  margin-top: 6px;
  border-top-color: #0088cc;
  border-bottom-color: #0088cc;
}

.nav .dropdown-toggle:hover .caret {
  border-top-color: #005580;
  border-bottom-color: #005580;
}

/* move down carets for tabs */

.nav-tabs .dropdown-toggle .caret {
  margin-top: 8px;
}

.nav .active .dropdown-toggle .caret {
  border-top-color: #fff;
  border-bottom-color: #fff;
}

.nav-tabs .active .dropdown-toggle .caret {
  border-top-color: #555555;
  border-bottom-color: #555555;
}

.nav > .dropdown.active > a:hover {
  cursor: pointer;
}

.nav-tabs .open .dropdown-toggle,
.nav-pills .open .dropdown-toggle,
.nav > li.dropdown.open.active > a:hover {
  color: #ffffff;
  background-color: #999999;
  border-color: #999999;
}

.nav li.dropdown.open .caret,
.nav li.dropdown.open.active .caret,
.nav li.dropdown.open a:hover .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
  opacity: 1;
  filter: alpha(opacity=100);
}

.tabs-stacked .open > a:hover {
  border-color: #999999;
}

.tabbable {
  *zoom: 1;
}

.tabbable:before,
.tabbable:after {
  display: table;
  line-height: 0;
  content: "";
}

.tabbable:after {
  clear: both;
}

.tab-content {
  overflow: auto;
}

.tabs-below > .nav-tabs,
.tabs-right > .nav-tabs,
.tabs-left > .nav-tabs {
  border-bottom: 0;
}

.tab-content > .tab-pane,
.pill-content > .pill-pane {
  display: none;
}

.tab-content > .active,
.pill-content > .active {
  display: block;
}

.tabs-below > .nav-tabs {
  border-top: 1px solid #ddd;
}

.tabs-below > .nav-tabs > li {
  margin-top: -1px;
  margin-bottom: 0;
}

.tabs-below > .nav-tabs > li > a {
  -webkit-border-radius: 0 0 4px 4px;
     -moz-border-radius: 0 0 4px 4px;
          border-radius: 0 0 4px 4px;
}

.tabs-below > .nav-tabs > li > a:hover {
  border-top-color: #ddd;
  border-bottom-color: transparent;
}

.tabs-below > .nav-tabs > .active > a,
.tabs-below > .nav-tabs > .active > a:hover {
  border-color: transparent #ddd #ddd #ddd;
}

.tabs-left > .nav-tabs > li,
.tabs-right > .nav-tabs > li {
  float: none;
}

.tabs-left > .nav-tabs > li > a,
.tabs-right > .nav-tabs > li > a {
  min-width: 74px;
  margin-right: 0;
  margin-bottom: 3px;
}

.tabs-left > .nav-tabs {
  float: left;
  margin-right: 19px;
  border-right: 1px solid #ddd;
}

.tabs-left > .nav-tabs > li > a {
  margin-right: -1px;
  -webkit-border-radius: 4px 0 0 4px;
     -moz-border-radius: 4px 0 0 4px;
          border-radius: 4px 0 0 4px;
}

.tabs-left > .nav-tabs > li > a:hover {
  border-color: #eeeeee #dddddd #eeeeee #eeeeee;
}

.tabs-left > .nav-tabs .active > a,
.tabs-left > .nav-tabs .active > a:hover {
  border-color: #ddd transparent #ddd #ddd;
  *border-right-color: #ffffff;
}

.tabs-right > .nav-tabs {
  float: right;
  margin-left: 19px;
  border-left: 1px solid #ddd;
}

.tabs-right > .nav-tabs > li > a {
  margin-left: -1px;
  -webkit-border-radius: 0 4px 4px 0;
     -moz-border-radius: 0 4px 4px 0;
          border-radius: 0 4px 4px 0;
}

.tabs-right > .nav-tabs > li > a:hover {
  border-color: #eeeeee #eeeeee #eeeeee #dddddd;
}

.tabs-right > .nav-tabs .active > a,
.tabs-right > .nav-tabs .active > a:hover {
  border-color: #ddd #ddd #ddd transparent;
  *border-left-color: #ffffff;
}

.nav > .disabled > a {
  color: #999999;
}

.nav > .disabled > a:hover {
  text-decoration: none;
  cursor: default;
  background-color: transparent;
}

.navbar {
  *position: relative;
  *z-index: 2;
  margin-bottom: 20px;
  overflow: visible;
}

.navbar-inner {
  min-height: 40px;
  padding-right: 20px;
  padding-left: 20px;
  background-color: #fafafa;
  background-image: -moz-linear-gradient(top, #ffffff, #f2f2f2);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f2f2f2));
  background-image: -webkit-linear-gradient(top, #ffffff, #f2f2f2);
  background-image: -o-linear-gradient(top, #ffffff, #f2f2f2);
  background-image: linear-gradient(to bottom, #ffffff, #f2f2f2);
  background-repeat: repeat-x;
  border: 1px solid #d4d4d4;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0);
  *zoom: 1;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
     -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
          box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
}

.navbar-inner:before,
.navbar-inner:after {
  display: table;
  line-height: 0;
  content: "";
}

.navbar-inner:after {
  clear: both;
}

.navbar .container {
  width: auto;
}

.nav-collapse.collapse {
  height: auto;
  overflow: visible;
}

.navbar .brand {
  display: block;
  float: left;
  padding: 10px 20px 10px;
  margin-left: -20px;
  font-size: 20px;
  font-weight: 200;
  color: #777777;
  text-shadow: 0 1px 0 #ffffff;
}

.navbar .brand:hover {
  text-decoration: none;
}

.navbar-text {
  margin-bottom: 0;
  line-height: 40px;
  color: #777777;
}

.navbar-link {
  color: #777777;
}

.navbar-link:hover {
  color: #333333;
}

.navbar .divider-vertical {
  height: 40px;
  margin: 0 9px;
  border-right: 1px solid #ffffff;
  border-left: 1px solid #f2f2f2;
}

.navbar .btn,
.navbar .btn-group {
  margin-top: 5px;
}

.navbar .btn-group .btn,
.navbar .input-prepend .btn,
.navbar .input-append .btn {
  margin-top: 0;
}

.navbar-form {
  margin-bottom: 0;
  *zoom: 1;
}

.navbar-form:before,
.navbar-form:after {
  display: table;
  line-height: 0;
  content: "";
}

.navbar-form:after {
  clear: both;
}

.navbar-form input,
.navbar-form select,
.navbar-form .radio,
.navbar-form .checkbox {
  margin-top: 5px;
}

.navbar-form input,
.navbar-form select,
.navbar-form .btn {
  display: inline-block;
  margin-bottom: 0;
}

.navbar-form input[type="image"],
.navbar-form input[type="checkbox"],
.navbar-form input[type="radio"] {
  margin-top: 3px;
}

.navbar-form .input-append,
.navbar-form .input-prepend {
  margin-top: 5px;
  white-space: nowrap;
}

.navbar-form .input-append input,
.navbar-form .input-prepend input {
  margin-top: 0;
}

.navbar-search {
  position: relative;
  float: left;
  margin-top: 5px;
  margin-bottom: 0;
}

.navbar-search .search-query {
  padding: 4px 14px;
  margin-bottom: 0;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  font-weight: normal;
  line-height: 1;
  -webkit-border-radius: 15px;
     -moz-border-radius: 15px;
          border-radius: 15px;
}

.navbar-static-top {
  position: static;
  margin-bottom: 0;
}

.navbar-static-top .navbar-inner {
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
}

.navbar-fixed-top,
.navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
  margin-bottom: 0;
}

.navbar-fixed-top .navbar-inner,
.navbar-static-top .navbar-inner {
  border-width: 0 0 1px;
}

.navbar-fixed-bottom .navbar-inner {
  border-width: 1px 0 0;
}

.navbar-fixed-top .navbar-inner,
.navbar-fixed-bottom .navbar-inner {
  padding-right: 0;
  padding-left: 0;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
}

.navbar-static-top .container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {
  width: 940px;
}

.navbar-fixed-top {
  top: 0;
}

.navbar-fixed-top .navbar-inner,
.navbar-static-top .navbar-inner {
  -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
     -moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
}

.navbar-fixed-bottom {
  bottom: 0;
}

.navbar-fixed-bottom .navbar-inner {
  -webkit-box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.1);
     -moz-box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.1);
}

.navbar .nav {
  position: relative;
  left: 0;
  display: block;
  float: left;
  margin: 0 10px 0 0;
}

.navbar .nav.pull-right {
  float: right;
  margin-right: 0;
}

.navbar .nav > li {
  float: left;
}

.navbar .nav > li > a {
  float: none;
  padding: 10px 15px 10px;
  color: #777777;
  text-decoration: none;
  text-shadow: 0 1px 0 #ffffff;
}

.navbar .nav .dropdown-toggle .caret {
  margin-top: 8px;
}

.navbar .nav > li > a:focus,
.navbar .nav > li > a:hover {
  color: #333333;
  text-decoration: none;
  background-color: transparent;
}

.navbar .nav > .active > a,
.navbar .nav > .active > a:hover,
.navbar .nav > .active > a:focus {
  color: #555555;
  text-decoration: none;
  background-color: #e5e5e5;
  -webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
     -moz-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
          box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
}

.navbar .btn-navbar {
  display: none;
  float: right;
  padding: 7px 10px;
  margin-right: 5px;
  margin-left: 5px;
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #ededed;
  *background-color: #e5e5e5;
  background-image: -moz-linear-gradient(top, #f2f2f2, #e5e5e5);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#e5e5e5));
  background-image: -webkit-linear-gradient(top, #f2f2f2, #e5e5e5);
  background-image: -o-linear-gradient(top, #f2f2f2, #e5e5e5);
  background-image: linear-gradient(to bottom, #f2f2f2, #e5e5e5);
  background-repeat: repeat-x;
  border-color: #e5e5e5 #e5e5e5 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2f2f2', endColorstr='#ffe5e5e5', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
     -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
}

.navbar .btn-navbar:hover,
.navbar .btn-navbar:active,
.navbar .btn-navbar.active,
.navbar .btn-navbar.disabled,
.navbar .btn-navbar[disabled] {
  color: #ffffff;
  background-color: #e5e5e5;
  *background-color: #d9d9d9;
}

.navbar .btn-navbar:active,
.navbar .btn-navbar.active {
  background-color: #cccccc \9;
}

.navbar .btn-navbar .icon-bar {
  display: block;
  width: 18px;
  height: 2px;
  background-color: #f5f5f5;
  -webkit-border-radius: 1px;
     -moz-border-radius: 1px;
          border-radius: 1px;
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
     -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
}

.btn-navbar .icon-bar + .icon-bar {
  margin-top: 3px;
}

.navbar .nav > li > .dropdown-menu:before {
  position: absolute;
  top: -7px;
  left: 9px;
  display: inline-block;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-left: 7px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: '';
}

.navbar .nav > li > .dropdown-menu:after {
  position: absolute;
  top: -6px;
  left: 10px;
  display: inline-block;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  border-left: 6px solid transparent;
  content: '';
}

.navbar-fixed-bottom .nav > li > .dropdown-menu:before {
  top: auto;
  bottom: -7px;
  border-top: 7px solid #ccc;
  border-bottom: 0;
  border-top-color: rgba(0, 0, 0, 0.2);
}

.navbar-fixed-bottom .nav > li > .dropdown-menu:after {
  top: auto;
  bottom: -6px;
  border-top: 6px solid #ffffff;
  border-bottom: 0;
}

.navbar .nav li.dropdown > a:hover .caret {
  border-top-color: #555555;
  border-bottom-color: #555555;
}

.navbar .nav li.dropdown.open > .dropdown-toggle,
.navbar .nav li.dropdown.active > .dropdown-toggle,
.navbar .nav li.dropdown.open.active > .dropdown-toggle {
  color: #555555;
  background-color: #e5e5e5;
}

.navbar .nav li.dropdown > .dropdown-toggle .caret {
  border-top-color: #777777;
  border-bottom-color: #777777;
}

.navbar .nav li.dropdown.open > .dropdown-toggle .caret,
.navbar .nav li.dropdown.active > .dropdown-toggle .caret,
.navbar .nav li.dropdown.open.active > .dropdown-toggle .caret {
  border-top-color: #555555;
  border-bottom-color: #555555;
}

.navbar .pull-right > li > .dropdown-menu,
.navbar .nav > li > .dropdown-menu.pull-right {
  right: 0;
  left: auto;
}

.navbar .pull-right > li > .dropdown-menu:before,
.navbar .nav > li > .dropdown-menu.pull-right:before {
  right: 12px;
  left: auto;
}

.navbar .pull-right > li > .dropdown-menu:after,
.navbar .nav > li > .dropdown-menu.pull-right:after {
  right: 13px;
  left: auto;
}

.navbar .pull-right > li > .dropdown-menu .dropdown-menu,
.navbar .nav > li > .dropdown-menu.pull-right .dropdown-menu {
  right: 100%;
  left: auto;
  margin-right: -1px;
  margin-left: 0;
  -webkit-border-radius: 6px 0 6px 6px;
     -moz-border-radius: 6px 0 6px 6px;
          border-radius: 6px 0 6px 6px;
}

.navbar-inverse .navbar-inner {
  background-color: #1b1b1b;
  background-image: -moz-linear-gradient(top, #222222, #111111);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#222222), to(#111111));
  background-image: -webkit-linear-gradient(top, #222222, #111111);
  background-image: -o-linear-gradient(top, #222222, #111111);
  background-image: linear-gradient(to bottom, #222222, #111111);
  background-repeat: repeat-x;
  border-color: #252525;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff222222', endColorstr='#ff111111', GradientType=0);
}

.navbar-inverse .brand,
.navbar-inverse .nav > li > a {
  color: #999999;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.navbar-inverse .brand:hover,
.navbar-inverse .nav > li > a:hover {
  color: #ffffff;
}

.navbar-inverse .brand {
  color: #999999;
}

.navbar-inverse .navbar-text {
  color: #999999;
}

.navbar-inverse .nav > li > a:focus,
.navbar-inverse .nav > li > a:hover {
  color: #ffffff;
  background-color: transparent;
}

.navbar-inverse .nav .active > a,
.navbar-inverse .nav .active > a:hover,
.navbar-inverse .nav .active > a:focus {
  color: #ffffff;
  background-color: #111111;
}

.navbar-inverse .navbar-link {
  color: #999999;
}

.navbar-inverse .navbar-link:hover {
  color: #ffffff;
}

.navbar-inverse .divider-vertical {
  border-right-color: #222222;
  border-left-color: #111111;
}

.navbar-inverse .nav li.dropdown.open > .dropdown-toggle,
.navbar-inverse .nav li.dropdown.active > .dropdown-toggle,
.navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle {
  color: #ffffff;
  background-color: #111111;
}

.navbar-inverse .nav li.dropdown > a:hover .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}

.navbar-inverse .nav li.dropdown > .dropdown-toggle .caret {
  border-top-color: #999999;
  border-bottom-color: #999999;
}

.navbar-inverse .nav li.dropdown.open > .dropdown-toggle .caret,
.navbar-inverse .nav li.dropdown.active > .dropdown-toggle .caret,
.navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}

.navbar-inverse .navbar-search .search-query {
  color: #ffffff;
  background-color: #515151;
  border-color: #111111;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15);
     -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15);
          box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15);
  -webkit-transition: none;
     -moz-transition: none;
       -o-transition: none;
          transition: none;
}

.navbar-inverse .navbar-search .search-query:-moz-placeholder {
  color: #cccccc;
}

.navbar-inverse .navbar-search .search-query:-ms-input-placeholder {
  color: #cccccc;
}

.navbar-inverse .navbar-search .search-query::-webkit-input-placeholder {
  color: #cccccc;
}

.navbar-inverse .navbar-search .search-query:focus,
.navbar-inverse .navbar-search .search-query.focused {
  padding: 5px 15px;
  color: #333333;
  text-shadow: 0 1px 0 #ffffff;
  background-color: #ffffff;
  border: 0;
  outline: 0;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
     -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
}

.navbar-inverse .btn-navbar {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #0e0e0e;
  *background-color: #040404;
  background-image: -moz-linear-gradient(top, #151515, #040404);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#151515), to(#040404));
  background-image: -webkit-linear-gradient(top, #151515, #040404);
  background-image: -o-linear-gradient(top, #151515, #040404);
  background-image: linear-gradient(to bottom, #151515, #040404);
  background-repeat: repeat-x;
  border-color: #040404 #040404 #000000;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff151515', endColorstr='#ff040404', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.navbar-inverse .btn-navbar:hover,
.navbar-inverse .btn-navbar:active,
.navbar-inverse .btn-navbar.active,
.navbar-inverse .btn-navbar.disabled,
.navbar-inverse .btn-navbar[disabled] {
  color: #ffffff;
  background-color: #040404;
  *background-color: #000000;
}

.navbar-inverse .btn-navbar:active,
.navbar-inverse .btn-navbar.active {
  background-color: #000000 \9;
}

.breadcrumb {
  padding: 8px 15px;
  margin: 0 0 20px;
  list-style: none;
  background-color: #f5f5f5;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

.breadcrumb > li {
  display: inline-block;
  *display: inline;
  text-shadow: 0 1px 0 #ffffff;
  *zoom: 1;
}

.breadcrumb > li > .divider {
  padding: 0 5px;
  color: #ccc;
}

.breadcrumb > .active {
  color: #999999;
}

.pagination {
  margin: 20px 0;
}

.pagination ul {
  display: inline-block;
  *display: inline;
  margin-bottom: 0;
  margin-left: 0;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  *zoom: 1;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.pagination ul > li {
  display: inline;
}

.pagination ul > li > a,
.pagination ul > li > span {
  float: left;
  padding: 4px 12px;
  line-height: 20px;
  text-decoration: none;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-left-width: 0;
}

.pagination ul > li > a:hover,
.pagination ul > .active > a,
.pagination ul > .active > span {
  background-color: #f5f5f5;
}

.pagination ul > .active > a,
.pagination ul > .active > span {
  color: #999999;
  cursor: default;
}

.pagination ul > .disabled > span,
.pagination ul > .disabled > a,
.pagination ul > .disabled > a:hover {
  color: #999999;
  cursor: default;
  background-color: transparent;
}

.pagination ul > li:first-child > a,
.pagination ul > li:first-child > span {
  border-left-width: 1px;
  -webkit-border-bottom-left-radius: 4px;
          border-bottom-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
          border-top-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-topleft: 4px;
}

.pagination ul > li:last-child > a,
.pagination ul > li:last-child > span {
  -webkit-border-top-right-radius: 4px;
          border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
          border-bottom-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 4px;
}

.pagination-centered {
  text-align: center;
}

.pagination-right {
  text-align: right;
}

.pagination-large ul > li > a,
.pagination-large ul > li > span {
  padding: 11px 19px;
  font-size: 17.5px;
}

.pagination-large ul > li:first-child > a,
.pagination-large ul > li:first-child > span {
  -webkit-border-bottom-left-radius: 6px;
          border-bottom-left-radius: 6px;
  -webkit-border-top-left-radius: 6px;
          border-top-left-radius: 6px;
  -moz-border-radius-bottomleft: 6px;
  -moz-border-radius-topleft: 6px;
}

.pagination-large ul > li:last-child > a,
.pagination-large ul > li:last-child > span {
  -webkit-border-top-right-radius: 6px;
          border-top-right-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
          border-bottom-right-radius: 6px;
  -moz-border-radius-topright: 6px;
  -moz-border-radius-bottomright: 6px;
}

.pagination-mini ul > li:first-child > a,
.pagination-small ul > li:first-child > a,
.pagination-mini ul > li:first-child > span,
.pagination-small ul > li:first-child > span {
  -webkit-border-bottom-left-radius: 3px;
          border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
          border-top-left-radius: 3px;
  -moz-border-radius-bottomleft: 3px;
  -moz-border-radius-topleft: 3px;
}

.pagination-mini ul > li:last-child > a,
.pagination-small ul > li:last-child > a,
.pagination-mini ul > li:last-child > span,
.pagination-small ul > li:last-child > span {
  -webkit-border-top-right-radius: 3px;
          border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
          border-bottom-right-radius: 3px;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 3px;
}

.pagination-small ul > li > a,
.pagination-small ul > li > span {
  padding: 2px 10px;
  font-size: 11.9px;
}

.pagination-mini ul > li > a,
.pagination-mini ul > li > span {
  padding: 0 6px;
  font-size: 10.5px;
}

.pager {
  margin: 20px 0;
  text-align: center;
  list-style: none;
  *zoom: 1;
}

.pager:before,
.pager:after {
  display: table;
  line-height: 0;
  content: "";
}

.pager:after {
  clear: both;
}

.pager li {
  display: inline;
}

.pager li > a,
.pager li > span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #fff;
  border: 1px solid #ddd;
  -webkit-border-radius: 15px;
     -moz-border-radius: 15px;
          border-radius: 15px;
}

.pager li > a:hover {
  text-decoration: none;
  background-color: #f5f5f5;
}

.pager .next > a,
.pager .next > span {
  float: right;
}

.pager .previous > a,
.pager .previous > span {
  float: left;
}

.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > span {
  color: #999999;
  cursor: default;
  background-color: #fff;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000000;
}

.modal-backdrop.fade {
  opacity: 0;
}

.modal-backdrop,
.modal-backdrop.fade.in {
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.modal {
  position: fixed;
  top: 10%;
  left: 50%;
  z-index: 1050;
  width: 560px;
  margin-left: -280px;
  background-color: #ffffff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.3);
  *border: 1px solid #999;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
  outline: none;
  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
     -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
          box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -webkit-background-clip: padding-box;
     -moz-background-clip: padding-box;
          background-clip: padding-box;
}

.modal.fade {
  top: -25%;
  -webkit-transition: opacity 0.3s linear, top 0.3s ease-out;
     -moz-transition: opacity 0.3s linear, top 0.3s ease-out;
       -o-transition: opacity 0.3s linear, top 0.3s ease-out;
          transition: opacity 0.3s linear, top 0.3s ease-out;
}

.modal.fade.in {
  top: 10%;
}

.modal-header {
  padding: 9px 15px;
  border-bottom: 1px solid #eee;
}

.modal-header .close {
  margin-top: 2px;
}

.modal-header h3 {
  margin: 0;
  line-height: 30px;
}

.modal-body {
  position: relative;
  max-height: 400px;
  padding: 15px;
  overflow-y: auto;
}

.modal-form {
  margin-bottom: 0;
}

.modal-footer {
  padding: 14px 15px 15px;
  margin-bottom: 0;
  text-align: right;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  -webkit-border-radius: 0 0 6px 6px;
     -moz-border-radius: 0 0 6px 6px;
          border-radius: 0 0 6px 6px;
  *zoom: 1;
  -webkit-box-shadow: inset 0 1px 0 #ffffff;
     -moz-box-shadow: inset 0 1px 0 #ffffff;
          box-shadow: inset 0 1px 0 #ffffff;
}

.modal-footer:before,
.modal-footer:after {
  display: table;
  line-height: 0;
  content: "";
}

.modal-footer:after {
  clear: both;
}

.modal-footer .btn + .btn {
  margin-bottom: 0;
  margin-left: 5px;
}

.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}

.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}

.tooltip {
  position: absolute;
  z-index: 1030;
  display: block;
  padding: 5px;
  font-size: 11px;
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: visible;
}

.tooltip.in {
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.tooltip.top {
  margin-top: -3px;
}

.tooltip.right {
  margin-left: 3px;
}

.tooltip.bottom {
  margin-top: 3px;
}

.tooltip.left {
  margin-left: -3px;
}

.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  background-color: #000000;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-top-color: #000000;
  border-width: 5px 5px 0;
}

.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-right-color: #000000;
  border-width: 5px 5px 5px 0;
}

.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-left-color: #000000;
  border-width: 5px 0 5px 5px;
}

.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-bottom-color: #000000;
  border-width: 0 5px 5px;
}

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1010;
  display: none;
  width: 236px;
  padding: 1px;
  text-align: left;
  white-space: normal;
  background-color: #ffffff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
     -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
     -moz-background-clip: padding;
          background-clip: padding-box;
}

.popover.top {
  margin-top: -10px;
}

.popover.right {
  margin-left: 10px;
}

.popover.bottom {
  margin-top: 10px;
}

.popover.left {
  margin-left: -10px;
}

.popover-title {
  padding: 8px 14px;
  margin: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 18px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  -webkit-border-radius: 5px 5px 0 0;
     -moz-border-radius: 5px 5px 0 0;
          border-radius: 5px 5px 0 0;
}

.popover-content {
  padding: 9px 14px;
}

.popover .arrow,
.popover .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.popover .arrow {
  border-width: 11px;
}

.popover .arrow:after {
  border-width: 10px;
  content: "";
}

.popover.top .arrow {
  bottom: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-color: #999;
  border-top-color: rgba(0, 0, 0, 0.25);
  border-bottom-width: 0;
}

.popover.top .arrow:after {
  bottom: 1px;
  margin-left: -10px;
  border-top-color: #ffffff;
  border-bottom-width: 0;
}

.popover.right .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-right-color: #999;
  border-right-color: rgba(0, 0, 0, 0.25);
  border-left-width: 0;
}

.popover.right .arrow:after {
  bottom: -10px;
  left: 1px;
  border-right-color: #ffffff;
  border-left-width: 0;
}

.popover.bottom .arrow {
  top: -11px;
  left: 50%;
  margin-left: -11px;
  border-bottom-color: #999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
  border-top-width: 0;
}

.popover.bottom .arrow:after {
  top: 1px;
  margin-left: -10px;
  border-bottom-color: #ffffff;
  border-top-width: 0;
}

.popover.left .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-left-color: #999;
  border-left-color: rgba(0, 0, 0, 0.25);
  border-right-width: 0;
}

.popover.left .arrow:after {
  right: 1px;
  bottom: -10px;
  border-left-color: #ffffff;
  border-right-width: 0;
}

.thumbnails {
  margin-left: -20px;
  list-style: none;
  *zoom: 1;
}

.thumbnails:before,
.thumbnails:after {
  display: table;
  line-height: 0;
  content: "";
}

.thumbnails:after {
  clear: both;
}

.row-fluid .thumbnails {
  margin-left: 0;
}

.thumbnails > li {
  float: left;
  margin-bottom: 20px;
  margin-left: 20px;
}

.thumbnail {
  display: block;
  padding: 4px;
  line-height: 20px;
  border: 1px solid #ddd;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
     -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
  -webkit-transition: all 0.2s ease-in-out;
     -moz-transition: all 0.2s ease-in-out;
       -o-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
}

a.thumbnail:hover {
  border-color: #0088cc;
  -webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
     -moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
          box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
}

.thumbnail > img {
  display: block;
  max-width: 100%;
  margin-right: auto;
  margin-left: auto;
}

.thumbnail .caption {
  padding: 9px;
  color: #555555;
}

.media,
.media-body {
  overflow: hidden;
  *overflow: visible;
  zoom: 1;
}

.media,
.media .media {
  margin-top: 15px;
}

.media:first-child {
  margin-top: 0;
}

.media-object {
  display: block;
}

.media-heading {
  margin: 0 0 5px;
}

.media .pull-left {
  margin-right: 10px;
}

.media .pull-right {
  margin-left: 10px;
}

.media-list {
  margin-left: 0;
  list-style: none;
}

.label,
.badge {
  display: inline-block;
  padding: 2px 4px;
  font-size: 11.844px;
  font-weight: bold;
  line-height: 14px;
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  white-space: nowrap;
  vertical-align: baseline;
  background-color: #999999;
}

.label {
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}

.badge {
  padding-right: 9px;
  padding-left: 9px;
  -webkit-border-radius: 9px;
     -moz-border-radius: 9px;
          border-radius: 9px;
}

.label:empty,
.badge:empty {
  display: none;
}

a.label:hover,
a.badge:hover {
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
}

.label-important,
.badge-important {
  background-color: #b94a48;
}

.label-important[href],
.badge-important[href] {
  background-color: #953b39;
}

.label-warning,
.badge-warning {
  background-color: #f89406;
}

.label-warning[href],
.badge-warning[href] {
  background-color: #c67605;
}

.label-success,
.badge-success {
  background-color: #468847;
}

.label-success[href],
.badge-success[href] {
  background-color: #356635;
}

.label-info,
.badge-info {
  background-color: #3a87ad;
}

.label-info[href],
.badge-info[href] {
  background-color: #2d6987;
}

.label-inverse,
.badge-inverse {
  background-color: #333333;
}

.label-inverse[href],
.badge-inverse[href] {
  background-color: #1a1a1a;
}

.btn .label,
.btn .badge {
  position: relative;
  top: -1px;
}

.btn-mini .label,
.btn-mini .badge {
  top: 0;
}

@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}

@-moz-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}

@-ms-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}

@-o-keyframes progress-bar-stripes {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 40px 0;
  }
}

@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}

.progress {
  height: 20px;
  margin-bottom: 20px;
  overflow: hidden;
  background-color: #f7f7f7;
  background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));
  background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9);
  background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9);
  background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9);
  background-repeat: repeat-x;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0);
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
     -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
          box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

.progress .bar {
  float: left;
  width: 0;
  height: 100%;
  font-size: 12px;
  color: #ffffff;
  text-align: center;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #0e90d2;
  background-image: -moz-linear-gradient(top, #149bdf, #0480be);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be));
  background-image: -webkit-linear-gradient(top, #149bdf, #0480be);
  background-image: -o-linear-gradient(top, #149bdf, #0480be);
  background-image: linear-gradient(to bottom, #149bdf, #0480be);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0);
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
     -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
          box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: width 0.6s ease;
     -moz-transition: width 0.6s ease;
       -o-transition: width 0.6s ease;
          transition: width 0.6s ease;
}

.progress .bar + .bar {
  -webkit-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15);
     -moz-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15);
          box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15);
}

.progress-striped .bar {
  background-color: #149bdf;
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  -webkit-background-size: 40px 40px;
     -moz-background-size: 40px 40px;
       -o-background-size: 40px 40px;
          background-size: 40px 40px;
}

.progress.active .bar {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
     -moz-animation: progress-bar-stripes 2s linear infinite;
      -ms-animation: progress-bar-stripes 2s linear infinite;
       -o-animation: progress-bar-stripes 2s linear infinite;
          animation: progress-bar-stripes 2s linear infinite;
}

.progress-danger .bar,
.progress .bar-danger {
  background-color: #dd514c;
  background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35));
  background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: linear-gradient(to bottom, #ee5f5b, #c43c35);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffc43c35', GradientType=0);
}

.progress-danger.progress-striped .bar,
.progress-striped .bar-danger {
  background-color: #ee5f5b;
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-success .bar,
.progress .bar-success {
  background-color: #5eb95e;
  background-image: -moz-linear-gradient(top, #62c462, #57a957);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957));
  background-image: -webkit-linear-gradient(top, #62c462, #57a957);
  background-image: -o-linear-gradient(top, #62c462, #57a957);
  background-image: linear-gradient(to bottom, #62c462, #57a957);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff57a957', GradientType=0);
}

.progress-success.progress-striped .bar,
.progress-striped .bar-success {
  background-color: #62c462;
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-info .bar,
.progress .bar-info {
  background-color: #4bb1cf;
  background-image: -moz-linear-gradient(top, #5bc0de, #339bb9);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#339bb9));
  background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9);
  background-image: -o-linear-gradient(top, #5bc0de, #339bb9);
  background-image: linear-gradient(to bottom, #5bc0de, #339bb9);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff339bb9', GradientType=0);
}

.progress-info.progress-striped .bar,
.progress-striped .bar-info {
  background-color: #5bc0de;
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-warning .bar,
.progress .bar-warning {
  background-color: #faa732;
  background-image: -moz-linear-gradient(top, #fbb450, #f89406);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
  background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
  background-image: -o-linear-gradient(top, #fbb450, #f89406);
  background-image: linear-gradient(to bottom, #fbb450, #f89406);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0);
}

.progress-warning.progress-striped .bar,
.progress-striped .bar-warning {
  background-color: #fbb450;
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.accordion {
  margin-bottom: 20px;
}

.accordion-group {
  margin-bottom: 2px;
  border: 1px solid #e5e5e5;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

.accordion-heading {
  border-bottom: 0;
}

.accordion-heading .accordion-toggle {
  display: block;
  padding: 8px 15px;
}

.accordion-toggle {
  cursor: pointer;
}

.accordion-inner {
  padding: 9px 15px;
  border-top: 1px solid #e5e5e5;
}

.carousel {
  position: relative;
  margin-bottom: 20px;
  line-height: 1;
}

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.carousel-inner > .item {
  position: relative;
  display: none;
  -webkit-transition: 0.6s ease-in-out left;
     -moz-transition: 0.6s ease-in-out left;
       -o-transition: 0.6s ease-in-out left;
          transition: 0.6s ease-in-out left;
}

.carousel-inner > .item > img {
  display: block;
  line-height: 1;
}

.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
  display: block;
}

.carousel-inner > .active {
  left: 0;
}

.carousel-inner > .next,
.carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}

.carousel-inner > .next {
  left: 100%;
}

.carousel-inner > .prev {
  left: -100%;
}

.carousel-inner > .next.left,
.carousel-inner > .prev.right {
  left: 0;
}

.carousel-inner > .active.left {
  left: -100%;
}

.carousel-inner > .active.right {
  left: 100%;
}

.carousel-control {
  position: absolute;
  top: 40%;
  left: 15px;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  font-size: 60px;
  font-weight: 100;
  line-height: 30px;
  color: #ffffff;
  text-align: center;
  background: #222222;
  border: 3px solid #ffffff;
  -webkit-border-radius: 23px;
     -moz-border-radius: 23px;
          border-radius: 23px;
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.carousel-control.right {
  right: 15px;
  left: auto;
}

.carousel-control:hover {
  color: #ffffff;
  text-decoration: none;
  opacity: 0.9;
  filter: alpha(opacity=90);
}

.carousel-caption {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 15px;
  background: #333333;
  background: rgba(0, 0, 0, 0.75);
}

.carousel-caption h4,
.carousel-caption p {
  line-height: 20px;
  color: #ffffff;
}

.carousel-caption h4 {
  margin: 0 0 5px;
}

.carousel-caption p {
  margin-bottom: 0;
}

.hero-unit {
  padding: 60px;
  margin-bottom: 30px;
  font-size: 18px;
  font-weight: 200;
  line-height: 30px;
  color: inherit;
  background-color: #eeeeee;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
}

.hero-unit h1 {
  margin-bottom: 0;
  font-size: 60px;
  line-height: 1;
  letter-spacing: -1px;
  color: inherit;
}

.hero-unit li {
  line-height: 30px;
}

.pull-right {
  float: right;
}

.pull-left {
  float: left;
}

.hide {
  display: none;
}

.show {
  display: block;
}

.invisible {
  visibility: hidden;
}

.affix {
  position: fixed;
}

/*!
 * Bootstrap Responsive v2.2.2
 *
 * Copyright 2012 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world @twitter by @mdo and @fat.
 */

@-ms-viewport {
 width: device-width;
}
.clearfix {
 *zoom: 1;
}
.clearfix:before, .clearfix:after {
	display: table;
	line-height: 0;
	content: "";
}
.clearfix:after {
	clear: both;
}
.hide-text {
	font: 0/0 a;
	color: transparent;
	text-shadow: none;
	background-color: transparent;
	border: 0;
}
.input-block-level {
	display: block;
	width: 100%;
	min-height: 30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.hidden {
	display: none;
	visibility: hidden;
}
.visible-phone {
	display: none !important;
}
.visible-tablet {
	display: none !important;
}
.hidden-desktop {
	display: none !important;
}
.visible-desktop {
	display: inherit !important;
}
@media(min-width: 801px){.mobile-only{display:none;}}
 @media (min-width: 800px) and (max-width: 1200px) {
 .hidden-desktop {
 display: inherit !important;
}
 .visible-desktop {
 display: none !important;
}
 .visible-tablet {
 display: inherit !important;
}
 .hidden-tablet {
 display: none !important;
}

}
 @media (max-width: 800px) {
	 .search-icon-mobile, .contact-icon-mobile{display: flex !important; display: -webkit-flex !important; /* Safari */}
	 .desktop-only{display:none !important;}
	#column_left.span3 {
    float: none !important;
    width: 100vw !important;
    position: fixed !important;
    top: 155px;
    max-width: 100vw !important;
    min-width: 100vw !important;
    left: 0px;
}
h2.related-products, .related-products-container {
    display: none;
}
.related-links {
    width: 100% !important;
}
#Collapser2.in{height:0px !important;}
#Collapser2 {height:535px !important;}

	 .mobile-only{display:inline-block !important;max-width: 100vw;}
	 .hide-on-mobile{display:none !important;}
	 #rev_slider_1_1_wrapper{display:none !important;}
	 #column_right.span9 {
    float: none !important;
    width: 100vw !important;
    margin: 0px !important;
}
.product .product-image-wrapper img {
    float: none;
    margin: 0 auto;
    width: 48vw !important;
}
.span3.product {
    float: left !important;
    margin-left: 15px !important;
    margin-right: 0px !important;
    width: calc(50% - 15px) !important;
    height: auto !important;
    min-height: 255px !important;
}
.product .wrapper-hover {
    padding: 3px 14px 0px 14px !important;
}
.rating {
    display: none !important;
}
.product-box .span4, .product-box .span5, .product-box .span6, .product-box .span7, .product-box .span7, .product-box .span8 {
    float: left;
    width: 350px !important;
}
.product-img-box .span6 {
    width: 80% !important;
    float: right;
    padding-right: 0px !important;
    margin: 0px !important;
}
.product-img-box .span1 {
    width: 11% !important;
    margin: 0px 3% 0px 0px !important;
}
#product_addtocart_form > div > div.row > div.span5{
    width: 37% !Important;
    margin: 0px !important;
}
.jobsite-photos-and-videos {
    display: none !important;
}
a.right-details-link {
    font-size: 13px;
    float: right;
    padding-top: 7px;
    padding-right: 10px;
    display: none !important;
}
.span3.product:nth-of-type(even){clear:right;}.span3.product
p.short-description-1 {
    display: none;
}
.container.top{width:100vw !important; padding:0px !important;}
	
	#header-arrow-buttons {
    display: none;
}
.tagline{display:none;}
.header_wrapper {
    background: #2c343c !important;
}
#logo {
    float: left;
    max-width: 20vw !Important;
}
#logo img {
    max-width: 40% !Important;
    margin: 0px auto !important;
}
.navigation-bar {
    width: 80vw !important;
    background: transparent !important;
    margin-top: 0px !important;
    z-index: 99999;
    float: left !important;
}
#header .container {
    padding: 5px 0px !important;
    width: 20vw !Important;
    float: left;
    display: inline-block;
    position: relative;
    border-right: solid 1px;
    box-sizing: border-box;
    height: 69px;
}
#header .navigation-bar .container {
    border-right: none !Important;
    margin: 0px !important;
    padding: 0px !important;
}
	
.megamenu-mobile {
    display: inline-block !important;
    text-align: center !important;
    width: 20vw !important;
    float: left !important;
    height: 69px;
    border-right: solid 1px;
    box-sizing: border-box;
}

#header {
    display: block !Important;
    height: 69px;
}
.ms-megamenu .anchor_mbmenu .anchor_mbmenu_text {
    outline: 0;
    text-decoration: none;
    font-size: 20px;
    color: #fff;
    line-height: 47px;
    margin-top: -16px;
}
.ms-megamenu .anchor_mbmenu {
    background: transparent !important;
    width: 20px !important;
    margin: 17px auto 0px !important;
    text-align: center !Important;
	float:none !Important;
}
#logo {
    max-width: 20vw !Important;
    float: none !Important;
    text-align: center;
}
.navigation-bar .container .row {
    margin-left: 0px !important;
    width: 80vw !important;
}
.navigation-bar .container .span5 {
    float: left;
    margin-left: 0px !important;
    width: 20vw !Important;
    border-right: solid 1px;
    height: 69px;
    box-sizing: border-box;
}
.navigation-bar .shoppingcart {
    position: relative;
    float: none !important;
    z-index: 50001;
    margin-top: 0px !important;
}
.navigation-bar .container .pull-right {
    float: none !important;
    text-align: center;
    width: 20vw !important;
    padding-top: 19px;
}
.shoppingcart .fadelink {
    padding-bottom: 0px !important;
    position: relative !important;
    float: none !important;
    width: 20vw !important;
    padding-top: 21px !important;
    text-align: center !important;
}
.megamenu-mobile .mb-topmenu {
    display: none;
    position: relative !important;
    width: 100vw !important;
    margin-left: -20vw !important;
    margin-top: 0px !important;
	z-index:99999999 !important;
}
.tp-bullets.simplebullets.round .bullet{display:none !important;}

ul.product-columns, .megamenu-mobile .col-category, .mb-submenu ul {
    width: 95vw !important;
    float: none !important;
	text-align:left !important;
}

.mb-submenu ul li, ul.product-columns li, .col-category .level1 {
    text-transform: capitalize !important;
    padding: 10px 0px !important;
    margin-left: 0vw !important;
    text-align: left !important;
    border-bottom: solid 1px #cccccc;
    width: 85vw;
	font-weight:normal !important;
}
.mb-version .ms-boxtitle {
    text-align:left !important;
	margin-left: 0px !Important;
    font-family: 'HelveticaNeueW01-75Bold' !important;
    margin-bottom: 10px !important;
    text-transform: uppercase !important;
    color: #2c343c !important;
    font-size: 17px !Important;
    word-wrap: normal;
    letter-spacing: -0.7pt !important;
	padding: 10px 0px !important;
    margin-left: 0vw !important;
    text-align: left !important;
    border-bottom: solid 1px #cccccc;
	font-weight:normal;
}

#rev_slider_1_1_wrapper {
    height: 50vh !important;
    padding-top: 69px !important;
}

.blue-slides h1 {
    color: #2a343e !important;
    font-size: 21px !important;
    letter-spacing: -2.7pt !important;
    line-height: 21px !important;
}
#rev_slider_1_1 > ul > li > div.tp-caption {
    margin-top: 0px !important;
    left: 0px !important;
    width: 90vw !important;
    word-wrap: normal !important;
}
.category-headers {
    height: 100px !important;
    background-size: cover !important;
    max-height: 100px !Important;
    background: none #cccccc !important;
}
.category-headers h1 {
    color: #2c343c !important;
    padding-top: 20px !important;
    width: 70% !important;
    font-size: 35px !important;
    line-height: 26px !important;
}
.sbHolder {
    display: none !important;
}
.breadcrumbs {
    display: none !important;
}

.white-slides{}
.blue-slides{}
.white-slides-left{}
ul.product-columns li br{display:none !Important;}
ul.featured-items-right li.featured-1, li.featured-2 {
    float: none !important;
    width: 100% !important;
    padding-top: 140px;
    background-size: cover !Important;
    margin-right: 0px !Important;
    margin-bottom:10px;}
	
.shoppingcart .fadelink span a.btn {
    width: 21px !important;
    background-color: transparent !important;
    margin: 0px auto !important;
}
.shoppingcart .fadelink span a.btn img {
    float: none !important;
    padding-right: 0px !important;
}

.mb-version .anchor_mbmenu, .mb-version .mb-label.mb-return, .mb-version .anchor_lmbmenu, .mb-version .lmb-label.lmb-return {
    background-color: transparent !important;
}

 .hidden-desktop {
 display: inherit !important;
}
 .visible-desktop {
 display: none !important;
}
 .visible-phone {
 display: inherit !important;
}
 .hidden-phone {
 display: none !important;
}
}
 @media (min-width: 1350px) {
	
 .navigation-bar .container .row {
 margin-left: 0px;*zoom:1;
}
.row {
 *zoom: 1;
}
 .row:before,  .row:after {
 display: table;
 line-height: 0;
 content: "";
}
 .row:after {
 clear: both;
}
 [class*="span"] {
  float: left;
  min-height: 0px;
  margin-left: 0px;
}
 .container,  .navbar-static-top .container,  .navbar-fixed-top .container,  .navbar-fixed-bottom .container, .navigation-bar .container {
 width: 1250px;
}
 .span12 {
 width: 1250px;
}
 .span11 {
 width: 1125px;
}
 .span10 {
 width: 1037px;
}
 .span9 {
 width: 937px;
}
 .span8 {
 width: 825px;
}
 .span7 {
 width: 725px;
}
 .span6 {
 width: 625px;
}
 .span5 {
 width: 512px;
}
 .span4 {
 width: 412px;
}
 .span3 {
 width: 302px;
}
 .span2 {
 width: 200px;
}
 .span1 {
 width: 100px;
}
 .offset12 {
 margin-left: 1310px;
}
 .offset11 {
 margin-left: 1190px;
}
 .offset10 {
 margin-left: 1090px;
}
 .offset9 {
 margin-left: 990px;
}
 .offset8 {
 margin-left: 830px;
}
 .offset7 {
 margin-left: 790px;
}
 .offset6 {
 margin-left: 690px;
}
 .offset5 {
 margin-left: 590px;
}
 .offset4 {
 margin-left: 490px;
}
 .offset3 {
 margin-left: 390px;
}
 .offset2 {
 margin-left: 290px;
}
 .offset1 {
 margin-left: 190px;
}
 .row-fluid {
 width: 100%;
 *zoom: 1;
}
 .row-fluid:before,  .row-fluid:after {
 display: table;
 line-height: 0;
 content: "";
}
 .row-fluid:after {
 clear: both;
}
 .row-fluid [class*="span"] {
 display: block;
 float: left;
 width: 100%;
 min-height: 30px;
 margin-left: 2.564102564102564%;
 *margin-left: 2.5109110747408616%;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}
 .row-fluid [class*="span"]:first-child {
 margin-left: 0;
}
 .row-fluid .controls-row [class*="span"] + [class*="span"] {
 margin-left: 2.564102564102564%;
}
 .row-fluid .span12 {
 width: 100%;
 *width: 99.94680851063829%;
}
 .row-fluid .span11 {
 width: 91.45299145299145%;
 *width: 91.39979996362975%;
}
 .row-fluid .span10 {
 width: 82.90598290598291%;
 *width: 82.8527914166212%;
}
 .row-fluid .span9 {
 width: 74.35897435897436%;
 *width: 74.30578286961266%;
}
 .row-fluid .span8 {
 width: 65.81196581196582%;
 *width: 65.75877432260411%;
}
 .row-fluid .span7 {
 width: 57.26495726495726%;
 *width: 57.21176577559556%;
}
 .row-fluid .span6 {
 width: 48.717948717948715%;
 *width: 48.664757228587014%;
}
 .row-fluid .span5 {
 width: 40.17094017094017%;
 *width: 40.11774868157847%;
}
 .row-fluid .span4 {
 width: 31.623931623931625%;
 *width: 31.570740134569924%;
}
 .row-fluid .span3 {
 width: 23.076923076923077%;
 *width: 23.023731587561375%;
}
 .row-fluid .span2 {
 width: 14.52991452991453%;
 *width: 14.476723040552828%;
}
 .row-fluid .span1 {
 width: 5.982905982905983%;
 *width: 5.929714493544281%;
}
 .row-fluid .offset12 {
 margin-left: 105.12820512820512%;
 *margin-left: 105.02182214948171%;
}
 .row-fluid .offset12:first-child {
 margin-left: 102.56410256410257%;
 *margin-left: 102.45771958537915%;
}
 .row-fluid .offset11 {
 margin-left: 96.58119658119658%;
 *margin-left: 96.47481360247316%;
}
 .row-fluid .offset11:first-child {
 margin-left: 94.01709401709402%;
 *margin-left: 93.91071103837061%;
}
 .row-fluid .offset10 {
 margin-left: 88.03418803418803%;
 *margin-left: 87.92780505546462%;
}
 .row-fluid .offset10:first-child {
 margin-left: 85.47008547008548%;
 *margin-left: 85.36370249136206%;
}
 .row-fluid .offset9 {
 margin-left: 79.48717948717949%;
 *margin-left: 79.38079650845607%;
}
 .row-fluid .offset9:first-child {
 margin-left: 76.92307692307693%;
 *margin-left: 76.81669394435352%;
}
 .row-fluid .offset8 {
 margin-left: 70.94017094017094%;
 *margin-left: 70.83378796144753%;
}
 .row-fluid .offset8:first-child {
 margin-left: 68.37606837606839%;
 *margin-left: 68.26968539734497%;
}
 .row-fluid .offset7 {
 margin-left: 62.393162393162385%;
 *margin-left: 62.28677941443899%;
}
 .row-fluid .offset7:first-child {
 margin-left: 59.82905982905982%;
 *margin-left: 59.72267685033642%;
}
 .row-fluid .offset6 {
 margin-left: 53.84615384615384%;
 *margin-left: 53.739770867430444%;
}
 .row-fluid .offset6:first-child {
 margin-left: 51.28205128205128%;
 *margin-left: 51.175668303327875%;
}
 .row-fluid .offset5 {
 margin-left: 45.299145299145295%;
 *margin-left: 45.1927623204219%;
}
 .row-fluid .offset5:first-child {
 margin-left: 42.73504273504273%;
 *margin-left: 42.62865975631933%;
}
 .row-fluid .offset4 {
 margin-left: 36.75213675213675%;
 *margin-left: 36.645753773413354%;
}
 .row-fluid .offset4:first-child {
 margin-left: 34.18803418803419%;
 *margin-left: 34.081651209310785%;
}
 .row-fluid .offset3 {
 margin-left: 28.205128205128204%;
 *margin-left: 28.0987452264048%;
}
 .row-fluid .offset3:first-child {
 margin-left: 25.641025641025642%;
 *margin-left: 25.53464266230224%;
}
 .row-fluid .offset2 {
 margin-left: 19.65811965811966%;
 *margin-left: 19.551736679396257%;
}
 .row-fluid .offset2:first-child {
 margin-left: 17.094017094017094%;
 *margin-left: 16.98763411529369%;
}
 .row-fluid .offset1 {
 margin-left: 11.11111111111111%;
 *margin-left: 11.004728132387708%;
}
 .row-fluid .offset1:first-child {
 margin-left: 8.547008547008547%;
 *margin-left: 8.440625568285142%;
}
 input,  textarea,  .uneditable-input {
 margin-left: 0;
}
 .controls-row [class*="span"] + [class*="span"] {
 margin-left: 30px;
}
 input.span12,  textarea.span12,  .uneditable-input.span12 {
 width: 1156px;
}
 input.span11,  textarea.span11,  .uneditable-input.span11 {
 width: 1056px;
}
 input.span10,  textarea.span10,  .uneditable-input.span10 {
 width: 956px;
}
 input.span9,  textarea.span9,  .uneditable-input.span9 {
 width: 856px;
}
 input.span8,  textarea.span8,  .uneditable-input.span8 {
 width: 756px;
}
 input.span7,  textarea.span7,  .uneditable-input.span7 {
 width: 656px;
}
 input.span6,  textarea.span6,  .uneditable-input.span6 {
 width: 556px;
}
 input.span5,  textarea.span5,  .uneditable-input.span5 {
 width: 456px;
}
 input.span4,  textarea.span4,  .uneditable-input.span4 {
 width: 356px;
}
 input.span3,  textarea.span3,  .uneditable-input.span3 {
 width: 256px;
}
 input.span2,  textarea.span2,  .uneditable-input.span2 {
 width: 156px;
}
 input.span1,  textarea.span1,  .uneditable-input.span1 {
 width: 56px;
}
 .thumbnails {
 margin-left: -30px;
}
 .thumbnails > li {
 margin-left: 30px;
}
 .row-fluid .thumbnails {
 margin-left: 0;
}
.navigation-bar .span9 {
    width: 750px !important;
}
.navigation-bar .span5 {
    width: 500px !important;
}
.navigation-bar .container{width: 1250px;}
}
@media (min-width:1025px) and (max-width:1349px){
	.ms-content {width:1170px !important; position:relative; margin:0px auto;}
	
	.navigation-bar .span5 {
    width: 40%;
}
.navigation-bar .span9 {
    width: 60%;
}
	 .row {
 margin-left: 0px;
 *zoom: 1;
}
 .row:before,  .row:after {
 display: table;
 line-height: 0;
 content: "";
}
 .row:after {
 clear: both;
}
 [class*="span"] {
  float: left;
  min-height: 0px;
  margin-left: 0px;
}
 .container,  .navbar-static-top .container,  .navbar-fixed-top .container,  .navbar-fixed-bottom .container, .navigation-bar .container {
 width: 100%;
}
 .span12 {
 width: 1170px;
}
 .span11 {
 width: 1070px;
}
 .span10 {
 width: 970px;
}
 .span9 {
 width: 820px;
}
 .span8 {
 width: 770px;
}
 .span7 {
 width: 670px;
}
 .span6 {
 width: 570px;
}
 .span5 {
 width: 380px;
}
 .span4 {
 width: 370px;
}
 .span3 {
 width: 270px;
}
 .span2 {
 width: 170px;
}
 .span1 {
 width: 70px;
}
 .offset12 {
 margin-left: 1230px;
}
 .offset11 {
 margin-left: 1130px;
}
 .offset10 {
 margin-left: 1030px;
}
 .offset9 {
 margin-left: 930px;
}
 .offset8 {
 margin-left: 830px;
}
 .offset7 {
 margin-left: 730px;
}
 .offset6 {
 margin-left: 630px;
}
 .offset5 {
 margin-left: 530px;
}
 .offset4 {
 margin-left: 430px;
}
 .offset3 {
 margin-left: 330px;
}
 .offset2 {
 margin-left: 230px;
}
 .offset1 {
 margin-left: 130px;
}
 .row-fluid {
 width: 100%;
 *zoom: 1;
}
 .row-fluid:before,  .row-fluid:after {
 display: table;
 line-height: 0;
 content: "";
}
 .row-fluid:after {
 clear: both;
}
 .row-fluid [class*="span"] {
 display: block;
 float: left;
 width: 100%;
 min-height: 30px;
 margin-left: 2.564102564102564%;
 *margin-left: 2.5109110747408616%;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}
 .row-fluid [class*="span"]:first-child {
 margin-left: 0;
}
 .row-fluid .controls-row [class*="span"] + [class*="span"] {
 margin-left: 2.564102564102564%;
}
 .row-fluid .span12 {
 width: 100%;
 *width: 99.94680851063829%;
}
 .row-fluid .span11 {
 width: 91.45299145299145%;
 *width: 91.39979996362975%;
}
 .row-fluid .span10 {
 width: 82.90598290598291%;
 *width: 82.8527914166212%;
}
 .row-fluid .span9 {
 width: 74.35897435897436%;
 *width: 74.30578286961266%;
}
 .row-fluid .span8 {
 width: 65.81196581196582%;
 *width: 65.75877432260411%;
}
 .row-fluid .span7 {
 width: 57.26495726495726%;
 *width: 57.21176577559556%;
}
 .row-fluid .span6 {
 width: 48.717948717948715%;
 *width: 48.664757228587014%;
}
 .row-fluid .span5 {
 width: 40.17094017094017%;
 *width: 40.11774868157847%;
}
 .row-fluid .span4 {
 width: 31.623931623931625%;
 *width: 31.570740134569924%;
}
 .row-fluid .span3 {
 width: 23.076923076923077%;
 *width: 23.023731587561375%;
}
 .row-fluid .span2 {
 width: 14.52991452991453%;
 *width: 14.476723040552828%;
}
 .row-fluid .span1 {
 width: 5.982905982905983%;
 *width: 5.929714493544281%;
}
 .row-fluid .offset12 {
 margin-left: 105.12820512820512%;
 *margin-left: 105.02182214948171%;
}
 .row-fluid .offset12:first-child {
 margin-left: 102.56410256410257%;
 *margin-left: 102.45771958537915%;
}
 .row-fluid .offset11 {
 margin-left: 96.58119658119658%;
 *margin-left: 96.47481360247316%;
}
 .row-fluid .offset11:first-child {
 margin-left: 94.01709401709402%;
 *margin-left: 93.91071103837061%;
}
 .row-fluid .offset10 {
 margin-left: 88.03418803418803%;
 *margin-left: 87.92780505546462%;
}
 .row-fluid .offset10:first-child {
 margin-left: 85.47008547008548%;
 *margin-left: 85.36370249136206%;
}
 .row-fluid .offset9 {
 margin-left: 79.48717948717949%;
 *margin-left: 79.38079650845607%;
}
 .row-fluid .offset9:first-child {
 margin-left: 76.92307692307693%;
 *margin-left: 76.81669394435352%;
}
 .row-fluid .offset8 {
 margin-left: 70.94017094017094%;
 *margin-left: 70.83378796144753%;
}
 .row-fluid .offset8:first-child {
 margin-left: 68.37606837606839%;
 *margin-left: 68.26968539734497%;
}
 .row-fluid .offset7 {
 margin-left: 62.393162393162385%;
 *margin-left: 62.28677941443899%;
}
 .row-fluid .offset7:first-child {
 margin-left: 59.82905982905982%;
 *margin-left: 59.72267685033642%;
}
 .row-fluid .offset6 {
 margin-left: 53.84615384615384%;
 *margin-left: 53.739770867430444%;
}
 .row-fluid .offset6:first-child {
 margin-left: 51.28205128205128%;
 *margin-left: 51.175668303327875%;
}
 .row-fluid .offset5 {
 margin-left: 45.299145299145295%;
 *margin-left: 45.1927623204219%;
}
 .row-fluid .offset5:first-child {
 margin-left: 42.73504273504273%;
 *margin-left: 42.62865975631933%;
}
 .row-fluid .offset4 {
 margin-left: 36.75213675213675%;
 *margin-left: 36.645753773413354%;
}
 .row-fluid .offset4:first-child {
 margin-left: 34.18803418803419%;
 *margin-left: 34.081651209310785%;
}
 .row-fluid .offset3 {
 margin-left: 28.205128205128204%;
 *margin-left: 28.0987452264048%;
}
 .row-fluid .offset3:first-child {
 margin-left: 25.641025641025642%;
 *margin-left: 25.53464266230224%;
}
 .row-fluid .offset2 {
 margin-left: 19.65811965811966%;
 *margin-left: 19.551736679396257%;
}
 .row-fluid .offset2:first-child {
 margin-left: 17.094017094017094%;
 *margin-left: 16.98763411529369%;
}
 .row-fluid .offset1 {
 margin-left: 11.11111111111111%;
 *margin-left: 11.004728132387708%;
}
 .row-fluid .offset1:first-child {
 margin-left: 8.547008547008547%;
 *margin-left: 8.440625568285142%;
}
 input,  textarea,  .uneditable-input {
 margin-left: 0;
}
 .controls-row [class*="span"] + [class*="span"] {
 margin-left: 30px;
}
 input.span12,  textarea.span12,  .uneditable-input.span12 {
 width: 1156px;
}
 input.span11,  textarea.span11,  .uneditable-input.span11 {
 width: 1056px;
}
 input.span10,  textarea.span10,  .uneditable-input.span10 {
 width: 956px;
}
 input.span9,  textarea.span9,  .uneditable-input.span9 {
 width: 856px;
}
 input.span8,  textarea.span8,  .uneditable-input.span8 {
 width: 756px;
}
 input.span7,  textarea.span7,  .uneditable-input.span7 {
 width: 656px;
}
 input.span6,  textarea.span6,  .uneditable-input.span6 {
 width: 556px;
}
 input.span5,  textarea.span5,  .uneditable-input.span5 {
 width: 456px;
}
 input.span4,  textarea.span4,  .uneditable-input.span4 {
 width: 356px;
}
 input.span3,  textarea.span3,  .uneditable-input.span3 {
 width: 256px;
}
 input.span2,  textarea.span2,  .uneditable-input.span2 {
 width: 156px;
}
 input.span1,  textarea.span1,  .uneditable-input.span1 {
 width: 56px;
}
 .thumbnails {
 margin-left: -30px;
}
 .thumbnails > li {
 margin-left: 30px;
}
 .row-fluid .thumbnails {
 margin-left: 0;
}
}
 @media (max-width:1024px) {
	 .ms-content {width:980px !important; position:relative; margin:0px auto;}
	 .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container{width:940px;}
	 .blog-post-container h1 {
    font-size: 25px !important;
    line-height: 25px !important;
}
	.nav-header > a, .nav-list > li > a:hover {background:transparent !important;}
	.nav-list > li > a, .nav-list .nav-header {
    margin-right: -15px;
    margin-left: -15px;
    text-shadow: none !important;
    color: #ffffff !important;
}
	 span.header-requested {
    font-style: italic;
    font-family: 'HelveticaNeueW01-75Bold';
    display: none;
}
.shoppingcart .fadelink {
    padding-bottom: 10px;
    position: absolute;
    right: 0;
    top: 0;
    float: right;
    width: 25px;
    padding-top: 10px;
    font-size: 8px !important;
}
.navigation-bar .span5 {
    width: 20%;
}
.navigation-bar .span9 {
    width: 80% !important;
}
	 .span12 {
width: 99.94680851063829%;
}.span11 {
width: 91.39979996362975%;
}.span10 {
width: 82.8527914166212%;
}.span9 {
width: 74.30578286961266%;
}.span8 {
width: 65.75877432260411%;
}.span7 {
width: 57.21176577559556%;
}.span6 {
width: 48.664757228587014%;
}.span5 {
width: 40.11774868157847%;
}.span4 {
width: 31.570740134569924%;
}.span3 {
width: 23.023731587561375%;
}.span2 {
width: 14.476723040552828%;
}.span1 {
width: 5.929714493544281%;
}
 }
 @media(min-width:801px) {
	 .search-icon-mobile, .contact-icon-mobile{
    display:none; }
 }
 @media (min-width: 800px) and (max-width: 979px) {
 .navigation-bar .container .row {
 margin-left: -20px;
 *zoom: 1;
}
.row {
 *zoom: 1;
}
 .row:before,  .row:after {
 display: table;
 line-height: 0;
 content: "";
}
 .row:after {
 clear: both;
}
 [class*="span"] {
 float: left;
 min-height: 0px;
 margin-left: 20px;
}
 .container,  .navbar-static-top .container,  .navbar-fixed-top .container,  .navbar-fixed-bottom .container, .navigation-bar .container {
 width: 90%;
}
 .span12 {
 width: 724px;
}
 .span11 {
 width: 662px;
}
 .span10 {
 width: 600px;
}
 .span9 {
 width: 538px;
}
 .span8 {
 width: 476px;
}
 .span7 {
 width: 414px;
}
 .span6 {
 width: 352px;
}
 .span5 {
 width: 290px;
}
 .span4 {
 width: 228px;
}
 .span3 {
 width: 166px;
}
 .span2 {
 width: 104px;
}
 .span1 {
 width: 42px;
}
 .offset12 {
 margin-left: 764px;
}
 .offset11 {
 margin-left: 702px;
}
 .offset10 {
 margin-left: 640px;
}
 .offset9 {
 margin-left: 578px;
}
 .offset8 {
 margin-left: 516px;
}
 .offset7 {
 margin-left: 454px;
}
 .offset6 {
 margin-left: 392px;
}
 .offset5 {
 margin-left: 330px;
}
 .offset4 {
 margin-left: 268px;
}
 .offset3 {
 margin-left: 206px;
}
 .offset2 {
 margin-left: 144px;
}
 .offset1 {
 margin-left: 82px;
}
 .row-fluid {
 width: 100%;
 *zoom: 1;
}
 .row-fluid:before,  .row-fluid:after {
 display: table;
 line-height: 0;
 content: "";
}
 .row-fluid:after {
 clear: both;
}
 .row-fluid [class*="span"] {
 display: block;
 float: left;
 width: 100%;
 min-height: 30px;
 margin-left: 2.7624309392265194%;
 *margin-left: 2.709239449864817%;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}
 .row-fluid [class*="span"]:first-child {
 margin-left: 0;
}
 .row-fluid .controls-row [class*="span"] + [class*="span"] {
 margin-left: 2.7624309392265194%;
}
 .row-fluid .span12 {
 width: 100%;
 *width: 99.94680851063829%;
}
 .row-fluid .span11 {
 width: 91.43646408839778%;
 *width: 91.38327259903608%;
}
 .row-fluid .span10 {
 width: 82.87292817679558%;
 *width: 82.81973668743387%;
}
 .row-fluid .span9 {
 width: 74.30939226519337%;
 *width: 74.25620077583166%;
}
 .row-fluid .span8 {
 width: 65.74585635359117%;
 *width: 65.69266486422946%;
}
 .row-fluid .span7 {
 width: 57.18232044198895%;
 *width: 57.12912895262725%;
}
 .row-fluid .span6 {
 width: 48.61878453038674%;
 *width: 48.56559304102504%;
}
 .row-fluid .span5 {
 width: 40.05524861878453%;
 *width: 40.00205712942283%;
}
 .row-fluid .span4 {
 width: 31.491712707182323%;
 *width: 31.43852121782062%;
}
 .row-fluid .span3 {
 width: 22.92817679558011%;
 *width: 22.87498530621841%;
}
 .row-fluid .span2 {
 width: 14.3646408839779%;
 *width: 14.311449394616199%;
}
 .row-fluid .span1 {
 width: 5.801104972375691%;
 *width: 5.747913483013988%;
}
 .row-fluid .offset12 {
 margin-left: 105.52486187845304%;
 *margin-left: 105.41847889972962%;
}
 .row-fluid .offset12:first-child {
 margin-left: 102.76243093922652%;
 *margin-left: 102.6560479605031%;
}
 .row-fluid .offset11 {
 margin-left: 96.96132596685082%;
 *margin-left: 96.8549429881274%;
}
 .row-fluid .offset11:first-child {
 margin-left: 94.1988950276243%;
 *margin-left: 94.09251204890089%;
}
 .row-fluid .offset10 {
 margin-left: 88.39779005524862%;
 *margin-left: 88.2914070765252%;
}
 .row-fluid .offset10:first-child {
 margin-left: 85.6353591160221%;
 *margin-left: 85.52897613729868%;
}
 .row-fluid .offset9 {
 margin-left: 79.8342541436464%;
 *margin-left: 79.72787116492299%;
}
 .row-fluid .offset9:first-child {
 margin-left: 77.07182320441989%;
 *margin-left: 76.96544022569647%;
}
 .row-fluid .offset8 {
 margin-left: 71.2707182320442%;
 *margin-left: 71.16433525332079%;
}
 .row-fluid .offset8:first-child {
 margin-left: 68.50828729281768%;
 *margin-left: 68.40190431409427%;
}
 .row-fluid .offset7 {
 margin-left: 62.70718232044199%;
 *margin-left: 62.600799341718584%;
}
 .row-fluid .offset7:first-child {
 margin-left: 59.94475138121547%;
 *margin-left: 59.838368402492065%;
}
 .row-fluid .offset6 {
 margin-left: 54.14364640883978%;
 *margin-left: 54.037263430116376%;
}
 .row-fluid .offset6:first-child {
 margin-left: 51.38121546961326%;
 *margin-left: 51.27483249088986%;
}
 .row-fluid .offset5 {
 margin-left: 45.58011049723757%;
 *margin-left: 45.47372751851417%;
}
 .row-fluid .offset5:first-child {
 margin-left: 42.81767955801105%;
 *margin-left: 42.71129657928765%;
}
 .row-fluid .offset4 {
 margin-left: 37.01657458563536%;
 *margin-left: 36.91019160691196%;
}
 .row-fluid .offset4:first-child {
 margin-left: 34.25414364640884%;
 *margin-left: 34.14776066768544%;
}
 .row-fluid .offset3 {
 margin-left: 28.45303867403315%;
 *margin-left: 28.346655695309746%;
}
 .row-fluid .offset3:first-child {
 margin-left: 25.69060773480663%;
 *margin-left: 25.584224756083227%;
}
 .row-fluid .offset2 {
 margin-left: 19.88950276243094%;
 *margin-left: 19.783119783707537%;
}
 .row-fluid .offset2:first-child {
 margin-left: 17.12707182320442%;
 *margin-left: 17.02068884448102%;
}
 .row-fluid .offset1 {
 margin-left: 11.32596685082873%;
 *margin-left: 11.219583872105325%;
}
 .row-fluid .offset1:first-child {
 margin-left: 8.56353591160221%;
 *margin-left: 8.457152932878806%;
}
 input,  textarea,  .uneditable-input {
 margin-left: 0;
}
 .controls-row [class*="span"] + [class*="span"] {
 margin-left: 20px;
}
 input.span12,  textarea.span12,  .uneditable-input.span12 {
 width: 710px;
}
 input.span11,  textarea.span11,  .uneditable-input.span11 {
 width: 648px;
}
 input.span10,  textarea.span10,  .uneditable-input.span10 {
 width: 586px;
}
 input.span9,  textarea.span9,  .uneditable-input.span9 {
 width: 524px;
}
 input.span8,  textarea.span8,  .uneditable-input.span8 {
 width: 462px;
}
 input.span7,  textarea.span7,  .uneditable-input.span7 {
 width: 400px;
}
 input.span6,  textarea.span6,  .uneditable-input.span6 {
 width: 338px;
}
 input.span5,  textarea.span5,  .uneditable-input.span5 {
 width: 276px;
}
 input.span4,  textarea.span4,  .uneditable-input.span4 {
 width: 214px;
}
 input.span3,  textarea.span3,  .uneditable-input.span3 {
 width: 152px;
}
 input.span2,  textarea.span2,  .uneditable-input.span2 {
 width: 90px;
}
 input.span1,  textarea.span1,  .uneditable-input.span1 {
 width: 28px;
}
}
 @media (max-width: 767px) {
	 
 body {
 padding-right: 20px;
 padding-left: 20px;
}
 .navbar-fixed-top,  .navbar-fixed-bottom,  .navbar-static-top {
 margin-right: -20px;
 margin-left: -20px;
}
 .container-fluid {
 padding: 0;
}
 .dl-horizontal dt {
 float: none;
 width: auto;
 clear: none;
 text-align: left;
}
 .dl-horizontal dd {
 margin-left: 0;
}
 .container {
 width: auto;
}
 .row-fluid {
 width: 100%;
}
 .row,  .thumbnails {
 margin-left: 0;
}
 .thumbnails > li {
 float: none;
 margin-left: 0;
}
 [class*="span"],  .uneditable-input[class*="span"],  .row-fluid [class*="span"] {
 display: block;
 float: none;
 width: 100%;
 margin-left: 0;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}
 .span12,  .row-fluid .span12 {
 width: 100%;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}
 .row-fluid [class*="offset"]:first-child {
 margin-left: 0;
}
 .input-large,  .input-xlarge,  .input-xxlarge,  input[class*="span"],  select[class*="span"],  textarea[class*="span"],  .uneditable-input {
 display: block;
 width: 100%;
 min-height: 30px;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}
 .input-prepend input,  .input-append input,  .input-prepend input[class*="span"],  .input-append input[class*="span"] {
 display: inline-block;
 width: auto;
}
 .controls-row [class*="span"] + [class*="span"] {
 margin-left: 0;
}
 .modal {
 position: fixed;
 top: 20px;
 right: 20px;
 left: 20px;
 width: auto;
 margin: 0;
}
 .modal.fade {
 top: -100px;
}
 .modal.fade.in {
 top: 20px;
}
}
 @media (max-width: 480px) {
	 #bottom_block .span3 {
    width: 100% !important;
	 }
 .nav-collapse {
 
}
 .page-header h1 small {
 display: block;
 line-height: 20px;
}
 input[type="checkbox"],  input[type="radio"] {
/* border: 1px solid #ccc;
*/}
 .form-horizontal .control-label {
 float: none;
 width: auto;
 padding-top: 0;
 text-align: left;
}
 .form-horizontal .controls {
 margin-left: 0;
}
 .form-horizontal .control-list {
 padding-top: 0;
}
 .form-horizontal .form-actions {
 padding-right: 10px;
 padding-left: 10px;
}
 .media .pull-left,  .media .pull-right {
 display: block;
 float: none;
 margin-bottom: 10px;
}
 .media-object {
 margin-right: 0;
 margin-left: 0;
}
 .modal {
 top: 10px;
 right: 10px;
 left: 10px;
}
 .modal-header .close {
 padding: 10px;
 margin: -10px;
}
 .carousel-caption {
 position: static;
}
}
 @media (max-width: 979px) {
 body {
 padding-top: 0;
}
 .navbar-fixed-top,  .navbar-fixed-bottom {
 position: static;
}
 .navbar-fixed-top {
 margin-bottom: 20px;
}
 .navbar-fixed-bottom {
 margin-top: 20px;
}
 .navbar-fixed-top .navbar-inner,  .navbar-fixed-bottom .navbar-inner {
 padding: 5px;
}
 .navbar .container {
 width: auto;
 padding: 0;
}
 .navbar .brand {
 padding-right: 10px;
 padding-left: 10px;
 margin: 0 0 0 -5px;
}
 .nav-collapse {
 clear: both;
}
 .nav-collapse .nav {
 float: none;
 margin: 0 0 10px;
}
 .nav-collapse .nav > li {
 float: none;
}
 .nav-collapse .nav > li > a {
 margin-bottom: 2px;
}
 .nav-collapse .nav > .divider-vertical {
 display: none;
}
 .nav-collapse .nav .nav-header {
 color: #777777;
 text-shadow: none;
}
 .nav-collapse .nav > li > a,  .nav-collapse .dropdown-menu a {
 padding: 9px 15px;
 font-weight: bold;
 color: #777777;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 border-radius: 3px;
}
 .nav-collapse .btn {
 padding: 4px 10px 4px;
 font-weight: normal;
 -webkit-border-radius: 4px;
 -moz-border-radius: 4px;
 border-radius: 4px;
}
 .nav-collapse .dropdown-menu li + li a {
 margin-bottom: 2px;
}
 .nav-collapse .nav > li > a:hover,  .nav-collapse .dropdown-menu a:hover {
 background-color: #f2f2f2;
}
 .navbar-inverse .nav-collapse .nav > li > a,  .navbar-inverse .nav-collapse .dropdown-menu a {
 color: #999999;
}
 .navbar-inverse .nav-collapse .nav > li > a:hover,  .navbar-inverse .nav-collapse .dropdown-menu a:hover {
 background-color: #111111;
}
 .nav-collapse.in .btn-group {
 padding: 0;
 margin-top: 5px;
}
 .nav-collapse .dropdown-menu {
 position: static;
 top: auto;
 left: auto;
 display: none;
 float: none;
 max-width: none;
 padding: 0;
 margin: 0 15px;
 background-color: transparent;
 border: none;
 -webkit-border-radius: 0;
 -moz-border-radius: 0;
 border-radius: 0;
 -webkit-box-shadow: none;
 -moz-box-shadow: none;
 box-shadow: none;
}
 .nav-collapse .open > .dropdown-menu {
 display: block;
}
 .nav-collapse .dropdown-menu:before,  .nav-collapse .dropdown-menu:after {
 display: none;
}
 .nav-collapse .dropdown-menu .divider {
 display: none;
}
 .nav-collapse .nav > li > .dropdown-menu:before,  .nav-collapse .nav > li > .dropdown-menu:after {
 display: none;
}
 .nav-collapse .navbar-form,  .nav-collapse .navbar-search {
 float: none;
 padding: 10px 15px;
 margin: 10px 0;
 border-top: 1px solid #f2f2f2;
 border-bottom: 1px solid #f2f2f2;
 -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
 -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
 box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
}
 .navbar-inverse .nav-collapse .navbar-form,  .navbar-inverse .nav-collapse .navbar-search {
 border-top-color: #111111;
 border-bottom-color: #111111;
}
 .navbar .nav-collapse .nav.pull-right {
 float: none;
 margin-left: 0;
}
 .nav-collapse,  .nav-collapse.collapse {
 height: 0;
 overflow: hidden;
}
 .navbar .btn-navbar {
 display: block;
}
 .navbar-static .navbar-inner {
 padding-right: 10px;
 padding-left: 10px;
}
}
 @media (min-width: 980px) {
 .nav-collapse.collapse {
 height: auto !important;
 overflow: visible !important;
}
}

@charset "UTF-8";

@font-face {
  font-family: 'andepict';
  src: url("https://www.surfaceshields.com/skin/frontend/buyshop/default/font/andepict.eot");
  src: url("https://www.surfaceshields.com/skin/frontend/buyshop/default/font/andepict.eot?#iefix") format('embedded-opentype'), url("https://www.surfaceshields.com/skin/frontend/buyshop/default/font/andepict.woff") format('woff'), url("https://www.surfaceshields.com/skin/frontend/buyshop/default/font/andepict.ttf") format('truetype'), url("https://www.surfaceshields.com/skin/frontend/buyshop/default/font/andepict.svg#andepict") format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: 'andepict';
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  display: inline;
  width: auto;
  height: auto;
  line-height: normal;
  vertical-align: baseline;
  background-image: none !important;
  background-position: 0% 0%;
  background-repeat: repeat;
}

/* makes sure icons active on rollover in links */
a[class^="icon-"],
a[class*=" icon-"],
a [class^="icon-"],
a [class*=" icon-"] {
  display: inline-block;
  text-decoration:none !important;
}
a[class^="icon-"]:hover,
a[class*=" icon-"]:hover,
a [class^="icon-"]:hover,
a [class*=" icon-"]:hover {
  text-decoration:none !important;
}
/* makes the font 33% larger relative to the icon container */
.icon-large:before {
/*  vertical-align: -10%;
*/  font-size: 22px;
}
li [class^="icon-"],
li [class*=" icon-"] {
  display: inline-block;
  width: 1.25em;
  text-align: center;
}
li [class^="icon-"].icon-large,
li [class*=" icon-"].icon-large {
  /* increased font size for icon-large */
  width: 1.5625em;
}
ul.icons {
  list-style-type: none;
  text-indent: -15px;
  margin-left: 25px;
}
ul.icons li { margin-bottom:5px;}
ul.icons li [class^="icon-"],
ul.icons li [class*=" icon-"] {
  width: 15px;
}
.icon-muted {
  color: #eeeeee;
}
.icon-border {
  border: solid 1px #eeeeee;
  padding: .2em .25em .15em;
  border-radius: 3px;
}
.icon-2x {
  font-size: 2em;
}
.icon-2x.icon-border {
  border-width: 2px;
  border-radius: 4px;
}
.icon-3x {
  font-size: 3em;
}
.icon-3x.icon-border {
  border-width: 3px;
  border-radius: 5px;
}
.icon-4x {
  font-size: 4em;
}
.icon-4x.icon-border {
  border-width: 4px;
  border-radius: 6px;
}
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
[class^="icon-"].pull-left,
[class*=" icon-"].pull-left {
  margin-right: .35em;
}
[class^="icon-"].pull-right,
[class*=" icon-"].pull-right {
  margin-left: .35em;
}
.btn [class^="icon-"].pull-left.icon-2x,
.btn [class*=" icon-"].pull-left.icon-2x,
.btn [class^="icon-"].pull-right.icon-2x,
.btn [class*=" icon-"].pull-right.icon-2x {
  margin-top: .35em;
}
.btn [class^="icon-"].icon-spin.icon-large,
.btn [class*=" icon-"].icon-spin.icon-large {
  height: .75em;
}
.btn.btn-small [class^="icon-"].pull-left.icon-2x,
.btn.btn-small [class*=" icon-"].pull-left.icon-2x,
.btn.btn-small [class^="icon-"].pull-right.icon-2x,
.btn.btn-small [class*=" icon-"].pull-right.icon-2x {
  margin-top: .45em;
}
.btn.btn-large [class^="icon-"].pull-left.icon-2x,
.btn.btn-large [class*=" icon-"].pull-left.icon-2x,
.btn.btn-large [class^="icon-"].pull-right.icon-2x,
.btn.btn-large [class*=" icon-"].pull-right.icon-2x {
  margin-top: .2em;
}
.icon-spin {
  display: inline-block;
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  -webkit-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
}
@-moz-keyframes spin {
  0% { -moz-transform: rotate(0deg); }
  100% { -moz-transform: rotate(359deg); }
}
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(359deg); }
}
@-o-keyframes spin {
  0% { -o-transform: rotate(0deg); }
  100% { -o-transform: rotate(359deg); }
}
@-ms-keyframes spin {
  0% { -ms-transform: rotate(0deg); }
  100% { -ms-transform: rotate(359deg); }
}
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(359deg); }
}

.icon-plus:before { content: '\2b'; } /* '+' */
.icon-gplus:before { content: '\e802'; } /* '' */
.icon-minus:before { content: '\2d'; } /* '-' */
.icon-call:before { content: '\37'; } /* '7' */
.icon-at:before { content: '\40'; } /* '@' */
.icon-at-1:before { content: '\e837'; } /* '' */
.icon-appstore:before { content: '\41'; } /* 'A' */
.icon-youtube:before { content: '\55'; } /* 'U' */
.icon-email:before { content: '\5d'; } /* ']' */
.icon-ebay:before { content: '\65'; } /* 'e' */
.icon-cart:before { content: '\c9'; } /* 'É' */
.icon-bitbucket:before { content: '\e9'; } /* 'é' */
.icon-left-thin:before { content: '\2190'; } /* '←' */
.icon-left-2:before { content: '\e803'; } /* '' */
.icon-left-1:before { content: '\e801'; } /* '' */
.icon-left:before { content: '\e800'; } /* '' */
.icon-up-thin:before { content: '\2191'; } /* '↑' */
.icon-up-2:before { content: '\e806'; } /* '' */
.icon-up-1:before { content: '\e805'; } /* '' */
.icon-up:before { content: '\e804'; } /* '' */
.icon-right-thin:before { content: '\2192'; } /* '→' */
.icon-right-2:before { content: '\e80c'; } /* '' */
.icon-right-1:before { content: '\e80b'; } /* '' */
.icon-right:before { content: '\e80a'; } /* '' */
.icon-down-thin:before { content: '\2193'; } /* '↓' */
.icon-down-2:before { content: '\e809'; } /* '' */
.icon-down-1:before { content: '\e808'; } /* '' */
.icon-down:before { content: '\e807'; } /* '' */
.icon-home:before { content: '\2302'; } /* '⌂' */
.icon-home-1:before { content: '\e80d'; } /* '' */
.icon-star-1:before { content: '\e80e'; } /* '' */
.icon-star:before { content: '\2605'; } /* '★' */
.icon-star-empty:before { content: '\2606'; } /* '☆' */
.icon-check:before { content: '\2611'; } /* '☑' */
.icon-th-list:before { content: '\2630'; } /* '☰' */
.icon-heart:before { content: '\2665'; } /* '♥' */
.icon-music:before { content: '\266b'; } /* '♫' */
.icon-th:before { content: '\268f'; } /* '⚏' */
.icon-cog-2:before { content: '\e810'; } /* '' */
.icon-cog-1:before { content: '\e80f'; } /* '' */
.icon-cog:before { content: '\2699'; } /* '⚙' */
.icon-attention:before { content: '\26a0'; } /* '⚠' */
.icon-flight:before { content: '\2708'; } /* '✈' */
.icon-mail-2:before { content: '\e812'; } /* '' */
.icon-mail-1:before { content: '\e811'; } /* '' */
.icon-mail:before { content: '\2709'; } /* '✉' */
.icon-edit-1:before { content: '\e813'; } /* '' */
.icon-edit:before { content: '\270d'; } /* '✍' */
.icon-ok-1:before { content: '\e814'; } /* '' */
.icon-ok:before { content: '\2713'; } /* '✓' */
.icon-cancel:before { content: '\2715'; } /* '✕' */
.icon-tag-1:before { content: '\e815'; } /* '' */
.icon-tag:before { content: '\e70c'; } /* '' */
.icon-camera-alt:before { content: '\e70f'; } /* '' */
.icon-reply:before { content: '\e712'; } /* '' */
.icon-reply-all:before { content: '\e713'; } /* '' */
.icon-print:before { content: '\e716'; } /* '' */
.icon-comment:before { content: '\e718'; } /* '' */
.icon-comment-alt:before { content: '\e71a'; } /* '' */
.icon-chat-1:before { content: '\e816'; } /* '' */
.icon-chat:before { content: '\e720'; } /* '' */
.icon-vcard:before { content: '\e722'; } /* '' */
.icon-trash-3:before { content: '\e818'; } /* '' */
.icon-trash-2:before { content: '\e817'; } /* '' */
.icon-trash-1:before { content: '\e729'; } /* '' */
.icon-basket-1:before { content: '\e819'; } /* '' */
.icon-basket:before { content: '\e73d'; } /* '' */
.icon-popup:before { content: '\e74c'; } /* '' */
.icon-zoom-in:before { content: '\e750'; } /* '' */
.icon-zoom-out:before { content: '\e751'; } /* '' */
.icon-left-open-1:before { content: '\e81a'; } /* '' */
.icon-left-open:before { content: '\e75d'; } /* '' */
.icon-right-open-1:before { content: '\e81b'; } /* '' */
.icon-right-open:before { content: '\e75e'; } /* '' */
.icon-arrows-cw:before { content: '\e760'; } /* '' */
.icon-flow-tree:before { content: '\e792'; } /* '' */
.icon-basket-alt:before { content: '\e7ae'; } /* '' */
.icon-mobile-alt:before { content: '\e7b0'; } /* '' */
.icon-aboveground-rail:before { content: '\e829'; } /* '' */
.icon-airfield:before { content: '\e82f'; } /* '' */
.icon-airport:before { content: '\e82e'; } /* '' */
.icon-belowground-rail:before { content: '\e82d'; } /* '' */
.icon-bus:before { content: '\e82b'; } /* '' */
.icon-cafe:before { content: '\e832'; } /* '' */
.icon-cinema:before { content: '\e831'; } /* '' */
.icon-college:before { content: '\e82a'; } /* '' */
.icon-credit-card:before { content: '\e81c'; } /* '' */
.icon-ferry:before { content: '\e828'; } /* '' */
.icon-fuel:before { content: '\e834'; } /* '' */
.icon-garden:before { content: '\e833'; } /* '' */
.icon-grocery-store:before { content: '\e81e'; } /* '' */
.icon-post:before { content: '\e82c'; } /* '' */
.icon-shop:before { content: '\e835'; } /* '' */
.icon-spin5:before { content: '\e838'; } /* '' */
.icon-trash:before { content: '\e83d'; } /* '' */
.icon-linkedin:before { content: '\f0e1'; } /* '' */
.icon-chat-empty:before { content: '\f0e6'; } /* '' */
.icon-desktop:before { content: '\f108'; } /* '' */
.icon-laptop:before { content: '\f109'; } /* '' */
.icon-tablet:before { content: '\f10a'; } /* '' */
.icon-mobile-1:before { content: '\f10b'; } /* '' */
.icon-facebook:before { content: '\f300'; } /* '' */
.icon-facebook-rect:before { content: '\f301'; } /* '' */
.icon-facebook-rect-1:before { content: '\e824'; } /* '' */
.icon-twitter-bird:before { content: '\f303'; } /* '' */
.icon-twitter-squared:before { content: '\f304'; } /* '' */
.icon-icq:before { content: '\e830'; } /* '' */
.icon-googleplus-rect:before { content: '\f309'; } /* '' */
.icon-skype:before { content: '\f30b'; } /* '' */
.icon-tumblr-rect:before { content: '\f310'; } /* '' */
.icon-pinterest:before { content: '\f312'; } /* '' */
.icon-linkedin-rect:before { content: '\e81d'; } /* '' */
.icon-pinterest-circled:before { content: '\f313'; } /* '' */
.icon-globe:before { content: '🌐'; } /* '\1f310' */
.icon-gift:before { content: '\f381'; } /* '' */
.icon-video:before { content: '\f3ac'; } /* '' */
.icon-thumbs-up-1:before { content: '\e81f'; } /* '' */
.icon-thumbs-up:before { content: '\f44d'; } /* '' */
.icon-thumbs-down-1:before { content: '\e820'; } /* '' */
.icon-thumbs-down:before { content: '\f44e'; } /* '' */
.icon-user-2:before { content: '\e822'; } /* '' */
.icon-user-1:before { content: '\e821'; } /* '' */
.icon-user:before { content: '\f464'; } /* '' */
.icon-users-1:before { content: '\e823'; } /* '' */
.icon-users:before { content: '\f465'; } /* '' */
.icon-dollar:before { content: '\f4b5'; } /* '' */
.icon-monitor:before { content: '\f4bb'; } /* '' */
.icon-briefcase:before { content: '\f4bc'; } /* '' */
.icon-doc:before { content: '\f4c4'; } /* '' */
.icon-chart-bar:before { content: '\f4ca'; } /* '' */
.icon-attach:before { content: '\f4ce'; } /* '' */
.icon-book:before { content: '\f4d5'; } /* '' */
.icon-phone:before { content: '\f4de'; } /* '' */
.icon-download:before { content: '\f4e5'; } /* '' */
.icon-mobile:before { content: '\f4f1'; } /* '' */
.icon-camera-2:before { content: '\e836'; } /* '' */
.icon-search-2:before { content: '\e826'; } /* '' */
.icon-search-1:before { content: '\e825'; } /* '' */
.icon-search:before { content: '\f50d'; } /* '' */
.icon-lock:before { content: '\f512'; } /* '' */
.icon-lock-open:before { content: '\f513'; } /* '' */
.icon-link:before { content: '\f517'; } /* '' */
.icon-wrench-1:before { content: '\e827'; } /* '' */
.icon-wrench:before { content: '\f527'; } /* '' */
.icon-clock-alt:before { content: '\f553'; } /* '' */
.icon-clock:before { content: '\f554'; } /* '' */
.icon-truck:before { content: '\f69a'; } /* '' */
/* Elastislide Style */
/*.carousel { position:static;}
*/.es-carousel-wrapper {
/*	position:relative;
*/	margin:0 -10px;
}
@media only screen and (max-width: 767px) {
 .es-carousel-wrapper {
 margin-left:0;
}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
 .es-carousel-wrapper {
 margin-left:0;
}
}
.es-carousel {
	overflow:hidden;
	padding: 0 10px;
	margin-top:10px;
	margin-bottom:10px;
}
.style1 .es-carousel {
}
.style2 .es-carousel {
	-webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.27);
	-moz-box-shadow:    0px 0px 4px rgba(0, 0, 0, 0.27);
	box-shadow:         0px 0px 4px rgba(0, 0, 0, 0.27);
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	padding:0;
	margin: 10px;
	background-color:#fff;
}
.es-carousel .product_outer {
	display:none;
}
.es-carousel .product_outer .product {
	height:100%;
	display:block;
	float:left;
}
.es-nav a.btn {
	position:absolute;
	top:-35px;
	right:50px;
	background-color:#e2e2e2;
	width:34px;
	height:26px;
	padding: 4px 0;
	margin-top:-13px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-transition: background-color 0.25s 0s ease;
	-moz-transition: background-color 0.25s 0s ease;
	-o-transition: background-color 0.25s 0s ease;
}
.es-nav a.btn:hover {
	color:#fff;
	background-color:#9d3bc6;
	-webkit-transition: background-color 0.25s 0s ease;
	-moz-transition: background-color 0.25s 0s ease;
	-o-transition: background-color 0.25s 0s ease;

}
.es-nav span.disable a.btn:hover { background-color:#e2e2e2;}
.style1 .es-nav a.btn {
	top:-30px;
}
.es-nav span.es-nav-next a.btn{
	right:8px;
	left:auto;
}
.es-nav span:hover {
	opacity:1.0;
}




.fb_outer { width: 100%;
}
.fb_outer .items_row { margin:10px 0 0 0; overflow:hidden; width:100%;}
.fb_outer .items_row .item { float:left; text-align:left; width:33%; font-size:11px;  }
.fb_outer .items_row .item .name { width:60px; text-align:center; }
.fb_outer .items_row .item .name a { text-decoration:none;}
/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */

/* Browser Resets */
.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {
	outline: none;
}
.slides, .flex-control-nav, .flex-direction-nav {
	margin: 0;
	padding: 0;
	list-style: none;
}
/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {
	margin: 0;
	padding: 0;
}
.flexslider .slides > li {
	display: none;
	-webkit-backface-visibility: hidden;
} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {
	width: 100%;
	display: block;
}
.flex-pauseplay span {
	text-transform: capitalize;
}
/* Clearfix for the .slides element */
.slides:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
html[xmlns] .slides {
	display: block;
}
* html .slides {
	height: 1%;
}
/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {
	display: block;
}
/* FlexSlider Default Theme
*********************************/
.flexslider {
	margin: 0 0 25px 0;
	background: #fff;
	border-top: 2px solid #fff;
	position: relative;
	zoom: 1;
	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);

}
.flexslider.big{overflow: hidden;}
.flex-viewport {
	max-height: 2000px;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	transition: all 1s ease;
    position:relative;
    z-index:1;
}
.loading .flex-viewport {
	max-height: 300px;
}
.flexslider .slides {
	zoom: 1;
}
/* Direction Nav */
.flex-direction-nav {
	*height: 0;
}
.flex-direction-nav a {
	width: 59px;
	height: 53px;
	margin: -20px 0 0;
	display: block;
	background: #f8f8f8;
	border-radius: 3px;
	position: absolute;
	top: 50%;
	z-index: 10;
	cursor: pointer;
	text-align:center;
	opacity: 1;
    -webkit-transition: all .3s ease;
	font-size: 40px;
	line-height:40px;
	padding-top:8px;
	color:#9d3bc6;
}
.flex-direction-nav .flex-next {
	right: -59px;
}
.flex-direction-nav .flex-prev {
	left: -59px;
}
.flexslider:hover .flex-next, .flexslider:hover .flex-prev {

    -webkit-transition: all .3s ease;
}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {

	color:#9d3bc6;
}
.flex-direction-nav .flex-disabled {
	opacity: .3!important;
	filter:alpha(opacity=30);
	cursor: default;
}

.flexslider.big .flex-direction-nav .flex-next,.flexslider.big .next-slider{right: -100px;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
}
.flexslider.big .flex-direction-nav .flex-prev,.flexslider.big .prev-slider{ left: -100px;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
}



.flexslider.big:hover .flex-next,.flexslider.big:hover .next-slider{
    right: 100px;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
}
.flexslider.big:hover .flex-prev,.flexslider.big:hover .prev-slider{
    left: 100px;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
}

/* Control Nav */
.flex-control-nav {
	width: 100%;
	position: absolute;
	bottom: -40px;
	text-align: center;
}
.flex-control-nav li {
	margin: 0 6px;
	display: inline-block;
	zoom: 1;
    *display: inline;
}
.flex-control-paging li a {
	width: 11px;
	height: 11px;
	display: block;
	background: #666;
	background: rgba(0, 0, 0, 0.5);
	cursor: pointer;
	text-indent: -9999px;
	border-radius: 20px;
	box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
}
.flex-control-paging li a:hover {
	background: #333;
	background: rgba(0, 0, 0, 0.7);
}
.flex-control-paging li a.flex-active {
	background: #000;
	background: rgba(0, 0, 0, 0.9);
	cursor: default;
}
.flex-control-thumbs {
	margin: 5px 0 0;
	position: static;
	overflow: hidden;
}
.flex-control-thumbs li {
	width: 25%;
	float: left;
	margin: 0;
}
.flex-control-thumbs img {
	width: 100%;
	display: block;

	cursor: pointer;
}
.flex-control-thumbs img:hover {
	opacity: 1;
}
.flex-control-thumbs .flex-active {
	opacity: 1;
	cursor: default;
}
.next-slider, .prev-slider {
	position:absolute;
	z-index: 201;
	display: none;
	top:60%;
}
.next-slider img,  .prev-slider img {
	border-radius: 4px;
	box-shadow: 0 0 6px #afafaf;
	border:2px solid #fff;
	background:#fff;
}
@media screen and (max-width: 860px) {
 .flex-direction-nav .flex-prev {
opacity: 1;
left: 0;
}
 .flex-direction-nav .flex-next {
opacity: 1;
right: 0;
}
}
.loader-slider {
	background:#9d3bc6;
	height:5px;
	position:absolute;
	bottom:0;
	z-index:200;
	width: 0%;
}

/* Large desktop */
@media (min-width: 1200px) {
.next-slider, .prev-slider {
    top: 61%;
width: 242px;
}
}
@media (min-width: 980px) and (max-width: 1199px) {
.next-slider, .prev-slider {
top:60%;
width: 242px;
}
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
.next-slider, .prev-slider {
top:70%;
width: 205px;
}
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
.next-slider, .prev-slider {
top:70%;
width: 155px;
}
}

/* Landscape phones and down */
@media (max-width: 480px) {
.next-slider, .prev-slider {
top:80%;
width: 115px;
}
}
.flexslider.small {
	margin: 0 0 30px 0;
	background: #fff;
	border:none;
	box-shadow:         none;
}
.flexslider.small .flex-direction-nav a {
	position:absolute;
	top:auto;
	bottom: 14px;
	right: auto;
	left:10px;
	background:#e2e2e2;
	width:34px;
	height:32px;
	padding:1px 0 0 0;
	cursor:pointer;
	border-radius: 2px;
	color:#fff;
	font-size:22px;
	line-height:32px;
}
.flexslider.small .flex-direction-nav .flex-next {
	left: 57px;
}
.flexslider.small .flex-direction-nav .flex-prev {
	left: 12px;
}
.flexslider.small .flex-next:hover, .flexslider.small .flex-prev:hover {
	color:#fff;
}
.flexslider.small .slides img {
	border-radius: 5px;
}
.flexslider.banners {
	padding:1px 7px 0 7px;
	border-bottom:5px solid #9d3bc6;
	border-radius: 6px 6px 0 0;
	position:relative;
}
.banners_outer {
	border-radius: 6px;
	background-color:#fff;
	box-shadow:   0px 0px 4px rgba(0, 0, 0, 0.27);
	margin:10px 0;
	padding-bottom: 35px;
}
.flexslider.banners ul {
	background:none;
}
.flexslider.banners .flex-direction-nav { position:absolute; bottom:0; right:0;}
.flexslider.banners .flex-direction-nav a {
	position:absolute;
	bottom:0;
	margin-top:20px;
	background-color:#e2e2e2;
	width:28px;
	height:25px;
	padding: 1px 0;
	font-size:16px;
	line-height:25px;
	color:#fff;
	opacity: 1;
}
.flexslider.banners .flex-direction-nav a:hover {
	color:#fff;

	-webkit-transition: background-color 0.25s 0s ease;
	-moz-transition: background-color 0.25s 0s ease;
	-o-transition: background-color 0.25s 0s ease;
}
.flexslider.banners .flex-direction-nav .flex-next {
	right: 12px;
	left:auto;
}
.flexslider.banners .flex-direction-nav .flex-prev {
	right: 47px;
	left:auto;
}

.flexslider.vertical {
	border:none;
	box-shadow: none;
	position: relative;
}
@media (max-width: 780px) {
.flexslider.vertical {
	margin-bottom:80px;
}
}
.flexslider.vertical ul {
	margin: 5px 0 0 5px;
	padding: 0;
	list-style: none;
	display: block; 
	border:none;
}
.flexslider.vertical .flex-viewport {
    height: 356px !important;
	width:180px;
	overflow:hidden;
}
.flexslider.vertical .flex-viewport li {
	height: 183px;
	width:170px;
}
.flexslider.vertical .flex-viewport li img {
	padding:5px;
	display: block;
	float: none;
	background-color:#fff;
	border-radius: 6px;
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.27);
	width: 160px;
	height:153px;
}
.flexslider.vertical .flex-direction-nav { position:absolute; bottom:-30px; right:-5px;}

.flexslider.vertical .flex-direction-nav a  {	
	position:absolute;
	background-color:#e2e2e2;
	color:#fff;
	width:34px;
	height:33px;
	padding:0;
	font-size:24px;
	line-height:33px;
	opacity: 1;
}
.flexslider.vertical .flex-direction-nav a:hover {
	color:#fff;
	background-color:#9d3bc6;
	-webkit-transition: background-color 0.25s 0s ease;
	-moz-transition: background-color 0.25s 0s ease;
	-o-transition: background-color 0.25s 0s ease;
}
.flexslider.vertical .carousel_nav a.carousel_prev.btn { }

.flexslider.vertical .flex-direction-nav .flex-next {
	right:0;
	left:auto;
}
.flexslider.vertical .flex-direction-nav .flex-prev {
	right:42px;	
	left:auto;
}



/*******************************v 1.4***********************************/
.flexslider.more-views {
    border:none;
    box-shadow: none;
    position: relative;
}
.flexslider.more-views ul {
    padding: 0;
    list-style: none;
    display: block;
    border:none;
    margin-bottom:20px;
}
.flexslider.more-views .flex-viewport {
    width:70px;
    margin-left:-4px;
    margin-top:-4px;
    padding: 4px;
}
.flexslider.more-views .flex-viewport li {
    width:62px;
    height:72px;
    padding: 0;
    margin:0;
    box-shadow:none;
    border-radius:0;
}
.flexslider.more-views .flex-viewport li img {
    display: block;
    float: none;
    background-color:#fff;
    border-radius: 6px;
    background-color:#fff;
    box-shadow:         0px 0px 4px rgba(0, 0, 0, 0.27);

}
.flexslider.more-views .flex-direction-nav {
    position:absolute;
    bottom:-60px;
    right:-5px;
}
.flexslider.more-views .flex-direction-nav a {
    position:absolute;
    background-color:#e2e2e2;
    color:#fff;
    width:34px;
    height:33px;
    padding:0;
    font-size:24px;
    line-height:33px;
    opacity: 1;
}

.flexslider.more-views .flex-direction-nav li i {
    width:100%;
    text-indent:2px;
    font-size:10px;
    padding:0;
    margin:0;
    vertical-align:middle;
    font-size:24px;
    line-height:33px;
    text-align:center;

}
.flexslider.more-views .flex-direction-nav li i:hover {	color:#fff;
}
.flexslider.more-views .flex-direction-nav a:hover {

    -webkit-transition: background-color 0.25s 0s ease;
    -moz-transition: background-color 0.25s 0s ease;
    -o-transition: background-color 0.25s 0s ease;
}
.flexslider.more-views .carousel_nav a.carousel_prev.btn {
}
.flexslider.more-views .flex-direction-nav .flex-next {
    right:0;
    left:auto;
}
.flexslider.more-views .flex-direction-nav .flex-prev {
    right:42px;
    left:auto;
}
.select_wrapper { display:inline-block;  padding-right:10px;}
.select_wrapper.width1 { width:100px;}
.select_wrapper.width2 { width:55px;}
.select_wrapper.fullwidth { width:98%;}
.sbHolder{
	background-color: #fff;
	border: solid 1px #cfcfcf;
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	height: 22px;
	position: relative;
	z-index:3001;
	width: 100%;
	text-align:left;
}
.select_wrapper.fullwidth .sbHolder{
	border-radius: 3px;
	box-shadow:         0px 0px 4px rgba(0, 0, 0, 0.27);
	background-color: #fff;
	border: none;
	font-size: 14px;
	font-weight: normal;
	height: 34px;
	position: relative;
	z-index:auto;
	width: 100%;
	text-align:left;
	margin-bottom:10px;
}
.sbSelector{
	display: block;
	height: 22px;
	left: 0;
	line-height: 22px;
	outline: none;
	overflow: hidden;
	position: absolute;
	text-indent: 10px;
	top: 0;
	width:  100%;
}
.sbSelector:link, .sbSelector:visited, .sbSelector:hover{
	color: #000;
	outline: none;
	text-decoration: none;
}
.select_wrapper.fullwidth .sbSelector {
	height: 32px;
	line-height: 32px;
}
.select_wrapper.fullwidth .sbSelector:link, .select_wrapper.fullwidth .sbSelector:visited, .select_wrapper.fullwidth .sbSelector:hover{
	color: #555555;
	outline: none;
	line-height:34px;
	text-decoration: none;
}
.sbToggle{
	background: url(https://www.surfaceshields.com/skin/frontend/buyshop/default/images/template/select-icons.png) 0 0 no-repeat #f6f6f6;
	display: block;
	height: 18px;
	outline: none;
	position: absolute;
	right: 2px;
	top: 2px;
	width: 18px;
}
.select_wrapper.fullwidth .sbToggle{
	background: url(https://www.surfaceshields.com/skin/frontend/buyshop/default/images/template/select-icons-big.png) 0 0 no-repeat #f6f6f6;
	display: block;
	height: 28px;
	width: 29px;
}

.sbToggle:hover{
	background: url(https://www.surfaceshields.com/skin/frontend/buyshop/default/images/template/select-icons.png) 0 -18px no-repeat #f6f6f6;
}
.sbToggleOpen{
	background: url(https://www.surfaceshields.com/skin/frontend/buyshop/default/images/template/select-icons.png) 0 -36px no-repeat #f6f6f6;
}
.sbToggleOpen:hover{
	background: url(https://www.surfaceshields.com/skin/frontend/buyshop/default/images/template/select-icons.png) 0 -54px no-repeat #f6f6f6;
}
.sbHolderDisabled{
	background-color: #3C3C3C;
}
.sbHolderDisabled .sbHolder{
	
}
.sbHolderDisabled .sbToggle{
	
}
.sbOptions{
	background-color: #fff;
	border: 1px solid #ccc;
	border-top: none;
	list-style: none;
	left: -1px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 22px;
	width: 100%;
	z-index: 1;
	overflow-y: auto;
}
.select_wrapper.fullwidth .sbOptions{
	background-color: #fff;
	border: 1px solid #eaeaea;
	height: 180px;
}

.sbOptions li{
	padding: 0 7px;
}
.sbOptions a {
	border-bottom: dotted 1px #ccc;
	display: block;
	outline: none;
	padding: 7px 0 7px 3px;
}
.sbOptions li:last-child a { border: none;}
.sbOptions a:link, .sbOptions a:visited{
	color: #999;
	text-decoration: none;
}
.sbOptions a:hover,
.sbOptions a:focus,
.sbOptions a.sbFocus{
	color: #000;
}
.select_wrapper.fullwidth .sbOptions a:hover,
.select_wrapper.fullwidth .sbOptions a:focus,
.select_wrapper.fullwidth .sbOptions a.sbFocus{
	color: #555555;
}
.sbOptions li.last a{
	border-bottom: none;
}
.sbOptions .sbDisabled{
	border-bottom: dotted 1px #515151;
	color: #999;
	display: block;
	padding: 7px 0 7px 3px;
}
.sbOptions .sbGroup{
	border-bottom: dotted 1px #515151;
	color: #EBB52D;
	display: block;
	font-weight: bold;
	padding: 7px 0 7px 3px;
}
.sbOptions .sbSub{
	padding-left: 17px;
}
@import url("https://fast.fonts.net/t/1.css?apiType=css&projectid=e21839cb-2981-468b-8dac-8d263f2a372d");
@font-face{
font-family:"HelveticaNeueW01-75Bold";
src:url("https://www.surfaceshields.com/skin/frontend/buyshop/default/css/Fonts/c07fef9e-a934-42d7-92ad-69205f2b8a00.eot?#iefix");
src:url("https://www.surfaceshields.com/skin/frontend/buyshop/default/css/Fonts/c07fef9e-a934-42d7-92ad-69205f2b8a00.eot?#iefix") format("eot"),url("https://www.surfaceshields.com/skin/frontend/buyshop/default/css/Fonts/3b303641-706e-4221-94c4-4fb491f4f8ef.woff2") format("woff2"),url("https://www.surfaceshields.com/skin/frontend/buyshop/default/css/Fonts/14ff6081-326d-4dae-b778-d7afa66166fc.woff") format("woff"),url("https://www.surfaceshields.com/skin/frontend/buyshop/default/css/Fonts/8fda1e47-19be-46c7-8d83-8d4fb35572f0.ttf") format("truetype"),url("https://www.surfaceshields.com/skin/frontend/buyshop/default/css/Fonts/f751c8ae-1057-46d9-8d74-62592e002568.svg#f751c8ae-1057-46d9-8d74-62592e002568") format("svg");
}
@font-face{
font-family:"HelveticaNeueW01-85Heav";
src:url("https://www.surfaceshields.com/skin/frontend/buyshop/default/css/Fonts/bb37f770-d450-4f24-af2b-3a81bf640315.eot?#iefix");
src:url("https://www.surfaceshields.com/skin/frontend/buyshop/default/css/Fonts/bb37f770-d450-4f24-af2b-3a81bf640315.eot?#iefix") format("eot"),url("https://www.surfaceshields.com/skin/frontend/buyshop/default/css/Fonts/350011f3-eda3-421c-b757-87d55f1e2c04.woff2") format("woff2"),url("https://www.surfaceshields.com/skin/frontend/buyshop/default/css/Fonts/a0d9d2cb-f057-4e8d-a957-27853630f58e.woff") format("woff"),url("https://www.surfaceshields.com/skin/frontend/buyshop/default/css/Fonts/54085041-5049-4b91-939c-49980c66abab.ttf") format("truetype"),url("https://www.surfaceshields.com/skin/frontend/buyshop/default/css/Fonts/7a48747c-74f2-49a8-bb65-1c522d4aa618.svg#7a48747c-74f2-49a8-bb65-1c522d4aa618") format("svg");
}
@font-face{
font-family:"HelveticaNeueW01-47LtCn 692686";
src:url("https://www.surfaceshields.com/skin/frontend/buyshop/default/css/Fonts/7de6b03f-1298-4bc2-89af-9d9da594008d.eot?#iefix");
src:url("https://www.surfaceshields.com/skin/frontend/buyshop/default/css/Fonts/7de6b03f-1298-4bc2-89af-9d9da594008d.eot?#iefix") format("eot"),url("https://www.surfaceshields.com/skin/frontend/buyshop/default/css/Fonts/b37ddbd9-24db-4864-9095-5084a5679dd2.woff2") format("woff2"),url("https://www.surfaceshields.com/skin/frontend/buyshop/default/css/Fonts/42aacb2f-222e-46f5-a95a-1c22948ee0d1.woff") format("woff"),url("https://www.surfaceshields.com/skin/frontend/buyshop/default/css/Fonts/217a2f81-1e65-4924-a0d4-05ac8576f883.ttf") format("truetype"),url("https://www.surfaceshields.com/skin/frontend/buyshop/default/css/Fonts/5405647d-099e-47f7-9d4a-f8692e57a206.svg#5405647d-099e-47f7-9d4a-f8692e57a206") format("svg");
}
@font-face{
font-family:"HelveticaNeueW01-87HvCn 692734";
src:url("https://www.surfaceshields.com/skin/frontend/buyshop/default/css/Fonts/3d1a3114-ffd3-4f16-99c5-0e0441676d88.eot?#iefix");
src:url("https://www.surfaceshields.com/skin/frontend/buyshop/default/css/Fonts/3d1a3114-ffd3-4f16-99c5-0e0441676d88.eot?#iefix") format("eot"),url("https://www.surfaceshields.com/skin/frontend/buyshop/default/css/Fonts/33bce52d-8cd5-4024-84b9-a04f74d3a9e1.woff2") format("woff2"),url("https://www.surfaceshields.com/skin/frontend/buyshop/default/css/Fonts/33bb86d1-8adf-454e-aee3-ca1c89445476.woff") format("woff"),url("https://www.surfaceshields.com/skin/frontend/buyshop/default/css/Fonts/921ef834-872c-4460-ac11-f5fbcac9fa2d.ttf") format("truetype"),url("https://www.surfaceshields.com/skin/frontend/buyshop/default/css/Fonts/9d3bb5f2-6932-419e-a56f-382131ffd4b8.svg#9d3bb5f2-6932-419e-a56f-382131ffd4b8") format("svg");
}
@font-face{
font-family:"Helvetica Neue LT W06_55 Roman";
src:url("https://www.surfaceshields.com/skin/frontend/buyshop/default/css/Fonts/e0f8f15a-c0f6-4ddb-a86e-d0b3dd600c25.eot?#iefix");
src:url("https://www.surfaceshields.com/skin/frontend/buyshop/default/css/Fonts/e0f8f15a-c0f6-4ddb-a86e-d0b3dd600c25.eot?#iefix") format("eot"),url("https://www.surfaceshields.com/skin/frontend/buyshop/default/css/Fonts/003e12ef-751e-4715-853b-9a1994d021d1.woff2") format("woff2"),url("https://www.surfaceshields.com/skin/frontend/buyshop/default/css/Fonts/990dea59-fcdd-461d-863d-3517e48e8ed0.woff") format("woff"),url("https://www.surfaceshields.com/skin/frontend/buyshop/default/css/Fonts/faf94d73-68f4-48a2-970f-f57530c211c9.ttf") format("truetype"),url("https://www.surfaceshields.com/skin/frontend/buyshop/default/css/Fonts/e4bb531b-d9fc-405e-88c3-1b34c22a8c50.svg#e4bb531b-d9fc-405e-88c3-1b34c22a8c50") format("svg");
}
@font-face{
font-family:"HelveticaNeueW15-97Blac 777405";
src:url("https://www.surfaceshields.com/skin/frontend/buyshop/default/css/Fonts/4bd6b020-50b6-4a5e-8b5a-b74ad50ddd2a.eot?#iefix");
src:url("https://www.surfaceshields.com/skin/frontend/buyshop/default/css/Fonts/4bd6b020-50b6-4a5e-8b5a-b74ad50ddd2a.eot?#iefix") format("eot"),url("https://www.surfaceshields.com/skin/frontend/buyshop/default/css/Fonts/8296a17e-8696-44fd-a2fc-8257dcb0a48f.woff2") format("woff2"),url("https://www.surfaceshields.com/skin/frontend/buyshop/default/css/Fonts/09b2bfcd-4b1f-42da-8c4c-289f0d1ee485.woff") format("woff"),url("https://www.surfaceshields.com/skin/frontend/buyshop/default/css/Fonts/e194c5cd-f02a-4b7e-bdb6-dc3e66b80061.ttf") format("truetype"),url("https://www.surfaceshields.com/skin/frontend/buyshop/default/css/Fonts/6c0969c8-b4f8-42f9-bf8b-d8c37c88d4db.svg#6c0969c8-b4f8-42f9-bf8b-d8c37c88d4db") format("svg");
}
@font-face{
font-family:"Helvetica W01 Blk Cn";
src:url("https://www.surfaceshields.com/skin/frontend/buyshop/default/css/Fonts/b528ad62-7d22-427c-ae87-ae9c462a69a9.eot?#iefix");
src:url("https://www.surfaceshields.com/skin/frontend/buyshop/default/css/Fonts/b528ad62-7d22-427c-ae87-ae9c462a69a9.eot?#iefix") format("eot"),url("https://www.surfaceshields.com/skin/frontend/buyshop/default/css/Fonts/36c8a325-c36b-46c4-9c2b-684c9af4adfa.woff2") format("woff2"),url("https://www.surfaceshields.com/skin/frontend/buyshop/default/css/Fonts/8c3c79c1-cc64-4f77-a93b-1bc6caa79124.woff") format("woff"),url("https://www.surfaceshields.com/skin/frontend/buyshop/default/css/Fonts/8f682a58-261c-4a98-a9d9-4960a8d2d208.ttf") format("truetype"),url("https://www.surfaceshields.com/skin/frontend/buyshop/default/css/Fonts/64b94c41-cc87-4c11-8202-a293f9188d23.svg#64b94c41-cc87-4c11-8202-a293f9188d23") format("svg");
}
@font-face{
font-family:"Helvetica W02 Blk Cn";
src:url("https://www.surfaceshields.com/skin/frontend/buyshop/default/css/Fonts/b5341fad-b3e0-4fc0-ad6a-37e8064e149d.eot?#iefix");
src:url("https://www.surfaceshields.com/skin/frontend/buyshop/default/css/Fonts/b5341fad-b3e0-4fc0-ad6a-37e8064e149d.eot?#iefix") format("eot"),url("https://www.surfaceshields.com/skin/frontend/buyshop/default/css/Fonts/ab097670-02a8-48dc-bd91-5f7fda7e2f6e.woff2") format("woff2"),url("https://www.surfaceshields.com/skin/frontend/buyshop/default/css/Fonts/b1dc6af4-e159-4de5-9a56-fba1e2f6316d.woff") format("woff"),url("https://www.surfaceshields.com/skin/frontend/buyshop/default/css/Fonts/354b2be7-3f8d-4222-b185-8445e0104200.ttf") format("truetype"),url("https://www.surfaceshields.com/skin/frontend/buyshop/default/css/Fonts/daea9df1-f3c1-4cbe-9302-636114bf4f38.svg#daea9df1-f3c1-4cbe-9302-636114bf4f38") format("svg");
}
@font-face{
font-family:"Helvetica W01 Cm";
src:url("https://www.surfaceshields.com/skin/frontend/buyshop/default/css/Fonts/c2b8712e-fd70-40e2-b8b8-df35641ae9e5.eot?#iefix");
src:url("https://www.surfaceshields.com/skin/frontend/buyshop/default/css/Fonts/c2b8712e-fd70-40e2-b8b8-df35641ae9e5.eot?#iefix") format("eot"),url("https://www.surfaceshields.com/skin/frontend/buyshop/default/css/Fonts/b11b007e-1730-46a9-9e41-c4c9eb96a239.woff2") format("woff2"),url("https://www.surfaceshields.com/skin/frontend/buyshop/default/css/Fonts/ecbdfc0c-dd44-4190-b173-3e47f561d788.woff") format("woff"),url("https://www.surfaceshields.com/skin/frontend/buyshop/default/css/Fonts/279b5a54-a49c-4db3-b46a-8542e0b1fed0.ttf") format("truetype"),url("https://www.surfaceshields.com/skin/frontend/buyshop/default/css/Fonts/6fd87b2d-9eb6-4eee-8159-79bb532b4f31.svg#6fd87b2d-9eb6-4eee-8159-79bb532b4f31") format("svg");
}
@font-face{
font-family:"Helvetica Hebrew 712140";
src:url("https://www.surfaceshields.com/skin/frontend/buyshop/default/css/Fonts/bc7d2c82-162e-42f2-a6bb-fc1c5f359852.eot?#iefix");
src:url("https://www.surfaceshields.com/skin/frontend/buyshop/default/css/Fonts/bc7d2c82-162e-42f2-a6bb-fc1c5f359852.eot?#iefix") format("eot"),url("https://www.surfaceshields.com/skin/frontend/buyshop/default/css/Fonts/01d6d059-1073-4fe5-bd63-207c6c2735de.woff2") format("woff2"),url("https://www.surfaceshields.com/skin/frontend/buyshop/default/css/Fonts/5b59ae24-8d01-43cf-a2f5-7e801be7f79a.woff") format("woff"),url("https://www.surfaceshields.com/skin/frontend/buyshop/default/css/Fonts/b1c6e6c9-9c60-4bed-b5a5-67016c2ac8e7.ttf") format("truetype"),url("https://www.surfaceshields.com/skin/frontend/buyshop/default/css/Fonts/66b0eddf-465d-4a51-83ee-44ad697c1826.svg#66b0eddf-465d-4a51-83ee-44ad697c1826") format("svg");
}

#differentstreetaddress, #differentcity, #differentstate, #differentcountry, #differentzipcode, #nameofcontact, #contactphone, #contactemail {
    display: none !important;
}

#differentstreetaddress.showinput, #differentcity.showinput, #differentstate.showinput, #differentcountry.showinput, #differentzipcode.showinput, #nameofcontact.showinput, #contactphone.showinput, #contactemail.showinput {
    display: block !important;
}

#pccf_form_8.pccf.default .well {
    background-color: transparent !important;
    border: none !important;
}

#pccf_form_8.pccf.default  label.col-md-3.control-label {
    display: none !important;
}

#pccf_form_8.pccf.default legend {
    display: none !important;
}

#pccf_form_8.pccf.default .form-group {
    margin-bottom: 0px !important;
}

#pccf_form_8.pccf.default input, #pccf_form_8.pccf.default select, #pccf_form_8.pccf.default textarea {
    margin-bottom: 15px !important;
    border-radius: 0px !important;
}

#pccf_form_8.pccf.default input span.input-group-addon {
    border: nonne !important;
    background: transparent !important;
}

#pccf_form_8.pccf.default .input-group-addon {
    background-color: transparent !important;
    border: none !important;
}

#pccf_form_8.pccf.default input#differentaddress {
    border: none !important;
    box-shadow: none !important;
}

#pccf_form_7 legend {
    display: none !important;
}

#pccf_form_7 .form-view.pccformwrapper.well {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

button#submitform {
    background: #e00000 !important;
    box-shadow: none !important;
    border: none !important;
    border-radius: 0px !important;
    font-family: 'HelveticaNeueW01-75Bold' !IMPORTANT;
    TEXT-TRANSFORM: uppercase !important;
}

.title-left-post h4 {
    font-family: 'HelveticaNeueW01-75Bold' !important;
}

.full-image-credits {
    max-width: 95%;
    margin: 0px auto;
    text-align: right;
    font-size: 10px;
    font-style: italic;
}

.product-options select {margin-bottom:0px !Important;}

.validation-advice p, .validation-advice {
    position: relative;
    height: 30px;
    color: #e10000 !important;
    font-size: 12px !important;
    clear: both;
    font-style: italic;
}
.add-to-cart .validation-advice,
.product-options .validation-advice  {
    line-height: 120%;
    margin-top: 5px;
}
.image-credits {
    display: inline-block;
    bottom: 0px;
    position: absolute;
    z-index: 99999;
    width: 100%;
    right: 0px;
    text-align: right;
    padding-bottom: 5px;
    padding-right: 5px;
    background: #ffffff;
	font-size:10px;
	font-style:italic;
}

input#qty::-webkit-input-placeholder {
    color: #2c343d !important;
}
input#qty:-moz-placeholder {
     color: #2c343d !important;
}
input#qty::-moz-placeholder {
    color: #2c343d !important;
}
input#qty:-ms-input-placeholder {
    color: #2c343d !important;
}

body.wordpress-post-view .container p {
    max-width: 980px;
    margin: 0px auto;
}

.post-list .pages {
    height: 50px;
    display: block;
    align-items: center;
    text-align: center;
    position: relative;
    width: 100%;
    margin: 0px auto;
    line-height: 50px;
}
.post-list .pages  a.small_icon i {line-height:50px !Important; background-color:transparent !Important;}
.back-button-posts{}
.post-nav-bottom {
    text-align: center;
    margin-top: 95px;
}


.full-screen-bg {
    display: block;
    width: 100vw;
    height: 100vh;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    display: inline-flex;
    align-items: center;
    display: -webkit-flex;
    -webkit-align-items: center;
    background-position: bottom center !Important;
}
.full-screen-bg .center-stuff {
    width: auto;
    margin: 0px auto;
    text-align: center;
}
.full-screen-bg .center-stuff h1, .full-screen-bg .center-stuff p {
    color: #ffffff;
}

.full-screen-bg .center-stuff a.white-border{font-family: 'HelveticaNeueW01-75Bold'!important;
    letter-spacing: -0.03em !important;
    text-transform: uppercase !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: normal !important;
    background: transparent !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    border-radius: 0px !important;
    text-shadow: none !important;
    display: inline-block;
    min-width: 181px !important;
    text-align: center;
    line-height: 44px !important;
    height: 48px !important;
    max-height: 48px !important;
    padding: 0px !important;
    font-size: 12px !important;
    color: #fff !important;
    border: solid 2px #ffffff !important;
    box-sizing: border-box;
    -webkit-transition: background .3s ease-in, border-color .3s ease-in, color .3s ease-in;
    -moz-transition: background .3s ease-in, border-color .3s ease-in, color .3s ease-in;
    -ms-transition: background .3s ease-in, border-color .3s ease-in, color .3s ease-in;
    -o-transition: background .3s ease-in, border-color .3s ease-in, color .3s ease-in;
    transition: background .3s ease-in, border-color .3s ease-in, color .3s ease-in;
	margin-right:10px;
	cursor:pointer;
}
.full-screen-bg .center-stuff a.white-border:hover{ background: #e00000 !important; border-color:transparent !important;cursor:pointer;}


.mb-version .mb-label, .mb-version .lmb-label {
    font-size: 15px;
    text-transform: none;
    background-color: #FFFFFF;
    color: #2F2F2F;
    cursor: pointer !Important;
}

.mb-version .anchor_mbmenu .anchor_mbmenu_text, .mb-version .mb-label.mb-return, .ms-megamenu .anchor_lmbmenu .anchor_lmbmenu_text, .ms-megamenu .lmb-label.lmb-return {
    color: #FFFFFF;
    cursor: pointer !important;
}

.tp-caption.white-slides-mobile, .white-slides-mobile {
    right: 5% !important;
    left: 5% !Important;
}
.product-image a:hover{cursor:default !important;}

span.subtitle-list {
    min-height: 26px;
}

.smaller-searcher{display:none;}

#mobile-searcher.hide-searcher{display:none;}
#mobile-searcher.show-searcher {
    width: 100%;
    height: auto;
    position: absolute;
    background: #ffffff;
    z-index: 9999;
}

#mobile-searcher .form-search button, #mobile-searcher .form-mail button {left:2.5% !important;}
#mobile-searcher .form-search-wrapper {
    margin-right: 0px !Important;
    background-size: 0px 0px !Important;
}
#mobile-searcher .form-search {
    margin-bottom: 0;
    max-width: 100% !Important;
    position: relative;
	width:100%;
	display:block;
}
#mobile-searcher .form-search input.search-query {
    padding-left: 0px !Important;
    font-size: 12px;
    max-width: 95% !important;
    height: 24px;
    border: 2px solid #fff;
    border-radius: 4px;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.27);
    width: 100%;
    color: #939598;
    font-style: italic;
    padding-right: 0px !important;
    text-align: center;
    margin: 0px auto !Important;
    position: relative !important;
    display: block;
}
#mobile-searcher .searchautocomplete .nav .nav-input {
    margin: 6px 0px 0px 10px;
    padding: 0px 5px 0px 5px;
    z-index: 12;
    position: relative;
    max-width: 75% !Important;
}
#mobile-searcher .searchautocomplete .nav-submit-button {max-width:calc(25% - 40px) !Important;}

#mobile-searcher > form > div.nav-submit-button > button {max-width:100% !important; width:100% !Important;}

.cloud-zoom-loading{display:none !Important;}
.small-note {
    clear: both;
    padding-top: 10px;
    display: block;
    font-size: 12px;
    font-style: italic;
}
.button-container-1{clear:both;}

.loading-form{width:100vw; height:100vh; position:fixed; left:0px; top:0px; background:rgba(255,255,255,0.9); display:none; text-align:center;}
.center-loader {
    display: inline-flex;
    align-items: center;
    width: auto;
    height: 100vh;
    text-align: center;
    color: #2C343D;
    font-size: 23px;
}
#rev_slider_3_2_wrapper .tp-bullets.simplebullets.round .bullet{
background:url(https://www.surfaceshields.com/skin/frontend/base/default/images/nwdthemes/revslider/assets/bullets-grey.png) !important;}

#rev_slider_3_2_wrapper .tp-bullets.simplebullets .bullet:hover, #rev_slider_3_2_wrapper .tp-bullets.simplebullets .bullet.selected {
    background-position: bottom left !important;
}
body{overflow-x:hidden;}
#search_autocomplete {
    display: none;
}

img[class*="align"], img[class*="wp-image-"], .gallery .gallery-icon img {
    border: none !important;
    padding: 6px;
}
.fullwidth-featured-product {
    vertical-align: middle;
    display: table;
    background-size: cover !Important;
    background-attachment: fixed !important;
    transform: translate(0,0);
    width: 100vw;
    margin-bottom: -10px;
    max-width: 100vw !important;
}




h1 sup, h2 sup, h3 sup, sup {
    font-family: 'Helvetica Neue LT W06_55 Roman'!important;
    font-size: 0.4em !important;
    letter-spacing: 0px !Important;
    top: -1em !Important;
    padding-left: 3px;
}
.video-container video{object-fit:cover;}


body.category-duct-tape .category-headers, body.category-electrical-tape .category-headers, body.category-builder-board-tape .category-headers{display:none !important;}
body.category-duct-tape .category-products, body.category-electrical-tape .category-products {
    padding-top: 4px !important;
}
body.category-duct-tape .category-products, body.category-electrical-tape .category-products, body.category-builder-board-tape .category-products  {
    padding-top: 4px !important;
}
#colorbox .col-md-8 {
    width: calc(100% - 50px) !important;
    text-align: center;
}

#colorbox .pccf.default .col-md-3 {display:none !important;}
#colorbox .col-md-8 h3 {
    color: #2C343D !important;
    text-align: center !important;
    margin-left: 0px !Important;
	font-size:35px !Important;
}
#colorbox .form-horizontal .control-label {display:none !important;}



#colorbox input, #colorbox textarea, #colorbox .uneditable-input {width:100% !important; margin-bottom:10px !Important;}

#colorbox .checkbox label {
	text-align: left;
}
#colorbox input[name="recieveupdates"] {
	width:auto !important;
	margin-left: 0;
	margin-right: 10px;
}

#colorbox .btn {font-family:'HelveticaNeueW01-75Bold' !important; 
	letter-spacing:-0.03em !important; 
	text-transform:uppercase !important; 
	-webkit-font-smoothing: antialiased; 
	-moz-osx-font-smoothing: grayscale; 
	font-weight: normal !important;
  background: #e00000 !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
  border-radius: 0px !important;
  text-shadow: none !important;
  display: inline-block;
  min-width: 181px !important;
  text-align: center;
  line-height: 44px !important;
  height: 48px !important;
  max-height: 48px !important;
  padding: 0px !important;   
  font-size:12px !important;
  color:#fff !important;
  border:solid 2px transparent !important; 
	box-sizing:border-box;
   -webkit-transition: background .3s ease-in, border-color .3s ease-in, color .3s ease-in;
    -moz-transition:  background .3s ease-in, border-color .3s ease-in, color .3s ease-in;
    -ms-transition:  background .3s ease-in, border-color .3s ease-in, color .3s ease-in;
    -o-transition:  background .3s ease-in, border-color .3s ease-in, color .3s ease-in;
    transition:  background .3s ease-in, border-color .3s ease-in, color .3s ease-in;
}
li.error-msg {
    background: #E00000;
    padding: 10px 0px;
    color: #ffffff;
    text-align: center;
}
#back-top{display:none !important;}
.mobile-only{width:100%;}


body.tag-product-list #column_right.span9 {
    float: none;
    width: 100%;
    margin-top: 95px;
}
body.tag-product-list #column_left.span3 {
    display: none !Important;
}
body.tag-product-list .toolbar-product {display:none;}
.tags-area{
    margin-top: 45px;}
.tags-area span.tags-text{
    display: inline-block;
    font-family: 'HelveticaNeueW01-75Bold';
    text-transform: uppercase;
    font-size: 16px;
    color: #2c343d;
    margin-right: 10px;
}
.tags-area ul.product-tags{
    display: inline-block;
}
.tags-area ul.product-tags li {
    display: inline-block;
    float: left;
    background: #f4f4f4;
    padding: 10px;
    margin-right: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
}
.tags-area ul.product-tags li a{
    color: #939597;
    text-transform: uppercase;
    font-size: 12px;
    font-family: 'HelveticaNeueW01-75Bold';
}

.currently-1 ol li {
    font-family: 'HelveticaNeueW01-75Bold';
    text-transform: uppercase;
    padding: 10px 0px;
    background: #eeeeee;
    border: 1px solid #e5e5e5;
}
.currently-1 ol li span.label {
    background: transparent;
    margin-left: 20px;
    color: #2C343D;
    text-shadow: none;
    font-weight: normal;
    font-size: 16px;
    line-height: 16px;
    display: block;
}
.currently-1 ol li span.value{
    color: #ffffff;
    display: inline-block;
    margin: 10px 0px 10px 20px;
    background: #2C343D;
    padding: 10px 0px;
    width: calc(100% - 80px);
    padding-left: 10px;
}
.currently-1 ol li a {
    float: right;
    margin-right: 20px;
    color: #ffffff;
    display: inline-block;
    background: #2C343D;
    width: 10px;
    padding: 10px 10px;
    margin-top: 10px;
}
    
	#column_left > div > div > div.block_listing > div > div > div.actions{display:none !important;}
	#column_left > div > div > div.block_listing > div > div > div.currently-1 {
    margin-right: 10px;
    margin-bottom: -12px;
}               
ul#post-list .blog-post-container:nth-child(1) h1 a.post-list-link::before{content:none !important;}
ul#post-list .blog-post-container:nth-child(1) h1::before{content:"Featured Story: ";}
a.post-list-link {
    display: block;
    position: absolute;
    top: 0px;
    width: 100%;
    height: 100%;
}
a.post-list-link .inner-sweep {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    display: inline-flex;
	display: -webkit-flex;/* Safari */
    -webkit-align-items: center;/* Safari 7.0+ */
    height: 100%;
    width: 100%;
    align-items: center;
}

a.post-list-link .inner-sweep:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(44,52,61,0.8);
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
	cursor:pointer;
}
a.post-list-link .inner-sweep:hover{color: #ffffff !important;
  opacity:1;}

a.post-list-link .inner-sweep:hover:before, .a.post-list-link .inner-sweep:focus:before, a.post-list-link .inner-sweep:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  opacity:1;
}


.blog-post-container h1 a:hover + .inner-sweep:hover:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  opacity:1;
}
.blog-post-preview-info h1{color:#ffffff !important;}



.video-overlayer-controls-product{
background:url(https://www.surfaceshields.com/product-videos/play-video.png);}

a.watch-video-product-page {
    max-width: calc(60% - 10px);
    display: block;
    max-height: 170px;
    margin-top: 15px;
    position: relative;
    overflow: hidden;
    height: 182px;
}

a.watch-video-product-page img {
    max-width: 100%;
    position: absolute;
    min-height: 100%;
}

.video-overlayer-controls-product {
    background: url(https://www.surfaceshields.com/product-videos/play-video.png);
    position: absolute;
    top: 0px;
    width: 100%;
    height: 182px;
    background-repeat: no-repeat;
    background-position: center center;
}
	
	
	

/*Sidecart*/
#customcart {  top: 20px !important;
    margin-top: 0px !Important;
    z-index: 9999999 !important;
    position: relative;
    float: right;
    height: auto;
    margin-right: -600px;
	-webkit-transition:margin-right 0.6s ease-in-out, display 0.6s ease-in-out;
  -moz-transition:margin-right 0.6s ease-in-out, display 0.6s ease-in-out;
  -o-transition:margin-right 0.6s ease-in-out, display 0.6s ease-in-out;
  transition:margin-right 0.6s ease-in-out, display 0.6s ease-in-out;
display:none;}
  
#customcart.message-in{margin-right:0px !important;    min-height: 100vh; display:inline-block; }
#preloader.message-in{display:inline-block; width:600px; top:0px; right:0px; position:absolute;}

#preloader {
    
}




#preloader .loader {
  
}

#preloader .loader img {
    
}



#side-cart-main.open-sidebarpullout {
    margin-right: 0px;
    width: 600px;
}
#side-cart-main {
    top: 0px !important;
    margin-top: 0px !Important;
    z-index: 9999999 !important;
    position: relative;
    float: right;
    min-height: 100vh;
    height: auto;
    margin-right: -600px;
	width:0px;
	overflow:hidden;
	-webkit-transition:margin-right 0.6s ease-in-out;
  -moz-transition:margin-right 0.6s ease-in-out;
  -o-transition:margin-right 0.6s ease-in-out;
  transition:margin-right 0.6s ease-in-out;
}

.open-sidebarpullout #overlayer-sidecart {
    display: inline-block !important;
}

#overlayer-sidecart {
    padding: 0px;
    width: 600px;
    height: auto;
    float: right;
    background: rgba(0,0,0,0.7);
    z-index: 999999;
    min-height: 100vh;
    right: 0px;
}

	

#side-cart-slider {
    position: absolute;
    right: 0px;
    padding: 0px;
    margin-top: 0px;
    background-color: #ffffff;
    border-radius: 0px;
    border: none;
    text-align: center;
    width: 600px;
    min-height: 100vh;
    height: auto;
    top: 0px;
    z-index: 999999;
    overflow: hidden;
   
}
	
	.right-body-pullout {
    max-height: calc(100vh - 265px);
    overflow-y: scroll;
    width: calc(100% - 60px);
    padding: 30px;

}

a.close-box-browse {
    padding-left: 20px;
    color: #c6c3c1;
    font-size: 14px;
    display: block;
    margin-bottom: 10px;
	cursor:pointer;
}
a.close-box-browse::before {
    content: " ";
    display: inline-block;
    margin-right: 10px;
    width: 18px;
    height: 18px;
    background: url(/icon-img/left-arrow-grey.png);
    background-size: contain;
	margin-bottom:-4px;
}
	

#site-container, #site-container.closed-side {
    width: 100vw;
    margin-left: 0px;
	-webkit-transition: margin .6s ease-in-out;
    -moz-transition: margin .6s ease-in-out;
    -ms-transition: margin .6s ease-in-out;
    -o-transition: margin .6s ease-in-out;
    transition: margin .6s ease-in-out;
	display:inline-block;
   
}
#wrap{margin-left:0px;
-webkit-transition: margin .6s ease-in-out;
    -moz-transition: margin .6s ease-in-out;
    -ms-transition: margin .6s ease-in-out;
    -o-transition: margin .6s ease-in-out;
    transition: margin .6s ease-in-out;
}
#wrap.open-side {
    margin-left: -600px;
    display: inline-block;
    position: absolute;
}

#site-container.open-side {
    margin-left: -600px;
    display: inline-block;
}


#site-container .blk-ov-click {
    display: inline-block;
    position: absolute;
    left: 0px;
    width: 100vw;
    height: 0px;
    background: transparent;
    z-index: 999999;
    top: 0px;
	  -webkit-transition: background .6s ease-in-out, left .6s ease-in-out;
    -moz-transition: background .6s ease-in-out, left .6s ease-in-out;
    -ms-transition: background .6s ease-in-out, left .6s ease-in-out;
    -o-transition: background .6s ease-in-out, left .6s ease-in-out;
    transition: background .6s ease-in-out, left .6s ease-in-out;
}

#site-container.open-side #spy{display:none !important;}

#site-container.open-side .blk-ov-click {
    display: inline-block;
    position: fixed;
    left: -600px;
    width: 100vw;
    z-index: 999999;
    top: 0px;
    background: rgba(0,0,0,0.8);
    min-height: 100vh;
}
#site-container .blk-ov-click.active-vis {
    display: inline-block;
    position: fixed;
    left: -600px;
    width: 100vw;
    z-index: 999999;
    top: 0px;
    background: rgba(0,0,0,0.8);
    min-height: 100vh;
}
#site-container.open-side .blk-ov-click a.blk-close-link{
    display: block;
    width: 100vw;
    height: 100vh;

}


/*END SIDECART*/

/*Menu Image Hovers*/
.ms-content a.menu-image-links:hover{opacity:1 !important;}
a.menu-image-links{display:inline-block; position:relative; max-width:100%;}
.hvr-sweep-to-top {
    display: inline-flex;
    display: -webkit-flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    color: rgba(0,0,0,0);
    position: absolute;
    top: 4px;
    left: 0px;
    width: 100%;
    height: calc(100% - 23px);
    text-align: center;
}
.hvr-sweep-to-top-red {
    display: inline-flex;
	display: -webkit-flex;/* Safari */
    -webkit-align-items: center;/* Safari 7.0+ */
    align-items: center;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    color: rgba(0,0,0,0);
    position: absolute;
    top: 4px;
    left: 0px;
    width: 100%;
    height: calc(100% - 23px);
    text-align: center;
}


.hvr-sweep-to-top:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(44,52,61,0.9);
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.hvr-sweep-to-top-red:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #e00000;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.hvr-sweep-to-top:hover, .hvr-sweep-to-top:focus, .hvr-sweep-to-top:active, .hvr-sweep-to-top-red:hover, .hvr-sweep-to-top-red:focus, .hvr-sweep-to-top-red:active {
  color: white;
  opacity:1;
}
.hvr-sweep-to-top:hover:before, .hvr-sweep-to-top:focus:before, .hvr-sweep-to-top:active:before, .related-links .inner-sweep:hover:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  opacity:1;
}
.hvr-sweep-to-top-red:hover:before, .hvr-sweep-to-top-red:focus:before, .hvr-sweep-to-top-red:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  opacity:1;
}
.caption-inner-text{text-align:center; width:100%;font-family: 'HelveticaNeueW01-75Bold';
text-transform: uppercase;
font-size: 17px;}

/*End Menu Image Hovers*/


/*Red Buttons*/

.tp-button.red,  .purchase.red, .product-shop .add-to-cart button.btn-cart, .product-listing a.btn-cart, .button {
	font-family:'HelveticaNeueW01-75Bold' !important; 
	letter-spacing:-0.03em !important; 
	text-transform:uppercase !important; 
	-webkit-font-smoothing: antialiased; 
	-moz-osx-font-smoothing: grayscale; 
	font-weight: normal !important;
  background: #e00000 !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
  border-radius: 0px !important;
  text-shadow: none !important;
  display: inline-block;
  min-width: 181px !important;
  text-align: center;
  line-height: 44px !important;
  height: 48px !important;
  max-height: 48px !important;
  padding: 0px !important;   
  font-size:12px !important;
  color:#fff !important;
  border:solid 2px transparent !important; 
	box-sizing:border-box;
   -webkit-transition: background .3s ease-in, border-color .3s ease-in, color .3s ease-in;
    -moz-transition:  background .3s ease-in, border-color .3s ease-in, color .3s ease-in;
    -ms-transition:  background .3s ease-in, border-color .3s ease-in, color .3s ease-in;
    -o-transition:  background .3s ease-in, border-color .3s ease-in, color .3s ease-in;
    transition:  background .3s ease-in, border-color .3s ease-in, color .3s ease-in;
	
}



.tp-button.red:hover,  .purchase.red:hover, .product-shop .add-to-cart button.btn-cart:hover, .product-listing a.btn-cart:hover, .button:hover, .tp-button:hover.red, .purchase:hover.red{
	font-family:'HelveticaNeueW01-75Bold' !important; 
	letter-spacing:-0.03em !important; 
	text-transform:uppercase !important; 
	-webkit-font-smoothing: antialiased; 
	-moz-osx-font-smoothing: grayscale; 
	font-weight: normal !important;
  background: transparent !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
  border-radius: 0px !important;
  text-shadow: none !important;
  display: inline-block;
 min-width: 181px !important;
  text-align: center;
  line-height: 44px !important;
  height: 48px !important;
  max-height: 48px !important;
  padding: 0px !important;   
  font-size:12px !important;
  border:solid 2px #e00000 !important; 
  color:#e00000 !important; 
  box-sizing:border-box;}

.tp-video-play-button{background:transparent !important; display:block;}

.request-to-stock-container .tp-button.red, .request-to-stock-container .tp-button:hover.red, .request-to-stock-container .purchase.red, .request-to-stock-container .purchase:hover.red{width:100% !important;}

.locate-button-1{float:left !important; width:49.5% !important; min-width:1px !important;}
.stock-button-1{float:right !important; width:49.5% !important; min-width:1px !important;}

.tp-button.red.locate-button-1,.purchase.red.locate-button-1, .tp-button.red.stock-button-1,.purchase.red.stock-button-1 {min-width:0px !important;}

.button_small, #topline a.button_small {
    display: inline-block;
    font: 12px/20px Arial, Helvetica, sans-serif;

    margin: 0;
    height: 20px;
    overflow: hidden;
    vertical-align: middle;

    color: #fff !important;
    text-transform: none;
    margin-right: 5px;
    border-radius: 2px;
    text-decoration: none;

    background-repeat: no-repeat;
    background-position: 22px 0;
    background-color: #9d3bc6;
}

.button_small:hover, #topline a.button_small:hover {
    background-color: #6a2886;
}

.button_small i {
    width: 24px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-size: 12px;
    margin-top: -1px;
    vertical-align: middle;

    padding: 0;
}

.button_small span {

    text-align: center;
    display: inline-block;
}

.product-shop .add-to-cart button.btn-cart, .product-listing a.btn-cart {
    padding-right: 20px;
    height: 56px;
    vertical-align: middle;
    font-size: 16px;
    line-height: 22px;
}
#bottom_block a, #bottom_block span {
    color: #949699 !important;
    font-size: 13px;
    text-transform: uppercase;
    font-family: 'HelveticaNeueW01-75Bold';
    -webkit-font-smoothing: antialiased;
}

#bottom_block a.tp-button.red{
  max-width:100%;
  color:#ffffff !important;
  min-width:100% !important;
}

#bottom_block a.tp-button:hover{
  max-width:100%;
 color:#e00000 !important; 
  min-width:100% !important;
}


/*END Red Buttons*/



/*Play Video Buttons*/

.watch-video-dark{text-transform: uppercase !important;
    text-shadow: none !important;
    font-family: 'HelveticaNeueW01-75Bold' !important;
    font-size: 12px !important;
    letter-spacing: 0pt !important;
    display: inline-block;
    min-width: 181px !important;
    text-align: center;
    line-height: 48px !important;
    height: 48px !important;
    max-height: 48px !important;
    padding: 0px !important;
    box-sizing: border-box;
    color: #2c343d !important;
    border: solid 1px !important;
    margin-right: 10px !important;
	backround:transparent;
	-webkit-transition: background .3s ease-in, border-color .3s ease-in, color .3s ease-in;
    -moz-transition:  background .3s ease-in, border-color .3s ease-in, color .3s ease-in;
    -ms-transition:  background .3s ease-in, border-color .3s ease-in, color .3s ease-in;
    -o-transition:  background .3s ease-in, border-color .3s ease-in, color .3s ease-in;
    transition:  background .3s ease-in, border-color .3s ease-in, color .3s ease-in;
	}
	
	.watch-video-dark:hover{text-transform: uppercase !important;
    text-shadow: none !important;
    font-family: 'HelveticaNeueW01-75Bold' !important;
    font-size: 12px !important;
    letter-spacing: 0pt !important;
    display: inline-block;
    min-width: 181px !important;
    text-align: center;
    line-height: 48px !important;
    height: 48px !important;
    max-height: 48px !important;
    padding: 0px !important;
    box-sizing: border-box;
    color: #ffffff !important;
    border: solid 1px transparent !important;
    margin-right: 10px !important;
	background: #e00000 !important;}
	
	.watch-video-dark .circle-link::before {
    content: " ";
    display: inline-block;
    position: relative;
    border-style: solid;
    border-width: 6px 0 6px 6px;
    border-color: transparent transparent transparent #ffffff;
    height: 0px;
    width: 0px;
    margin-left: 8px !important;
    margin-top: 6px !Important;
}
.watch-video-dark .circle-link {
    background: #2c343d;
    display: inline-block;
    border-radius: 50%;
    margin-left: 10px;
    color: rgba(0,0,0,0) !important;
    line-height: 24px !important;
    width: 24px !important;
    margin-top: 12px !important;
    max-height: 24px !Important;
    max-width: 24px !Important;
    min-width: 24px !Important;
    min-height: 24px !important;
}

.watch-video {
    text-transform: uppercase !important;
    text-shadow: none !important;
    font-family: 'HelveticaNeueW01-75Bold' !important;
    font-size: 12px !important;
    letter-spacing: 0pt !important;
    display: inline-block;
    min-width: 181px !important;
    text-align: center;
    line-height: 44px !important;
    height: 48px !important;
    max-height: 48px !important;
    padding: 0px !important;
    box-sizing: border-box;
    color: #ffffff !important;
    border: solid 2px !important;
    margin-right: 10px !important;
	background:transparent;
	 -webkit-transition: background .3s ease-in, border-color .3s ease-in, color .3s ease-in;
    -moz-transition:  background .3s ease-in, border-color .3s ease-in, color .3s ease-in;
    -ms-transition:  background .3s ease-in, border-color .3s ease-in, color .3s ease-in;
    -o-transition:  background .3s ease-in, border-color .3s ease-in, color .3s ease-in;
    transition:  background .3s ease-in, border-color .3s ease-in, color .3s ease-in;
}
.watch-video:hover{text-transform: uppercase !important;
    text-shadow: none !important;
    font-family: 'HelveticaNeueW01-75Bold' !important;
    font-size: 12px !important;
    letter-spacing: 0pt !important;
    display: inline-block;
    min-width: 181px !important;
    text-align: center;
    line-height: 44px !important;
    height: 48px !important;
    max-height: 48px !important;
    padding: 0px !important;
    box-sizing: border-box;
    color: #ffffff !important;
    border: solid 2px transparent !important;
    margin-right: 10px !important;
	background: #2c343d !important;}
	
.watch-video .circle-link::before {
    content: " ";
    display: inline-block;
    position: relative;
    border-style: solid;
    border-width: 6px 0 6px 6px;
    border-color: transparent transparent transparent #595048;
    height: 0px;
    width: 0px;
    margin-left: 8px !important;
    margin-top: 6px !Important;
}
.watch-video .circle-link {
    background: #ffffff;
    display: inline-block;
    border-radius: 50%;
    margin-left: 10px;
    color: rgba(0,0,0,0) !important;
    line-height: 24px !important;
    width: 24px !important;
    margin-top: 12px !important;
    max-height: 24px !Important;
    max-width: 24px !Important;
    min-width: 24px !Important;
    min-height: 24px !important;
}

/*END VIDEO BUTTONS*/





body.category-abatement .category-headers {
    background-color: #F8F8F8 !important;
}
body.category-concrete .category-headers {background-color:#858585 !important;}
body.category-convention-services .category-headers {background-color:#484846 !important;}
body.category-cruise-lines .category-headers {background-color:#777777 !important;}
body.category-hospitals .category-headers {background-color:#696969 !important;}
body.category-industrial .category-headers {background-color:#eeeeee !important;}
body.category-janitorial-sanitation .category-headers {background-color:#3c3c3c !important;}
body.category-manufactured-housing .category-headers {background-color:#464646 !important;}
body.category-marine .category-headers, body.category-hvac .category-headers {background-color:#464646 !important;}
body.category-medical-clean-room .category-headers {background-color:#4c4c4c !important;}
body.category-moving .category-headers {background-color:#aaaaaa !important;}
body.category-painting .category-headers {background-color:#676767 !important;}
body.category-real-estate .category-headers {background-color:#1c1c1c !important;}
body.category-remediation .category-headers {background-color:#fdfdfd !important;}
body.category-remodeling .category-headers {background-color:#d7d7d7 !important;}
body.category-renovation .category-headers {background-color:#6a6a6a !important;}

#column_left .block-tags {display:none !important;}


input::-webkit-input-placeholder, input.form-control::-webkit-input-placeholder {
 color:#2c343d !important;
}
textarea::-webkit-input-placeholder, textarea.form-control::-webkit-input-placeholder {
 color:#2c343d !important;
}
 
input:-moz-placeholder, input.form-control:-moz-placeholder { /* Firefox 18- */
 color:#2c343d !important;
 opacity:1 !important;
}
textarea:-moz-placeholder, textarea.form-control:-moz-placeholder{ /* Firefox 18- */
 color:#2c343d !important;
  opacity:1 !important;
}
 
input::-moz-placeholder, input.form-control::-moz-placeholder {  /* Firefox 19+ */
 color:#2c343d !important;
  opacity:1 !important;
}

textarea::-moz-placeholder, textarea.form-control::-moz-placeholder {  /* Firefox 19+ */
 color:#2c343d !important;
  opacity:1 !important;
}
 
input:-ms-input-placeholder, input.form-control:-ms-input-placeholder {  
 color:#2c343d !important;
} 

textarea:-ms-input-placeholder, input.form-control:-ms-input-placeholder {  
 color:#2c343d !important;
} 

input.qty::-webkit-input-placeholder {color:#939597 !important}

input.qty:-moz-placeholder { /* Firefox 18- */
color:#939597 !important;
 opacity:1 !important;
}
 
input.qty::-moz-placeholder {  /* Firefox 19+ */
 color:#939597 !important;
  opacity:1 !important;
}

input.qty:-ms-input-placeholder {  
color:#939597 !important;
} 
.form-list .r4q-remark {
    width: 100%;
    box-sizing: border-box;
    border-color: #2c343d !important;
    font-size: 14px !IMPORTANT;
}

.pccf.default h3 {
    font-size: 24px!important;
    font-weight: normal !Important;
    font-family: 'HelveticaNeueW01-85Heav' !important;
    text-align: left !important;
    color: #2C343D !important;
}

#footer span12{width:1200px !important;}
.post-title-right-container span.author-text{padding-top: 30px;display: block;}
body.categorypath-products-adhesive-tape .product-box{margin-bottom:95px;}
body.catalogsearch-result-index .page-title {
    margin: 0px 0 0px;
    overflow: hidden;
    width: 100%;
}
body.wordpress-post-view .page-title{margin:0px !important;}

.pccf.default h3 { margin-left:calc(-25% - 30px);}

body.catalogsearch-result-index .page-title h1 {
    font-size:35px; 
	line-height:31px;
	max-width:50%;
	padding-top:2px;
}


.collapsed {
    -webkit-transition: height 0.35s ease;
    -moz-transition: height 0.35s ease;
    -o-transition: height 0.35s ease;
    transition: height 0.35s ease;
}
#industry-leader{height:0px;}
body.categorypath-solutions .category-title {
    border: 0;
    margin: 0 0 0px !important;
}

input[type=range] {
  -webkit-appearance: none;
  width: 100%;
  margin: 13.8px 0;
}
input[type=range]:focus {
  outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 4px;
  cursor: pointer;
  box-shadow: 0px;
  background: #c6c7c9;
  border-radius: 10px;
  border: 0px;
}
input[type=range]::-webkit-slider-thumb {
  box-shadow: 0px;
  border: none;
  height: 20px;
  width: 20px;
  border-radius: 20px;
  background: #ec2327;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -10px;
}
input[type=range]:focus::-webkit-slider-runnable-track {
  background: #b1b2b4;
}
input[type=range]::-moz-range-track {
  width: 100%;
  height: 4px;
  cursor: pointer;
  box-shadow: 0px;
  background: #ec2327;
  border-radius: 10px;
  border: none;
}
input[type=range]::-moz-range-thumb {
  box-shadow: 0px;
  border: none;
  height: 20px;
  width: 20px;
  border-radius: 20px;
  background: #ec2327;
  cursor: pointer;
}
input[type=range]::-ms-track {
  width: 100%;
  height: 4px;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  color: transparent;
}
input[type=range]::-ms-fill-lower {
  background: #ec2327;
  border: none;
  border-radius: 10px;
  box-shadow: 0px;
}
input[type=range]::-ms-fill-upper {
  background: #ec2327;
  border: none;
  border-radius: 10px;
  box-shadow: 0px;
}
input[type=range]::-ms-thumb {
  box-shadow: 0px;
  border: none;
  height: 20px;
  width: 20px;
  border-radius: 20px;
  background: #ec2327;
  cursor: pointer;
  height: 20px;
}
input[type=range]:focus::-ms-fill-lower {
  background: #b1b2b4;
}
input[type=range]:focus::-ms-fill-upper {
  background: #b1b2b4;
}

body.catalogsearch-result-index section#content{padding-top:95px; padding-bottom:95px;}
body.catalogsearch-result-index #column_left.span3 {
    padding-top: 0px !important;
}

body.catalog-category-view .category-products{padding-top:55px; padding-bottom:95px;}
body.catalog-category-view #narrow-by-list{margin-top: 15px;}

/*fonts*/

body, html, p, h1, h2, h3, h4, h5, h6, h7, h8, h9, h10, .ms-topmenu .ms-label, a { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: normal !important;}
h1, h2, h3, h4, h6, .tagline {font-family:'HelveticaNeueW01-85Heav'; letter-spacing: -0.06em; text-transform:uppercase; margin-top:0px !Important; margin-bottom:0px !Important;}
h5, h7, h8, .ms-topmenu .ms-label, h9, h10 {font-family:'HelveticaNeueW01-75Bold' !important; letter-spacing:-0.03em !important; text-transform:uppercase !important; text-transform:uppercase; margin-top:0px !Important; margin-bottom:0px !Important;}
h1, h2, h3, h4, h5, h6, h7, h8, h9, h10{margin-bottom: 15px !Important;}

p, p.paragraph1, p.paragraph2, p.paragraph3, p.paragraph4{font-family:'Helvetica Neue LT W06_55 Roman'; letter-spacing:0em;}
h1{font-size:55px; line-height:45px;}
a.three-section-learn-more h6{margin-bottom:0px !important;}
h2{
    font-size: 45px;
    line-height: 45px;
}
.pccf.default h2 {
    font-size: 45px !important;
    line-height: 45px !important;
}
h3{font-size:40px; line-height:30px;}
h4{font-size:25px; line-height:20px;}
h5, ul.tab-legend li.active h7 {font-size:23px !Important; line-height: 23px !important;margin-bottom: 0px !important;}
h6{font-size:20px; line-height:20px;}
h7{font-size:16px; line-height:16px;}
h8, .ms-topmenu .ms-label{font-siz:12px; line-height:12px;}
h9{font-size:14px; line-height:14px;}
h10{font-size:15px; line-height:15px;}
p.paragraph1, p.paragraph2 {font-size:15px; line-height:24px;}
p.paragraph3, p.paragraph4 {font-size:14px; line-height:24px;}
p.paragraph1 { color: #3a414a;}
p.paragraph2 {color:#ffffff;margin-bottom: 30px;}
p.paragraph3 {color:#ffffff;}
p.paragraph4 { color:#949699;} 
h3.product-name {
    font-size: 16px !important;
    height: auto !important;
    margin-top: 15px !important;
    margin-bottom: 0px !important;
    line-height: 16px !important;
}
span.subtitle-list {
    font-family: 'Helvetica Neue LT W06_55 Roman';
    text-transform: uppercase;
    margin-bottom: 10px;
    display: block;
    color: #2c343d;
}


#review-form .leave-a-review h7 {text-align:center;}
body.is-blog.wordpress-post-view #bottom_block{margin-top:95px !important;}
body.category-solutions #bottom_block{margin-top:1px !important;}
body.is-blog.wordpress-post-view .tparrows{display:none !important;}
#bottom_block h5 {
    font-style: normal !important;
    font-size: 14px !important;
    margin-bottom: 3px;
}
p.summary-text{margin-bottom:0px !Important;}
h3.related-products{text-align:center;padding-right: 0px;color: #2c343d;margin-bottom: 0px !important;margin-top: 95px !important;}
.jobsite-photos-and-videos h5{color:#3a414a !important;}
.product-tabs-area h5{color:#3a414a !important;}
.product-tabs-area h2{color:#3a414a !important;font-size:23px !Important; line-height:20px !important;}
.white-homepage-section p.paragraph1, .white-homepage-section-last p.paragraph1 {margin-top: 0px !important; line-height:15px !important;}
span.red-arrows{color:#e00000 !important;
}
.slide-inner-container h4{margin-bottom:0px !important;}
.slide-inner-container h4::after{content:" "; background:#6e747a; display:block; margin-top: 15px; margin-bottom: 15px; height:2px; width: 100px;}
.slide-inner-container p {}
.tagline {
  float: right;
  padding-top: 36px;
  padding-left: 10px;
  text-transform: uppercase;
  color: #2c343d;
  font-size:14px;
  line-height:14px;
}

.tab-content p{margin-top: 15px; margin-bottom: 30px !important;}
h6 span.red-arrows {
    font-size: 35px;
    line-height: 15px;
    padding-left: 10px;
    float: right;
}

.tab-content h3.services{color:#ffffff !important;margin-bottom: 0px !important;}


#header-arrow-buttons a {
  color: #2c343d;
  font-size:15px;
  line-height:11px;
}
#header-arrow-buttons a:hover {
  text-decoration:none;
}
#header-arrow-buttons a::before {
  content: url(https://www.surfaceshields.com/skin/frontend/buyshop/default/img/sticky-arrow.png);
  width: 40px;
  float: left;
  margin-right: 11px;
  margin-left:10px;
  height: 40px;
  padding-bottom: 0px;
  margin-top: -2px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  background: #2c343d;
}

#header-arrow-buttons strong{font-family:'HelveticaNeueW01-75Bold'; letter-spacing:-0.3pt; line-height: 10px !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: normal !important;}

.white-slides p, .blue-slides p, .white-slides-left p{
  margin: 0px 0 30px !important;
}
[class^="revicon-"]:before, [class*=" revicon-"]:before {
    font-family: "revicons";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1.7em;
    margin-right: 0px !important;
    text-align: center;
    /* opacity: .8; */
    font-variant: normal;
    text-transform: none;
    line-height: 1.7em;
    margin-left: 0px !important;
    /* font-size: 120%; */
    /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
    margin-bottom: 15px !important;
}


/*End Fonts*/


/*homepage video slider*/
.slide-inner-container{padding: 0px 55px;margin: 0px auto !important; max-width:75%;}

.tp-caption.square-box-videos, .square-box-videos{max-width:400px !Important; max-height:400px !important;}

/*End Video Slider*/


/*section styling*/
.white-homepage-section, .white-content-block {
  text-align: center;
  display: flex;
  align-items: center;
  display: 
  
  
  
  
  -webkit-flex;/* Safari */
  -webkit-align-items: center;/* Safari 7.0+ */
  padding-top: 95px;
  padding-bottom: 95px;
}
.white-homepage-section p, .white-content-block p, .white-homepage-section-last {
    max-width: 70%;
    margin-left: auto;
    margin-right: auto;
}

.smallstretch{width: 80%; margin: 30px auto; position:relative;}
.about-boxes-home{width:20%; float:left;}

/*End Section Styling*/

/*Product Styling*/
.es-nav{display:none;}
.top-stars-area h7{display:none !Important;}
.title-subtitle{float:left; width:calc(100% - 121px);}
.title-subtitle::after{content:" "; display:block; clear:both;}
.bottom-area-product-title {
    width: 100%;
    display: block;
    height: auto;
    border-bottom: solid 1px;
    height: 15px;
    padding-bottom: 15px;
    margin-bottom: 15px;
}
.top-stars-area .reviews-header {
    width: 100%;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    background-color: #eeeeee;
    padding: 0px 0px !important;
    text-align: center;
}

.top-stars-area span.stars, .top-stars-area span.stars span{
    width: 80px;
    height: 16px;
    background: url(https://www.surfaceshields.com/skin/frontend/buyshop/default/images/small-stars.png) 0 -16px repeat-x;
    float: left;
    margin-right: 10px;
}
.top-stars-area .stars span{
    background-position: 0 0 !important;
}

.top-stars-area{
    float: right;
    width: 80px;
}
.top-stars-area .reviews-header{
    background: transparent !important;
}


.top-stars-area .light-grey-number{
    display: none;
}
.top-stars-area h1{ display: none;}
.top-stars-area .review-header-grey{ display: none;}
.top-stars-area h3{ display: none;}
.top-stars-area a.accordion-toggle{ display: none;}
.top-stars-area .ratings review_scroll{ display: none;}

/*SideCart*/



@keyframes slideLeft {
  from {
    margin-right: -600px;
    width: 600px; 
  }

  to {
    margin-right: 0px;
    width: 600px;
  }
}
@-webkit-keyframes slideLeft {
	from {
    margin-right: -600px;
    width: 600px; 
  }

  to {
    margin-right: 0px;
    width: 600px;
  }
}
@keyframes slideRightslider {
  
  0% {
		margin-right: 0px;
    width: 600px; 
	display:inline-block;
	}
	99%{margin-right: -600px;
    width: 600px; 
	display:inline-block;}
	
	100% {
		margin-right: -600px;
    width: 600px; 
	display:none;
	}				
}
@-webkit-keyframes slideRightslider {
	0% {
		margin-right: 0px;
    width: 600px; 
	display:inline-block;
	}
	99%{margin-right: -600px;
    width: 600px; 
	display:inline-block;}
	
	100% {
		margin-right: -600px;
    width: 600px; 
	display:none;
	}				
}
/*End SideCart*/

.careers-header{  display: inline-flex;
    align-items: center;
	display: -webkit-flex; /* Safari */
    -webkit-align-items: center; /* Safari 7.0+ */
	height:768px;
	width:100vw;
	background:url(https://www.surfaceshields.com/skin/frontend/buyshop/default/img/working-together.jpg);
	background-size:cover;
	margin-top:-2px;}
.careers-inner{height:auto; max-width:1170px; margin:0px auto; text-align:center;}
.careers-header h1{color:#ffffff;}
.ms-megamenu .ms-submenu{ 
-webkit-animation: slideDownMenu 0.3s 1 ease-in;
	-moz-animation: slideDownMenu 0.3s 1 ease-in;
	 -ms-animation:slideDownMenu 0.3s 1 ease-in;
	-o-animation: slideDownMenu 0.3s 1 ease-in;
	animation: slideDownMenu 0.3s 1 ease-in;
	transform-origin: 50% 0%;
	-ms-transform-origin: 50% 0%;
	-webkit-transform-origin: 50% 0%; 		}
	
	.careers-feed-list .collapse {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition: height 0.65s ease !important;
    -moz-transition: height 0.65s ease !important;
    -o-transition: height 0.65s ease !important;
    transition: height 0.65s ease !important;
}
	 
	 .career-toggle-container{ border-top: solid 2px #b2b6b9;  padding-top: 20px;
    padding-bottom: 20px;}
	
	a.careers-toggle {
    font-family: 'HelveticaNeueW01-75Bold' !Important;
    letter-spacing: -0.03em !important;
    text-transform: uppercase;
    color: #2c343d !important;
    display: block;
    line-height: 40px;
   
  

}
.hidden-button{display:none;}
a.careers-toggle::after {
    content: "-" !Important;
    color: #ffffff;
    background-color: #e00000 !important;
    float: right;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 32px;
    font-size: 30px;
}
	
	a.careers-toggle.collapsed::after {
    content: "+" !Important;
    color: #ffffff;
    background-color: #e00000 !important;
    float: right;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 32px;
    font-size: 30px;
}
.careers-inner-description {
    color: #2c343d !important;
    padding: 30px 30px;

}

	
	.career-description ul li {
    list-style: disc !important;
    margin-left: 30px;
}
	#careers-container .container{max-width:900px !important; margin-bottom:95px !important; border-bottom: solid 2px #b2b6b9 !important;}
	

@-moz-keyframes slideDownMenu{
	0% {
		transform: scaleY(0.1);
		opacity:0;
	}
	80%{opacity:0.1;}
	
	100% {
		transform: scaleY(1.0);
		opacity:1;
	}		

}

@-webkit-keyframes slideDownMenu{
    0% {
		transform: scaleY(0.1);
		opacity:0;
	}
	80%{opacity:0.1;}
	
	100% {
		transform: scaleY(1.0);
		opacity:1;
	}		
}
@-o-keyframes slideDownMenu{
   0% {
		transform: scaleY(0.1);
		opacity:0;
	}
	80%{opacity:0.1;}
	
	100% {
		transform: scaleY(1.0);
		opacity:1;
	}		
}



	#fullscreen-featured-video-player, #fullscreen-product-video-player, #fullscreen-featured-video-playerBB, #fullscreen-featured-video-playerDSP, #fullscreen-featured-video-playerCSP{
    width: 100vw;
    height: 100vh;
    position: fixed !Important;
    top: 0px;
    z-index: 999999999;
    background: rgba(0,0,0,0.9);
    animation-name: growinvideo;
    -webkit-animation-name: growinvideo;
    animation-duration:1s;
    -webkit-animation-duration:1s;
    left: 0px;
}
	.close-video-player1{
    z-index: 99999;
    position: fixed;
    top: 0px;
    right: 0px;
    background-color: #e00000;
    width: 95px;
    height: 95px;
    display: flex;
    align-items: center;
    text-align: center;
}
	.close-video-player1 a{
    color: #ffffff;
 padding:37.5px;
    margin: 0px auto;
    font-size: 20px;
    line-height: 20px;
}

@keyframes growinvideo {
	0% {
		transform: scale(0.1);
		opacity:0;
	}
	
	100% {
		transform: scale(1.0);
		opacity:1;
	}				
	
}






#header{z-index:99999;}

	
.no-posts{
    width: 1170px;
    margin: 100px auto;
    min-height: calc(75vh - 200px);
    text-align: center;
	max-width:95% !important;
}

.revicon-right-dir:after{content:"Play Video" !important; text-align:center; display:block !Important; text-transform:uppercase !important; color:#ffffff; font-family:'HelveticaNeueW01-75Bold' !important; letter-spacing:-0.03em;  font-style:normal !Important; font-size:13px !Important;}
.revicon-right-dir:before {
    color: #e00000 !Important;
    border-radius: 50%;
    border: solid 0.07em #e00000;
}

.blue-resources-container{background:#2c343e; width:100vw; padding:95px 0px;border-bottom: solid 95px #ffffff;}
.blue-resources-container a {
    color: #ffffff;
    line-height: 30px;
}
.blue-resources-container a.category-link-megamenu{line-height:15px !important; text-transform:uppercase; font-family:'HelveticaNeueW01-75Bold'; letter-spacing:-0.03em;}

.blue-resources-container a.accordion-toggle::after {
    content: "-";
    display: inline-block;
    float:right;
    font-size: 18px;
}
.fifths{float:left; width: calc(20% - 45px); margin-right: 45px;}
.fifths:last-of-type{float:left; width: 20% !important; margin-right: 0px !important;}
.blue-resources-container a.accordion-toggle.collapsed::after {
    content: "+";
    display: inline-block;
   float:right;
    font-size: 18px;
}

.blue-resources-container .accordion-body a{color:#939597 !important;}

.fifths:last-of-type::after{content:" "; display:block; clear:both;}

.tp-rightarrow.default, .tp-leftarrow.default {
    width: 40px !important;
    height: 32px !important;
}
#rev_slider_3_3_wrapper .tp-bullets.simplebullets.round .bullet {
    background: url(https://www.surfaceshields.com/skin/frontend/buyshop/default/img/bullets-dark.png) !important;
}
#rev_slider_3_3_wrapper .tp-bullets.simplebullets.round .bullet:hover, #rev_slider_3_3_wrapper .tp-bullets.simplebullets.round .bullet.selected, #rev_slider_3_3_wrapper .tp-bullets.simplebullets.navbar .bullet:hover, #rev_slider_3_3_wrapper.tp-bullets.simplebullets.navbar .bullet.selected {
    background-position: bottom left !important;
}


.quote-count {
    color: #fcfdfd;
    text-align: center;
    text-transform: uppercase;
    font-family: 'HelveticaNeueW01-75Bold';
    letter-spacing: -0.03em;
    font-size: 18px;
    display: block;
    margin-bottom: 30px;
}
.left-locate span{
    display: block;
    font-family: 'HelveticaNeueW01-75Bold';
    font-size: 16px;
}
.right-stock span{
    display: block;
    font-family: 'HelveticaNeueW01-75Bold';
    font-size: 16px;
    }
	.left-locate a::before, .right-stock a::before {
    content: " ";
    display: inline-block;
    float: right;
    padding-top: 0px;
    width: 20px;
    height: 20px;
    background: url(https://www.surfaceshields.com/icon-img/arrow-right.png);
    background-size: cover;
}
	
a.remove-quote-item {
    float: right;
    color: #2c343d;
    text-transform: uppercase;
    font-family: 'HelveticaNeueW01-75Bold';
    height: 21px;
    margin-bottom: -21px;
    z-index: 99999999;
    position: relative;
}
.right-body-pullout .request-product-details {
    width: calc(100% - 180px) !important;
    float: left;
    padding-left: 30px;
    text-align: left !important;
}
.right-body-pullout .request-products-image {
    height: auto;
    float: left;
    display: inline-block;
    width: 150px;
}
.right-body-pullout .request-product-container::after{content:" "; display:block; clear:both;}
.right-body-pullout .request-product-container {
    display: block;
    width: 100% !Important;
    clear: both;
    padding: 0px !important;
    border: none !important;
    height: 150px;
    margin-top: 0px;
    color: #2c343d;
    overflow: hidden;
    margin-bottom: 30px;
}
.message-header {
    background: #2c343d;
    padding-top: 25px;
    text-align: left;
    height: 140px;
}
a.close-box-browse{}
#request-box{
    display: block;
    padding: 30px 0px;
    clear: both;
}
.left-locate{
    width: 32%;
    float: left;
    padding: 33px 9%;
    background-color: #df1f26;
    display: inline-block;
    font-family: 'HelveticaNeueW01-75Bold';
    text-transform: uppercase;
    letter-spacing: -0.03em;
    text-align: center;
    line-height: 20px;
    border-top: solid 1px #ffffff;
    font-size: 14px;
}
.right-stock{
    width: calc(32% - 1px);
    float: right;
    padding: 33px 9%;
    display: inline-block;
    background-color: #df1f26;
    color: #fcfdfd;
    text-align: center;
    text-transform: uppercase;
    font-family: 'HelveticaNeueW01-75Bold';
    letter-spacing: -0.03em;
    line-height: 20px;
    border-left: solid 1px;
    border-top: solid 1px;
    font-size: 14px;
}
.left-locate a, .right-stock a, .left-locate a:hover, .right-stock a:hover{color:#ffffff;}

#colorbox, #cboxOverlay, #cboxWrapper {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999999 !important;
    overflow: hidden;
}
#spy .span9 {
    width: 800px !important;
}
.ms-maincontent a.pccflightbox{display:none;}

.no-items-cart{
    background: #31373f;
    align-items: center;
    text-align: center;
    width: 100%;
    padding-top: calc(25% - 50px);
    padding-bottom: calc(25% - 50px);
}
.right-body-pullout .no-items-cart {width:calc(100% - 30px); padding-left:15px; padding-right:15px;}

.no-items-cart .small-red-zero a{font-family:'HelveticaNeueW01-75Bold'; text-decoration:underline; color: #e00000;}
.large-zero-requested::before{content:" ";
background:url(https://www.surfaceshields.com/skin/frontend/buyshop/default/img/red-cart.png);
background-size: 50px auto;
background-repeat:no-repeat;
height: 50px;
width: 50px;
 display:inline-block;background-position: center bottom;margin-bottom: -10px;}
.large-zero-requested{
    color: #e00000;
    font-size: 46px;
    display: block;
    width: 100%;
    float: none;
    clear: both;
    line-height: 50px;
    font-style: italic;
    font-family: 'HelveticaNeueW01-75Bold';
    letter-spacing: -0.03em;
}
.small-red-zero{
    color: #e00000;
    font-size: 16px;
    text-align: center;
    letter-spacing: -0.03em;
    -webkit-font-smoothing: antialiased;
}

.request-to-stock-container .cart-rf4-details {
    width: 40% !important;
    float: left;
}

.direction-nav a {
	opacity:1;
    display: inline-block;
    margin-left: 4px;
    padding: 0;
    width: 34px;
    height: 33px;
    border-radius: 2px;
    background: #e2e2e2;
    color: #fff;
    text-indent: 2px;
    font-size: 24px;
    line-height: 33px;
    cursor: pointer;
	-webkit-transition: all 0.25s 0s ease;
    -moz-transition: all 0.25s 0s ease;
    -o-transition: all 0.25s 0s ease;
}
.direction-nav a:hover {
    background-color: #9d3bc6;
    color: #fff;
    -webkit-transition: background-color 0.25s 0s ease;
    -moz-transition: background-color 0.25s 0s ease;
    -o-transition: background-color 0.25s 0s ease;
}





.request-to-stock-container .form-list textarea {
    width: 100%;
    height: 10em;
    color: #2c343d !Important;
    border: solid 1px #2c343d !important;
    font-size: 15px;
    box-sizing: border-box;
}
.request-to-stock-container .cart-rf4-details .form-list .input-box {
    width: 100% !important;
}
.request-to-stock-container h3 {
    color: #2c343d !important;
    font-size: 15px !important;
    letter-spacing: -0.03em !important;
	text-align:left !important;
	font-family:'HelveticaNeueW01-75Bold' !important;
}
.request-to-stock-container ul.form-list{
    width: 100%;
    padding: 0px !important;
}
.request-to-stock-container .cart-rf4-details .form-list .input-box {
    width: 100% !important;
}
.request-to-stock-container .cart-rf4-details .form-list select{width:100% !Important;}

.request-to-stock-container::after{content:" "; display:block; clear:both; height:95px;}
.request-to-stock-container{padding-top:95px;}
.request-to-stock-container .cart .page-title h1 {
    margin: 10px 0 0;
    text-align: left;
    color: #2c343d;
    float:none !important;
    color:#2c343d !important;
}
.request-to-stock-container .title-buttons{text-align:left;}
.request-product-container{
    display: block;
    width: calc(100% - 90px);
    clear: both;
    padding: 45px;
    border: solid 1px #2c343d;
    height: 150px;
    margin-top: -1px;
    color: #2c343d;
}
.request-products-image{
    width: 150px;
    height: 150px;
    float: left;
    display: inline-block;
}
.request-product-details{
    width: calc(100% - 395px);
    float: left;
    padding-left: 25px;
}
.bold-cart-text{
    font-family: 'HelveticaNeueW01-75Bold';
    letter-spacing: -0.03em;
    text-transform: uppercase;
    color: #2c343d;
}
.last-buttons{
    width: 150px;
    float: right;
}
a.edit-items{
    display: block;
    width: calc(100% - 20px);
    background: #2c343d;
    padding: 10px;
    text-align: center;
    color: #ffffff;
    text-transform: uppercase;
    font-family: 'HelveticaNeueW01-75Bold';
    -webkit-font-smoothing: antialiased;
    margin-bottom: 10px;
    letter-spacing: -0.03em;
}
a.remove-items{
    background: #959595;
    width: calc(100% - 20px);
    display: block;
    padding: 10px;
    text-align: center;
    color: #ffffff;
    text-transform: uppercase;
    font-family: 'HelveticaNeueW01-75Bold';
    -webkit-font-smoothing: antialiased;
    letter-spacing: -0.03em;
}
.locate-products-container #comments1{height:95px !important;}
.locate-products-container::after{content:" "; 
clear:both; 
display:block;
height:95px;}
.request-subtitle{}
.line-item-request{
    margin-bottom: 10px;
}
.locate-products-container{padding-top:95px;}
.locate-products-container h1{color:#2c343d;padding-bottom: 0px;}
.locate-products-left{float:left; width: 40%;padding-top: 15px;}
.locate-products-left .pccf.default .well{background:transparent !Important;border: none !Important;border-radius: 0px !important;box-shadow: 0px !Important;padding: 0px !important;}
.locate-products-left .pccf.default .col-md-3{
    display: none !important;
}
.locate-products-left .pccf.default select {
    background: url(https://www.surfaceshields.com/skin/frontend/buyshop/default/img/select-arrows.png) !important;
    background-position: 97% center !important;
    background-repeat: no-repeat !important;
    background-size: 11px auto !important;
}
.locate-products-left .pccf.default #message1{height:95px !important;}
.locate-products-left .pccf.default .form-control {
    display: block!important;
    width: 100%!important;
    height: 45px!important;
    padding: 6px 12px!important;
    font-size: 14px!important;
    line-height: 1.42857143!important;
    color: #2c343d !important;
    background-color: transparent !important;
    border: 1px solid #2c343d !important;
    border-radius: 0px!important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)!important;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)!important;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s!important;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s!important;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s!important;
    margin-bottom: 3px !Important;
}
.left-half-form .pccf.default {background:transparent !important;}
.locate-products-left .pccf.default .col-md-6{
    width: 100% !Important;
}
.locate-products-left .pccf.default .col-md-8 {
    width: 100% !important;
}
.locate-products-left .pccf.default .btn-primary {
    background-color: #e00000 !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    border-radius: 0px !important;
    text-transform: uppercase !important;
    text-shadow: none !important;
    font-family: 'HelveticaNeueW01-75Bold' !important;
    font-size: 13px !important;
    letter-spacing: -0.03em !Important;
    display: inline-block;
    min-width: 100% !important;
    text-align: center;
    line-height: 48px !important;
    height: 48px !important;
    max-height: 48px !important;
    padding: 0px !important;
    -webkit-font-smoothing: antialiased;
    color: #ffffff !important;
    text-transform: uppercase !important;
    font-weight: normal !important;
    text-shadow: none !important;
	border:none !Important;
}
.locate-products-left .pccf.default .btn-primary:hover{  background-color: #e00000 !important;
color:#ffffff !important;
opacit:0.8 !Important;}

.locate-products-container .pccf.default h3,.locate-products-container h3 {
    color: #2c343d !important;
    font-size: 15px !important;
    letter-spacing: -0.03em !important;
	text-align:left !important;
	font-family:'HelveticaNeueW01-75Bold' !important;
}
.locate-products-right{float:right; width: 54%;padding-top: 15px;}
.line_above_footer{display:none !important;}
.full-page-bg {
    min-width: 100vw;
    min-height: calc(100vh - 100px);
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center top !important;
    background-color: #edf1f5 !important;
}
.left-half-form .pccf.default .col-md-6 {
    width: 100% !important;
}
.left-half-form {
    width: 40%;
    padding-top: 95px;
	padding-bottom:95px;
}
.left-half-form .pccf.default .form-group:last-of-type{margin-bottom:0px !Important;}
.left-half-form p {margin-bottom:30px !Important;}
.left-half-form .pccf.default .col-md-3 {
    display: none !important;
}
.left-half-form .pccf.default .btn-default {
    background-color: #e00000 !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    border-radius: 0px !important;
    text-transform: uppercase !important;
    text-shadow: none !important;
    font-family: 'HelveticaNeueW01-75Bold' !important;
    font-size: 13px !important;
    letter-spacing: -0.03em !Important;
    display: inline-block;
    min-width: 100% !important;
    text-align: center;
    line-height: 48px !important;
    height: 48px !important;
    max-height: 48px !important;
    padding: 0px !important;
    -webkit-font-smoothing: antialiased;
    color: #ffffff !important;
    text-transform: uppercase !important;
    font-weight: normal !important;
    text-shadow: none !important;
}

.left-half-form .pccf.default select {
    background: url(https://www.surfaceshields.com/skin/frontend/buyshop/default/img/select-arrows.png) !important;
    background-position: 97% center !important;
    background-repeat: no-repeat !important;
    background-size: 11px auto !important;
}
.left-half-form .pccf.default #message1{height:95px !important;}
.left-half-form .pccf.default .form-control, .left-half-form input {
    display: block!important;
    width: calc(100% - 26px);
    max-width: 100%!important;
    height: 45px!important;
    padding: 0px 12px!important;
    font-size: 14px!important;
    line-height: 1.42857143!important;
    color: #2c343d !important;
    background-color: transparent !important;
    border: 1px solid #2c343d !important;
    border-radius: 0px!important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)!important;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)!important;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s!important;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s!important;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s!important;
    margin-bottom: 3px !Important;
}
.left-half-form input[type=submit] {
    width: 100% !important;
    background: #cb1d1d !important;
    border: none !important;
    color: #ffffff !important;
    text-transform: uppercase;
    font-family: 'HelveticaNeueW01-75Bold' !important;
    font-weight: normal !important;
    font-size: 12px !important;
}

.left-half-form textarea {
    display: block!important;
    width: calc(100% - 26px);
	max-width: 100%!important;
    padding: 6px 12px!important;
    font-size: 14px!important;
    line-height: 1.42857143!important;
    color: #2c343d !important;
    background-color: transparent !important;
    border: 1px solid #2c343d !important;
    border-radius: 0px!important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)!important;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)!important;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s!important;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s!important;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s!important;
    margin-bottom: 3px !Important;
}

.left-half-form .pccf.default textarea.form-control {
	padding: 12px !important;
	min-height: 100px;
}

.left-half-form select {
    display: block!important;
    width: 100%!important;
	max-width: 100%!important;
    height: 47px!important;
    padding: 0px 12px!important;
    font-size: 14px!important;
    line-height: 1.42857143!important;
    color: #2c343d !important;
    background-color: transparent !important;
    border: 1px solid #2c343d !important;
    border-radius: 0px!important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)!important;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)!important;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s!important;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s!important;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s!important;
    margin-bottom: 3px !Important;
}

.left-half-form .fsRow {margin-bottom:15px !important;}

.fsSubmit {
    margin-top: 0px !Important;
}

.left-half-form input.fsSubmitButton { width:100% !important;
background:#e10000 !Important;
border:none !Important;
color:#ffffff !Important;
font-family:'HelveticaNeueW01-75Bold'!important;
text-transform: uppercase;
}


.left-half-form #fsRow2327016-7 {
    width: 32% !important;
    float: left !important;
}

.left-half-form #fsRow2327016-8{
    width: 32% !important;
    float: left !important;
    margin-left: 2% !important;
}

.left-half-form #fsRow2327016-9 {
    width: 32% !important;
    float: right !important;
}

.left-half-form .pccf.default {background:transparent !important;}

html, body {
    height: 100%;
    min-height: 100%;
	width:100%;
	
 -webkit-overflow-scrolling: touch;    
}
.menu-sections, .menu-sections-4{
    margin-top: 0px;
    text-align: justify;
}
.menu-sections-4 .sections-column {
    width: auto;
    display:inline-block;
    width: 300px;
    text-align: left;
    max-width: 24% !important;
}

.menu-sections-4 .sections-column .section-inner{
    max-width: 100%;
	text-align:left;
}
.menu-sections .sections-column {
    width: 299px;
    max-width: 19%;
    display: inline-block;
    text-align: left;
}
.col-sm-12 .sections-column-half {
    width: auto;
    max-width: 48%;
    display: inline-block;
    text-align:left;
}
.half-containers-menu{text-align:justify;}
.half-containers-menu::after, .ms-maincontent .ms-category::after {
   content: "";
	width: 100%;
	display: inline-block;
}

.ms-maincontent .ms-category{text-align:justify;}
.section-inner-half{
    padding-bottom: 0px;
}
.section-inner-half img{padding-bottom: 15px;}



.section-inner{width: 100%;}
.sections-column img{
    padding-bottom: 15px;
    max-width: 100% !important;
    width: 300px;
    display: block;
}
img.section-icon{}
span.heading-menus-top{
	    display: block;
	    margin-left:0px !Important;
	    font-family: 'HelveticaNeueW01-75Bold' !important;
	    margin-bottom: 15px !important;
	    text-transform: uppercase !important;
	    color: #2c343c !important;
	    font-size: 17px !Important;
	    word-wrap: normal;
	    letter-spacing: -0.7pt !important;
	    font-weight:normal !important;
	    padding-bottom:0px !important;
	    padding-left:0px !important;
	    line-height: 17px !important;
	    }
span.heading-menus{
    display: block;
    color: #2c343d !important;
    font-family: 'HelveticaNeueW01-75Bold';
    text-transform: uppercase;
    font-size: 17px;
    padding-top: 0px;
    padding-bottom: 0px;
    line-height: 17px;
    margin-bottom: 15px !important;
}
span.menu-descriptions{}
.tp-caption.white-slides-left, .white-slides-left{max-width:100% !important;}
.search-icon-mobile{
    width: 20vw !important;
    max-width: 20vw !important;
    height: 69px;
    align-items: center !important;border-right: solid 1px; float:left; /* Safari */
    -webkit-align-items: center; /* Safari 7.0+ */}
	
	.contact-icon-mobile{
    width: 19vw !important;
    max-width: 19vw !important;
    height: 69px;
    align-items: center !important;
    -webkit-align-items: center; /* Safari 7.0+ */
	float:right; 
	border-right:solid 1px;}
	
	.center-inner{
	text-align: center !important;
    width: 100%;
	}
body {

    font-size: 14px;
   font-family:'Helvetica Neue LT W06_55 Roman';
    line-height: 21px;
}
.left-contact{
    float: left;
    width: 60%;
    padding-top: 30px;
    background: #ffffff;
    margin-top: -150px;
}
.right-contact{
    float: right;
    width: 39%;
}
.pccf.default .col-md-6 {
    width: 70% !important;
}
#play-pause-button{}
button.play{}
button.pause{}
/*body, .span1, .span2, .span3, .span4, .span5, .span6, .span7, .span8, .span9, .span10, .span11, .span12 {
	 -webkit-transition:all .2s linear;
	 -moz-transition:all .2s linear;
	 -o-transition:all .2s linear;
	 transition:all .2s linear;
}
*/

#solutions-feed{
    max-width: 100vw;
    margin: 0px auto;
}
.category-listing-images{
    width: calc(33.333vw - 5px);
    float: left;
    height: calc(33.333vw - 5px);
    margin-right: 2.5px;
    margin-left: 2.5px;
    margin-top: 2.5px;
    margin-bottom: 2.5px;
}
.listing-cat{
    height: 100%;
    background-size: cover !important;
    background-position: right center !important;
    display: flex;
    align-items: center;
	position:relative;
    display: 
    
    
    
    -webkit-flex;/* Safari */
    -webkit-align-items: center;/* Safari 7.0+ */
}
.listing-cat:hover{opacity:0.8;}
.listing-cat h1 {
    color: #fff;
    text-align: right;
    padding-right: 20px;
    width: 100%;
    padding-top: 0px;
    position: absolute;
    bottom: 0px;
	right:0px;
    padding-bottom: 20px;
}
.small-header {
    height: 574px !important;
    max-height: none;
    background-repeat: no-repeat !important;
    background-color: #000 !important;
    background-size: cover !important;
    background-attachment: fixed !important;
    width: 100vw !important;
    display: flex;
    align-items: center;
	display: -webkit-flex; /* Safari */
    -webkit-align-items: center; /* Safari 7.0+ */
}
.title-container{max-width:1170px; margin:0px auto;text-align: left;width: 1170px;}
.summ{
    width: 50%;
}
.summ h1{color:#ffffff;}

.subs1{width:100%;}
.header-stars{width: auto; float:right;}
.header-stars .reviews-header {
    width: auto;
    margin-top: 0px;
    margin-bottom: 0px;
    background-color: transparent;
    padding: 0px;
    text-align: right;
}

.header-stars .stars-container {
    margin: 0px;
    width: 175px;
    height: 30px;
    float: right;
    transform: scale(0.6) !important;
    margin-right: -15%;
}


.header-stars a.accordion-toggle, .header-stars h1, .header-stars h3{display:none;}
.mobile-filters{display:none;}
ul, ol {
    margin: 0;
    padding: 0;
}
.blue-social-media{
}
p.hours-content{margin-bottom:30px;}
.blue-social-media a{
    float: left;
    width: 25%;
    text-align: center;
    border-right: solid 1px;
}
.blue-social-media a img {
    padding-right: 10%;
    padding-left: 10%;
    max-height: 21px;
}
.blue-social-media a:first-of-type img{
}
.blue-social-media a:last-of-type {border-right:none !important;}

.social-media-big-icons a {
    border-right: 2px solid #b4b6b9;
    display: inline-block;
    float: left;
    padding-left: 5px;
    padding-right: 5px;
    width: calc(25% - 12px);
	text-align:center;
}

.social-media-big-icons a:last-of-type{ border-right:none !important;}
.social-media-big-icons a .footer-social-icon {
    align-self: baseline !important;
    display: inline-flex;
    max-height: 30px;
    width: auto;
    height: 30px;
}

.social-media-big-icons{
    margin-top: 30px;
}

.inner-align-middle{}
#column_left > div > div > div.block.last{display:none !important;}
.mobile-toggle-container{width:90%; padding:5%; background: #eeeeef;border-bottom: solid #ffffff;}
.mobile-toggler{
    color: #2c343d !important;
    text-transform: uppercase;
    letter-spacing: -0.3pt;
    font-size: 21px;
    line-height: 21px;
    font-family: 'HelveticaNeueW01-75Bold' !important;
}
.category-summary-container{color: #ffffff;
    width: 450px;
    float: right;
    text-align: left;margin-top: 70px;}
	.cms-resources .category-summary-container{color: #ffffff;
    width: 500px !important; height:auto;}
	.cms-resources .category-headers {display:inline-flex; align-items:center; display: -webkit-flex; /* Safari */
    -webkit-align-items: center; /* Safari 7.0+ */}
	.category-summary-container .accordian{text-align:left;margin-top: 30px;}
.category-summary-container h1, .category-summary-container2 h1{color:#ffffff;
margin-bottom: 3px;}
span.category-subtitle {
    font-size: 16px;
    font-family: 'Helvetica Neue LT W06_55 Roman';
    display: block;
}
a.category-more-button{
    font-family: 'HelveticaNeueW01-85Heav';
    color: #ffffff;
    font-size: 16px;
}
#footer_bottom {
    color: #ffffff !important;
    font-family: 'HelveticaNeueW01-75Bold';
    font-weight: normal;
}
a.category-more-button:hover{color:#ffffff;}
a.category-more-button::after{content:"+"; display: inline-block;border: solid 2px #ffffff;border-radius: 50%;width: 21px;line-height: 17px;margin-right: 8px;margin-top: -2px;float: left;align-items: center;height: 20px;text-align: center;}

.category-headers {
    background-size: cover !important;
    margin-top: -2px;
	width:100vw;
	height: 474px; max-height: 474px;
}
body.categorypath-solutions .category-headers {
    background-position: center center !important;
    height: 775px !Important;
    max-height: 775px !Important;
}

#solutions-feed > div:nth-child(9) > div > a > div, #solutions-feed > div:nth-child(10) > div > a > div{background-position:center center !Important;}
.black-overlayer-1{ height: 100%; max-height: 100%;
    display: inline-flex;
    align-items: center;
	display: -webkit-flex; /* Safari */
    -webkit-align-items: center; /* Safari 7.0+ */
	width:100vw;}

.cart-rf4-details h2, .cart-rf4-shipping h2, .cart-rf4-billing h2 {
    background-image: none !important;
    background-position: 0 0;
    background-repeat: no-repeat;
    font-family: 'HelveticaNeueW01-85Heav' !important;
    padding: 0px !important;
    color: #2C343D !important;
    text-transform: uppercase;
    font-weight: normal !important;
    font-size: 22px !Important;
}
.cart-rf4-details, .cart-rf4-shipping, .cart-rf4-billing {
    border: none !Important;
    background: transparent !Important;
    padding: 0px !important;
    margin: 0 0 18px;
}
.cart-rf4-billing {
    width: 48%;
    float: none !important;
}
.r4q-actions {
    text-align: left !important;
    clear: both;
    padding: 0px;
    width: 40%;
}
.r4q-navigation{display:none !Important;}
#customertype5 option:first-child, #country5 option:first-child, #howdirected5 option:first-child{display:none !Important;}

.data-table tr.odd td.a-left, .data-table tr.even td.a-left {display:none !important;}
#shopping-cart-table > tbody > tr > td:nth-child(3){display:none !important;}
#shopping-cart-table > tbody > tr > td:nth-child(2){width:75% !important;}
#shopping-cart-table > tbody > tr > td:nth-child(6) {width:15% !important;}
#shopping-cart-table > tbody > tr > td:nth-child(1){display:none !important;}
.cart-rf4-details .form-list input.input-text, .cart-rf4-billing .form-list input.input-text, .locate-products-left .form-list input.input-text, .locate-products-left .form-list input.input-text {
    width: 100%;
    height: 47px;
    line-height: 34px;
    border: 1px solid #2C343D !important;
    color: #2C343D !important;
    box-sizing: border-box !important;
    margin-bottom: 15px !important;
}
.cart-rf4-billing .form-list .input-box, .cart-rf4-billing .form-list select, .cart-rf4-details .form-list select, .locate-products-left .form-list .input-box, .locate-products-left .form-list select, .locate-products-left select {width:100% !Important;}
.mobile-toggler::after{content:"+"; display:inline-block; float:right;}

.request-products input[type="text"], .request-products input[type="password"], .request-products input[type="datetime"], .request-products input[type="datetime-local"], .request-products input[type="date"], .request-products input[type="month"], .request-products input[type="time"], .request-products input[type="week"], .request-products input[type="number"], .request-products input[type="email"], .request-products input[type="url"], .request-products input[type="search"], .request-products input[type="tel"], .request-products input[type="color"],.request-products select, .request-products select:focus .uneditable-input {
    /* border: 2px solid #fff; */
    border: 1px solid #F4F4F4;
    border-radius: 0px;
    box-shadow: none;
    width: 100%;
    padding: 10px;
    margin-bottom: 5px;
}

.cart-rf4-details .form-list input.input-text.third-inputs, .cart-rf4-billing .form-list input.input-text.third-inputs, .locate-products-left .form-list input.input-text.third-inputs, .locate-products-left .form-list input.input-text.third-inputs{
    width: 32.3%;
    float: left;
    margin-right: 1.5%;
}
.cart-rf4-details .form-list input.input-text.third-inputs.last, .cart-rf4-billing .form-list input.input-text.third-inputs.last, .locate-products-left .form-list input.input-text.third-inputs.last, .locate-products-left .form-list input.input-text.third-inputs.last{margin-right:0px !Important; float:right;}
.pccf.default .well {
    min-height: 20px!important;
    padding: 19px!important;
    margin-bottom: 20px!important;
    background-color: transparent !important;
    border: none !Important;
    border-radius: 0px !Important;
    -webkit-box-shadow: 0px !Important;
    box-shadow: 0px !Important;
}
.quote-right-info{float:right; width: 54%;}
.blue-contact-info-box{background:#2c343d; padding:20px;}
.blue-contact-info-box h2, .blue-contact-info-box p{color:#ffffff;}
.general-contact-box {
    background: url(https://www.surfaceshields.com/skin/frontend/buyshop/default/img/surface-shields-contact-logo.png) no-repeat 90% 90% #eeeeef;
    padding: 20px;
    margin-top: 20px;
    background-size: 30%;
}
#mobileCollapse {
    margin-bottom: -15px;
    margin-left: -2.5%;
    margin-top: 20px;
    position: relative;
    right: 0;
    text-align: left;
    width: 100vw;
    z-index: 9999;
}
#mobileCollapse .accordion-body .accordion-inner{background:#ffffff !important;}
.inquiries{margin-bottom:30px;}
.inquiries h2, .inquiries{color:#929496;}
.inquiries h2{margin-bottom:0px;}
.hours-info{color:#929496;}
.hours-info h2{margin-bottom:0px;}
.hours-group{margin-bottom:50px; color:#929496;}
.current-products{
    display: inline-block;
    position: relative;
    width: 100%;
   border: 1px solid #F4F4F4;
    padding: 20px;
}
h1 a:hover, h2 a:hover, h3 a:hover, a.right-details-link:hover{text-decoration:none !important;}
a{opacity:1;
-webkit-transition: all .2s ease-in;
-moz-transition: all .2s ease-in;
-ms-transition: all .2s ease-in;
-o-transition: all .2s ease-in;
transition: all .2s ease-in;}

a:hover { text-decoration:none; }

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-border-radius: 0px;
    background: url(https://www.surfaceshields.com/skin/frontend/buyshop/default/img/select-arrows.png) !important;
    background-position: 97% center !important;
    background-repeat: no-repeat !important;
    border: 1px solid #2c343d !important;
    font-family: 'Helvetica Neue LT W06_55 Roman' !important;
    background-size: 11px auto !Important;
    color: #2c343d !important;
}


a.ms-hassubmenu::after {
    content: url(https://www.surfaceshields.com/skin/frontend/buyshop/default/img/dropdown.png);
    width: 10px;
    height: 7px;
    float: right;
    padding-left: 10px;
}

.ms-featured .row, .ms-maincontent .row{margin-left:0px !important;}
.ms-featured {
   background-color:#ffffff !important;
}
#submenu-6 .ms-content,
#submenu-11 .ms-content{
background: #ffffff;}

#submenu-9 .ms-content {
	text-align: justify;
	background: transparent !important;
}

#submenu-9 .ms-content:after {
	display: none !important;
}

#submenu-6 .ms-featured, #submenu-11 .ms-featured{position: relative !important; right:0px !important; top:0px !important; display: inline-table;height: 100%;}
#submenu-7 .ms-content{
    background: #eeeeee !important;
}
#submenu-7 .ms-maincontent{
    position: relative;
    left: 0px;
    top: 0px;
    height: 100%;
    width: 60%;
}
#submenu-8 .ms-maincontent{
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
}
#submenu-8 .ms-featured {
    position: relative;
    padding-top: 55px !important;
}
#submenu-9 .ms-maincontent{
    position: relative !Important;
    height: auto;
    width: auto !Important;
    /*float: none !Important;*/
    display: inline-block;
}
#submenu-9 .ms-featured{
    position: relative;
    height: 100%;
    width: calc(100% - 352px + 73px) !important;
    float: none !Important;
    border-left: solid 1px #bcbfc1;
    display: inline-table;
    text-align:justify;
    padding-bottom: 35px !important;
    background: #ffffff !important;
}

#submenu-9 .ms-featured:after {
	display: none;
}

@-moz-document url-prefix() { 
.product-shop .add-to-cart .qty{height: 22px !important;}

#submenu-9 .ms-featured {
    position: relative;
    height: 100%;
    width: calc(100% - 352px + 68px) !important;
    float: none !important;
    border-left: 1px solid #BCBFC1;
    display: inline-table;
    text-align: justify;
    padding-bottom: 17px !important;
    background: #FFF none repeat scroll 0% 0% !important;
    margin-bottom: -21px;
}

#submenu-10 .ms-maincontent {
    display: inline-table;
    float: none !important;
    height: auto;
    max-width: 45%;
    text-align: left !important;
    width: auto !important;
}


}



#submenu-7 .ms-featured{
    position: relative;
    right: 0px;
    top: 0px;
    height: 100%;
    width: 40%;
    border-left: solid 1px #bcbfc1;
    /*display: table !important;*/
    height: 100% !important;
    background: #ffffff;
}
#submenu-10 .ms-content{
    text-align: justify;
}
#submenu-10 .ms-featured{
    position: relative;
    height: 100% !important;
    width: calc(100% - 524px + 114px) !important;
    border-left: solid 1px #bcbfc1;
    float: none !IMPORTANT;
    display: inline-table;
}
#submenu-10 .ms-maincontent{
    /*float: none !important;*/
    height: auto;
    width: auto !important;
    display: inline-table;
}

.columns-container{text-align:justify;}

#submenu-7.ms-maincontent {position: relative !important; text-align: justify;}
#submenu-6 .ms-maincontent, #submenu-11 .ms-maincontent {position: relative !important;  border-right: solid 1px #bcbfc1;text-align: justify;}
.ms-content .col-sm-12{padding:0px !important;display: block;text-align: justify;}
.ms-topmenu .ms-submenu {
    background-color: #eeeeee !important;
    color: #2C343C;
}

ul.product-columns li:nth-child(1){margin-bottom:15px; margin-top:0px;padding: 0px !important;line-height: 17px !Important;}
#submenu-7 ul.product-columns li:nth-child(1) {display:none;}
ul.product-columns:nth-child(5){width: auto !important;}

#submenu-6 ul.product-columns:nth-child(5),
#submenu-11 ul.product-columns:nth-child(5){width: 16% !important; max-width:16% !important;}
.ms-maincontent{    background-color: #eeeeee !important;    padding-top: 55px;    padding-bottom: 55px;    padding-left: 70px;    padding-right: 70px; }
.ms-topmenu .ms-label {
    display: block;
    margin: 0;
    padding: 15px 13px 10px;
    text-decoration: none;

}
.ms-maincontent::after, .columns-container::after, .menu-sections::after, .menu-sections-4::after, #submenu-9 .ms-content::after, #submenu-9 .ms-featured::after{content: "";
	width: 100%;
	display: inline-block;}
.ms-content a:hover{opacity:0.8 !important;}
#spy .ms-megamenu .ms-submenu {top:52px !important;}
.ms-megamenu .ms-submenu {
    z-index: 999999999 !important;
    padding: 0px;
    background: #fff;
    max-width: 100vw;
    min-width: 100vw !important;
    left: 0px !important;
    top: 116px !important;
    overflow: hidden !important;
    border-bottom: solid 1px #bcbfc1;
}

div.ms-maincontent{z-index:9999999;}

    

.ms-topmenu .ms-submenu a {
    color: #2c343c !important;
    font-size: 14px !important;
	line-height:16px;
}
.ms-topmenu .ms-level0 {
    border-right: solid 1px #595f66;
}
.ms-content {
    padding-top: 0px;
    position: relative;
    width: 100vw !important;
    height: auto;
    display: table !important;
   
}
.ms-featured {
    padding-left: 70px !important;
    padding-top: 55px !important;
    padding-right: 70px !important;
    padding-bottom: 55px !important;
}
.ms-megamenu .ms-topmenu {
    background: transparent !important;
}

ul.featured-items-right{
    list-style: none;
}
ul.featured-items-right li.featured-1, li.featured-2{float: left;width: 48%;padding-top: 140px;background-size: cover !Important; margin-right:1%;}
ul.featured-items-right li.featured-1 a, ul.featured-items-right li.featured-2 a{
    width: 100%;
    background: #2c343c;
    display: block;
    color: #ffffff !important;
    line-height: 31px !important;
    padding-left: 10px !important;
}
ul.featured-items-right li a::after {
    content: " ";
    display: inline-block;
    width: 0px;
    height: 0px;
    border-width: 10px 0 10px 10px;
    border-color: transparent transparent transparent #e10000;
    border-style: solid;
    float: right;
    margin-top: 5px;
    margin-right: 10px;
}
ul.product-columns {
    width: 100%;
    display: inline-block !important;
    vertical-align: top;
    max-width: 19% !important;
    text-align: left;
} 

ul.product-columns li, .ms-topmenu .ms-submenu a {
    text-transform: capitalize !important;
    padding: 4px 0px;
}
.ms-topmenu .ms-submenu a{font-weight:normal !Important;
text-transform: capitalize !important;letter-spacing: -0.3pt !important;}

.ms-topmenu .ms-label {
    color: #FFFFFF;
    padding: 19px 13px 19px !important;
}

.ms-megamenu .form-group{margin-bottom:0px !important;}
ul.product-columns li a{}
ul.product-columns li a.category-link-megamenu, .ms-topmenu .ms-boxtitle {
    margin-left:0px !Important;
    font-family: 'HelveticaNeueW01-75Bold' !important;
    margin-bottom: 20px !important;
    text-transform: uppercase !important;
    color: #2c343c !important;
    font-size: 17px !Important;
    word-wrap: normal;
    letter-spacing: -0.7pt !important;
    font-weight:normal !important;
    padding-bottom:0px !important;
    padding-left:0px !important;
    line-height: 17px !important;
    }
.product-shop .add-to-cart{width:100%;}
.product-shop .add-to-cart .qty {
    display: inline-block;
    float: left;
    padding: 10px 0px 10px 0px;
    height: 26px;
    border: 1px solid #2c343d;
    margin-bottom: 5px;
    border-radius: 0px !important;
    width: 24%;
    max-height: 36px;
    color: #939597;
    font-family: 'Helvetica Neue LT W06_55 Roman' !important;
    font-size: 15px !important;
}
.video-slide-left{width:25vw !important; height:auto !important;left: 0px !important;top: 0px !important;}
.video-slide-right {
    width: calc(50vw + 2px) !important;
    height: 100% !important;
    left: calc(50vw - 2px) !important;
    top: 0px !important;
	overflow:hidden !Important;
}
.video-slide-right video {
    object-fit: cover !important;
    min-width: 100% !important;
    min-height: 100% !Important;
}
.video-slide-left img{width: 29vw !important; height:auto !important;}
.video-slide-right img{width: 53.4vw !important; height:auto !important;}

.square-box-videos{width:25vw !important; height:25vw !important; left:25vw !important; min-width:25vw !important;align-items: center;
display: -webkit-flex; /* Safari */
    -webkit-align-items: center; /* Safari 7.0+ */display: flex;min-height: 25vw !important;padding: 0px !important;top: 0px !important; border:none !important;}
.square-box-videos h1{font-size:22px !Important;}
.square-box-videos p {font-size:14px !important; line-height:22px !important;}

.white-box-videos{width:25vw !important; min-height: calc(100% - 25vw) !important;left:25vw !important; min-width:25vw !important;align-items: center;display: -webkit-flex; /* Safari */
    -webkit-align-items: center; /* Safari 7.0+ */display: flex; font-size:16px !Important; text-align:center !important;top: 25vw !important;height: calc(100% - 25vw) !important;padding: 0px !important;margin: 0px !Important;max-width: 25vw !important;max-height: calc(100% - 25vw) !important; border-bottom:solid 2px #bbbdc0 !important; box-sizing:border-box !important;}
.product-tabs-area .nav-tabs{position:relative;}
.product-tabs-area .nav-tabs > .active > a::after{content:" ";position: absolute;background: #ffffff;bottom: -1px;height: 5px;width: 200px;display: block;border-left: solid 1px #c7c8ca;margin-left: -1px;border-right: solid 1px #c7c8ca;}
.product-shop .add-to-cart label {
    float: left;
    margin-right: 0px !important;
    line-height: 30px;
    font-size: inherit;
    font-weight: normal !important;
    color: inherit;
}


.product-shop .add-to-cart .qty input {
    padding: 0;
    width: 40px;
    height: 30px;
    border: none !important;
    border-radius: 0;
    text-align: center;
}


.product-options-bottom {
    margin-top: 0px !important;
	z-index:1;
}
.product-options dl {
    margin-bottom: 0px !important;
}
.product-options select{border:1px solid #2c343d !important; color:#2c343d !important;}
.product-options {
    padding: 0px !important;
    float: left;
    width: 75%;
    z-index: 99;
    position: relative;
}
.product_type_data_price{display:none;}
section#content > .container.top {
    padding-top: 0px important;
    box-shadow: none;
}
body.catalog-category-view.category-solutions section#content>.container.top{height:0px !important;}

body.catalog-product-view.catalog-category-view.category-solutions section#content>.container.top{height:auto !important;}

.header-cart{}
span.header-requested {
    font-style: italic;
    font-family: 'HelveticaNeueW01-75Bold';
}
a {
    color: #000;
}

p > a {
    color: #E21010;
}

a:hover {
    color: #000;
}

a:focus {
    outline: none;
}

a.underline {
    text-decoration: underline;
}

a.underline:hover {
    text-decoration: none;
}
.three-section-first{width: 416px; display:inline-block; height: 600px; content:" ";float: left;background-size: contain !Important;}
.three-section-container{}
.three-section-first{width: calc(50vw - 400px); display:inline-block; height: 600px; content:" ";background-size: cover !Important;}
.three-section-middle{
    float: left;
    width: 400px;
}
.three-section-middle-top h2{
    color: #ffffff;
    margin-top: calc(25% - 20px);
}
.three-section-middle-top{
    background: #2C343D;
    padding: 50px;
    width: 300px;
    height: 300px;
    color: #ffffff;
}
.three-section-middle-bottom{
    width: 400px;
    text-align: center;
    background: #ffffff;
    padding-top: 95px;
    line-height: 20px;
}
.tp-caption a.three-section-learn-more{
    color: #2c343d !important;
    font-family: 'HelveticaNeueW01-85Heav';
    text-transform: uppercase;
    letter-spacing: -0.7pt;
    font-size: 17px;
}
a.three-section-learn-more{
    color: #2c343d;
    font-family: 'HelveticaNeueW01-85Heav';
    text-transform: uppercase;
    letter-spacing: -0.7pt;
    font-size: 17px;
}

.three-section-last{
    float: right;
    width: 50vw;
    content: " ";
    display: inline-block;
    height: 600px;
    background-size: cover !Important;
    background-repeat: no-repeat;
}
.post-header-area{width:100vw !important; height:100vh !important;background-attachment: fixed !important;background-size: cover !important; color:#2f2f2f;}
body.is-blog .rev_slider_wrapper{margin-top: 95px !important;}
body.is-blog section#content {
    padding-bottom: 0px;
}

.post-title-right-container{background-color: rgba(255,255,255,0.8);float: right;padding: 30px;margin-top: calc(60vh - 300px); width: 500px;padding-right: calc((100vw - 1250px)/2);text-align: right;}
body.is-blog h1, .post-header-area h1{color:#2c343d;}
body.is-blog .blog-post-preview-info h1 {
    font-size: 35px !important;
    line-height: 31px !important;
}
body.is-blog #column_left.span3 {
    float: left !important;
    padding-top: 10px;
    display: none;
}
#sidebar-overlay {
    float: right;
    position: relative;
    height: 100%;
    background: rgba(0,0,0,0.7);
    padding: 20px 50px;
    margin-right: 0px;
    font-family: 'HelveticaNeueW01-75Bold';
    letter-spacing: -0.7pt;
    margin-top: 4px;
    max-height: 600px;
    height: 556px;
	z-index:99;
}
#sidebar-overlay h1{color:#ffffff;}
.black-sidebar-content{
    margin-top: 50px;
}
 ul.category-menu{
    list-style: none;
}
  ul.category-menu li{
    padding: 20px 0px;
    font-size: 16px;
}
   ul.category-menu li a {
    color: #ffffff;
    text-transform: uppercase;
}
body.is-blog .post-meta, body.is-blog .post-navigation{display:none;}
.full-width-content-container {padding: 95px 0px 0px;}
body.is-blog .line_above_footer {
    border-top: 1px solid #ececec;
    margin-top: 80px;
}


.blog-post-preview-info a{color:#ffffff !important;}
ul#post-list .blog-post-container{background-size:cover !important;border-top: 4px solid #ffffff;background-repeat: no-repeat;box-sizing: border-box;}
ul#post-list .blog-post-container:nth-child(7n + 1){
    height: 600px;
}

ul#post-list .blog-post-container:nth-child(7n + 2){
    width: 50vw;
    float: left;
	position:relative;
    height: 600px;
}
ul#post-list .blog-post-container:nth-child(7n + 3){
    width: 50vw;
    float: right;
    height: 300px;
    max-height: 300px;
    position: relative;
    border-left: solid 4px #ffffff;
}
ul#post-list .blog-post-container:nth-child(7n + 5), ul#post-list .blog-post-container:nth-child(7n + 6), ul#post-list .blog-post-container:nth-child(7n + 7){
    width: 33.33vw;
    float: right;
    height: 33.33vw;
    max-height: 33.33vw;
    position: relative;
}
.blog-post-container li{margin-bottom:0px;}
.post-list li.item { margin-bottom: 0px !important; }
.blog-post-container h1{}
ul#post-list .blog-post-container:nth-child(7n + 2) .blog-post-preview-info, ul#post-list .blog-post-container:nth-child(7n + 3) .blog-post-preview-info, ul#post-list .blog-post-container:nth-child(4) .blog-post-preview-info, ul#post-list .blog-post-container:nth-child(5) .blog-post-preview-info, ul#post-list .blog-post-container:nth-child(6) .blog-post-preview-info, .blog-post-container:nth-child(5) .blog-post-preview-info{
    width: calc(90% - 15px) !important;
	padding-left:15px;
    padding-top: 10px;
    bottom: 0px;
    position: absolute;
    bottom: 30px;
	
}
.blog-post-preview-info{
    width: calc(90% - 15px) !important;
	padding-left:15px;
    padding-top: 10px;
    bottom: 0px;
    position: absolute;
    bottom: 30px;
	
}
.blog-post-container: hover{
     filter:        url(https://www.surfaceshields.com/skin/frontend/buyshop/default/css/~"data:image/svg+xml;utf8,<svg)xmlns=\'https://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(100%);
    -moz-filter:    grayscale(100%);
    -ms-filter:     grayscale(100%);
    -o-filter:      grayscale(100%);
    filter: gray;}
	
ul#post-list .blog-post-container:nth-child(7n + 1) .blog-post-preview-info{
     width: 50% !important;
     padding-left:15px;
     padding-top: 10px !important;
     bottom: 0px !important;
     position: absolute !important;
     bottom: 30px !important;
}
ul#post-list .blog-post-container:nth-child(7n + 5) .blog-post-preview-info{
    width: calc(90% - 15px) !important;
	padding-left:15px;
    padding-top: 10px !important;
    bottom: 0px !important;
    position: absolute !important;
    bottom: 30px !important;
}
ul#post-list .blog-post-container:nth-child(7n + 3) .blk-overlay-posts{height: 300px;}
ul#post-list .blog-post-container:nth-child(7n + 4){position:relative; height: 300px; width: 50vw; max-height:300px; float:right;border-left: solid 4px #ffffff;}
ul#post-list .blog-post-container:nth-child(7n + 5){position:relative;}
ul#post-list .blog-post-container:nth-child(7n + 6){position:relative;border-left: solid 4px #ffffff;border-right: solid 4px #ffffff;}
.blk-overlay-posts{
    width: 100%;
    background: rgba(0,0,0,0.4);
    background-size: cover;
    height: 100%;
    margin-top: 0px;
	position:relative;
}
p.summary-blog-archive{color:#ffffff;}
ul#post-list::after{content:" "; clear:both; display:block;}
body.is-blog #bottom_block {
    margin-top: 4px !Important;
}
h1 {
    margin-bottom: 20px;
    margin-top: 0px;
}


h2 a, h2 a:hover {
    text-decoration: none;
}

h2 span, h2 a.active {
    color: #9d3bc6;
}

h2 [class^="icon-"], h2 [class*=" icon-"] {
    display: block;
    float: left;
    color: #9d3bc6;
    margin: -2px 10px 0 0;
    font-size: 20px;
	
}

h2.nopadding {
    padding: 0;
}
.toolbar-product{padding-top: 0px;margin-top: -30px;margin-right: -7px;}
.navigation-bar {
  width: 100%;
  background: #2c343d;
  margin-top: -45px;
  z-index:99999;

}



.main-featured-image{
    display: flex;
    width: 100vw;
    height: calc(100vh - 111px);
    align-items: center;
	display: -webkit-flex; /* Safari */
    -webkit-align-items: center; /* Safari 7.0+ */
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: right center !important;
    margin-top: -5px;
}

.featured-title{
    width: 1200px;
    margin: 0px auto;
}
        
.thick-featured-text{}
.white-featured-section{text-align: center;
  display: flex;
  align-items: center;
  display: -webkit-flex; /* Safari */
    -webkit-align-items: center; /* Safari 7.0+ */
  
color: #2b343d;
padding-top: 95px;padding-bottom: 95px;}
.white-featured-section p, .white-featured-section-padded p {margin:0px auto; max-width:60%;}
.white-featured-section-padded{background:#ffffff;
display: flex;
  align-items: center;
  display: -webkit-flex; /* Safari */
    -webkit-align-items: center; /* Safari 7.0+ */
  height: auto;
color: #2b343d;
margin-top:75vh;padding: 95px 0px;}
.white-featured-section h1, .white-featured-section-padded h1, .fullwidth-featured-product h1{
    color: #2b343d;
}

.white-homepage-section-last {
    text-align: center;
    display: flex;
    align-items: center;
	display: -webkit-flex; /* Safari */
    -webkit-align-items: center; /* Safari 7.0+ */
    min-height: 620px;
}
.white-homepage-section-last h1 {color:#2C343D;}
.stars-container{margin: 0px auto 15px;width: 174px;height: 30px;}
span.stars, span.stars span {
    display: block;
    background: url(https://www.surfaceshields.com/skin/frontend/buyshop/default/images/stars.png) 0 -25px repeat-x;
    width: 125px;
    height: 25px;
    
    float: left;
    margin: 0px;
}

span.stars span {
    background-position: 0 0;
}
.stars-date{
    color: #4a4b4c;
}
.stars-date span.stars, .stars-date span.stars span{
    width: 80px;
    height: 16px;
    background: url(https://www.surfaceshields.com/skin/frontend/buyshop/default/images/small-stars.png) 0 -16px repeat-x;
    float: left;
    margin-right: 10px;
}
.stars-date .stars span{
    background-position: 0 0 !important;
}
.review-date{}

span.light-grey-number{float:right;font-size: 25px;line-height: 25px;padding-right: 0px;}
.ratings-list-container {
    width: 40%;
    float: right;
    height: 300px;
    display: inline-flex;
	display: -webkit-flex;/* Safari */
    -webkit-align-items: center;/* Safari 7.0+ */
    align-items: center;
}
.review_scroll{
 display: none;
}
.ratings-inner{
    width: 100%;
    height: auto;
}
.review-list {
    width: 100%;
    display: inline-block;
    padding-top: 55px;
}

.review-list::after {
    content: " ";
    display: inline-block;
    width: 100vw;
    position: relative;
    margin-left: -50%;
    height: 2px;
    background: #d8d9db;
    padding-right: 50%;
    margin-top: 35px;
}
.box-reviews .review-list:last-of-type::after{
    content: " ";
    display: inline-block;
    width: 100vw;
    position: relative;
    margin-left: -50%;
    height: 0px;
    background: transparent;
    padding-right: 50%;
    margin-top: 55px;
    }

.review-content-left {
    width: 60%;
    float: left;
}
.ratings-list-container #Quality::before{content:"Poor"; position: relative; margin-top: -10px; background:transparent;float: left;font-size: 12px;color: #2c343d;}
.ratings-list-container #Quality::after{content:"Excellent"; position: relative; margin-top: -10px; background:transparent;float: right;font-size: 12px;text-align: right;color: #2c343d;}
.ratings-list-container #Use::before{content:"Difficult To Use"; position: relative; margin-top: -10px; background:transparent;float: left;font-size: 12px;color: #2c343d;}
.ratings-list-container #Use::after{content:"Easy To Use"; position: relative; margin-top: -10px; background:transparent;float: right;font-size: 12px;text-align: right;color: #2c343d;}
.ratings-container-full{
    height: 70px;
    padding-left: 5%;
}
.slider-rating-text{
    width: 100%;
    display: block;
}
.ratings-category-container {
    float: left;
    width: 15%;
    text-align: right;
    height: 30px;
    padding-right: 5%;
    color: #2c343d;
    text-transform: uppercase;
    font-size: 15px;
    font-family: 'HelveticaNeueW01-75Bold';
    letter-spacing: -0.5pt;
}
.slider-value-rating {
    background: url(https://www.surfaceshields.com/skin/frontend/buyshop/default/img/ratings.jpg);
    height: 20px;
    border-radius: 50px;
    float: right;
    width: 80%;
    margin-top: 0px;
    border: solid 1px #adaeb0;
    box-sizing: border-box;
    background-size: 100% auto;
    overflow: hidden;
}
.slider-value-rating span {
    background-color: #ec2327;
    color: rgba(255,255,255,0);
    width: 20% !important;
    height: 20px;
    display: inline-block;
    border-radius: 0px;
    margin-top: 0px;
    line-height: 0px;
    font-size: 1px;
    max-width:20% !important;
    max-height: 20px;
}
                                
.light-grey-content-block{
    background: #eeeeef;
    padding: 30px 0px;
    color: #949699;
}
.one_fourth{
    width: 25%;
    float: left;
    max-width: 25%;
}
.border-right{
    padding-right: 2.5%;
    border-right: solid 1px;
}
.three_fourths{
    width: 70%;
    max-width: 75%;
    float: right;
    padding-top: 3%;
}
.light-grey-content-block h1{
    color: #949699;
    margin-bottom: 30px;
}
.one_third{width: 33.3%; float:left; max-width: 33.3%; text-align:left;}
.one_third:last-of-type .inner-columns{padding-right:0px !important;}
.one_third:first-of-type .inner-columns{padding-left:0px !important;}
body.cms-about-us .one_third h2{font-size:35px; line-height:35px;}
.one_third h2{padding-right:0px !Important;}
.inner-columns{
    padding-right: 95px;
}
.about-content{
    margin: 0px auto;
    color: #2C343D !important;
}
.about-content p{ color: #2C343D !important; max-width:700px; margin:0px auto;}

.smaller-height{padding: 0px 0px 30px !important;}
.white-homepage-section h1, .white-content-block h1 {color:#2C343D;}
.white-homepage-section p{color:#2C343D;margin-bottom: 0px !Important;}

.white-content-block h1{margin-bottom:30px;}
.blue-catalog-homepage-section{padding-top: 55px;
background:url(https://www.surfaceshields.com/skin/frontend/buyshop/default/img/blue-catalog-bg.png) top center no-repeat;
background-size:cover;
  text-align: center;
  padding-bottom:80px;
height: 495px;}
.blue-catalog-homepage-section img{margin-top:50px; margin-left:70px;margin-bottom: -140px;}
.blue-catalog-homepage-section p {
	color:#ffffff !important;
	max-width: 70%;
	margin: 0px auto 30px;
}

.half-half-container{
    background-color: #2c343d !important;
    display: inline-block;
    background-position: 50vw top !important;
    background-repeat: no-repeat !important;
    background-size: 50vw auto !Important;
}
.blue-half{
    width: 50%;
    float: left;
    color: #ffffff;
    height: auto;
    display: flex;
    align-items: center;
	display: -webkit-flex; /* Safari */
    -webkit-align-items: center; /* Safari 7.0+ */
}
.half-text-first {
    width: calc(50% - 95px);
    padding-top: 95px;
    padding-bottom: 95px;
    padding-left: 50%;
}
.half-text-first h2{
    color: #ffffff;
    font-size: 35px;
    line-height: 31px;
    padding-bottom: 20px;
    border-bottom: solid 1px #9a9ea2;
}
.image-half{
    width: 50%;
    float: right;
    background-size: cover !important;
    background-position: center center !important;
}
.image-half .half-text-first h2, .image-half .half-text-first p{color:rgba(0,0,0,0);}
.image-half .half-text-first h2 {border-bottom:none !important;}
.image-half img{
    min-height: 620px;
    width: auto;
}
.white-content-block .one_third .inner-columns {padding-right:45px; padding-left:45px;}
.inner-columns p {max-width:100% !important;}


h4 [class^="icon-"], h4 [class*=" icon-"] {
    display: block;
    float: left;
    color: #9d3bc6;
    margin: -2px 10px 0 0;
    font-size: 20px;
    white-space: nowrap;
}



#wrap {
    height: auto !important;
    /*z-index: 3001;
    position: relative;*/
}

.wrapper {
    overflow: hidden;
    width: 100%;
}

.wrapper_w {
    display: inline-block;
    width: 100%;
}

.padding-1 {
    padding: 25px 0 0 0;
}

.padding-2 {
    padding: 0 0 0 10px;
}

.margin-1 {
    margin-top: 20px;
    margin-bottom: 32px;
}

.margin-2 {
    margin-top: 12px;
}

.alignright {
    text-align: right;
}

.alignleft {
    text-align: left;
}

.aligncenter {
    text-align: center;
}

.hide {
    display: none;
}

.hover {
    z-index: 1000;
}

.col-1, .col-2, .col-3 {
    float: left;
}

.col {
    float: left;
}

p.small {
    font-size: 0.75em;
    line-height: 1.25em;
}

a.btn {
    margin: 0;
    padding: 3px 0;
    border: none;
    border-radius: 3px;
    background: #9d3bc6;
    background-image: none;
    box-shadow: none;
    color: #fff;
    text-shadow: none;
    -webkit-transition: background-color 0.25s 0s ease;
    -moz-transition: background-color 0.25s 0s ease;
    -o-transition: background-color 0.25s 0s ease;
}

a.btn:hover {
    background: #6a2886;
    color: #fff;
    cursor: pointer;
    -webkit-transition: background-color 0.25s 0s ease;
    -moz-transition: background-color 0.25s 0s ease;
    -o-transition: background-color 0.25s 0s ease;
}

.custom_color, a .custom_color {
    color: #9d3bc6;
}

a:hover .custom_color, a.custom_color:hover {
    text-decoration: underline;
    color: #9d3bc6;
}
#right_toolbar img, #right_toolbar .shoppingcart, #right_toolbar .search_wrapper{display:none !important;}


p.lightgrey{color:#949699 !important; margin:20px auto 50px; max-width:70%;}
.small-plus {
  padding-top: 50px;
  text-align: center;
  font-family:"HelveticaNeueW01-75Bold";
  color:#e00000;
}

.product-name h1{}
.product-subtitle{
    text-transform: uppercase;
    color: #2c343d;
}
.jobsite-photos-and-videos{
    clear: both;
    padding-top: 0px;
    display: inline-block;
}
.jobsite-photos-and-videos h2 {
    margin-top: 0px;
    margin-bottom: 0px;
}
.jobsite-thumb-gallery{
    margin-bottom: 30px;
}
ul.jobsite-gallery{
height: 88px;padding-top: 15px;}
ul.jobsite-gallery li {
    display: block;
    width: 88px;
    margin-right: 12px;
    height: 88px;
    float: left;
    overflow: hidden;
}
ul.jobsite-gallery li:last-child{margin-right:0px !important;}
ul.jobsite-gallery li:last-child::after{content:" "; display:block; clear:both;}

ul.jobsite-gallery li img{
    height: 85px !important;
    min-height: 85px;
    width: auto !Important;
    max-width: none !important;
}
.product-name a {
    color: #2c343d !important;
 
    font-family: 'HelveticaNeueW01-75Bold';
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: -0.7pt;
}
.product-img-box .flex-viewport{min-height: 500px !important;}
.product-img-box ul.flex-direction-nav{display:none !important;}

.product-img-box .flexslider.more-views .flex-viewport li {
    margin: 0;
    box-shadow: none;
    border-radius: 0;
    margin-bottom: 10px;
    padding: 0px !important;
    width: 78px !important;
    height: 78px !important;
}
.product-img-box .flexslider.more-views .flex-viewport {
    width: 100% !important;
    margin-left: -4px;
    margin-top: -4px;
    padding: 4px;
}
.product-image img {
    min-height: 638px !important;
	max-height:638px !important;
    max-width: none !important;
    min-width: 100% !Important;
	margin-left:-6px;
}
.mousetrap {
    max-height: 0px !important;
    height: 0px !important;
}
.related-products-container {
    width: 100%;
    background: #eeeeef;
    margin-bottom: 95px;
    padding: 20px 0px 10px;
    margin-top: 30px;
}

.product-tabs-area{
    float: right;
    width: 66.7%;
}
.related-products-container .product_outer{width:100% !important;}
.related-products-container .product .product-image-wrapper {
    padding: 5px 10px;
}
.product-tabs-area .nav-tabs{
    margin-top: 0px;
}
.product-tabs-area .nav-tabs > li > a{
    border-radius: 0px;
    background: #939597;
    color: #ffffff;
    box-shadow: none;
    border: solid 1px #c7c8ca;
    font-size: 15px;
    padding: 15px 0px;
    text-align: center;
    width: 200px;
}
.review-author{
    display: block;
    color: #4a4b4c;
    margin-bottom: 20px;
}
.review-title{
    margin-top: 0px;
    margin-bottom: 0px !important;
}
.product-tabs-area .nav-tabs > li > a:hover, .product-tabs-area .nav-tabs > .active > a, .product-tabs-area .nav-tabs > .active > a:hover {
    color: #939597;
    background-color: #ffffff;
	box-shadow:none !important;
	border:solid 1px #c7c8ca !Important;
	
}
.product-tabs-area .tab-content{
    border: solid 1px #c7c8ca;
    padding: 30px;

}
..product-tabs-area tab-content > .active {}
.details-image-container{
    float: left;
    width: 32%;
    padding: 0px 1.3% 0 0;
}
.product-tabs-area .box-description{float: none; width: 100%;}
.product-tabs-area .box-collateral.box-additional {
}
.product-tabs-area .box-collateral.box-additional h2{display:none;}
.product-box .span7 {
    width: calc(60% - 30px) !important;
    padding-right: 30px;
}
.product-box .span5{width: 40% !Important;}
.product-box .row{margin-left:0px;}
.product-img-box .span1{
    width: calc(15% - 30px);
    overflow: hidden;
}
.product-img-box .span6 {
    float: right;
	height:625px;
	overflow:hidden;
}
.related-links-container {
    clear: both;
    margin-top: 80px;
    text-align: center;
}
.related-links-container .related-links:nth-child(1){float:left; margin-left:0px !Important;}
.related-links-container .related-links:nth-child(3){float:right !important; margin-right:0px !Important;}
.related-links {
    display: inline-block;
    background: #2c343d;
    margin: 1%;
    text-align: left;
    width: 31%;
    position: relative;
    height: 200px;
}


.big-blue-arrow-buttons {
    color: #ffffff;
    text-align: left;
    font-size: 25px;
    font-family: 'HelveticaNeueW01-75Bold';
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    letter-spacing: -0.5pt;
    left: 15%;
    line-height: 25px;
    width: 85%;
}
.big-blue-arrow-buttons span{
    font-size: 20px;
    display: block;
    text-align: left;
    font-family: 'Helvetica Neue LT W06_55 Roman';
    text-transform: none;
}
.related-links .inner-sweep {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    display: inline-flex;
	display: -webkit-flex;/* Safari */
    -webkit-align-items: center;/* Safari 7.0+ */
    height: 100%;
    width: 100%;
    align-items: center;
}

.related-links .inner-sweep:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #e00000;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
	cursor:pointer;
}
.related-links .inner-sweep:hover{color: #ffffff !important;
  opacity:1;}
  .related-links .inner-sweep:hover .big-blue-arrow-buttons:hover, .big-blue-arrow-buttons:hover{color: #ffffff !important;
  opacity:1;}
.big-blue-arrow-buttons:hover{text-decoration:none; opacity:1 !important;}
.big-blue-arrow-buttons span::before{content: " ";width: 27%;float: left;height: 75px; background:url(https://www.surfaceshields.com/skin/frontend/buyshop/default/img/white-circle.png);background-size: contain;background-repeat: no-repeat;background-position: right center;margin-right: 10px;margin-top: -9px;}

a.cloud-zoom {
    overflow: hidden;
}
.flexslider.more-views .flex-viewport li img {
    display: block;
    float: none;
    background-color: #fff;
    border-radius: 0px;
    background-color: #fff;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.27);
}
.column-download{width:19%; margin-right:1%; float:left;}
/*inner-page headers*/
.parallax-block-about {
    background: url(https://www.surfaceshields.com/skin/frontend/buyshop/default/img/tougher-than-jobsite.jpg);
    background-position: center center !important;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed !important;
    min-height: 100vh;
    max-height: 100vh;
	transform:translate(0,0);
}
.parallax-block-catalog{ background: url(https://www.surfaceshields.com/skin/frontend/buyshop/default/img/catalog-download-page.jpg);
    background-position: center center !important;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed !important;
	transform:translate(0,0);
    min-height: 70vh;
    max-height: 70vh;}
	
.page-headers{}
.header-title-container{
    max-width: 40%;
    padding-top: 35vh;
    color: #ffffff;
}
.page-headers h1{
    color: #ffffff;
    margin-bottom: 30px;
}
.page-headers h1 span{
    color: #e00000;
}
.parallax-block-bottom-about {background: url(https://www.surfaceshields.com/skin/frontend/buyshop/default/img/about-bottom.jpg);
    background-position: center center !important;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed !important;color: #ffffff;background-color: #000000;padding-top: 95px;padding-bottom: 95px; transform:translate(0,0);}
	
	.parallax-block-bottom-about h1{
    color: #ffffff;
    margin-top: 30px;
    margin-bottom: 30px;
    font-size: 35px;
    line-height: 31px;
}
	.one_half{width:50% !important;}
/*HEADER*/
#header {
    background-size: 560px 165px;
	
}

.parallax-block-contractor{background:url(https://www.surfaceshields.com/skin/frontend/buyshop/default/img/surface-protection-for-contractors.jpg); background-position: top center !important;background-size: cover;background-repeat: no-repeat;background-attachment: inherit !important;min-height: 620px;display: flex;align-items: flex-end;display: -webkit-flex; /* Safari */
    -webkit-align-items: flex-end; /* Safari 7.0+ */}
.contractor1{
    float: left;
}
.contractor2{
    float: left;
    margin-left: -68px;
}
.contractor3{
    float: left;
    margin-left: 80px;
}
.contractor4{
    float: left;
}
.contractor-container{
    margin-top: 50px;
    margin-bottom: -25px;
    width: 1013px;
    margin: 0px auto;
}
#logo {
    float: left;
    padding-top: 5px;
}
#logo img {
  max-width: 106px;
  z-index: 999999;
}

.industries-menu {
   font-size:0;
}
ul.industries-menu, li {
   margin:0;
   padding:0;
 }
.industries-menu {
  position:relative;
  overflow:hidden;
  display:inline-block;
  white-space:nowrap;
}
.industries-menu > li {
  font-size:16px;
  position:relative;
  z-index:1;
  display:inline-block;
  line-height:2em;
  height:auto;
  width:230px;
  padding-top:50px;
  padding-right:20px;
}
.industries-menu > li > a:link,
.industries-menu > li > a:visited {
  color:#555;
  text-decoration:none;
  display:block;
  padding:0 1em;
}
.industries-menu > li:last-child {
  position:absolute;
  z-index:0;
  height:62px;
  width:230px;
  background:url(https://www.surfaceshields.com/media/wysiwyg/arrow-slider.png) no-repeat;
  top:0;
  left:0px;
  transition:transform .3s;
  background-position:top center;
  
}
.industries-menu .selected {
  position:relative;
}
.industries-menu .selected a:link,
.industries-menu .selected a:visited {
  color:#fff;
}
.industries-menu .selected::after {
  content: "";
  position:absolute;
  z-index:-1;
  background:rgba(255, 99, 71, 0.6);
  height:2em;
  width:230px;
  top:0;
  left:0;
}


.industries-menu li:nth-child(2):hover ~ li:last-child    {transform:translateX(230px) !important;}
.industries-menu li:nth-child(2).selected ~ li:last-child {transform:translateX(230px);}

.industries-menu li:nth-child(3):hover ~ li:last-child    {transform:translateX(480px) !important;}
.industries-menu li:nth-child(3).selected ~ li:last-child {transform:translateX(480px);}

.industries-menu li:nth-child(4):hover ~ li:last-child    {transform:translateX(710px) !important;}
.industries-menu li:nth-child(4).selected ~ li:last-child {transform:translateX(710px);}
/*topline*/
#topline {
    padding: 4px 0 4px;
    background: #333333;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.27);
    color: #9b9b9b;
    line-height: 18px;
    height: 20px;
}

#topline .phone span {
    color: #fff;
}

#topline a {
    color: #9d3bc6;
    text-decoration: underline;
}

#topline a:hover {
    text-decoration: none;
}

#topline .fadelink {
    position: relative;
    display: inline-block;
    margin-right: 15px;
    margin-left: 15px;
    margin-top: 2px;
    text-align: left;
    white-space: nowrap;
    z-index: 50005;
}

#topline .fadelink .ul_wrapper {
    position: absolute;
    top: 15px;
    z-index: 100;
    display: none;
}

#topline .fadelink .ul_wrapper ul {
    background: none repeat scroll 0 0 #4A4A4A;
    border-radius: 0 2px 2px 2px;
    box-shadow: 0 5px 7px 2px rgba(0, 0, 0, 0.1);
    padding: 7px 30px 7px 7px;
    width: auto;
}

#topline .fadelink li {
    padding: 2px 0;
}

#topline .fadelink li a, #topline .fadelink > a {
    color: #b6b6b6;
    text-decoration: none;
}

#topline .fadelink li a:hover, #topline .fadelink > a:hover {
    text-decoration: underline;
}
#white-scroller{}
#white-scroller ul{}
#white-scroller ul li {}

#topline .fadelink > a {
    display: block;
    margin-top: -1px;
    padding: 2px 30px 1px 7px;
    border-radius: 2px;
    background: #4a4a4a url(https://www.surfaceshields.com/skin/frontend/buyshop/default/images/template/arrow_down.png) no-repeat right -2px;
    color: #b6b6b6;
    text-decoration: none;
    font: 12px/14px Arial, Helvetica, sans-serif;
}

#topline .fadelink > a:hover {
    text-decoration: none;
}

#topline img {
    padding-right: 5px;
    vertical-align: middle;
}

/*navigation mobile*/
.nav-list {
    display: block;
    position: absolute;
    top: -10000px;
    margin: 10px 15px 25px 15px;
    padding: 0;
}

.nav-header > a {
    border-radius: 3px;
    background: #9d3bc6;
   /* color: #fff;*/
}

.nav-list ul {
    margin: 0;
    padding: 0;
}

.nav-list li {
    margin: 0;
    padding: 0;
    position: relative;
}

#level1 > li {
    border-bottom: 1px solid #dadada;
}

.nav-list li:last-child {
    border: none;
}

.nav-list li a {
    display: block;
    margin: 0;
    padding: 15px 15px;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 18px;
    line-height: 20px;
    font-weight: normal;
}

.nav-list li a.icon-collapse {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 100;
}

.nav-list li li a:hover {
    background: none;
    /*color: #9d3bc6;*/
}

.nav-list > li > a:hover {
    background: #9d3bc6;
}

.nav-list li li li a {
    padding-left: 35px;
}

/* SIMPLE navigation desktop*/

#nav.simple {
    position: relative;
    z-index: 50000;
    display: none;
    margin: 0;
    padding: 7px 6px 0 0;
    line-height: 100%;
}

#nav.simple > li {
    float: left;
    margin: 0;
    padding: 0 0 2px;
    list-style: none;
}
#spy #nav.simple > li{padding: 0 0 8px;}

#nav.simple li a {
    padding: 4px 20px;
    text-decoration: none;
    font-size: 12px;
    line-height: 16px;
    font-weight: normal;
    display: block;
}

#nav.simple > li > a {
    margin: 0;
    padding: 8px 16px;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 18px;
    line-height: 1em;
}


#nav.simple  li { position: relative; line-height: 20px}

#nav.simple  li  ul{
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    background: #fdfdfd;
    display: none;
    position: absolute;
    margin: 0;
    padding: 0;
}

#nav.simple > li >  ul{

    border-top-right-radius: 0;
    border-top-left-radius: 0;

    padding: 23px 0;
}

#nav.simple  ul  ul{ left: 133px;}

#nav.simple  li:hover > ul { display: block}
#nav.simple li li:hover > a,#nav.simple li li.active > a {
    background: none repeat scroll 0 0 #F0F0F0;
}


#nav.simple .menu_custom_block {
    padding: 20px 30px 30px;
}

#nav.simple ul ul{
    position: absolute;
    z-index: 100;
    top: -10px;
    left: 150px;
    padding: 10px 0;
    width: 200px;
    border-radius: 6px;
    background: #fdfdfd;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
#nav.simple li li {width: 200px;line-height: 23px;}


 #nav.simple li:hover li.category_desc_in_menu {
    display: block;
    float: left;
    margin: 30px 0;
    border-left: 2px solid #eaeaea;
}

#nav.simple li:hover li:first-child {
    border-left: none;
}

#nav.simple li:hover li.category_desc_in_menu {
    padding: 0 30px;
    width: 240px;
}

#nav.simple a.custom_category_link, #nav.simple .menu_custom_block a {
    display: inline;
    font-weight: bold;
}

#nav.simple h1.custom_menu_title {
    font-size: 1.25em;
}

#nav.simple li:hover ul.list_in_column {
    position: relative;
    top: 0;
}

#nav.simple ul.list_in_column li {
    float: none;
}

#nav.simple ul.list_in_column ul {
    display: none;
}

#nav.simple.simple ul.list_in_column li:hover ul {
    display: block;
}

#nav.simple.simple .category_desc_in_menu img, .custom_menu_img img {
    border: 5px solid #fff;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);
}

#nav.simple.simple .menu_custom_block .col-third {
    display: inline;
    float: left;
    margin: 0 11px;
    width: 348px;
}
#nav.simple #menu_custom_block{position: static !important}
#nav.simple #menu_custom_block .shadow{ display: inline-block}
#nav.simple #menu_custom_block .level0{ position: absolute; left:0 }
#nav.simple #menu_custom_block > ul > li{ width: 100%}
#nav.simple #menu_custom_block > ul{ padding: 10px 0 !important}
/*******EOF SIMPLE*******/


#spy #nav > li > a {
  padding: 13px 13px !important;
}
#spy a.btn{color:#939598 !important;}
#header-arrow-buttons-sticky {
  width: 195px;
  font-size: 13px !important;
  line-height: 14px !important;
  padding-top: 8px;
}
#spy .small-nav-item {
  width: 45%;
  padding-left: 10px;
  padding-top: 0px !important;
}
#spy .small-nav-item1 {
  width: 30px;
  padding-left: 10px;
  margin-top: -10px !important;
  height: 15px;
}
#header-arrow-buttons-sticky a{color:#939598; text-decoration:none;}
#header-arrow-buttons-sticky a::before {
  content: url(https://www.surfaceshields.com/skin/frontend/buyshop/default/img/sticky-arrow.png);
  width: 40px;
  float: left;
  margin-right: 11px;
  margin-left:10px;
  height: 40px;
  padding-bottom: 0px;
  margin-top: -7px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  background: #939598;
}

#header-arrow-buttons-sticky strong {
  font-family: 'HelveticaNeueW01-75Bold';
  letter-spacing: -0.3pt;
  line-height:10px;
  font-weight:normal !important;
  -webkit-font-smoothing:antialiased !Important;
}


#header-arrow-buttons {
  width: 216px;
}
#header-arrow-buttons:nth-of-type(2){width:205px !important;}
#header .padding-1 {
  padding: 14px 0px 0px 0px !important;
}

/****************/


#nav {
    position: relative;
    z-index: 1;
    display: block;
    margin: 0;
    padding: 0px 0px 0px 110px;
    line-height: 100%;
    float: left;
}

#nav li {
    float: left;
    margin: 0;
    padding: 4px 0px 8px;
    list-style: none;
	  border-right: solid 1px #595f66;
}
#nav li ul li{ border-right:none !important;}
}

.navigation-bar .pull-right{padding-top:4px;}
#nav > li > a {
  display: block;
  margin: 0;
  padding: 15px 13px 10px;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: normal;
  font-size: 12px !important;
  line-height: 1em;
  font-family: 'HelveticaNeueW01-75Bold' !important;
}
#nav > li.level0.nav-10.last.parent  {
	border-right:none !important; padding-right:0px !important;}
	#nav > li.level0.nav-10.last.parent a{}
#nav > li.parent a::after {
  content: url(https://www.surfaceshields.com/skin/frontend/buyshop/default/img/dropdown.png);
  width: 10px;
  height: 7px;
  float: right;
  padding-left: 10px;
}
#nav > li.parent > ul li a::after { content:none !important;}

#nav > li:hover > a {
    /* color: #9d3bc6;*/
}

#nav.simple li li li a {
    display: block;
    padding: 4px 20px;
    /*color: #000;*/
    text-decoration: none;
    font-size: 12px;
    line-height: 16px;
}

#nav li li li:hover a {
    background: #f0f0f0;
}

#nav li li li:hover li a {
    background: none;
}

#nav li li li li:hover > a {
    background: #f0f0f0;
}

#nav li:hover > ul, #nav li:hover > ul > li > ul.list_in_column {
    display: block;
}

#nav > li > ul{
    width: auto;
    border-top: 5px solid #9d3bc6;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    background: #fdfdfd;
}

#nav > li > ul {
    position: absolute;
    display: none;
    border-left-color: #fff;
    border-right-color: #fff;
    border-bottom-color: #fff;
}

#nav .menu_custom_block {


    padding: 20px 30px 30px;
}

#nav li:hover .menu_custom_block {


}

#nav ul li {
    margin: 0;
    padding: 0;
}

#nav ul a {
    font-weight: normal;
}

#nav.simple ul ul ul {
    position: absolute;
    z-index: 100;
    top: -10px;
    left: 150px;
    padding: 10px 0;
    width: 200px;
    border-radius: 6px;
    background: #fdfdfd;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}

#nav li:hover li.list_column {
    width: 200px;
}

#nav li:hover li.list_column, #nav li:hover li.category_desc_in_menu {
    display: block;
    float: left;
    margin: 30px 0;
    border-left: 2px solid #eaeaea;
}

#nav li:hover li:first-child {
    border-left: none;
}

#nav li:hover li.category_desc_in_menu {
    padding: 0 30px;
    width: 240px;
}

#nav a.custom_category_link, #nav .menu_custom_block a {
    display: inline;
    font-weight: bold;
}

#nav h1.custom_menu_title {
    font-size: 1.25em;
}

#nav li:hover ul.list_in_column {
    position: relative;
    top: 0;
}

#nav ul.list_in_column li {
    float: none;
}

#nav ul.list_in_column ul {
    display: none;
}

#nav ul.list_in_column li:hover ul {
    display: block;
}

#nav .category_desc_in_menu img, .custom_menu_img img {
    border: 5px solid #fff;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);
}

#nav .menu_custom_block .col-third {
    display: inline;
    float: left;
    margin: 0 11px 18px;
    width: 359px;
}




.login_block {
    position: relative;
    padding-right: 10px;
    text-align: right;
    display: inline-block;
}

.login_block a {
    padding-bottom: 5px;
}

.login_social {
    display: inline-block;
    padding-right: 10px;
    white-space: nowrap;
}

.shoppingcart {
    position: relative;
    float: right;
    z-index: 50001;
    margin-top: 2px;
}

.shoppingcart:hover {
    z-index: 50003;
}

.shoppingcart .badge {
    position: absolute;
    top: 2px;
    right: -10px;
}

.shoppingcart .fadelink {
  padding-bottom: 10px;
  position: relative;
  float: right;
  width: 100%;
  padding-top: 10px;
  margin-right: 0px;
  display: inline;
  text-align: right;
}


.shoppingcart .fadelink span a.btn img{float:left; padding-right:5px;}
.shoppingcart .fadelink span a.btn {
  width: 100%;
  background-color: transparent !important;
}

.shoppingcart:hover .fadelink span a {
    background: #6a2886;
    color: #fff;
    cursor: pointer;
    -webkit-transition: background-color 0.25s 0s ease;
    -moz-transition: background-color 0.25s 0s ease;
    -o-transition: background-color 0.25s 0s ease;
}

.shopping_cart_mini {
    background-color: #FDFDFD;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.27);
    color: #000000;
    display: none;
    margin-top: 41px;
    width: 379px;
    z-index: 100;
}

.shopping_cart_mini .inner-wrapper {
    padding: 10px 15px 8px;
}

.shopping_cart_mini .item {
    position: relative;
    overflow: hidden;
    margin-top: 10px;
    margin-bottom: 20px;
}

.shopping_cart_mini .product-image {
    float: left;
    margin-right: 10px;
    border: 1px solid #f3f3f3;
}

.shopping_cart_mini .product-detailes {

    float: left;
    width: 220px;
}

.shopping_cart_mini .product-detailes .product-name {
    color: #000;
    text-decoration: none;
    font-size: 12px;
    line-height: 1.05em;
}

.shopping_cart_mini .product-detailes .product-price {
    color: #000;
    font-weight: bold;
}

.shopping_cart_mini .button {
    float: right;
    margin-left: 5px;
}

.shopping_cart_mini a i {
    margin-left: 7px;
    color: #000;
    font-size: 18px;
}

.shopping_cart_mini .button {
    float: left;
    margin-right: 5px;
    padding: 0 7px;
    border-radius: 3px;
    background: #f0f0f0;
    color: #000;
    text-decoration: none;
    line-height: 31px;
    -webkit-transition: background-color 0.25s 0s ease;
    -moz-transition: background-color 0.25s 0s ease;
    -o-transition: background-color 0.25s 0s ease;
}

.shopping_cart_mini .button:hover {
    background: #9d3bc6;
    color: #fff;
    -webkit-transition: background-color 0.25s 0s ease;
    -moz-transition: background-color 0.25s 0s ease;
    -o-transition: background-color 0.25s 0s ease;
}

/* HEADER VARIANT 2*/

#header.header_v_2 .row {
    position: relative;
}

#header.header_v_2 {
    position: relative;
    z-index: 1001;
    margin-bottom: 25px;
}

#header.header_v_2 .line_header_bot {
    position: relative;
    margin-top: -6px;
    height: 5px;
    border-bottom: 1px solid transparent;
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1);
}

#header.header_v_2 #logo {
    float: none;
}

#header.header_v_2 .fadelink {
    position: relative;
    display: inline-block;
    margin-left: 10px;
    white-space: nowrap;
    padding-top: 7px;
}

#header.header_v_2 .shoppingcart {
    position: absolute;
    right: 0;
    bottom: 45px;
}

#header.header_v_2 .shoppingcart .fadelink {
    display: block;
    position: absolute;
}

#header.header_v_2 #nav > li {
    float: left;
    margin-right: 12px;
    padding: 7px 0 0;
    list-style: none;
}

#header.header_v_2 #nav > li > a {
    min-width: 170px;
    display: block;
    padding: 15px 20px 15px 10px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-left: 1px solid #ebebeb;
    border-right: 1px solid #ebebeb;
    background: #fff url(https://www.surfaceshields.com/skin/frontend/buyshop/default/images/template/arrow_down_1.png) no-repeat right -4px;
    box-shadow: 0px -2px 1px rgba(0, 0, 0, 0.15);
    color: #000;
    text-decoration: none;
    font: bold 12px/14px Arial, Helvetica, sans-serif;
    -webkit-transition: background-color 0.25s 0s ease;
    -moz-transition: background-color 0.25s 0s ease;
    -o-transition: background-color 0.25s 0s ease;
    text-transform: none;
}

#header.header_v_2 #nav > li:hover > a {
    background: #333333 url(https://www.surfaceshields.com/skin/frontend/buyshop/default/images/template/arrow_down_1.png) no-repeat right 20px;
    border-left: 1px solid #333333;
    border-right: 1px solid #333333;
    color: #fff;
    -webkit-transition: background-color 0.25s 0s ease;
    -moz-transition: background-color 0.25s 0s ease;
    -o-transition: background-color 0.25s 0s ease;
    -webkit-transition: border-color 0.25s 0s ease;
    -moz-transition: border-color 0.25s 0s ease;
    -o-transition: border-color 0.25s 0s ease;
}

#header.header_v_2 #nav > li > ul {
    border-color: #fff;
    border-top-color: #333333;
    top: 54px;
}

#header.header_v_2 #nav li.level1 > a, #header.header_v_2 #nav li.level2 > a {
    line-height: 16px;
    padding: 5px 0 5px 12px;
}

#header.header_v_2 #nav li.level1:hover {
    border-left: 4px solid #9d3bc6;
    text-indent: -4px;
}

#header.header_v_2 #nav li.level1 > a:hover {
    color: #9d3bc6;
    font-weight: bold;
}

#header.header_v_2 #nav li.level2, #header.header_v_2 #nav li.level2:hover {
    border: none;
    text-indent: 0;
}

#header.header_v_2 #nav li.level2 a:hover {
    color: #000;
    font-weight: normal;
}

#header.header_v_2 #nav li.list_column {
    padding-top: 10px;
    padding-bottom: 20px;
    margin: 0;
}

#header.header_v_2 #nav li.category_desc_in_menu {
    padding: 20px 40px 20px 30px;
    margin: 0;
}

#header.header_v_2 .fadelink > a {
    min-width: 70px;
    display: block;
    padding: 15px 30px 15px 10px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-left: 1px solid #ebebeb;
    border-right: 1px solid #ebebeb;
    background: #fff url(https://www.surfaceshields.com/skin/frontend/buyshop/default/images/template/arrow_down_1.png) no-repeat right -4px;
    box-shadow: 0px -2px 2px rgba(0, 0, 0, 0.15);
    color: #000;
    text-decoration: none;
    font: bold 12px/14px Arial, Helvetica, sans-serif;
    -webkit-transition: background-color 0.25s 0s ease;
    -moz-transition: background-color 0.25s 0s ease;
    -o-transition: background-color 0.25s 0s ease;
}

#header.header_v_2 .fadelink:hover {
    z-index: 50005;
}

#header.header_v_2 .fadelink:hover > a {
    background: #333333 url(https://www.surfaceshields.com/skin/frontend/buyshop/default/images/template/arrow_down_1.png) no-repeat right 20px;
    border-left: 1px solid #333333;
    border-right: 1px solid #333333;
    color: #fff;
    -webkit-transition: background-color 0.25s 0s ease;
    -moz-transition: background-color 0.25s 0s ease;
    -o-transition: background-color 0.25s 0s ease;
    -webkit-transition: border-color 0.25s 0s ease;
    -moz-transition: border-color 0.25s 0s ease;
    -o-transition: border-color 0.25s 0s ease;
}

#header.header_v_2 .fadelink li.level1:hover a {
    background: #f0f0f0;
}

#header.header_v_2 .fadelink .ul_wrapper {
    position: absolute;
    display: none;
    top: 47px;
    border-top: 5px solid #333;
    z-index: 50;
}

#header.header_v_2 .fadelink .ul_wrapper ul {
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    padding: 10px 30px 10px 10px;
    min-width: 80px;
    width: auto;
    border-color: #fff;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);
    background: #fff;
}

#header.header_v_2 .fadelink li {
    padding: 2px 0;
}

#header.header_v_2 .form-search-wrapper {
    margin-right: 0px;
    /*margin-top: 6px !important;*/
    padding: 7px 5px 0 15px;
}

#header.header_v_2 .form-search input.search-query {
    width: 100%;
}

/*right toolbar*/

#right_toolbar {
    position: fixed;
    right: 0px;
    bottom: 15%;
    z-index: 500;
}

#right_toolbar .shoppingcart {
    display: inline-block;
    float: none;
    margin: 15px 0 7px 10px;
    padding: 0 0 0 10px;
    position: relative;
}

#right_toolbar .shoppingcart:hover {
    padding: 0 0 0 20px;
    margin: 15px 0 7px 0;
}

#right_toolbar .shoppingcart .fadelink {
    position: relative;
    float: left;
}

#right_toolbar .shopping_cart_mini {
    position: absolute;
    top: -38px;
    margin-right: 38px;
    right: 0;
    left: auto;
}

#right_toolbar .shoppingcart .badge {
    right: -5px;
}

#right_toolbar .search_wrapper {
    clear: both;
    position: relative;
    height: 40px;
}

#right_toolbar .form-search {
    position: static;
}

#right_toolbar .form-search button {
    position: relative;
    z-index: 100;
    margin: -3px 0 0 18px;
}

#right_toolbar .form-search input.search-query {
    position: absolute;
    right: 20px;
    top: 0;
    z-index: 99;
    padding: 2px 10px;
    width: 0;
    height: 22px;
    border: 2px solid #fff;
    border-radius: 0px;
    box-shadow: none;
}

#back-top a {
    display: block;
    margin: 0 0 0 5px;
    padding: 17px 0 0 0;
    width: 61px;
    height: 42px;
    text-align: center;
    background: #f8f8f8;
    color: #8a8a8a;
    font-size: 22px;
    line-height: 22px;
    border-radius: 3px;
    opacity: 1;
}

/*CONTENT*/
section.slider {
    margin-bottom: 10px;
}




section#content {
    padding-bottom: 0px;
}

#column_left.span3 {
    float: left;
}

#column_right.span9 {
    float: right;
}

.box-wrapper {
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.27);
    border-radius: 5px;
    position: relative;
    margin-bottom: 20px;
    background-color: #fff;
}

.box-wrapper .inside {
    padding: 20px;
}

.box-wrapper .inside.min-height {
    min-height: 270px;
}

.box-wrapper .line {
    overflow: hidden;
    width: 100%;
    height: 1px;
    border-top: 5px solid #9d3bc6;
    margin: 0 0 -6px 0;

}

.box-wrapper a {
    text-decoration: underline;
}

.box-wrapper a:hover, .box-wrapper .button {
    text-decoration: none;
}

.table.shopping-cart-table th, .table.shopping-cart-table td {
    padding: 20px 10px 15px 10px;
    border-bottom: 2px solid #e5e5e5;
}

.table.shopping-cart-table a {
    text-decoration: underline;
}

.table.shopping-cart-table a:hover {
    text-decoration: none;
}

.table.shopping-cart-table th {
    padding: 5px 10px;
}

.table th.aligncenter, .table td.aligncenter {
    text-align: center;
}

.table th.alignright, .table td.alignright {
    text-align: right;
}

.table.shopping-cart-table td {
    border-right: 1px solid #e5e5e5;
}

.table.shopping-cart-table td:first-child {
    border-left: 1px solid #e5e5e5;
    width: 10%;
    min-width: 136px;
}

.table.shopping-cart-table th {
    font-weight: normal;
}

.table.shopping-cart-table input.qty {
    width: 30px;
    border: 1px solid #e0e0e0;
    box-shadow: none;
    border-radius: 0;
    margin-top: -5px;
    margin-bottom: -5px;
}

.table.shopping-cart-table a[class^="icon-"], .table.shopping-cart-table a[class*=" icon-"] {
    font-size: 20px;
}

.table.shopping-cart-table .cart-col-name {
    display: none;
}

.table.shopping-cart-table-total {
    border-bottom: 2px solid #e5e5e5;
}

.table.shopping-cart-table-total th, .table.shopping-cart-table-total td {
    padding: 0 15px;
    border: none;
}

/*product block*/
.product {
    background: transparent !important;
    border-radius: 0px !important;
    position: relative;
    box-shadow: none !important;
    min-height: 495px !important;
    padding: 11px 5px;
}

.product-listing .product {
    background: none
}

.product a {
    text-decoration: none;
}

.product a:hover {
    text-decoration: underline;
}

.product .product-image-wrapper {
    padding: 5px 5px 0 5px;
    text-align: center;
    cursor: pointer;
    z-index: 350;
}

.product .product-image-wrapper .roll_over_img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    display: none;
}

.small_with_description .product, .big_without_description .product, .small_without_description .product, .product-listing .product {
    margin-top: 10px;
    margin-bottom: 5px;
    border-radius: 0;
    box-shadow: none;
}

.small_with_description .product .product-image-wrapper, .big_without_description .product .product-image-wrapper, .small_without_description .product .product-image-wrapper, .product-listing .product .product-image-wrapper {
    padding: 5px;
    border-radius: 8px;
    /*box-shadow:         0px 0px 4px rgba(0, 0, 0, 0.27);*/
}

.product .product-image-wrapper img {
    float: none;
    margin: 0 auto;
    min-width: 100% !important;
}

.product .product-price, .product .product-price-regular, .preview .product-price, .preview .product-price-regular {
    float: left;
    font: 16px/25px Arial, Helvetica, sans-serif;
}

.product .product-price-regular, .preview .product-price-regular {
    color: #ff0000;
}

.product .product-price span.old, .product .product-price-regular span.old, .preview .product-price span.old, .preview .product-price-regular span.old {
    padding-left: 5px;
    color: #000;
    text-decoration: line-through;
    font-size: 12px;
    line-height: 25px;
}

.product .product-price span.new, .preview .product-price span.new {
    color: #ff0000;
}

.product .product-tocart, .preview .product-tocart {
    float: right;
    text-align: right;
    height: 25px;
}

.product .product-tocart a, .preview .product-tocart a {
    color: #9d3bc6;
    font-size: 20px;
    line-height: 25px;

}

.product .product-tocart a:hover, .preview .product-tocart a:hover {

}

.product .product-link, .preview .product-link {
    clear: both;
    line-height: 15px;
    margin-top: 5px;
}


.product .wrapper-hover {
    padding: 0px 14px 0px 14px;
}

.preview .wrapper-hover {
    padding: 3px 9px 12px 9px;
}

.preview.small .wrapper-hover {
    padding: 6px 0 12px 0;
}

.small_with_description .product .wrapper-hover {
    padding: 2px 5px;
}

.product .product_label {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 101;
}

.style2 .image-wrapper {
    margin: 0 4px;
}

.style2 .image-wrapper img {
    margin-bottom: 65px;
}




/*product label*/
.label_outer {
    position:relative;
    z-index:1;
    height: 200px;
}
.label_new_top_left, .label_new_top_right, .label_sale_top_left, .label_sale_top_right {
    position:absolute;
    top:20px;
    left:-3px;
    z-index: 1;
    width:68px;
    font-size:11px;
    line-height:12px;
    padding: 6px 0;
    background-color:#9da9ad;
    text-align:center;
    color:#fff;
    text-transform:uppercase;
    border-radius: 2px;
}
.label_new_top_right {
    right: -3px;
    left:auto;
}
.label_sale_top_left, .label_sale_top_right
{	background-color:#ff391c;
}
.label_sale_top_right {
    right: -3px;
    left:auto;
}

/*product hover preview*/
.preview {
    position: absolute;
    z-index: 4000;
    top: 0;
    left: 0;
    display: none;
    /*overflow: hidden;*/
    float: left;
    text-align: left;
    padding: 5px 5px 10px 5px;
    border-radius: 0px;
    background-color: #fff;
    box-shadow: 0 0 46px 12px rgba(0, 0, 0, 0.1);
    margin-left: -29px !Important;
}

.preview .col-1 {
    display: none !important;
}

.preview .col-2 {
    width: 100% !important;
}

.preview .col-1 img {
    margin-bottom: 5px;
}

.preview.small {
    padding-bottom: 5px;
}

.preview.small .col-1 {
    width: 53px;
    padding-right: 4px;
}

.preview.small .col-2 {
    width: 160px;
}

.preview.small .padding {
    padding: 8px 3px 0;
}

.preview .preview_top {
    overflow: hidden;
}

.preview .preview_bot {
    padding: 0;
}

.preview.small .preview_bot {
    margin-top: 0;
    padding: 8px 0 12px 55px;
}

.preview.small img {
    margin-bottom: 4px;
    margin-left: 1px;
}

.preview .big_image {
    text-align: center;
}

.preview.small .big_image {
    left: 62px;
}

.icon {
    float: left;
    width: 30px;
}

.txt {
    margin-bottom: 10px;
    margin-left: 30px;
}

.twit {
    overflow: hidden;
    margin-bottom: 10px;
    padding: 5px 0 15px 0;
    border-bottom: 1px solid rgba(200, 200, 200, 0.1);
}

.twit a, .twit .icon {
    color: #9d3bc6;
}

.twit .icon {
    width: 40px;
    font-size: 18px;
}

.twit .mess {
    margin-left: 40px;
}

.fb-like-box, .fb-like-box iframe[style], .fb-like-box span {
    width: 100% !important;
}

.block {
    margin: 0 0 15px;
    border-bottom: none;
}

.block.last {
    border: none;
}

.block .block-title {
    padding-bottom: 10px;
    text-transform: uppercase;
    font-size: 20px;
    line-height: 24px;
    font-weight: normal;
}
span.current-info{    display: block;
    background: #2c343d;
    color: #ffffff;
    font-size: 14px;
    text-transform: none;
    padding: 5px;
    margin: 5px;
}
span.open{display:inline-block; float:right;}
span.closed{display:none; float:right;}
.collapsed span.open{display:none !important; float:right;}
.collapsed span.closed{display:inline-block !important; float:right;}


span.current-info::after{content:"x"; float:right; display:inline-block;}
.block .block-title strong {
    font-weight: normal;
}

.block .block-content {
    padding: 5px 0 15px;
}

.block .block-subtitle {
    margin: 0 0 10px;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 18px;
}

.block-layered-nav dt {
    margin: 0;
    padding: 7px 0 6px;
    font-weight: bold;
}

.block-layered-nav dd {
    margin: 0 0 25px;
    padding: 0;
}

.block-layered-nav ol {
    margin: 0;
}

.block-layered-nav dd li {
    margin-bottom: 6px;
    padding: 0 0 0 19px;
    background: url(https://www.surfaceshields.com/skin/frontend/buyshop/default/images/template/block-layered-dt.gif) no-repeat scroll 0 9px transparent;
}

.block-layered-nav dd li a {
    text-decoration: none;
}

.block-layered-nav dd li a:hover {
    text-decoration: underline;
}

ul#poll-answers {
    margin-bottom: 15px;
}

ul#poll-answers li {
    line-height: 22px;
}

ul#poll-answers .label {
    display: inline-block;
    padding: 0 4px;
    border-radius: 0;
    background: none;
    color: #000;
    vertical-align: baseline;
    text-shadow: none;
    white-space: nowrap;
    font-weight: normal;
    font-size: 12px;
}

ul#poll-answers label {
    margin: 0;
}

ul#poll-answers input[type="radio"] {
    margin: -2px 0 0;
}

.line {
    overflow: hidden;
    margin: 10px 0;
    width: 100%;
    height: 1px;
    border-top: 1px solid #ececec;

}

.patriks_day .line {

    margin: 5px 0;
    height: 40px;
    border: none;
}

.helloween .line {

    margin: 5px 0;
    height: 40px;
    border: none;
}

.christmas .line {

    margin: 5px 0;
    height: 40px;
    border: none;
}

.thanksgiving .line {

    margin: 5px 0;
    height: 40px;
    border: none;
}

.line1 {
    overflow: hidden;
    margin: 10px 0;
    width: 100%;
    height: 1px;
    border-bottom: 1px solid #c7c7c7;
}

.listing_header_row1 {
    padding: 10px 0 0;
    line-height: 26px;
}

.listing_header_row1 .pull-left {
    width: 34%;
}

.listing_header_row1 .pull-right {
    width: 32%;
}

.listing_header_row2 {
    padding: 0 0 30px 0;
}

.listing_header_row1 label {
    display: inline-block;
    padding-right: 15px;
    font-size: 12px;
    line-height: 26px;
    cursor: text;
}

.listing_header_row1 a[class^="icon-"], .listing_header_row1 a[class*=" icon-"] {
    padding-right: 5px;
    color: #000;
    font-size: 26px;
    text-decoration: none;
    display: inline-block;
}

@-moz-document url-prefix() {
.listing_header_row1 a[class^="icon-"], .listing_header_row1 a[class*=" icon-"] {
margin-top:-2px;
}
}
.listing_header_row1 a[class^="icon-"]:hover, .listing_header_row1 a[class*=" icon-"]:hover {
    color: #666;
}

.listing_header_row1 a[class^="icon-"].active, .listing_header_row1 a[class*=" icon-"].active {
    color: #9d3bc6;
}

.num {
    text-align: right;
}

.num a {
    display: inline-block;
    padding-right: 5px;
    line-height: 20px;
}

a.small_icon i {
    padding: 0 3px;
    background-color: rgba(236, 236, 236, 1);
    font-size: 12px;
    line-height: 20px;
}

a.small_icon:hover i {
    background-color: rgba(236, 236, 236, 0.6);
}

a.small_icon_color i {
    margin-top: -2px;
    margin-right: 7px;
    padding: 0 2px;
    border-radius: 2px;
    background-color: #9d3bc6;
    color: #fff;
    font-size: 12px;
    line-height: 20px;
}

a.small_icon_color i.icon-heart {
    text-indent: 1px;
}

a.small_icon_color:hover i {
    background-color: #6a2886;
}

.middle_icon_color {
    display: block;
    margin-right: 10px;
    padding: 2px 0 0 0;
    width: 32px;
    font-size: 23px;
    height: 29px;
    line-height: 28px;
    border-radius: 3px;
    background: #9d3bc6;
    text-align: center;
    color: #fff;
    -webkit-transition: background-color 0.25s 0s ease;
    -moz-transition: background-color 0.25s 0s ease;
    -o-transition: background-color 0.25s 0s ease;
}

.rating {
    margin-top: 7px;
}

.rating i {
    color: #ccc;
    font-size: 14px;
}

.rating strong i {
    color: #b141e4;
}



#fancybox-content{background: url(https://www.surfaceshields.com/skin/frontend/buyshop/default/images/template/ajax-loader-quick-view.gif)  no-repeat center center;}
body.ajax-index-options{background-color:#fff !important}
.product-shop {
    display: inline-block;
}

.product-shop h2 {
    padding-right: 0;
    margin-bottom: 0px !important;
    line-height: 35px !Important;
}

.product-shop .product_info_left {
    overflow: hidden;
}

.product-shop .product_custom, .product-shop .product_related {
    float: right;
    margin-left: 30px;
    margin-top: -10px;
    width: 170px;
}



.product-img-box .more-views li {
    margin: 0 0 10px;
    padding: 2px;
    border-radius: 6px;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.27);
}
.product-options dd select {
    width: 99%;
}

@-moz-document url-prefix() { 
    .product-shop .product-options dd select#select_2 {
        height: 44px !important;
    }
}

.product-options dt label {
    font-weight: bold;
    display: none;
}
.product-options dt label.configuarble{display:inline-block !important;}
.direction-nav, .small_previews {
    position: relative;
    float: right;
    margin-top: -10px;
    display: none;
}
.product-options p.required {
    display: none;
}

.product-shop .product-name h1
{
    margin-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    color: #2c343d;
}

.product-shop .availability {
    padding-bottom: 20px;
    border-bottom: none;
    color: rgba(255,255,255,0.0);
}

.product-shop .short-description {
    padding: 0px 0 30px !Important;
    color: #2c343d;
}

.product-shop .price-box {
    padding: 25px 0 10px;
    font-size: 24px;
    line-height: 24px;
    font-weight: bold;
}

.product-listing .price-box {
    display: inline-block;
    /*color: #4a4a4a;*/
    font-weight: normal;
    font-size: 18px;
    line-height: 30px;
    width: 200px;
}

.product-listing .product-review {
    display: inline-block;
    line-height: 30px;
}

.product-listing .product-review a {
    text-decoration: underline;
}

.product-listing .product-review a:hover {
    text-decoration: none;
}

.product-shop .old-price, .product-shop .special-price, .product-listing .old-price, .product-listing .special-price {
    display: inline-block;
}

.product-shop .old-price .price, .product-listing .old-price .price {
    padding-right: 10px;
    color: #4a4a4a;
    text-decoration: line-through;
    font-weight: normal;
    font-size: 18px;
    line-height: 30px;
}

.product-shop .special-price .price, .product-listing .special-price .price {
    color: #e60000;
}

.product-listing .special-price .price {
    /*font-size: 24px;
    line-height: 24px;
    font-weight: bold;*/
}

.product-shop .add-to-cart {
    margin: -30px 0 5px !important;
    position: relative !important;
}


#colorbox input#recieveupdates-05 {
    width: auto !Important;
    margin-left: 0px;
    margin-right: 10px !Important;
	text-align:left !important;
}

#pccf_5 > fieldset > div:nth-child(6) > div > div > label {text-align:left !Important;}
.product-shop .add-to-cart label {
    float: left;
    margin-right: 12px;
    line-height: 30px;
}
.product-shop .add-to-cart .qty {
    border: none;
    height: auto!important;
    max-height: 100%;
    padding: 0px!important;
}
.product-shop .add-to-cart .qty input {
    padding: 0;
    width: 100% !important;
    height: 47px!important;
    border: 1px solid #2c343d!important;
    border-radius: 0;
    text-align: left;
    padding: 0px 10px  0px 10px !Important;
    background: transparent !important;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
#colorbox input#recieveupdates5 {
    width: 92% !important;
    border: none !Important;
}

.product-listing {
    margin-bottom: 20px;
}

.product-listing a.btn-cart {
    margin-right: 20px;
    margin-bottom: 5px;
    height: 38px;
    vertical-align: middle;
    font-size: 14px;
    line-height: 38px;
}

.product-shop .add-to-cart button.btn-cart i, .product-listing a.btn-cart i {
    margin-top: -10px;
    padding-right: 8px;
    font-size: 22px;
}

.product-listing a.btn-cart i {
    margin-top: -2px;
}

.product-shop .add-to-links, .product-listing .add-to-links {
    display: none;
}

.product-shop .no-rating {
    display: none;
}

.product-image #wrap{z-index:99 !important;}
.product-listing .add-to-links {
    padding: 10px 0 0 0;
}

.product-shop .add-to-links li, .product-listing .add-to-links li {
    float: left;
    margin-right: 10px;
    margin-bottom: 5px;
}

.product-shop .add-to-links li:last-child, .product-listing .add-to-links li:last-child {
    margin-right: 0;
}

.product-shop .no-rating {
    padding: 15px 0;
}

.product-shop .no-rating a {
    text-decoration: underline;
}

.product-shop .no-rating a:hover {
    text-decoration: none;
}

.product-listing .bottom-line, .product-listing .product-buttons {
    border-bottom: 1px solid #e9e9e9;
    padding: 15px 0;
}

.product-listing .product-buttons {
    border: none;
}

.product-listing .product-name, .product-listing .product-name a {
    font-size: 16px;
    line-height: 16px;
    text-decoration: none;
}

.product-listing .product-name a:hover {
    text-decoration: underline;
}
.leave-a-review{margin-top: 55px; margin-bottom: 80px;text-align: center;}
.form-add{}
.left-rating .form-list input.input-text{}
.reviews-header {
    width: 100%;
    margin-top: 95px;
    margin-bottom: 0px;
    background-color: #eeeeee;
    padding: 55px 0px;
    text-align: center;
}
.reviews-header h1{
    margin-bottom: 0px;
    color: #e00000;
}
.reviews-header h3 {margin-top:0px;}
.reviews-header h1 span{}
h1 .review-header-grey{
    color: #2c343d;
}
h1 .light-grey-number{}
.buttons-set {
    clear: both;
    margin: 17px auto 0;
    padding: 8px 0 0;
    text-align: center !important;}
.form-add h2{
    text-align: center;
    margin: 0px 0px 10px !important;
    padding: 0px;
}
.form-add h3{
    text-align: center;
}
.form-add h4{
    text-align: center;
    margin: 0px !important;
}
.left-rating .form-list textarea {width:100%;}
.left-rating .form-list input.input-text{
    width: 100%;
}
.left-rating .form-list .input-box{
    width: 100% !important;
}

#radios {
    width: 85% !important;
    float: right;
}


.left-rating{float: none; max-width: 600px;margin: 0px auto 55px !Important;}
h2.rating-headers{float: left;
    margin: 0px;
    padding: 0px 0px;margin-top: -10px;text-align: right;}
	
	
h7.rating-headers {
    color: #2c343e;
    float: left;
    margin-bottom: 0px !important;
    line-height: 20px;
}
#Use_5::before {
    content: "Easy to Use";
    display: inline-block;
    position: absolute;
    top: -22px;
    width: 100px;
    color: #000000 !important;
    font-size: 12px;
    right: 5px;
    line-height: 12px;
	text-align:right;
}

#Use_1::before {
    content: "Difficult to Use";
    display: inline-block;
    position: absolute;
    top: -22px;
    width: 100px;
    color: #000000 !important;
    font-size: 12px;
    left: 5px;
    line-height: 12px;
	text-align:left;
}

#Quality_1::before {
    content: "Poor";
    display: inline-block;
    position: absolute;
    top: -22px;
    width: 100px;
    color: #000000 !important;
    font-size: 12px;
    left: 5px;
    line-height: 12px;
	text-align:left;
}

#Quality_5::before {
    content: "Excellent";
    display: inline-block;
    position: absolute;
    top: -22px;
    width: 100px;
    color: #000000 !important;
    font-size: 12px;
   right: 5px;
    line-height: 12px;
	text-align:right;
}
#Quality_1, #Quality_2, #Quality_3, #Quality_4, #Quality_5, #Use_1, #Use_2, #Use_3, #Use_4, #Use_5 {
    padding-top: 0px;
    margin-top: 0px;
}
	.right-rating {
    float: none;
    max-width: 600px;
    padding-top: 30px;
    margin: 0px auto 50px;
}
.rating-container {
    margin: 0px 0 95px;
    width: 100%;
    display: block;
    padding-bottom: 0px;
    height: 20px;
}
.right-rating .rating-container:last-of-type{ margin: 0px 0 0px !important;}
.toggle_radio {
    position: relative;
    background: #eeeeee;
    margin: 0px auto;
    padding: 0 !important;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    position: relative;
    height: 20px;
    width: 500px;
    float: right;
    border: solid 1px;
}
.toggle_radio > * {
  float: left;
}
.toggle_radio input[type=radio]{
  display: none;
  /*position: fixed;*/
}

.toggle_radio label {
    font: 20px;
    color: rgba(0,0,0,0);
    z-index: 0;
    display: block;
    width: 100px;
    height: 20px;
    margin: 0px 0px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    cursor: pointer;
    z-index: 1;
    /* background: rgba(0,0,0,.1); */
    text-align: center;
    /* margin: 0 0px; */
    /* background: blue; */
    border-left: solid 1px #adaeb0;
    border-radius: 0px !important;
    box-sizing: border-box;
}


#Quality_1, #Use_1{border-left:0px !important;}
.toggle_option_slider {
    width: 100px;
    height: 20px;
    position: absolute;
    top: 0px;
    -webkit-border-radius: 50px 0px 0px 50px;
    -moz-border-radius: 50px 0px 0px 50px;
    border-radius: 50px 0px 0px 50px;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    -ms-transition: all .4s ease;
    transition: all .4s ease;
    background: #e00000;
    left: 0px;
}


#Use_1:checked ~ .toggle_option_slider{
  background: #e00000;
  left: 0px;
  border-top-right-radius: 0px !important;
   border-bottom-right-radius: 0px !important;
}
#Use_2:checked ~ .toggle_option_slider{
  background: #e00000;
  left: 100px;
  border-radius: 0px !important;
  
}
#Use_3:checked ~ .toggle_option_slider{
  background: #e00000;
  left: 200px;
  border-radius: 0px !important;
}
#Use_4:checked ~ .toggle_option_slider{
  background: #e00000;
  left: 300px;
  border-radius: 0px !important;
}
#Use_5:checked ~ .toggle_option_slider{
  background: #e00000;
  left: 400px;
   -webkit-border-radius: 0px 50px 50px 0px !important;
    -moz-border-radius: 0px 50px 50px 0px !important;
    border-radius: 0px 50px 50px 0px !important;
}
#Quality_1:checked ~ .toggle_option_slider{
  background: #e00000;
  left: 0px;
   border-top-right-radius: 0px !important;
   border-bottom-right-radius: 0px !important;
}
#Quality_2:checked ~ .toggle_option_slider {
    background: #e00000;
    left: 100px;
    border-radius: 0px !important;
}
#Quality_3:checked ~ .toggle_option_slider{
  background: #e00000;
  left: 200px;
  border-radius: 0px !important;
}
#Quality_4:checked ~ .toggle_option_slider{
  background: #e00000;
  left: 300px;
  border-radius: 0px !important;
}
#Quality_5:checked ~ .toggle_option_slider{
  background: #e00000;
  left: 400px;
   -webkit-border-radius: 0px 50px 50px 0px !important;
    -moz-border-radius: 0px 50px 50px 0px !important;
    border-radius: 0px 50px 50px 0px !important;
}






.socialsplugins_wrapper {
    display: inline-block;
    padding-top: 20px;
}

.socialsplugins_wrapper .facebook_button {
    float: left;
    margin-right: 5px;
}

.socialsplugins_wrapper .twitter_button {
    float: left;
    margin-right: -10px;
}

.socialsplugins_wrapper .pinit_button {
    float: left;
}

.promo_box {
    display: table;
    width: 100%;
    padding: 18px 0;
    border-bottom: 1px solid #f2f2f2;
}

.promo_box span {
    display: block;
    vertical-align: middle;
    display: table-cell;
    width: 100%;
}

.promo_box:hover div {
    background-color: #6a2886;
}

{
    color: #e60000
;
}
.nav-tabs {
    margin-top: 25px;
}

.nav-tabs > li > a, .nav-pills > li > a {
    margin-right: 4px;
    padding-right: 20px;
    padding-left: 20px;
}

.nav-tabs {
    border-bottom: none;
}

.nav-tabs > li {
    margin-bottom: 0;
}

.nav-tabs > li > a {
    display: block;
    padding-top: 8px;
    padding-bottom: 8px;
    border: none;
    border-radius: 4px 4px 0 0;
    background-color: #fff;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.27);
    color: #000;
    font-weight: bold;
    line-height: 24px;
}

.nav-tabs > li > a:hover, .nav-tabs > .active > a, .nav-tabs > .active > a:hover {
    border: none;
    background-color: #9d3bc6;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.27);
    color: #fff;
    text-decoration: none;
}

.tab-content{background:transparent !important;}

.content_top {
    margin-bottom: 20px;
}

.breadcrumbs {
    display: inline-block;
    margin-bottom: 0px;
    padding-top: 30px;
    padding-left: 0px;
}

.breadcrumbs a {
    display: block;
    float: left;
    line-height: 18px;
    font-size: 12px;
    color: #939597;
    padding-bottom: 0px;
}
.breadcrumbs a:last-child{font-family:'HelveticaNeueW01-75Bold';}

.breadcrumbs span {
    display: block;
    float: left;
    padding: 0 10px;
    color: #bababa;
}

.direction-nav, .small_previews {
    position: relative;
    float: right;
    margin-top: -10px;
}

.carousel .small_previews {
    position: absolute !important;
    top: -36px;
    right: 9px;
}

.flexslider.vertical .small_previews {
    position: absolute;
    top: 366px;
    right: 0px;
    margin: 0 0 20px 0;
}
.white-slides h1 {
    color: #ffffff !important;
	margin-bottom:15px !important;
}
.white-slides-mobile  h1{
    color: #ffffff !important;
	font-size:31px !Important;
	line-height:31px !Important;
	letter-spacing:-0.7pt !Important;}
	

.white-slides-left h1 {
  color: #ffffff !important;
  margin-bottom:15px !important;
}
.white-slides-left-mobile h1 {
  color: #ffffff !important;
  font-size:31px !Important;
	line-height:31px !Important;
	letter-spacing:-0.7pt !Important;}
  
.blue-slides h1 {
  color: #2a343e !important;
  margin-bottom:15px !important;

}
.blue-slides-mobile h1 {
  color: #2a343e !important;
  font-size:31px !Important;
	line-height:31px !Important;
	letter-spacing:-0.7pt !Important;}
	
#wrap > div.forcefullwidth_wrapper_tp_banner {
  margin-top: -152px !important;
  z-index:1;
}
.header_wrapper {position:relative; background:#ffffff; z-index: 999999;}

.fourth-height {
    background: #ffffff;
    min-height: 15vh;
    padding: 5vh 0px;
    margin-top: 75vh;
}


.centered-video-content h1 {
    color: #ffffff !important;
	margin-bottom:15px !important;
  
}
.centered-video-content p {
    color: #ffffff !important;
    margin-bottom: 30px !important;
	font-size:16px !important;
}
  

.halves-container{
    height: 50vw;
    max-height: 50vw !important;
    overflow: hidden;
}
.halves-bottom{
    max-width: 1250px;
    margin: 0px auto;
    padding: 8% 0px;
    text-align: center;
}
.full-image img{min-width:100%;}
img.full-width-image-featured{min-width:100vw;}
.tp-caption.right-video-content, .right-video-content {
    color: #000000;
    text-shadow: none;
    text-decoration: none;
    text-align: right;
    background-color: transparent;
    border-width: 0px;
    border-color: rgb(0,0,0);
    border-style: none;
    width: 50vw !important;
    left: 0px !important;
}
.halves-bottom h1{font-size:45px;}


.image-half-featured-left{
    width: 50vw;
    float: left;
    height: 50vw;
}
.image-half-featured-left img{
    min-height: 50vw;
    max-width: none;
}
.blue-right-half-inner{width:calc(100% - 140px); margin:0px auto;}
.blue-right-half {
    width: 50vw !important;
    float: right;
    position: relative;
    background: #2c343d;
    color: #ffffff;
    display: inline-flex;
    height: 35vw;
    text-align: center;
    min-height: 50vw;
    max-height: 50vw;
    align-items: center;
	    display: -webkit-flex;/* Safari */
    -webkit-align-items: center;/* Safari 7.0+ */
}
.blue-right-half h2{
    color: #ffffff;
    padding: 0px;
    font-size: 36px;
    padding-bottom: 15px;
    border-bottom: solid 2px rgba(255,255,255,0.5);
    width: 50%;
    margin: 0px auto 15px;
}
.blue-right-half p{
    text-transform: uppercase;
    font-family: 'HelveticaNeueW01-75Bold';
}
.blue-left-half-inner{width:calc(100% - 140px); margin:0px auto;}
.blue-left-half {
    width: 50vw !important;
    float: left;
    position: relative;
    background: #2c343d;
    color: #ffffff;
    display: inline-flex;
    height: 35vw;
    text-align: center;
    min-height: 50vw;
    max-height: 50vw;
    align-items: center;
	 display: flex;
    align-items: center;
    display: -webkit-flex;/* Safari */
    -webkit-align-items: center;/* Safari 7.0+ */
}
.blue-left-half h2{
    color: #ffffff;
    padding: 0px;
    font-size: 36px;
    padding-bottom: 15px;
    border-bottom: solid 2px rgba(255,255,255,0.5);
    width: 50%;
    margin: 0px auto 15px;
}
.blue-left-half p{
    text-transform: uppercase;
    font-family: 'HelveticaNeueW01-75Bold';
}
.image-half-featured{
    width: 50vw;
    float: right;
    height: 50vw;
}
.image-half-featured img{
    min-height: 50vw;
    max-width: none;
}
.fullwidth-featured-product {
    vertical-align: middle;
    display: table;
    background-size: cover !Important;
    background-attachment: fixed !important;
    transform:translate(0,0);
    width: 100vw;
    margin-bottom: -10px;
}
.fifth-height{
    background: #ffffff;
    padding-top: 10vh;
    padding-bottom: 10vh;
    min-height: 10vh;
    max-height: 20vh;
}
.full-image{
    width: 100%;
}
.inner-third-content{
    margin: 0px auto;
    text-align: center;
    display: flex;
    align-items: center;
    display: 
    
    
    
    -webkit-flex;/* Safari */
    -webkit-align-items: center;/* Safari 7.0+ */
    padding-top: 95px;
    padding-bottom: 95px;
}
.inner-align-middle{
    color: #2b343d;
    width: 90%;
    margin: 0px auto;
}
.inner-align-middle h1{
    color: #2b343d;
}
.half-height{}
.half-height .container{padding: 95px 0px 0px !important;}
.half-height .container h1{padding-top:0px !important;}
.small_preview {
    position: absolute;
    width: 85px;
    height: 85px;
    z-index: 10000;
    top: 38px;
    display: none;
    padding: 4px;
    border-radius: 5px;
    background: #fff;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.27);
}

.small_preview.next {
    right: -60px;
}

.small_preview.prev {
    right: 40px;
}

.small_previews #jcarousel_preview_prev, .small_previews #jcarousel_preview_next {
    top: 20px;
    z-index: 100;
}

.accordion {
    margin-bottom: 20px;
}
#column_left .accordion-group {
    margin-bottom: 1px;
    padding: 10px 0;
    border-radius: 0px;
    background: #eeeeee;
	box-shadow:none;
    margin-right: 10px;
}
#column_left .accordion-heading a.collapsed {
    margin: 0;
    background: transparent !IMPORTANT;
    color: #2c343d;
    font-family: 'HelveticaNeueW01-75Bold';
    text-transform: uppercase;
}
#column_left .accordion-heading a {
    margin-top: 3px;
    border-radius: 5px;
    background: transparent;
    color: #2c343d;
    text-decoration: none;
    text-transform: uppercase;
    font-family: HelveticaNeueW01-75Bold;
}
.accordion-group {
    margin-bottom: 2px;
    padding: 2px 0;
    border-radius: 5px;
    background: #fff;
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1);
}

.accordion-heading {
    border-bottom: 0 none;
    font-size: 16px;
    line-height: 16px;
    font-weight: normal;
}

.accordion-heading a {
    margin-top: 3px;
    border-radius: 5px;
    background: #000;
    color: #fff;
    text-decoration: none;
}

.accordion-heading a.collapsed {
    margin: 0;
    background: #fff;
    color: #4c4c4c;
}



.accordion-heading .accordion-toggle {
    display: block;
    padding: 8px 15px;
}

.accordion-toggle {
    cursor: pointer;
}

.accordion-inner {
    overflow: hidden;
    padding: 20px 25px;
    border-top: none !important;
    text-align: left;
}

.box-list {
    padding: 10px 30px 20px;
    border-radius: 5px;
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1);
}

.box-list li {
    padding: 4px 0;
    border-bottom: 1px solid rgba(200, 200, 200, 0.2);
}

.box-list li:last-child {
    border: none;
}

.custom_blocks {
    
    display: inline-block;
    width: 100%;
}

.custom_blocks .box {
    float: left;
    text-align: center;
    padding: 0;
    background: none;
}


.custom_blocks .pull-left {
    padding: 0;
    background: none;
}




.custom_blocks .box a:hover {
    text-decoration: none;
}

.custom_blocks .box .inside {
    margin: 8px 0 0;
    text-align: center;
    -moz-transition: all 1s 0s linear;
    -o-transition: all 1s 0s linear;
    -webkit-transition: all 1s 0s linear;
    overflow: hidden;
}

.custom_blocks .box:hover .inside {
    -moz-transition: all 0.5s 0s linear;
    -o-transition: all 0.5s 0s linear;
    -webkit-transition: all 0.5s 0s linear;
}

.custom_blocks .box .icon_circle {
    width: 62px;
    height: 63px;
    display: inline-block;
    margin: 0 10px 0 0;
    text-align: center;
}

.custom_blocks .box .icon_circle.dark {
    background: url(https://www.surfaceshields.com/skin/frontend/buyshop/default/images/template/icon_dark.png) no-repeat;
}

.custom_blocks .box .icon_circle.light {
    background: url(https://www.surfaceshields.com/skin/frontend/buyshop/default/images/template/icon_light.png) no-repeat;
}

.custom_blocks .box .text {
    display: inline-block;
    line-height: 63px;
}

.custom_blocks .box .icon_circle i {
    font-size: 34px;
    height: 62px;
    width: 62px;
    padding: 1px 0 0;
    margin: 0;
    vertical-align: middle;
    display: table-cell;
    -moz-transition: font-size 0.1s 0s ease;
    -o-transition: font-size 0.1s 0s ease;
    -webkit-transition: font-size 0.1s 0s ease;
}

.custom_blocks .box .icon_circle.dark i {
    color: #fff;
}

.custom_blocks .box .icon_circle.light i {
    color: #444;
}


.block_img img {
    margin-bottom: 20px;
    border-radius: 5px;
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
    -moz-transition: all 0.2s 0s linear;
    -o-transition: all 0.2s 0s linear;
    -webkit-transition: all 0.2s 0s linear;
    width: 100%;
}

.block_img img:hover {
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);
}

.message {
    padding: 15px 20px 10px;
    margin-bottom: 20px;
    border-radius: 8px;
    border-width: 1px;
    border-style: solid;
}

.message .text {
    font-size: 12px;
    line-height: 28px;
    display: inline-block;
}

.message i {
    font-size: 28px;
    padding-right: 10px;
    display: inline-block;
}

@-moz-document url-prefix() {
.message i {
 margin-top:-2px;
}
}
.message.error {
    background: #f3dddd;
    border-color: #dfd2d2;
    color: #866868;
}

.message.error i {
    color: #d1aaaa;
}

.message.done {
    background: #e8f6df;
    border-color: #d9e6d1;
    color: #67795c;
}

.message.done i {
    color: #bad3aa;
}

.message.info {
    background: #efefef;
    border-color: #e8e8e8;
    color: #8a8a8a;
}

.message.info i {
    color: #c7c7c7;
    font-size: 22px;
    padding-top: 3px;
    padding-bottom: 3px;
}



/*FOOTER*/



#bottom_block {
    padding: 95px 0 95px !important;
    margin-bottom: -50px;
    background-color:#2c343d !important;
    color:#ffffff !important;
    margin: 0px auto !important;
	position:relative;
}
#bottom_block .row{margin-left:0px !important;}
#bottom_block .span3{
    width: 24% !important;
}
#bottom_block .container .row .span3:last-of-type{float:right;}
#bottom_block .span6{
    width: 40% !important;
	border-left: solid 1px #949699;
	border-right: solid 1px #949699;
    margin-right: 5%;
    padding-left: 5%;
}
#bottom_block .span3 .span3{
    width: 100% !important;
}
#bottom_block .span6 .span3{
    width: 40% !important;
}
#bottom_block .span6 .span3:last-of-type{
    width: 40% !important;
    padding-left: 20%;
}
#bottom_block a {
    color: #000000;
    max-width: 100%;
    color: #ffffff !important;
    margin-bottom: 10px;
}
.links-left-column{
    width: 75%;
}
.links-right-column{
    width: 75%;
}

img.clean-up-logo {
    margin-bottom: 38px;
}
.footer-info{}


#bottom_block h4 {display:none !important;}
#push, #footer {
    /*height: 27px;*/
    clear: both;
}

#footer {
    z-index: 3000;
    position: relative;
    color: #959595;
    bottom: 0;
    margin-top: -27px;
}

#footer:hover {
    z-index: 3002;
}

#footer a {
    color: #959595;
}

#footer_line {
    position: relative;
    z-index: 0;
    background-color: #2c343d !important;
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 12px;
    color: #ffffff;
    background-image: url(https://www.surfaceshields.com/skin/frontend/buyshop/default/img/footer-border.jpg);
    background-repeat: repeat-x;
    background-size: auto 16px;
    background-position: top center;
}

#footer_bottom {
    position: relative;
    z-index: 1;
}

#footer_bottom i {
    color: #fff;
    font-size: 14px;
}

#footer_bottom .pull-right, #footer_bottom .pull-left {
    max-width: 49%;
}

#footer_bottom .pull-right {
    text-align: right;
}

#footer_bottom .noHover, #footer_bottom .noHover span {
    padding: 0;
    line-height: 25px;
    margin: 0 0 1px 0;
}

#footer_bottom .noHover img {
    vertical-align: middle;
}

#footer_bottom .noHover span {
    display: inline-block;
}

#footer_bottom .noHover span.text {
    padding-top: 5px;
}

#footer_bottom .noHover span.text, #footer_bottom .noHover span.text span {
    display: inline-block;
    line-height: 18px
}

#footer_bottom .noHover span.text span {
    margin: 0;
}

#footer_bottom .pull-right.noHover {
    padding: 2px 0 0;
    line-height: 24px;
}

#footer_bottom .noHover .payment_icons {
    margin-right: 5px;
}

#footer_bottom .payment_icons img {
    margin-right: 4px;
}

#footer_button {
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 2;
    margin-left: -20px;
    padding: 3px 0 0 0;
    width: 30px;
    height: 24px;
    text-align: center;
    background: #3c3c3c;
    color: #fff;
    font-size: 20px;
    cursor: pointer;
}

#footer_popup {
    position: absolute;
    z-index: 0;
    bottom: 0;
    display: none;
    padding-bottom: 65px;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.85);
}

#footer_popup.footer_bg {
    /*	background-image:url(https://www.surfaceshields.com/skin/frontend/buyshop/default/images/template/glyphicons-halflings.png);
*/
}

#footer_popup h3, #footer_popup h4 {
    padding: 10px 0;
    border-bottom: 1px solid #444;
    color: #fff;
    font-size: 18px;
    line-height: 24px;
    font-weight: normal;
}

#footer_popup h4 {
    border: none;
}

#footer_bottom i {
    color: #fff;
    font-size: 14px;
    height: 20px;
    -webkit-transition: font-size 0.25s 0s ease;
    -moz-transition: font-size 0.25s 0s ease;
    -o-transition: font-size 0.25s 0s ease;
}

#footer_bottom i:hover {
    font-size: 20px;
    -webkit-transition: font-size 0.25s 0s ease;
    -moz-transition: font-size 0.25s 0s ease;
    -o-transition: font-size 0.25s 0s ease;
}

#footer_popup.static-popup {
    display: block !important;
    padding-bottom: 16px;
    position: relative;
    margin-top: 7px;
}


#login-box {
    z-index: 100000;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -160px;
    margin-top: -200px;
    width: 320px;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.27);
    border-radius: 5px;
    background: #fff;
    text-align: center;
}
.form-search button, .form-mail button {
  color: #c7c8ca !important;
}
.form-search button, .form-mail button, .shoppingcart {
  background-color: transparent !important;
}

#login-box a {
    text-decoration: underline;
}

#login-box a:hover, #login-box .button {
    text-decoration: none;
}

#login-box .inside {
    padding: 20px;
}

#login-box input {
    text-align: center;
    color: #000;
    margin: 12px 0;
}

#login-box .button {
    margin-top: 20px;
    position: relative;
}

#login-box .line {
    overflow: hidden;
    margin: 20px -20px 0 -20px;
    width: 320px;
    height: 1px;
    border-top: 5px solid #9d3bc6;
}

#carousel_tabs a {
    white-space: nowrap;
}

/*form element*/
label, input, button, select, textarea {
    font-weight: normal;
    font-size: 12px;
    line-height: 20px;
}

.form-search-wrapper {
    position: relative;
    z-index: 50004;
    margin-right: 58px;
    background-size: 273px 23px;
}

.helloween .form-search-wrapper {

    margin-top: -25px;
    padding-top: 25px;
}

.patriks_day .form-search-wrapper {

    margin-top: -25px;
    padding-top: 25px;
}

.thanksgiving .form-search-wrapper {

    margin-top: -25px;
    padding-top: 25px;
}

.christmas .form-search-wrapper {

    margin-top: -18px;
    padding-top: 18px;
}

.form-search {
    position: relative;
    margin-bottom: 0;
}

.form-search input.search-query{
    padding-left: 30%;
    font-size: 12px;
    max-width: 167px;
    height: 24px;
    border: 2px solid #fff;
    border-radius: 4px;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.27);
    width: 100%;
    color: #939598;
    font-style: italic;
    padding-right: 25%;
    text-align: center;
}
.form-search input.search-query:focus  {
    border-color: #e00000;
}
.form-search button {top:0px !important;}

select, select:focus {
    border-radius: 0px;
    box-shadow: 0;
    outline: none;
    height: 34px;
    line-height: 34px;
    padding: 6px;
    font-size: 14px;
}

select.fullwidth, input.fullwidth, textarea.fullwidth {
    width: 99%;
}

input.fullwidth, textarea.fullwidth {
    width: 94%;
}

textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    /* border: 2px solid #fff; */
    border: 1px solid #c6c7c9;
    border-radius: 0px;
    box-shadow: none;
}


textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
    border-color: #C68DDE;
    box-shadow: none;
}

#form-contact input {
    width: 100%;
}

#form-contact input.input-small {
    width: 120px;
    margin-top: 5px;
}

#form-contact textarea {
    width: 100%;
    height: 185px;
    margin-bottom: 20px;
}

button, .button {
    padding: 0 14px;
    border: none;
    border-radius: 3px;
    background: #9d3bc6;
    color: #fff;
    text-transform: uppercase;
    white-space: nowrap;
    font-size: 12px;
    line-height: 25px;
    font-weight: normal;
}

button.dark, .button.dark {
    background: #333;
}

.button {
    display: inline-block;
    text-decoration: none;
}

button:hover, .button:hover {
    /*background:#6a2886;*/
    color: #fff;
    text-decoration: none;
}

button.dark:hover, .button.dark:hover {
    background: #000;
}

button.button-2x, .button.button-2x {
    padding: 0 15px;
    font-size: 16px;
    line-height: 33px;
    font-weight: normal;
}

.actions .button, .category-products.aligncenter {
    margin-bottom: 5px
}
.category-products .big_with_description .product-tocart {
    margin-top: 0px;
    display: none;
}
.small-product-stars{
    width: 50%;
    float: left;
}
a.right-details-link{
    font-size: 13px;
    float: right;
    padding-top: 0px;
    padding-right: 15px;
    position: absolute;
    right: 0px;
    bottom: 10px;
}
.related-products-container .product .product-tocart{display:none !important;}
a.right-details-link::after{content:" ";
width: 0px;
height: 0;
border-style: solid;
border-width: 5px 0 5px 5px;
border-color: transparent transparent transparent #e00000;
font-size: 13px;position: relative;float: right;margin-left: 5px;text-align: right;margin-top: 5px;}
.revicon-right-dir:before {
    content: '\e818';
    padding-left: 3px;
}
.upsell a.right-details-link::after {
    content: " ";
    width: 0px;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-color: transparent transparent transparent #e00000;
    font-size: 13px;
    position: relative;
    float: right;
    margin-left: 5px;
    text-align: right;
    margin-top: 2px;
}
.slide-inner-container h4 sup{font-size:12px !important; top:-1.5em !important;}
.upsell .es-carousel .product_outer .product {
    height: 100%;
    display: block;
    float: left;
    width: 25%;
    margin: 0px !Important;
    padding: 5px 3px !Important;
	max-width:25% !important;
}
p.short-description-1 {
    font-size: 13px;
    line-height: 18px;
}
.bottom-product-wrapper{
    padding: 0px 14px;
}
.product{
opacity: 1;
border:solid 1px transparent !important;
box-sizing:border-box;
   transition: border-color .25s ease-in-out;
   -moz-transition: border-color .25s ease-in-out;
   -webkit-transition: border-color .25s ease-in-out;
}
.product:hover{  opacity: 1;
border:solid 1px #bcbfc1 !important;
box-sizing:border-box;


}


button.button-3x, .button.button-3x {
    padding: 2px 15px 6px 15px;
    border: none;
    border-radius: 3px;
    background: #9d3bc6;
    color: #fff;
    text-transform: uppercase;
    white-space: nowrap;
    font-size: 64px;
    line-height: 64px;
    font-weight: normal;
    margin-bottom: 15px;
}

.form-search button, .form-mail button {
    position: absolute;
    top: 2px;
    left: 10px;
    margin: 0;
    padding: 2px 0 0 0;
    width: 32px;
    height: 32px;
    border: none;
    border-radius: 3px;
    background: #9d3bc6;
    background-image: none;
    box-shadow: none;
    color: #fff;
    text-shadow: none;
    -webkit-transition: background-color 0.25s 0s ease;
    -moz-transition: background-color 0.25s 0s ease;
    -o-transition: background-color 0.25s 0s ease;
}

.form-mail button {
    padding: 0 0 2px;
}

.form-search button.btn:hover, .form-mail button.btn:hover {
    background: #6a2886;
    color: #fff;
    -webkit-transition: background-color 0.25s 0s ease;
    -moz-transition: background-color 0.25s 0s ease;
    -o-transition: background-color 0.25s 0s ease;
}

.form-mail {
    position: relative;
}

.form-mail input {
    padding-left: 44px;
    width: auto;
    height: 24px;
    border: 2px solid #fff;
    border-radius: 0px;
    box-shadow: none;
}

.form-login-wrapper {
    position: absolute;
    width: 330px;
    top: 20px;
    right: 0;
    z-index: 50005;
    display: none;
    padding: 8px 8px 12px 20px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    background-color: rgba(0, 0, 0, 0.89);
}

.form-login-wrapper:hover {
    display: block;
}

.form-login {
    margin: 0;
}

.form-login input {
    margin: 0 15px 0 -24px;
    padding-left: 25px;
    width: 112px;
    height: 22px;
    border: 2px solid #fff;
    border-radius: 0px;
}

.form-login .pull-left i {
    position: relative;
    z-index: 100;
    width: 18px;
    color: #000;
    font-size: 16px;
    height: 32px;
    vertical-align: middle;
}

.form-login button {
    float: left;
    display: inline-block;
    margin: 0 0 0 -5px;
    padding: 0;
    width: 20px;
    height: 32px;
    border: none;
    background: none;
    background-image: none;
    box-shadow: none;
    color: #fff;
    text-shadow: none;
}

.form-login button i {
    color: #ff0066;
    font-size: 20px;
    line-height: 20px;
}

.form-login button.btn:hover {
    background: none;
}

.small-nav-item {
	  width: 45%;
}
.searchbar1{width:55%; margin-top:7px;}


#megamenu {
    position:relative;
	z-index:99999;
}

#megamenu #nav ul.level0 {
  width: 100vw;
  position: fixed;
  left: 0;
  border-radius: 0px !important;
}

ul.level0 ul.shadow{width:1250px; margin:0px auto;}
#megamenu #nav  ul.level0 > li {
    width:100%;
}
#megamenu li.row_middle, #megamenu li.row_top, #megamenu li.row_bot {
    width:100%;
    padding:0;
    margin:0;
}
#megamenu span.inside {
    margin: 0 30px;
    padding: 20px 0;
    display:block;
    font: 13px/18px 'Oswald', sans-serif;
    text-transform:uppercase;
}
#megamenu span.inside i {
    font-size:18px;
    margin:-2px 5px 0 0;

}
#megamenu li.row_middle > ul {
    margin: 0 30px;
    padding: 30px 0 5px;
    display:block;
}
#megamenu li.row_top .inside {
    border-bottom: 1px solid #e1e1e1;
}
#megamenu li.row_bot .inside {
    border-top: 1px solid #e1e1e1;
}
#megamenu li.row_middle {
}
#megamenu ul.rows_outer {
    float:left;
}
#megamenu ul.rows_outer > li {
    clear:both;
}
#megamenu ul.rows_outer ul {
    display:block;
    width:auto;
    position: relative;
    top:0;
    left:0;
    padding:0;
    border-radius:0;
    box-shadow: 0;
    z-index:99;
}
#megamenu ul.rows_outer ul:hover {
    z-index: 100;
}
#megamenu ul.rows_outer ul.menu_row li.col {
    display:block;
    width:175px;
    float:left;
    padding:0;
    margin:0 10px 30px 0;
    box-shadow:none;
    position:relative;
    z-index: 99;
}
#megamenu ul.rows_outer ul.menu_row li.col:hover {
    z-index: 100;
}
#megamenu ul.rows_outer ul.menu_row li.col ul {
    box-shadow:none;
}
#megamenu ul.rows_outer ul.menu_row li.col li {
    width:auto;
    float:none;
    padding-left:5px;
}
#megamenu ul.rows_outer ul.menu_row li.col li.title {
    font-family: 'HelveticaNeueW01-75Bold' !important;
    margin-bottom:10px;
    text-transform:uppercase;
}
#megamenu ul.rows_outer ul.menu_row li.col li.title span {
    display:inline-block;
    margin:1px 0 0 5px;
    font: 11px/16px Arial, Helvetica, sans-serif;
    padding: 0 5px;
    color:#fff;
    border-radius:3px;
    background-color:#9d3bc6;
}
#megamenu ul.rows_outer ul.menu_row li.col li:hover {
    background-color: #f0f0f0;
}
#megamenu ul.rows_outer ul.menu_row li.col li.title:hover {
    background-color: transparent !important;
}
#megamenu ul.rows_outer ul.menu_row li.col li a:hover {
    text-decoration: none;
}
#megamenu ul.rows_outer ul.menu_row li.col li ul {
    position:absolute;
    display:none;
    z-index:1000;
    top: -10px;
    left: 100px;
    padding: 10px 0;
    width:200px;
    border-radius: 6px;
    background:#fdfdfd;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
#megamenu ul.rows_outer ul.menu_row li.col li:hover ul {
    display:block;
}
#megamenu ul.rows_outer ul.menu_row li.col li ul a { padding: 4px 10px;}
#megamenu .custom {
    padding: 20px 15px;
    color: #949699;
}
#megamenu .custom img {
    border:5px solid #fff;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);
    margin-bottom:10px;
}
#megamenu ul.rows_outer a {
    display:block;
    padding: 4px 0;

    text-decoration: none;
    font-size:12px;
    line-height:16px;
}
#nav > li.level0.nav-7.parent > ul > ul > li > ul > li:nth-child(1) > ul > li:nth-child(1) > ul > li{}


/**/
#megamenu ul.rows_outer ul.menu_row li.col li.title a {
    font: 12px/15px 'Oswald', sans-serif;
    margin-bottom:10px;
    text-transform:uppercase;
    display: inline;
    background: none !important;
}
ul.menu_row > li.col > ul > li  a,#megamenu .inside a{ background: none !important}
#megamenu .inside a{  display: inline}


/*service-tabs*/





/* NOTE: width and height for div#wn also specified in head of demo */
div#wn {
    position:relative;/* scroll area div must be positioned */
    width: 350px;
    height: 466px;/* width and height required. adjust to suit  */
    overflow:hidden;/* required! */
    outline-color: transparent !important;
}

/* style scrollLinks to suit your taste and layout. Styles below center them under the scroll area.
scrollbar.html shows how to position them to the right of the scroll area */
div#scrollLinks {
    position:relative;
    /* include following if you don't want scroll controls hidden when insufficient content for scrolling */
    /* visibility:visible !important; */ 
    width: 32px; height:15px;
    float: right;
}
div#scrollLinks .up {
    background-image:url('https://www.surfaceshields.com/skin/frontend/buyshop/default/images/tri-up.gif');
    background-repeat: no-repeat;
    width: 15px; 
    height: 10px; /* specify width and height of your image */
    position:absolute; 
    left: 0px;
    top: 5px;
}
div#scrollLinks .down {
    background-image:url('https://www.surfaceshields.com/skin/frontend/buyshop/default/images/tri-dn.gif');
    background-repeat: no-repeat;
    width: 15px; 
    height: 10px; /* specify width and height of your image */
    position:absolute;
    right: 0px;
    top: 5px;
}
	div#scrollLinks2 {
    position:relative;
    /* include following if you don't want scroll controls hidden when insufficient content for scrolling */
    /* visibility:visible !important; */ 
    width: 32px; height:15px;
    float: right;
}
div#scrollLinks2 .up {
    background-image:url('https://www.surfaceshields.com/skin/frontend/buyshop/default/images/tri-up.gif');
    background-repeat: no-repeat;
    width: 15px; 
    height: 10px; /* specify width and height of your image */
    position:absolute; 
    left: 0px;
    top: 5px;
}
div#scrollLinks2 .down {
    background-image:url('https://www.surfaceshields.com/skin/frontend/buyshop/default/images/tri-dn.gif');
    background-repeat: no-repeat;
    width: 15px; 
    height: 10px; /* specify width and height of your image */
    position:absolute;
    right: 0px;
    top: 5px;
}
	
	.control-top{
    padding-top: 25px;
	padding-bottom:20px;
}
.control-top::before {clear:both;}
.control-bottom::before{content:" "; display:block; height:10px;width: 250px;margin: 0px auto;border-top: solid 3px #a4a6ab;clear: both;position: relative;float: none;z-index: 9999;margin-left: -150px;}
.control-top::after{content:" "; display:block; height:10px;width: 250px;margin: 0px auto;border-top: solid 3px #a4a6ab;clear: both;position: relative;float: none;z-index: 9999;margin-left: -150px;}
	.control-bottom{ 
    padding-top: 25px;
    margin-top: 0px; padding-bottom: 25px;}
	
/* safari, chrome, opera have very prominent outline by default 
   opera shows outline movement with scrolling and won't allow none
   set to suit your page design
*/
div#wn:focus {
    outline:1px dotted #eee;
    }
#scroller-controls {
	    background: #ffffff;
	    width: 88px;
	    padding-left: 212px;
	    max-width: 100%;
	    height: 20px;
	    font-size: 13px;
	    font-weight: bold;
	    color: #2c343d;
	    padding-right: 50px;
}


.control-heading{
    float: left;
}
#scroll-box{
    width: 350px;
    float: left;
}
ul.tab-legend{
    list-style: none;
    margin-left: 0px;
    padding-left: 0px;
    width: 350px;
    margin-top: 0px;
}

ul.tab-legend li {outline: 0;}
ul.tab-legend li{
    font-size: 16px;
    line-height: 16px;
    text-transform: uppercase;
    font-weight: normal;
    text-align: right;
    background:#ffffff;
    width: 308px;
    padding-bottom: 10px;
    height: 16px;
    padding-right: 43px;
    color: #2c343d;
    font-family: 'HelveticaNeueW01-75Bold';
    -webkit-font-smoothing: subpixel-antialiased;
    padding-top: 10px;
}
ul.tab-legend li.active{
    font-size: 23px;
    line-height: 23px;
    text-transform: uppercase;
    text-align: right;
    background:#ffffff;
    width: 305px;
    margin-bottom: 0px;
    height: 23px;
    padding-right: 26px;
    color: #e10000;
    }
ul.tab-legend li.active:after{width: 19px;
height: 43px;

	
	
position:absolute;
	right: 0px;
	content:" ";background: url(https://www.surfaceshields.com/skin/frontend/buyshop/default/img/after-bg.png);background-size: 100% 100% !important;margin-top: -10px;}
	a:hover, a:active, a:focus, li:hover, li:active, li:focus, ul{outline: 0;}


ul.tab-legend li:hover, ul.tab-legend li:active{}



ul.tab-content{
    float: right;
    width: 800px;
    list-style: none;
	
}
ul.tab-content li:hover {
    cursor: pointer;
}
li:hover {
    cursor: pointer;
}
ul.tab-content li.active{
    width: 400px;
}
.tab .tab-content {
	color: #FFF;
	padding-top: 25%;
}
ul.tab-content li {text-align:left;}
.custom-services-tabs .tab-vert{width:1250px; margin:0px auto;}
.custom-services-tabs {
    width: 100vw;
    display: block;
    height: auto;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    padding-top: 30px;
    padding-bottom: 9px;
    transform: translateZ(0);
    -moz-transform: translatez(0);
    -ms-transform: translatez(0);
    -o-transform: translatez(0);
    -webkit-transform: translateZ(0);
    -webkit-font-smoothing: antialiased;
    height: 620px;
    background-color: #000000;
    background-attachment: fixed !important;
    transform: translate(0,0);
    position: relative;
}
div#preload { display: none; }
#Abatement{}
#Automotive {}
#Commercial Building {}
#Concrete {}
#Construction {}
#Convention Services {}
#Cruise Lines{}
#Disaster Cleanup {}
#Drywall {}
#Electrical{}
#Flooring{}
#General Contracting{}
#HVAC{}
#Hospitals{}
#Industrial{}
#Janitorial / Sanitation{}
#Manufactured Housing{}
#Manufacturing{}
#Marine{}
#Medical / Clean Room{}
#Moving{}
#Packaging{}
#Painting{}
#Plumbing{}
#Professional Sports{}
#Real Estate{}
#Remediation{}
#Remodeling{}
#Renovation{}

body.request4quote-front-quote-success #content {
    padding-top: 150px !important;
    padding-bottom: 150px !important;
}

/**/
@media screen and (-webkit-min-device-pixel-ratio:0) { 
/* Safari and Chrome */
.ms-megamenu .ms-submenu {
position:fixed !important;
}


}



@-moz-document url-prefix() { 
.fullwidth-featured-product {display:inline-block !Important;}
}

@media screen\0  and (min-width:1300px) {
	
	
    .ms-featured, .ms-maincontent { display:inline-block !important;}
	#submenu-6 .ms-featured,
    #submenu-11 .ms-featured {
    float: right !important;
	max-width:40% !important;
}

#submenu-6 .ms-maincontent,
#submenu-11 .ms-maincontent {
    float: left !important;
	max-width:60% !important;
}
}
@media screen\0 {
	

/*#submenu-7 .ms-maincontent{width:100% !important; max-width:100% !important;  float: none !important;}
#submenu-7 .ms-featured { display:none !important;}*/

#submenu-9 .ms-maincontent{/*max-width:15% !important;*/ float: left !important;}
#submenu-9 .ms-featured { max-width:85% !important; float: right !important;}

#submenu-10 .ms-maincontent{max-width:25% !important; float: left !important;}
#submenu-10 .ms-featured { max-width:75% !important; float: right !important;}

.half-half-container{
    background-color: #2c343d !important;
    display: inline-block;
    background-position: 50vw top !important;
    background-repeat: no-repeat !important;
    background-size: 50vw auto !Important;
}
.blue-half{
    width: 50vw !important;
    float: left;
    color: #ffffff;
    height: auto;
    display: inline-flex !important;
    align-items: center;
	display: -webkit-flex; /* Safari */
    -webkit-align-items: center; /* Safari 7.0+ */
}
.half-text-first {
    width: calc(50% - 95px);
    padding-top: 95px;
    padding-bottom: 95px;
    padding-left: 50%;
}
.half-text-first h2{
    color: #ffffff;
    font-size: 35px;
    line-height: 31px;
    padding-bottom: 20px;
    border-bottom: solid 1px #9a9ea2;
}
.image-half{
    width: 50vw;
    float: right;
    background-size: cover !important;
    background-position: center center !important;
}
.image-half .half-text-first h2, .image-half .half-text-first p{color:rgba(0,0,0,0);}
.image-half .half-text-first h2 {border-bottom:none !important;}
.image-half img{
    min-height: 620px;
    width: auto;
}
	
}



@media(min-width:1200px){



.tp-caption.white-slides, .white-slides, .white-slides-left {text-shadow: 0.5pt 0px 0px #ffffff !important;}
.tp-caption.blue-slides, .blue-slides, .blue-slides-left {
    text-shadow: 0.5pt 0px 0px #2a343e !important;
}
}
@media(max-width:1200px){ 

.blue-left-half-inner {
    width: 100% !Important;
    margin: 0px auto;
}
.blue-right-half-inner {
    width: 100% !Important;
    margin: 0px auto;
}
.halves-container {
    height: auto !Important;
    max-height: none !Important;
    overflow: hidden;
}

.blue-left-half h2 {
    width: auto !important;
	display:inline-block !Important;
}
.blue-right-half h2 {
    width: auto !important;
	display:inline-block !Important;
}

.blue-left-half {
    max-width: 100% !important;
    float: none !important;
    position: relative;
    background: #2c343d;
    color: #fff;
    display: block !important;
    height: auto !Important;
    text-align: center;
    min-height: 1px !Important;
    max-height: none !important;
    align-items: center;
    display: block !important;
    padding: 35px;
    width: auto !important;
}

.blue-right-half {
    max-width: 100% !important;
    float: none !important;
    position: relative;
    background: #2c343d;
    color: #fff;
    display: block !important;
    height: auto !Important;
    text-align: center;
    min-height: 1px !Important;
    max-height: none !important;
    align-items: center;
    display: block !important;
    padding: 35px;
    width: auto !important;
}
.image-half-featured, .image-half-featured-left {
    display: none !important;
}
.inner-third-content h1{font-size:35px !important; line-height:30px !Important;}
.white-featured-section h1, .white-featured-section-padded h1, .fullwidth-featured-product h1 {
    font-size: 35px !important;
    line-height: 30px !important;
}
#rev_slider_1_1>ul>li>div.tp-caption{    left: 5% !important;
right: 5% !important;
    width: 90% !important;}
}
@media(max-width:1280px){
	#submenu-7 .ms-content {
    background: #ffffff !important;
}
#submenu-7 .ms-featured{border-left:none !Important;}
#submenu-7 .ms-maincontent {border-right: solid 1px #bcbfc1 !important;}
}
@media(max-width:1349px){
	.onswitchsmall{width:50vw !important;}
	
	.product {
    padding: 0px !important;
}
}
@media(max-width:1360px){
	.category-listing-images {
    width: calc(50vw - 5px) !important;
    float: left;
    height: calc(50vw - 5px) !important;
    margin-right: 2.5px;
    margin-left: 2.5px;
    margin-top: 2.5px;
    margin-bottom: 2.5px;
}
.listing-cat h1 {
    font-size: 3em !important;
    line-height: 0.80em !important;
}
}
@media(max-width:980px) {
	#header-arrow-buttons {
    width: 129px !important;
}
#header-arrow-buttons:nth-of-type(2) {
    width: auto !Important;
}
#header-arrow-buttons a {
    font-size: 12px !important;
    line-height: 15px !important;
}
#header-arrow-buttons a::before{content:none !important;}
.ms-topmenu .ms-label {
    padding: 19px 8px 19px !important;
    font-size: 10px !important;
}
}
@media (max-width:1349px){
	.searchbar1 {
    width: 45%;
    margin-top: 7px;
    display: none !important;
}
.show-searcher .searchbar1 {
    width: 100% !important;
    margin: 5px auto !important;
    display: inline-block !Important;
    float: none !Important;
    max-width: 100% !important;
}
}
@media (max-width:1700px){
	
}
    @media (max-width: 1360px) {
		
        #megamenu ul.rows_outer ul.menu_row li.col{width: 155px}
        #nav .menu_custom_block .col-third {
            width: 323px;
        }

    }
    @media (max-width: 1200px) {
        #megamenu ul.rows_outer ul.menu_row li.col{width: 136px}
        #nav .menu_custom_block .col-third {
            width: 285px;
        }
    }


#megamenu ul.rows_outer ul.menu_row li.col li:hover ul,
#megamenu ul.rows_outer ul.menu_row li.col li:hover ul li:hover ul,
#megamenu ul.rows_outer ul.menu_row li.col li:hover ul li:hover ul li:hover ul,
#megamenu ul.rows_outer ul.menu_row li.col li:hover ul li:hover ul li:hover ul li:hover ul,
#megamenu ul.rows_outer ul.menu_row li.col li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul,
#megamenu ul.rows_outer ul.menu_row li.col li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul,
#megamenu ul.rows_outer ul.menu_row li.col li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul,
#megamenu ul.rows_outer ul.menu_row li.col li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul,
#megamenu ul.rows_outer ul.menu_row li.col li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul,
#megamenu ul.rows_outer ul.menu_row li.col li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul  { display:block !important;}

#megamenu ul.rows_outer ul.menu_row li.col li:hover ul ul,
#megamenu ul.rows_outer ul.menu_row li.col li:hover ul li:hover ul ul,
#megamenu ul.rows_outer ul.menu_row li.col li:hover ul li:hover ul li:hover ul ul,
#megamenu ul.rows_outer ul.menu_row li.col li:hover ul li:hover ul li:hover ul li:hover ul ul,
#megamenu ul.rows_outer ul.menu_row li.col li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul ul,
#megamenu ul.rows_outer ul.menu_row li.col li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul ul,
#megamenu ul.rows_outer ul.menu_row li.col li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul ul,
#megamenu ul.rows_outer ul.menu_row li.col li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul ul,
#megamenu ul.rows_outer ul.menu_row li.col li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul ul,
#megamenu ul.rows_outer ul.menu_row li.col li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul ul  { display:none !important;}
/**/
a.fancy-zoom{ display: block;
    font-size: 24px;
    margin-right: 4px;
    margin-top: -29px;
    position: relative;
    z-index: 9999;}
	@media(min-width:1681px){
	.contact-box-menus	{
    margin-left: -95px;
    margin-top: -25px;
    margin-bottom: -95px;
    padding: 25px 0px 180px 25px;
    width: 395px !important;
    background-color: #eeeeee;
    font-size: 12px !important;
    border-right: solid 1px #bcbfc1;
}
	}
	@media(max-width:1680px){
		.contact-box-menus	{
    margin-left: -95px;
    margin-top: -25px;
    margin-bottom: -95px;
    padding: 25px 0px 95px 25px;
    width: 340px !important;
    background-color: #eeeeee;
    font-size: 12px !important;
    border-right: solid 1px #bcbfc1;
}
		
	}
	
		@media(max-width:1480px){
			.contact-box-menus	{
    margin-left: -95px;
    margin-top: -25px;
    margin-bottom: -95px;
    padding: 25px 0px 95px 25px;
    width: 295px !important;
    background-color: #eeeeee;
    font-size: 12px !important;
    border-right: solid 1px #bcbfc1;
}
		
	}
		

@media (max-width: 1279px) {
    #right_toolbar {
        right: -10000px;
    }

    .hidden-small-desktop {
        display: none;
    }
}
@media (max-width:1349px){
	
}
@media(max-width:1024px){
	
	.parallax-block-about {
    background-attachment: inherit !important;
    max-height: none !important;

}

	.half-text-first {
    width: calc(100% - 110px) !important;
    padding-top: 55px !important;
    padding-bottom: 55px !important;
    padding-left: 55px !important;
    padding-right: 55px !important;
}

	.upsell .es-carousel .product_outer .product {
    width: calc(26.5% - 15px) !important;
}
	#submenu-10 .sections-column:nth-of-type(3) span.heading-menus-top, #submenu-10 .sections-column:nth-of-type(4) span.heading-menus-top{
    margin-bottom: 32px !important;
}

.header-title-container {

    padding-top: 95px !important;

}
	span.heading-menus {
    font-size: 12px !important;

}
	.menu-sections-4 .sections-column {
    max-width: 22% !important;
}
	#submenu-6 .ms-maincontent,
	#submenu-11 .ms-maincontent {
    width: 100% !important;
}

#submenu-6 .ms-featured,
#submenu-11 .ms-featured {
    display: none !important;
}
	
	#submenu-7 .ms-maincontent {
    border-right: solid 1px #bcbfc1 !important;
    width: 100% !important;
}
#submenu-7 .ms-featured {
    display: none !important;
}
	
	img.clean-up-logo {
    max-width: 90% !important;
}
	.slide-inner-container h4{font-size:20px !important; margin-bottom:0px !important;}
	.slide-inner-container {
    padding: 0px !important;
    margin: 0px auto !important;
    max-width: 90% !important;
}

	#rev_slider_1_1 > ul > li > div.tp-caption {
   
    left: 5% !important;
	right:5% !important;
    width: 90% !important;
}
	.white-slides-left {left:10px !important;} 
	.custom-services-tabs {
    width: 100vw;
    background-image: url(https://www.surfaceshields.com/media/catalog/category/construction_1.jpg);
    display: block;
    height: auto;
    background-size: calc(100vw + 65%) !important;
    background-repeat: no-repeat !important;
    background-position-x: left;
    padding-top: 30px;
    padding-bottom: 9px;
    transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    height: 620px;
    background-color: #000000;
	background-attachment:scroll !Important;
}
.square-box-videos p {
    font-size: 10px !important;
    line-height: 22px !important;
}
.square-box-videos h1 {
    font-size: 18px !Important;
}
}
@media (min-width: 980px) {
    #nav.simple {

        display: block;

    }
}

@media (max-width: 1200px) {
    .custom_blocks .box {
        float: left;
    }

    .custom_blocks .box a {
        text-transform: uppercase;
        font-weight: normal;
        font-size: 16px;
    }

    #header.header_v_2 #nav > li > a {
        min-width: 100px;
        display: block;
        padding: 15px 20px 15px 10px;
    }

    #header.header_v_2 .fadelink > a {
        min-width: 60px;
        padding: 15px 20px 15px 10px;
    }
}

@media (max-width: 979px) {
    section.slider #layerslider-container-fw {
        margin-right: 7px;
    }

    .accordion-inner > .pull-left, .accordion-inner > .pull-right {
        float: none;
    }

    #nav li:hover li.list_column {
        width: 200px;
    }

    #nav li:hover li.category_desc_in_menu {
        padding: 0 30px;
        width: 200px;
    }

    #header.header_v_2 .top-links {
        float: none;
        clear: both;
        margin: 0 0 0 -10px;
        padding-top: 10px;
    }
}

@media (min-width: 1200px) and (max-width: 1360px) {
.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container, .navigation-bar .container {
  width: 1200;
}

    .span12 {
        width: 1200px;
    }

    .span11 {
        width: 960px;
    }

    .span10 {
        width: 870px;
    }

   

    .span8 {
        width: 695px;
    }

    .span7 {
        width: 600px;
    }

    .span6 {
        width: 510px;
    }

    .span5 {
        width: 380px;
    }

    .span4 {
        width: 320px;
    }

   span3 {
    width: 270px;
}

    .span2 {
        width: 150px;
    }

    .span1 {
        width: 60px;
    }

    .preview {
        padding: 5px 5px 10px 5px;
        margin: 0;
    }

.preview .col-1 {
    display: none;
}

    .preview .col-2 {
        width: 100%;
    }

    .preview.small {
        padding-bottom: 5px;
    }

    .preview.small .col-1 {
        width: 53px;
    }

    .preview.small .col-2 {
        width: 140px;
    }

    .preview .big_image {
        width: 230px;
    }

    .preview.small .big_image {
        width: 140px;
        height: 137px;
    }

    #header.header_v_2 #nav > li > a {
        min-width: 130px;
        display: block;
        padding: 15px 20px 15px 10px;
    }

    #header.header_v_2 .fadelink > a {
        min-width: 60px;
        padding: 15px 30px 15px 10px;
    }

   
}

@media (min-width: 800px) and (max-width: 979px) {
    .custom_blocks .box {
        padding: 0;
        float: left;
    }

    .custom_blocks .box a {
        text-transform: uppercase;
        font-weight: normal;
        font-size: 12px;
    }

    .custom_blocks .box .icon_circle {
        margin: 0 5px 0 0;
    }
	
	


    .product-box .product-img-box .span1 {
        width: 60px;
        margin-right: 20px;
    }

    .product-box .product-img-box .span3, .product-box .product-img-box .span4, .product-box .product-img-box .span5 {
        width: 260px;
        margin: 0;
    }

    .form-mail input {
        width: 70%;
    }

    .nav-list {
        display: block;
        position: static;
        top: 0;
    }

    nav #nav{
        display: none
    }
}
@media (max-width:800px) {
	
	ul.product-columns li:nth-child(1) {
    margin-bottom: 0px !Important;
    margin-top: 0px;
    padding: 10px 0px !important;
    line-height: 17px !Important;
}

	body.categorypath-solutions .category-headers {
    background-position: center center !important;
    height: auto !Important;
    max-height: none !important;
    position: relative !Important;
    padding: 25px 0px !Important;
}

body.categorypath-solutions #content{ margin-top:0px !Important;}


	.black-overlayer-1{padding-bottom:15px !important;}
	.navigation-bar .container .mb-submenu .row {
    margin-left: 0px !important;
    width: 100% !important;
}
	.sections-column img {
    max-width: 100% !important;
    width: 100% !important;

}
	#submenu-6 .mb-maincontent{width:100% !Important;}
	#submenu-6 .mb-featured {display:none !important;}
    #submenu-11 .mb-maincontent{width:100% !Important;}
	#submenu-11 .mb-featured {display:none !important;}
	#submenu-9 .mb-maincontent{width:100% !Important;}
	#submenu-9 .mb-featured {width:100% !Important;}
	#submenu-10 .mb-maincontent{width:100% !Important;}
	#submenu-10 .mb-featured {width:100% !Important;}
	#submenu-7 .mb-maincontent{width:100% !Important;}
	#submenu-7 .mb-featured {display:none !important;}
	#submenu-7 ul.product-columns li:nth-child(1) {display:none;}
	
	body #submenu-6 ul.product-columns, 
	body #submenu-11 ul.product-columns, 
	body #submenu-7 ul.product-columns,
	body ul.product-columns {
		width: 100% !Important;
		max-width: 100% !important;
	}
	
	.one_third:first-of-type .inner-columns {
    padding-left: 45px !important;
}
	.wrapper_w {
    display: flex !important;
    width: 100%;
    align-items: center;
	display: -webkit-flex; /* Safari */
    -webkit-align-items: center; /* Safari 7.0+ */
    height: 100%;
}
	.mobile-filters {
    display: block !important;
    float: none !Important;
    width: 100% !Important;
    text-align: left !Important;
    margin-top: 20px;
}
.cat-desc{display:none !Important;}
	.accordian-mobile-filter{}
	a.mobile-filter-button{
    background: #e00000;
    padding: 10px 20px;
    color: #ffffff !important;
}
#logo {
    padding-top: 0px !Important;
}
	.category-summary-container{float:left !important;margin-top: 0px !Important;width: 100% !important;}
	.category-summary-container2{
    color: #ffffff;
    width: 499px;
    float: right !important;
    text-align: left;
    margin-top: 70px;
}
	.category-subtitle{display:none !Important;}
	.category-summary-container .accordian{display:none !Important;}
	.details-image-container {
    display: none !important;
}
.product-tabs-area {
    float: none !Important;
    width: 100% !Important;
    margin: 0px auto !Important;
}
.product-tabs-area .nav-tabs > li > a {
    padding: 15px 15px !important;
    width: auto !Important;
}
.product-tabs-area .nav-tabs > .active > a::after{display:none !Important;}
	.product-box .span4, .product-box .span5, .product-box .span6, .product-box .span7, .product-box .span7, .product-box .span8 {
    float: none !Important;
    width: 95% !Important;
    margin: 0px auto !important;
    padding: 0px !Important;
}

#product_addtocart_form > div > div.row > div.span5 {
    width: 95% !important;
    margin: 0px auto !important;
    padding-top: 30px !Important;
}
	#bottom_block .span6 {
    display: none !important;
	}
	
	
.upsell .span3.product {
    float: left;
    margin-left: 1vw !important;
    margin-right: 1vw !important;
    width: 21vw !important;
    height: auto !important;
    min-height: 0px !Important;
}
}
@media(min-width:601px) and (max-width:767px){
	#bottom_block .span3 {
    width: 44% !important;
    float: left !important;
}
}
@media(max-width:600px){
	body.wordpress-index-index h1 {
    font-size: 35px !important;
    line-height: 31px !important;
}

.post-header-area {
    background-attachment: inherit !important;
    background-size: cover !important;
background-position:center center !important;
}
.post-title-right-container {
    margin: 2.5% !important;
    width: calc(95% - 20px) !important;
    padding: 10px !Important;
}

body.is-blog h1, .post-header-area h1 {
    color: #2c343d;
    font-size: 35px !important;
    line-height: 31px !Important;
}
.post-header-area {
    width: 100vw !important;
    height: 100vh !important;
    display: inline-flex !important;
    align-items: center !important;
}
	ul#post-list .blog-post-container:nth-child(7n + 1) .blk-overlay-posts, ul#post-list .blog-post-container:nth-child(7n + 2) .blk-overlay-posts, ul#post-list .blog-post-container:nth-child(7n + 3) .blk-overlay-posts, ul#post-list .blog-post-container:nth-child(7n + 4) .blk-overlay-posts, ul#post-list .blog-post-container:nth-child(7n + 5) .blk-overlay-posts, ul#post-list .blog-post-container:nth-child(7n + 6) .blk-overlay-posts, ul#post-list .blog-post-container:nth-child(7n + 7) .blk-overlay-posts {height:100vh !important;}
	
	ul#post-list .blog-post-container:nth-child(7n + 1), ul#post-list .blog-post-container:nth-child(7n + 2), ul#post-list .blog-post-container:nth-child(7n + 3), ul#post-list .blog-post-container:nth-child(7n + 4),ul#post-list .blog-post-container:nth-child(7n + 5), ul#post-list .blog-post-container:nth-child(7n + 6), ul#post-list .blog-post-container:nth-child(7n + 7) {
    height: 100vh !important;
	width:100vw !important;
	float:none !important;
	max-width:none !important;
	max-height:none !Important;
	position:relative !Important;
	border:solid 2px #ffffff !important;
	box-sizing:border-box !important;
}
	ul#post-list .blog-post-container:nth-child(7n + 1) .blog-post-preview-info, ul#post-list .blog-post-container:nth-child(7n + 2) .blog-post-preview-info, ul#post-list .blog-post-container:nth-child(7n + 3) .blog-post-preview-info, ul#post-list .blog-post-container:nth-child(7n + 4) .blog-post-preview-info, ul#post-list .blog-post-container:nth-child(7n + 5) .blog-post-preview-info, ul#post-list .blog-post-container:nth-child(7n + 6) .blog-post-preview-info, ul#post-list .blog-post-container:nth-child(7n + 7) .blog-post-preview-info  {
    width: 100% !important;
    padding-left: 15px;
    padding-top: 0px !important;
    position: relative !Important;
	
}
.blk-overlay-posts {
    width: 100%;
    background: rgba(0,0,0,0.4);
    background-size: cover;
    height: 100%;
    margin-top: 0px;
    position: relative;
    display: inline-flex;
	display: -webkit-flex;/* Safari */
    -webkit-align-items: center;/* Safari 7.0+ */
    align-items: center;
}
	#sidebar-overlay {
    display: none !important;
}
	.full-page-bg {
    background: transparent !important;
}
	.left-half-form {
    width: 100% !important;
}
	.locate-products-left {
    float: none !Important;
    width: 100% !important;
    padding-top: 15px;
}
.locate-products-right {
    float: none !important;
    width: 100% !important;
    padding-top: 15px;
}
	.quote-right-info {
    float: none !Important;
    width: 100% !important;
}
.request-product-details {
    width: 100% !important;
    float: none !Important;
    padding: 10px !Important;
}
.last-buttons {
    width: 100% !important;
    float: none !Important;
}

.request-to-stock-container .cart-rf4-details {
    width: 100% !important;
    float: none !Important;
}

.request-products-image {
    width: auto !Important;
    height: auto !important;
    float: none !Important;
    display: inline-block;
    min-width: 100% !Important;
    margin: 0px auto !Important;
}

.request-product-container {
    display: block;
    width: calc(100% - 90px) !important;
    clear: both;
    padding: 45px;
    border: solid 1px #2c343d;
    height: auto !important;
    margin-top: -1px;
    color: #2c343d;
    text-align: center;
}



	#side-cart-slider {
    width: 100vw !important;
}
	#bottom_block .span3 {
    width: 100% !important;
}
.closed-slider {
    right: -100vw !important;
}
}
	
@media(max-width:1249px){
	#column_left.span3{width:30% !important;margin: 0px !Important;}
	
	.product {
    padding: 0px !important;
    width: calc(33.333% - 15px) !important;
    float: left !important;
    margin-left: 15px !important;
}
	#column_left .span3{width:100% !important;margin-left: 0px !important;}
	.product-tabs-area .nav-tabs > .active > a::after {
    width: calc(20% - 1px) !important;
}

.product-tabs-area .nav-tabs li {
    min-width: 20% !important;
    max-width: none;
    float: left !important;
}
.product-tabs-area .nav-tabs>li>a {
    width: auto !important;
    font-size: 12px !Important;
}

	.product-tabs-area .nav-tabs > li > a{max-width:100% !important;}
	
	.product-image img {
    min-height: 1px !Important;
    height: auto;
    width: 100%;
}
.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container, .navigation-bar .container {
    max-width: 95% !important;
    width: 95% !important;
	padding:0px !important;
}
ul.jobsite-gallery li {
    max-width: calc(7vw - 12px);
    max-height: calc(7vw - 12px);
}
ul.jobsite-gallery li img {
    height: 7vw!important;
    min-height: 7vw !Important;
    width: auto !Important;
    max-width: none !important;
}
.product-img-box .flexslider.more-views .flex-viewport li {
    width: 100% !important;
    height: auto !Important;
    overflow: hidden;
}
.span12 {
    width: 100% !Important;
}
}
@media(min-width:801px) and (max-width:1249px) {
	#column_right.span9{width:70% !important;margin: 0px !Important;}
}
@media (max-width: 800px) {
	
	.mobile-filters ul.product-columns li:nth-child(1) {
    padding: 10px 15px !Important;
}
	
	.fifths {
    float: none !important;
    width: 100% !important;
    margin-right: 45px;
}
	
	.blue-half {
    width: 100% !important;
    float: none !important;
   
}
.parallax-block-bottom-about {
    background-attachment: inherit !important;
}
.cms-resources .category-summary-container{width:100% !important;}
.cms-resources .category-headers {
    height: auto !important;
    background-size: cover !important;
    max-height: none !Important;
    background: none #cccccc !important;
}
.cms-resources .category-headers h1 {
    float: left;
    width: calc(60% - 30px) !important;
    padding-top: 35px !important;
}
.cms-resources .category-headers a {
    float: right;
    display: inline-block;
    width: 30%;
    margin-right: 30px;
    margin-top: 35px;
}
.cms-resources .category-headers a{float:right;}
.cms-resources .category-headers p{display:none !important;}

.image-half {
    width: 100% !important;
    float: none !Important;
}

.one_third {
    width: 100% !important;
    float: none !important;
    max-width: 100% !important;
    text-align: left;
    margin-bottom: 30px !important;
}

.half-text-first {
    width: 95% !Important;
    padding: 95px !Important;
    margin: 0px auto !Important;
}
	.review-content-left {
    width: 100% !important;
    float: none !Important;
}
.ratings-list-container {
    display: none !Important;
}
.header-title-container {
    max-width: 40%;
    color: #ffffff;
    padding-top: 15% !important;
}
	h3.related-products {
    text-align: center;
    padding-right: 0px;
    color: #2c343d;
    margin-bottom: 30px !important;
    margin-top: 95px !important;
}
.span12 {
    width: 100% !Important;
    margin: 0px !Important;
}
	#column_right.span9 {
    width: 100% !important;
    margin: 0px !Important;
}
}
@media (max-width: 767px) {
	
.span3.product {
    float: left !important;
    margin-left: 15px !Important;
    margin-right: 15px !important;
    width: calc(50% - 30px) !important;
    min-height: 255px !important;
}
    .flexslider.big .flex-direction-nav {
        display: none;
    }

    .listing_header_row1 .pull-left {
        width: 55%;
    }

    .listing_header_row1 .pull-right {
        width: 45%;
    }

    .tab-content {
        position: relative;
        z-index: 0;
        background-color: #fff;
        margin-bottom: 25px;
        margin-top: 2px;
        padding: 20px;
        border-top: none;
    }

    .nav-tabs > li > a, .nav-pills > li > a {
        margin-right: 0;
    }

    .mousetrap {
        display: none;
    }

    #footer_popup {
        position: relative !important;
        display: block !important;
        height: auto !important;
        padding-bottom: 20px;
    }

    #nav li:hover li.list_column {
        width: 160px;
    }

    #nav li:hover li.category_desc_in_menu {
        padding: 0 20px;
        width: 160px;
    }

    #footer_button {
        display: none;
    }

    #footer .pull-left.noHover, #footer .pull-right.noHover {
        max-width: 100%;
    }

}

@media (min-width: 640px) and (max-width: 767px) {
	
    body {
        padding: 0;
    }

    .container {
        padding: 0 20px;
        width: 580px;
    }
#header .container {
    padding: 0px !important;
    width: 20vw !Important;
    float: left;
    display: inline-block;
    position: relative;
}
.navigation-bar.container {
    padding: 0px !important;
    width: 20vw !Important;
	float:right !Important;}
    

    .span12 {
        float: left;
        margin-left: 70px;
        width: 580px;
    }

    .span11 {
        float: left;
        margin-left: 70px;
        width: 580px;
    }

    .span10 {
        float: left;
        margin-left: 70px;
        width: 580px;
    }

    .span9 {
        float: left;
        margin-left: 70px;
        width: 580px;
    }

    .span8 {
        float: left;
        margin-left: 70px;
        width: 344px;
    }

    .span7 {
        float: left;
        margin-left: 70px;
        width: 344px;
    }

    .span6 {
        float: left;
        margin-left: 70px;
        margin-right: -40px;
        width: 276px;
    }

    .span5 {
        float: left;
        margin-left: 70px;
        width: 255px;
    }

    .span4 {
        float: left;
        margin-left: 70px;
        width: 255px;
    }

    

    .span2 {
        float: left;
        margin-left: 70px;
        width: 123px;
    }

    .span1 {
        float: left;
        margin-left: 15px;
        width: 59px;
    }

    .row.small_without_description, .row.small_with_description {
        margin-left: -30px;
    }

    .span2.product {
        margin-left: 30px;
        width: 120px;
    }

    .carousel, .es-carousel, .es-carousel .row {
        padding: 0;
        margin: 0;
    }

    .carousel.style0 .es-carousel {
        margin: 0 -5px 0 -65px;
    }

    .carousel .span3 {
        margin-left: 65px;
        margin-right: 5px;
        width: 255px;
    }

    .carousel .span2 {
        margin-left: 4px;
        margin-right: 11px;
        width: 123px;
    }

    

 

    .product-box .span4, .product-box .span5, .product-box .span6, .product-box .span7, .product-box .span8 {
        width: 580px;
        margin-left: 70px;
        margin-bottom: 25px;
    }

    .product-box .product-img-box .span1 {
        float: left;
        width: 60px;
        margin-right: 20px;
        margin-left: 70px;
    }

    .product-box .product-img-box .span3, .product-box .product-img-box .span4, .product-box .product-img-box .span5 {
        float: left;
        width: 500px;
        margin: 0;
    }

    .nav-tabs li {
        float: none;
    }

    .nav-tabs li a {
        margin-bottom: -2px;
        background: #fff;
        -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.27);
        -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.27);
        box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.27);
    }

    .form-mail input, .form-search input.search-query {
        width: 100%;
    }



    .custom_blocks .box:first-child {
        padding: 0 30px 0 5px;
    }

    .custom_blocks .pull-left:first-child {
        padding: 0;
        background: none;
    }

    .span2.product .product-price span.old, .span2.product .product-price-regular span.old {
        padding: 0;
        display: block;
        margin-top: -12px;
    }

    .nav-list {
        display: block;
        position: static;
        top: 0;
    }

    nav {
        display: none
    }

}

@media (max-width: 640px) {

.header-title-container {
    max-width: none !important;
    color: #fff;
    padding-top: 15% !important;
    background: rgba(0,0,0,0.5);
    margin-left: -5% !important;
    margin-right: -5% !important;
    padding-left: 5% !important;
    padding-right: 5% !important;
padding-bottom:5% !important;
}
.parallax-block-about{min-height:0px !important;}
.half-text-first {
    padding: 35px 15px !important;
}
.image-half {
    display: none !important;
}
h1 {
    font-size: 40px !important;
    line-height: 35px !Important;
}
.parallax-block-bottom-about .one_half {
    width: 100% !important;
padding-top:95px !important;
padding-bottom:95px !important;
background:rgba(0,0,0,0.5);
margin-left:-5% !important;
margin-right:-5% !important;
padding-left:5% !important;
padding-right:5% !Important;
}
.cms-resources .category-headers a {
    float: none !Important;
    display: block !important;
    margin-bottom: 35px !important;
}
.white-content-block .one_third .inner-columns {
    padding-right: 0px !important;
    padding-left: 0px !important;
}
.one_third:first-of-type .inner-columns {
    padding-left: 0px !Important;
}

ul.product-columns li:nth-child(1) {
    margin-bottom: 5px !important;
    line-height: 12px !important;
    padding: 10px 0px !important;
}
.parallax-block-bottom-about{padding-top:0px !important; padding-bottom:0px !Important;}


span.subtitle-list{font-size:11px !Important; line-height:16px !Important;}
	.category-listing-images {
    width: calc(100vw - 5px) !important;
    float: left;
    height: calc(100vw - 5px) !important;
    margin-right: 2.5px;
    margin-left: 2.5px;
    margin-top: 2.5px;
    margin-bottom: 2.5px;
}

	
    #login-box {
        margin-top: -150px;
    }

    #login-box .inside {
        padding: 20px;
    }

    #login-box input {
        text-align: center;
        color: #000;
        margin: 5px 0;
    }

    #login-box .line {
        margin: 5px -20px;
    }

    #login-box .button {
        margin-top: 5px;
    }
}

@media (min-width: 480px) and (max-width: 639px) {
    body {
        padding: 0;
    }

    .container {
        padding: 0 40px;
        width: 370px;
    }

    .row {
        margin-left: 0px;
    }

    .span12 {
        float: left;
        margin-left: 40px;
        width: 370px;
    }

    .span9 {
        float: left;
        margin-left: 40px;
        width: 370px;
    }

    .span6 {
        float: left;
        margin-left: 20px;
        width: 370px;
    }

    .span4 {
        float: left;
        margin-left: 40px;
        width: 370px;
    }

    

    .span2.product {
        float: left;
        margin-right: 35px;
        margin-bottom: 10px;
        margin-left: 15px;
        width: 160px;
    }

    .span3.product {
        float: left;
        margin-left: 50px;
        margin-right: 50px;
        width: 270px;
    }

    .carousel {
        width: 370px;
    }

    .carousel, .es-carousel, .es-carousel .row {
        padding: 0;
        margin: 0;
    }

    .carousel .span2.product {
        float: left;
        margin-right: 20px;
        margin-bottom: 10px;
        margin-left: 5px;
        width: 160px;
    }

    .carousel .span3.product {
        float: left;
        margin-left: 50px;
        margin-right: 50px;
        width: 270px;
    }

    .nav-tabs li {
        float: none;
    }

    .nav-tabs li a {
        margin-bottom: -2px;
        background: #fff;
        -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.27);
        -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.27);
        box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.27);
    }

    #nav, .link_label {
        display: none;
    }

    .nav-list {
        display: block;
        position: static;
        top: 0;
    }

    #logo {
        float: none;
        text-align: center;
        padding: 10px 0 0;
    }

    .product-box .span4, .product-box .span5, .product-box .span6, .product-box .span7, .product-box .span8 {
        margin-left: 40px;
        width: 370px;
        margin-bottom: 25px;
    }

    .product-box .product-img-box .span1 {
        float: left;
        width: 70px;
        margin-right: 10px;
    }

    .product-box .product-img-box .span3, .product-box .product-img-box .span4, .product-box .product-img-box .span5 {
        float: left;
        width: 295px;
        margin: 0;
    }

    



    .block_img {
        width: 175px;
        margin-left: 20px;
    }

    .form-mail input, .form-search input.search-query {
        width: 100%;
    }

    .custom_blocks .box {
        float: left;
    }

    .custom_blocks .box a {
        font-size: 12px;
    }

    .custom_blocks .box:first-child {
        padding: 0 30px 0 0;
        background: url(https://www.surfaceshields.com/skin/frontend/buyshop/default/images/template/divider.png) no-repeat right 50px;
    }

    .custom_blocks .pull-left:first-child {
        padding: 0;
        background: none;
    }

    #form-contact .span9 {
        margin: 0;
        width: 395px;
    }

    #header.header_v_2 .form-search-wrapper {
        margin: -15px 0 0 30px;
    }

    .table.shopping-cart-table th {
        display: none;
    }

    .table.shopping-cart-table, .table.shopping-cart-table tr, .table.shopping-cart-table td, .table.shopping-cart-table td:first-child {
        display: block;
        float: left;
        clear: both;
        width: 100%
    }

    .table.shopping-cart-table td, .table.shopping-cart-table td:first-child {
        padding: 10px;
        width: 90%;
        min-width: 200px;
        border: none;
        border-bottom: 1px solid #e5e5e5;
        text-align: left;
    }

    .table.shopping-cart-table td.aligncenter {
        text-align: left;
    }

    .table.shopping-cart-table td:first-child {
        text-align: center;
    }

    .table.shopping-cart-table .cart-col-name {
        display: inline-block;
        padding-right: 10px;
    }

    .right-button {
        float: left;
        margin-bottom: 15px;
    }
}

@media (max-width: 479px) {
    .star_title {
        display: none
    }

    body {
        padding: 0;
    }

    .container {
        padding: 0;
        margin: 0 auto;
        width: 300px;
    }

    .row {
        margin-left: 0;
    }

    .span12 {
        float: left;
        margin-left: 0;
        width: 300px;
    }

    .span9 {
        float: left;
        margin-left: 0;
        width: 300px;
    }

    .span6 {
        float: left;
        margin-left: 0;
        width: 300px;
    }

    .span4 {
        float: left;
        margin-left: 0;
        width: 300px;
    }

    
    .span3.product {
        float: left;
        margin-left: 20px;
        margin-right: 20px;
        width: 260px;
    }

    .span2.product {
        float: left;
        margin-right: 7px;
        margin-left: 8px;
        margin-bottom: 10px;
        width: 135px;
        padding: 0;
    }

    .carousel {
        width: 300px;
    }

    .es-carousel {
        padding: 0;
        margin: 0;
    }

    .nav-tabs li {
        float: none;
    }

    .nav-tabs li a {
        margin-bottom: -2px;
        background: #fff;
        -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.27);
        -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.27);
        box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.27);
    }

    #nav, .link_label {
        display: none;
    }

    .nav-list {
        display: block;
        position: static;
        top: 0;
    }

    #topline .pull-right {
        float: none;
    }

    #topline .pull-right .alignright {
        text-align: center;
    }

    #topline .fadelink {
        margin-right: 5px;
        margin-left: 0px;
    }

    #topline .fadelink > a {
        padding: 2px 20px 1px 5px;
    }

    #topline .fadelink .ul_wrapper ul {
        padding: 5px 12px 5px 5px;
    }

    #logo {
        float: none;
        text-align: center;
        padding: 10px 0 0;
    }

    

   

    #form-contact .span9, #form-contact .span4 {
        margin: 0;
        width: 280px;
    }

    #form-contact .span4.pull-right {
        float: none;
    }

    .product-box .span4, .product-box .span5, .product-box .span6, .product-box .span7, .product-box .span8 {
        float: left;
        width: 300px;
        margin-bottom: 25px;
    }

    .product-box .product-img-box .span1 {
        float: left;
        width: 60px;
        margin-left: 5px;
        margin-right: 10px;
    }

    .product-box .product-img-box .span3, .product-box .product-img-box .span4, .product-box .product-img-box .span5 {
        float: left;
        width: 215px;
        margin: 0;
    }

    .product-shop .product_related, .product-shop .product_custom {
        float: none;
        width: 170px;
        margin: 0 0 50px 0;
    }

    .block_img {
        width: 260px;
        margin-left: 20px;
    }

    .form-mail input, .form-search input.search-query {
        width: 100%;
    }

    .custom_blocks {
        width: 256px;
        margin-left: 20px;
    }

    .custom_blocks .box, .custom_blocks .box:first-child {
        margin: 0 3px;
        padding: 0;
        width: 250px;
        background: none;
        float: none;
    }

    .custom_blocks .box .inside a {
        text-align: left;
    }

    .custom_blocks .pull-left, .custom_blocks .pull-left:first-child {
        padding: 0;
        background: none;
        float: none;
    }

    .shoppingcart .badge {
        position: absolute;
        top: -7px;
        left: -10px;
        right: auto;
    }

    #footer .pull-left.noHover, #footer .pull-right.noHover {
        width: 100%;
        max-width: 100%;
        float: none;
        text-align: center;
    }

    .select_wrapper.width1 {
        width: 95px;
    }

    .direction-nav {
        margin-bottom: 8px;
    }

    #header.header_v_2 .form-search-wrapper {
        margin: -15px 0 0 -5px;
    }

    #header.header_v_2 .form-search input.search-query {
        width: 100%;
    }

    #header.header_v_2 .shoppingcart {
        right: 30px;
        bottom: 75px;
    }

    #header.header_v_2 .fadelink {
        margin-right: -12px;
        margin-left: 15px;
    }

    #header.header_v_2 .fadelink .ul_wrapper {
        position: absolute;
        top: 25px;
        z-index: 100;
        display: none;
        border: 1px solid #d9d9d9;
    }

    #header.header_v_2 .fadelink .ul_wrapper ul {
        padding: 7px 5px 7px 5px;
        width: auto;
        border-radius: 0;
        background: #fff;
    }

    #header.header_v_2 .fadelink > a {
        padding: 2px 15px 1px 5px;
        border-radius: 2px;

        color: #555555;
        text-decoration: none;
        box-shadow: none;
        border: 1px solid #d9d9d9;
        border-bottom: none;
        font-weight: normal;
    }

    #header.header_v_2 .fadelink:hover > a {

        box-shadow: none;
        border: 1px solid #d9d9d9;
        border-bottom: none;
        color: #555555;
    }

    .table.shopping-cart-table, .table.shopping-cart-table tr, .table.shopping-cart-table td, .table.shopping-cart-table td:first-child {
        display: block;
        float: left;
        clear: both;
        width: 100%
    }

    .table.shopping-cart-table th {
        display: none;
    }

    .table.shopping-cart-table td, .table.shopping-cart-table td:first-child {
        padding: 10px;
        width: 90%;
        border: none;
        border-bottom: 1px solid #e5e5e5;
        text-align: left;
    }

    .table.shopping-cart-table td.aligncenter {
        text-align: left;
    }

    .table.shopping-cart-table td:first-child {
        text-align: center;
    }

    .table.shopping-cart-table .cart-col-name {
        display: inline-block;
        padding-right: 10px;
    }

    .right-button {
        float: left;
        margin-bottom: 15px;
    }

    #login-box {
        left: 50%;
        margin-left: -140px;
        width: 280px;
    }

    #login-box .line {
        margin: 5px -20px;
        width: 280px;
    }
}

p.back-link a.button small {
    display: none
}
.product-price-regular .spec .price { color: red}

a.quickview {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.27);
    color: #FFFFFF;
    font-size: 12px;
    height: 80px;
    left: 96px;
    line-height: 80px;
    margin: 0;
    position: absolute;
    text-align: center;
    text-shadow: 1px 1px 1px #000000;
    text-transform: uppercase;
    top: 92px;
    width: 80px;
    z-index: 999;
    display: block;
    visibility: hidden;
    cursor: pointer;;
}
.product:hover a.quickview,.preview:hover a.quickview{visibility: visible}
.tcenter{ text-align: center}
a.quickview:hover {
    color: #fff !important;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
}

.with_media a.quickview{left:171px;}

.small_with_description .span2.product  a.quickview{left: 45px; top: 32px;}
.small_with_description .preview.small  a.quickview{left: 45px; top: 32px;}
.small_with_description .preview.small .with_media a.quickview{left: 103px;}

.big_with_description .span2.product  a.quickview{  left: 46px; top: 41px; }
.big_with_description .preview.small  a.quickview{  left: 46px; top: 41px;}
.big_with_description .preview.small .with_media  a.quickview{  left: 102px;}


/*AJAX SEARCH*/
#search_autocomplete{
    background-color: #FFFFFF;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.27);
    padding: 10px 0px;

   }

.ajaxsearch{  display: block !important; padding: 0 20px }
.ajaxsearch .suggest{}
.ajaxsearch .suggest .amount{}
.ajaxsearch .preview{}
.ajaxsearch a{ text-decoration: none}
.ajaxsearch a:hover{ text-decoration: underline}
.ajaxsearch .price{ font-size: 16px; color: #000000; font-family: arial; }
.ajaxsearch .product-price{margin-top: 5px}

.ajaxsearch a.product-image{border: 1px solid #F3F3F3;


    float: left;
    margin-right: 10px;}
.ajaxsearch  .item {
    margin-bottom: 11px;
    margin-top: 10px;
    overflow: hidden;
    position: relative;
}
.ajaxsearch .product-detailes {
    float: left;
    width: 194px;
}
.header_v_2 .ajaxsearch .product-detailes {
    width: 144px;
}

.ajaxsearch .preview .description{}
.ajaxsearch .preview img{}
.header .form-search .ajaxsearch li.selected{}
/*AJAX SEARCH END*/

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    #right_toolbar {
        right: 15px;
    }
}

.product-img-box .more-views li i {
    color: #9D3BC6;
    font-size: 40px;
    height: 59px;
    line-height: 59px;
    margin: 0;
    padding: 3px 0 0;
    text-align: center;
    text-indent: 2px;
    vertical-align: middle;
    width: 100%;
}





@media (min--moz-device-pixel-ratio: 1.3),
(-o-min-device-pixel-ratio: 2.6/2),
(-webkit-min-device-pixel-ratio: 1.3),
(min-device-pixel-ratio: 1.3),
(min-resolution: 1.3dppx) {


    .custom_blocks .box .icon_circle.dark {
        background-image: url("https://www.surfaceshields.com/skin/frontend/buyshop/default/images/template/icon_dark_2x.png");
        background-repeat: no-repeat;
        background-size: 62px 63px;
    }

    .custom_blocks .box .icon_circle.light {
        background-image: url("https://www.surfaceshields.com/skin/frontend/buyshop/default/images/template/icon_light_2x.png");
        background-repeat: no-repeat;
        background-size: 63px 63px;
    }
}
.wrapper-hover .wrapper{ overflow: inherit !important}

#carousel_tabs_content h2{display: none}

/*LEFT COLLAPSED MENU*/
#collapsed-menu {
    margin-bottom:20px;
    position: relative;
}
#collapsed-menu .nav-header {
    position:relative;
    margin:0;
}
#collapsed-menu .nav-header a, #collapsed-menu a {
    display: inline-block;
    position:relative;
    padding: 6px 0;
    margin: 0;

    background: none;
    text-transform:none;
    font: 12px/16px Arial, Helvetica, sans-serif;
}
#collapsed-menu .nav-header span.collapse_button {
    position:absolute;
    top:3px;
    right:0;
    width:22px;
    height:22px;
    background:#f7f7f7;
    text-align:center;
    line-height:22px;
    font-size:16px;
    color:#717171;
    border-radius:2px;
    font-weight: normal;
    cursor:pointer;
}
#collapsed-menu span.badge {

    color:#fff;
    font-size:12px;
    border-radius:2px;
    margin:4px 0 0 5px;
    text-shadow:none;
    text-transform:none;
}
#collapsed-menu .nav-list {
    padding: 0;
    margin: 0;
    position: relative;
}
#collapsed-menu .nav-list > li > a, #collapsed-menu .nav-list .nav-header {
    margin: 0;
}
#collapsed-menu .nav-list {
    display: none;
    position: relative;
    top:0;
    padding:0;
    border-top:1px solid #eeeeee;
}
#collapsed-menu li {
    padding:0;
    line-height:16px;
    position:relative;
    border: none;
    border-bottom:1px solid #eeeeee;
    cursor:default;
}
#collapsed-menu .nav-header {
    padding: 0;
    cursor:default;
}
#collapsed-menu .nav-list li:last-child {
    border: none;
}
#collapsed-menu  a:hover {  text-decoration: none;}
#collapsed-menu .nav-list li li a:hover {
    background:none;
    /*color:#9d3bc6;*/
}
#collapsed-menu .nav-list > li > a:hover {
    background: none;

}
#collapsed-menu .nav-list li a, #collapsed-menu .nav-list li .nav-header a {
    padding-left:16px;
}
#collapsed-menu .nav-list li li a, #collapsed-menu .nav-list li li .nav-header a {
    padding-left:32px;
}
#collapsed-menu .nav-list li li li a, #collapsed-menu .nav-list li li li .nav-header a {
    padding-left:48px;
}
#collapsed-menu .nav-list li li li li a, #collapsed-menu .nav-list li li li li .nav-header a {
    padding-left:64px;
}
#collapsed-menu li.active > label > a, #collapsed-menu .nav-list li.active > a {
    font-weight:bold;
    text-shadow: none;

}

#collapsed-menu li.current > label > a, #collapsed-menu .nav-list li.current > a {
    font-weight:bold;
    text-shadow: none;
}
#collapsed-menu  label{ text-shadow: none}

.block.leftmenu{ border-bottom: 0; margin-bottom: 10px}
#collapsed-menu li.active > ul{display: block}
.in.collapse li{ padding-left: 15px !important}
.in.collapse li > a{ padding-left: 0px !important; color: #2C343D;}

#collapsed-menu li.strong > label a{ font-weight: bold}


/*SPY MENU*/
#spy .logo img{ max-width: 55px; max-height: 55px}
#spy .li-first-home{ display: none}
#spy {
  background: #2c343d;
  width: 100%;
  position: fixed;
  top: 0px;
  z-index: 99999;
}
#spy.fix {
    top:0;
    z-index:100000;
    box-shadow:         0px 2px 4px rgba(0, 0, 0, 0.27);
}
#spy ul#nav {
  padding-top: 5px;
  padding-left: 100px;
}
#spy .form-search-wrapper {
    float:right;
}
#spy .form-search {
    position: relative;
    margin-bottom:0;
}
#spy .form-search input.search-query {
    float:left;
    padding-left:44px;
    font-size:12px;
    width:49px;
    height:24px;
    border: 2px solid #fff;
    border-radius: 4px;
    box-shadow:  0px 0px 4px rgba(0, 0, 0, 0.27);
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease;
}
#spy .form-search input.search-query:focus {
    width: 100% !important;
}
#spy .spy-right {
    float:right;
    margin-top: -45px;
    width: 43%;
}
#spy .spy-left {
    float:left;
    margin-top: -53px;
    padding-left: 0px;
    width:170px;
}


#spy  #nav > li > ul {

    top: 47px;
}
#spy  #nav.simple > li > ul{ top: 42px;}

.menu_custom_block a{ background: none !important}


/*
==============================================
slideDown
==============================================
*/


/*
==============================================
slideDown
==============================================
*/


#spy.fix{
    animation-name: slideDown;
    -webkit-animation-name: slideDown;

    animation-duration: 300ms;
    -webkit-animation-duration: 300ms;

    animation-timing-function: ease-in;
    -webkit-animation-timing-function:  ease-in;

    visibility: visible !important;
}

#spy{ animation-name: slideDown;
    -webkit-animation-name: slideDown;

    animation-duration: 300ms;
    -webkit-animation-duration: 300ms;

    animation-timing-function: ease-in;
    -webkit-animation-timing-function:  ease-in;}

@keyframes slideDown {
    0% {
        transform: translateY(-100%);
    }
   


    100% {
        transform: translateY(0%);
        animation-duration: 300ms;
    }
}

@-webkit-keyframes slideDown {
    0% {
        -webkit-transform: translateY(-100%);
    }
   


    100% {
        -webkit-transform: translateY(0%);
        -webkit-animation-duration: 300ms;
    }
}

@media (min-width: 640px) and (max-width: 767px) {
    nav{display:block}
    #megamenu{display: none}
}
@media(max-width:800px) {
	#site-container > div.forcefullwidth_wrapper_tp_banner {height:0px !important;}
}

@media(max-width:600px){ #bottom_block .span3{width:100% !important;}
}

select, select:focus {
    height: 47px !important;
}
@-moz-document url-prefix() {
	/*select, select:focus {
    height: 44px !important;}*/
	
#submenu-6 .ms-featured,
#submenu-11 .ms-featured {
    position: relative !important;
    right: 0px !important;
    top: 0px !important;
    display: inline-block !important;
    height: 100%;
    float: none !important;
    width: 39% !important;
}
#submenu-6 .ms-maincontent,
#submenu-11 .ms-maincontent {
    position: relative !important;
    border-right: 1px solid #BCBFC1;
    text-align: justify;
    display: inline-table;
}

#submenu-7 .ms-maincontent {
    position: relative;
    left: 0px;
    top: 0px;
    height: 100%;
    width: 60%;
    display: inline-table !Important;
    float: none !Important;
}

#submenu-7 .ms-featured {
    position: relative;
    right: 0px;
    top: 0px;
    width: 40%;
    border-left: 1px solid #BCBFC1;
    display: inline-block !important;
    height: 100% !important;
    background: #FFF none repeat scroll 0% 0%;
}
}
@media(max-width:979px){.navigation-bar .span5 {
    width: auto !Important;
}
.small-nav-item {
    width: auto! important;
}}
@media(max-width:800px){.navigation-bar .span9 {
    display: none !important;
}
}
@media(max-width:600px){
	.bottom-area-product-title {
    border-bottom: none !important;
}
.product-tabs-area .nav-tabs > li > a {
    padding: 15px 0px !important;
    width: auto !Important;
    font-size:10px !important;
}
.product-tabs-area .nav-tabs li {
    width: 25% !important;
    max-width: 25% !important;
}
}
@media(min-width:1401px){.desktopvideo{display:inline-block;}
.mobilevideo{display:none;}
}
@media(max-width:1400px){
	.tp-caption.white-slides, .white-slides {
    right: 5% !important;
}
.tp-caption.white-slides, .white-slides {
    max-width: 95% !important;
}
	.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container, .navigation-bar .container {
    max-width: 95% !important;
}
	.desktopvideo{display:none !important;}
.mobilevideo{display:inline-block !Important;}
.product-tabs-area .nav-tabs>li>a, .product-tabs-area .nav-tabs>li {
    width: auto !important;
}
.product-tabs-area .nav-tabs>li>a{padding-left:20px; padding-right:20px;}
.product-tabs-area .nav-tabs>.active>a::after {
    display: none !Important;
}
a.watch-video-product-page {
    clear: both !Important;
}
ul.jobsite-gallery li {
    width: 85px !important;
    height: 85px !important;
}
#spy #header-arrow-buttons-sticky{display:none !Important;}
}

@media(min-width:801px) and (max-width:978px){ #bottom_block .span3 {
    width: 23% !important;
    margin: 0px !important;
}
}
@media(min-width:801px){
	.mobiletoggle_listing{display:none !important;}
}
@media(min-width:801px) and (max-width:863px){
	ul.product-columns {
    max-width: 16% !important;
    width: auto;

}
ul.product-columns li a.category-link-megamenu, .ms-topmenu .ms-boxtitle{
	font-size:15px !Important;}
}

@media(min-width:1000px) and (max-width:1170px){
.blue-resources-container a {
    font-size: 12px !important;
}	
.blue-resources-container a.accordion-toggle.collapsed::after {
    content: "+";
    display: inline-block;
    float: right;
    font-size: 12px !important;
}
}
@media(min-width:801px) and (max-width:999px){
.blue-resources-container a {
    font-size: 11px !important;
}	
.blue-resources-container a.accordion-toggle.collapsed::after {
    content: "+";
    display: inline-block;
    float: right;
    font-size: 11px !important;
}
.fifths {
    width: calc(20% - 5px);
    margin-right: 5px;
}
}
@media(max-width:800px){
	#submenu-6 ul.product-columns:nth-child(5), #submenu-11 ul.product-columns:nth-child(5){width:100% !Important; max-width:100% !Important;}
	
	.related-links {
    margin: 1% 0px !important;

}
.span3.product p.short-description-1 {display:none !Important;}
	.product-img-box .span6 {
    height: auto !important;
}
	
	.category-headers {
    background-size: cover !important;
    height: auto !important;
    margin-top: -2px;
    max-height: none !important;
    width: 100vw;
}
	
	#spy{display:none !important;}
	.desktoponly{display:none !important;}
.mobiletoggle_listing {
    display: inline-block !important;
    width: 100%;
}

.category-summary-container a.tp-button.red{display:none !Important;}
.mobiletoggle_listing .accordion. .mobiletoggle_listing dl {
    margin-bottom: 0px !important;
}

}

@media(max-width:1200px){
	
	a.watch-video-product-page{ max-width: 100% !important; }
	
	
	#submenu-10 span.heading-menus-top {

    font-size: 14px !Important;
   
}
	
}

@media (max-width: 1349px) and (min-width: 1025px) {
.product-img-box .span6 {
    width: 85% !important;
	height:auto !important;
}
}
@media (max-width: 1024px){
	.navigation-bar .span5 {
    width: auto !important;
    float: right !Important;
}
	
	
.product-img-box .span6 {
    width: 85% !important;
	height:auto !important;
}
}
@media(max-width:979px){
	.product-box .span7 {
    width: calc(60% - 30px) !important;
    padding-right: 30px;
    margin-left: 0px !Important;
}
.product-box .product-img-box .span1 {
    width: calc(15% - 30px) !important;
    margin-right: 20px;
    margin-left: 0px !Important;
}
.product-img-box .span6 {
    width: 85% !important;
    height: auto !important;
    margin-left: 0px !Important;
}
.product-box .span5 {
    width: 40% !Important;
    margin-left: 0px !Important;
}
}

.posts-sliders {max-width:1200px; margin:0px auto;}
@media(max-width:800px){ 
.posts-sliders{max-width:100% !important; margin:0px !important;}
.product-box .span7 {
    width: 100% !important;
}
}
@media(max-width:530px){
	.product-box .product-img-box .span1 {
display:none !Important;}
.product-img-box .span6 {
    width: 100% !important;
    height: auto !important;
    margin-left: 0px !Important;
}
}
@media (max-width: 979px){
.navigation-bar .span5 {
    width: auto !Important;
    float: right;
}
}
@media(min-width:1301px){ul.mobile-column{display:none !important;}
}
@media(max-width:1300px){
	#submenu-6 .ms-featured, #submenu-11 .ms-featured, #submenu-7 .ms-featured {
		display: none !important;
	}
	
	
	#submenu-6 .ms-maincontent, #submenu-11 .ms-maincontent, #submenu-7 .ms-maincontent{width:100% !important;}
	.mobile-column{display:inline !important;}
	
	#submenu-6 ul.product-columns, #submenu-11 ul.product-columns, #submenu-7 ul.product-columns {
		max-width: 16% !important;
	}
}
@media(max-width:1200px){
	.product-tabs-area .nav-tabs>.active>a::after{display:none !important;}
	.post-title-right-container{padding-right:20px !important;}
	.request-product-details {
    width: calc(100% - 180px) !important;
	}
	.last-buttons {
    display: none !important;
}
}
@media(max-width:900px) {
	.request-products-image {
    width: 50% !Important;
    height: auto !important;
    float: left !important;
    display: inline-block !important;
    min-width: 50% !Important;
    margin: 0px auto !Important;
}

.request-product-details {
    width: calc(50% - 20px) !Important;
    float: left !important;
    padding-left: 10px !important;
    text-align: left !important;
    padding-top: 0px !Important;
}

.request-product-container {
    font-size: 12px !Important;
    line-height: 20px !Important;
}
.request-product-container::after{ content:" "; display:block; width:100%; clear:both;}
.request-product-container {
    width: calc(100% - 50px) !important;
    padding: 25px !important;
   
}
}
@media(max-width:800px){
	
	.contractors-choice-img {width:95% !important;}
	.contractors-choice-img img{width:100% !important;}
	
	.menu-sections .sections-column, .menu-sections-4 .sections-column {
    width: auto !important;
    max-width: 100% !important;
    display: block !important;
    
}
a.menu-image-links{text-align:center !important; display:block !important;}

	body.cms-resources .fifths:last-of-type{width:100% !important;}
	body.cms-resources .fifths span{margin-top:15px !Important; display:block; margin-bottom:10px;}
	.blue-resources-container a {
    color: #fff;
    line-height: 30px;
    border-bottom: solid 1px rgba(255,255,255,0.3);
    width: 100%;
    display: block;
}
body.cms-resources .fifths br  {
    display: none;

}
body.cms-resources .fifths span br  {
    display: inline-block !important;

}

}
@media(max-width:800px) {
	
	body.product-featured-dust-pro-poles .blue-right-half {
    width: auto !important;
    float: none !important;
    position: relative;
    background: #2c343d;
    color: #fff;
    display: inline-flex;
    height: auto !important;
    text-align: center;
    min-height: none !Important;
    max-height: none !important;
    align-items: center;
    display: -webkit-flex;
    -webkit-align-items: center;
    padding: 30px !important;
}

body.product-featured-dust-pro-poles .blue-right-half-inner {
    width: auto !Important;
    margin: 0px auto;
}

body.product-featured-dust-pro-poles .image-half-featured-left{display:none !important;}
body.product-featured-dust-pro-poles .blue-right-half h2 {
    color: #fff;
    padding: 0px;
    font-size: 36px;
    padding-bottom: 15px;
    border-bottom: solid 2px rgba(255,255,255,0.5);
    width: auto !important;
    margin: 0px auto 15px !Important;
}
	
	
	#bottom_block .span3 {
    width: 50% !important;
}
.white-featured-section-padded {
    margin-top: 20vh !important;

}
	

.span3.product:nth-of-type(even){clear:right !Important;}
.span3.product:nth-of-type(odd){clear:left !Important;}

.bottom-product-wrapper{display:none !Important;} 
	}
	@media(min-width:1065px) and (max-width:1344px){
		#submenu-10 .ms-featured {
			height:500px !Important;
		}
	}
	
	@media all and (-ms-high-contrast:none) {
		*::-ms-backdrop, #submenu-10 .ms-featured { 
			position: absolute;
			right: 0;
			height: 100% !important;
			display: block !important;
		}
     }
	
	@media(min-width:801px) and (max-width:1064px) {
		

.hvr-sweep-to-top:hover:before, .hvr-sweep-to-top:focus:before, .hvr-sweep-to-top:active:before, .related-links .inner-sweep:hover:before {
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  opacity:0 !Important;
}
.hvr-sweep-to-top-red:hover:before, .hvr-sweep-to-top-red:focus:before, .hvr-sweep-to-top-red:active:before {
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  opacity:0 !Important;
}
.caption-inner-text {display:none !Important;}
#submenu-10	 .menu-sections-4 .sections-column {
    width: 100% !Important;
    display: block !Important;
    text-align: left;
    max-width: 100% !important;
    clear: both !Important;
}
	#submenu-10	 a.menu-image-links {
    max-width: 100px !Important;
    float: left !Important;
    padding-right: 10px !Important;
}

#submenu-10 .menu-sections-4 span.heading-menus-top {
    font-size: 14px !Important;
    display: inline-block !important;
    width: calc(100% - 110px) !Important;
    margin-bottom: 0px !Important;
    padding-top: 10px !Important;
}

#submenu-10 .sections-column:nth-of-type(3) span.heading-menus-top, #submenu-10 .sections-column:nth-of-type(4) span.heading-menus-top {
    margin-bottom: 0px !Important;
}

#submenu-10 span.menu-descriptions {
    font-size: 12px !Important;
    line-height: 14px !Important;
    display: inline-block;
    max-width: calc(100% - 110px) !Important;
}

	}
@media(max-width:600px){
	
	
	select option {font-size:12px !Important;}
	
	body.product-featured-dust-pro-poles .video-container {
		background:url(https://www.surfaceshields.com/product-videos/dsp/thumb/dsp-video-icon.png) !important;
		background-size:cover !important;
		}
		
	
	
	body.product-featured-builder-board .video-container {
    background: url(https://www.surfaceshields.com/product-videos/bb/thumb/bb-thumb.jpg) !important;
    background-size: cover !important;
}
	body.product-featured-builder-board .video-container video, body.product-featured-dust-pro-poles  .video-container video{
		
		
    display: none !important;
}




.one_third {
    margin-bottom: 0px !important;
}

	.fullwidth-featured-product {
    background-attachment: initial !important;
	background-size:100vw auto !important;
}
	
	
	#bottom_block .span3 {
    width: 95% !important;
	float:none !important;
}
	
	
ul.product-columns li:nth-child(1) {
    padding: 5px 0px !important;
}
.left-locate a::before, .right-stock a::before {
    content: " ";
    display: inline-block;
    float: right;
    padding-top: 0px;
    width: 14px;
    height: 14px;
    background: url(https://www.surfaceshields.com/icon-img/arrow-right.png);
    background-size: cover;
}

}
	
	
@media(max-height:680px){
	ul.product-columns li a.category-link-megamenu, .ms-topmenu .ms-boxtitle {font-size:14px !important; line-height:14px !important;}
.ms-topmenu .ms-submenu a {
    font-size: 12px !important;
    line-height: 14px !important;
}
ul.product-columns li, .ms-topmenu .ms-submenu a {
    text-transform: capitalize !important;
    padding: 4px 0px;
    line-height: 16px !important;
}
}
.mobiletoggle_listing .block .block-content {
    padding: 0px !Important;
}
.mobiletoggle_listing .block{margin:0px !important;}
.mobiletoggle_listing .accordion-heading a {
    background: #2C343D !important;
    border-radius: 0px !important;
    color: #fff !important;
    margin-top: 0px !important;
    text-decoration: none;
    text-transform: uppercase !important;
    font-family: 'HelveticaNeueW01-75Bold' !important;
    padding: 10px 5px !Important;
}
.mobiletoggle_listing .accordion-heading a.collapsed {
    background: transparent !important;
    color: #2C343B !important;
    margin: 0;
    text-transform: uppercase !important;
    font-family: 'HelveticaNeueW01-75Bold' !important;
}
.mobiletoggle_listing .accordion-group {
    background: #eeeeee none repeat scroll 0 0 !important;
    border-radius: 0px !important;
    box-shadow: none !important;
    margin-bottom: 0 !important;
    padding: 10px 5px !important;
}
.pccf.default .alert-success h3 {
    font-size: 24px!important;
    font-weight: normal !Important;
    font-family: 'HelveticaNeueW01-85Heav' !important;
    text-align: center !Important;
    color: #2C343D !important;
    display: inline-block;
    margin-left: 0px !Important;
    position: relative;
}
.request4quote-front-quote-success h1, .request4quote-front-quote-success p, .request4quote-front-quote-success div {text-align:center !important;}

.navigation-bar .container, .navigation-bar .container .row, .navigation-bar .span9, .ms-megamenu .ms-topmenu{position:static !Important;}


@media (max-width: 800px) {
	#submenu-6 ul.product-columns, 
	#submenu-11 ul.product-columns, 
	#submenu-7 ul.product-columns {
		max-width: 100% !Important;
	}
}

@media(min-width:801px) and (max-width:1349px) {
	.smaller-searcher {
    display: inline !important;
    float: right;
    padding-top: 10px;
    padding-left: 20px;
	padding-right: 20px;
    position: relative;
    z-index: 999999;
}
.small-nav-item {
    width: 100% !important;
}
}

@media (max-width: 1349px) and (min-width: 1025px) {
.navigation-bar .span5 {
    width: 20%;
	float:right !important;
}
span.header-requested {
    font-size: 12px !important;
}
}

	@media(max-width:1350px){
		.half-text-first {
    width: 90% !important;
    padding-top: 95px;
    padding-bottom: 95px;
    padding-left: 5% !important;
    padding-right: 5% !important;
}

body.cms-about-us .one_third h2 {
    font-size: 25px;
    line-height: 25px;
}

	}
	@media(max-width:1129px){img.mapper {display:none !Important;}
	}
	
	#pccf_5>fieldset>div:nth-child(6)>div>div>span>input[type="checkbox"] {
    width: 5% !important;
    float: left;
    margin-bottom: 0px !Important;
    margin-top: 8px !Important;
}
#colorbox input#prependedcheckbox5 {
    width: 90% !important;
    border: none !Important;
}

ul.messages li.success-msg {
    display: block;
    text-align: center;
    padding: 10px 0;
    background: #61D543;
    color: white;
    font-size: 15px;
} 

.form-add label {
    text-align: left;
}


.rating strong i {
    color: #E00000;
}

/*body .product-name a {
    color: #E00000 !important;
}*/

body .product-name a:hover {
    text-decoration: underline !important;
}

#review-form ul.form-list > li {
    padding-left: 0 !important;
}

#review-form .captcha-block {
    text-align: center;
}

#review-form .captcha-block #re_captcha > div {
    text-align: left;
    margin: 0 auto;
    display: block;
}

/*.product-options select, .product-options select:focus {
    height: 48px !Important;

}*/

label[for="recieveupdates-01"] {
    text-align: left;
    padding-bottom: 30px;
}

input#recieveupdates-01 {
    margin: 4px 15px 0 0 !important;
    width: auto !important;
}

body > .hidden-block {
    display: block;
    height: 0;
    width: 0;
    overflow: hidden;
    display: none;
}

body.cms-contact-us #pccf_form_1 .form-group:nth-child(9),
body.cms-contact-us #pccf_form_1 .form-group:nth-child(10),
body.cms-contact-us #pccf_form_1 .form-group:nth-child(11) {
    max-width: 33%;
    display: inline-block;

    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

body.cms-contact-us #pccf_form_1 .form-group:nth-child(9) .col-md-6,
body.cms-contact-us #pccf_form_1 .form-group:nth-child(10) .col-md-6,
body.cms-contact-us #pccf_form_1 .form-group:nth-child(11) .col-md-6 {
    padding: 0;
    margin: 0;
}

body.cms-contact-us #pccf_form_1 .form-group:nth-child(10) {
    margin: 0 32px !important;
}

textarea.g-recaptcha-response,
#captchawrapper #g-recaptcha-response {
	display: none !important;
}


.phone p, .twitt p {
    margin: 0;
    padding: 0;
    display: inline
}

.preview img {
    margin-left: 1px;
}

.product .product-tocart {
    margin-right: 7px;
}

.preview .product-tocart {
    margin-right: 5px;
}

.preview.small .product-tocart {
    margin-right: 7px;
}

.icon-basket {
    cursor: pointer
}

.preview.small img {
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 1px;
}

.carousel.style0 .preview .product-tocart {
    margin-right: 7px;
}

.big_with_description .preview .product-tocart {
    margin-right: 7px;
    margin-top: 0px;
}

.big_with_description .big_image img {
    margin-top: 0px;
}

.category-products  .big_image img {
    margin-top: 0px
}

.category-products  .big_with_description .product-tocart {
    margin-top: 0px;
}

select, select:focus {
    height: auto;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {

    .big_with_description .big_image img {
        margin-top: 0px;
        margin-right: 1px;
    }
}

#preloader .message {
    margin-top: 0px;
}

#preloader {
    top: 50%;
    margin-top: -20px;
}

.product .product-tocart a:hover {
    font-size: 20px !important;
}

.product .product-tocart a:hover i, .preview .product-tocart a:hover i {
    font-size: 20px !important;
}


#footer_bottom i:hover {
    font-size: 14px !important;
}

.line_above_footer {
    border-top: 1px solid #ECECEC;
    height: 1px;
    margin: 0 0 -1px;
    overflow: hidden;
    width: 100%;
}

#bottom_block {
    padding: 17px 0 25px;
}

.block-layered-nav .actions, .block-compare .actions {
    padding: 10px 0 10px 0
}

.listing_header_row1 a.icon-th-list.active, .listing_header_row1 a.icon-th.active {
    color: #666666
}

#carousel_tabs_content.load {
    height: 420px;
    margin-bottom: -36px;
    margin-top: -35px;
    overflow: hidden;
    padding-top: 25px;
}

#carousel_tabs_content.load > div {
    margin: 0 0 115px -10px;
}

#preloader .message {
    border: 0px
}

#preloader .message {
    -webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.3);
}

#preloader .loader {
    -webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.3);
}

.product .product-name, .preview .product-name {
    height: 34px;
    overflow: hidden;
}

.small_with_description .product .product-name, .small_with_description  .preview .product-name {
    height: 15px;
}

.price_range {
    clear: both;
    float: none;
    margin: -6px 0 0;
}

.price_range #price_from {
    float: left
}

.price_range #price_to {
    float: right
}

.noUi-handle > div {
    left: -10px !important;
}

.product-shop .price-box {

    padding: 21px 0 10px;
}

.product-shop {
    width: 100%;
}

.product-shop .short-description {
    padding: 15px 0;


}

#review-form h3, #review-form h4 {
    font-family: arial;
    font-size: 12px;
    margin: 0 0 5px;
}

#product-attribute-specs-table {
    margin-bottom: 0;
}

.box-collateral.box-additional {
    margin: 41px 0 0 0
}

#product-review-table {
    margin: 2px 0 30px;
}

#customer-reviews dd {
    margin: 4px 0 23px 16px;
}

#customer-reviews dt {
    font-size: 14px;
}

.ratings-table {
    margin-bottom: 10px
}

.form-add {
    /*border-top:1px solid #D7D7D7;padding:16px 0 0 0*/
}

.rating-box .rating {
    margin-top: 0
}

.rating-links a {
    font-size: 12px
}

.add-to-links a {
    font-size: 12px
}

#topline {

    box-shadow: none;
}

.product-listing a.btn-cart {
    cursor: pointer;
}

.margin-2 {
    margin-top: 0px;
}

.table.shopping-cart-table input.qty {
    text-align: center;
}

.select_wrapper {
    width: 100%
}

#shipping-zip-form select {
    width: 99%
}

#discount-coupon-form, #shipping-zip-form {
    margin-bottom: 0
}

.table.shopping-cart-table-total th, .table.shopping-cart-table-total td {
    padding: 0 11px;
    font-weight: bold;
}

#checkoutSteps .form-list .input-box {
    clear: both;
    display: block;
    width: 100%;
}

#checkoutSteps .form-list input.input-text {

    width: 98%;
}

#checkoutSteps .form-list li.wide input.input-text {
    width: 98%;
}

#checkoutSteps .form-list .field {
    float: none;
    width: 100%;
}

#checkout-step-review .data-table thead th {
    background: none;
    color: #000
}

#checkout-step-review .data-table tfoot {
    border: 0
}



#checkout-progress-wrapper dd {
    font-style: italic;
    margin-bottom: 20px;
    margin-left: 10px;
}

address {
    font-style: italic;
}



#nav ul li {
    position: relative;
}

.flexslider {
    background: none
}

.shopempty strong {
    line-height: 25px
}

.tab-content {
    background: none repeat scroll 0 0 #FFFFFF;
}

.box-list {
    background: none repeat scroll 0 0 #FFFFFF;
}

.small_with_description .product .product-image-wrapper, .big_without_description .product .product-image-wrapper, .small_without_description .product .product-image-wrapper, .product-listing .product .product-image-wrapper {
    background: none repeat scroll 0 0 #FFFFFF;
}

.es-carousel .small_with_description .product {
    background: none
}

button, .button {
    color: #fff !important
}

.shopping_cart_mini .button {
    color: #000000 !important;
    margin-bottom: 5px;
}

.shopping_cart_mini .button:hover {
    color: #fff !important
}

#right_toolbar {
    right: 3px;
    z-index: 1002;
}

#right_toolbar .shopping_cart_mini {
    position: absolute;
    bottom: -110px;
    margin-right: 38px;
    right: 0;
    left: auto;
    top: auto;
}

#nav .menu_custom_block {
    padding: 20px 9px 26px;
}

.sbHolder {
    z-index: 1000;
}

.row.small_with_description {
    height: 266px
}

#wishlist-view-form .buttons-set.buttons-set2 .middleb {
    margin-left: 5px
}

.shopping_cart_grid .notice-msg {
    display: none
}

.shopping_cart_mini.empty {
    bottom: auto !important;
    top: -41px !important;
}

.preview {
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.27);
}

#header.header_v_2 {
    z-index: 10000;
}

#super-product-table .price-box {
    padding: 0;
    margin: 0
}

.product-shop .add-to-cart {
    margin-top: 10px
}

#header.header_v_2 #nav > li > ul {
    border-top-width: 3px;
    top: 51px;
}

#header.header_v_2 .fadelink .ul_wrapper {
    border-top: 3px solid #333333;
    top: 51px;
}

.product .product-image-wrapper {
    padding: 5px;
}

.preview .big_image {
    padding-bottom: 5px;
}

.preview.small .big_image {
    padding-bottom: 0px;
}

.product-img-box .more-views li {

    text-align: center;
}


.preview .short{ border-top: 1px solid #ECECEC; padding: 17px 0 0 0; margin: 20px 0 0 0; font-size: 12px; line-height: 18px;}
.preview .short p{ margin: 0; padding: 0}

.add-to-links .icon-heart, .add-to-links .icon-popup, .add-to-links .icon-at:before {
    line-height: 20px;
    font-size: 14px;
}

em.required {
    color: red
}

.inpopup .price-box .price {

    text-shadow: 1px 1px 1px #FFFFFF;
}

.product .product-tocart a.outofstock, .preview .product-tocart a.outofstock {
     font-size: 15px !important;
     font-weight: bold;
 }

.product .product-tocart a.outofstock:hover, .preview .product-tocart a.outofstock:hover {
    font-size: 15px !important;
}
.product-listing a.outofstock{ display: block; font-weight: bold; font-size: 15px}
.sale_discount{
    color: #FFFFFF;
    font-family: arial;
    font-weight: bold;
    height: 26px;
    line-height: 26px;
    position: absolute;
    right: 9px;
    text-align: center;
    top: 130px;
    width: 40px;
    box-shadow: 0 0 11px #FFFFFF;
    -webkit-box-shadow: 0 0 11px #FFFFFF;
}
.product.hover .label_sale_top_right,.product.hover .label_sale_top_left,
.product.hover .label_new_top_right,.product.hover .label_new_top_left,
.small_with_description .preview .label_new_top_right,.small_with_description .preview .label_new_top_left,
.small_with_description .preview .label_sale_top_right,.small_with_description .preview .label_sale_top_left{ display: none}


.quickviewblock{}
.quickviewblock h1{ color: #000 !important}
.quickviewblock{ color: #000 }
.quickviewblock a{color: #000 !important}
@media (max-width: 1350px) and (min-width: 1000px) {
    .small_with_description .sale_discount{  top: 93px}

    a.quickview{left:80px}
    .with_media a.quickview{left:155px;}

    .small_with_description .span2.product  a.quickview{left: 36px; top: 32px;}
    .small_with_description .preview.small  a.quickview{left: 36px; top: 32px;}
    .small_with_description .preview.small .with_media a.quickview{left: 93px;}

    .big_with_description .span2.product  a.quickview{  left: 37px; top: 41px; }
    .big_with_description .preview.small  a.quickview{  left: 37px; top: 41px;}
    .big_with_description .preview.small .with_media  a.quickview{  left: 93px;}

}
@media (max-width: 999px) and (min-width: 768px) {
    .small_with_description .sale_discount{  display: none}
}
@media (max-width: 767px){
    .small_with_description .sale_discount{ top: 93px}
}

@media (max-width: 700px) {

    #wishlist-view-form .buttons-set.buttons-set2 .pull-left {
        float: right
    }

    #wishlist-view-form .buttons-set.buttons-set2 button {
        margin-bottom: 5px;
        margin-left: 5px
    }
}

@media (max-width: 1024px) {

    .product_related{ display: none}
}


@media (max-width: 979px) {

    ol#checkoutSteps .step >.pull-left, ol#checkoutSteps .step >.pull-right {
        float: none;
        margin-bottom: 20px;
    }

}

@media (max-width: 480px) {

    #checkoutSteps .form-list li.wide input.input-text, #checkoutSteps .form-list input.input-text {
        width: 92%;
    }

    #checkoutSteps .form-list select {
        width: 235px;
    }

    form#checkout_multishipping_form div.multiple-checkout select {
        width: 150px
    }

}

@media (max-width: 769px) {

    .col-2.col-wide {
        width: 100%
    }
}

@media (min-width: 768px) and (max-width: 980px)
{
    .outofstock
    {
        display:none;
    }
}

@media (max-width: 986px) {

    #layerslider-container-fw {
        display: none
    }
}

@media (min-width: 1200px) {
    .product.hover, .product.hover .product-image-wrapper {
        box-shadow: none !important
    }
}

@media (max-width: 1600px) {
    .preview img {
        margin-left: 0px;
    }
}


/**********************CHECKOUT PROGRESS BAR***********************/
#checkout-progress-wrapper {
    border-radius: 5px;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
    padding: 10px 30px 20px;
}
#checkout-progress-wrapper .block{   border-bottom: 0;
    margin: 0 0 0px;}
#checkout-progress-wrapper .block .block-content{ padding: 0}
#checkout-progress-wrapper dl {
    margin-bottom: 0px;
}
#checkout-progress-wrapper .block .block-title{

}
.block-progress .block-title strong {
    color: #000000; font-size: 20px;
    font-weight: normal;
    line-height: 24px;
    margin-bottom: 20px;
    margin-top: 0;
    text-transform: uppercase;}
#checkout-progress-wrapper dt {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-color: rgba(200, 200, 200, 0.2);
    border-style: none none solid;
    border-width: 0 0 1px;
    color: #000000;
    font-size: 12px;
    font-weight: normal;
    padding: 4px 0;
}
.block-progress dd{ background: none; border: 0}



/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 * 
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 * That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated.
 * 
 * Version: 1.3.4 (11/11/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */
#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 1104;
	display: none;
}

#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background-image: url('https://www.surfaceshields.com/skin/frontend/buyshop/default/css/fancybox/fancybox.png');
}

#fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
    z-index: 99999;
	display: none;
}

#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}

#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	padding: 0px;
    z-index: 100000;
	outline: none;
	display: none;


}

#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;

}

#fancybox-content {
	width: 0;
	height: 0;
	padding: 0;
	outline: none;
	position: relative;
	overflow: hidden;
	z-index: 1102;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    background-color: #fff;
}

#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	z-index: 1101;
}

#fancybox-close {
	position: absolute;
	top: 5px;
	right: 5px;
	width: 30px;
	height: 30px;
	background: url("https://www.surfaceshields.com/skin/frontend/buyshop/default/css/fancybox/fancy_close.png");
	cursor: pointer;
	z-index: 1103;

}
#fancybox-close.show-important{ display: block !important}

#fancybox-error {
	color: #444;
	font: normal 12px/20px Arial;
	padding: 14px;
	margin: 0;
}

#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
}

#fancybox-frame {
	width: 100%;
	height: 100%;
	border: none;
	display: block;
    overflow-x:hidden;
  
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background: transparent url('https://www.surfaceshields.com/skin/frontend/buyshop/default/css/fancybox/blank.gif');
	z-index: 1102;
	display: none;
}

#fancybox-left {
	left: 0px;
}

#fancybox-right {
	right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 1102;
	display: block;
}

#fancybox-left-ico {
	background-image: url('https://www.surfaceshields.com/skin/frontend/buyshop/default/css/fancybox/fancybox.png');
	background-position: -40px -30px;
}

#fancybox-right-ico {
	background-image: url('https://www.surfaceshields.com/skin/frontend/buyshop/default/css/fancybox/fancybox.png');
	background-position: -40px -60px;
}

#fancybox-left:hover, #fancybox-right:hover {
	visibility: visible; /* IE6 */
}

#fancybox-left:hover span {
	left: 20px;
}

#fancybox-right:hover span {
	left: auto;
	right: 20px;
}

.fancybox-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	width: 20px;
	height: 20px;
	z-index: 1001;
}

#fancybox-bg-n {
	top: -20px;
	left: 0;
	width: 100%;

}

#fancybox-bg-ne {
	top: -20px;
	right: -20px;

}

#fancybox-bg-e {
	top: 0;
	right: -20px;
	height: 100%;

}

#fancybox-bg-se {
	bottom: -20px;
	right: -20px;

}

#fancybox-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;

}

#fancybox-bg-sw {
	bottom: -20px;
	left: -20px;

}

#fancybox-bg-w {
	top: 0;
	left: -20px;
	height: 100%;

}

#fancybox-bg-nw {
	top: -20px;
	left: -20px;

}

#fancybox-title {
	font-family: Helvetica;
	font-size: 12px;
	z-index: 1102;
}

.fancybox-title-inside {
	padding-bottom: 10px;
	text-align: center;
	color: #333;
	background: #fff;
	position: relative;
}

.fancybox-title-outside {
	padding-top: 10px;
	color: #fff;
}

.fancybox-title-over {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #FFF;
	text-align: left;
}

#fancybox-title-over {
	padding: 10px;
	background-image: url('https://www.surfaceshields.com/skin/frontend/buyshop/default/css/fancybox/fancy_title_over.png');
	display: block;
}

.fancybox-title-float {
	position: absolute;
	left: 0;
	bottom: -20px;
	height: 32px;
}

#fancybox-title-float-wrap {
	border: none;
	border-collapse: collapse;
	width: auto;
}

#fancybox-title-float-wrap td {
	border: none;
	white-space: nowrap;
}

#fancybox-title-float-left {
	padding: 0 0 0 15px;
	background: url('https://www.surfaceshields.com/skin/frontend/buyshop/default/css/fancybox/fancybox.png') -40px -90px no-repeat;
}

#fancybox-title-float-main {
	color: #FFF;
	line-height: 29px;
	font-weight: bold;
	padding: 0 0 3px 0;
	background: url('https://www.surfaceshields.com/skin/frontend/buyshop/default/css/fancybox/fancybox-x.png') 0px -40px;
}

#fancybox-title-float-right {
	padding: 0 0 0 15px;
	background: url('https://www.surfaceshields.com/skin/frontend/buyshop/default/css/fancybox/fancybox.png') -55px -90px no-repeat;
}

/* IE6 */

.fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_close.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_right.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
.fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_main.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_right.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame {
	height: expression(this.parentNode.clientHeight + "px");
}

#fancybox-loading.fancybox-ie6 {
	position: absolute; margin-top: 0;
	top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px');
}

#fancybox-loading.fancybox-ie6 div	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_loading.png', sizingMethod='scale'); }

/* IE6, IE7, IE8 */

.fancybox-ie .fancybox-bg { background: transparent !important; }

.fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }
.bannercontainer {
	background: none repeat scroll 0 0 #FFFFFF;
	border: 2px solid #FFFFFF;
	border-radius: 8px 8px 8px 8px;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.27);
	margin: 5px 0 25px;
	padding: 0;
	position: relative;
	width: 1167px;
}
.bannercontainer .banner {
	width:1167px;
	height:500px;
	position:relative;
	overflow:hidden;
	border-radius: 6px;
}

/*	THE MEDIA CHOOSER TO SET DIFFERENT SIZES OF THE CONTAINER DEPENDING ON THE SCREEN SIZE    */

@media (min-width: 1200px) and (max-width: 1360px) {
.bannercontainer .banner, .bannercontainer {
width:1046px;
height:450px;
}
}
@media (min-width: 980px) and (max-width: 1199px) {
.bannercontainer .banner, .bannercontainer {
width:938px;
height:402px;
}
}
@media (min-width: 768px) and (max-width: 979px) {
.bannercontainer .banner, .bannercontainer {
width:722px;
height:310px;
}
}
@media (min-width: 640px) and (max-width: 767px) {
.bannercontainer .banner, .bannercontainer {
width:568px;
height:248px;
}
}
 @media (min-width: 480px) and (max-width: 639px) {
.bannercontainer .banner, .bannercontainer {
width:368px;
height:158px;
}
}
 @media only screen and (min-width: 0px) and (max-width: 479px) {
.bannercontainer .banner, .bannercontainer {
width:296px;
height:128px;
}
}
/*-----------------------------------------------------------------------------

	-	Revolution Slider 1.5.3 -

		Screen Stylesheet

version:   	2.1
date:      	09/18/11
last update: 06.12.2012
author:		themepunch
email:     	info@themepunch.com
website:   	http://www.themepunch.com
-----------------------------------------------------------------------------*/


/*-----------------------------------------------------------------------------

	-	Revolution Slider 2.0 Captions -

		Screen Stylesheet

version:   	1.4.5
date:      	09/18/11
last update: 06.12.2012
author:		themepunch
email:     	info@themepunch.com
website:   	http://www.themepunch.com
-----------------------------------------------------------------------------*/



/*************************
	-	CAPTIONS	-
**************************/

.tp-hide-revslider, .tp-caption.tp-hidden-caption {
	visibility:hidden !important;
	display:none !important;
}
.tp-caption {
	z-index:1;
}
.tp-caption.big_white {
	position: absolute;
	color: #fff;
	text-shadow: none;
	font-weight: 800;
	font-size: 20px;
	line-height: 20px;
	font-family: 'Open Sans', sans;
	padding: 3px 4px;
	padding-top: 1px;
	margin: 0px;
	border-width: 0px;
	border-style: none;
	background-color:#000;
	letter-spacing: 0px;
}
.tp-caption.big_orange {
	position: absolute;
	color: #fff;
	text-shadow: none;
	font-weight: 700;
	font-size: 36px;
	line-height: 36px;
	font-family: Arial;
	padding: 0px 4px;
	margin: 0px;
	border-width: 0px;
	border-style: none;
	background-color:#fb7354;
	letter-spacing: -1.5px;
}
.tp-caption.big_black {
	position: absolute;
	color: #000;
	text-shadow: none;
	font-weight: 800;
	font-size: 36px;
	line-height: 36px;
	font-family: 'Open Sans', sans;
	padding: 0px 4px;
	margin: 0px;
	border-width: 0px;
	border-style: none;
	background-color:#fff;
	letter-spacing: -1.5px;
}
.tp-caption.medium_grey {
	position: absolute;
	color: #fff;
	text-shadow: none;
	font-weight: 700;
	font-size: 20px;
	line-height: 20px;
	font-family: Arial;
	padding: 2px 4px;
	margin: 0px;
	border-width: 0px;
	border-style: none;
	background-color:#888;
	white-space:nowrap;
	text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
}
.tp-caption.small_text {
	position: absolute;
	color: #fff;
	text-shadow: none;
	font-weight: 700;
	font-size: 14px;
	line-height: 20px;
	font-family: Arial;
	margin: 0px;
	border-width: 0px;
	border-style: none;
	white-space:nowrap;
	text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
}
.tp-caption.medium_text {
	position: absolute;
	color: #fff;
	text-shadow: none;
	font-weight: 300;
	font-size: 20px;
	line-height: 20px;
	font-family: 'Open Sans', sans;
	margin: 0px;
	border-width: 0px;
	border-style: none;
	white-space:nowrap;
	text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
}
.tp-caption.large_text {
	position: absolute;
	color: #fff;
	text-shadow: none;
	font-weight: 800;
	font-size: 36px;
	line-height: 36px;
	font-family: 'Open Sans', sans;
	margin: 0px;
	border-width: 0px;
	border-style: none;
	white-space:nowrap;
	text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
}
.tp-caption.large_black_text {
	position: absolute;
	color: #000;
	text-shadow: none;
	font-weight: 300;
	font-size: 42px;
	line-height: 42px;
	font-family: 'Open Sans', sans;
	margin: 0px;
	border-width: 0px;
	border-style: none;
	white-space:nowrap;
}
.tp-caption.very_large_text {
	position: absolute;
	color: #fff;
	text-shadow: none;
	font-weight: 800;
	font-size: 60px;
	line-height: 60px;
	font-family: 'Open Sans', sans;
	margin: 0px;
	border-width: 0px;
	border-style: none;
	white-space:nowrap;
	text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
	letter-spacing: 0px;
}
.tp-caption.very_large_black_text {
	position: absolute;
	color: #000;
	text-shadow: none;
	font-weight: 800;
	font-size: 72px;
	line-height: 72px;
	font-family: 'Open Sans', sans;
	margin: 0px;
	border-width: 0px;
	border-style: none;
	white-space:nowrap;
}
.tp-caption.bold_red_text {
	position: absolute;
	color: #d31e00;
	text-shadow: none;
	font-weight: 800;
	font-size: 20px;
	line-height: 20px;
	font-family: 'Open Sans', sans;
	margin: 0px;
	border-width: 0px;
	border-style: none;
	white-space:nowrap;
}
.tp-caption.bold_brown_text {
	position: absolute;
	color: #a04606;
	text-shadow: none;
	font-weight: 800;
	font-size: 20px;
	line-height: 20px;
	font-family: 'Open Sans', sans;
	margin: 0px;
	border-width: 0px;
	border-style: none;
	white-space:nowrap;
}
.tp-caption.bold_green_text {
	position: absolute;
	color: #5b9830;
	text-shadow: none;
	font-weight: 800;
	font-size: 20px;
	line-height: 20px;
	font-family: 'Open Sans', sans;
	margin: 0px;
	border-width: 0px;
	border-style: none;
	white-space:nowrap;
}
.tp-caption.boxshadow {
	-moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
}
.tp-caption.black {
	color: #000;
	text-shadow: none;
	font-weight: 300;
	font-size: 19px;
	line-height: 19px;
	font-family: 'Open Sans', sans;
}
.tp-caption.noshadow {
	text-shadow: none;
}
.tp-caption a {
	color: #ff7302;
	text-shadow: none;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
}
.tp-caption a:hover {
	color: #ffa902;
}
.tp_inner_padding {
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	max-height:none !important;
}
/******************************
      -	BUTTONS	-
  *******************************/

  .bannercontainer .button {
	padding:6px 13px 5px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	height:30px;
	cursor:pointer;
	color:#fff !important;
	text-shadow:0px 1px 1px rgba(0, 0, 0, 0.6) !important;
	font-size:15px;
	line-height:45px !important;
	background:url(https://www.surfaceshields.com/skin/frontend/buyshop/default/images/gradient/g30.png) repeat-x top;
	font-family: arial, sans-serif;
	font-weight: bold;
	letter-spacing: -1px;
}
.bannercontainer .button.big {
	color:#fff;
	text-shadow:0px 1px 1px rgba(0, 0, 0, 0.6);
	font-weight:bold;
	padding:9px 20px;
	font-size:19px;
	line-height:57px !important;
	background:url(https://www.surfaceshields.com/skin/frontend/buyshop/default/images/gradient/g40.png) repeat-x top;
}
.bannercontainer .purchase:hover, .button:hover, .button.big:hover {
	background-position:bottom, 15px 11px;
}
 @media only screen and (min-width: 768px) and (max-width: 959px) {
}
 @media only screen and (min-width: 480px) and (max-width: 767px) {
 .bannercontainer .button {
 padding:4px 8px 3px;
 line-height:25px !important;
 font-size:11px !important;
 font-weight:normal;
}
 .bannercontainer a.button {
 -webkit-transition: none;
 -moz-transition: none;
 -o-transition: none;
 -ms-transition: none;
}
}
 @media only screen and (min-width: 0px) and (max-width: 479px) {
 .bannercontainer .button {
 padding:2px 5px 2px;
 line-height:20px !important;
 font-size:10px !important;
}
 .bannercontainer a.button {
 -webkit-transition: none;
 -moz-transition: none;
 -o-transition: none;
 -ms-transition: none;
}
}
/*	BUTTON COLORS	*/



  .bannercontainer .button.green, .bannercontainer .button:hover.green, .bannercontainer .purchase.green, .bannercontainer .purchase:hover.green {
	background-color:#21a117;
	-webkit-box-shadow:  0px 3px 0px 0px #104d0b;
	-moz-box-shadow:   0px 3px 0px 0px #104d0b;
	box-shadow:   0px 3px 0px 0px #104d0b;
}
.bannercontainer .button.blue, .bannercontainer .button:hover.blue, .bannercontainer .purchase.blue, .bannercontainer .purchase:hover.blue {
	background-color:#1d78cb;
	-webkit-box-shadow:  0px 3px 0px 0px #0f3e68;
	-moz-box-shadow:   0px 3px 0px 0px #0f3e68;
	box-shadow:   0px 3px 0px 0px #0f3e68;
}
.bannercontainer .button.red, .bannercontainer .button:hover.red, .bannercontainer .purchase.red, .bannercontainer .purchase:hover.red {
	background-color:#cb1d1d;
	-webkit-box-shadow:  0px 3px 0px 0px #7c1212;
	-moz-box-shadow:   0px 3px 0px 0px #7c1212;
	box-shadow:   0px 3px 0px 0px #7c1212;
}
.bannercontainer .button.orange, .bannercontainer .button:hover.orange, .bannercontainer .purchase.orange, .bannercontainer .purchase:hover.orange {
	background-color:#ff7700;
	-webkit-box-shadow:  0px 3px 0px 0px #a34c00;
	-moz-box-shadow:   0px 3px 0px 0px #a34c00;
	box-shadow:   0px 3px 0px 0px #a34c00;
}
.bannercontainer .button.darkgrey, .bannercontainer .button.grey, .bannercontainer .button:hover.darkgrey, .bannercontainer .button:hover.grey, .bannercontainer .purchase.darkgrey, .bannercontainer .purchase:hover.darkgrey {
	background-color:#555;
	-webkit-box-shadow:  0px 3px 0px 0px #222;
	-moz-box-shadow:   0px 3px 0px 0px #222;
	box-shadow:   0px 3px 0px 0px #222;
}
.bannercontainer .button.lightgrey, .bannercontainer .button:hover.lightgrey, .bannercontainer .purchase.lightgrey, .bannercontainer .purchase:hover.lightgrey {
	background-color:#888;
	-webkit-box-shadow:  0px 3px 0px 0px #555;
	-moz-box-shadow:   0px 3px 0px 0px #555;
	box-shadow:   0px 3px 0px 0px #555;
}
/****************************************************************

      -	SET THE ANIMATION EVEN MORE SMOOTHER ON ANDROID   -

  ******************************************************************/

  .tp-simpleresponsive .slotholder *, .tp-simpleresponsive img {
	-webkit-transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	-webkit-perspective: 1000;
}
/************************************************
        - SOME CAPTION MODIFICATION AT START  -
  *************************************************/
  .tp-simpleresponsive .caption, .tp-simpleresponsive .tp-caption {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	position:absolute;
	visibility: hidden;
}
.tp-simpleresponsive img {
	max-width:none;
}
/******************************
      -	IE8 HACKS	-
  *******************************/
  .noFilterClass {
	filter:none !important;
}
/******************************
      -	SHADOWS		-
  ******************************/
  .tp-bannershadow {
	position:absolute;
	margin-left:auto;
	margin-right:auto;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-o-user-select: none;
}
.tp-bannershadow.tp-shadow1 {
	background:url(https://www.surfaceshields.com/skin/frontend/buyshop/default/assets/shadow1.png) no-repeat;
	background-size:100%;
	width:890px;
	height:30px;
	bottom:-30px;
}
.tp-bannershadow.tp-shadow2 {
	background:url(https://www.surfaceshields.com/skin/frontend/buyshop/default/assets/shadow2.png) no-repeat;
	background-size:100%;
	width:890px;
	height:60px;
	bottom:-60px;
}
.tp-bannershadow.tp-shadow3 {
	background:url(https://www.surfaceshields.com/skin/frontend/buyshop/default/assets/shadow3.png) no-repeat;
	background-size:100%;
	width:890px;
	height:60px;
	bottom:-60px;
}
/********************************
      -	FULLSCREEN VIDEO	-
  *********************************/
  .caption.fullscreenvideo {
	left:0px;
	top:0px;
	position:absolute;
	width:100%;
	height:100%;
}
.caption.fullscreenvideo iframe {
	width:100% !important;
	height:100% !important;
}
.tp-caption.fullscreenvideo {
	left:0px;
	top:0px;
	position:absolute;
	width:100%;
	height:100%;
}
.tp-caption.fullscreenvideo iframe {
	width:100% !important;
	height:100% !important;
}
/************************
      -	NAVIGATION	-
  *************************/

  /** BULLETS **/

  .tpclear {
	clear:both;
}
.tp-bullets {
	z-index:1000;
	position:absolute;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	-webkit-transition: opacity 0.2s ease-out;
	-moz-transition: opacity 0.2s ease-out;
	-o-transition: opacity 0.2s ease-out;
	-ms-transition: opacity 0.2s ease-out;
}
.tp-bullets.hidebullets {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
}
.tp-bullets.simplebullets.navbar {
	border:1px solid #666;
	border-bottom:1px solid #444;
	background:url(https://www.surfaceshields.com/skin/frontend/buyshop/default/assets/boxed_bgtile.png);
	height:40px;
	padding:0px 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.tp-bullets.simplebullets.navbar-old {
	background:url(https://www.surfaceshields.com/skin/frontend/buyshop/default/assets/navigdots_bgtile.png);
	height:35px;
	padding:0px 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.tp-bullets.simplebullets.round .bullet {
	cursor:pointer;
	position:relative;
	background:url(https://www.surfaceshields.com/skin/frontend/buyshop/default/assets/bullet.png) no-Repeat top left;
	width:20px;
	height:20px;
	margin-right:0px;
	float:left;
	margin-top:-10px;
	margin-left:3px;
}
.tp-bullets.simplebullets.round .bullet.last {
	margin-right:3px;
}
.tp-bullets.simplebullets.round-old .bullet {
	cursor:pointer;
	position:relative;
	background:url(https://www.surfaceshields.com/skin/frontend/buyshop/default/assets/bullets.png) no-Repeat bottom left;
	width:23px;
	height:23px;
	margin-right:0px;
	float:left;
	margin-top:-12px;
}
.tp-bullets.simplebullets.round-old .bullet.last {
	margin-right:0px;
}
/**	SQUARE BULLETS **/
  .tp-bullets.simplebullets.square .bullet {
	cursor:pointer;
	position:relative;
	background:url(https://www.surfaceshields.com/skin/frontend/buyshop/default/assets/bullets2.png) no-Repeat bottom left;
	width:19px;
	height:19px;
	margin-right:0px;
	float:left;
	margin-top:-10px;
}
.tp-bullets.simplebullets.square .bullet.last {
	margin-right:0px;
}
/**	SQUARE BULLETS **/
  .tp-bullets.simplebullets.square-old .bullet {
	cursor:pointer;
	position:relative;
	background:url(https://www.surfaceshields.com/skin/frontend/buyshop/default/assets/bullets2.png) no-Repeat bottom left;
	width:19px;
	height:19px;
	margin-right:0px;
	float:left;
	margin-top:-10px;
}
.tp-bullets.simplebullets.square-old .bullet.last {
	margin-right:0px;
}
/** navbar NAVIGATION VERSION **/
  .tp-bullets.simplebullets.navbar .bullet {
	cursor:pointer;
	position:relative;
	background:url(https://www.surfaceshields.com/skin/frontend/buyshop/default/assets/bullet_boxed.png) no-Repeat top left;
	width:18px;
	height:19px;
	margin-right:5px;
	float:left;
	margin-top:10px;
}
.tp-bullets.simplebullets.navbar .bullet.first {
	margin-left:0px !important;
}
.tp-bullets.simplebullets.navbar .bullet.last {
	margin-right:0px !important;
}
/** navbar NAVIGATION VERSION **/
  .tp-bullets.simplebullets.navbar-old .bullet {
	cursor:pointer;
	position:relative;
	background:url(https://www.surfaceshields.com/skin/frontend/buyshop/default/assets/navigdots.png) no-Repeat bottom left;
	width:15px;
	height:15px;
	margin-left:5px !important;
	margin-right:5px !important;
	float:left;
	margin-top:10px;
}
.tp-bullets.simplebullets.navbar-old .bullet.first {
	margin-left:0px !important;
}
.tp-bullets.simplebullets.navbar-old .bullet.last {
	margin-right:0px !important;
}
.tp-bullets.simplebullets .bullet:hover, .tp-bullets.simplebullets .bullet.selected {
	background-position:top left;
}
.tp-bullets.simplebullets.round .bullet:hover, .tp-bullets.simplebullets.round .bullet.selected, .tp-bullets.simplebullets.navbar .bullet:hover, .tp-bullets.simplebullets.navbar .bullet.selected {
	background-position:bottom left;
}
.tparrows {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	-webkit-transition: opacity 0.2s ease-out;
	-moz-transition: opacity 0.2s ease-out;
	-o-transition: opacity 0.2s ease-out;
	-ms-transition: opacity 0.2s ease-out;
}
.tparrows.hidearrows {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
}
.tp-leftarrow {
	z-index:100;
	cursor:pointer;
	position:relative;
	background:url(https://www.surfaceshields.com/skin/frontend/buyshop/default/assets/large_left.png) no-Repeat top left;
	width:40px;
	height:40px;
}
.tp-rightarrow {
	z-index:100;
	cursor:pointer;
	position:relative;
	background:#e2e2e2;
	width:34px;
	height:32px;
	padding:1px 0 0 0;
	cursor:pointer;
	border-radius: 2px;
	color:#fff;
	font-size:22px;
	line-height:32px;
}
.tp-leftarrow.round {
	z-index:100;
	cursor:pointer;
	position:relative;
	background:url(https://www.surfaceshields.com/skin/frontend/buyshop/default/assets/small_left.png) no-Repeat top left;
	width:19px;
	height:14px;
	margin-right:0px;
	float:left;
	margin-top:-7px;
}
.tp-rightarrow.round {
	z-index:100;
	cursor:pointer;
	position:relative;
	background:url(https://www.surfaceshields.com/skin/frontend/buyshop/default/assets/small_right.png) no-Repeat top left;
	width:19px;
	height:14px;
	margin-right:0px;
	float:left;
	margin-top:-7px;
}
.tp-leftarrow.round-old {
	z-index:100;
	cursor:pointer;
	position:relative;
	background:url(https://www.surfaceshields.com/skin/frontend/buyshop/default/assets/arrow_left.png) no-Repeat top left;
	width:26px;
	height:26px;
	margin-right:0px;
	float:left;
	margin-top:-13px;
}
.tp-rightarrow.round-old {
	z-index:100;
	cursor:pointer;
	position:relative;
	background:url(https://www.surfaceshields.com/skin/frontend/buyshop/default/assets/arrow_right.png) no-Repeat top left;
	width:26px;
	height:26px;
	margin-right:0px;
	float:left;
	margin-top:-13px;
}
.tp-leftarrow.navbar {
	z-index:100;
	cursor:pointer;
	position:relative;
	background:url(https://www.surfaceshields.com/skin/frontend/buyshop/default/assets/small_left_boxed.png) no-Repeat top left;
	width:20px;
	height:15px;
	float:left;
	margin-right:6px;
	margin-top:12px;
}
.tp-rightarrow.navbar {
	z-index:100;
	cursor:pointer;
	position:relative;
	background:url(https://www.surfaceshields.com/skin/frontend/buyshop/default/assets/small_right_boxed.png) no-Repeat top left;
	width:20px;
	height:15px;
	float:left;
	margin-left:6px;
	margin-top:12px;
}
.tp-leftarrow.navbar-old {
	z-index:100;
	cursor:pointer;
	position:relative;
	background:url(https://www.surfaceshields.com/skin/frontend/buyshop/default/assets/arrowleft.png) no-Repeat top left;
	width:9px;
	height:16px;
	float:left;
	margin-right:6px;
	margin-top:10px;
}
.tp-rightarrow.navbar-old {
	z-index:100;
	cursor:pointer;
	position:relative;
	background:url(https://www.surfaceshields.com/skin/frontend/buyshop/default/assets/arrowright.png) no-Repeat top left;
	width:9px;
	height:16px;
	float:left;
	margin-left:6px;
	margin-top:10px;
}
.tp-leftarrow.navbar-old.thumbswitharrow {
	margin-right:10px;
}
.tp-rightarrow.navbar-old.thumbswitharrow {
	margin-left:0px;
}
.tp-leftarrow.square {
	z-index:100;
	cursor:pointer;
	position:relative;
	background:url(https://www.surfaceshields.com/skin/frontend/buyshop/default/assets/arrow_left2.png) no-Repeat top left;
	width:12px;
	height:17px;
	float:left;
	margin-right:0px;
	margin-top:-9px;
}
.tp-rightarrow.square {
	z-index:100;
	cursor:pointer;
	position:relative;
	background:url(https://www.surfaceshields.com/skin/frontend/buyshop/default/assets/arrow_right2.png) no-Repeat top left;
	width:12px;
	height:17px;
	float:left;
	margin-left:0px;
	margin-top:-9px;
}
.tp-leftarrow.square-old {
	z-index:100;
	cursor:pointer;
	position:relative;
	background:url(https://www.surfaceshields.com/skin/frontend/buyshop/default/assets/arrow_left2.png) no-Repeat top left;
	width:12px;
	height:17px;
	float:left;
	margin-right:0px;
	margin-top:-9px;
}
.tp-rightarrow.square-old {
	z-index:100;
	cursor:pointer;
	position:relative;
	background:url(https://www.surfaceshields.com/skin/frontend/buyshop/default/assets/arrow_right2.png) no-Repeat top left;
	width:12px;
	height:17px;
	float:left;
	margin-left:0px;
	margin-top:-9px;
}
.tp-leftarrow.default, .tp-rightarrow.default {
	z-index:100;
	cursor:pointer;
	position:relative;
	font-size: 40px;
	line-height:40px;
	padding-top:8px;
	text-indent:8px;
	color:#ccc;
	width: 59px;
	height: 53px;
	background: #f8f8f8;
	border-radius: 3px;
}
.tp-leftarrow:hover, .tp-rightarrow:hover {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	-moz-opacity: 0.3;
	-khtml-opacity: 0.3;
	opacity: 0.3;
}
/****************************************************************************************************
      -	TP THUMBS 	-
  *****************************************************************************************************

   - tp-thumbs & tp-mask Width is the width of the basic Thumb Container (500px basic settings)

   - .bullet width & height is the dimension of a simple Thumbnail (basic 100px x 50px)

   *****************************************************************************************************/


  .tp-bullets.tp-thumbs {
	z-index:1000;
	position:absolute;
	padding:3px;
	background-color:#fff;
	width:500px;
	height:50px; 			/* THE DIMENSIONS OF THE THUMB CONTAINER */
	margin-top:-50px;
}
.fullwidthbanner-container .tp-thumbs {
	padding:3px;
}
.tp-bullets.tp-thumbs .tp-mask {
	width:500px;
	height:50px;  			/* THE DIMENSIONS OF THE THUMB CONTAINER */
	overflow:hidden;
	position:relative;
}
.tp-bullets.tp-thumbs .tp-mask .tp-thumbcontainer {
	width:5000px;
	position:absolute;
}
.tp-bullets.tp-thumbs .bullet {
	width:100px;
	height:50px; 			/* THE DIMENSION OF A SINGLE THUMB */
	cursor:pointer;
	overflow:hidden;
	background:none;
	margin:0;
	float:left;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	/*filter: alpha(opacity=50);	*/
      -moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
}
.tp-bullets.tp-thumbs .bullet:hover, .tp-bullets.tp-thumbs .bullet.selected {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}
.tp-thumbs img {
	width:100%;
}
/************************************
          -	TP BANNER TIMER		-
  *************************************/
  .tp-bannertimer {
	width:100%;
	height:10px;
	/*      background:url(https://www.surfaceshields.com/skin/frontend/buyshop/default/images/template/timer.png);
*/      position:absolute;
	z-index:200;
}
.tp-bannertimer.tp-bottom {
	bottom:0px !important;
	height:5px;
}




  /***************************************
      -	RESPONSIVE SETTINGS 	-
  ****************************************/


  @media only screen and (min-width: 768px) and (max-width: 959px) {
}
 @media only screen and (min-width: 480px) and (max-width: 767px) {
 .responsive .tp-bullets.tp-thumbs {
 width:300px !important;
 height:30px !important;
}
 .responsive .tp-bullets.tp-thumbs .tp-mask {
 width:300px !important;
 height:30px !important;
}
 .responsive .tp-bullets.tp-thumbs .bullet {
 width:60px !important;
 height:30px !important;
}
}
 @media only screen and (min-width: 0px) and (max-width: 479px) {
 .responsive .tp-bullets {
 display:none
}
 .responsive .tparrows {
 display:none;
}
}
/*********************************************

      -	BASIC SETTINGS FOR THE BANNER	-

  ***********************************************/

  .tp-simpleresponsive img {
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-o-user-select: none;
}
.tp-simpleresponsive a {
	text-decoration:none;
}
.tp-simpleresponsive ul {
	list-style:none;
	padding:0;
	margin:0;
}
.tp-simpleresponsive >ul >li {
	list-stye:none;
	position:absolute;
	visibility:hidden;
}
/*  CAPTION SLIDELINK   **/
  .caption.slidelink a div, .tp-caption.slidelink a div {
	width:10000px;
	height:10000px;/*background:url(https://www.surfaceshields.com/skin/frontend/buyshop/default/images/template/coloredbg.png) repeat;*/
  }
.tp-loader {
	/*background:url(https://www.surfaceshields.com/skin/frontend/buyshop/default/images/template/loader.gif) no-repeat 10px 10px;*/
      background-color:#fff;
	margin:-22px -22px;
	top:50%;
	left:50%;
	z-index:10000;
	position:absolute;
	width:44px;
	height:44px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.tp-transparentimg {
	content:"url(https://www.surfaceshields.com/skin/frontend/buyshop/default/assets/transparent.png)"
}
.tp-3d {
	-webkit-transform-style: preserve-3d;
	-webkit-transform-origin: 50% 50%;
}

/* jQuery Countdown styles 2.0.0. */
.countdown_sale_price{ margin: 10px 0 0 }
.sale_price_label{margin: 0px 0 7px 0; font-weight: bold}
.is-countdown {

    padding: 3px 0 14px;
}
.countdown-rtl {
	direction: rtl;
}
.countdown-holding span {
	color: #888;
}
.countdown-row {
	clear: both;
	width: 100%;
	padding: 0px 2px;
	text-align: center;
}
.countdown-show1 .countdown-section {
	width: 98%;
}
.countdown-show2 .countdown-section {
	width: 48%;
}
.countdown-show3 .countdown-section {
	width: 32.5%;
}
.countdown-show4 .countdown-section {
	width: 24.5%;
}
.countdown-show5 .countdown-section {
	width: 19.5%;
}
.countdown-show6 .countdown-section {
	width: 16.25%;
}
.countdown-show7 .countdown-section {
	width: 14%;
}
.countdown-section {
	display: block;
	float: left;
	font-size: 75%;
	text-align: center;
}
.countdown-amount {
    font-size: 200%;
}
.countdown-period {
    display: block;
}
.countdown-descr {
	display: block;
	width: 100%;
}



/**/
.countdown_box {
    color: #FFFFFF;
    font-family: arial;
    left: 0;
    line-height: 18px;
    position: absolute;
    text-align: center;
    top: 70px;
    width: 100%;
    z-index: 999;
}
.countdown_inner {
    border: 5px solid #FFFFFF;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
    margin: 0 8px;
    padding: 16px 0 21px;
    background-color: #FD4326;
}
.countdown_inner .title{font-weight: bold;
    margin-bottom: 5px;
    font-size: 11px;}

.product-shop .countdown_box{ position: inherit !important}
.product-shop .countdown_inner{  margin: 10px 5px 0 !important}

i/* Start: Recommended Isotope styles */

/**** Isotope Filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
  display: none;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.shop .isotope-outer.isotope {
	overflow: visible !important;
}
.isotope {
	overflow:  hidden;
	margin-right:-3px;
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

/* End: Recommended Isotope styles */



/* disable CSS transitions for isotopes with infinite scrolling*/
.isotope.infinite-scrolling {
  -webkit-transition: none;
     -moz-transition: none;
      -ms-transition: none;
       -o-transition: none;
          transition: none;
}




.no_msie .animate, .no_msie .animate-delay {
	opacity: 0;
	-webkit-perspective: 1000;
}
.msie .animate, .msie .animate-delay {
	opacity:1 !important;
}
.no_msie .animate.animated.scale,
.no_msie .animate-delay.animated.scale {
	-webkit-animation: scale 0.5s 1 cubic-bezier(0.445, 0.05, 0.55, 0.95);
	-moz-animation: scale 0.5s 1 cubic-bezier(0.445, 0.05, 0.55, 0.95);
	-o-animation: scale 0.5s 1 cubic-bezier(0.445, 0.05, 0.55, 0.95);
	animation: scale 0.5s 1 cubic-bezier(0.445, 0.05, 0.55, 0.95);
	opacity: 1;
}

.no_msie .animate.animated.pulse,
.no_msie .animate-delay.animated.pulse {
	-webkit-animation: pulse 0.5s 1 linear;
	-moz-animation: pulse 0.5s 1 linear;
	-o-animation: pulse 0.5s 1 linear;
	animation: pulse 0.5s 1 linear;
	opacity: 1;
}

.no_msie .animate.animated.flip,
.no_msie .animate-delay.animated.flip {
	-webkit-animation: flip 0.5s 1 linear;
	-moz-animation: flip 0.5s 1 linear;
	-o-animation: flip 0.5s 1 linear;
	animation: flip 0.5s 1 linear;
	-webkit-backface-visibility: visible !important;
	-ms-backface-visibility: visible !important;
	backface-visibility: visible !important;
	opacity: 1;
}
.no_msie .animate.animated.fadeUp,
.no_msie .animate-delay.animated.fadeUp {
	-webkit-animation: fadeUp 0.5s 1 linear;
	-moz-animation: fadeUp 0.5s 1 linear;
	-o-animation: fadeUp 0.5s 1 linear;
	animation: fadeUp 0.5s 1 linear;
	opacity: 1;
}



@-webkit-keyframes scale {
	0% {
		-webkit-transform: scale(0.3);
 		opacity: 0.1;
	}
	100% {
		-webkit-transform: scale(1);
		opacity: 1;
	}
}
@-moz-keyframes scale {
 	0% {
		-moz-transform: scale(0.3);
		opacity: 0.1;
	}
	100% {
		-moz-transform: scale(1);
		opacity: 1;
 	}
}
 @-o-keyframes scale {
	0% {
		-o-transform: scale(0.3);
		opacity: 0.1;
	}
	100% {
		-o-transform: scale(1);
		opacity: 1;
	}
}
@keyframes scale {
	0% {
		transform: scale(0.3);
		opacity: 0.1;
	}
	100% {
		transform: scale(1);
		opacity: 1;
	}
}
@-webkit-keyframes pulse {
 0% {
 -webkit-transform: scale(1);
 transform: scale(1);
}
 50% {
 -webkit-transform: scale(1.1);
 transform: scale(1.1);
}
 100% {
 -webkit-transform: scale(1);
 transform: scale(1);
}
}
 @keyframes pulse {
 0% {
 -webkit-transform: scale(1);
 -ms-transform: scale(1);
 transform: scale(1);
}
 50% {
 -webkit-transform: scale(1.1);
 -ms-transform: scale(1.1);
 transform: scale(1.1);
}
 100% {
 -webkit-transform: scale(1);
 -ms-transform: scale(1);
 transform: scale(1);
}
}
 @-webkit-keyframes flip {
 0% {
 -webkit-transform: perspective(400px) rotateY(90deg);
 transform: perspective(400px) rotateY(90deg);
 opacity: 0;
}
 40% {
 -webkit-transform: perspective(400px) rotateY(-10deg);
 transform: perspective(400px) rotateY(-10deg);
}
 70% {
 -webkit-transform: perspective(400px) rotateY(10deg);
 transform: perspective(400px) rotateY(10deg);
}
 100% {
 -webkit-transform: perspective(400px) rotateY(0deg);
 transform: perspective(400px) rotateY(0deg);
 opacity: 1;
}
}
 @keyframes flip {
 0% {
 -webkit-transform: perspective(400px) rotateY(90deg);
 -ms-transform: perspective(400px) rotateY(90deg);
 transform: perspective(400px) rotateY(90deg);
 opacity: 0;
}
 40% {
 -webkit-transform: perspective(400px) rotateY(-10deg);
 -ms-transform: perspective(400px) rotateY(-10deg);
 transform: perspective(400px) rotateY(-10deg);
}
 70% {
 -webkit-transform: perspective(400px) rotateY(10deg);
 -ms-transform: perspective(400px) rotateY(10deg);
 transform: perspective(400px) rotateY(10deg);
}
 100% {
 -webkit-transform: perspective(400px) rotateY(0deg);
 -ms-transform: perspective(400px) rotateY(0deg);
 transform: perspective(400px) rotateY(0deg);
 opacity: 1;
}
}

 @-webkit-keyframes fadeUp {
 0% {
 opacity: 0;
 -webkit-transform: translateY(20px);
 transform: translateY(20px);
}
 100% {
 opacity: 1;
 -webkit-transform: translateY(0);
 transform: translateY(0);
}
}
 @keyframes fadeUp {
 0% {
 opacity: 0;
 -webkit-transform: translateY(20px);
 -ms-transform: translateY(20px);
 transform: translateY(20px);
}
 100% {
 opacity: 1;
 -webkit-transform: translateY(0);
 -ms-transform: translateY(0);
 transform: translateY(0);
}
}

@-webkit-keyframes fadeDown {
 0% {
 opacity: 0;
 -webkit-transform: translateY(-20px);
 transform: translateY(-20px);
}
 100% {
 opacity: 1;
 -webkit-transform: translateY(0);
 transform: translateY(0);
}
}
 @keyframes fadeDown {
 0% {
 opacity: 0;
 -webkit-transform: translateY(-20px);
 -ms-transform: translateY(-20px);
 transform: translateY(-20px);
}
 100% {
 opacity: 1;
 -webkit-transform: translateY(0);
 -ms-transform: translateY(0);
 transform: translateY(0);
}
}



/* LayerSlider Styles */

.ls-container {
	visibility: hidden;
	position: relative;
	overflow:hidden;
}
.ls-inner {
	position: relative;
	background-position: center center;
}
.ls-inner, .ls-layer {
	width: 100%;
	height: 100%;
}
.ls-layer {
	position: absolute;
	display: none;
	background-position: center center;
	overflow: hidden;
}
.ls-layer * {
	margin: 0px;
	line-height: normal;
}
.ls-active, .ls-animating {
	display: block !important;
}
.ls-layer > * {
	position: absolute;
	left: 0px;
	top: 0px;
}
.ls-layer .ls-bg {
	left: 50%;
	top: 50%;
}
.ls-yourlogo {
	position: absolute;
	z-index: 99;
}
/* Navigation */

.ls-bottom-nav-wrapper {
	height: 0px;
}
.ls-bottom-nav-wrapper, .ls-below-thumbnails {
	z-index: 2;
	height: 0px;
	position: relative;
	text-align: center;
	margin: 0px auto;
}
.ls-below-thumbnails {
	display: none;
	z-index: 6;
}
.ls-bottom-nav-wrapper a, .ls-nav-prev, .ls-nav-next {
	outline: none;
}
.ls-bottom-slidebuttons {
	position: relative;
	z-index: 1000;
}
.ls-bottom-slidebuttons, .ls-nav-start, .ls-nav-stop, .ls-nav-sides {
	position: relative;
}
/* Embedded videos */

.ls-vpcontainer {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
}
.ls-videopreview {
	width : 100%;
	height : 100%;
	position : absolute;
	left : 0px;
	top : 0px;
	cursor : pointer;
}
.ls-playvideo {
	position: absolute;
	left: 50%;
	top: 50%;
	cursor: pointer;
}
/* Thumbnails */

.ls-tn {
	display: none !important;
}
.ls-thumbnail-hover {
	display: none;
	position: absolute;
	left: 0px;
}
.ls-thumbnail-hover-inner {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	display: none;
}
.ls-thumbnail-hover-bg {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
}
.ls-thumbnail-hover-img {
	position: absolute;
	overflow: hidden;
}
.ls-thumbnail-hover img {
	max-width: none !important;
	position: absolute;
	display: inline-block;
	left: 50%;
	top: 0px;
}
.ls-thumbnail-hover span {
	left: 50%;
	top: 100%;
	width: 0px;
	height: 0px;
	display: block;
	position: absolute;
	border-left-color: transparent !important;
	border-right-color: transparent !important;
	border-bottom-color: transparent !important;
}
.ls-thumbnail-wrapper {
	position: relative;
	width: 100%;
	margin: 0 auto;
	z-index: 4;
}
.ls-thumbnail {
	position: relative;
	margin: 0 auto;
}
.ls-thumbnail-inner, .ls-thumbnail-slide-container {
	width: 100%;
}
.ls-thumbnail-slide-container {
	overflow: hidden !important;
	position: relative;
}
.ls-thumbnail-slide {
	text-align: center;
	white-space: nowrap;
	float: left;
	position: relative;
}
.ls-thumbnail-slide a {
	overflow: hidden;
	display: inline-block;
	width: 0px;
	height: 0px;
	position: relative;
}
.ls-thumbnail-slide img {
	max-width: none !important;
	max-height: 100% !important;
	height: 100%;
}
.ls-shadow {
	display: none;
	position: absolute;
	z-index: 1;
	top: 100%;
	width: 100%;
	left: 0px;
}
.ls-shadow img {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
}
/* coolbaby style */

#layerslider-container {
	margin: 0;
	-webkit-box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.15);
	-moz-box-shadow:    0px 3px 3px 0px rgba(50, 50, 50, 0.15);
	box-shadow:         0px 3px 3px 0px rgba(50, 50, 50, 0.15);
}
#layerslider-container img {
	max-width: 100%;
	width:100% !important;
	height: 100% !important;
}
.caption {
	width:610px;
	height:300px;
	/*background:#000;*/
}
.nofade {
	opacity:1 !important;
	filter: alpha(opacity=100) !important;
}
.text1 {
	font-size:47px;
	line-height:50px;
	color:#bba79f;
	text-transform: uppercase;
	font-family: 'Oswald', sans-serif;
}
.text2 {
	font-size:33px;
	line-height:33px;
	color:#ff0000;
	font-family: 'Oswald', sans-serif;
}
.text3 {
	font-size:75px;
	line-height:75px;
	color:#ff0000;
	font-weight:bold;
	text-transform: uppercase;
	font-family: 'Oswald', sans-serif;
	text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
}
.text4 {
	font-size:45px;
	line-height:45px;
	color:#ffffff;
	font-family: 'Oswald', sans-serif;
}
.text5 {
	font-size:23px;
	line-height:25px;
	color:#bba79f;
	text-transform: uppercase;
	font-family: 'Oswald', sans-serif;
}
.text6 {
	font-size:58px;
	line-height:60px;
	color:#ff0000;
	font-weight:bold;
	text-transform: uppercase;
	font-family: 'Oswald', sans-serif;
	text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);
}
.text7 {
	font-size:23px;
	line-height:25px;
	color:#333;
	font-family: 'Oswald', sans-serif;
}
.text8 {
	font-size:28px;
	line-height:30px;
	color:#474747;
	text-transform: uppercase;
	font-family: 'Oswald', sans-serif;
}
.text9{
	font-size:54px;
	line-height:54px;
	color:#9d3bc6;
	text-transform: uppercase;
	font-family: 'Oswald', sans-serif;
}
.text10 {
	font-size:24px;
	line-height:24px;
	color:#ff0000;
	font-weight:bold;
	text-transform: uppercase;
	font-family: 'Oswald', sans-serif;
	text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
}
.text11 {
	font-size:57px;
	line-height:57px;
	color:#ff0000;
	font-weight:bold;
	text-transform: uppercase;
	font-family: 'Oswald', sans-serif;
	text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
}

.text12 {
	font-size:47px;
	line-height:47px;
	color:#766565;
	font-family: 'Oswald', sans-serif;
}
.ls-layer.link {
	cursor:pointer;
}
.ls-nav-prev, .ls-nav-next {
	width: 59px;
	height: 53px;
	margin: -20px 0 0;
	display: block;
	background: #f8f8f8;
	border-radius: 3px;
	position: absolute;
	top: 50%;
	z-index: 10;
	cursor: pointer;
	text-align:center;
	opacity: 0;
 -webkit-transition: all .3s ease;
	font-size: 40px;
	line-height:40px;
	padding-top:8px;
	color:#9d3bc6;
}
.ls-nav-prev:hover, .ls-nav-next:hover {
	opacity: 1;
	color:#9d3bc6;
}
.ls-nav-prev i[class^="icon-"]:before, .ls-nav-prev i[class*=" icon-"]:before {
width:auto;
margin:0 0 0 -4px;
}
 .ls-nav-next i[class^="icon-"]:before, .ls-nav-next i[class*=" icon-"]:before {
width:auto;
margin: 0 -4px 0 0;
}
.ls-container:hover .ls-nav-prev, .ls-container:hover .ls-nav-next {
	opacity: 0.7;
 -webkit-transition: all .3s ease;
 transition: all .3s ease;
}
.ls-container .ls-nav-prev:hover, .ls-container .ls-nav-next:hover {
	opacity: 0.3;
 -webkit-transition: all .3s ease;
 transition: all .3s ease;
}
.ls-nav-prev {
	left: 10%;
}
.ls-nav-next {
	right: 10%;
}

/* filters by category */

.filters-by-category {
    display:inline-block;
    width:100%;
    text-align:center;
    margin:30px 0 20px
}
.filters-by-category.nomargin {
    margin:0
}
.filters-by-category ul {
    padding:0;
    margin:0;
}
.filters-by-category li {
    margin:0 0 10px;
    height:26px;
    display:inline-block;
    border-left:1px solid #e7e7e7
}
.filters-by-category ul li:first-child {
    border:none
}
.filters-by-category li a {
    display:block;
    color:#2b2b2b!important;
    font:1.23em 'Oswald', sans-serif;
    padding:12px 14px;
    margin:-9px 12px 9px;
    text-transform:uppercase;
    border-radius:3px;
    border:2px solid transparent;
    text-decoration:none
}
.filters-by-category li a.selected, .filters-by-category li a:hover {
    border-color:#9d3bc6
}
.filters-by-category li a.selected {
    background:#9d3bc6;
    color:#fff!important
}
.parallax-block {
    margin: 15px 0 25px;
    padding: 80px 0 95px;
    background:url(https://www.surfaceshields.com/skin/frontend/buyshop/default/images/template/parallax-bg.jpg) no-repeat 50% 0 #303d47;
    -webkit-backface-visibility:visible;
    overflow:hidden
}
.parallax-block h1{ font-size:50px; line-height:50px; color:#fff; margin-bottom: 25px;}

.carousel-testimonials {
    position: relative;
    margin:40px 0 15px;
}
.carousel-testimonials .flexslider {
    margin: 0;
    box-shadow: none;
    border: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: rgba(15, 24, 31, 0.95);
    color:#fff;
    border-radius: 10px;
    padding: 35px 10px 25px 125px;
}

.carousel-testimonials .quotes {
    position:absolute;
    z-index:100;
    left:0;
    top:0;
    height: 100px;
    width:125px;
    font-family:Arial, Helvetica, sans-serif;
    color: #9d3bc6;
    font-size:250px;
    line-height:250px;
  
    text-align: center;
}
.carousel-testimonials .flexslider p span { color:#b5bcc1;}
.carousel-testimonials .flexslider .flex-direction-nav a {
    position:absolute;
    left:auto;
    top: 5px;
    background:#9d3bc6;
    width:34px;
    height:32px;
    padding:1px 0 0 0;
    cursor:pointer;
    border-radius: 2px;
    color:#fff !important;
    font-size:22px;
    line-height:32px;
    opacity: 1;

}
.carousel-testimonials .flexslider .flex-direction-nav a:hover { 	opacity: 0.8;
}
.carousel-testimonials .flexslider .flex-direction-nav .flex-next {
    right: 32px;
}
.carousel-testimonials .flexslider .flex-direction-nav .flex-prev {
    right: 76px;
}


.jcarousel-skin-brands .jcarousel-direction-rtl {
    direction:rtl
}
.jcarousel-skin-brands .jcarousel-container-horizontal {
    padding:0
}
.jcarousel-skin-brands .jcarousel-clip {
    overflow:hidden;
    width:100%
}
.jcarousel-skin-brands .jcarousel-item {
    text-align:center;
}
.jcarousel-skin-brands .jcarousel-item-horizontal {
    margin-left:0;
    margin-right:10px
}
.jcarousel-skin-brands .jcarousel-direction-rtl .jcarousel-item-horizontal {
    margin-left:10px;
    margin-right:0
}
.jcarousel-skin-brands .jcarousel-item-placeholder {
    background:#fff;
    color:#000
}
.jcarousel-skin-brands .jcarousel-next-horizontal {
    position:absolute !important;
    top:-45px !important;
    right:0 !important;
    cursor:pointer
}
.jcarousel-skin-brands .jcarousel-direction-rtl .jcarousel-next-horizontal {
    left:0 !important
}
.jcarousel-skin-brands .jcarousel-next-disabled-horizontal, .jcarousel-skin-brands .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-brands .jcarousel-next-disabled-horizontal:focus, .jcarousel-skin-brands .jcarousel-next-disabled-horizontal:active {
    cursor:default !important
}
.jcarousel-skin-brands .jcarousel-prev-horizontal {
    position:absolute !important;
    top:-45px !important;
    cursor:pointer;
    right:40px !important
}
.jcarousel-skin-brands .jcarousel-direction-rtl .jcarousel-prev-horizontal {
    left:40px !important
}
.jcarousel-skin-brands .jcarousel-prev-disabled-horizontal, .jcarousel-skin-brands .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-brands .jcarousel-prev-disabled-horizontal:focus, .jcarousel-skin-brands .jcarousel-prev-disabled-horizontal:active {
    cursor:default !important
}
.jcarousel-skin-brands .jcarousel-clip, .jcarousel-skin-brands .jcarousel-clip ul {
    overflow:visible !important
}
.jcarousel-skin-brands a.btn {
    background-color: #E2E2E2;
    border-radius: 2px;
    height: 26px;
    padding: 4px 0;
    position: absolute;
    right: 50px;
    transition: background-color 0.25s ease 0s;
    width: 34px;
}
.jcarousel-skin-brands a.btn:hover {
    background-color: #9D3BC6;
    color: #FFFFFF;
    transition: background-color 0.25s ease 0s;
}
.jcarousel-skin-brands a.jcarousel-next-disabled, .jcarousel-skin-brands a.jcarousel-prev-disabled {
    opacity: 0.3;
    color:#fff;
}
.jcarousel-skin-brands a.jcarousel-next-disabled:hover, .jcarousel-skin-brands a.jcarousel-prev-disabled:hover {
    background-color: #E2E2E2;
}
@media(min-width:480px) and (max-width:639px) {
    .jcarousel-skin-brands .jcarousel-item-horizontal {
        width:175px !important
    }
    .jcarousel-skin-brands .jcarousel-prev-horizontal {
        right:60px !important
    }
    .jcarousel-skin-brands .jcarousel-next-horizontal {
        right:20px !important
    }
}
@media(max-width:479px) {
    .jcarousel-skin-brands .jcarousel-item-horizontal {
        width:145px !important
    }
}
.brands_block {
    clear:both;
    overflow:hidden;
    padding-top:55px;
    margin-top: -55px;
    padding-bottom: 25px;
}
.brands_block img {
    -webkit-transition:all .5s ease;
    -moz-transition:all .5s ease;
    -o-transition:all .5s ease;
    -ms-transition:all .5s ease;
    transition:all .5s ease
}
.brands_block a {
    display:block
}
.brands_active {
    opacity:1;
    -webkit-transform:scale(1);
    -webkit-transition-duration:500ms;
    -webkit-transition-timing-function:ease-out;
    -moz-transform:scale(1);
    -moz-transition-duration:500ms;
    -moz-transition-timing-function:ease-out;
    -o-transform:scale(1);
    -o-transition-duration:500ms;
    -p-transition-timing-function:ease-out;
    -ms-transform:scale(1);
    -ms-transform-duration:500ms;
    -ms-transform-timing-function:ease-out
}
.brands_n_active {
    opacity:.4;
    -webkit-transform:scale(0.8);
    -webkit-transition-duration:500ms;
    -webkit-transition-timing-function:ease-out;
    -moz-transform:scale(0.8);
    -moz-transition-duration:500ms;
    -moz-transition-timing-function:ease-out;
    -o-transform:scale(0.8);
    -o-transition-duration:500ms;
    -p-transition-timing-function:ease-out;
    -ms-transform:scale(0.8);
    -ms-transform-duration:500ms;
    -ms-transform-timing-function:ease-out
}


.post-preview {
    margin:25px 0 0;
    padding: 0 0 15px;
}
.post-preview h3 {
    text-transform: none
}
.post-preview .image {
    margin-top:20px;
}
.post-preview .image img {
    border:3px solid #fff;
    box-shadow:         0px 0px 4px rgba(0, 0, 0, 0.15);
    max-width:100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.post-meta {
    margin: 10px 0 25px;
    width: 100%;
    overflow: hidden;
    color:#000;
}
.post-meta span[class^="meta-"], .post-tags {
    background:#f8f8f8;
    display:block;
    float:left;
    line-height:15px;
    padding: 12px 15px;
    margin:0 10px 10px 0;
}
.post-meta a {
    color:#000;
}
.post-tags {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width:100%;
    float:none;
}
.post-meta span [class^="icon-"], .post-meta span [class*=" icon-"], .post-tags [class^="icon-"], .post-tags [class*=" icon-"] {
    display: block;
    float:left;
    color:#595959;
    font-size:14px;
    padding-right: 8px;
    padding-left:1px;
    margin-top:-3px;
}
.post-tags a {
    text-decoration:underline;
    color:#9d3bc6;
}
.post-tags a:hover {
    text-decoration:none;
}
.post-navigation {
    margin:25px 0 15px;
    font: 15px/20px 'Oswald', sans-serif;
    display: inline-block;
    width: 100%;
}
.post-navigation [class^="icon-"], .post-navigation [class*=" icon-"] {
    font-size:12px;
}
.post-preview-small {
    background:#f8f8f8;
    margin-bottom: 12px;
    margin-top:3px;
}
.post-preview-small .inside {
    padding: 15px;
}
.post-preview-small .image {
    background:#fff;
}
.post-preview-small .image img {
    border:3px solid #fff;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15);
    width:100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.post-preview-small h3 {
    text-transform: none;
    margin-bottom:5px;
}
.post-preview-small .post-meta {
    margin: 0;
}
.post-preview-small .text {
    border-top: 1px solid #dfdfdf;
    padding: 15px 0 0;
}
.post-preview-small .post-meta span[class^="meta-"] {
    background:none;
    display:block;
    float:left;
    line-height:14px;
    padding: 10px 0;
    margin-right:20px;
}
img.img-responsive {
    width:100%;
    max-width:100%;
}
img.pull-left {
    margin: 0 15px 25px 0;
}
img.pull-right {
    margin: 0 0 25px 15px;
}
img.border {
    border:3px solid #fff;
    box-shadow:         0px 0px 3px rgba(0, 0, 0, 0.15);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
input.full-width, textarea.full-width {
    font-size: 12px;
    height: 30px;
    margin-left: 2px;
    width: 99%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
textarea.full-width {
    height: 200px;
}
/*.page-title.blog-title.first-page {
    display: none;
}*/
.blog-desc.blog-tag-line {
    display: none;
}

.post-navigation {
    margin: 22px 16px 0;
    overflow: hidden;
}
.comment .comment-inner {
    border-bottom: 1px solid #EEEEEE;
    margin-bottom: 20px;
    padding: 10px 0 18px;
}
.comments-wrapper ul.children {
    margin-left: 56px;
}

.wp-sidebar .block-blog {
    border:1px solid #eaeaea;
    border-top-width:4px;
    border-radius:3px;
    padding:22px;
    margin-bottom:25px
}
.wp-sidebar .block-blog h3 {
    padding-bottom:.9em
}
.wp-sidebar .block .block-content {
    border-bottom: 0px solid #F4F4F4;
    margin-bottom: 0px;
    padding-bottom: 0px;
}
.wp-sidebar  .tags-list li a{ font-size: 100% !important}
.page-title.blog-title.first-page{ display: none}
.blog-desc.blog-tag-line{ display: none}
.blog_module a.button:hover{ text-decoration: none}
section.slider {
    margin-bottom:10px;
    background:url(https://www.surfaceshields.com/skin/frontend/buyshop/default/images/template/ajax-loader.gif) no-repeat center 50%;
}
#nav > li.hover > a, #nav > li > a:hover {
    background: none repeat scroll 0 0 #9d3bc6;
    color: #fff !important;
}
.li-first-home > a:hover .icon-home{color:#fff !important}

/*-----------------------------------------------------------------------------

	-	Revolution Slider 4.1 Captions -

		Screen Stylesheet

version:   	1.4.5
date:      	27/11/13
author:		themepunch
email:     	info@themepunch.com
website:   	http://www.themepunch.com
-----------------------------------------------------------------------------*/


@font-face {
  font-family: 'revicons';
  src: url('https://www.surfaceshields.com/skin/frontend/base/default/css/nwdthemes/revslider/font/revicons.eot?5510888');
  src: url('https://www.surfaceshields.com/skin/frontend/base/default/css/nwdthemes/revslider/font/revicons.eot?5510888#iefix') format('embedded-opentype'),
       url('https://www.surfaceshields.com/skin/frontend/base/default/css/nwdthemes/revslider/font/revicons.woff?5510888') format('woff'),
       url('https://www.surfaceshields.com/skin/frontend/base/default/css/nwdthemes/revslider/font/revicons.ttf?5510888') format('truetype'),
       url('https://www.surfaceshields.com/skin/frontend/base/default/css/nwdthemes/revslider/font/revicons.svg?5510888#revicons') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'revicons';
    src: url('https://www.surfaceshields.com/skin/frontend/base/default/css/nwdthemes/revslider/font/revicons.svg?5510888#revicons') format('svg');
  }
}
*/

 [class^="revicon-"]:before, [class*=" revicon-"]:before {
  font-family: "revicons";
  font-style: normal;
  font-weight: normal;
  speak: none;

  display: inline-block;
  text-decoration: inherit;
  width: 1.5em;
  margin-right: 0em;
  text-align: center;
  /* opacity: .8; */

  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;

  /* fix buttons height, for twitter bootstrap */
  line-height: 1.5em;

  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: 0em;

  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */

  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.revicon-search-1:before { content: '\e802'; } /* '' */
.revicon-pencil-1:before { content: '\e831'; } /* '' */
.revicon-picture-1:before { content: '\e803'; } /* '' */
.revicon-cancel:before { content: '\e80a'; } /* '' */
.revicon-info-circled:before { content: '\e80f'; } /* '' */
.revicon-trash:before { content: '\e801'; } /* '' */
.revicon-left-dir:before { content: '\e817'; } /* '' */
.revicon-right-dir:before { content: '\e818'; } /* '' */
.revicon-down-open:before { content: '\e83b'; } /* '' */
.revicon-left-open:before { content: '\e819'; } /* '' */
.revicon-right-open:before { content: '\e81a'; } /* '' */
.revicon-angle-left:before { content: '\e820'; } /* '' */
.revicon-angle-right:before { content: '\e81d'; } /* '' */
.revicon-left-big:before { content: '\e81f'; } /* '' */
.revicon-right-big:before { content: '\e81e'; } /* '' */
.revicon-magic:before { content: '\e807'; } /* '' */
.revicon-picture:before { content: '\e800'; } /* '' */
.revicon-export:before { content: '\e80b'; } /* '' */
.revicon-cog:before { content: '\e832'; } /* '' */
.revicon-login:before { content: '\e833'; } /* '' */
.revicon-logout:before { content: '\e834'; } /* '' */
.revicon-video:before { content: '\e805'; } /* '' */
.revicon-arrow-combo:before { content: '\e827'; } /* '' */
.revicon-left-open-1:before { content: '\e82a'; } /* '' */
.revicon-right-open-1:before { content: '\e82b'; } /* '' */
.revicon-left-open-mini:before { content: '\e822'; } /* '' */
.revicon-right-open-mini:before { content: '\e823'; } /* '' */
.revicon-left-open-big:before { content: '\e824'; } /* '' */
.revicon-right-open-big:before { content: '\e825'; } /* '' */
.revicon-left:before { content: '\e836'; } /* '' */
.revicon-right:before { content: '\e826'; } /* '' */
.revicon-ccw:before { content: '\e808'; } /* '' */
.revicon-arrows-ccw:before { content: '\e806'; } /* '' */
.revicon-palette:before { content: '\e829'; } /* '' */
.revicon-list-add:before { content: '\e80c'; } /* '' */
.revicon-doc:before { content: '\e809'; } /* '' */
.revicon-left-open-outline:before { content: '\e82e'; } /* '' */
.revicon-left-open-2:before { content: '\e82c'; } /* '' */
.revicon-right-open-outline:before { content: '\e82f'; } /* '' */
.revicon-right-open-2:before { content: '\e82d'; } /* '' */
.revicon-equalizer:before { content: '\e83a'; } /* '' */
.revicon-layers-alt:before { content: '\e804'; } /* '' */
.revicon-popup:before { content: '\e828'; } /* '' */


/*********************************
	-	SPECIAL TP CAPTIONS -
**********************************/

.tp-static-layers				{	position:absolute; z-index:505; top:0px;left:0px}


.tp-caption .frontcorner		{
										width: 0;
										height: 0;
										border-left: 40px solid transparent;
										border-right: 0px solid transparent;
										border-top: 40px solid #00A8FF;
										position: absolute;left:-40px;top:0px;
									}

.tp-caption .backcorner		{
										width: 0;
										height: 0;
										border-left: 0px solid transparent;
										border-right: 40px solid transparent;
										border-bottom: 40px solid #00A8FF;
										position: absolute;right:0px;top:0px;
									}

.tp-caption .frontcornertop		{
										width: 0;
										height: 0;
										border-left: 40px solid transparent;
										border-right: 0px solid transparent;
										border-bottom: 40px solid #00A8FF;
										position: absolute;left:-40px;top:0px;
									}

.tp-caption .backcornertop		{
										width: 0;
										height: 0;
										border-left: 0px solid transparent;
										border-right: 40px solid transparent;
										border-top: 40px solid #00A8FF;
										position: absolute;right:0px;top:0px;
									}
                                    
.tp-layer-inner-rotation            {    position: relative !important;}        


/***********************************************
    -    SPECIAL ALTERNATIVE IMAGE SETTINGS    -
***********************************************/

img.tp-slider-alternative-image    {    width:100%; height:auto;}


                            

/******************************
	-	WRAPPER STYLES		-
******************************/



.rev_slider_wrapper{
	position:relative;
}

.rev_slider_wrapper >ul	{
	visibility:hidden;
}

.rev_slider{
	position:relative;
	overflow:visible;
}


.rev_slider img{
	max-width:none !important;
	-moz-transition: none 0;
	-webkit-transition: none 0;
	-o-transition: none 0;
	transition: none 0;
	margin:0px;
	padding:0px;
	border-width:0px;
	border:none;

}

.rev_slider .no-slides-text{
	font-weight:bold;
	text-align:center;
	padding-top:80px;
}

.rev_slider >ul{
	margin:0px;
	padding:0px;
	list-style: none !important;
	list-style-type: none;
	background-position:0px 0px;
}

.rev_slider >ul >li,
.rev_slider >ul >li:before{
	display: block;
	list-style:none !important;
	position:absolute;
	visibility:hidden;
	margin:0px !important;
	padding:0px !important;
	overflow-x: visible;
	overflow-y: visible;
	list-style-type: none !important;
	background-image:none;
	background-position:0px 0px;
	text-indent: 0em;
}

.tp-revslider-slidesli,
.tp-revslider-mainul    {    padding:0 !important; margin:0 !important; list-style:none !important;}

.tp-simpleresponsive >ul,
.tp-simpleresponsive >ul >li,
.tp-simpleresponsive >ul >li:before {
	list-style:none;
	padding:0 !important;
	margin:0 !important;
	list-style:none !important;
	overflow-x: visible;
	overflow-y: visible;
	background-image:none
}


.tp-simpleresponsive >ul li{
    list-style:none;
    position:absolute;
    visibility:hidden;
}


.rev_slider .tp-caption,
.rev_slider .caption { position:absolute;  visibility:hidden; white-space: nowrap}

.tp-simpleresponsive img	{	max-width:none}

/* ADDED FOR SLIDELINK MANAGEMENT */
.tp-caption { z-index:1}



.tp_inner_padding	{	box-sizing:border-box;
						-webkit-box-sizing:border-box;
						-moz-box-sizing:border-box;
						max-height:none !important;	}


.tp-hide-revslider,.tp-caption.tp-hidden-caption	{	visibility:hidden !important; display:none !important}

.rev_slider embed,
.rev_slider iframe,
.rev_slider object,
.rev_slider video {max-width: none !important}

/******************************
	-	WRAPPER STYLES END	-
******************************/

/******************************
	-	IE8 HACKS	-
*******************************/
.noFilterClass {
	filter:none !important;
}
/******************************
	-	IE8 HACKS ENDS	-
*******************************/

/********************************
	-	FULLSCREEN VIDEO	-
*********************************/
.caption.fullscreenvideo {	left:0px; top:0px; position:absolute;width:100%;height:100%}
.caption.fullscreenvideo iframe,
.caption.fullscreenvideo video	{ width:100% !important; height:100% !important; display: none}

.tp-caption.fullscreenvideo	{	left:0px; top:0px; position:absolute;width:100%;height:100%}


.tp-caption.fullscreenvideo iframe,
.tp-caption.fullscreenvideo iframe video	{ width:100% !important; height:100% !important; display: none}


.fullcoveredvideo video,
.fullscreenvideo video					{	background: #000}

.fullcoveredvideo .tp-poster		{	background-position: center center;background-size: cover;width:100%;height:100%;top:0px;left:0px}

.html5vid.videoisplaying .tp-poster	{	display: none}

.tp-video-play-button		{	background:#000;
								background:rgba(0,0,0,0.3);
								padding:5px;
								border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;
								position: absolute;
								top: 50%;
								left: 50%;
								font-size: 40px;
								color: #FFF;
								z-index: 3;
								margin-top: -27px;
								margin-left: -28px;
								text-align: center;
								cursor: pointer;

							}
.tp-caption:hover .tp-video-play-button    {    opacity: 1;}
.html5vid .tp-revstop                            {    width:15px;height:20px; border-left:5px solid #fff; border-right:5px solid #fff; position: relative;margin:10px 20px; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.html5vid .tp-revstop                            {    display:none}
.html5vid.videoisplaying .revicon-right-dir        {    display:none}
.html5vid.videoisplaying .tp-revstop            {    display:block}

.html5vid.videoisplaying .tp-video-play-button	{	display:none}
.html5vid:hover .tp-video-play-button             { display:block}

.fullcoveredvideo .tp-video-play-button	{	display:none !important}

.tp-video-controls {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 5px;
    opacity: 0;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    -o-transition: opacity .3s;
    -ms-transition: opacity .3s;
    transition: opacity .3s;
    background-image: linear-gradient(bottom, rgb(0,0,0) 13%, rgb(50,50,50) 100%);
    background-image: -o-linear-gradient(bottom, rgb(0,0,0) 13%, rgb(50,50,50) 100%);
    background-image: -moz-linear-gradient(bottom, rgb(0,0,0) 13%, rgb(50,50,50) 100%);
    background-image: -webkit-linear-gradient(bottom, rgb(0,0,0) 13%, rgb(50,50,50) 100%);
    background-image: -ms-linear-gradient(bottom, rgb(0,0,0) 13%, rgb(50,50,50) 100%);

    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.13, rgb(0,0,0)),
        color-stop(1, rgb(50,50,50))
    );
    
    display:table;max-width:100%; overflow:hidden;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;
}

.tp-caption:hover .tp-video-controls {
    opacity: .9;
}

.tp-video-button {
    background: rgba(0,0,0,.5);
    border: 0;
    color: #EEE;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    cursor:pointer;
    line-height:12px;
    font-size:12px;
    color:#fff;
    padding:0px;
    margin:0px;
    outline: none;
    }
.tp-video-button:hover {
    cursor: pointer;
}


.tp-video-button-wrap,
.tp-video-seek-bar-wrap,
.tp-video-vol-bar-wrap     { padding:0px 5px;display:table-cell; }

.tp-video-seek-bar-wrap    {    width:80%}
.tp-video-vol-bar-wrap    {    width:20%}

.tp-volume-bar,
.tp-seek-bar        {    width:100%; cursor: pointer;  outline:none; line-height:12px;margin:0; padding:0;}


/********************************
	-	FULLSCREEN VIDEO ENDS	-
*********************************/



/********************************
	-	DOTTED OVERLAYS	-
*********************************/
.tp-dottedoverlay						{	background-repeat:repeat;width:100%;height:100%;position:absolute;top:0px;left:0px;z-index:3}
.tp-dottedoverlay.twoxtwo				{	background:url(https://www.surfaceshields.com/skin/frontend/base/default/images/nwdthemes/revslider/assets/gridtile.png)}
.tp-dottedoverlay.twoxtwowhite			{	background:url(https://www.surfaceshields.com/skin/frontend/base/default/images/nwdthemes/revslider/assets/gridtile_white.png)}
.tp-dottedoverlay.threexthree			{	background:url(https://www.surfaceshields.com/skin/frontend/base/default/images/nwdthemes/revslider/assets/gridtile_3x3.png)}
.tp-dottedoverlay.threexthreewhite		{	background:url(https://www.surfaceshields.com/skin/frontend/base/default/images/nwdthemes/revslider/assets/gridtile_3x3_white.png)}

/********************************
	-	DOTTED OVERLAYS ENDS	-
*********************************/



/**********************************************
	-	FULLSCREEN AND FULLWIDHT CONTAINERS	-
**********************************************/

.fullscreen-container {
		width:100%;
		position:relative;
		padding:0;
}



.fullwidthbanner-container{
	width:100%;
	position:relative;
	padding:0;
	overflow:hidden;
}

.fullwidthbanner-container .fullwidthabanner{
	width:100%;
	position:relative;
}


/****************************************************************

	-	SET THE ANIMATION EVEN MORE SMOOTHER ON ANDROID   -

******************************************************************/

.tp-simpleresponsive .slotholder *,
.tp-simpleresponsive img			{ 	/*-webkit-transform: translateZ(0);
										  -webkit-backface-visibility: hidden;
										  -webkit-perspective: 1000;*/
									}


/************************************************
	  - SOME CAPTION MODIFICATION AT START  -
*************************************************/
.tp-simpleresponsive .caption,
.tp-simpleresponsive .tp-caption {
	/*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";		-moz-opacity: 0;	-khtml-opacity: 0;	opacity: 0; */
	position:absolute;
	-webkit-font-smoothing: antialiased !important;
}


/******************************
	-	SHADOWS		-
******************************/
.tp-bannershadow  {
		position:absolute;

		margin-left:auto;
		margin-right:auto;
		-moz-user-select: none;
        -khtml-user-select: none;
        -webkit-user-select: none;
        -o-user-select: none;
	}

.tp-bannershadow.tp-shadow1 {	background:url(https://www.surfaceshields.com/skin/frontend/base/default/images/nwdthemes/revslider/assets/shadow1.png) no-repeat; background-size:100% 100%; width:890px; height:30px; bottom:-30px}
.tp-bannershadow.tp-shadow2 {	background:url(https://www.surfaceshields.com/skin/frontend/base/default/images/nwdthemes/revslider/assets/shadow2.png) no-repeat; background-size:100% 100%; width:890px; height:60px;bottom:-60px}
.tp-bannershadow.tp-shadow3 {	background:url(https://www.surfaceshields.com/skin/frontend/base/default/images/nwdthemes/revslider/assets/shadow3.png) no-repeat; background-size:100% 100%; width:890px; height:60px;bottom:-60px}


/******************************
	-	BUTTONS	-
*******************************/

.tp-button{
			padding:6px 13px 5px;
			border-radius: 3px;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			height:30px;
			cursor:pointer;
			color:#fff !important; text-shadow:0px 1px 1px rgba(0, 0, 0, 0.6) !important; font-size:15px; line-height:45px !important;
			background:url(https://www.surfaceshields.com/skin/frontend/base/default/css/nwdthemes/revslider/images/gradient/g30.png) repeat-x top; font-family: arial, sans-serif; font-weight: bold; letter-spacing: -1px;
			text-decoration:none;
		}

.tp-button.big			{	color:#fff; text-shadow:0px 1px 1px rgba(0, 0, 0, 0.6); font-weight:bold; padding:9px 20px; font-size:19px;  line-height:57px !important; background:url(https://www.surfaceshields.com/skin/frontend/base/default/css/nwdthemes/revslider/images/gradient/g40.png) repeat-x top}


.purchase:hover,
.tp-button:hover,
.tp-button.big:hover		{	background-position:bottom, 15px 11px}


	/*@media only screen and (min-width: 480px) and (max-width: 767px) {
		.tp-button	{	padding:4px 8px 3px; line-height:25px !important; font-size:11px !important;font-weight:normal;	}
		a.tp-button { -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none;	 }
	}

    @media only screen and (min-width: 0px) and (max-width: 479px) {
		.tp-button	{	padding:2px 5px 2px; line-height:20px !important; font-size:10px !important}
		a.tp-button { -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none;	 }
	}*/


/*	BUTTON COLORS	*/

.tp-button.green, .tp-button:hover.green,
.purchase.green, .purchase:hover.green			{ background-color:#21a117; -webkit-box-shadow:  0px 3px 0px 0px #104d0b;        -moz-box-shadow:   0px 3px 0px 0px #104d0b;        box-shadow:   0px 3px 0px 0px #104d0b;  }


.tp-button.blue, .tp-button:hover.blue,
.purchase.blue, .purchase:hover.blue			{ background-color:#1d78cb; -webkit-box-shadow:  0px 3px 0px 0px #0f3e68;        -moz-box-shadow:   0px 3px 0px 0px #0f3e68;        box-shadow:   0px 3px 0px 0px #0f3e68}


.tp-button.red, .tp-button:hover.red,
.purchase.red, .purchase:hover.red				{ background-color:#cb1d1d; -webkit-box-shadow:  0px 3px 0px 0px #7c1212;        -moz-box-shadow:   0px 3px 0px 0px #7c1212;        box-shadow:   0px 3px 0px 0px #7c1212}

.tp-button.orange, .tp-button:hover.orange,
.purchase.orange, .purchase:hover.orange		{ background-color:#ff7700; -webkit-box-shadow:  0px 3px 0px 0px #a34c00;        -moz-box-shadow:   0px 3px 0px 0px #a34c00;        box-shadow:   0px 3px 0px 0px #a34c00}

.tp-button.darkgrey,.tp-button.grey,
.tp-button:hover.darkgrey,.tp-button:hover.grey,
.purchase.darkgrey, .purchase:hover.darkgrey	{ background-color:#555; -webkit-box-shadow:  0px 3px 0px 0px #222;        -moz-box-shadow:   0px 3px 0px 0px #222;        box-shadow:   0px 3px 0px 0px #222}

.tp-button.lightgrey, .tp-button:hover.lightgrey,
.purchase.lightgrey, .purchase:hover.lightgrey	{ background-color:#888; -webkit-box-shadow:  0px 3px 0px 0px #555;        -moz-box-shadow:   0px 3px 0px 0px #555;        box-shadow:   0px 3px 0px 0px #555}



/************************
	-	NAVIGATION	-
*************************/

/** BULLETS **/

.tpclear								{	clear:both}


.tp-bullets								{	z-index:1000; position:absolute;
												-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
												-moz-opacity: 1;
												-khtml-opacity: 1;
												opacity: 1;
												-webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; -ms-transition: opacity 0.2s ease-out;
												-webkit-transform: translateZ(5px);
										}
.tp-bullets.hidebullets					{
												-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
												-moz-opacity: 0;
												-khtml-opacity: 0;
												opacity: 0;
										}


.tp-bullets.simplebullets.navbar						{ 	border:1px solid #666; border-bottom:1px solid #444; background:url(https://www.surfaceshields.com/skin/frontend/base/default/images/nwdthemes/revslider/assets/boxed_bgtile.png); height:40px; padding:0px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px }

.tp-bullets.simplebullets.navbar-old					{ 	 background:url(https://www.surfaceshields.com/skin/frontend/base/default/images/nwdthemes/revslider/assets/navigdots_bgtile.png); height:35px; padding:0px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px }


.tp-bullets.simplebullets.round .bullet					{	cursor:pointer; position:relative;	background:url(https://www.surfaceshields.com/skin/frontend/base/default/images/nwdthemes/revslider/assets/bullet.png) no-repeat top left;	width:20px;	height:20px;  margin-right:0px; float:left; margin-top:0px; margin-left:3px}
.tp-bullets.simplebullets.round .bullet.last			{	margin-right:3px}

.tp-bullets.simplebullets.round-old .bullet				{	cursor:pointer; position:relative;	background:url(https://www.surfaceshields.com/skin/frontend/base/default/images/nwdthemes/revslider/assets/bullets.png) no-repeat bottom left;	width:23px;	height:23px;  margin-right:0px; float:left; margin-top:0px}
.tp-bullets.simplebullets.round-old .bullet.last		{	margin-right:0px}


/**	SQUARE BULLETS **/
.tp-bullets.simplebullets.square .bullet				{	cursor:pointer; position:relative;	background:url(https://www.surfaceshields.com/skin/frontend/base/default/images/nwdthemes/revslider/assets/bullets2.png) no-repeat bottom left;	width:19px;	height:19px;  margin-right:0px; float:left; margin-top:0px}
.tp-bullets.simplebullets.square .bullet.last			{	margin-right:0px}


/**	SQUARE BULLETS **/
.tp-bullets.simplebullets.square-old .bullet			{	cursor:pointer; position:relative;	background:url(https://www.surfaceshields.com/skin/frontend/base/default/images/nwdthemes/revslider/assets/bullets2.png) no-repeat bottom left;	width:19px;	height:19px;  margin-right:0px; float:left; margin-top:0px}
.tp-bullets.simplebullets.square-old .bullet.last		{	margin-right:0px}


/** navbar NAVIGATION VERSION **/
.tp-bullets.simplebullets.navbar .bullet				{	cursor:pointer; position:relative;	background:url(https://www.surfaceshields.com/skin/frontend/base/default/images/nwdthemes/revslider/assets/bullet_boxed.png) no-repeat top left;	width:18px;	height:19px;   margin-right:5px; float:left; margin-top:10px}

.tp-bullets.simplebullets.navbar .bullet.first			{	margin-left:0px !important}
.tp-bullets.simplebullets.navbar .bullet.last			{	margin-right:0px !important}



/** navbar NAVIGATION VERSION **/
.tp-bullets.simplebullets.navbar-old .bullet			{	cursor:pointer; position:relative;	background:url(https://www.surfaceshields.com/skin/frontend/base/default/images/nwdthemes/revslider/assets/navigdots.png) no-repeat bottom left;	width:15px;	height:15px;  margin-left:5px !important; margin-right:5px !important;float:left; margin-top:10px}
.tp-bullets.simplebullets.navbar-old .bullet.first		{	margin-left:0px !important}
.tp-bullets.simplebullets.navbar-old .bullet.last		{	margin-right:0px !important}


.tp-bullets.simplebullets .bullet:hover,
.tp-bullets.simplebullets .bullet.selected				{	background-position:top left; }

.tp-bullets.simplebullets.round .bullet:hover,
.tp-bullets.simplebullets.round .bullet.selected,
.tp-bullets.simplebullets.navbar .bullet:hover,
.tp-bullets.simplebullets.navbar .bullet.selected		{	background-position:bottom left; }



/*************************************
	-	TP ARROWS 	-
**************************************/
.tparrows												{	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
															-moz-opacity: 1;
															-khtml-opacity: 1;
															opacity: 1;
															-webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; -ms-transition: opacity 0.2s ease-out;
															-webkit-transform: translateZ(1000px);
															-webkit-transform-style: preserve-3d;

														}


.tparrows .tp-arr-imgholder								{ display: none}
.tparrows .tp-arr-titleholder							{ display: none}

.tparrows.hidearrows									{
															-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
															-moz-opacity: 0;
															-khtml-opacity: 0;
															opacity: 0;
														}
.tp-leftarrow											{	z-index:100;cursor:pointer; position:relative;	background:url(https://www.surfaceshields.com/skin/frontend/base/default/images/nwdthemes/revslider/assets/large_left.png) no-repeat top left;	width:40px;	height:40px;   }
.tp-rightarrow											{	z-index:100;cursor:pointer; position:relative;	background:url(https://www.surfaceshields.com/skin/frontend/base/default/images/nwdthemes/revslider/assets/large_right.png) no-repeat top left;	width:40px;	height:40px;   }


.tp-leftarrow.round										{	z-index:100;cursor:pointer; position:relative;	background:url(https://www.surfaceshields.com/skin/frontend/base/default/images/nwdthemes/revslider/assets/small_left.png) no-repeat top left;	width:19px;	height:14px;  margin-right:0px; float:left; margin-top:0px;	}
.tp-rightarrow.round									{	z-index:100;cursor:pointer; position:relative;	background:url(https://www.surfaceshields.com/skin/frontend/base/default/images/nwdthemes/revslider/assets/small_right.png) no-repeat top left;	width:19px;	height:14px;  margin-right:0px; float:left;	margin-top:0px}


.tp-leftarrow.round-old									{	z-index:100;cursor:pointer; position:relative;	background:url(https://www.surfaceshields.com/skin/frontend/base/default/images/nwdthemes/revslider/assets/arrow_left.png) no-repeat top left;	width:26px;	height:26px;  margin-right:0px; float:left; margin-top:0px;	}
.tp-rightarrow.round-old								{	z-index:100;cursor:pointer; position:relative;	background:url(https://www.surfaceshields.com/skin/frontend/base/default/images/nwdthemes/revslider/assets/arrow_right.png) no-repeat top left;	width:26px;	height:26px;  margin-right:0px; float:left;	margin-top:0px}


.tp-leftarrow.navbar									{	z-index:100;cursor:pointer; position:relative;	background:url(https://www.surfaceshields.com/skin/frontend/base/default/images/nwdthemes/revslider/assets/small_left_boxed.png) no-repeat top left;	width:20px;	height:15px;   float:left;	margin-right:6px; margin-top:12px}
.tp-rightarrow.navbar									{	z-index:100;cursor:pointer; position:relative;	background:url(https://www.surfaceshields.com/skin/frontend/base/default/images/nwdthemes/revslider/assets/small_right_boxed.png) no-repeat top left;	width:20px;	height:15px;   float:left;	margin-left:6px; margin-top:12px}


.tp-leftarrow.navbar-old								{	z-index:100;cursor:pointer; position:relative;	background:url(https://www.surfaceshields.com/skin/frontend/base/default/images/nwdthemes/revslider/assets/arrowleft.png) no-repeat top left;		width:9px;	height:16px;   float:left;	margin-right:6px; margin-top:10px}
.tp-rightarrow.navbar-old								{	z-index:100;cursor:pointer; position:relative;	background:url(https://www.surfaceshields.com/skin/frontend/base/default/images/nwdthemes/revslider/assets/arrowright.png) no-repeat top left;	width:9px;	height:16px;   float:left;	margin-left:6px; margin-top:10px}

.tp-leftarrow.navbar-old.thumbswitharrow				{	margin-right:10px; }
.tp-rightarrow.navbar-old.thumbswitharrow				{	margin-left:0px; }

.tp-leftarrow.square									{	z-index:100;cursor:pointer; position:relative;	background:url(https://www.surfaceshields.com/skin/frontend/base/default/images/nwdthemes/revslider/assets/arrow_left2.png) no-repeat top left;	width:12px;	height:17px;   float:left;	margin-right:0px; margin-top:0px}
.tp-rightarrow.square									{	z-index:100;cursor:pointer; position:relative;	background:url(https://www.surfaceshields.com/skin/frontend/base/default/images/nwdthemes/revslider/assets/arrow_right2.png) no-repeat top left;	width:12px;	height:17px;   float:left;	margin-left:0px; margin-top:0px}


.tp-leftarrow.square-old								{	z-index:100;cursor:pointer; position:relative;	background:url(https://www.surfaceshields.com/skin/frontend/base/default/images/nwdthemes/revslider/assets/arrow_left2.png) no-repeat top left;	width:12px;	height:17px;   float:left;	margin-right:0px; margin-top:0px}
.tp-rightarrow.square-old								{	z-index:100;cursor:pointer; position:relative;	background:url(https://www.surfaceshields.com/skin/frontend/base/default/images/nwdthemes/revslider/assets/arrow_right2.png) no-repeat top left;	width:12px;	height:17px;   float:left;	margin-left:0px; margin-top:0px}


.tp-leftarrow.default									{	z-index:100;cursor:pointer; position:relative;	background:url(https://www.surfaceshields.com/skin/frontend/base/default/images/nwdthemes/revslider/assets/large_left.png) no-repeat 0 0;	width:40px;	height:40px;

														}
.tp-rightarrow.default									{	z-index:100;cursor:pointer; position:relative;	background:url(https://www.surfaceshields.com/skin/frontend/base/default/images/nwdthemes/revslider/assets/large_right.png) no-repeat 0 0;	width:40px;	height:40px;

														}




.tp-leftarrow:hover,
.tp-rightarrow:hover 									{	background-position:bottom left; }






/****************************************************************************************************
	-	TP THUMBS 	-
*****************************************************************************************************

 - tp-thumbs & tp-mask Width is the width of the basic Thumb Container (500px basic settings)

 - .bullet width & height is the dimension of a simple Thumbnail (basic 100px x 50px)

 *****************************************************************************************************/


.tp-bullets.tp-thumbs						{	z-index:1000; position:absolute; padding:3px;background-color:#fff;
												width:500px;height:50px; 			/* THE DIMENSIONS OF THE THUMB CONTAINER */
												margin-top:-50px;
												vertical-align: top;
											}
.tp-bullets.tp-thumbs img					{	vertical-align: top}


.fullwidthbanner-container .tp-thumbs		{  padding:3px}

.tp-bullets.tp-thumbs .tp-mask				{	width:500px; height:50px;  			/* THE DIMENSIONS OF THE THUMB CONTAINER */
												overflow:hidden; position:relative}


.tp-bullets.tp-thumbs .tp-mask .tp-thumbcontainer	{	width:5000px; position:absolute}

.tp-bullets.tp-thumbs .bullet				{   width:100px; height:50px; 			/* THE DIMENSION OF A SINGLE THUMB */
												cursor:pointer; overflow:hidden;background:none;margin:0;float:left;
												-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
												/*filter: alpha(opacity=50);	*/
												-moz-opacity: 0.5;
												-khtml-opacity: 0.5;
												opacity: 0.5;

												-webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out;
											}


.tp-bullets.tp-thumbs .bullet:hover,
.tp-bullets.tp-thumbs .bullet.selected		{ 	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
												-moz-opacity: 1;
												-khtml-opacity: 1;
												opacity: 1;
											}
.tp-thumbs img								{	width:100%; }




/************************************
		-	TP BANNER TIMER		-
*************************************/
.tp-bannertimer								{	visibility: hidden; width:100%; height:5px; /*background:url(https://www.surfaceshields.com/skin/frontend/base/default/images/nwdthemes/revslider/assets/timer.png);*/ background: #fff; background: rgba(0,0,0,0.15); position:absolute; z-index:200; top:0px}
.tp-bannertimer.tp-bottom					{	top:auto; bottom:0px !important;height:5px}





/*****************************************
	-	NAVIGATION FANCY EXAMPLES	-
*****************************************/

/* NAVIGATION PREVIEW 1 */
.tparrows.preview1 							{	width:100px;height:100px;-webkit-transform-style: preserve-3d; -webkit-perspective: 1000; -moz-perspective: 1000; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden;background: transparent}
.tparrows.preview1:after					{	position:absolute; left:0px;top:0px; font-family: "revicons"; color:#fff; font-size:30px; width:100px;height:100px;text-align: center; background:#fff;background:rgba(0,0,0,0.15);z-index:2;line-height:100px; -webkit-transition: background 0.3s, color 0.3s; -moz-transition: background 0.3s, color 0.3s; transition: background 0.3s, color 0.3s}
.tp-rightarrow.preview1:after				{	content: '\e825';  }
.tp-leftarrow.preview1:after				{	content: '\e824';  }

.tparrows.preview1:hover:after 				{	background:rgba(255,255,255,1); color:#aaa; }

.tparrows.preview1 .tp-arr-imgholder 		{	background-size:cover; background-position:center center; display:block;width:100%;height:100%;position:absolute;top:0px;
												-webkit-transition: -webkit-transform 0.3s;
												transition: transform 0.3s;
												-webkit-backface-visibility: hidden;
												backface-visibility: hidden;
											}
.tparrows.preview1 .tp-arr-iwrapper            {      -webkit-transition: all 0.3s;transition: all 0.3s;
												-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);-moz-opacity: 0.0;-khtml-opacity: 0.0;opacity: 0.0}
.tparrows.preview1:hover .tp-arr-iwrapper    {      -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1}


.tp-rightarrow.preview1 .tp-arr-imgholder	{	right:100%;
												-webkit-transform: rotateY(-90deg);
												transform: rotateY(-90deg);
												-webkit-transform-origin: 100% 50%;
												transform-origin: 100% 50%;
												  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);-moz-opacity: 0.0;-khtml-opacity: 0.0;opacity: 0.0;



											}
.tp-leftarrow.preview1 .tp-arr-imgholder	{	left:100%;
												-webkit-transform: rotateY(90deg);
												transform: rotateY(90deg);
												-webkit-transform-origin: 0% 50%;
												transform-origin: 0% 50%;
												  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);-moz-opacity: 0.0;-khtml-opacity: 0.0;opacity: 0.0;



											}


.tparrows.preview1:hover .tp-arr-imgholder	{	-webkit-transform: rotateY(0deg);
												transform: rotateY(0deg);
												  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1;

											}


	@media only screen and (min-width: 768px) and (max-width: 979px) {
		.tparrows.preview1,
		.tparrows.preview1:after	{	width:80px; height:80px;line-height:80px; font-size:24px}

	}

    @media only screen and (min-width: 480px) and (max-width: 767px) {
		.tparrows.preview1,
		.tparrows.preview1:after	{	width:60px; height:60px;line-height:60px;font-size:20px}

	}



    @media only screen and (min-width: 0px) and (max-width: 479px) {
		.tparrows.preview1,
		.tparrows.preview1:after	{	width:40px; height:40px;line-height:40px; font-size:12px}
    }

/* PREVIEW 1 BULLETS */

.tp-bullets.preview1 						{ 	height: 21px; }
.tp-bullets.preview1 .bullet 				{	cursor: pointer;
											    position: relative !important;
											    background: rgba(0, 0, 0, 0.15) !important;
											    /*-webkit-border-radius: 10px;
											    border-radius: 10px;*/
											    -webkit-box-shadow: none;
											    -moz-box-shadow: none;
											    box-shadow: none;
											    width: 5px !important;
											    height: 5px !important;
											    border: 8px solid rgba(0, 0, 0, 0) !important;
											    display: inline-block;
											    margin-right: 5px !important;
											    margin-bottom: 0px !important;
											    -webkit-transition: background-color 0.2s, border-color 0.2s;
											    -moz-transition: background-color 0.2s, border-color 0.2s;
											    -o-transition: background-color 0.2s, border-color 0.2s;
											    -ms-transition: background-color 0.2s, border-color 0.2s;
											    transition: background-color 0.2s, border-color 0.2s;
											    float:none !important;
											    box-sizing:content-box;
												-moz-box-sizing:content-box;
												-webkit-box-sizing:content-box;
}
.tp-bullets.preview1 .bullet.last 			{	margin-right: 0px; }
.tp-bullets.preview1 .bullet:hover,
.tp-bullets.preview1 .bullet.selected 		{	-webkit-box-shadow: none;
											    -moz-box-shadow: none;
											    box-shadow: none;
												background: #aaa !important;
												width: 5px !important;
											    height: 5px !important;
											    border: 8px solid rgba(255, 255, 255, 1) !important;
}




/* NAVIGATION PREVIEW 2 */
.tparrows.preview2 							{	min-width:60px; min-height:60px; background:#fff; ;

												border-radius:30px;-moz-border-radius:30px;-webkit-border-radius:30px;
												overflow:hidden;
												-webkit-transition: -webkit-transform 1.3s;
												-webkit-transition: width 0.3s, background-color 0.3s, opacity 0.3s;
												transition: width 0.3s, background-color 0.3s, opacity 0.3s;
												backface-visibility: hidden;
}
.tparrows.preview2:after					{	position:absolute; top:50%; font-family: "revicons"; color:#aaa; font-size:25px; margin-top: -12px; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s }
.tp-rightarrow.preview2:after				{	content: '\e81e';  right:18px; }
.tp-leftarrow.preview2:after				{	content: '\e81f';  left:18px; }


.tparrows.preview2 .tp-arr-titleholder 		{	background-size:cover; background-position:center center; display:block; visibility:hidden;position:relative;top:0px;
												-webkit-transition: -webkit-transform 0.3s;
												transition: transform 0.3s;
												-webkit-backface-visibility: hidden;
												backface-visibility: hidden;
												white-space: nowrap;
												color: #000;
												text-transform: uppercase;
												font-weight: 400;
												font-size: 14px;
												line-height: 60px;
												padding:0px 10px;
											}

.tp-rightarrow.preview2 .tp-arr-titleholder	{	 right:50px;
												-webkit-transform: translateX(-100%);
												transform: translateX(-100%);
											}
.tp-leftarrow.preview2 .tp-arr-titleholder	{	left:50px;
												-webkit-transform: translateX(100%);
												transform: translateX(100%);
											}

.tparrows.preview2.hovered					{	width:300px}
.tparrows.preview2:hover					{	background:#fff}
.tparrows.preview2:hover:after				{	color:#000}
.tparrows.preview2:hover .tp-arr-titleholder{	-webkit-transform: translateX(0px);
													transform: translateX(0px);
													visibility: visible;
													position: absolute;
											}

/* PREVIEW 2 BULLETS */

.tp-bullets.preview2 						{ 	height: 17px; }
.tp-bullets.preview2 .bullet 				{	cursor: pointer;
											    position: relative !important;
											    background: rgba(0, 0, 0, 0.5) !important;
											    -webkit-border-radius: 10px;
											    border-radius: 10px;
											    -webkit-box-shadow: none;
											    -moz-box-shadow: none;
											    box-shadow: none;
											    width: 6px !important;
											    height: 6px !important;
											    border: 5px solid rgba(0, 0, 0, 0) !important;
											    display: inline-block;
											    margin-right: 2px !important;
											    margin-bottom: 0px !important;
											    -webkit-transition: background-color 0.2s, border-color 0.2s;
											    -moz-transition: background-color 0.2s, border-color 0.2s;
											    -o-transition: background-color 0.2s, border-color 0.2s;
											    -ms-transition: background-color 0.2s, border-color 0.2s;
											    transition: background-color 0.2s, border-color 0.2s;
											    float:none !important;
											    box-sizing:content-box;
												-moz-box-sizing:content-box;
												-webkit-box-sizing:content-box;
}
.tp-bullets.preview2 .bullet.last 			{	margin-right: 0px; }
.tp-bullets.preview2 .bullet:hover,
.tp-bullets.preview2 .bullet.selected 		{	-webkit-box-shadow: none;
											    -moz-box-shadow: none;
											    box-shadow: none;
												background: rgba(255, 255, 255, 1) !important;
												width: 6px !important;
											    height: 6px !important;
											    border: 5px solid rgba(0, 0, 0, 1) !important;
}

.tp-arr-titleholder.alwayshidden			{	display:none !important}


	@media only screen and (min-width: 768px) and (max-width: 979px) {
		.tparrows.preview2 {	min-width:40px; min-height:40px; width:40px;height:40px;
								border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px;
							}
		.tparrows.preview2:after					{	position:absolute; top:50%; font-family: "revicons"; font-size:20px; margin-top: -12px}
		.tp-rightarrow.preview2:after				{	content: '\e81e';  right:11px}
		.tp-leftarrow.preview2:after				{	content: '\e81f';  left:11px}
		.tparrows.preview2 .tp-arr-titleholder		{	font-size:12px; line-height:40px; letter-spacing: 0px}
		.tp-rightarrow.preview2 .tp-arr-titleholder	{	right:35px}
		.tp-leftarrow.preview2 .tp-arr-titleholder	{	left:35px}

	}

    @media only screen and (min-width: 480px) and (max-width: 767px) {
   		 .tparrows.preview2 						{	min-width:30px; min-height:30px; width:30px;height:30px;
														border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;
													}
		.tparrows.preview2:after					{	position:absolute; top:50%; font-family: "revicons"; font-size:14px; margin-top: -12px}
		.tp-rightarrow.preview2:after				{	content: '\e81e';  right:8px}
		.tp-leftarrow.preview2:after				{	content: '\e81f';  left:8px}
		.tparrows.preview2 .tp-arr-titleholder		{	font-size:10px; line-height:30px; letter-spacing: 0px}
		.tp-rightarrow.preview2 .tp-arr-titleholder	{	right:25px}
		.tp-leftarrow.preview2 .tp-arr-titleholder	{	left:25px}
		.tparrows.preview2 .tp-arr-titleholder		{	display:none;visibility:none}


	}

    @media only screen and (min-width: 0px) and (max-width: 479px) {
		.tparrows.preview2 							{	min-width:30px; min-height:30px; width:30px;height:30px;
														border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;
													}
		.tparrows.preview2:after					{	position:absolute; top:50%; font-family: "revicons"; font-size:14px; margin-top: -12px}
		.tp-rightarrow.preview2:after				{	content: '\e81e';  right:8px}
		.tp-leftarrow.preview2:after				{	content: '\e81f';  left:8px}
		.tparrows.preview2 .tp-arr-titleholder		{	display:none;visibility:none}
		.tparrows.preview2:hover					{	width:30px !important; height:30px !important}
    }



/* NAVIGATION PREVIEW 3 */
.tparrows.preview3 							{	width:70px; height:70px; background:#fff; background:rgba(255,255,255,1); -webkit-transform-style: flat; }
.tparrows.preview3:after					{	position:absolute;  line-height: 70px;text-align: center; font-family: "revicons"; color:#aaa; font-size:30px; top:0px;left:0px;;background:#fff; z-index:100; width:70px;height:70px; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s}
.tparrows.preview3:hover:after					{	color:#000; }
.tp-rightarrow.preview3:after				{	content: '\e825';  }
.tp-leftarrow.preview3:after				{	content: '\e824';  }


.tparrows.preview3 .tp-arr-iwrapper			{
												  -webkit-transform: scale(0,1);
												  transform: scale(0,1);
												  -webkit-transform-origin: 100% 50%;
												  transform-origin: 100% 50%;
												  -webkit-transition: -webkit-transform 0.2s;
												  transition: transform 0.2s;
												  z-index:0;position: absolute; background: #000; background: rgba(0,0,0,0.75);
												  display: table;min-height:90px;top:-10px}

.tp-leftarrow.preview3 .tp-arr-iwrapper		{	 -webkit-transform: scale(0,1);
												  transform: scale(0,1);
												  -webkit-transform-origin: 0% 50%;
												  transform-origin: 0% 50%;
											}

.tparrows.preview3 .tp-arr-imgholder 		{	display:block;background-size:cover; background-position:center center; display:table-cell;min-width:90px;height:90px;
												position:relative;top:0px; }

.tp-rightarrow.preview3 .tp-arr-iwrapper	{	right:0px;padding-right:70px}
.tp-leftarrow.preview3 .tp-arr-iwrapper		{	left:0px; direction: rtl;padding-left:70px}
.tparrows.preview3 .tp-arr-titleholder		{	display:table-cell; padding:30px;font-size:16px; color:#fff;white-space: nowrap; position: relative; clear:right;vertical-align: middle}

.tparrows.preview3:hover .tp-arr-iwrapper	{
												-webkit-transform: scale(1,1);
												  transform: scale(1,1);

											}

/* PREVIEW 3 BULLETS */
.tp-bullets.preview3 						{ 	height: 17px; }
.tp-bullets.preview3 .bullet 				{	cursor: pointer;
											    position: relative !important;
											    background: rgba(0, 0, 0, 0.5) !important;
											    -webkit-border-radius: 10px;
											    border-radius: 10px;
											    -webkit-box-shadow: none;
											    -moz-box-shadow: none;
											    box-shadow: none;
											    width: 6px !important;
											    height: 6px !important;
											    border: 5px solid rgba(0, 0, 0, 0) !important;
											    display: inline-block;
											    margin-right: 2px !important;
											    margin-bottom: 0px !important;
											    -webkit-transition: background-color 0.2s, border-color 0.2s;
											    -moz-transition: background-color 0.2s, border-color 0.2s;
											    -o-transition: background-color 0.2s, border-color 0.2s;
											    -ms-transition: background-color 0.2s, border-color 0.2s;
											    transition: background-color 0.2s, border-color 0.2s;
											    float:none !important;
											    box-sizing:content-box;
												-moz-box-sizing:content-box;
												-webkit-box-sizing:content-box;
}
.tp-bullets.preview3 .bullet.last 			{	margin-right: 0px; }
.tp-bullets.preview3 .bullet:hover,
.tp-bullets.preview3 .bullet.selected 		{	-webkit-box-shadow: none;
											    -moz-box-shadow: none;
											    box-shadow: none;
												background: rgba(255, 255, 255, 1) !important;
												width: 6px !important;
											    height: 6px !important;
											    border: 5px solid rgba(0, 0, 0, 1) !important;
}


	@media only screen and (min-width: 768px) and (max-width: 979px) {
		.tparrows.preview3:after,
		.tparrows.preview3 							{	width:50px; height:50px; line-height:50px;font-size:20px}
		.tparrows.preview3 .tp-arr-iwrapper			{	min-height:70px}
		.tparrows.preview3 .tp-arr-imgholder 		{	min-width:70px;height:70px}
		.tp-rightarrow.preview3 .tp-arr-iwrapper	{	padding-right:50px}
		.tp-leftarrow.preview3 .tp-arr-iwrapper		{	padding-left:50px}
		.tparrows.preview3 .tp-arr-titleholder		{	padding:10px;font-size:16px; }



	}

    @media only screen  and (max-width: 767px) {

		.tparrows.preview3:after,
		.tparrows.preview3 							{	width:50px; height:50px; line-height:50px;font-size:20px}
		.tparrows.preview3 .tp-arr-iwrapper			{	min-height:70px}
	}





/* NAVIGATION PREVIEW 4 */
.tparrows.preview4 							{	width:30px; height:110px;  background:transparent;-webkit-transform-style: preserve-3d; -webkit-perspective: 1000; -moz-perspective: 1000}
.tparrows.preview4:after					{	position:absolute;  line-height: 110px;text-align: center; font-family: "revicons"; color:#fff; font-size:20px; top:0px;left:0px;z-index:0; width:30px;height:110px; background: #000; background: rgba(0,0,0,0.25);
												-webkit-transition: all 0.2s ease-in-out;
											    -moz-transition: all 0.2s ease-in-out;
											    -o-transition: all 0.2s ease-in-out;
											    transition: all 0.2s ease-in-out;
												   -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1;

											}

.tp-rightarrow.preview4:after				{	content: '\e825';  }
.tp-leftarrow.preview4:after				{	content: '\e824';  }


.tparrows.preview4 .tp-arr-allwrapper		{	visibility:hidden;width:180px;position: absolute;z-index: 1;min-height:120px;top:0px;left:-150px; overflow: hidden;-webkit-perspective: 1000px;-webkit-transform-style: flat}

.tp-leftarrow.preview4 .tp-arr-allwrapper	{	left:0px}
.tparrows.preview4 .tp-arr-iwrapper			{	position: relative}

.tparrows.preview4 .tp-arr-imgholder 		{	display:block;background-size:cover; background-position:center center;width:180px;height:110px;
												position:relative;top:0px;

												-webkit-backface-visibility: hidden;
												backface-visibility: hidden;



											}


.tparrows.preview4 .tp-arr-imgholder2 		{	display:block;background-size:cover; background-position:center center; width:180px;height:110px;
												position:absolute;top:0px; left:180px;
												-webkit-backface-visibility: hidden;
												backface-visibility: hidden;

											}

.tp-leftarrow.preview4 .tp-arr-imgholder2 	{	left:-180px}




.tparrows.preview4 .tp-arr-titleholder		{	display:block; font-size:12px; line-height:25px; padding:0px 10px;text-align:left;color:#fff; position: relative;
												background: #000;
												color: #FFF;
												text-transform: uppercase;
												white-space: nowrap;
												letter-spacing: 1px;
												font-weight: 700;
												font-size: 11px;
												line-height: 2.75;
												-webkit-transition: all 0.3s;
												transition: all 0.3s;
												-webkit-transform: rotateX(-90deg);
												transform: rotateX(-90deg);
												-webkit-transform-origin: 50% 0;
												transform-origin: 50% 0;
												-webkit-backface-visibility: hidden;
												backface-visibility: hidden;
												  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);-moz-opacity: 0.0;-khtml-opacity: 0.0;opacity: 0.0;


}



.tparrows.preview4:after				{	transform-origin: 100% 100%; -webkit-transform-origin: 100% 100%}
.tp-leftarrow.preview4:after			{	transform-origin: 0% 0%; -webkit-transform-origin: 0% 0%}




@media only screen and (min-width: 768px)  {
		.tparrows.preview4:hover:after				{	-webkit-transform: rotateY(-90deg); transform:rotateY(-90deg)}
		.tp-leftarrow.preview4:hover:after			{	-webkit-transform: rotateY(90deg); transform:rotateY(90deg)}


		.tparrows.preview4:hover .tp-arr-titleholder	{	-webkit-transition-delay: 0.4s;
															transition-delay: 0.4s;
															-webkit-transform: rotateX(0deg);
															transform: rotateX(0deg);
															-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1;

														}
}

/* PREVIEW 4 BULLETS */

.tp-bullets.preview4 						{ 	height: 17px; }
.tp-bullets.preview4 .bullet 				{	cursor: pointer;
											    position: relative !important;
											    background: rgba(0, 0, 0, 0.5) !important;
											    -webkit-border-radius: 10px;
											    border-radius: 10px;
											    -webkit-box-shadow: none;
											    -moz-box-shadow: none;
											    box-shadow: none;
											    width: 6px !important;
											    height: 6px !important;
											    border: 5px solid rgba(0, 0, 0, 0) !important;
											    display: inline-block;
											    margin-right: 2px !important;
											    margin-bottom: 0px !important;
											    -webkit-transition: background-color 0.2s, border-color 0.2s;
											    -moz-transition: background-color 0.2s, border-color 0.2s;
											    -o-transition: background-color 0.2s, border-color 0.2s;
											    -ms-transition: background-color 0.2s, border-color 0.2s;
											    transition: background-color 0.2s, border-color 0.2s;
											    float:none !important;
											    box-sizing:content-box;
												-moz-box-sizing:content-box;
												-webkit-box-sizing:content-box;
}
.tp-bullets.preview4 .bullet.last 			{	margin-right: 0px; }
.tp-bullets.preview4 .bullet:hover,
.tp-bullets.preview4 .bullet.selected 		{	-webkit-box-shadow: none;
											    -moz-box-shadow: none;
											    box-shadow: none;
												background: rgba(255, 255, 255, 1) !important;
												width: 6px !important;
											    height: 6px !important;
											    border: 5px solid rgba(0, 0, 0, 1) !important;
}


    @media only screen  and (max-width: 767px) {
   		 .tparrows.preview4 						{	width:20px; height:80px}
   		 .tparrows.preview4:after					{	width:20px; height:80px; line-height:80px; font-size:14px}

   		 .tparrows.preview1 .tp-arr-allwrapper,
   		 .tparrows.preview2 .tp-arr-allwrapper,
   		 .tparrows.preview3 .tp-arr-allwrapper,
   		 .tparrows.preview4 .tp-arr-allwrapper		{	display: none !important}
    }


/***************************************
	-	RESPONSIVE SETTINGS 	-
****************************************/




/*********************************************

	-	BASIC SETTINGS FOR THE BANNER	-

***********************************************/

 .tp-simpleresponsive img {
		-moz-user-select: none;
        -khtml-user-select: none;
        -webkit-user-select: none;
        -o-user-select: none;
}

.tp-caption img {
background: transparent;
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)";
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
zoom: 1;
}



/*  CAPTION SLIDELINK   **/
.caption.slidelink a div,
.tp-caption.slidelink a div {	width:3000px; height:1500px;  background:url(https://www.surfaceshields.com/skin/frontend/base/default/images/nwdthemes/revslider/assets/coloredbg.png) repeat}

.tp-caption.slidelink a span	{	background:url(https://www.surfaceshields.com/skin/frontend/base/default/images/nwdthemes/revslider/assets/coloredbg.png) repeat}






/******************************
	-	LOADER FORMS	-
********************************/

.tp-loader 	{
				top:50%; left:50%;
				z-index:10000;
				position:absolute;


			}

.tp-loader.spinner0 {
  width: 40px;
  height: 40px;
  background:url(https://www.surfaceshields.com/skin/frontend/base/default/images/nwdthemes/revslider/assets/loader.gif) no-repeat center center;
  background-color: #fff;
  box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
  margin-top:-20px;
  margin-left:-20px;
  -webkit-animation: tp-rotateplane 1.2s infinite ease-in-out;
  animation: tp-rotateplane 1.2s infinite ease-in-out;
  border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}


.tp-loader.spinner1 {
  width: 40px;
  height: 40px;
  background-color: #fff;
  box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
  margin-top:-20px;
  margin-left:-20px;
  -webkit-animation: tp-rotateplane 1.2s infinite ease-in-out;
  animation: tp-rotateplane 1.2s infinite ease-in-out;
  border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}



.tp-loader.spinner5 	{	background:url(https://www.surfaceshields.com/skin/frontend/base/default/images/nwdthemes/revslider/assets/loader.gif) no-repeat 10px 10px;
							background-color:#fff;
							margin:-22px -22px;
							width:44px;height:44px;
							border-radius: 3px;
							-moz-border-radius: 3px;
							-webkit-border-radius: 3px;
						}


@-webkit-keyframes tp-rotateplane {
  0% { -webkit-transform: perspective(120px) }
  50% { -webkit-transform: perspective(120px) rotateY(180deg) }
  100% { -webkit-transform: perspective(120px) rotateY(180deg)  rotateX(180deg) }
}

@keyframes tp-rotateplane {
  0% {
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg)
  } 50% {
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg)
  } 100% {
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}


.tp-loader.spinner2 {
  width: 40px;
  height: 40px;
  margin-top:-20px;margin-left:-20px;
  background-color: #ff0000;
   box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
  border-radius: 100%;
  -webkit-animation: tp-scaleout 1.0s infinite ease-in-out;
  animation: tp-scaleout 1.0s infinite ease-in-out;
}

@-webkit-keyframes tp-scaleout {
  0% { -webkit-transform: scale(0.0) }
  100% {
    -webkit-transform: scale(1.0);
    opacity: 0;
  }
}

@keyframes tp-scaleout {
  0% {
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 100% {
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
    opacity: 0;
  }
}




.tp-loader.spinner3 {
  margin: -9px 0px 0px -35px;
  width: 70px;
  text-align: center;

}

.tp-loader.spinner3 .bounce1,
.tp-loader.spinner3 .bounce2,
.tp-loader.spinner3 .bounce3 {
  width: 18px;
  height: 18px;
  background-color: #fff;
  box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: tp-bouncedelay 1.4s infinite ease-in-out;
  animation: tp-bouncedelay 1.4s infinite ease-in-out;
  /* Prevent first frame from flickering when animation starts */
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.tp-loader.spinner3 .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.tp-loader.spinner3 .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes tp-bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0.0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes tp-bouncedelay {
  0%, 80%, 100% {
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 40% {
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}




.tp-loader.spinner4 {
  margin: -20px 0px 0px -20px;
  width: 40px;
  height: 40px;
  text-align: center;
  -webkit-animation: tp-rotate 2.0s infinite linear;
  animation: tp-rotate 2.0s infinite linear;
}

.tp-loader.spinner4 .dot1,
.tp-loader.spinner4 .dot2 {
  width: 60%;
  height: 60%;
  display: inline-block;
  position: absolute;
  top: 0;
  background-color: #fff;
  border-radius: 100%;
  -webkit-animation: tp-bounce 2.0s infinite ease-in-out;
  animation: tp-bounce 2.0s infinite ease-in-out;
  box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
}

.tp-loader.spinner4 .dot2 {
  top: auto;
  bottom: 0px;
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

@-webkit-keyframes tp-rotate { 100% { -webkit-transform: rotate(360deg) }}
@keyframes tp-rotate { 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg) }}

@-webkit-keyframes tp-bounce {
  0%, 100% { -webkit-transform: scale(0.0) }
  50% { -webkit-transform: scale(1.0) }
}

@keyframes tp-bounce {
  0%, 100% {
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 50% {
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}

.tp-caption.medium_grey{position:absolute;color:#fff;text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5);font-weight:700;font-size:20px;line-height:20px;font-family:Arial;padding:2px 4px;margin:0px;border-width:0px;border-style:none;background-color:#888;white-space:nowrap;}.tp-caption.small_text{position:absolute;color:#fff;text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5);font-weight:700;font-size:14px;line-height:20px;font-family:Arial;margin:0px;border-width:0px;border-style:none;white-space:nowrap;}.tp-caption.medium_text{position:absolute;color:#fff;text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5);font-weight:700;font-size:20px;line-height:20px;font-family:Arial;margin:0px;border-width:0px;border-style:none;white-space:nowrap;}.tp-caption.large_text{position:absolute;color:#fff;text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5);font-weight:700;font-size:40px;line-height:40px;font-family:Arial;margin:0px;border-width:0px;border-style:none;white-space:nowrap;}.tp-caption.very_large_text{position:absolute;color:#fff;text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5);font-weight:700;font-size:60px;line-height:60px;font-family:Arial;margin:0px;border-width:0px;border-style:none;white-space:nowrap;letter-spacing:-2px;}.tp-caption.very_big_white{position:absolute;color:#fff;text-shadow:none;font-weight:800;font-size:60px;line-height:60px;font-family:Arial;margin:0px;border-width:0px;border-style:none;white-space:nowrap;padding:0px 4px;padding-top:1px;background-color:#000;}.tp-caption.very_big_black{position:absolute;color:#000;text-shadow:none;font-weight:700;font-size:60px;line-height:60px;font-family:Arial;margin:0px;border-width:0px;border-style:none;white-space:nowrap;padding:0px 4px;padding-top:1px;background-color:#fff;}.tp-caption.modern_medium_fat{position:absolute;color:#000;text-shadow:none;font-weight:800;font-size:24px;line-height:20px;font-family:"Open Sans", sans-serif;margin:0px;border-width:0px;border-style:none;white-space:nowrap;}.tp-caption.modern_medium_fat_white{position:absolute;color:#fff;text-shadow:none;font-weight:800;font-size:24px;line-height:20px;font-family:"Open Sans", sans-serif;margin:0px;border-width:0px;border-style:none;white-space:nowrap;}.tp-caption.modern_medium_light{position:absolute;color:#000;text-shadow:none;font-weight:300;font-size:24px;line-height:20px;font-family:"Open Sans", sans-serif;margin:0px;border-width:0px;border-style:none;white-space:nowrap;}.tp-caption.modern_big_bluebg{position:absolute;color:#fff;text-shadow:none;font-weight:800;font-size:30px;line-height:36px;font-family:"Open Sans", sans-serif;padding:3px 10px;margin:0px;border-width:0px;border-style:none;background-color:#4e5b6c;letter-spacing:0;}.tp-caption.modern_big_redbg{position:absolute;color:#fff;text-shadow:none;font-weight:300;font-size:30px;line-height:36px;font-family:"Open Sans", sans-serif;padding:3px 10px;padding-top:1px;margin:0px;border-width:0px;border-style:none;background-color:#de543e;letter-spacing:0;}.tp-caption.modern_small_text_dark{position:absolute;color:#555;text-shadow:none;font-size:14px;line-height:22px;font-family:Arial;margin:0px;border-width:0px;border-style:none;white-space:nowrap;}.tp-caption.boxshadow{-moz-box-shadow:0px 0px 20px rgba(0, 0, 0, 0.5);-webkit-box-shadow:0px 0px 20px rgba(0, 0, 0, 0.5);box-shadow:0px 0px 20px rgba(0, 0, 0, 0.5);}.tp-caption.black{color:#000;text-shadow:none;}.tp-caption.noshadow{text-shadow:none;}.tp-caption.thinheadline_dark{position:absolute;color:rgba(0,0,0,0.85);text-shadow:none;font-weight:300;font-size:30px;line-height:30px;font-family:"Open Sans";background-color:transparent;}.tp-caption.thintext_dark{position:absolute;color:rgba(0,0,0,0.85);text-shadow:none;font-weight:300;font-size:16px;line-height:26px;font-family:"Open Sans";background-color:transparent;}.tp-caption.largeblackbg{position:absolute;color:#fff;text-shadow:none;font-weight:300;font-size:50px;line-height:70px;font-family:"Open Sans";background-color:#000;padding:0px 20px;-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;}.tp-caption.largepinkbg{position:absolute;color:#fff;text-shadow:none;font-weight:300;font-size:50px;line-height:70px;font-family:"Open Sans";background-color:#db4360;padding:0px 20px;-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;}.tp-caption.largewhitebg{position:absolute;color:#000;text-shadow:none;font-weight:300;font-size:50px;line-height:70px;font-family:"Open Sans";background-color:#fff;padding:0px 20px;-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;}.tp-caption.largegreenbg{position:absolute;color:#fff;text-shadow:none;font-weight:300;font-size:50px;line-height:70px;font-family:"Open Sans";background-color:#67ae73;padding:0px 20px;-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;}.tp-caption.excerpt{font-size:36px;line-height:36px;font-weight:700;font-family:Arial;color:#ffffff;text-decoration:none;background-color:rgba(0, 0, 0, 1);text-shadow:none;margin:0px;letter-spacing:-1.5px;padding:1px 4px 0px 4px;width:150px;white-space:normal !important;height:auto;border-width:0px;border-color:rgb(255, 255, 255);border-style:none;}.tp-caption.large_bold_grey{font-size:60px;line-height:60px;font-weight:800;font-family:"Open Sans";color:rgb(102, 102, 102);text-decoration:none;background-color:transparent;text-shadow:none;margin:0px;padding:1px 4px 0px;border-width:0px;border-color:rgb(255, 214, 88);border-style:none;}.tp-caption.medium_thin_grey{font-size:34px;line-height:30px;font-weight:300;font-family:"Open Sans";color:rgb(102, 102, 102);text-decoration:none;background-color:transparent;padding:1px 4px 0px;text-shadow:none;margin:0px;border-width:0px;border-color:rgb(255, 214, 88);border-style:none;}.tp-caption.small_thin_grey{font-size:18px;line-height:26px;font-weight:300;font-family:"Open Sans";color:rgb(117, 117, 117);text-decoration:none;background-color:transparent;padding:1px 4px 0px;text-shadow:none;margin:0px;border-width:0px;border-color:rgb(255, 214, 88);border-style:none;}.tp-caption.lightgrey_divider{text-decoration:none;background-color:rgba(235, 235, 235, 1);width:370px;height:3px;background-position:initial initial;background-repeat:initial initial;border-width:0px;border-color:rgb(34, 34, 34);border-style:none;}.tp-caption.large_bold_darkblue{font-size:58px;line-height:60px;font-weight:800;font-family:"Open Sans";color:rgb(52, 73, 94);text-decoration:none;background-color:transparent;border-width:0px;border-color:rgb(255, 214, 88);border-style:none;}.tp-caption.medium_bg_darkblue{font-size:20px;line-height:20px;font-weight:800;font-family:"Open Sans";color:rgb(255, 255, 255);text-decoration:none;background-color:rgb(52, 73, 94);padding:10px;border-width:0px;border-color:rgb(255, 214, 88);border-style:none;}.tp-caption.medium_bold_red{font-size:24px;line-height:30px;font-weight:800;font-family:"Open Sans";color:rgb(227, 58, 12);text-decoration:none;background-color:transparent;padding:0px;border-width:0px;border-color:rgb(255, 214, 88);border-style:none;}.tp-caption.medium_light_red{font-size:21px;line-height:26px;font-weight:300;font-family:"Open Sans";color:rgb(227, 58, 12);text-decoration:none;background-color:transparent;padding:0px;border-width:0px;border-color:rgb(255, 214, 88);border-style:none;}.tp-caption.medium_bg_red{font-size:20px;line-height:20px;font-weight:800;font-family:"Open Sans";color:rgb(255, 255, 255);text-decoration:none;background-color:rgb(227, 58, 12);padding:10px;border-width:0px;border-color:rgb(255, 214, 88);border-style:none;}.tp-caption.medium_bold_orange{font-size:24px;line-height:30px;font-weight:800;font-family:"Open Sans";color:rgb(243, 156, 18);text-decoration:none;background-color:transparent;border-width:0px;border-color:rgb(255, 214, 88);border-style:none;}.tp-caption.medium_bg_orange{font-size:20px;line-height:20px;font-weight:800;font-family:"Open Sans";color:rgb(255, 255, 255);text-decoration:none;background-color:rgb(243, 156, 18);padding:10px;border-width:0px;border-color:rgb(255, 214, 88);border-style:none;}.tp-caption.grassfloor{text-decoration:none;background-color:rgba(160, 179, 151, 1);width:4000px;height:150px;border-width:0px;border-color:rgb(34, 34, 34);border-style:none;}.tp-caption.large_bold_white{font-size:58px;line-height:60px;font-weight:800;font-family:"Open Sans";color:rgb(255, 255, 255);text-decoration:none;background-color:transparent;border-width:0px;border-color:rgb(255, 214, 88);border-style:none;}.tp-caption.medium_light_white{font-size:30px;line-height:36px;font-weight:300;font-family:"Open Sans";color:rgb(255, 255, 255);text-decoration:none;background-color:transparent;padding:0px;border-width:0px;border-color:rgb(255, 214, 88);border-style:none;}.tp-caption.mediumlarge_light_white{font-size:34px;line-height:40px;font-weight:300;font-family:"Open Sans";color:rgb(255, 255, 255);text-decoration:none;background-color:transparent;padding:0px;border-width:0px;border-color:rgb(255, 214, 88);border-style:none;}.tp-caption.mediumlarge_light_white_center{font-size:34px;line-height:40px;font-weight:300;font-family:"Open Sans";color:#ffffff;text-decoration:none;background-color:transparent;padding:0px 0px 0px 0px;text-align:center;border-width:0px;border-color:rgb(255, 214, 88);border-style:none;}.tp-caption.medium_bg_asbestos{font-size:20px;line-height:20px;font-weight:800;font-family:"Open Sans";color:rgb(255, 255, 255);text-decoration:none;background-color:rgb(127, 140, 141);padding:10px;border-width:0px;border-color:rgb(255, 214, 88);border-style:none;}.tp-caption.medium_light_black{font-size:30px;line-height:36px;font-weight:300;font-family:"Open Sans";color:rgb(0, 0, 0);text-decoration:none;background-color:transparent;padding:0px;border-width:0px;border-color:rgb(255, 214, 88);border-style:none;}.tp-caption.large_bold_black{font-size:58px;line-height:60px;font-weight:800;font-family:"Open Sans";color:rgb(0, 0, 0);text-decoration:none;background-color:transparent;border-width:0px;border-color:rgb(255, 214, 88);border-style:none;}.tp-caption.mediumlarge_light_darkblue{font-size:34px;line-height:40px;font-weight:300;font-family:"Open Sans";color:rgb(52, 73, 94);text-decoration:none;background-color:transparent;padding:0px;border-width:0px;border-color:rgb(255, 214, 88);border-style:none;}.tp-caption.small_light_white{font-size:17px;line-height:28px;font-weight:300;font-family:"Open Sans";color:rgb(255, 255, 255);text-decoration:none;background-color:transparent;padding:0px;border-width:0px;border-color:rgb(255, 214, 88);border-style:none;}.tp-caption.roundedimage{border-width:0px;border-color:rgb(34, 34, 34);border-style:none;}.tp-caption.large_bg_black{font-size:40px;line-height:40px;font-weight:800;font-family:"Open Sans";color:rgb(255, 255, 255);text-decoration:none;background-color:rgb(0, 0, 0);padding:10px 20px 15px;border-width:0px;border-color:rgb(255, 214, 88);border-style:none;}.tp-caption.mediumwhitebg{font-size:30px;line-height:30px;font-weight:300;font-family:"Open Sans";color:rgb(0, 0, 0);text-decoration:none;background-color:rgb(255, 255, 255);padding:5px 15px 10px;text-shadow:none;border-width:0px;border-color:rgb(0, 0, 0);border-style:none;}.tp-caption.white-slides{font-size:16px;color:#ffffff;text-decoration:none;text-shadow:none;text-align:right;background-color:transparent;width:1200px !important;border-width:0px;border-color:rgb(0, 0, 0);border-style:none;}.tp-caption.blue-slides{color:rgb(199, 200, 202);background-color:transparent;font-size:16px;text-decoration:none;text-shadow:none;text-align:left;border-width:0px;border-color:rgb(0, 0, 0);border-style:none;}.tp-caption.white-slides-left{font-size:16px;color:#ffffff;text-decoration:none;background-color:transparent;text-shadow:none;text-align:left;width:1200px !important;border-width:0px;border-color:rgb(0, 0, 0);border-style:none;}.tp-caption.link-scroller{color:#000000;text-decoration:none;padding:20px 20px 20px 20px;text-shadow:none;display:block;height:70vh;width:350px !important;border-width:0px;border-color:rgb(0, 0, 0);border-style:none;}.tp-caption.blue-square{color:#ffffff;text-shadow:none;background-color:#2c343d;text-decoration:none;width:20%;padding-bottom:20%;word-wrap:normal;max-width:20%;min-width:20%;border-width:0px;border-color:rgb(0, 0, 0);border-style:none;}.tp-caption.square-box{background-color:#2c343d;color:#ffffff;border-width:0px;border-color:rgb(255, 255, 255);border-style:none;}.tp-caption.square-box-videos{background-color:rgba(44, 52, 61, 1);color:#ffffff;text-decoration:none;width:calc(100vw - 1302px);height:calc(100vw - 1302px);padding:30px 30px 30px 30px;border-width:0px;border-color:rgb(255, 255, 255);border-style:none;}.tp-caption.white-learn-more-video-button{background-color:#ffffff;text-decoration:none;min-width:400px;min-height:200px;line-height:0px;padding-top:50%;max-width:400px;max-height:200px;border-width:0px;border-color:rgb(34, 34, 34);border-style:none;}.tp-caption.white-box-videos{color:#2c343d;text-decoration:none;min-height:279px;padding:30px 30px 30px 30px;text-transform:uppercase;width:540px;background-color:rgba(255, 255, 255, 1);border-width:0px 0px 1px 0px;border-color:rgb(255, 255, 255) rgb(255, 255, 255) rgb(187, 189, 192) rgb(255, 255, 255);border-style:none none solid none;}.tp-caption.centered-video-content{color:#000;text-shadow:none;background-color:transparent;text-decoration:none;text-align:center;border-width:0px;border-color:rgb(0, 0, 0);border-style:none;}.tp-caption.left-video-content{color:#000000;text-shadow:none;text-decoration:none;text-align:left;background-color:transparent;border-width:0px;border-color:rgb(0, 0, 0);border-style:none;}.tp-caption.right-video-content{color:#000000;text-shadow:none;text-decoration:none;text-align:right;background-color:transparent;right:0px !important;border-width:0px;border-color:rgb(0, 0, 0);border-style:none;}.tp-caption.white-slides-mobile{color:rgb(255, 255, 255);background-color:transparent;font-size:20px;text-decoration:none;text-shadow:none;text-align:left;border-width:0px;border-color:rgb(0, 0, 0);border-style:none;}.tp-caption.blue-slides-mobile{font-size:16px !Important;line-height:18px !important;color:#2a343e;text-decoration:none;text-shadow:none;text-align:left;background-color:transparent;border-width:0px;border-color:rgb(0, 0, 0);border-style:none;}.tp-caption.white-slides-left-mobile{font-size:16px !Important;line-height:18px !important;color:#ffffff;text-decoration:none;text-shadow:none;text-align:left;background-color:transparent;border-width:0px;border-color:rgb(0, 0, 0);border-style:none;}.tp-caption.square-box-videos-1{background-color:rgba(44, 52, 61, 1);color:#ffffff;text-decoration:none;min-height:400px;padding:30px 30px 30px 30px;width:400px;height:400px;align-items:center;display:inline-flex;right:902px !important;border-width:0px;border-color:rgb(255, 255, 255);border-style:none;}.tp-caption.video-slide-left-1{border-width:0px;border-color:rgb(34, 34, 34);border-style:none;}.tp-caption.video-right-1{text-decoration:none;background-color:transparent;border-width:0px;border-color:rgb(34, 34, 34);border-style:none;}.tp-caption.white-box-videos-1{border-width:0px;border-color:rgb(34, 34, 34);border-style:none;}.tp-caption.video-slide-left{background-color:transparent;text-decoration:none;width:400px !important;height:auto !important;left:0px !important;top:0px !important;border-width:0px;border-color:rgb(34, 34, 34);border-style:none;}.tp-caption.video-slide{background-color:transparent;text-decoration:none;right:0px !Important;border-width:0px;border-color:rgb(34, 34, 34);border-style:none;}.tp-caption.video-1{background-color:transparent;text-decoration:none;max-width:70vw !important;width:70vw !important;border-width:0px;border-color:rgb(34, 34, 34);border-style:none;}.tp-caption.video-slide-left-2{background-color:transparent;text-decoration:none;width:740px;height:auto !important;left:0px !important;top:0px !important;border-width:0px;border-color:rgb(34, 34, 34);border-style:none;}.tp-caption.square-box-videos-2{background-color:rgba(44, 52, 61, 1);color:#ffffff;text-decoration:none;width:400px;height:400px;padding:30px 30px 30px 30px;left:20vw !important;border-width:0px;border-color:rgb(255, 255, 255);border-style:none;}.tp-caption.square-box-videos-3{color:rgb(255, 255, 255);text-decoration:none;width:480px;height:480px;padding:30px;display:inline-flex;align-items:center;background-color:rgb(44, 52, 61);border-width:0px;border-color:rgb(255, 255, 255);border-style:none;}.tp-caption.white-box-videos-2{color:#2c343d;text-decoration:none;min-height:120px;padding:30px 30px 30px 30px;text-transform:uppercase;width:480px;display:inline-flex;align-items:center;background-color:rgba(255, 255, 255, 1);border-width:0px 0px 1px 0px;border-color:rgb(255, 255, 255) rgb(255, 255, 255) rgb(187, 189, 192) rgb(255, 255, 255);border-style:none none solid none;}.tp-caption.square-box-videos-3-mobile{color:#ffffff;text-decoration:none;width:640px;height:480px;padding:30px 30px 30px 30px;display:inline-flex;align-items:center;background-color:rgba(44, 52, 61, 1);border-width:0px;border-color:rgb(255, 255, 255);border-style:none;}.tp-caption.white-box-videos-2-mobile{color:#2c343d;text-decoration:none;min-height:120px;padding:30px 30px 30px 30px;text-transform:uppercase;width:640px;display:inline-flex;align-items:center;background-color:rgba(255, 255, 255, 1);border-width:0px 0px 1px 0px;border-color:rgb(255, 255, 255) rgb(255, 255, 255) rgb(187, 189, 192) rgb(255, 255, 255);border-style:none none solid none;}.tp-caption.square-box-videos-3-small{color:#ffffff;text-decoration:none;width:640px;height:480px;padding:30px 30px 30px 30px;display:inline-flex;align-items:center;background-color:rgba(44, 52, 61, 1);border-width:0px;border-color:rgb(255, 255, 255);border-style:none;}.tp-caption.white-box-videos-2-small{color:#2c343d;text-decoration:none;min-height:120px;padding:30px 30px 30px 30px;text-transform:uppercase;width:640px;display:inline-flex;align-items:center;background-color:rgba(255, 255, 255, 1);border-width:0px 0px 1px 0px;border-color:rgb(255, 255, 255) rgb(255, 255, 255) rgb(187, 189, 192) rgb(255, 255, 255);border-style:none none solid none;}.tp-caption.dark-slides-left{font-size:16px;color:#2c343d;text-decoration:none;background-color:transparent;text-shadow:none;text-align:left;width:1200px !important;border-width:0px;border-color:rgb(0, 0, 0);border-style:none;}.tp-caption.white-slides-center{font-size:16px;color:#ffffff;text-decoration:none;text-shadow:none;text-align:center;background-color:transparent;width:1200px;border-width:0px;border-color:rgb(0, 0, 0);border-style:none;}
@import url(http://fonts.googleapis.com/css?family=Oswald);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400italic,400,700,800);

.tp-caption a {
color:#ff7302;
text-shadow:none;
-webkit-transition:all 0.2s ease-out;
-moz-transition:all 0.2s ease-out;
-o-transition:all 0.2s ease-out;
-ms-transition:all 0.2s ease-out;
}

.link-scroller span{display:inline-block;}
.link-scroller span.active-scroll, .link-scroller span:hover {
  background: url(http://www.surfaceshields.com/skin/frontend/buyshop/default/img/hover-links.png) top right no-repeat transparent !important;
  color: #e00000;
  font-size: 20px !important;
}
.link-scroller span {
  display: block;
  text-transform: uppercase;
  color: #2c343d;
  text-align: right;
  font-family: "HelveticaNeueW01-75Bold";
  padding: 10px 55px 10px 25px !important;
  font-size: 15px !important;

}

span.inactive:hover ~ span.active-scroll{
	background:#ffffff !important;}

  

.link-scroller {
  top: 5% !important;
  bottom: 5% !important;
  overflow: hidden !important;
}
.link-scroller span {
	background:#ffffff;
}

.tp-caption a:hover {
color:#ffa902;
}
.tp-caption a {
color:#ff7302;
text-shadow:none;
-webkit-transition:all 0.2s ease-out;
-moz-transition:all 0.2s ease-out;
-o-transition:all 0.2s ease-out;
-ms-transition:all 0.2s ease-out;
}

.tp-caption a:hover {
color:#ffa902;
}


.tp-caption.big_caption_3,
.tp-caption.big_caption_2,
.tp-caption.big_caption_4,
.tp-caption.big_caption_5,
.tp-caption.big_caption_6,
.tp-caption.big_caption_7,
.tp-caption.big_caption_8,
.tp-caption.big_caption_9,
.tp-caption.big_caption_10,
.tp-caption.big_caption_11,
.tp-caption.big_caption_12,
.tp-caption.big_caption_13,
.tp-caption.big_caption_3_white,
.tp-caption.big_caption_2_white,
.tp-caption.big_caption_4_white{
            position: absolute; 
			color: #e14f4f; 
			text-shadow: none; 
			
			font-size: 80px; 
			line-height: 80px; 
			 font-family: "Oswald";
			border-width: 0px; 
			border-style: none; 
 
								
		}
    .tp-caption.big_caption_2, .tp-caption.big_caption_2_white {font-size:48px;}
.tp-caption.big_caption_4, .tp-caption.big_caption_4_white {font-size:124px; color:#fff;}
.tp-caption.big_caption_5  {font-size:120px;color:#94BB54;font-weight:800;}
.tp-caption.big_caption_6 {font-size:84px;color:#94BB54;font-weight:800;}
.tp-caption.big_caption_7 {font-size:50px;color:#333;font-weight:800;}
.tp-caption.big_caption_8  {font-size:24px;color:#fff;font-family: "Open Sans";}
.tp-caption.big_caption_9  {font-size:100px;color:#fff !important;}
.tp-caption.big_caption_10  {font-size:55px;color:#2a2b2c;font-weight:bold;}
.tp-caption.big_caption_11  {font-size:100px;color:#fff;}
.tp-caption.big_caption_12  {font-size:200px;color:#94BB54;font-weight:800;}
.tp-caption.big_caption_13 {font-size:24px;color:#aaa;font-family: "Open Sans";}
.tp-caption.handwriting, .tp-caption.handwriting_white{
            position: absolute; 
			color: #fff; 
			text-shadow: none; 
			 
			font-size: 144px; 
			line-height: 44px; 
			 font-family: "Dancing Script";
			padding:15px 40px 15px 40px;
			margin: 0px; 
			border-width: 0px; 
			border-style: none; 
  
								
		}

.tp-caption.store_button a {
            position: absolute; 
			color: #fff; 
			text-shadow: none; 
			
			font-size: 18px; 
			line-height: 18px; 
            font-weight:bold;
			 font-family: "Open Sans";
			padding:20px 35px 20px 35px !important;
			margin: 0px; 
  			cursor:pointer;
      		background:#1ABC9C;
  	        border-radius:5px;
            border-bottom:4px solid #16A085;
 						
}
.tp-caption.store_button_white a{position: absolute; 
			color: #fff; 
			text-shadow: none;
            font-size:14px;
    		font-weight:normal;
    		padding:10px 20px !important;
            background:#379BDE;
      		border-bottom:4px solid #2980B9;
      		border-radius:5px ;
    }
.tp-caption.store_button_white a:hover{
  	    background:#2980B9;
        border-bottom:4px solid #379BDE;
      }
.tp-caption.store_button a, .tp-caption.store_button_white a {
	color: #fff !important; 
}
.tp-caption.store_button_white a {color:#fff !important;}


.tp-caption a {
color:#ff7302;
text-shadow:none;
-webkit-transition:all 0.2s ease-out;
-moz-transition:all 0.2s ease-out;
-o-transition:all 0.2s ease-out;
-ms-transition:all 0.2s ease-out;
}

.tp-caption a:hover {
color:#ffa902;
}

.tp-caption.big_caption_3_white,
.tp-caption.big_caption_2_white,
.tp-caption.big_caption_4_white,
.tp-caption.handwriting_white{
    color:#fff;
    
    }
.tp-caption a {
color:#ff7302;
text-shadow:none;
-webkit-transition:all 0.2s ease-out;
-moz-transition:all 0.2s ease-out;
-o-transition:all 0.2s ease-out;
-ms-transition:all 0.2s ease-out;
}

.tp-caption a:hover {
color:#ffa902;
}
.tp-caption a {
color:#ff7302;
text-shadow:none;
-webkit-transition:all 0.2s ease-out;
-moz-transition:all 0.2s ease-out;
-o-transition:all 0.2s ease-out;
-ms-transition:all 0.2s ease-out;
}

.tp-caption a:hover {
color:#ffa902;
}
