/* DO NOT CROSS LINK TO THIS FILE  - This stylesheet was generated on Wed, 17 Sep 2025 09:00:13 -0700 and its name will change */

/*---------------------------------------------*/
/* Stylesheet: Store*/

/* shopping cart breadcrumbs */
.checkout-breadcrumbs {font-size: .9em;}
.checkout-breadcrumbs ul { border: 1px solid #818285; border-radius: 4px; padding-left: 0px; overflow: hidden;}
.checkout-breadcrumbs ul li {display: inline-block; list-style: none; width: 25%; text-align: center; margin-left: 0; display: inline-block; position: relative; padding: 10px 0; padding-right: 15px; float: left;}
.checkout-breadcrumbs ul li a {cursor: pointer;}
.checkout-breadcrumbs ul li:before, .checkout-breadcrumbs ul li:after {display: none;}
.checkout-breadcrumbs ul li:after {content: " "; border-top: 23px solid transparent; border-bottom: 23px solid transparent; border-left: 15px solid #818285; position: absolute; right: 0; top: -1px;}
.checkout-breadcrumbs ul li.islast {background: none;}
.checkout-breadcrumbs ul li.islast:before, .checkout-breadcrumbs ul li.islast:after {display: none;}
.checkout-breadcrumbs ul li:before {content: " "; border-top: 23px solid transparent; border-bottom: 23px solid transparent; border-left: 15px solid #fff; position: absolute; right: 1px; top: -1px; z-index: 1;}
.checkout-breadcrumbs ul li {background: url(/pub/photo/white-white-gray-arrow.jpg) no-repeat right center;}
.checkout-breadcrumbs ul li.selected {font-weight: normal; background: #695e80; color: #fff;}
.checkout-breadcrumbs ul li.selected:before {border-left-color: #8b8c90;}
.checkout-breadcrumbs ul li.selected:after {border-color: #fff; border-top-width: 22px; border-bottom-width: 22px; top: 0;}
.checkout-breadcrumbs ul li.previous {font-weight: normal; background: #d2d3d4 url(/pub/photo/blue-blue-white-arrow.jpg) no-repeat right center; color: #000;}
.checkout-breadcrumbs ul li.previous.next {background: #d2d3d4 url(/pub/photo/blue-green-arrow.jpg) no-repeat right center;}
.checkout-breadcrumbs ul li.previous:before {border-left-color: #d2d3d4; border-top-width: 22px; border-bottom-width: 22px; top: 0;}
.checkout-breadcrumbs ul li.previous:after {border-left-color: #fff; border-top-width: 22px; border-bottom-width: 22px; top: 0;}
.checkout-breadcrumbs ul li.previous.next:after {border-color: #94bacd; border-left-color: #fff;}

/* shopping cart */

.cart {  /*background: url(../pub/photo/cart.png) no-repeat left top;*/  display: inline-block;
  padding: 4px; min-height: 18px; line-height: 18px; font-size: 1.2em; text-transform: capitalize; color: #123900 !important; }

.cart-link { text-transform: uppercase; font-size: 16px; color: #791c39;}
.cart-link:hover {text-decoration: none;}
.cart-items { width: 100%; }
.cart-items th { text-align: left; color: #444; font-size: 14px; font-style: italic; padding-bottom: 10px; border-bottom: dotted 1px #ccc;}
.cart-items td { padding: 5px 0; }
.cart-item-photo {padding: 5px 10px !important;}
.cart-items td .label { display: inline-block; margin-bottom: 10px; }
.cart-items td.total { color: #000; font-style: italic; padding: 10px 0; border-top: dotted 1px #ccc;}
.cart-items input {width: auto;}
.cart-shipping td, .cart-billing td, .cart-payment td, .cart-gift td { padding: 2px 5px; }
.cart-payment td select {width: auto;}
.cart-shipping .ui-input input:not([type=checkbox]), .cart-billing .ui-input input:not([type=checkbox]), .cart-shipping .ui-input textarea, .cart-billing .ui-input textarea, .cart-shipping .ui-input select, .cart-billing .ui-input select { width: 200px; }
.checkout td.ui-label { width: 140px; }
.ui-cart-readonly { color: #aaa; }
.ui-cart-quantity { width: 20px !important; margin-left: 10px;}
#btn-order {float: right;cursor:pointer;} /*button to submit order*/

.shop-item {}
.shop-item h2, .shop-item h3 {margin-bottom: 0px;}

#store-search {margin-bottom: 15px;}

.product-customize {position: relative;}
.align-bot {position: absolute; bottom: 0;}

.custom-settings.active {color: #494aa1;}

.save-cart {display: none;}

.shop-item-list .category-photo {max-width: 100%; height: auto;}

.photo-store {}
.photo-store span {position: relative; display: inline-block;}
.photo-store > span > img {max-height: 500px; width: auto !important; display: block;}
.photo-store canvas {display: none; position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%;}
.photo-store canvas.active {}

.stock-wrapper {margin-bottom: 15px;}
.attribute-box, .quantity-box {width: 100%;}
.attribute-title, .quantity-title {float: left; margin-right: 15px;}
.attribute-box > .attribute-select, .quantity-box > .quantity-select {border: solid 1px #cdc0b3; padding: 5px; margin-bottom: 10px; display: inline-block; min-width: 100px;  background: #fff; text-align: right;}
.attribute-box > .attribute-select, .quantity-box > .quantity-select {border: 0; padding: 0;}
.attribute-box > .attribute-select > select {border: none; width: 100%;}
.quantity-box > .quantity-select > input { border: solid 1px @color-gray-dark; border-radius: 2px; width: 40px !important; margin-left: 0 !important; padding: 5px 10px !important;}

.product-options select {margin-bottom: 15px; max-width: 380px;}

.original-options {}

.crop-test {margin-bottom: 10px;}
.crop-test img {max-width: none !important;}
.crop-test > img {display: block; max-width: 100% !important;}
.crop-test > .zoomImg {max-width: none !important;}

.crop-preview-container {display: none; margin-bottom: 10px;}
.crop-preview-outer {width: 100%; display: table;}
.crop-preview {text-align: center; overflow: hidden; display: table-cell; vertical-align: top;}
.crop-preview-inner {overflow: hidden; margin: auto;}
.crop-preview-inner img {max-width: none !important;}

.map-btn {-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}

.custom-info {display: none;}

.cart-buttons {font-size: .9em;}

.price { color: #791c39; font-family: 'Open Sans', sans-serif !important; font-size: 2em;}
.price-crossed { color: #777; font-family: 'Open Sans', sans-serif !important; font-size: 1.5em; text-decoration:line-through; font-style: italic;}
#ui-cart-shipping-zip { width: 80px; }
.vendor { font-size: .9em; text-transform: uppercase;}
.soldout { color: red;}
.instock { color: green;}

.shopping-cart-container td {vertical-align: top;}

/*---------------------------------------------*/
/* Stylesheet: Archer Font*/

@font-face {
  font-family: 'Archer Book';
  font-style: normal;
  font-weight: normal;
  src: url('/pub/doc/Archer-Book-Pro.woff') format('woff');
}


@font-face {
  font-family: 'Archer Medium';
  font-style: normal;
  font-weight: normal;
  src: url('/pub/doc/Archer-Medium-Pro.woff') format('woff');
}


@font-face {
  font-family: 'Archer Medium Italic';
  font-style: normal;
  font-weight: normal;
  src: url('/pub/doc/Archer-MediumItal-Pro.woff') format('woff');
}

/*---------------------------------------------*/
/* Stylesheet: Default*/

* {margin: 0px; padding: 0px; box-sizing: border-box; -moz-box-sizing: border-box;}
html {height: 101%;}
a img {border: none; outline: none;}
a img:hover { box-shadow: 0 0 10px #999;}
a img.nohover:hover { box-shadow: none !important;}
.nohover img:hover { box-shadow: none !important;}
img {border: none; outline: none;}

/* fix  lightbox issues by swapping box model to content-box */
#fancybox-title-inside { overflow-y: scroll; max-height: 100px; }
#fancybox-wrap { padding: 0 !important; }
#fancybox-wrap * {box-sizing: content-box !important; -moz-box-sizing: content-box !important;}

/*--------------- reset browser defaults--------------- */
.main-home { color: #000; font-family: 'Open Sans', sans-serif; font-size: 14px; padding: 0; background: white; }
.main-home a { color: #000; text-decoration: none; }
.main-home a:hover { color: #8379a0; }
.main-home b, .main-home strong { font-weight: 700;}
.main-home h1 { font-size: 2em; color: #818285; font-family: 'Open Sans', sans-serif; font-weight: normal; margin-bottom: 10px; line-height: normal !important; text-transform: none;}
.main-home h1.alt { font-family: 'Archer Book'; font-weight: normal; color: #000;}
.main-home h1 a { color: #000; text-decoration: none !important;}
.main-home h2 { font-size: 1.4em; color: #000; font-family: 'Open Sans', sans-serif; font-weight: bold;  text-transform: uppercase; margin-bottom: 10px;}
.main-home h2.title { font-family: 'Open Sans', sans-serif !important;  text-transform: uppercase !important;}
.main-home h2.alt { font-family: "Archer Medium Italic"; text-transform: none; font-style: italic; color: #695e80; font-weight: normal; font-size: 1.5em;}
.main-home h2 a { color: #000; text-decoration: none !important;}
.main-home h3 { font-size: 1.3em; color: #000; font-family: 'Open Sans', sans-serif; font-weight: normal;  text-transform: capitalize; margin-bottom: 10px;}
.main-home h3.alt { text-transform: uppercase; font-style: normal; color: #695e80; font-family: 'Archer Book';}
.main-home h3 a { color: #000; text-decoration: none !important;}
.main-home h4 { font-size: 1.1em; color: #000; font-family: 'Open Sans', sans-serif; font-weight: bold; text-transform: uppercase;  margin-bottom: 10px;}
.main-home h4 a { color: #000; text-decoration: none !important;}

/* hover on headings */
.main-home h1 a:hover,.main-home h2 a:hover,.main-home h3 a:hover,.main-home h4 a:hover { color: #8379a0; }
.main-home h2.arrow { background: url(/pub/photo/arrow.png) no-repeat left center; padding-top: 2px; padding-left: 28px;}

.main-home p, .main-home ul, .main-home ol, .main-home table { line-height: 1.5em; margin-bottom: 15px;}
.main-home p, .main-home ul { }
.main-home ul {/* list-style-type: none;*/ }
.main-home li { line-height: 20px; margin-left: 20px; /*margin-left: 0px; 
  background: url(../pub/photo/bullet.png) 0 6px no-repeat; padding-left: 15px; */}

/* extra styles */
.main-home .subtitle { color: black; font-family: @main-subtitle-fontfamily@; font-weight: normal;  text-transform: uppercase;margin-bottom: 10px;}

.photo img { }

/* ---------- style super common design items ---------*/
.bullet {color: #791c39; }
.left { float: left; }
.right { float: right; }
.block { display: block;} 

.highlight {background: yellow;}

.error-box { color: Red; background-color: #fee; padding: 5px 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.success-box { color: Green; background-color: #efe; padding: 5px 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }

/*---------------------------------------------*/
/* Stylesheet: Menus*/

/* top menu all pages */   
#topmenu ul { list-style-type: none !important; margin: 0;}
#topmenu li { background: none; margin: 0;}

 #topmenu { font-size: 1em; font-family: 'Open Sans', sans-serif; text-transform: uppercase; font-weight: bold; text-align: left; width: 1024px; max-width: 100%; margin: 0 auto;}
 ::i-block-chrome, #topmenu {font-weight: normal;}
  #topmenu > li { REMposition: relative; color: #231f20; /*float: left;*/  display: block; background: #fff; text-align: left; display: inline-block; line-height: 40px; padding: 0px 16px;}
  #topmenu > li { /*margin-left: 10px;*/ }
   #topmenu > li:not(.islast)::after { /*content: " ";*/ color: #691c04; display: inline-block; margin-left: 50px;} /* add a \ after each menu item */
  #topmenu > li.isfirst { margin-left: 0px; padding-left: 5px;} /* we need to set numeric borders to prevent jquery issues for Ie7. See main.xml */
  #topmenu > li.islast {padding-right: 0;}
  #topmenu > li.ispadding {}
  
  #topmenu > li { padding: 0px 13px\0/;}
  _::selection, #topmenu > li { padding: 0px 17px\0; }
  
  #topmenu > li > a { font-style: normal;  }  
  #topmenu > li > a.isfirst { border-left: none; }  
  #topmenu > li > a.islast { } 

   #topmenu a { display: block; color:  #231f20; border: solid 0px red; text-align: left; }
   #topmenu a.selected { border-bottom: none;  color: #00aeef !important; }
   #topmenu li:hover {}
   
   #topmenu a.hover { border-bottom: none; color: #840bea !important;  }
   
   #topmenu li.selected ul {display: block !important;}

  /* following is to fix the table layout for IE < 8 */
	#topmenu {/*display:inline-block;*/}
	#topmenu > li  { REMdisplay:inline-block; }
	#topmenu > li > a{ /*height: 48px; line-height:48px; */}
	
	/* menu drop down prep */
	  #topmenu ul {  position: absolute; display: none; 
                       left: 0; margin: 0; padding: 0; 
                       font-family: inherit; text-transform: none;}
	  * html #topmenu ul { line-height: 0;} /* IE6 "fix" */
  		#topmenu ul a { display: inline-block; width: 100%; color: #aaaaaa;} /* IE6/7 fix */
		#topmenu ul li {  padding: 0px 10px;height: auto;text-align: left; display: inline-block;
		border-bottom: 0px solid #ebebeb; border-left: none; border-right: none; line-height: 40px;}
		#topmenu ul li.isfirst { border-top: solid 0px inherit; }
		#topmenu ul li.hover {  }
		#topmenu ul li a.hover { background:none;}
		#topmenu ul li.selected { color: #000; }
		#topmenu ul a.selected { color: #000; }
		                  
		#topmenu ul ul { top: 0;}
	
	/* menu drop down sizing */
	#topmenu ul { width: 100%;  text-align: center; top: 41px; font-size: 1em !important; border-bottom: 1px solid #d2d3d4;}
	#topmenu ul ul { left: 161px; } 

	/* menu drop down positioning */
	#topmenu ul > li > a {  }
	  #topmenu ul { top: @dropdown-top@; }	
	  
	/* drop shadows and central background */
	#topmenu ul { box-shadow: 0 0 0px #777; }
        #topmenu ul { background-color: inherit; }

/*---------------------------------------------*/
/* Stylesheet: Layout*/

.main-home  { }
.main-home .template {position: relative; }

/* ------------- slices ----------------------*/
.bg-header  { }
.bg-header .x-cell { position: relative; height: 200px;}
.bg-menu {  min-height: 42px; margin-bottom: 0px !important; background: #fff; border-top: solid 1px #818284; border-bottom: solid 1px #818284; width: 100% !important;}
.bg-menu a { color: #000 /*!important*/; }
.bg-menu .x-cell { position: relative; width: 100% !important; max-width: 100%;}

.bg-clear {background: #fff; REMpadding: 30px 0 !important; REMmargin-bottom: 30px !important; }
.bg-clear.add-pad {padding-top: 30px !important;}
.bg-clear.add-pad .col-double, .bg-clear.add-pad .col-single {padding-bottom: 30px !important;}
.bg-slideshow {max-width: 1263px !important; margin: 0 auto;}
.bg-footer {  }

.center { text-align: center; }
.center table { margin: 0 auto; }

#topmenu  img { max-width: 175px; height: auto; } 

.x-block { position: relative; margin: 0 auto; width: 1024px; max-width: 100%;}
.x-block > .x-cell { margin: 0 auto; width: 1024px; max-width: 100%; }
.x-block > .x-cell-container { margin: 0 auto; width: 1024px; max-width: 100%; }
.x-clear { clear: both; }
.x-cell > .inner {  padding: 30px 0; }
.x-cell-container  > .inner { padding:  25px 0; }

.layout, .layout > .x-cell {width: 100%;}
.full-width, .full-width > .x-cell {width: 100%;}

/*--------- generic templating --------- */
.col-container { margin-bottom: 20px; }
.col-single { width: 340px; padding: 20px; border: solid 0px red; background: #eee;}
.col-single-small { width: 310px; padding-left: 10px; border: solid 0px red;}
.col-single-small.no-border {width: 310px; border: 0;}
.col-double { width: 680px; padding: 0px 0; border: solid 0px red; REMborder-right: 1px solid #d2d3d4;}
.col-double-mid { width: 714px; padding: 0px 0; border: solid 0px red;}
.col-double-small {width: 496px; padding: 0; border: solid 0px red; padding-right: 0 !important; border-right: 1px solid #818284; padding-bottom: 30px;}
.col-third { width: 306px; }
.col-half { width: 470px; }
.col-half-inner { width: 417px; }
.col-single > .inner { padding-top: 0;}
.col-double > .inner { padding-top: 0; }
.col-third > .inner {  }
.col-half > .inner { }
.master-col-left { float: left; padding-right: 10px; padding-bottom: 20px; border-right: 1px solid #818284;}
.master-col-right { float: right;}
.layout-col-left { float: left; padding-right: 24px;}
.layout-col-right { float: right; }

.border-left { border-left: solid 1px #818284; }
.border-right { border-right: solid 1px #818284;  }

.col-right {float: right !important;}
.nopadding{ padding: 0px !important; }
.nomargin-left{ margin-left: 0px !important;}
.col-md-8.nomargin.main-column {width: calc(100% / 12 * 8 - 10px); margin-left: 0 !important; margin-right: 10px !important; padding: 0 10px; border-right: 1px solid #818284; border-left: 1px solid #818284;}

.category-inner, .category-inner > .x-cell-container, .category-inner > .x-cell {width: 100%;}

.col-single-small img {width: 100%;}

/* ---------------header -------------- */
.bg-header { REMborder-bottom: solid 1px #818284;  }
.bg-header > .x-cell { position: relative; height: 150px; }
.bg-header #toplogo { position: absolute; top: 0px; left: 0px; height: 150px; }
.bg-header #toptext {  position: absolute; top: 20px; right: 0; width: auto; remheight: 30px; text-transform: uppercase; font-size: 1em; text-align: center;}
.bg-header #toptext img { box-shadow: 0 0 10px #999;}
.bg-header #toptext .social-box{ border: solid 1px #bbb; border-right: none; padding: 5px; }
#top-social-icons .social-box.last { border-right: solid 1px #bbb !important;}
.bg-header #toptext .social-box a{ display: block; color: #b9b3a7;}
.bg-header #toptext .social-box a:hover { color: #000;}
.bg-header #toptext #top-social-icons .clearfix {line-height: 30px;} /*Remove when social links are added back in*/
.bg-header #toptext #top-subscribe-btn { margin-top: 20px; margin-right: 0px;}
.bg-menu .topsearch-container { width: 1024px; max-width: 100%; margin: 0 auto; position: absolute; top: 0; right: 0; left: 0;}
.bg-menu #topsearch { position: absolute; top: 0; right: 0; width: 1px;}
.bg-menu #topsearch input::-webkit-input-placeholder { text-align: left;  color: #ccc; font-size: 1em; font-family: 'Open Sans', sans-serif; text-transform: capitalize; font-style: italic;}
.bg-menu #topsearch input:-moz-placeholder {  text-align: left; color: #ccc; font-size: 1em; font-family: 'Open Sans', sans-serif; text-transform: capitalize; font-style: italic;}
.bg-menu #topsearch input::-moz-placeholder {  text-align: left; color: #ccc; font-size: 1em; font-family: 'Open Sans', sans-serif; text-transform: capitalize; font-style: italic;}
.bg-menu #topsearch input:-ms-input-placeholder {  text-align: left; color: #ccc; font-size: 1em; font-family: 'Open Sans', sans-serif; text-transform: capitalize; font-style: italic;}
.bg-menu #topsearch table td { padding: 2px; }
.bg-menu #topsearch input { border: none; padding-right: 10px; width: 0; transition: .3s; height: 40px; border-left: 1px solid #818284; border-radius: 0px; position: relative; right: 1px; float: right;}
.bg-menu #topsearch.open {width: 250px;}
.bg-menu #topsearch.open input {padding-right: 40px; width: 250px;}
.bg-menu #topsearch .search-reveal { width: 40px; height: 40px; position: absolute; top: 0; right: 0; background: #fff; border: 0; cursor: pointer; line-height: 40px; color: #494aa1; text-align: center;}
.bg-menu #topsearch p {margin: 0; font-size: 1em;}
.bg-menu #topsearch a {display: inline-block;}
#topcart a:hover {color: #840bea !important;}

.bg-header .top-cover {float: right;}
.bg-header .top-cover img {max-height: 100px; display: block;}
.bg-header #top-subscribe-btn {position: absolute; bottom: 0; text-align: right;}
.bg-header .menu-toggle, .bg-header .topmenu-mobile, .bg-menu .menu-toggle, .bg-menu .topmenu-mobile {display: none;}

.bg-header .top-social {padding-top: 32px;}
.bg-header .top-social p {display: inline-block; margin-left: 15px; vertical-align: middle;}
.bg-header .top-social a.facebook, .bg-header .top-social a.instagram {font-size: 1.75em; display: inline-block; width: 34px; height: 34px; text-align: center;}
.bg-header .top-social a.facebook.hide, .bg-header .top-social a.instagram.hide {display: none;}
.bg-header .top-social a i {line-height: 34px;}

/* IE8 Fixes */

.bg-header #toptext .social-icons a {background: #fff\0/;}

/*------------ search -------------*/
#searchbox input[type="textbox"] { border: solid 1px #ccc; padding: 5px 5px; width: 100%; background: url(/pub/photo/search.png) no-repeat right center;}

/* --- Sticky Menu --- */

.sticky {border-right: 0px; position: relative;}
.sticky-inner {REMpadding-bottom: 30px;}

#topmenu.fixed, .sticky-inner.fixed {position: fixed; top: 0; margin-top: 30px;}
#topmenu.bottom, .sticky-inner.bottom {position: absolute; bottom: 0;}

/*--------------- home --------------------*/

.home-cat {  }
.home-cat h2{ font-size: .9em; font-family: 'Open Sans', sans-serif; }
.home-cat h2 a{ color: #000; }
.home-cat p{ font-size: .9em; }
.home-cat img { margin-bottom: 10px; }

.spotlight-headline {font-weight: normal !important; margin-bottom: 20px !important;}
.recent-headline {font-family: 'Open Sans', sans-serif !important;;}

/* Home Slidshow */
.home-slideshow {width: 100%; height: 585px; margin-bottom: 20px; position: relative; box-shadow: 5px 7px 10px #818285; float: right; overflow: hidden; }
.home-lead-stories { position: relative; width: 100%;  margin-bottom: 15px; }

.home-slideshow-story { position: relative; width: calc(100% - 300px); z-index: 2;  }
.home-slideshow-image.active { z-index: 3; display: block; }
.home-slideshow-image { display: none; position: absolute; margin: 0 auto; overflow: hidden; width: 100% !important; height: 100% !important;}
.home-slideshow-image img { width: 100%; height: auto; overflow: hidden;  REMbox-shadow: 5px 7px 10px #818285; display: block;}
.home-slideshow-caption-container {max-width: 1175px; width: 100%; margin: 0 auto; position: absolute; top: 0; left: 0; height: 100%; right: 0;}
.home-slideshow-caption { position: absolute; background: rgba(224, 224, 224, 0.9); padding: 10px; color: #000; bottom: 15px;  right: 15px; width: 275px; font-size: 1em;}
.home-slideshow-caption.alt { bottom: 15px; left: 10px; top: auto; right: auto; width: 400px;}
.home-slideshow-caption h2 { margin-bottom: 10px; text-transform: none; font-size: 1.8em; font-weight: normal;}
.home-slideshow-caption h2 a { color: #000 !important; }

.home-slideshow-story-thumb-slider {overflow-y: scroll; height: 225px; float: right; clear: right;}
.home-slideshow-story-thumb-slider .home-lead-story-thumb {width: 219px; padding-left: 30px;}

.slide-box-pager:not(.slideshow-pager) .home-slideshow-story-thumb { display: none !important; }

.slide-box-pager:not(.slideshow-pager){ position: absolute; bottom: 20px; right: 0px;}
.slide-box-pager:not(.slideshow-pager)  .home-slideshow-story-thumb { z-index: 5; Display: block !important; }
.slide-box-pager:not(.slideshow-pager) .home-slideshow-story-thumb { margin-right: 10px; position: relative; overflow: hidden; width: 30px; height: 10px; color: #000 !important;
						float: left; display: block; bottom: 0px;  
						-webkit-transition: -webkit-transform 0.2s; padding: 5px 12px;
						transition: transform 0.2s;  background: rgba(214,214,214,0.6);  
}
.slide-box-pager:not(.slideshow-pager) .home-slideshow-story-thumb.activeSlide { background: #fff; }

/* IE8 Fix */

.home-slideshow-caption {filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#cbe0e0e0,endColorstr=#cbe0e0e0)\0/;}

.sidebar-copy { margin-left: auto; margin-right: auto; }
.sidebar-copy .cms-ad { margin-left: auto; margin-right: auto; margin-bottom: 40px; }
.sidebar-copy .btn { margin-left: auto; margin-right: auto; }
.sidebar-copy img { display: block; }
.category-slideshow {height: 344px; margin-bottom: 20px; position: relative;}
.outline { border: solid 1px #818284; padding: 15px;}
.ruler { border-bottom: solid 1px #818284; margin-bottom: 30px !important; }
.ruler-small { border-bottom: solid 1px #818284; margin-bottom: 20px !important; }
.ruler-topbottom { border-top: solid 1px #818284; border-bottom: solid 1px #818284; margin-bottom: 30px; padding-top: 20px;  }
.spotlight-img-1 {padding-top: 17px;}
.spotlight-img-2 img:hover {box-shadow: none;}

.slide-box-prev { position: absolute; left: 0; top: 0; bottom: 0; margin: auto 0; height: 96px; width: 48px; background: rgba(224, 224, 224, 0.8); z-index: 2000; cursor: pointer; text-align: center; line-height: 96px; font-size: 3em; opacity: 0; visibility: hidden; transition: .3s;}
.slide-box-next { position: absolute; right: 0; top: 0; bottom: 0; margin: auto 0; height: 96px; width: 48px; background: rgba(224, 224, 224, 0.8); z-index: 2000;cursor: pointer; text-align: center; line-height: 96px; font-size: 3em; opacity: 0; visibility: hidden; transition: .3s;}
.bg-slideshow:hover .slide-box-prev, .bg-slideshow:hover .slide-box-next {opacity: 1; visibility: visible;}
.slide-box-pager:not(.slideshow-pager) { text-align: center; }
.slide-box-pager:not(.slideshow-pager) a { display: inline-block;  margin-right: 20px; margin-bottom: 20px; }
.slide-box-pager:not(.slideshow-pager) a img { border: none; box-sizing: border-box; -moz-box-sizing: border-box; box-shadow: none;}
.slide-box-pager:not(.slideshow-pager) a.activeSlide img { border: solid 10px #84371c; }

.section-category  { border: solid 1px #000; REMmax-height: 170px; }
.section-category img { display: block; }
.section-category a { display: block; }
.section-category h3 { padding: 0 5px; }


td[class*="col-md-"] {position: relative;}

.home-blocks .col-md-4 {background: #aea680;}
.home-blocks img, .login-blocks img { display: block;}


.slide-box-slider-container {overflow-x: scroll\0/;}

.category-inner.nomargin {margin: 0 !important;}

.category-header.dark {padding: 10px 15px; background: #000;}
.category-header.dark h1 {color: #fff !important; margin: 0; font-size: 1.3em; font-weight: normal;  font-family: 'Open Sans', sans-serif; text-transform: uppercase;}
.category-tag {font-weight: normal; font-family: 'Open Sans', sans-serif; text-transform: none;}
.category-intro {padding: 20px 15px 10px;}

.category-header.light {padding: 10px 15px; background: #d2d3d4; margin-bottom: 10px;}
.category-header.light h1 {color: #000; font-size: 1.5em; margin: 0; text-transform: uppercase; font-family: 'Open Sans', sans-serif;}

.category-header.lightest {padding: 10px 15px; background: #f7f7f7; margin-bottom: 10px;}
.category-header.lightest h1 {color: #000; font-size: 1em; text-align: center; text-transform: none; margin: 0; font-family: 'Open Sans', sans-serif;}

.category-item {margin-bottom: 20px !important;}
.category-item h3 {font-family: 'Open Sans', sans-serif; font-size: 1em; text-transform: uppercase;}
.category-summary {font-size: .9em;}
.category-readmore {font-size: .9em; color: #818284;}
.category-readmore a {color: #818284;}
.category-readmore .category-readmore2 {color: #695e80;}
.category-readmore .category-readmore2:hover {color: #a39abc;}

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

.alt-color {color: #494aa1 !important;}
a.alt-color:hover {color: #8379a0 !important;}

/*-------------- article --------------*/
.slideshow img {  box-shadow: 5px 7px 10px #818285; }
.caption { font-size: .9em; color: #818285; max-width: 650px; } 
.caption a {color: #818285; font-weight: bold;} 
.article-slideshow {text-align: center;}
.article-slideshow .slideshow {margin-bottom: 10px; width: 960px; height: 450px;}
.article-slideshow .slideshow > div {max-height: 450px; height: 100%; -webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d; transform-style: preserve-3d;}
.article-slideshow .slideshow img {max-height: 450px; width: auto !important; vertical-align: middle; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
.article-slideshow .caption {position: absolute; bottom: 0; margin: 0; padding: 10px; background: rgba(0, 0, 0, 0.6); color: #fff; text-align: left;}
.slideshow-pager .slideshow-thumb { width: 75px; height: 75px; margin: 10px; }

.inside-slideshow {min-height: 500px; position: relative; }
.inside-slideshow .slideshow > div {text-align: center; opacity: 0; right: 0;}
.inside-slideshow .slideshow > div:first-child {opacity: 1; height: auto;}
.inside-slideshow .slideshow > div .slide-inner-container {display: table !important; margin: 0 auto;}
.inside-slideshow .slideshow > div .slide-inner {display: table-cell !important; vertical-align: middle;}
.inside-slideshow .slideshow > div .caption {text-align: left;}
.inside-slideshow .slideshow img {max-height: 506px; width: auto !important; }

.article-header h1 {font-weight: normal !important; transform : scale(1,1.1); -webkit-transform:scale(1,1.1); /* Safari and Chrome */ -moz-transform:scale(1,1.1); /* Firefox */ -ms-transform:scale(1,1.1); /* IE 9+ */ -o-transform:scale(1,1.1); /* Opera */ color: #000 !important;}
.article-header p.author-info { font-style: italic;}
.h2-border h2 {border-bottom: 1px solid #000; padding-bottom: 10px; text-transform: capitalize; font-size: 1.2em;}

.georgia {font-family: 'Open Sans', sans-serif !important;}

.article-body { padding-right: 30px;}
.article-body p, .article-body ul, .article-body ol, .article-body table { line-height: 1.8em; }

.readmore {font-size: 1em; padding: 5px 20px; color: #fff !important; background: #695e80; display: inline-block;}
.readmore:hover {background: #1F4B5F;}

/* IE8 Fixes */
.article-slideshow .slideshow img {top: auto\0/;}
.article-slideshow .custompager a {margin-right: 10px; margin-bottom: 10px;}

.pager {margin-bottom: 15px;}

.article-slideshow .custompager img {box-shadow: 0px 0px 10px #999;}
.article-slideshow .custompager img:hover {box-shadow: 0px 0px 10px #231f20;}

.slideshow-pager-container {overflow-x: hidden;}
.slideshow-pager-container .slideshow-pager {display: table; border-collapse: separate; border-spacing: 10px; position: relative; max-width: none; left: 0;}
.slideshow-pager-container .slideshow-pager a {display: table-cell; min-width: 75px;}

.pdf-box {max-width: 175px; position: absolute; right: 0; bottom: 0; text-align: right; z-index: 100;}
.pdf-box .img-responsive {margin-bottom: 0;}
.pdf-box .img-responsive img {height: 100px;}

.article-info .date {font-size: 1em;}
.article-info .author, .article-info .comments {margin-left: 10px;}

.pdf-icon {width: 18px; vertical-align: sub;}
.pdf-icon:hover {box-shadow: none;}

.search-item {margin-bottom: 20px !important;}
.right-photo {float: right; max-width: 200px; margin-left: 20px;}

.advertise-copy {REMpadding: 0 15px; }

.portfolio-table {width: 100%;}
.portfolio-table tr:first-child td {padding-bottom: 10px;}
.portfolio-table td:first-child {padding-right: 10px;}
.portfolio-table td:last-child {padding-left: 10px;}
.portfolio-img {margin-bottom: 0 !important;}
.portfolio-img img {display: block;}
.portfolio-link {background: #000; font-size: .8em; text-transform: uppercase;}
.portfolio-link a, .portfolio-link.no-link {color: #fff; padding: 10px 10px; display: block;}

#fancybox-title {font-size: 1em !important;}
#fancybox-title-inside {color: #818285; text-align: left; font-family: 'Open Sans', sans-serif; font-size: .9em;}

/* Slider */

.slide-box-slider-container {overflow: hidden; padding: 0 82px; position: relative; margin-bottom: 20px; max-width: 814px;}
.slide-box-slider-container.directory-pager {max-width: 944px; margin: 0 auto;}
.slide-box-slider {display: table; border-collapse: separate; position: relative;}
.slideshow-pager {padding-right: 50px;}
.slideshow-pager a {display: table-cell; width: 75px; box-sizing: border-box; position: relative;}
.slideshow-pager a .slideshow-thumb {margin: 0; margin-right: 10px; width: 120px; height: 100px;}
.slider-border-left {width: 82px; height: 100%; position: absolute; top: 0; left: 0; background: #fff;}
#slider-left {position: absolute; left: 0; top: 0; bottom: 0; margin: auto; height: 0; width: 82px; height: 99px; opacity: 1; color: #808285; text-align: center; line-height: 99px; font-size: 3em; cursor: pointer; REMbackground: url(/pub/photo/slider-left-small.png) center center no-repeat; background-size: 20px;}
.slider-border-right {width: 82px; height: 100%; position: absolute; top: 0; right: 0; background: #fff;}
#slider-right {position: absolute; right: 0; top: 0; bottom: 0; margin: auto; height: 0; width: 82px; height: 99px; opacity: 1; color: #808285; text-align: center; line-height: 99px; font-size: 3em; cursor: pointer; REMbackground: url(/pub/photo/slider-right-small.png) center center no-repeat; background-size: 20px;}

  /* directory */
.directory-banner { padding: 10px; background: #e7e7e8; }
.padding-left { padding-left: 15px;}www
.img-max { max-width: 100%; height: auto; text-align: center; }
.listing-box { margin-bottom: 20px !important; }
.listing-box.listing-featured { padding: 10px;  box-shadow: 0 0px 2px rgba(0,0,0,.5);  /*background: @color-secondary-4-light@; */}
.listing-box.listing-gold { padding: 10px; box-shadow: 0 0px 2px rgba(0,0,0,.5); background: #D9C071; }
  
.ui-directory-search-category, .ui-directory-search-region { padding-left: 10px; }
.ui-directory-search-all-category, .ui-directory-search-all-region { padding-left: 0; border-bottom: none !important; }
.ui-directory-input { margin-right: 5px; }

.directory-item { margin-bottom: 20px !important; }

.directory-list p {font-size: 1em !important;}

.directory-portfolio-title {background: #000; text-align: center; }
.directory-portfolio-title h2 {font-size: .7em; margin: 0; font-weight: normal; font-family: 'Open Sans', sans-serif;}
.directory-portfolio-title h2 a {color: #fff; padding: 10px 0; display: block;}

.ui-directory-category-list li {list-style: none; margin: 0; font-weight: bold;}
.ui-directory-category-list li a {}
.ui-directory-category-list li a:hover {}

.ui-directory-title-letter-list span {display: inline-block; width: 37px; height: 37px; padding: 5px 0; text-align: center; margin-bottom: 5px; line-height: 1.8em; background: #695e80; color: #fff;}
.ui-directory-title-letter-list span:hover {background: #691c04;}

.directory-contact {float: right; color: #fff; line-height: 24px;}
.directory-contact a {color: #fff;}
.icon12 {min-width: 18px; text-align: center;}
.circle {min-width: 20px; height: 20px; line-height: 20px !important; background: #fff; color: #000; border-radius: 50%; text-align: center;}
a:hover .circle {background: #8379a0;}
.large-icon {font-size: 1.45em !important; vertical-align: text-top;}

.directory-lead-text {margin-bottom: 20px;}

.right-align {text-align: right;}
.left-pad {padding-left: 10px;}
.top-align {table-layout: fixed;}
.top-align td {vertical-align: top;}
.top-align a {word-wrap: break-word;}

.nomargin {margin: 0 !important;}

.magazine-viewer { width:100%; height:700px; }
.pdf-viewer {margin-bottom: 20px;}

.category-col .layout-col-left {padding-right: 15px;}

/*-------------- store --------------*/

#input-is-renewal input, #input-is-gift input {display: none;}

.subscription-box select, .subscriber-id-box input {width: auto !important;}

.checkout .btn-submit {border: 0; color: #fff; cursor: pointer;}
.checkout .btn-submit:hover {background: #1F4B5F;}

.cart-items {width: 100%;}
.ui-subscription {font-size: .8em; background-color: #ffffcc; padding: 10px; margin: 10px 0;}
.shopping-cart-container {margin-bottom: 15px !important;}
.shopping-cart-container input, .shopping-cart-container select {width: auto !important;}

/*-------------- subscription --------------*/

.subscription-box {border-top: 1px solid #818284; padding: 20px 0;}
.subscription-contact {border-top: 1px solid #818284;padding:20px;}

.links {padding-left: 0px;}
.links .square {display: inline-block; vertical-align: middle; border: 1px solid #000; width: 20px; height: 20px;}
.links a:hover .square {border-color: #8379a0;}

/*-------------- events --------------*/

.ui-event-calendar-date {font-weight: bold;}

/*---------- popup -------------*/

.popup {display: none; position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, 0.5); z-index: 1000; width: 100%; height: 100%; }
.popup.form-submit {display: block;}
.popup .popup-inner {position: fixed; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 800px; height: 154px; background: #fff; padding: 30px 50px; font-size: initial; color: #000; z-index: 1001; border-radius: 5px; box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.5);}
.popup.error .popup-inner {height: 206px;}
.popup.success-container .popup-inner {height: 670px;}
.popup-tab {position: fixed; bottom: 50%; top: 0; right: -43px; left: auto; margin: auto 0; z-index : 999;}
.popup .popup-inner h4 {text-align: left;}
.popup .popup-close {position: absolute; top: 15px; right: 20px; font-size: 1.5em; cursor: pointer; color: #691c04;}
.popup .popup-close:hover {color: #8379a0;}

/*-------------- promo code --------------*/

.promo-link {cursor: pointer;}
.promo-title {margin-bottom: 20px !important;}
.promo-form {width: 60%; margin: 0 auto;}
.promo-form > p {display: inline-block; width: 50%; text-align: right;}
.promo-form .promo-submit {width: 98%; padding: 6px 30px !important;}
.promo-form > input {display: inline-block; width: 49% !important;}
.promo-error {margin: 0 auto; margin-bottom: 20px; width: 70%;}

/*-------------- bottom footer --------------*/
.bg-footer { position: relative; /*border-top: solid 1px #818284; padding: 25px 0px;*/ color: #818285; padding-top: 20px;}
.bg-footer .x-cell {font-size: 1em; }
.bg-footer h4 { color: #818285 !important; }
.bg-footer p { color: #818285 !important; }
.bg-footer a { color: #818285; }
.bg-footer a:hover { color: #000; }

.footer-text {padding-top: 15px; border-top: 1px solid #aaaaaa;}
.footer-menu {text-align: center; text-transform: uppercase;}
.footer-menu span {padding: 0 93px;}
.footer-menu a:first-child {padding-left: 0;}
.footer-menu a:last-child {padding-right: 0;}
.footer-text .small-font {font-size: .9em;}
.footer-text .sans {text-transform: none; font-family: 'Open Sans', sans-serif;}
.footer-text .archer-med {text-transform: none; font-family: 'Archer Medium';}

.bg-footer .footer-menu-items { display: inline-block; padding: 0 20px; text-align: center; color: #818285; } 
.bg-footer .footer-menu-items ::after { content: "\007C"; }
.bg-footer .footer-menu-items:hover { color: #000; } 

.bg-footer .bottom-social {position: absolute; right: 0;}
.bg-footer .bottom-social p {display: inline-block; margin-left: 15px;}
.bg-footer .bottom-social a {display: inline-block; width: 34px; height: 34px; text-align: center; font-size: 1.75em;}
.bg-footer .bottom-social a.hide {display: none;}
.bg-footer .bottom-social a i {line-height: 34px;}

.footer-left {float: left; width: 650px; padding: 25px 10px 25px 0; border: 0 !important;}
.footer-right {float: right; border-left: 1px solid #818284; padding: 25px 0 25px 20px; width: 325px;}

#signature { color: white; margin-bottom: 0; font-size: .8em; margin: 0 auto; color: #FFF; text-align: left; padding: 20px 0; padding-top: 0; REMposition: absolute; bottom: 0; right: 0; max-width: 100%; width: 1024px; margin: 0 auto; }
#signature a { color: #818285 !important; }

/**** Subscription block columns *****/
.subscription-blocks .subscription-image, .subscription-blocks .subscription-links {width: calc(100% / 12 * 3 - 20px);float:left !important;padding-right: 24px !important;}
.subscription-blocks .subscription-image img, .category-item .img-responsive img, .image-add-border {border: 1px solid #aaaab1;}

@media screen and (max-width: 1010px) {
.subscription-blocks .subscription-image, .subscription-blocks .subscription-links {width: calc(100% / 12 * 6 - 20px);float:left !important;padding-right: 24px !important;}
.subscription-blocks .subscription-image {clear: left;margin-bottom: 30px;}
}
#meet-the-designers .col-md-2 {min-height: 190px;}

/************ subscribe-trade CSS ********************/
.subscribe-trade h1 {
    width: 100%;
    text-align: center;
    background: #695e80;
    color: #ffffff;
    padding: 10px;
    margin-bottom: 0px;
    font-family: 'Open Sans', sans-serif;
}
.subscribe-trade-form .black-bar-header {
    width: 100%;
    background: #695e80;
    color: #fff;
    text-align: center;
    padding: 10px;
    font-size: 3em;
    font-weight: 100;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.subscribe-trade-form {
    margin-bottom: 20px;
}
.subscribe-trade-form img {
	width:100%;
	max-width:835px;
	margin:auto;
	display:block;
}
.subscribe-trade-form .trade-title {
	font-weight:bold;
	text-align:center;
	margin-bottom: 8px;
}
.subscribe-trade-form .small-title {
	font-size:1.5em;
}
.subscribe-trade-form .large-title {
	font-size:2.25em;
}
.subscribe-trade-form .small-caps {
	text-transform:uppercase;
}
.subscribe-trade-form + form {
    max-width: 700px;
    margin: auto;
}
.subscribe-trade .ui-form-cell-label {
    width: 30%;
}
.subscribe-trade .ui-form-cell-input {
    width: 70%;
}
.subscribe-trade .success-box {
    text-align:center;
}

/*---------------------------------------------*/
/* Stylesheet: Grid for Editor AND Website*/

/* regular grid definition here - must be after above overrides */
/* grid definition 960px - bootstrap style */
*[class*="col-md-"] { float: left; margin: 0 10px; } /* 20px gutter */
.col-md-1 { width: calc(100% / 12 * 1 - 20px) !important; } 
.col-md-2 { width: calc(100% / 12 * 2 - 20px) !important; } 
.col-md-3 { width: calc(100% / 12 * 3 - 20px); } 
.col-md-4 { width: calc(100% / 12 * 4 - 20px) !important; } 
.col-md-5 { width: calc(100% / 12 * 5 - 20px); } 
.col-md-6 { width: calc(100% / 12 * 6 - 20px); } 
.col-md-7 { width: calc(100% / 12 * 7 - 20px) !important; } 
.col-md-8 { width: calc(100% / 12 * 8 - 20px) !important; } 
.col-md-9 { width: calc(100% / 12 * 9 - 20px); } 
.col-md-10 { width: calc(100% / 12 * 10 - 20px); } 
.col-md-11 { width: calc(100% / 12 * 11 - 20px); } 
.col-md-12 { width: calc(100% / 12 * 12 - 20px); } 

*[class*="len-md-"] { padding: 0 10px; } /* 20px gutter, no float */
.len-md-1 { width: calc(100% / 12 * 1 - 20px); } 
.len-md-2 { width: calc(100% / 12 * 2 - 20px); } 
.len-md-3 { width: calc(100% / 12 * 3 - 20px); } 
.len-md-4 { width: calc(100% / 12 * 4 - 20px); } 
.len-md-5 { width: calc(100% / 12 * 5 - 20px); } 
.len-md-6 { width: calc(100% / 12 * 6 - 20px); } 
.len-md-7 { width: calc(100% / 12 * 7 - 20px); } 
.len-md-8 { width: calc(100% / 12 * 8 - 20px); } 
.len-md-9 { width: calc(100% / 12 * 9 - 20px); } 
.len-md-10 { width: calc(100% / 12 * 10 - 20px); } 
.len-md-11 { width: calc(100% / 12 * 11 - 20px); } 
.len-md-12 { width: calc(100% / 12 * 12 - 20px); } 

*[class*="col-xs-"] { float: left; margin: 0 10px; } /* 20px gutter */
.col-xs-1 { width: calc(100% / 12 * 1 - 20px); } 
.col-xs-2 { width: calc(100% / 12 * 2 - 20px); } 
.col-xs-3 { width: calc(100% / 12 * 3 - 20px); } 
.col-xs-4 { width: calc(100% / 12 * 4 - 20px); } 
.col-xs-5 { width: calc(100% / 12 * 5 - 20px); } 
.col-xs-6 { width: calc(100% / 12 * 6 - 20px); } 
.col-xs-7 { width: calc(100% / 12 * 7 - 20px); } 
.col-xs-8 { width: calc(100% / 12 * 8 - 20px); } 
.col-xs-9 { width: calc(100% / 12 * 9 - 20px); } 
.col-xs-10 { width: calc(100% / 12 * 10 - 20px); } 
.col-xs-11 { width: calc(100% / 12 * 11 - 20px); } 
.col-xs-12 { width: calc(100% / 12 * 12 - 20px); } 

*[class*="col-five-"] { float: left; margin: 0 10px; } /* 20px gutter */
.col-five-1 { width: calc(100% / 5 * 1 - 20px); } 
.col-five-2 { width: calc(100% / 5 * 2 - 20px); } 
.col-five-3 { width: calc(100% / 5 * 3 - 20px); } 
.col-five-4 { width: calc(100% / 5 * 4 - 20px); } 
.col-five-5 { width: calc(100% / 5 * 5 - 20px); }

.clearfix { margin: 0 !important; clear: both;}
.clearfix::after {  
	content: " "; /* Older browser do not support empty content */
	visibility: hidden; display: block; height: 0px;  
}
/* margin fix when we don't want margins  */
.nomargin[class*="col-md-"] { margin: 0 ; }
.nomargin.col-md-1 { width: calc(100% / 12 * 1) ; }
.nomargin.col-md-2 { width: calc(100% / 12 * 2) ; }
.nomargin.col-md-3 { width: calc(100% / 12 * 3) ; }
.nomargin.col-md-4 { width: calc(100% / 12 * 4) ; }
.nomargin.col-md-5 { width: calc(100% / 12 * 5) ; }
.nomargin.col-md-6 { width: calc(100% / 12 * 6) ; }
.nomargin.col-md-7 { width: calc(100% / 12 * 7) ; }
.nomargin.col-md-8 { width: calc(100% / 12 * 8) ; }
.nomargin.col-md-9 { width: calc(100% / 12 * 9) ; }
.nomargin.col-md-10 { width: calc(100% / 12 * 10) ; }
.nomargin.col-md-11 { width: calc(100% / 12 * 11) ; }
.nomargin.col-md-12 { width: calc(100% / 12 * 12) ; }

.nomargin[class*="col-xs-"] { margin: 0 ; }
.nomargin.col-xs-1 { width: calc(100% / 12 * 1) ; }
.nomargin.col-xs-2 { width: calc(100% / 12 * 2) ; }
.nomargin.col-xs-3 { width: calc(100% / 12 * 3) ; }
.nomargin.col-xs-4 { width: calc(100% / 12 * 4) ; }
.nomargin.col-xs-5 { width: calc(100% / 12 * 5) ; }
.nomargin.col-xs-6 { width: calc(100% / 12 * 6) ; }
.nomargin.col-xs-7 { width: calc(100% / 12 * 7) ; }
.nomargin.col-xs-8 { width: calc(100% / 12 * 8) ; }
.nomargin.col-xs-9 { width: calc(100% / 12 * 9) ; }
.nomargin.col-xs-10 { width: calc(100% / 12 * 10) ; }
.nomargin.col-xs-11 { width: calc(100% / 12 * 11) ; }
.nomargin.col-xs-12 { width: calc(100% / 12 * 12) ; }

.nomargin[class*="col-five-"] { margin: 0 ; }
.nomargin.col-five-1 { width: calc(100% / 5 * 1) ; }
.nomargin.col-five-2 { width: calc(100% / 5 * 2) ; }
.nomargin.col-five-3 { width: calc(100% / 5 * 3) ; }
.nomargin.col-five-4 { width: calc(100% / 5 * 4) ; }
.nomargin.col-five-5 { width: calc(100% / 5 * 5) ; }

/* responsiveness fold */
@media screen and (max-width:1010px) {
	*[class*="col-md-"] { float: none !important;  width: calc(100% - 20px) !important; margin: 0 10px !important;} /* keep the margin gutter of 10px on either side */
	.nomargin[class*="col-md-"] { float: none !important;  width: calc(100%) !important; margin: 0 !important;} /* keep the margin gutter of 10px on either side */
	*[class*="len-md-"] { width: calc(100% - 20px) !important; padding: 0 10px !important;} /* keep the padding gutter of 10px on either side */
	/* don't do anything to -xs- columns. They need to keep their sizes */
	*[class*="col-five-"] { float: none !important;  width: calc(100% - 20px) !important; margin: 0 10px !important;} /* keep the margin gutter of 10px on either side */
	.nomargin[class*="col-five-"] { float: none !important;  width: calc(100%) !important; margin: 0 !important;} /* keep the margin gutter of 10px on either side */
}


/*
Bootstrap:
Extra small devices
Phones (<768px)		- col-xs. Horizontal at all times
Small devices
Tablets (&ge;768px)	- col-sm (LVSYS: same as col-md). Collapsed to start, horizontal above breakpoints
Medium devices
Desktops (&ge;992px) 	- col-md (LVSYS default). Collapsed to start, horizontal above breakpoints
Large devices
Desktops (&ge;1200px) 	- col-lg (LVSYS: same as col-md). Collapsed to start, horizontal above breakpoints
http://getbootstrap.com/css/
*/

/* mobile screens */
@media screen and (max-width:1010px) {
	*[class*="visible-xs"] {}
	*[class*="visible-sm"] {display: none !important;}
	*[class*="visible-md"] {display: none !important;}
	*[class*="visible-lg"] {display: none !important;}
	*[class*="hidden-xs"] { display: none !important;} /* lvsys grid */
	*[class*="hidden-sm"] {}
	*[class*="hidden-md"] {} /* lvsys grid */
	*[class*="hidden-lg"] {}
}

/* large screens */
@media screen and (min-width:1010px) {
	*[class*="visible-xs"] {display: none !important;}
	*[class*="visible-sm"] {}
	*[class*="visible-md"] {}
	*[class*="visible-lg"] {}
	*[class*="hidden-xs"] { } /* lvsys grid */
	*[class*="hidden-sm"] {display: none !important;}
	*[class*="hidden-md"] {display: none !important;} /* lvsys grid */
	*[class*="hidden-lg"] {display: none !important;}
}

/*---------------------------------------------*/
/* Stylesheet: Form and Buttons*/

/*---- generic button styling -------*/
input[type="button"], input[type="submit"] {
 min-width: 100px;
}

.button, .btn {
    text-align: center;
    padding: 8px 14px;
    display: inline-block;
    font-family: 'Open Sans', sans-serif;
    background: #695e80;
    color: #fff !important;
    text-transform: uppercase;
    cursor:pointer;
}

input[type="button"], input[type="submit"] {
	display: inline-block;
	border: none;
	background: #695e80;
	color: #fff;
	padding: 10px 30px;
	text-transform: uppercase;
	font-family: 'Open Sans', sans-serif;	
	cursor: pointer;
	text-align: center;
	font-weight: bold;
}
input[type="button"]:hover, input[type="submit"]:hover, .button:hover, .button-buy:hover, .buy:hover, .btn:hover  {
	background: #1F4B5F;
	color: #fff !important;
}

.btn-clear {background: transparent; border: 2px solid #818284; color: #818284 !important; text-transform: none; padding: 8px 20px; font-size: .9em;}
.btn-clear:hover, .bg-footer .btn-clear:hover {background: #818284; color: #fff !important;}
.btn-round {border-radius: 5px;}
.btn-black {background: #000; color: #fff !important;}

.btn-blue { padding: 5px 20px; border: none; color: white; text-transform: uppercase; font-size: 1em;font-family: 'Open Sans', sans-serif; background-color: #695e80 !important; color: white !important; line-height: 1.5em;}
.btn-blue:hover {background: #a39abc !important;}
.sidebar-copy .btn-blue{ width: 100%; max-width: 300px; }
.btn-outline { padding: 5px 20px; border: none; color: #000; text-transform: uppercase; font-size: 1em;font-family: 'Open Sans', sans-serif; background-color: #fff; border: solid 1px #231f20;}
.btn-outline:hover { background-color: #695e80; color: #fff; }
.btn-dark { background-color: #231f20; color: #fff !important; margin-top: 5px; }

.btn-lg {padding: 10px 30px; font-size: 1.3em;}

button { padding: 2px 5px; }
input[type="textbox"],input[type="text"],input[type="password"] { padding: 2px 5px; border: solid 1px #aaa; }
textarea { padding: 2px 5px; border: solid 1px #aaa;}

/*-------- text iput --------------*/
input[type="textbox"], input[type="text"], input[type="password"], select, textarea {
border: solid 1px #818285; padding: 5px 5px; font-family: 'Open Sans', sans-serif; width: 100%; border-radius: 2px;
}

/*----- generic style for generated forms -----*/
.ui-form-table { width: 100%; }
.ui-form-table td { padding: 2px; padding-left: 0;}
.ui-form-table textarea {width: 100%; height: 100px;}
.ui-form-table input[type="text"] {/*width: 450px;*/ }
.ui-form-table input[type="textbox"] {width: 450px; }

.ui-form-cell-input { /*width: 100%;*/ } 
.ui-form-cell-label { padding-right: 10px; } 

.digital-form .ui-form-cell-submit {text-align: right;}
/*.ui-form-checkbox-container { padding-left: 170px; } */

.col-single input[type="text"] {width: 100%; }
.col-single input[type="textbox"] {width: 100%; }
.col-single textarea {width: 100%; }

.form-small table {width: 80%;}

/*--------- placeholders styling -----------*/
::-webkit-input-placeholder { color: #999; font-size: 1em; font-family: 'Open Sans', sans-serif; text-transform: capitalize; font-style: italic;}
:-moz-placeholder { color: #999; font-size: 1em; font-family: 'Open Sans', sans-serif; text-transform: capitalize; font-style: italic;}
::-moz-placeholder { color: #999; font-size: 1em; font-family: 'Open Sans', sans-serif; text-transform: capitalize; font-style: italic;}
:-ms-input-placeholder { color: #999; font-size: 1em; font-family: 'Open Sans', sans-serif; text-transform: capitalize; font-style: italic;}

/*---------------------------------------------*/
/* Stylesheet: Responsive*/

.img-responsive { max-width: 100%; height: auto; }
.img-responsive img { max-width: 100%; height: auto; }
.img-rounded { border-radius: 4px; }
.img-circle { border-radius: 50%; }
.img-thumbnail { border-radius: 2px; background: white; padding: 4px; box-shadow: 0 0 1px rgba(0,0,0,.2);}
.img-placeholder { border: solid 1px #dddddd; display: block;}
/* large screens */
@media screen and (min-width: 1010px) {
	.mobile-hide {display:none;}
	
	.responsive-lg {}
	.responsive-sm {display: none !important;}
}

/* mobile screens */
@media screen and (max-width: 1010px) {
	.responsive-lg {display: none !important;}
	.responsive-sm {}
	.img-responsive, .img-responsive img  { max-width: 100%; }
	
	/* all */
	.right{ float: none; }
	/* header */
	.selectcontainer select {width: 90%;}
	.selectcontainer {display: block; margin-left: auto; margin-right: auto; margin-bottom: 10px;}
	
	/* Slider Menu */  
	
	.bg-menu #topmenu {display: none;}
	.bg-menu .topmenu-mobile {display: none; padding-right: 0; text-align: left; text-transform: uppercase; letter-spacing: 0; font-weight: bold; font-family: 'Open Sans', sans-serif; font-size: 16px; position: static; margin-bottom: 0; background: #fff; REMoverflow-y: scroll; padding-top: 40px; }
	.bg-menu .topmenu-mobile li {display: list-item; line-height: 40px; text-align: left; float: none; margin-left: 0; list-style: none; margin-bottom: 0; position: relative; REMborder-top: 1px solid #d2d3d4;}
	.bg-menu .topmenu-mobile li ul {margin-bottom: 0; display: none; margin-left: 0; background-size: cover !important; text-transform: none; font-weight: normal;}
	.bg-menu .topmenu-mobile li ul li {background: #fff;}
	.bg-menu .topmenu-mobile li li a {padding-left: 38px;}
	.bg-menu .topmenu-mobile li:not(:last-child) {}
	.bg-menu .topmenu-mobile li a {color: #231f20 !important; display: block; padding: 0 10px; border-bottom: 1px solid #aaaaaa; padding-left: 28px;}
	.bg-menu .topmenu-mobile > li:first-child > a {border-top: 1px solid #aaaaaa;}
	.bg-menu.inside .topmenu-mobile li a {color: #231f20 !important; }
	.bg-menu .topmenu-mobile li a:hover {color: #840bea !important;}
	.bg-menu .topmenu-mobile li a.selected {color: #00aeef !important;}
	
	.bg-menu .menu-toggle {display: block !important; position: absolute; top: 0; left: 15px;}
	.bg-menu .menu-toggle i {display: block !important; padding: 13px 14px; cursor: pointer;}
	.bg-menu.inside .menu-toggle {color: #fff;}
	
	.bg-menu .menu-expand {position: absolute; right: 0; width: 40px; height: 40px; top: 0; text-align: center; cursor: pointer; border-left: 1px solid #aaaaaa;}
	.bg-menu .menu-expand i {line-height: 16px; height: 16px; width: 16px;}
	.bg-menu .menu-expand:hover i {color: #840bea; border-color: #840bea;}
	.bg-menu .menu-expand i:hover {}
	
	#toplogo { position: static !important; margin: 0 auto !important; width: 300px !important; height: auto !important; margin-bottom: 10px !important;} 
	.bg-header #toptext { position: static !important; margin: 0 auto; margin-bottom: 10px;}
	.bg-header #toptext .social-box {margin-bottom: 10px;}
	.bg-header #toptext #top-subscribe-btn {margin-top: 0;}
	.bg-menu #topsearch { right: 0; margin: 0 auto; }
	#toptext { display: none; }
	.bg-menu #topsearch.open input {width: 250px;}
	
	.template { width: 100%; min-width: 300px; box-sizing: border-box;   }
	.layout { width: 100%; }
	.x-block {  }
	.bg-header { position: static !important; height: auto; padding: 10px 0 0 !important;text-align: center; border-bottom: none !important;  width: 100%;}
	.bg-header > .x-cell{ height: auto !important; width: 100%;}
	.bg-header + .x-clear { height: 0px; }
	
	.bg-clear, .bg-clear.nopadding {padding: 0 15px !important; }
	.bg-clear.add-pad {margin-top: 0 !important;}
	.bg-clear.add-pad-sm {padding-top: 20px !important;}

	.border-right { border-right: none !important; }
	
	.spotlight-img-1 {padding-top: 0; margin-bottom: 10px;}

	.content { width: 100% !important; margin-right: 0 !important; }
	.column { width: 100%; text-align: center; }
	.column > div { margin-left: 0 !important; }	
	.slideshow { margin-left: auto; margin-right: auto; }
	.content img{ max-width: 100% !important; border: none; }

	.magazine-viewer { height: 300px; }
	
	/* form */
	.form { width: 100%; }
	.portfolio-grid { width: 100%; }
	.portfolio { margin-left:auto; margin-right: auto; float: none !important; }
	
	/* generic layout review */
	.inner { padding: 10px 10px !important; } /* 1px prevents bottom margin errors on chrome */
	table.elastic, .table {  display: block; } /* bootstrap uses .table too */
	table.elastic tbody, .table tbody { display: block; width: 100%;}
	table.elastic tr, .table tr { display: block; width: 100%;}
	table.elastic td, .table td {  display: block; width: 100%;}
	.x-block  { width: 100% !important; }
	.x-block > .x-cell { width: 100% !important; /*padding: 15px 15px !important;*/ }
	.x-block > .x-cell-container { width: 100% !important; }
	.x-block > .x-cell > .inner { width: 100% !important; }
	.master-col-left,.master-col-right,.layout-col-left,.layout-col-right { float: none!important; padding: 0 !important;}
	.master-col-left.sticky {margin-bottom: 0;}
	.col-single, .col-double, .col-half, .col-third, .col-quarter, .col-single-small, .col-double-small, .col-double-mid { width: 100% !important; border: 0;  }
	.col-single-small, .col-double-small {border: 0;}
	.ui-photo-list { width: 100% !important;  text-align: center;}
	 
	.col-single-small img {width: auto;}
	 
	.slideshow  {}
	.slideshow > div {height: auto !important;}
	.slideshow > div > img {height: auto !important;width: 100% !important; min-height: 0 !important; min-width: 0 !important;}
	
	.slide-box-slider-container {overflow-x: scroll; padding: 0;}
	.slideshow-pager {padding: 0;}
	.slideshow-pager a {min-width: 130px;}
	.slider-border-left, .slider-border-right {display: none;}
	
	.article-body { padding: 0 !important;}
	
	/* home page */
	
	.home-slideshow {  min-height: 156px; max-width: 100% !important; height: auto !important; box-shadow: none;}
	.home-slideshow .home-slideshow-image {width: 100% !important; height: auto !important;}
	.home-slideshow .home-slideshow-image .slideshow-background {min-height: 200px;}
	.home-slideshow img { box-shadow: none !important; }
	.slide-box-prev{ display: none; }
	.slide-box-next{ display: none; }
	.slide-box-pager { display: none; }
	.caption { margin-top: 10px;} 
	
	.home-slideshow-caption-container {position: static;}
	.home-slideshow-caption {position: static; background: none; padding: 0; padding-top: 20px; width: 100%; }
	
	.sidebar-ad { margin: 0 auto !important; }
	.sidebar-copy {text-align: center;}
	.home-cat h2 { font-size: 1em !important;}
	.home-cat p{ font-size: 1em !important;}
	
	.inside-slideshow {min-height: 0;}
	
	.pdf-box {position: static; text-align: left; }
	.pdf-viewer iframe {width: 100%; height: auto;}
	
	.portfolio-table td:first-child {padding-right: 0;}
	.portfolio-table td:last-child {padding-left: 0;}
	
	.right-photo {float: none; max-width: 100%; margin-left: 0; margin-bottom: 10px;}
	.right-align {text-align: left;}
	.left-pad {padding-left: 0;}
	
	.category-header.dark h1 {float: none !important;}
	.directory-contact {float: none; padding-top: 10px;}
	
	.category-intro p, .category-intro div {/*margin-bottom: 0;*/}
	.sticky-target {padding-bottom: 20px !important;}
	
	.form-small input, .form-small textarea {width: 100%;}
	
	/* footer */
	.bg-footer .x-cell { padding: 0 10px !important; box-sizing: border-box; -moz-box-sizing: border-box;}

	.bg-footer .footer-menu-items { display: block !important; margin-bottom: 15px; }
	.bg-footer {text-align: left; }
	.footer-menu a {display: block; text-align: left;}
	.footer-text { margin-left: 0; } 
	
	.bg-footer .bottom-social {position: static;}
	.bg-footer .bottom-social p {margin-left: 0; margin-right: 15px;}
	
	#footer-logo {margin-bottom: 20px !important; margin-top: 30px; }
	
	.footer-right {float: none; border-left: 0; padding: 0;}
	.footer-right img {max-width: 100%; }
	.footer-left {float: none;}
	.footer-left a {display: block;}
	
}