/*.shb-row{}
.shb-row:after{clear:both;display: table;content:'';}
.shb-col{float:left;padding:15px;}
.shb-col-push{float:right;}
.shb-col-20{width: 20%;}
.shb-col-33{width: 33.3%;}
.shb-col-40{width: 40%;}
.shb-col-50{width: 50%;}*/

/*This is the main SHB wrapper*/
.shb-box-wrapper{padding:15px;background: #f3f4f7;border-radius: 6px;margin-bottom: 30px;}
.shb-box{position: relative;min-height: 400px;overflow: hidden;font-size: 1rem;}
.shb-box *{box-sizing: border-box;}
.shb-box.has-floating-config{padding-right: 300px;}

/*Generic elements*/
.shb-title{font-size: 2.5rem;font-weight: bold;text-align: center;color:#8f152b !important;margin-bottom: 0.9rem; margin-top: 10px; line-height: 1em !important;}
.shb-subtitle{font-size: 1.2rem !important;font-weight: bold;text-align: center;margin-bottom: 1.5em;color: #333;line-height: 1em;}

/*Thank you message*/
.shb-thanks{text-align: center;padding-top: 15px;padding-bottom: 15px;font-size: 1.5rem;line-height: 1.3em;}

/*Notes and messages*/
.shb-notes{border: 1px solid #3268bd;background:#f3f3f3;font-style: italic;text-align: center;padding: 0.5em;margin-bottom: 1em;font-size: 0.9rem;flex-grow: 1;line-height: 1.3em; max-width: 480px;margin-left: auto;margin-right: auto;}
.shb-notes.is-warning{border-color:#8f152b;color:#cc1334;background:#f9f1f1;}
.shb-notes.is-error{border-color:#cc1334;color:#cc1334;background:#f9f1f1;}
.shb-notes.is-success{color:#0b7523;border-color:#0b7523; }
.shb-small-info{font-size: 0.75rem;text-align: center;font-style: italic;margin-bottom: 20px;line-height: 1.3em;}

.shb-zip-found-message{font-size: 1.5rem;border: 0 none;background:transparent !important;}
.shb-zip-missing-message{font-size: 1.2rem;border: 0 none;background:transparent !important;}

/*Common Form Item*/
.shb-button{background:#8f152b;  border-radius:4px;color:#fff;font-weight: bold;padding: 12px 24px 8px;border: 0 none; border-bottom:4px solid #660b18;text-transform: uppercase; cursor:pointer;transition:background .2s;}
.shb-button:hover,.shb-button:active{background-color: #e18f2e; border-color: #fda133;}
.shb-button.is-full-width{width: 100%;}
.shb-field{width: 100%;padding: 0.5em;margin-bottom: 1em;border-radius:4px;border: 1px solid #ccc;font-family: inherit;font-size: 1rem;}
.shb-button-link{display: inline;border: 0 none;background: transparent;line-height: 1em;cursor: pointer;color:blue;text-decoration: underline;}
.shb-field-error{font-size: 0.8rem;color:#c00;font-style: italic;padding-left: 10px;font-weight: bold;}

.shb-button.is-secondary{background:#8c8c8c;border-color:#717171;}
.shb-button.is-secondary:hover,.shb-button.is-secondary:active{background-color: #e18f2e; border-color: #fda133;}

/*Button wrapper*/
.shb-button-wrapper{text-align: center;padding-top: 1em;padding-bottom: 1em;}
	.shb-button-wrapper .shb-button{height: 50px;padding: 0;line-height: 50px;padding-left: 24px;padding-right: 24px;}
	.shb-button-wrapper .shb-button span{font-size: 1.4em;line-height: 1em;}
	

/*Shed Resizer Form*/
.shb-size-form{display: flex;}
	.shb-size-slider{flex-grow: 1;flex-shrink: 1;padding-top: 20px;padding-left: 20px;}
	.shb-size-viewer{flex-basis: 240px;flex-grow: 0;flex-shrink: 0;border-radius: 6px;}
	.shb-size-limit{height: 240px;width:240px; margin-left: auto;margin-right: auto;}
	.shb-rangeslider-wrapper{height: auto; margin-bottom: 30px;}
	.shb-rangeslider-label{text-align: center;display: none;}

/*Dimension box*/
.shb-dimension-box{height: 100%;display: flex;align-items: center;}
	.shb-dimension-rect{background:#fdd025; width:100%;height: 100px;transition: all .2s;border:4px dashed black;position: relative;margin-left: auto;margin-right: auto;}
		.shb-dimension-rect span{padding:5px;font-size: 0.8rem;position: absolute;}
		.shb-dimension-rect .shb-rect-label-top   {text-align:center;top:0;left:0;right:0;}
		.shb-dimension-rect .shb-rect-label-bottom{text-align:center;bottom:0;left:0;right:0;}
		.shb-dimension-rect .shb-rect-label-left  {text-align:left;top:50%;left:0;transform:translateY(-50%);}
		.shb-dimension-rect .shb-rect-label-right {text-align:right;top:50%;right:0;transform:translateY(-50%);}


/*Profile Form*/
.shb-profile-form-row{display: flex;flex-wrap: wrap;justify-content: space-between;}
.shb-profile-form-col{width: 49%;margin-bottom: 1em;}
	.shb-profile-form-col .shb-field{margin-bottom: 0;}


/*Zip Code Form*/
.shb-zip-form-wrapper{max-width: 500px;margin-left: auto;margin-right: auto;display: flex;}
	.shb-zip-field{height: 50px;border-radius: 4px;border-radius: 4px 0 0 4px;box-sizing: border-box;}
	.shb-zip-button{flex-basis: 200px;flex-grow: 0;flex-shrink: 0;padding:0;height:50px;border-radius: 0 4px 4px 0;}
	.shb-zip-form-secondary .shb-zip-field{height:36px;}
	.shb-zip-form-secondary .shb-zip-button{height:36px;font-size: 0.8rem;}

/*Configuration box*/
.shb-config-box{width:270px;right:0;top:0;bottom:0; position: absolute; padding: 15px;background: #fff18f;font-size: 0.9rem;line-height: 1.3em;}
	.shb-config-box-title{font-size: 0.9rem !important; margin-top: -15px;margin-left: -15px; margin-right: -15px;padding:0.5em 0.9em;font-weight: bold;text-transform: uppercase;letter-spacing: 0.05em;text-align: center;background: #fdde68;line-height: 1em;color:#a97025;}
	.shb-config-box-body{color:#50412c;}
	.shb-config-box-row{margin-bottom: 5px;}
	.shb-config-box .shb-config-box-row ul{padding-left: 1em;margin-bottom: 0;}
	.shb-config-box-row li{margin-bottom: 0 !important;}
	.shb-config-box .shb-button-link{color:#8f152b;font-size: 0.9rem;}



/*Door choice*/
.shb-door-box{position: relative;padding-left: 315px;}
	.shb-door-pics{position: absolute;width: 300px;top:0;left: 0;margin-left: auto;margin-right: auto;}
		.shb-door-pics .pic{background: no-repeat center center;background-size:cover;}
		.shb-door-pics img{width: 100%;}
	.shb-door-label{text-align: center;}

/*Window choice*/
.shb-windows{display: flex;flex-wrap: wrap;}
	.shb-window-item{width: 50%;padding: 10px;box-sizing: border-box;}
	.shb-window-select select{width: 100%;padding: 0.5em;margin-bottom: 0;border-radius:4px;border: 1px solid #ccc;}
	.shb-window-pic-item{text-align: center;font-size: 0.9rem;font-style: italic;display: flex;justify-content: center;align-items: center;overflow: hidden;margin-bottom: 5px;background:grey no-repeat center center;background-size:cover;position: relative;}
		.shb-window-pic-item img{width: 100%;display: block;}
	.shb-window-pic-item.is-nowindow{background-color:#dde2e8;color:#7b7b9e;}
	.shb-window-pic-item.is-nowindow span{position: absolute;left: 0;right: 0;top: 50%; text-align: center;transform: translateY(-50%);}

/*Window options*/
/*.shb-windows-pic{border: 2px solid red;height:400px;position: relative;}
	.shb-window-pic{position: absolute;width:50%;height:50%;overflow: hidden;}
	.shb-window-pic:nth-child(1){top:0;left:0;right:50%;bottom:50%;}
	.shb-window-pic:nth-child(2){top:0;right:0;left:50%;bottom:50%;}
	.shb-window-pic:nth-child(3){top:50%;bottom:0;left:0;right:50%;}
	.shb-window-pic:nth-child(4){top:50%;bottom:0;right:0;left:50%;}
	.shb-window-pic img{display: block;height: 100%;border:2px solid white;max-width: none;}*/

/*Other options*/
.shb-options{display: flex;flex-wrap: wrap;}
	.shb-option-item{width: 33.3%;padding: 5px;box-sizing: border-box;}
	.shb-option-item-pic{display: flex;align-items: center;justify-content: center;overflow: hidden;background: no-repeat center center;background-size:cover;}
	.shb-option-item-pic img{display: block;width: 100%;}
	.shb-option-item-meta{background-color:#fdd025;text-align: center;padding: 5px 0;font-size: 1rem;}
	.shb-option-item-meta span{display: block;font-weight: bold;}
	.shb-option-item-meta label{margin-bottom: 0;padding-left: 8px;padding-right: 8px;}
	

.shb-zip-form-wrapper{text-align: center;margin-bottom: 1em;}
	.shb-zip-form .shb-field{text-align: center;font-weight: bold;display: block;max-width: 300px;margin-left: auto;margin-right: auto;margin-bottom: 0;}

/*Shed Choices*/
.shb-shed-choices{position: relative;padding-left:30px;padding-right:30px; margin-left: -15px;margin-right: -15px; overflow: hidden;}
	.shb-shed-choices .slick-list{overflow: initial;}
	.shb-shed-choices .slick-prev, .shb-shed-choices .slick-next{z-index: 6;}
	.shb-shed-choice{width:250px;padding: 5px;float: left;}
		.shb-shed-choice-inner{position: relative;}
		.shb-pic-wrapper{max-width: 400px;margin-bottom: 10px;background: grey no-repeat center center;background-size: cover;}
		.shb-shed-choice img{display: block;width:100%;}
	/*The fog on the left and right side of the slide. This to */
	.shb-shed-choices:before{position: absolute;width: 30px;left:0;top:0;bottom: 0; content: '';display: block;z-index: 7;background:rgba(243, 244, 247,0.5);}
	.shb-shed-choices:after{position: absolute;width: 30px;right:0;top:0;bottom: 0; content: '';display: block;z-index: 7;background:rgba(243, 244, 247,0.5);}

/*Shed steps*/
.shb-steps{display: flex; display:none; justify-content: space-between;margin-bottom: 20px;color:#fff;}
	.shb-step{background: #dbe2e2;flex-grow: 1;text-align: center;height:7px;margin-left: 1px;margin-right: 1px;}
		.shb-step span{display: none;}
	.shb-step.is-on{background: #15bf3a;}

	
/*Range slider style overrides*/
.rangeslider--horizontal{border-radius: 0;}
.rangeslider__fill{background-color:#fdd025;border-radius: 0;}
.rangeslider__handle{border-radius: 0;}

/*Responsive classes*/
.is-mobile{display: none;}
.is-desktop{display: block;}


/* shed size selector */
.rb-box .hidden {
	display: none;
}

/*.rb-box {
	padding: 1.3em;
}*/

.rb {
	padding: 16px 0;
	text-align: left;
	background: rgba(255,255,255,.03);
	border-radius: .3em;
}

.rb-tab {
	display: inline-block;
	position: relative;
	/*width: 20%;*/
	width: 12%;
}

.rb-txt {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 14px;
	color: #292942;
}

.rb-spot {
	position: absolute;
	width: 25px;
	height: 25px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: transparent;
	border: 2px solid rgba(255,255,255,.3);
	border-radius: 100%;
	cursor: pointer;
	transition: ease .5s;
}

.rb-tab-active .rb-spot {
	background: rgba(0,0,0,.35);
	border: 2px solid rgba(243,49,128,.6);
}
  

@media screen and (max-width: 1024px) {
	.shb-option-item{padding: 3px;}
}

@media screen and (max-width: 990px){	
	.shb-size-form{display: block;}
	
	.shb-option-item{width: 50%;}
	.shb-door-box{padding-left: 0;}
	.shb-door-pics{position: relative;}
}

@media screen and (max-width:940px) {
	.shb-box.has-floating-config{padding-right: 0;}
	.shb-config-box{position: relative;width: auto;margin-bottom: 20px;top:0;}
	.shb-option-item{width: 33.33%;}
	.shb-door-box{padding-left: 315px;}
	.shb-door-pics{position: absolute;}
}

@media screen and (max-width:768px) {
	.shb-size-form{display: block;}
	.shb-dimension-box{margin-left: auto;margin-right: auto;max-width: 300px;max-height: 300px;}
	.shb-size-viewer{padding-top: 20px;padding-bottom: 20px;}
	.shb-size-slider{padding-left: 0;}
	.shb-door-box{display: block;}
	.is-mobile{display: block;}
	.is-desktop{display: none;}
	.shb-option-item{width: 50%;}
	.shb-profile-form-col{width: 100%;}
	.shb-zip-form .shb-field{max-width: 100%;}
	.shb-door-box{padding-left: 0;}
	.shb-door-pics{position: relative;}
}

@media screen and (max-width:680px){
	
}
@media screen and (max-width: 540px) {
	.shb-window-item{padding: 3px;}
	.shb-option-item{width: 100%;}
	.shb-zip-button{flex-basis: 150px;}
}

@media screen and (max-width:400px){
	.shb-window-item{width: 100%;}
}