/**
*
* This file is designed to modify the CarDesigners GoodVibes theme and its main stylesheet
* styles.css.  This stylsheet is implemented by adding a link in HTMLHead.html panel.
*
* @author       John Brewer
* @file         TD.css
* @description  CSS file used for Bigcommerce Theme Good Vibes
* @version      0.1
*
**/

/** Fix some color**/
.bg-color,.Content .nav-tabs li.active,.sexy-search-wrap .search-results img.RatingIMG,#Header #TopMenu .dropdown .cartBtns .CheckoutLink,.left-pane .pane-menu > ul > li:hover > a,.Left #SideCategoryList.CategoryList > div > ul li > ul > li:hover > a,.bg-color-hover:hover,.Left #SideCategoryList.CategoryList > div > ul li > ul li:hover a:hover,.CategoryPagination .FloatRight a:hover,.CategoryPagination .FloatLeft a:hover,.Content .nav-tabs li.active:hover,.Content .ProductList li .ProductActionAdd a:hover,.QuickViewBtn:hover,.CategoryPagination li a:hover,.Left #SideCategoryList.CategoryList > .SideCategoryListFlyout > ul > li.has-sub:hover,.Left #SideCategoryList.CategoryList > div > ul li > ul li:hover,.Left #SideCategoryList.CategoryList > div > ul li > ul > li > ul > li > ul li:hover,.Left #SideCategoryList.CategoryList > div > ul li > ul > li > ul > li:hover,.ProductList li .ProductActionAdd a:hover,.RemoveFromWishlistForm .RemoveBtn:hover,#Header #HeaderLower #SideCategoryList li ul li:hover,.ProductList li .ProductCompareButton:hover,.Submit input,.ML20 input,.btn,.header .actions .btn,.CartUpdateBtn input,.CheckoutButton a,#bottom_payment_button,.ExpressCheckoutContent input[type="submit"],#bottom_payment_button,.Submit input,.plain.btn,#frmGiftCertificate .Submit input[type=button],#frmGiftCertificate .Submit input[type=submit], #Header #TopMenu ul li .dropdown #LoginButton:hover, .icon-social-theme:hover {
	background-color: #d38b5d;
}

.color,a,.Content .nav-tabs li:hover a,.Content a,.Content .tab-content .pagination .glyphicon:hover,#ContainerFooter a:hover,#ContainerFooter #FooterUpper > ul > li > a:hover,#FooterUpper #SideCategoryList li a:hover,.Content .ProductList li .ProductPrice span.SalePrice,.Content .ProductList li .ProductDetails a:hover,.Content .ProductList li .ProductPriceRating span.SalePrice,.sexy-search-wrap .result-link:hover .product-price,#HeaderLower h1.logo a,#Header #HeaderLower #SideCategoryList li a:hover,#Header #HeaderLower #SideCategoryList li:hover a,#Header #HeaderLower #SideCategoryList li a:hover,#Header #HeaderLower #SideCategoryList li li a:hover,#Header #HeaderLower #SideCategoryList li.active a,#Header #HeaderLower #SideCategoryList li.ActivePage a,#Header #TopMenu .dropdown .ProductList em,.ProductList li .ProductDetails a:hover,.ProductList li .ProductPriceRating span,.WishlistProductList li .ProductDetails em span,#currency-chooser #change-currency,.left-pane .pane-menu > ul > li .glyphicon,.color-hover:hover,#ProductDetails .wishlist-button:hover,#ProductDetails .extra-buttons a:hover, #Header #TopMenu ul li a .glyphicon-chevron-down, .rightopen #Header .search-icon, #Header .search-icon:hover, .ProductDetailsGrid .DetailRow.PriceRow .Value em, .Content .ProductMain .ProductPrice {
	color: #d38b5d;
}

.border-color-primary, .Content .ProductList li:hover .ProductDetails, .sexy-search-wrap .search-results li:hover, .Left h1#title, .Right h2, .Left #SideCategoryList.CategoryList > div > ul li > ul li, .SubCategoryList ul li a,.SubBrandList li a, #product-main #SideProductRelated h2 span, #Header #HeaderLower #SideCategoryList li ul, #Header #HeaderLower #SideCategoryList li ul li.has-sub:hover > ul, .left-pane .pane-menu > ul > li:hover > a {
	border-color: #d38b5d;
}

h1 {
  float: none !important;
}



h2 {
  Font-weight: 400;
}

.ProductThumbImage .zoomPad{
	z-index:-5 !important;
}

.Content .nav-tabs li a {
	background: #fbf5f1;
}

.Content .row {
	border-top: 3px solid #d0d0d0;
}

/*Stamped.io fix for stick header at #go-to-reviews*/

#go-to-reviews::before {
    display: block;
    content: " ";
    margin-top: -140px;
    height: 140px;
    visibility: hidden;
    pointer-events: none;
}



/*Hero Replacement */

.hero-main {
  height: 450px;
  background-image: url('https://cdn10.bigcommerce.com/s-nl1h6tl/product_images/uploaded_images/homerun.jpg');
  background-position: 50% 0px;
  background-size: cover;
  background-repeat: no-repeat;
  z-index: 1;
}

.hero-main-2 {
  height: 450px;
  background-image: url('https://cdn10.bigcommerce.com/s-nl1h6tl/product_images/uploaded_images/homerun.jpg');
  background-position: 50% 0px;
  background-size: cover;
  background-repeat: no-repeat;
  z-index: 1;
}

.full-block {
  position: relative;
  width: 100%;
  height: 100%;
}

.hero-shade {
  position: absolute;
  bottom: 0px;
  width: 100%;
  height: 52%;
  background-image: -webkit-linear-gradient(270deg, rgba(51, 51, 51, 0) 10%, #333 96%);
  background-image: linear-gradient(180deg, rgba(51, 51, 51, 0.02) 3%, #333 96%);
  text-align: center;
}

.hero-phrase {
  font-family: 'Helvetica Neue',Helvetica,Arial,Sans-Serif;
  font-weight: 700;
  color: #fff;
  font-size: 30px;
  line-height: 0px;
  font-weight: 700;
  text-align: center;
  letter-spacing: 4px;
  margin-top: 14px;
  text-shadow: 0px 0px 80px rgba(0,0,0,1), 0px 0px 70px rgba(0,0,0,1), 0px 0px 60px rgba(0,0,0,1), 0px 0px 50px rgba(0,0,0,1), 0px 0px 40px rgba(0,0,0,1), 0px 0px 30px rgba(0,0,0,1);
  /*text-shadow: 0 2px 2px #000, 0 -1px 0 hsla(0, 0%, 100%, .25);*/
}

.hero-phrase-3 {
  display: none;
  font-family: 'Helvetica Neue',Helvetica,Arial,Sans-Serif;
  font-weight: 700;
  color: #fff;
  font-size: 23px;
  line-height: 0px;
  text-align: center;
  letter-spacing: 2px;
  /*margin-top: 14px;*/
  text-shadow: 0 2px 2px #000, 0 -1px 0 hsla(0, 0%, 100%, .25);
  
}

.hero-phrase-gif {
  font-family: 'Helvetica Neue',Helvetica,Arial,Sans-Serif;
  font-weight: 700;
  color: #fff;
  font-size: 30px;
  line-height: 0px;
  font-weight: 700;
  text-align: center;
  letter-spacing: 2px;
  /*margin-top: 14px;*/
  text-shadow: 0 2px 2px #000, 0 -1px 0 hsla(0, 0%, 100%, .25);
}

#selling-gif {
  height: 100%;
  width: 605px;
}


.sell {
  width: 607px;
  margin-right: auto;
  margin-top: 30px;
  margin-left: auto;
}

.h-sell {
  display: none;
  height: 380px;
  padding-top: 40px;
  background: #333333;
}

.x-sell {
  height: 400px;
  padding-top: 40px;
  background: #333333;
}

.order-now-h {
  z-index: 15;
  position: relative;
  bottom: 80px;
  width: 100%;
  margin-top: 10px;
}

.order-now-x {
  z-index: 15;
  position: relative;
  bottom: 80px;
  width: 100%;
  margin-top: 10px;
}

.order-now {
  height: 100px;
  padding-top: 40px;
  background: #333333;
}

.order-button {
  text-align: center;
  width: 300px; 
  display: block; 
  float: none; 
  margin-left: auto; 
  margin-top: 0px; 
  margin-right: auto; 
  font-size: 1.8em;
}

.gif-image {
  border: 3px solid #000;
}

.gif-background {
  position: relative;
  bottom: 43px;
  display: inline-block;
  width: 100%;
  height: 40px;
  /*margin-left: px;*/
  background-color: rgba(0, 0, 0, 0.61);
}

.gif-block {
  position: relative;
  bottom: 90px;
  display: inline-block;
  width: 200px;
  height: 40px;
}

.gif-text {
  width: 100%;
  height: 100%;
  padding-top: 6px;
  color: #fff;
  font-size: 22px;
  text-align: center;
}


.transom-block {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 65px;
  display: none;
  text-align: center;
}

.transom-block-gallery {
  position: absolute;
  display: block;
  left: 0px;
  right: 0px;
  bottom: 65px;
  display: none;
  text-align: center;
}

.transom-header {
  color: #fff;
  letter-spacing: 2px;
  text-shadow: 0 1px 0 #000, 0 -1px 0 hsla(0, 0%, 100%, .25);
}

.houzz-logo {
  height: 25px;
  padding-right: 20px;
  padding-left: 20px;
}

.button-block {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: -18px;
  display: block;
}

.smorg-main {
  background: #333333;
  z-index: 1;
}

.smorg-shade {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  /*width: 100%;*/
  height: 50%;
  background-image: -webkit-linear-gradient(270deg, rgba(51, 51, 51, 0) 3%, #333 98%);
  background-image: linear-gradient(180deg, rgba(51, 51, 51, 0) 3%, #333 98%);
  z-index: 5;
}
.smorg-shade2 {

  background-image: linear-gradient(180deg, rgba(51, 51, 51, 0) 3%, #333 98%);
  z-index: 5;
}

.smorg-text {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  display: block;
  padding-bottom: 6px;
  font-family: 'Helvetica Neue',Helvetica,Arial,Sans-Serif;
  font-weight: 200;
  letter-spacing: 3px;
  color: #efefef;
  font-size: 24px;
  text-align: center;
}

.smorg-text-hide {
	display: inline-block;
}


/*Hero Replacement END*/



.BlankPlan {
	min-width: 100%;
	background: #FFF;
	overflow: auto;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 10px;
	/*height: 400px;*/
}

.BlankPlan .wrap {
	max-width: 800px;
	margin-top: 15px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 15px;
	padding: 0;
}

.plan-label {
	display: inline-block;
	margin-bottom: 5px;
	font-weight: normal;
}

.PlanVideo { /*GPT padding-top trick */
	position: relative;
	width: 100%;
	padding-top: 56.25%; /* 16:9 aspect ratio (9 / 16 = 0.5625) */
	height: 0;
	overflow: hidden;
	/*GPT margin-top: 10px;
	margin-bottom: 10px;
	width: 768px;
	height: 432px;*/
	}


.PlanVideo iframe,
.PlanVideo video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.PlanPic {
	padding-top: 20px;
	padding-bottom: 10px;
	}
	
.PlanPic img {
	display: block;
	margin: auto;
	}

.TableLabel {
	vertical-align: top;
	width:60px;
	font-size: 20px;
	line-height: 33px;
	}

.SelectPic img {
	display: block;
	margin: auto;
	}

.PlanTitle {
	padding-bottom: 10px;
	}

.left-border {
  padding-left: 20px;
  border-left: 10px solid #333;
  }

.all-border {
	padding: 20px;
	border: 2px solid #333;
	}
	
.Discover {
	min-width: 100%;
	background: #333333;
	overflow: auto;
	margin-top: 0px;
	
}

.Discover .wrap {
	max-width: 1160px;
	margin: auto;
	padding: 0px 0;
}

.Easier {
	min-width: 100%;
	background: #c1baa6;
	overflow: auto;
	margin-top: 0px;
	/*height: 200px;*/
	
}

.Easier .wrap {
	max-width: 1160px;
	margin: auto;
	padding: 0px 0;
}

.EasierText {
	height: 100px;
}

.EasierTextSize {
	font-size: 2.5em;
}

#Container .slide-show {
	margin: 0 0;
	top: 0px;
}

#shop-love {
	margin: auto;
	position: absolute;
	left: 0px;
	right: 0px;
	top: 30px;
	bottom: 0px;
	z-index: 1;
	display: block;
	text-align: center;
}

#shop-love-sm {
	margin: auto;
	position: absolute;
	left: 0px;
	right: 0px;
	top: 30px;
	bottom: 0px;
	z-index: 1;
	display: block;
	text-align: center;
	width: 400px;
}


.IdeaPic {
	height: 200px;
}	

#IdeaPic1 {
	background: linear-gradient(
      rgba(0, 0, 0, 0.05), 
      rgba(0, 0, 0, 0.05)
    ), url("https://cdn6.bigcommerce.com/s-nl1h6tl/product_images/uploaded_images/ct-1-4012-loupe.jpg?t=1487103802");
	background-size: cover;
	background-position: top center;
}

#IdeaPic2 {
	background: linear-gradient(
      rgba(0, 0, 0, 0.05), 
      rgba(0, 0, 0, 0.05)
    ), url("https://cdn6.bigcommerce.com/s-nl1h6tl/product_images/uploaded_images/ts-2-3012-loupe.jpg?t=1487103816");
	background-size: cover;
	background-position: top center;
}

#IdeaPic3 {
	background: linear-gradient(
      rgba(0, 0, 0, 0.05), 
      rgba(0, 0, 0, 0.05)
    ), url("https://cdn6.bigcommerce.com/s-nl1h6tl/product_images/uploaded_images/ac-6-3016-loupe.jpg?t=1487103797");
	background-size: cover;
	background-position: top center;
}

#IdeaPic4 {
	background: linear-gradient(
      rgba(0, 0, 0, 0.05), 
      rgba(0, 0, 0, 0.05)
    ), url("https://cdn6.bigcommerce.com/s-nl1h6tl/product_images/uploaded_images/fdg-1-30hr-loupe.jpg?t=1487103807");
	background-size: cover;
	background-position: top center;
}

#IdeaPic5 {
	background: linear-gradient(
      rgba(0, 0, 0, 0.05), 
      rgba(0, 0, 0, 0.05)
    ), url("https://cdn6.bigcommerce.com/s-nl1h6tl/product_images/uploaded_images/ac-9-3012-loupe.jpg?t=1487103799");
	background-size: cover;
	background-position: top center;
}

#IdeaPic6 {
	background: linear-gradient(
      rgba(0, 0, 0, 0.05), 
      rgba(0, 0, 0, 0.05)
    ), url("https://cdn6.bigcommerce.com/s-nl1h6tl/product_images/uploaded_images/fdg-8-3016-loupe.jpg?t=1487103810");
	background-size: cover;
	background-position: top center;
}

#IdeaPic7 {
	background: linear-gradient(
      rgba(0, 0, 0, 0.05), 
      rgba(0, 0, 0, 0.05)
    ), url("https://cdn6.bigcommerce.com/s-nl1h6tl/product_images/uploaded_images/ct-3-3012-loupe.jpg?t=1487103804");
	background-size: cover;
	background-position: top center;
}

#IdeaPic8 {
	background: linear-gradient(
      rgba(0, 0, 0, 0.05), 
      rgba(0, 0, 0, 0.05)
    ), url("https://cdn6.bigcommerce.com/s-nl1h6tl/product_images/uploaded_images/ct-5-4012-loupe.jpg?t=1487103806");
	background-size: cover;
	background-position: top center;
}

#IdeaPic9 {
	background: linear-gradient(
      rgba(0, 0, 0, 0.05), 
      rgba(0, 0, 0, 0.05)
    ), url("https://cdn6.bigcommerce.com/s-nl1h6tl/product_images/uploaded_images/fdg-2-30hr-loupe.jpg?t=1487103808");
	background-size: cover;
	background-position: top center;
}

#IdeaPic10 {
	background: linear-gradient(
      rgba(0, 0, 0, 0.05), 
      rgba(0, 0, 0, 0.05)
    ), url("https://cdn6.bigcommerce.com/s-nl1h6tl/product_images/uploaded_images/td-1-3012-loupe.jpg?t=1487103812");
	background-size: cover;
	background-position: top center;
}

#IdeaPic11 {
	background: linear-gradient(
      rgba(0, 0, 0, 0.05), 
      rgba(0, 0, 0, 0.05)
    ), url("https://cdn6.bigcommerce.com/s-nl1h6tl/product_images/uploaded_images/ts-1-3012-loupe.jpg?t=1487103815");
	background-size: cover;
	background-position: top center;
}

#IdeaPic12 {
	background: linear-gradient(
      rgba(0, 0, 0, 0.05), 
      rgba(0, 0, 0, 0.05)
    ), url("https://cdn6.bigcommerce.com/s-nl1h6tl/product_images/uploaded_images/tr-4-4012-loupe.jpg?t=1487103813");
	background-size: cover;
	background-position: top center;
}

.GalleryPic {
	height: 200px;
}	

#GalleryPic1 {
	background: linear-gradient(
      rgba(0, 0, 0, 0.05), 
      rgba(0, 0, 0, 0.05)
    ), url("https://cdn6.bigcommerce.com/s-nl1h6tl/product_images/uploaded_images/gallery-h.jpg");
	background-size: cover;
	background-position: top center;
}

#GalleryPic2 {
	background: linear-gradient(
      rgba(0, 0, 0, 0.05), 
      rgba(0, 0, 0, 0.05)
    ), url("https://cdn6.bigcommerce.com/s-nl1h6tl/product_images/uploaded_images/gallery-a.jpg");
	background-size: cover;
	background-position: top center;
}

#GalleryPic3 {
	background: linear-gradient(
      rgba(0, 0, 0, 0.05), 
      rgba(0, 0, 0, 0.05)
    ), url("https://cdn6.bigcommerce.com/s-nl1h6tl/product_images/uploaded_images/gallery-b.jpg");
	background-size: cover;
	background-position: top center;
}

#GalleryPic4 {
	background: linear-gradient(
      rgba(0, 0, 0, 0.05), 
      rgba(0, 0, 0, 0.05)
    ), url("https://cdn6.bigcommerce.com/s-nl1h6tl/product_images/uploaded_images/gallery-c.jpg");
	background-size: cover;
	background-position: top center;
}

#GalleryPic5 {
	background: linear-gradient(
      rgba(0, 0, 0, 0.05), 
      rgba(0, 0, 0, 0.05)
    ), url("https://cdn6.bigcommerce.com/s-nl1h6tl/product_images/uploaded_images/gallery-i.jpg");
	background-size: cover;
	background-position: top center;
}

#GalleryPic6 {
	background: linear-gradient(
      rgba(0, 0, 0, 0.05), 
      rgba(0, 0, 0, 0.05)
    ), url("https://cdn6.bigcommerce.com/s-nl1h6tl/product_images/uploaded_images/gallery-d.jpg");
	background-size: cover;
	background-position: top center;
}

#GalleryPic7 {
	background: linear-gradient(
      rgba(0, 0, 0, 0.05), 
      rgba(0, 0, 0, 0.05)
    ), url("https://cdn6.bigcommerce.com/s-nl1h6tl/product_images/uploaded_images/gallery-j.jpg");
	background-size: cover;
	background-position: top center;
}

#GalleryPic8 {
	background: linear-gradient(
      rgba(0, 0, 0, 0.05), 
      rgba(0, 0, 0, 0.05)
    ), url("https://cdn6.bigcommerce.com/s-nl1h6tl/product_images/uploaded_images/gallery-e.jpg");
	background-size: cover;
	background-position: top center;
}

#GalleryPic9 {
	background: linear-gradient(
      rgba(0, 0, 0, 0.05), 
      rgba(0, 0, 0, 0.05)
    ), url("https://cdn6.bigcommerce.com/s-nl1h6tl/product_images/uploaded_images/gallery-f.jpg");
	background-size: cover;
	background-position: top center;
}

#GalleryPic10 {
	background: linear-gradient(
      rgba(0, 0, 0, 0.05), 
      rgba(0, 0, 0, 0.05)
    ), url("https://cdn6.bigcommerce.com/s-nl1h6tl/product_images/uploaded_images/gallery-g.jpg");
	background-size: cover;
	background-position: top center;
}

#GalleryPic11 {
	background: linear-gradient(
      rgba(0, 0, 0, 0.05), 
      rgba(0, 0, 0, 0.05)
    ), url("https://cdn6.bigcommerce.com/s-nl1h6tl/product_images/uploaded_images/gallery-k.jpg");
	background-size: cover;
	background-position: top center;
}

#GalleryPic12 {
	background: linear-gradient(
      rgba(0, 0, 0, 0.05), 
      rgba(0, 0, 0, 0.05)
    ), url("https://cdn6.bigcommerce.com/s-nl1h6tl/product_images/uploaded_images/gallery-l.jpg");
	background-size: cover;
	background-position: top center;
}

.tip-image {
  margin-right: 13px;
  float: left;
}

.ups-image {
  margin-right: 13px;
  float: left;
}

.ups-panel {
  height: 120px;
  padding-top: 10px;
  padding-bottom: 10px;
  background: #333333;
}

.tip-title {
  display: inline-block;
  padding-top: 20px;
  padding-top: 10px;
  color: #fff;
  font-size: 1.6em;
}

.tip-sub {
  display: inline-block;
  margin-left: 5px;
  color: #fff;
  font-size: 1.5em;
}

.tip-idea-box {
  display: inline-block;
  width: 160px;
  height: 40px;
  margin-top: 10px;
  margin-right: 5px;
  margin-left: 5px;
  border: 2px solid #fff;
  border-radius: 8px;
  text-align: center;
}

.tip-ideas-label {
  margin-top: 4px;
  font-size: 1.5em;
  color: #fff;
}

.tip-sub-rt {
  display: inline-block;
  color: #fff;
  font-size: 1.5em;
}

.tip-box, .ups-box, .tip-box-plan {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.tip-box {
  width: 490px;
}

.tip-box-plan {
  width: 445px;
}

.ups-box {
  width: 460px;
}

.Ideas, .Tip {
	min-width: 100%;
	background: #333333;
	overflow: auto;
	margin-top: 0px;
	padding-top: 20px;
	padding-bottom: 20px;
	/*height: 150px;*/	
}

.Ideas, .Tip .wrap {
	max-width: 1160px;
	margin: auto;
	padding: 0px 0;
}

.idea-tip {
	margin: auto;
	position: absolute;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	z-index: 1;
	display: block;
}

.idea-tip img {
	display: block;
     margin: auto;
    padding-top: 25px;
  }

.tip-plan-btn {
  text-align: center;
  left: 45px;
  top: 10px;
  width: 200px;
  display: inline-block;
  font-size: 1.5em;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.11), inset 0 0 0 1px hsla(0, 0%, 100%, 0.08), inset 0 1px 0 0 hsla(0, 0%, 100%, 0.16), inset 0 -44px 38px -25px hsla(0, 0%, 100%, 0.09);
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.19);
}

.tip-plan-btn:hover {
background: #e3b699 !important;
}

#TapeMeasure img {
	padding-top: 25px;
	padding-bottom: 25px;
	top: 0;
	right: 0;
	height: 200px;
	float: right;
	position: absolute;
	z-index: 3;
}

.NewsLetter {
	margin-top: 0px;
}

#TapeTape img {
	padding-top: 25px;
	padding-bottom: 25px;
	padding-left: 35px;
	height: 200px;
	position: relative;
	float: left;
	z-index: 1;
}

.Process {
	min-width: 100%;
	background: #c1baa6;
	overflow: auto;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 40px;	
}

.process-num {
	display: block;
	margin-left:auto;
	margin-right: auto;
	width: 150px;
}

.miniprocess-num {
	display: block;
	margin-left:auto;
	margin-right: auto;
	width: 100px;
}

.pick-num:hover .col-sm-12 .process-block span {
	color: #FFFFFF !important;
	text-shadow: 1px 1px #333333 !important;
}

.process-block,
.customize-block {
	margin-top: 15px;
}

.miniprocess-block {
	margin-top: 5px;
}

.panel-desc {
	margin-top: 15px;
	margin-bottom: 15px;
	padding-left: 7px;
	padding-right: 7px;
}

.process-desc {
	color: black;
}

.panel-title {
	display: block;
	font-size: 1.5em;
	font-weight: bold;
	line-height: 1.1;
	text-align: center;
	margin: auto;
}

.process-title,
.process-title-left {
	color: #764c4e;
	display: block;
	font-size: 1.4em;
	font-weight: bold;
	line-height: 1.1;
	text-align: center;
	margin: auto;
}

.shop-all {
	color: #764c4e;
	font-weight: bold;
	line-height: 1.1;
	text-align: center;
	margin: auto;
}

.process-title-alone {
	color: #764c4e;
	display: block;
	font-size: 1.4em;
	font-weight: bold;
	line-height: 1.1;
	text-align: center;
	padding-top: 8px;
	margin: auto;
}

.minipanel-title {
	display: block;
	font-size: 1em;
	/*font-weight: bold;*/
	line-height: 1.1;
	text-align: center;
	margin: auto;
}

.miniprocess-title {
	color: #696969;
}

.miniprocess-title-active {
	color: white !important;
	text-shadow: 1px 1px #333333;
	/*font-weight: bold;*/
}

.Process .wrap {
	max-width: 1160px;
	margin-left: auto;
	margin-right: auto;
}

.PanelTitle {
	font-size: 2.5em;
	text-align: center;
	padding-top: 60px;
	padding-bottom: 30px;
	margin-top: 0px;
	margin-bottom: 0px;
	/*border: 1px solid black;*/	
}

.IdeaTitle {
	font-size: 2.5em;
	text-align: left;
	padding-top: 60px;
	padding-bottom: 30px;
	margin-top: 0px;
	margin-bottom: 0px;
	/*border: 1px solid black;*/	
}

.IdeaSubTitle {
	font-size: 2em;
	text-align: left;
	padding-top: 30px;
	padding-bottom: 15px;
	margin-top: 0px;
	margin-bottom: 0px;
	/*border: 1px solid black;*/	
}

.Pointer-text {
	color: #4c4a43;
	display: block;
	font-size: 1.8em;
	font-weight: bold;
	line-height: 1.1;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.Pointer-top {
	margin-top: 30px;
	margin-bottom: 15px;
}

.Pointer-bottom {
	margin-top: 15px;
}

.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 0px;
    padding-left: 0px;
}

.col-xs-3rds,
.col-sm-3rds,
.col-md-3rds,
.col-lg-3rds {
    position: relative;
    min-height: 1px;
    padding-right: 0px;
    padding-left: 0px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}

.col-xs-3rds {
    width: 33%;
    float: left;
}

.col-lg-5ths {
	width: 20%;
	float: left;
}

.col-lg-3rds {
	width: 33%;
	float: left;
}

.col-xs-9ths,
.col-sm-9ths,
.col-md-9ths,
.col-lg-9ths,
.col-xs-49ths,
.col-sm-49ths,
.col-md-49ths,
.col-lg-49ths {
    position: relative;
    min-height: 1px;
    padding-right: 5px;
    padding-left: 5px;
}

.col-xs-9ths {
    width: 11%;
    float: left;
}

.col-xs-49ths {
    width: 45%;
    float: left;
}

.col-lg-9ths {
	width: 11%;
	float: left;
}

.col-lg-49ths {
	width: 45%;
	float: left;
}

.Begin {
	min-width: 100%;
	background: #FFFFFF;
	overflow: auto;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 60px;	
}

.Begin .wrap {
	max-width: 1160px;
	margin-left: auto;
	margin-right: auto;
}

.tx {
	width: 200px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.tx-name {
	display: block;
	margin-left: 5px;
	margin-right: 5px;
	font-size: 16pt;
	font-weight: bold;
	text-align: center;
	line-height: 1.2;
}

.tx-price {
	display: block;
	font-size: 12pt;
	text-align: center;
	margin-top: 5px;
}

.grey-box {
  display: block;
  width: 250px;
  height: 250px;
  margin-top: 30px;
  margin-right: auto;
  margin-left: auto;
  border-radius: 5px;
  background-color: #e6e6e6;
}

.grey-h-box {
  display: block;
  width: 250px;
  height: 250px;
  margin-top: 40px;
  margin-right: auto;
  margin-left: auto;
  border: 2px solid #FFF;
  border-radius: 5px;
}

.arrow {
  margin-top: 14px;
  margin-right: 13px;
  float: right;
}

.num-box {
  width: 100%;
  margin-right: 19px;
  float: right;
}

.num1 {
  display: block;
  margin-top: 24px;
}

.productOptionViewRectangle .option.selectedValue label {
 background: #333 !important;
 border-color: #333 !important;
 color: white;
}


.Customize {
	min-width: 100%;
	background: #764c4e;
	overflow: auto;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1px;
}

.Customize .wrap {
	max-width: 1160px;
	margin-left: auto;
	margin-right: auto;
}

.Customize .wrap .col-sm-3 {
	padding-bottom: 57px;

	/*border: 1px solid black;*/
}

.col-lg-5ths .col-lg-3rds .col-sm-12 {
	padding-left: 0px;
	padding-right: 0px;
}


.Customize .wrap .col-sm-3 img {
	width: 200px;
	margin-top: 0px;
	margin-bottom: 15px;
	margin-left: auto;
	margin-right: auto;
}

.Customize .wrap .col-sm-3 .CText {
	color: #FFF;
	padding: 0 10px;
	font-size: 1.6em;
	text-align: center;
}

.customize-title,
.customize-title-left {
	color: white;
}

.cust-image {
	display: block;
}

.customize-desc {display: none;
	color: white;
	display: none;
}

.GetStarted {
	min-width: 100%;
	background: #FFF;
	overflow: auto;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 1px;
	/*height: 400px;*/
}

.GetStarted .wrap .col-sm-4 {
	padding-bottom: 57px;
	/*border: 1px solid black;*/
}

.StartIcon {
	/*margin-left: auto;
	margin-right: auto;*/
	padding-bottom: 1px;
}

.StartIcon img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 250px;
	padding-bottom: 30px;
}

.StartText {
	margin-top: -80px;
	font-size: 1.9em;
	text-align: center;
	padding-bottom: 1px;
}

.GetStarted .wrap {
	max-width: 1160px;
	margin: auto;
	padding: 1px 0;
}

.TDNav {
	min-width: 100%;
	background: #c1baa6;
	overflow: auto;
	margin-top: 0px;
	padding-top: 0px; //was 20px
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 0px; //was 20px
	height: 180px;	
}

.TDNav-item {
	padding-top: 20px;
	padding-bottom: 20px;
}

.TDNav-selected {
	background-color: #b6af9d;
}

.TDNav .wrap {
	max-width: 1160px;
	margin-left: auto;
	margin-right: auto;
}

.TDNav .PageName {
	color: #764c4e;
	display: block;
	font-size: 6em;
	font-weight: bold;
	line-height: 1.0;
	text-align: left;
	vertical-align: middle;
	line-height: 130px;
	height: 130px;
	width: 442px;
	}

.minipanel-title {
	display: block;
	font-size: 1em;
	text-align: center;
	margin: auto;
}

.minipanel-subtitle {
	color: #696969;
	font-size: 1em;
	text-align: center;
	margin: auto;
	display: none;
}

.pic-tile {
  position: relative;
  display: block;
  width: 250px;
  height: 250px;
  margin-right: auto;
  margin-left: auto;
  border-radius: 10px;
}

.tile-background {
	object-fit: contain;
	height: 250px;
	width: 250px;
	border-radius: 10px;
}

.pic-tile-int-idea-1  {
  background-image: url('https://cdn6.bigcommerce.com/s-nl1h6tl/product_images/uploaded_images/above-an-opening-250.jpg?t=1503015685');
}

.pic-tile-int-idea-2  {
  background-image: url('https://cdn6.bigcommerce.com/s-nl1h6tl/product_images/uploaded_images/above-single-door-250.jpg?t=1503021360');
}

.pic-tile-int-idea-3  {
  background-image: url('https://cdn6.bigcommerce.com/s-nl1h6tl/product_images/uploaded_images/above-double-door-250.jpg?t=1503019213');
}

.pic-tile-int-idea-4  {
  background-image: url('https://cdn6.bigcommerce.com/s-nl1h6tl/product_images/uploaded_images/between-rooms-250.jpg?t=1503020545');
}

.pic-tile-int-idea-5  {
  background-image: url('https://cdn6.bigcommerce.com/s-nl1h6tl/product_images/uploaded_images/overhead-in-wall-250.png?t=1505845552');
}

.pic-tile-int-idea-6  {
  background-image: url('https://cdn6.bigcommerce.com/s-nl1h6tl/product_images/uploaded_images/more-interior-ideas-250.jpg?t=1503022222'); 
}

.pic-tile-int-idea-7  {
  background-image: url('https://cdn6.bigcommerce.com/s-nl1h6tl/product_images/uploaded_images/replacement-250.jpg?t=150302123');
}

.pic-tile-ext-idea-1  {
  background-image: url('https://cdn6.bigcommerce.com/s-nl1h6tl/product_images/uploaded_images/over-single-exterior-door-250.jpg?t=1503067280');
}

.pic-tile-ext-idea-2  {
  background-image: url('https://cdn6.bigcommerce.com/s-nl1h6tl/product_images/uploaded_images/over-double-exterior-door-250.jpg?t=1503068568');
}

.pic-tile-ext-idea-3  {
  background-image: url('https://cdn6.bigcommerce.com/s-nl1h6tl/product_images/uploaded_images/combo-unit-ext-250.jpg?t=1503080371');
}

.pic-tile-ext-idea-4  {
  background-image: url('https://cdn6.bigcommerce.com/s-nl1h6tl/product_images/uploaded_images/along-ext-wall-250.jpg?t=1503081324');
}

.pic-tile-ext-idea-5  {
  background-image: url('https://cdn6.bigcommerce.com/s-nl1h6tl/product_images/uploaded_images/over-exterior-window-250.jpg?t=1526565461');
}

.pic-tile-ext-idea-6  {
  background-image: url('https://cdn6.bigcommerce.com/s-nl1h6tl/product_images/uploaded_images/over-opening-exterior-250.jpg?t=1506450129');
}

.pic-tile-ext-idea-7  {
  background-image: url('https://cdn6.bigcommerce.com/s-nl1h6tl/product_images/uploaded_images/replacement-ext-250.jpg?t=1503082334');
}

.pic-tile-room-idea-1  {
  background-image: url('https://cdn6.bigcommerce.com/s-nl1h6tl/product_images/uploaded_images/bedroom-250.jpg?t=1516893431');
}

.pic-tile-room-idea-2  {
  background-image: url('https://cdn6.bigcommerce.com/s-nl1h6tl/product_images/uploaded_images/bathroom-250.jpg?t=1516893991');
}

.pic-tile-room-idea-3  {
  background-image: url('https://cdn6.bigcommerce.com/s-nl1h6tl/product_images/uploaded_images/dining-250.jpg?t=1516894330');
}

.pic-tile-room-idea-4  {
  background-image: url('https://cdn6.bigcommerce.com/s-nl1h6tl/product_images/uploaded_images/hall-stair-250.jpg?t=1516894786');
}

.pic-tile-room-idea-5  {
  background-image: url('https://cdn6.bigcommerce.com/s-nl1h6tl/product_images/uploaded_images/kitchen-250.jpg?t=1516895503');
}

.pic-tile-room-idea-6  {
  background-image: url('https://cdn6.bigcommerce.com/s-nl1h6tl/product_images/uploaded_images/living-area-250.jpg?t=1516895926');
}

.pic-tile-room-idea-7  {
  background-image: url('https://cdn6.bigcommerce.com/s-nl1h6tl/product_images/uploaded_images/mudroom-laundry-250.jpg?t=1516896183');
}

.pic-tile-room-idea-8  {
  background-image: url('https://cdn6.bigcommerce.com/s-nl1h6tl/product_images/uploaded_images/porch-250.jpg?t=1516976440');
}

.pic-tile-room-idea-9  {
  background-image: url('https://cdn6.bigcommerce.com/s-nl1h6tl/product_images/uploaded_images/barn-garage-250.jpg?t=1516976960');
}

.pic-tile-alpha {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  width: 100%;
  height: 60px;
  padding-top: 18px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  background-color: rgba(0, 0, 0, .75);
}

.pic-tile-title {
  color: #fff;
  font-size: 25px;
  line-height: 25px;
  text-align: center;
}

/* This section is for Ideas layout */

.idea-blurb {
	width: 80%; /*width: 560px;*/
}
.idea-pic-container {
  position: relative;
  width: 500px;
}

.idea-pic-container img {
	target: _blank;
}

.idea-pic-container img {
  width: 100%;
  height: auto;
  border: 0;
}

.idea-pic-container .idea-plan-btn {
  position: absolute;
  bottom: 10px;
  right: 20px;
  /*transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);*/
  background-color: #232c3f;
  color: white;
  font-size: 16px;
  padding: 10px 10px;
  border: none;
  cursor: pointer;
  border-radius: 5px;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.11), inset 0 0 0 1px hsla(0, 0%, 100%, 0.08), inset 0 1px 0 0 hsla(0, 0%, 100%, 0.16), inset 0 -44px 38px -25px hsla(0, 0%, 100%, 0.09);
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.19);
}

.idea-pic-container .idea-plan-btn:before {
  content: "" //Measure & Plan
}

.idea-pic-container .idea-houzz-btn {
  position: absolute;
  bottom: 20px;
  left: 20px;
  cursor: pointer;
  height: 20px;
  width: 88px;
  
}

.idea-pic-container a img {

  content: url("https://cdn10.bigcommerce.com/s-nl1h6tl/product_images/uploaded_images/houzz.png");
}

.idea-nav {
	display: block;
	width: 100%;
	height: 100%;
}

.idea-nav .idea-more-pics {
  display: block;
  margin: 0 auto;
  /*transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);*/
  background-color: #815355;
  color: white;
  font-size: 16px;
  padding: 12px 12px;
  border: none;
  cursor: pointer;
  border-radius: 5px;
}

.idea-pic-container .idea-plan-btn:hover {
	background-color: #555;
}

.idea-nav .idea-more-pics:hover {
	background-color: #555;
}

.idea-pic-source a {
	color: #444;
	font-size: 8px;
	text-decoration: none;
	target: -blank;
}

.sidebar-title {
	margin-left: 10px;
	}

.sidebar-pick {
	margin-left: 45px;
	}

.product-div-tab {
	color: #fff;
	background: #d38b5d;
	border: none;
	letter-spacing: 1px;
	font-size: 16px;
	text-transform: uppercase;
	padding: 6px 22px;
	position: relative;
	display: inline-block;
	/*width: 300px;*/
    }

	.radio-choice {
		margin-left: -16px !important;
		text-indent: 0px;
		margin-top: 2px !important;
		margin-bottom: 0px !important;
	}

/* 1181 and higher */
@media only screen and (min-width: 1181px) {
  
  .contain-net {
  	padding: 0 30px;
  }
  
  .contain-net .row__inner {
    margin: 30px 0 40px 0;
  }
  
  .contain-net .row__inner:hover {
  -webkit-transform: translate3d(-20px, 0, 0);
          transform: translate3d(-20px, 0, 0);
  }
  
  .contain-net .tile:hover ~ .tile {
  -webkit-transform: translate3d(40px, 0, 0);
          transform: translate3d(40px, 0, 0);
  }
  

	.contain-net .tile {
  		margin-right: 50px;
	}
	
    .contain-net .tile__title {
        font-size: 16px;
        //font-weight: bold;
        padding: 10px;
    }
    
    .contain-net .tile__price {
        font-size: 10px;
        padding: 10px;
    }
    
    .contain-net .tile__details .tx-shop-pattern:before {
  		content: 'Pattern ';
	}
	
	.contain-net .tile__details .tx-shop-price:before {
  		content: 'Sashes from ';
	}

}

.shop-all {
  font-size: 3em;
  padding-top: 47px;
  padding-left: 20px;
  display: block; 
}

/* 1180 and lower */
@media only screen and (max-width: 1180px) {


	.Customize .wrap .col-sm-3 .CText {
		font-size: 1.4em;
	}
	
	#TapeTape img {
		padding-left: 60px;
		height: 196px;
	}
	
	#TapeMeasure img {
		height: 196px;
	}
	
	.EasierText {
		height: 97px;
	}
	
	.EasierText {
		padding-left: 30px;
	}
	
	.smorg-text {
	  padding-bottom: 6px;
	  font-size: 20px;
	  letter-spacing: 1px;
	}

  .contain-net {
  	padding: 0 30px;
  }

  .contain-net .row__inner:hover {
  -webkit-transform: translate3d(-20px, 0, 0);
          transform: translate3d(-20px, 0, 0);
  }
  
  .contain-net .tile:hover ~ .tile {
  -webkit-transform: translate3d(40px, 0, 0);
          transform: translate3d(40px, 0, 0);
  }
  
	
	.contain-net .tile {
  		width: 220px;
  		height: 330px;
  		margin-right: 50px;
	}
	
	.contain-net .row__inner {
    margin: 20px 0;
    }
	
	.contain-net .tile__img {
  		width: 220px;
  		height: 330px;
	}
	
	.contain-net .tile__title {
        font-size: 16px;
        //font-weight: bold;
        padding: 10px;
    }

    .contain-net .tile__price {
        font-size: 10px;
        padding: 10px;
    }
    
    .contain-net .tile__details .tx-shop-pattern:before {
  		content: 'Pattern ';
	}
	
	.contain-net .tile__details .tx-shop-price:before {
  		content: 'Sashes from ';
	}
}

/* 1075 and lower */
@media only screen and (max-width: 1075px) {

	.process-num {
		width: 120px;
	}

	.process-title,
	.process-title-alone,
	.process-title-left {
		font-size: 1.3em;
	}

	.Pointer-text {
		font-size: 1.6em;
	}

	.Customize .wrap .col-sm-3 img {
		width: 150px;
	}
	
	.Customize .wrap .col-sm-3 .CText {
		font-size: 1.2em;
		padding: 0 5px;
	}
	
	.Customize .wrap .col-sm-3 {
		padding: 0 5px 28px 5px;
	}
	
	#TapeTape img {
		height: 192px;
	}
	
	#TapeMeasure img {
		height: 192px;
	}
	
	.EasierText {
		height: 96px;
	}
	
	.PanelTitle {
		padding-top: 30px;
		padding-bottom: 25px;
	}
	
	.EasierTextSize {
		font-size: 2.3em;
	}

	.contain-net .tile {
  		width: 210px;
  		height: 315px;
  		margin-right: 40px;
	}
	
	.contain-net .tile__img {
  		width: 210px;
  		height: 315px;
	}
	
}

/* 1024 and lower */
@media only screen and (max-width: 1024px) {

.contain-net .tile .tile__details {
  opacity: 1;
  }

.contain-net .tile .tile__details::before {
  opacity: 0;
  }

.contain-net .tile .tile__details::after {
  opacity: 0;
  }

}

/* 1023 and lower */
@media only screen and (max-width: 1023px) {

	.contain-net .tile {
  		width: 200px;
  		height: 300px;
  		margin-right: 40px;
	}
	
	.contain-net .tile__img {
  		width: 200px;
  		height: 300px;
	}

.tx {
	width: 140px;
}

.tx-name {
	font-size: 13pt;
}

.tx-price {
	font-size: 10pt;
}	

.shop-all {
  font-size: 2em;
  padding-top: 58px;
  padding-left: 20px;
  display: block; 
}


.grey-box {
  width: 180px;
  height: 180px;
}

.grey-h-box {
  display: block;
  width: 180px;
  height: 180px;
  }
.num1 {
  width: 100px;
}
.num-box {
  width:100px;
  margin: auto;
  }
.arrow {
  width: 23px
}
}





/* 960 and lower */
@media only screen and (max-width: 991px) {


.hero-phrase {

  /*line-height: 0px;
  font-family: 'Helvetica Neue',Helvetica,Arial,Sans-Serif;
  font-weight: 700;
  color: #fff;
  font-weight: 700;
  text-align: center;
  letter-spacing: 4px;
  margin-top: 14px;
  text-shadow: 0px 0px 80px rgba(0,0,0,1), 0px 0px 70px rgba(0,0,0,1), 0px 0px 60px rgba(0,0,0,1), 0px 0px 50px rgba(0,0,0,1), 0px 0px 40px rgba(0,0,0,1), 0px 0px 30px rgba(0,0,0,1);
  text-shadow: 0 2px 2px #000, 0 -1px 0 hsla(0, 0%, 100%, .25);*/
}

.hero-phrase-2 {

  display: none;

}

	/*.fixed-header #Header {
		height: 100px;
		}*/

	.PlanVideo {
		/* GPT width: 672px;
  		height: 378px;*/
	}

	.col-lg-49ths {
	display: none;
	}
	
	.process-num {
	width: 100px;
	}
	
	#TapeTape img {
		height: 184px;
		padding-left: 30px;
	}
	
	#TapeMeasure img {
		height: 184px;
	}
	
	.EasierText {
		height: 92px;
	}
	
	.EasierTextSize {
		font-size: 2.2em;
	}
	
	.StartIcon img {
		width: 200px;
	}
	
	.StartText {
		margin-top: -70px;
		font-size: 1.5em;
	}
	
    .col-md-9ths {
        width: 11%;
        float: left;
    }
    
    .col-md-49ths {
        width: 45%;
        float: left;
    }
    
	.col-md-5ths {
        width: 20%;
        float: left;
    }
    
    .Content .nav-tabs li a {
		font-size: 15px;
		padding:14px 12px;

	}
 
    .contain-net .tile {
  		width: 154px;
  		height: 231px;
  		margin-right: 30px;
	}
	
	.contain-net .tile__img {
  		width: 154px;
  		height: 231px;
	}
	
	.idea-blurb {
		/*width: 420px;*/
	}
	
	.idea-pic-container {
  		width: 400px;
	}
	.Content .ProductMain .ProductPrice {
		font-size: 24px;
	}
	#RoughHeight {
  		display: none;
  		}
  	#RoughWidth {
  		display: none;
  		}
}

/* 900 and lower */
@media only screen and (max-width: 900px) {
	#RoughHeight {
  		display: inline-block;
  		}
  	#RoughWidth {
  		display: inline-block;
  		}
}

/* 767 and lower */
@media only screen and (max-width: 767px) {

.Customize {
  height: 440px;
}

.hero-main-2 {
  display:none;
}

.h-sell {
  display: block;
}

.order-now {
  display: none;
}

.shop-all {
  font-size: 2.0em;
  padding-top: 28px;
  padding-left: 20px;
  display: block; 
}


.grey-box {
  width: 150px;
  height: 150px;
}

.arrow {
  width: 17px
}

.num1 {
  width: 80px;
}

.num-box {
  width:100px;
  margin: auto;
  }


	.PlanVideo {
		/*GPT width: 512px;
  		height: 288px;*/
	}
	
	.process-num {
	width: 80px;
	float: right;
	}
	
	.process-block {
	  margin-top: 0px;
	}
	
	.process-desc {
	  margin-top: 0px;
	
	}
	
	.Customize .wrap .col-sm-3 {
		padding: 0 5px;
	}
	
	.Customize .wrap .col-sm-3 img {
		width: 60px;
		margin-top: 10px;
		margin-bottom: 10px;
		margin-right: 0px;
		margin-left: auto;
	}
	
	.Customize .wrap .col-sm-3 .CText {
		height: 80px;
		line-height: 80px;
		color: #FFF;
		padding: 0 10px;
		font-size: 1.6em;
		text-align: left;
	}
	
	.Customize .wrap .col-sm-3 .col-sm-12 {
		padding: 0 5px;
	}
	
	.PanelTitle {
		font-size: 2.4em;
		padding-top: 30px;
		padding-bottom: 10px;
	}
	
	.EasierTextSize {
		font-size: 2.2em;
	}
	
	.EasierText {
		padding-left: 0px;
		height: 55px;
	}
	
	.col-lg-5ths {
        width: 100%;
        float: left;
    }
 
 	.col-lg-3rds {
        width: 100%;
        float: left;
    }
    
    .col-sm-9ths {
        width: 11%;
        float: left;
    }
    
    .col-sm-49ths {
        width: 45%;
        float: left;
    }
    
    .tip-title {
	  font-size: 1.7em;
	}
	
	.tip-box {
	  width: 460px;
	}

	

	
	.hero-main {
		display: none;
	}

	.hero-main-2 {
		/*display: none;*/
	}
		
	.smorg-text-hide {
		display: none;
	}
	
	.transom-block {
		display: block;
		}
	
	.customize-shift {
	  height: 75px;
	  width: 100%;
	  line-height: 85px;
	  text-align: right;
	}

	.process-shift {
	  height: 70px;
	  width: 100%;
	  line-height: 70px;
	  text-align: right;
	}
	
	.process-num {
	  height: 60px;
	  width: 60px;
	  vertical-align: top;
	  margin-top: 5px;
	}
	
	.process-shift,
	.customize-shift img {
	  vertical-align: center;
	}
	
	.process-title,
	.process-title-left,
	.customize-title,
	.customize-title-left {
	  text-align: left;
	  display: inline-block;
	}
	
	.Begin {
	  padding-bottom: 30px;
	}
	.process-title-alone {
	/*font-size: 14px;*/
	}

	.customize-title,
	.customize-title-left {
	  margin-top: 6px;
	  font-size: 28px;
	  font-weight: normal;
	}
	
	.process-title-left,
	.process-title {
		font-size: 14px;
		}
	
	.process-title-left,
	.customize-title-left {
	  margin-left: 7px;
	}

	#the-finger {
		display: none;
	}
	.customize-desc {
	  margin-left: 0px;
	  margin-top: 0px;
	  font-size: 12px;
	  display: hidden;
	}
	
	.panel-desc {
	  margin-right: 15px;
	  }
	  
    .contain-net .tile {
  		width: 132px;
  		height: 198px;
  		margin-right: 20px;
	}
	
	.contain-net .tile__img {
  		width: 132px;
  		height: 198px;
	}
  
  	.contain-net .tile__style {
	  opacity: 0;
	}
	
}


/* 640 and lower */
@media only screen and (max-width: 640px) {

.Customize {
  height: 380px;
}


#Header {
  background-position: 0 -40px !important;
  height: 116px; !important;
}

#HeaderLower {
  min-height: 116px !important;
}

#selling-gif {
  height: 100px;
  width: 302.5px;
}

.ups-panel {
  height: 100px;
}

.order-now-x {
  bottom: 50px;
}

.order-now-h {
  bottom: 50px;
}

.sell {
  width: 304.5px;
  margin-right: auto;
  margin-top: 30px;
  margin-left: auto;
    /*position: relative;
   bottom: -30px;*/
}

.gif-image {
  border: 3px solid #000;
}

.gif-background {
  position: relative;
  bottom: 21.5px;
  display: inline-block;
  width: 100%;
  height: 20px;
  /*margin-left: px;*/
  background-color: rgba(0, 0, 0, 0.61);
}

.gif-block {
  position: relative;
  bottom: 52px;
  display: inline-block;
  width: 99px;
  height: 20px;
}

.gif-text {
  width: 100%;
  height: 100%;
  padding-top: 6px;
  color: #fff;
  font-size: 12px;
  text-align: center;
}

.hero-phrase-1,
.hero-phrase-2 {
  display: none;
}

.hero-phrase-3 {
  display: block;
}

.h-sell {
  height: 230px;
  background: #333333;
  padding-top: 30px;
  margin-top: 20px;
}

.x-sell {
  height: 230px;
  background: #333333;
  padding-top: 25px;
}


.order-now {
  margin-top: 20px;
}


.tip-plan-btn {
  padding: 4px 0px;
  left: 25px;
  top: 10px;
  width: 180px;
  font-size: 1.3em;
}

.tip-image {
	width: 56px;
	height: 82px;
	}
	
.ups-image {
	width: 65px;
	}

	.ups-box {
	  width: 370px;
	}
	
	.idea-pic-container .idea-plan-btn {
		padding: 6px 6px;
		bottom: 10px;
	}
	
	.tip-image {

	}

	.tip-title {
	  font-size: 1.4em;
	}

	.tip-sub {

	  font-size: 1.2em;
	}

	.tip-idea-box {
	  width: 123px;
	  height: 35px;
	  //margin-top: 10px;
	  //margin-right: 5px;
	  //margin-left: 5px;
		}

	.tip-ideas-label {
	font-size: 1.2em;

	}

	.tip-sub-rt {
	font-size: 1.2em;

	}

	.tip-box {

	}		
	
	#SideCategoryList {
		Display: inline-block !important;
	}
	
	.PlanVideo {
		/* GPT width: 448px;
  		height: 252px;*/
	}

	.Customize .wrap .col-sm-3 img {
		width: 50px;
	}
	

	.customize-block {
	  margin-top: 0px;
	
	}
	
	.PanelTitle {
		font-size: 1.7em;
	}
	
	.EasierTextSize {
	  font-size: 1.6em;
	}
	
	.customize-block {
	  margin-top: 8px;
	}
	.cu
	.EasierTextSize {
		font-size: 2.0em;
	}
	
	.smorg-text-hide {
		display: none;
	}
	

	.customize-shift {
	  height: 60px;

	}

	.customize-title,
	.customize-title-left {
	  margin-top: 11px;
	  font-size: 22px;
	}

/*	.customize-title,
	.customize-title-left {
	  text-align: left;
	  display: inline-block;
	  font-size: 12.5px;
	}
	.customize-title-left {
	  margin-left: 7px;
	}*/
	.process-desc,
	.customize-desc {
	  margin-left: 0px;
	  margin-top: 0px;
	  font-size: 10pt;
	}
	
	.process-title,
	.process-title-left {
		margin-top: 15px;
		font-size: 1.1em;
	}
	
	.process-title-alone {
	  font-size:1em;
	}
	.process-desc {
	  display: none;
	}

	
	.miniprocess-num {
	width: 50px;
	}
	
	.minipanel-title {
	display: none;
	}
	
	.minipanel-subtitle {
	display: block;
	}
	
	.TDNav {
	  height: auto;
	  padding-bottom: 0px;
	}

	.contain-net {
		padding-left: 0px;
		padding-right: 0px;
	}	
	
	.contain-net .row__inner {
    margin: 0px 0;
    }

	.contain-net .tile {
  		width: 86px;
  		height: 129px;
  		margin-right: 10px;
	}
	
	.contain-net .tile__img {
  		width: 86px;
  		height: 129px;
	}	
	
  .contain-net .row__inner:hover {
  -webkit-transform: translate3d(-10px, 0, 0);
          transform: translate3d(-10px, 0, 0);
  }
  
  .contain-net .tile:hover ~ .tile {
  -webkit-transform: translate3d(20px, 0, 0);
          transform: translate3d(20px, 0, 0);
  }
  
  .contain-net .tile__title {
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  padding-left: 5px;
  padding-right: 5px;
  width: 100%;
  }
    .contain-net .tile__price {
        font-size: 11px;
        text-align: center;
        padding-left: 5px;
        padding-right: 5px;
        width: 100%;
    }
    
	.contain-net .tile__details .tx-shop-price:before {
  		content: 'From ';
	}
}

/* 540 and lower */
@media only screen and (max-width: 640px) {
	.PlanVideo {
		/*GPTwidth: 336px;
  		height: 189px;*/
	}
		.EasierTextSize {
		font-size: 24px;
	  }
	  	.idea-blurb {
		width: 95%; /*width: 370px;*/
	}
	
	.idea-pic-container {
  		width: 350px;
  	}
  	/*hide R/O heights on small screen*/
  	#RoughHeight {
  		display: none;
  		}
  	#RoughWidth {
  		display: none;
  		}
	.tip-title {
	  font-size: 1.3em;
	}
	.customize-title,
	.customize-title-left {
	  margin-top: 11px;
	  font-size: 18px;
	}

}



/* 413 and lower */
@media only screen and (max-width: 413px) {

#Header #HeaderLower #SideCategoryList li a {
padding: 9px 6px 12px;
}

.Content .ProductMain .productAttributeList label {
  margin-bottom: 10px;
}


.product-div-tab {
  font-size: 15px;
}


.ups-panel {
  height: 90px;
}

.ups-image {
	width: 55px;
	}
	.ups-box {
	  width: 310px;
	}
	.tip-plan-btn {
	  padding: 2px 0px;
	  left: 7px;
	  top: 10px;
	  width: 180px;
	  font-size: 1.3em;
	}

	.tip-image {
	width: 48px;
	height: 75px;
	}

	.tip-title {
	  font-size: 1.1em;
	}

	.tip-sub {

	  font-size: 1.0em;
	}

	.tip-idea-box {
	  width: 100px;
	  height: 27px;
	  margin-top: 5px;
	  //margin-right: 5px;
	  //margin-left: 5px;
		}

	.tip-ideas-label {
	font-size: 1.0em;
	margin-top: 2px;

	}

	.tip-sub-rt {
	font-size: 1.0em;

	}

	.tip-box {

	}

	.tip-plan-btn {
	
	}

	.PlanVideo {
		/*GPTwidth: 240px;
  		height: 135px;*/
	}
	.contain-net {
		padding-left: 0px;
		padding-right: 0px;
	}	
	
	.contain-net .row__inner {
    margin: 0px 0;
    }

	.contain-net .tile {
  		width: 78px;
  		height: 117px;
  		margin-right: 10px;
	}
	
	.contain-net .tile__img {
  		width: 78px;
  		height: 117px;
	}
	.contain-net .tile__details .tx-shop-pattern:before {
  		content: '';
	}
	
	  .contain-net .tile__title {
		  font-size: 14px;
		  font-weight: bold;
		  text-align: center;
		  padding-left: 5px;
		  padding-right: 5px;
		  width: 100%;
  }
	  	.idea-blurb {
		/*width: 350px;*/
	}
	
	.idea-pic-container {
  		width: 340px;
	}		
}

/* 374 and lower */
@media only screen and (max-width: 374px) {

	.PanelTitle {
		font-size: 1.4em;
	}
	.EasierTextSize {
		font-size: 18px;
	  }

	.contain-net {
		padding-left: 0px;
		padding-right: 0px;
	}	
	
	.contain-net .row__inner {
    margin: 0px 0;
    }

	.contain-net .tile {
  		width: 64px;
  		height: 96px;
  		margin-right: 10px;
	}
	
	.contain-net .tile__img {
  		width: 64px;
  		height: 96px;
	}	
	  	.idea-blurb {
		width: 290px;
	}
	
	.idea-pic-container {
  		/*width: 280px;*/
	}
	.customize-title,
	.customize-title-left {
	  margin-top: 17px;
	  font-size: 14px;
	}

	
}	
	
//Begin Netflix like navigation//
.contain-border {
  margin-left: 15px;
  margin-right: 15px;
  }
  
.contain-net {
  //padding: 0 10px;
  margin: 0;
  background: #ffffff; //#0e0f11
  color: #ecf0f1;
  font-family: 'Open Sans', sans-serif;
  min-height: 10vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
    -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.contain-net a:link,
.contain-net a:hover,
.contain-net a:active,
.contain-net a:visited {
  -webkit-transition: color 150ms;
  transition: color 150ms;
  color: #95a5a6;
  text-decoration: none;
}
.contain-net a:hover {
  color: #7f8c8d;
  text-decoration: underline;
}
.contain-net .row {
  overflow: scroll;
  border-top: 3px solid #d0d0d0;
  width: 100%;
}
.contain-net .row__inner {
  -webkit-transition: 450ms -webkit-transform;
  transition: 450ms -webkit-transform;
  transition: 450ms transform;
  transition: 450ms transform, 450ms -webkit-transform;
  font-size: 0;
  white-space: nowrap;
  //margin: 25px 0;
  padding-bottom: 10px;
  width: 100%;
}
.contain-net .tile {
  position: relative;
  display: inline-block;
  //width: 235px;
  //height: 353px; //375px;
  //margin-right: 50px;
  font-size: 20px;
  cursor: pointer;
  -webkit-transition: 450ms all;
  transition: 450ms all;
  -webkit-transform-origin: center left;
          transform-origin: center left;
}
.contain-net .tile__img {
  //width: 235px;
  //height: 353px; //375px;
  -o-object-fit: cover;
     object-fit: cover;
}
.contain-net .tile__details {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  font-size: 10px;
  opacity: 1;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0)));
  background: linear-gradient(to top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.4) 15%, rgba(0,0,0,0) 35%,rgba(0,0,0,0) 95%,rgba(0,0,0,0.05) 97%,rgba(0,0,0,.1) 100%);
  -webkit-transition: 450ms opacity;
  transition: 4ms opacity;
}
.contain-net .tile__details:after,
.contain-net .tile__details:before {
  content: '';
  position: absolute;
  top: 80%;
  left: 50%;

}
.contain-net .tile__details:after {
  margin-top: -25px;
  margin-left: -75px;
  width: 150px;
  height: 35px;
  border: 3px solid #ecf0f1;
  line-height: 50px;
  text-align: center;
  border-radius: 10px;
  background: rgba(0,0,0,0.8);
  z-index: 1;
}
.contain-net .tile__details:before {
  content: 'Customize';
  left: 0;
  width: 100%;
  height: 35px;
  font-size: 15px;
  margin-left: 2px;
  margin-top: -18px;
  text-align: center;
  color: #fff;
  z-index: 2;
}

//.contain-net .tile__details .tx-pattern:before {
//  content: 'Pattern ';
//}

.contain-net .tile:hover .tile__details {
  opacity: 1;
  }

.contain-net .tile__style {
  position: absolute;
  bottom: 50px;
  padding: 10px;
  color: #fff;
  font-size: 16px;
  z-index: 2;
}

.contain-net .tile__title {
  position: absolute;
  bottom: 15px;
  //padding: 10px;
  color: #fff;
  //font-size: 15px;
  z-index: 2;
}
.contain-net .tile__price {
  position: absolute;
  bottom: 0;
  //padding: 10px;
  color: #fff;
  //text-align: right;
  //font-size: 10px;
  z-index: 2;
}

.contain-net .row__inner:hover .tile {
  opacity: 0.3;
}
.contain-net .row__inner:hover .tile:hover {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
  opacity: 1;
}

.shop-pattern {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 3; 
}

//End Netflix like navigation//

//Begin accordian //

/* The accordion stuff handles the installation tips and summaries of planning videos */
.accordion {
  border-color: white;
  padding: 0px;
  outline: none;
  display: inline-block;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
  border-color: white;
}

/*since accordion button is manifested as a div, change cursor to pointer on rollover */
.accordion:hover {
  cursor: pointer;
}

/*This style covers the tips headers */
.acc-header {
  font-family: 'Source Sans Pro','Helvetica Neue',Helvetica,Arial,Sans-Serif;
  text-transform: capitalize;
  color: #333333;
  font-size: 24px;
  font-weight: 300;
}

/*This style covers the video summary headers */
.acc-sum-header {
  font-family: 'Source Sans Pro','Helvetica Neue',Helvetica,Arial,Sans-Serif;
  text-transform: capitalize;
  color: #d68961;
  font-size: 16px;
  font-weight: 300;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.col-sm-12 .xactive, .accordion {
  border-color: white;
  padding: 0px;
  outline: none;
  display: inline-block;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
  border-color: white;
}

/* Style for installation tips panel. Note: hidden by default */
.acc-panel {
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

.acc-sum-panel {
  margin-top: 8px;
}

/*places plus symbol after acc-header for tip*/
.accordion:after {
  content: '\02795'; /* Unicode character for "plus" sign (+) */
  font-size: 24px;
  color: #777;
  float: right;
  margin-left: 5px;
}

/*places plus symbol after acc-header for tip*/
.acc-sum:after {
  font-size: 16px;

}

/*changes plus symbol to minus after selected*/
.xactive:after {
  content: "\2796"; /* Unicode character for "minus" sign (-) */
}

/* Tooltips only on laptops */
@media(hover: hover) and (pointer: fine) {
	.ttooltip {
	  font-weight: bold;
	  position: relative;
	  display: inline-block;
	  border-bottom: 1px dotted black;
	}

	.ttooltip .ttooltiptext {
	  visibility: hidden;
	  width: 240px;
	  background-color: black;
	  color: #fff;
	  text-align: center;
	  border-radius: 6px;
	  padding: 5px 5px;
	  position: absolute;
	  z-index: 1;
	  top: 150%;
	  left: 50%;
	  margin-left: -120px;
	}

	.ttooltip .ttooltiptext::after {
	  content: "";
	  position: absolute;
	  bottom: 100%;
	  left: 50%;
	  margin-left: -5px;
	  border-width: 5px;
	  border-style: solid;
	  border-color: transparent transparent black transparent;
	}

	.ttooltip:hover .ttooltiptext {
	  visibility: visible;
	}
}

/* Tooltips handling on touch */
@media (hover: none){
	.ttooltip {
	  font-weight: bold;
	  /*position: relative;
	  display: inline-block;*/
	}

	.ttooltip .ttooltiptext {
	  display: none;
	}

}