@keyframes spinner-border {
  to { transform: rotate(360deg); }
}
body #wrap_all #main .configurator-body .ui-accordion .ui-accordion-content ul.selection-list li .void-holder img {
	max-width:70px;
	height:auto;	
}
body #wrap_all #main .configurator-body .ui-accordion .ui-accordion-content ul.selection-list li .void-holder {
	height:100%;	
	display:Flex;
	justify-content:center;
	align-items:center;
}
body .hidden {
	display:none !important;
}
body .sm-show {
	display:none !important;
}
body .mt-1 {
	margin-top:1em !important;
}
body .mt-2 {
	margin-top:2em !important;
}
body .mt-3 {
	margin-top:3em !important;
}
body .mt-4 {
	margin-top:4em !important;
}
body .mt-5 {
	margin-top:5em !important;
}
body .mt-0 {
	margin-top:0px !important;
}
body .configurator-body {
	padding:0px 0 0px 0;
	font-family: 'HCo Gotham SSm',sans-serif;
}
body .configurator-body .main-configurator {
	display:flex;
	flex-wrap:wrap;
}
body .configurator-body .configurator-form {
	padding:40px 30px 40px 30px;
}
body .configurator-body .left-pane {
	flex:0 0 62%;
	max-width:62%;
	border:1px solid white !important;
	padding:40px 30px 40px 30px;
}
body .configurator-body .left-pane .cond-el.img-el {
	text-align:center;
}
body .configurator-body .left-pane .cond-el.img-el img {
	max-width:600px;
	height:auto;
	display:inline-block;
}
body #wrap_all #main .configurator-body .left-pane .h1 {
	font-size:24px;
	color:#010101;
	margin:0px;
	padding:0px;
	text-align:center;
	font-weight:200;
	display:block;
	line-height:30px;
}
body .configurator-body .configurator-form .h2,
body #wrap_all .configurator-body .left-pane .h2 {
	font-size:24px;
	font-weight:600;
	color:#010101;
	margin:0px;
	padding:0px;
	text-align:center;
	display:block;
	text-transform:uppercase;
	line-height:30px;
}
body .configurator-body .configurator-form .h2 {
	margin:0 0 40px 0;
	text-transform:none;
}
body .configurator-body .configurator-form .h3 {
	font-size:20px;
	font-weight:600;
	color:#010101;
	margin:0px;
	padding:0px;
	text-align:left;
	display:block;	
	line-height:30px;
	margin:0 0 25px 0;
	text-transform:none;	
}
body .configurator-body .right-pane {
	flex:0 0 38%;
	max-width:38%;
	border-left:1px solid #c5c5c5 !important;
	padding:40px 0 40px 25px;	
}
body .configurator-body .right-pane #accordion {
	margin-bottom:50px;
}
.ui-accordion-header {outline: none;}
body #wrap_all #main .configurator-body .right-pane a.active {
	font-weight:600 !important;
}
body .configurator-body .right-pane .last-step {
	margin:20px 0 20px 0;
}
body .configurator-body .btn {
	font-size:16px !important;
	color:white !important;
	text-align:center !important;
	display:inline-block !important;
	padding:5px 20px 5px 20px !important;
	border-radius:10px !important;
	text-decoration:none !important;
	background-color:#0071e3 !important;
	border:1px solid #0071e3 !important;
}
body .configurator-body .btn,
body #wrap_all #main .configurator-body .btn.submit-btn {
	border-radius:15px !important;
	padding:7.5px 20px 7.5px 20px !important;
	border:1px solid #0071e3 !important;
	font-weight:600;
	font-family: 'HCo Gotham SSm',sans-serif;
	text-transform:uppercase;
}
body .configurator-body .btn:hover {
	background-color:white !important;
	color:#0071e3 !important;
}
body #wrap_all #main .configurator-body .mb-4 {
	margin-bottom:30px !important;
}
body #wrap_all #main .configurator-body .text-center {
	text-align:center !important;
}
body #wrap_all #main .configurator-body .d-block {
	display:block !important;
}
body #wrap_all #main .configurator-body .mb-3 {
	margin-bottom:20px !important;
}
body #wrap_all #main .configurator-body .row {
	display:flex;
	flex-wrap:wrap;
	margin:0 -15px 0 -15px;
}
body #wrap_all #main .configurator-body .row .col{
	padding:0 15px 0 15px;	
}
body #wrap_all #main .configurator-body .row .col-6 {
	flex:0 0 50%;
	max-width:50%;	
}
body #wrap_all #main .configurator-body .row .col-12 {
	flex:0 0 100%;
	max-width:100%;	
}
body #wrap_all #main .configurator-body label{
	font-size:14px !important;
	color:#040505 !important;
}
body #wrap_all #main .configurator-body textarea,
body #wrap_all #main .configurator-body input {
	border:1px solid #d2d2d2 !important;
	border-radius:5px !important;
	margin:0px !important;	
}
body #wrap_all #main .configurator-body input.high {
	border:1px solid red !important;
}
body #wrap_all #main .configurator-body textarea {
	resize:none;
}
body #wrap_all #main .configurator-body .row .col-4 {
	flex:0 0 30.33%;
	max-width:30.33%;	
}
body #wrap_all #main .configurator-body .row .col-3 {
	flex:0 0 30%;
	max-width:30%;	
}
body #wrap_all #main .configurator-body .row .col-5 {
	flex:0 0 39.66%;
	max-width:39.66%;	
}
body #wrap_all #main .configurator-body .form {
	background-color:#f7f7f7;
	padding:30px;
	position:relative;
}
body #wrap_all #main .configurator-body .form.sending-in-progress:before {
	content:"";
	position:absolute;
	z-index:10;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background-color:black;
	opacity:.2;	
}
body #wrap_all #main .configurator-body .form.sending-in-progress::after{
	content:"";
	border:.25em solid black;
	width:5rem;
	height:5rem;
	border-radius:50%;
	border-right-color:transparent;
	animation: spinner-border 1s linear infinite;
	position:absolute;
	z-index:25;
	left:0;
	top:0;
	right:0;
	bottom:0;
	margin:auto;
}
body #wrap_all #main .configurator-body .form .options-line .print-out {
	font-size:14px;
	line-height:15px;	
}
body #wrap_all #main .configurator-body .form .options-line .print-out span {
	display:block;
	margin:0 0 10px 0;
}
body #wrap_all #main .configurator-body .out-line {
	margin:0 -15px 20px -15px;
}
body #wrap_all #main .configurator-body .out-line .col1 {
	font-size:14px;
	color:black;
	font-weight:600;
	text-transform:uppercase;
}
body #wrap_all #main .configurator-body .out-line .col2,
body #wrap_all #main .configurator-body .out-line .col3{
	font-size:14px;
	color:#666666;
}
body #wrap_all #main .configurator-body #accordion {
	opacity:0;
}
body #wrap_all #main .configurator-body #accordion.ui-widget {
	opacity:1;
}
body #wrap_all #main .configurator-body .ui-accordion .ui-accordion-header {
	background-color:#f7f7f7;
	font-size:14px !important;
	color:black !important;
	font-weight:200 !important;
	text-transform:uppercase !important;
	bordeR:0px solid transparent !important;
	padding:1em .5em 1em 1em;	 	
}
body #wrap_all #main .configurator-body .ui-accordion .ui-accordion-header span {
	display:block;
	position:absolute;
	z-index:10;
	right:25px;
	margin:auto 0 auto 0;
	top:0;
	bottom:0;
	width:13px;
	height:7px;
	background:url('/wp-content/themes/enfold-child/abc-configurator-templates/img/arrow.png') no-repeat center center transparent;	
}
body #wrap_all #main .configurator-body .ui-accordion .ui-accordion-header.ui-state-active span {
	transform: rotate(180deg);
}
body #wrap_all #main .configurator-body .ui-accordion .ui-accordion-content {
	padding:1em 1em;
	border-color:white !important;
}
body #wrap_all #main .configurator-body .ui-accordion .ui-accordion-content p,
body #wrap_all #main .configurator-body .ui-accordion .ui-accordion-content ul {
	font-size:12px;
	color:#666666;
	line-height:20px;
}
body #wrap_all #main .configurator-body .ui-accordion .ui-accordion-content ul.selection-list {
	margin:0 0 20px 0;
	list-style:none;
	vertical-align:top;
	display:flex;
	flex-wrap:wrap;
}
body #wrap_all #main .configurator-body .ui-accordion .ui-accordion-content ul.selection-list li {
	display:inline-block;
	vertical-align:top;
	margin:0px;
	display:flex;
	flex-direction: column;
	position:relative;	
}
body #wrap_all #main .configurator-body .ui-accordion .ui-accordion-content ul.selection-list li img {
	max-width:100%;
	height:auto;
}
body #wrap_all #main .configurator-body .ui-accordion .ui-accordion-content ul.selection-list li > a {
	display:block;
	position:absolute;
	z-index:10;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
}
body #wrap_all #main .configurator-body .ui-accordion .ui-accordion-content ul.selection-list li div {
	text-align:center;
}
body #wrap_all #main .configurator-body .ui-accordion .ui-accordion-content ul.selection-list.col3 li {
	flex:0 0 33.33%;
	max-width:33.33%;
}
body #wrap_all #main .configurator-body .ui-accordion .ui-accordion-content ul.selection-list.col2 li {
	flex:0 0 50%;
	max-width:50%;
	padding-left:5px;
	padding-right:5px;
}
body #wrap_all #main .configurator-body .ui-accordion .ui-accordion-content ul.selection-list li .h3 {
	font-size:14px;
	color:#666666;
	font-weight:400;
	text-transform:none;
	text-align:center;
	text-decoration:none;
	display:block;		
}
body #wrap_all #main .configurator-body .ui-accordion .ui-accordion-content ul.selection-list li.active .h3 {
	font-weight:600;
}
body #wrap_all #main .configurator-body .ui-accordion .ui-accordion-content ul.selection-list li.active > div.img-holder{
	-webkit-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.04);
	-moz-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.04);
	box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.04);
}
body #wrap_all #main .configurator-body .ui-accordion .ui-accordion-content ul.selection-list li> div.img-holder {
	padding:15px;
	margin-bottom:15px;
}
body #wrap_all #main .configurator-body .ui-accordion .ui-accordion-content ul.selection-list li > div + div {
	margin-top:auto;
}
body #wrap_all #main .configurator-body .ui-accordion .ui-accordion-content ul.selection-list.options-list li .li-body {
	display:flex;
	flex-wrap:wrap;
	margin:0 -5px 0 -5px;		
}
body #wrap_all #main .configurator-body .ui-accordion .ui-accordion-content ul.selection-list.options-list li {
	border-bottom:1px solid #ebebeb;
	padding-top:5.5px;
	padding-bottom:5.5px;
}
body #wrap_all #main .configurator-body .ui-accordion .ui-accordion-content ul.selection-list.options-list li .li-body .left {
	flex:0 0 30%;
	max-width:30%;
	text-align:center;
	padding:0 5px 0 5px;
}
body #wrap_all #main .configurator-body .ui-accordion .ui-accordion-content ul.selection-list.options-list li .li-body .left img {
	max-width:100%;
	height:auto;
}
body #wrap_all #main .configurator-body .ui-accordion .ui-accordion-content ul.selection-list.options-list li .li-body .right {
	flex:0 0 70%;
	max-width:70%;
	padding:0 5px 0 5px;
	text-align:left;
}
body #wrap_all #main .configurator-body .ui-accordion .ui-accordion-content ul.selection-list.options-list li .li-body .right span {
	display:block;
	font-size:12px;
	line-height:14px;
}
body #wrap_all #main .configurator-body .ui-accordion .ui-accordion-content ul.selection-list.options-list li.active .li-body .right span {
	font-weight:600;
}
body #wrap_all #main .configurator-body .ui-accordion .ui-accordion-content ul.selection-list.options-list li.active .li-body .left {
	-webkit-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.04);
	-moz-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.04);
	box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.04);
}
body #wrap_all #main .configurator-body .ui-accordion .ui-accordion-content ul.selection-list.options-list li .li-body .right a {
	position:Relative;
	z-index:20;
	font-size:12px;
	display:block;
	margin-top:7px;
}
body #wrap_all #main .configurator-body .configurator-form .row .col-6:first-child {
	position:relative;
}
body #wrap_all #main .configurator-body .configurator-form .row .col-6:first-child:after{
	content:"";
	position:absolute;
	z-index:10;
	width:1px;
	height:100%;
	background-color:#d3d3d3;
	border:0px solid transparent !important;
	top:0px;
	right:35px;		
}
body #wrap_all #main .configurator-body .configurator-form .row .col-6:last-child form {
	padding-left:60px;
	padding-right:80px;
}
body #wrap_all #main .configurator-body .configurator-form .row label {
	margin:0 0 7px 0;
	font-size:14px;
	line-height:16px;
	padding:0px;
}
body #wrap_all #main .configurator-body .message-rows {
	display:none;
}
body #wrap_all #main .configurator-body .sent .form-rows {
	display:none !important;
}
body #wrap_all #main .configurator-body .sent .message-rows {
	display:block !important;
}
body #wrap_all #main .configurator-body .sent > .h2 {
	opacity:0;
}
body #wrap_all #main .configurator-body .form-sent-message {
	width:100%;
	height:auto;
	padding:100px 0 100px 0;
}
body #wrap_all #main .configurator-body .form-sent-message p a {
	display:block;
}
body #wrap_all #main .configurator-body .form-sent-message .h2 {
	font-size:30px;
	color:black;
	margin:0 0 20px 0;
	font-weight:600;
}
body #wrap_all #main .configurator-body .form-sent-message p,
body #wrap_all #main .configurator-body .form-sent-message p a {
	font-size:18px;
	line-height:25px;
	color:black;
	text-decoration:none;
	font-weight:600;
}
body #wrap_all #main .configurator-body .form-sent-message p a.tel {
	font-size:30px;
	margin-bottom:15px;
}
body #wrap_all #main .configurator-body .form-sent-message p a:hover {
	text-decoration:underline;
}
body .option-detail {
	padding:20px;
}
body .option-detail img {
	max-height:170px;
	width:auto;
}
body .option-detail div.img {
	text-align:center;
}
body .option-detail .h2 {
	font-size:16px;
	color:#666666;
	font-weight:600;
	margin:0 0 20px 0;
	text-transform:uppercase;
}

body .option-detail p {
	font-size:14px;
	color:#666666;
	font-weight:400;
}

body .std-lightbox {
	padding:0px 20px 5px 20px;
}
body .fancybox-skin {
	background-color:White;
}
body .std-lightbox h2 i,
body .std-lightbox table th i,
body .std-lightbox table td a i {
	display:none;		
}
body .std-lightbox table {
	width: 100%;
	border-collapse: collapse;
}
body .std-lightbox h1 {
	font-size:18px !important;
	font-weight:600 !important;
	font-family:'HCo Gotham SSm',sans-serif;
}
body .std-lightbox h2 {
	font-weight: 500 !important;
	text-transform: uppercase;
	padding-bottom: 15px;
	font-size:14px !important;
}
body .std-lightbox h2.bigger {
	font-size:16px !important;
}
body .std-lightbox table thead th {
	font-weight: 500 !important;
	text-transform: uppercase;
	padding-bottom: 15px;
	font-size:14px !important;
	color:black;
	text-transform:uppercase;
	font-family:'HCo Gotham SSm',sans-serif;
	border:0px solid transparent;
}
body .std-lightbox table td {
  font-size: 14px;
  font-weight: 400;
  padding: 5px 10px 5px 10px;
  border: 1px solid #e2e2e2;
  text-align: left;
  font-size: 14px;
  color: #666666;
}
body .std-lightbox table td.yes {
  background-color: #e3e3e3;
  border-bottom: 1px solid white;
  border-right: 1px solid white;
  text-align: center;
  vertical-align:middle;
}
body .std-lightbox table td.no {
  text-align: center;
  vertical-align:middle;
}
body .std-lightbox .row {
	margin:0 -15px 0 -15px;
	display:flex;
}
body .std-lightbox .row .col-md-4 {
	flex:0 0 33.33%;
	max-width:33.33%;
	padding:0 15px 0 15px;
}
body .std-lightbox .row .col-md-2 {
	flex:0 0 16.66%;
	max-width: 16.66%;
	padding:0 15px 0 15px;
}
body .std-lightbox .row .col-md-5 {
	flex:0 0 41.66%;
	max-width: 41.66%;
}
body .std-lightbox .text-center {
	text-align:center;
}
body .std-lightbox .row .col-md-6 {
	flex:0 0 50%;
	max-width:50%;
	padding:0 15px 0 15px;	
}
body .std-lightbox .row img {
	max-width:100%;	
	max-height:350px;
	width:auto;
}
body .std-lightbox .h1 {
	font-size:16px;
	font-weight:200;
	font-family:'HCo Gotham SSm',sans-serif;
	color:black;
	display:block;
	margin:0 0 30px 0;
}
body .std-lightbox .h1 strong{
	font-size:24px;
	font-weight:600;
	text-transform:uppercase;
	font-family:'HCo Gotham SSm',sans-serif;
	color:black;
	display:block;
	line-height:28px;
}
body .std-lightbox.step5-lightbox p,
body .std-lightbox.step3-lightbox p {
	font-size:14px;
	font-weight:200;
	font-family:'HCo Gotham SSm',sans-serif;
	color:#666666;
	padding:20px 0 0 0 !important;
	line-height:20px;
}
body .std-lightbox.step5-lightbox .bottom,
body .std-lightbox.step3-lightbox .bottom {
	border-top:1px solid #e2e2e2;
}
body .std-lightbox p {
	margin:0 0 15px 0;
	font-size:14px;
	color:#666666;
	font-family:'HCo Gotham SSm',sans-serif;
	font-weight:200;
}
body #step2_lightbox.std-lightbox > .row {
	margin-left:0px;
	margin-right:0px;
}
body #step2_lightbox.std-lightbox > .row > .col {
	border-top:1px solid #e2e2e2;
	border-left:1px solid #e2e2e2;
	padding-top:15px;
	padding-bottom:15px;
	padding-left:20px;
	padding-right:20px;
	border-collapse:collapse;
}
body #step2_lightbox.std-lightbox img {
	max-height:170px;
	width:auto;
	max-width:100%;
}
body #step2_lightbox.std-lightbox > .row > .col:last-child {
	border-right:1px solid #e2e2e2;
}
body #step2_lightbox.std-lightbox > .row:last-child > .col{
	border-bottom:1px solid #e2e2e2;
}
body .fancybox-close {
	background:url('/wp-content/themes/enfold-child/abc-configurator-templates/img/close-cryoniq.svg') no-repeat center center transparent;
	width:38px;
	height:38px;
	background-size:100% auto;
	top:10px;
	right:10px;
}
body .fancybox-outer {
	padding-top:35px;
	padding-bottom:20px;
}
body .mb-0 {
	margin-bottom:0px !important;
}
body .mb-1 {
	margin-bottom:10px !important;
}
body .configurator-body .simple-btn {		
	border: 0px solid #0071e3 !important;
	font-weight: 600;
	font-family: 'HCo Gotham SSm',sans-serif;
	text-transform: uppercase;
	font-size: 12px !important;
	padding: 5.5px 0px 5.5px 0px !important;
	text-decoration:underline;
	color:#0071e3 !important;
	font-weight:400 !important;
	margin-right:7.5px;	
}
body .configurator-body .btn.next-step {
	padding-left:7.5px !important;
	padding-right:7.5px !important;
	font-size:12px !important;
	padding-top:7px !important;
	padding-bottom:7px !important;
	margin-top:10px !important;
}
#ui-id-12 {
	overflow-y:auto;
	max-height:calc( 100vh - 530px );
}	
@media only screen and (max-width: 991px) {
	body .step2-lightbox-win {
		padding:0px 5px 5px 5px;
	}
	body .std-lightbox.step2-lightbox-win h2 {
		font-size:12px !important;
		padding-bottom:0px !important;
		margin-bottom:0px !important;
	}
	body .std-lightbox.step2-lightbox-win h2.bigger {
		font-size:14px !important;
	}
	body .std-lightbox.step2-lightbox-win .col-md-2 {
		flex:0 0 20%;
		max-width:20%;
	}
	body .std-lightbox.step2-lightbox-win .col-md-5 {
		flex:0 0 40%;
		max-width:40%;
	}
	body .std-lightbox.step2-lightbox-win {
		font-size:12px;
		line-height:16px;
	}
	body #step2_lightbox.std-lightbox > .row > .col {
		padding-left:10px;
		padding-right:10px;
	}
	body .configurator-body .left-pane {
		flex: 0 0 55%;
		max-width: 55%;
	}
	body .configurator-body .left-pane img {
		max-width:100% !important;
		height:auto !important;
		width:auto !important;
	}
	body .configurator-body .right-pane {
		flex: 0 0 45%;
		max-width: 45%;
	}
	body #wrap_all #main .configurator-body .left-pane .h1 {
  		font-size: 20px;
	}
	body .configurator-body .configurator-form .h2, body #wrap_all .configurator-body .left-pane .h2 {
  		font-size: 20px;
	}
	body .configurator-body {
		margin-top:20px;	
	}
	body #wrap_all #main .configurator-body .ui-accordion .ui-accordion-header {
		padding:0.7em .5em 0.7em 1em;
	}
	body #wrap_all #main .configurator-body .configurator-form .row .col-6:last-child form {
		padding-left:5px;
		padding-right:5px;	
	}
	body #wrap_all #main .configurator-body .form {
		padding:15px;
	}
	body #wrap_all .configurator-form {
  		padding: 40px 0px 20px 0px
	}
	body .configurator-body .configurator-form .h2 {
		margin-bottom:20px;
	}
	body .configurator-form .h3 {
		font-size:16px;	
	}
	body #wrap_all #main .configurator-body .configurator-form .row .col-6:first-child {
		flex:0 0 60%;
		max-width:60%;		
	}					  		  		   
	body #wrap_all #main .configurator-body .configurator-form .row .col-6:last-child {
		flex:0 0 40%;
		max-width:40%;		
	}
	body #wrap_all #main .configurator-body .configurator-form .row .col-6:first-child::after { 
		right:0px;
	}
	body #wrap_all #main .configurator-body .out-line .col1,
	body #wrap_all #main .configurator-body .out-line .col2, 
	body #wrap_all #main .configurator-body .out-line .col3 {
		font-size:13px;
	}
	body .configurator-body .left-pane {
		padding:40px 15px 40px 15px;
	}
}
@media only screen and (max-width: 768px) {
	#ui-id-12 {
		overflow-y:auto;
		max-height:100%;
	}
	body #wrap_all #main .configurator-body .ui-accordion .ui-accordion-content ul.selection-list li .void-holder img {
		max-width:50px;		
	}
	body .configurator-body {
		margin-top:10px;
	}
	body .sm-mb-0 {
		margin-bottom:0px !important;
	}
	body #wrap_all #main .configurator-body .btn.smaller {
		font-size:12px !important;
		padding-left:7.5px !important;
		padding-right:7.5px !important;
		padding-top:7px !important;
		padding-bottom:7px !important;
	}
	body #wrap_all #main .configurator-body .ui-accordion .ui-accordion-content {
  		padding: 1em 0.2em;
	}
	body #wrap_all #main .configurator-body .ui-accordion .ui-accordion-content ul.selection-list li img {
		max-height:100px;
	}	 
	body #wrap_all #main .configurator-body .ui-accordion .ui-accordion-header {
		display:none;
	}
	body #wrap_all #main .configurator-body .ui-accordion .ui-accordion-header.ui-state-active {
		display:block;
	}
	body #wrap_all #main .configurator-body .ui-accordion .ui-accordion-header.ui-state-active strong {
		display:inline-block !important;
		font-weight:400;
	}
	body #wrap_all #main .configurator-body .ui-accordion .ui-accordion-header.ui-state-active strong.small {
		font-size:12px;
		text-transform:none;
		color:#666666 !important;
		margin-top:3px;				
	}
	body #wrap_all #main .configurator-body .ui-accordion .ui-accordion-content {
		display:none;
	}
	body #wrap_all #main .configurator-body .ui-accordion .ui-accordion-header.ui-state-active span {
		display:none;
	}
	body #wrap_all #main .configurator-body .ui-accordion .ui-accordion-content.ui-accordion-content-active {
		display:block;
	}
	body .sm-hide {
		display:none !important;
	}	
	body .sm-show {
		display:block !important;
	}
	body .sm-no-border {
		border:0px solid transparent !important;
	}  		  		
	body .sm-main-row .col-md-2{
		display:none;		
	}
	body .sm-main-row .col-md-5{
		flex:0 0 100% !important;
		max-width:100% !important;
		text-align:Center;		
	}
	body #step2_lightbox.std-lightbox img {
  		max-height: 220px;
	}
	body #step2_lightbox.std-lightbox .switches {
		border:0px solid transparent !important;
		display:flex;
		text-align:center;
		padding:0px !important;
		margin-bottom:15px !important;
	}
	body #step2_lightbox.std-lightbox .switches a:first-child{
		-webkit-border-top-left-radius: 20px;
		-webkit-border-bottom-left-radius: 20px;
		-moz-border-radius-topleft: 20px;
		-moz-border-radius-bottomleft: 20px;
		border-top-left-radius: 20px;
		border-bottom-left-radius: 20px;
	}
	body #step2_lightbox.std-lightbox .switches a:last-child{
		-webkit-border-top-right-radius: 20px;
		-webkit-border-bottom-right-radius: 20px;
		-moz-border-radius-topright: 20px;
		-moz-border-radius-bottomright: 20px;
		border-top-right-radius: 20px;
		border-bottom-right-radius: 20px;
	}
	body #step2_lightbox.std-lightbox .switches a {
		flex:0 0 50%;
		max-width:50%;
		padding:7.5px 0 7.5px 0;
		display:block;
		font-size:12px;
		color:black !important;
		font-weight:600 !important;
		border:2px solid black;
		text-decoration:none !important;
	}
	body #step2_lightbox.std-lightbox .switches a.active {
		color:white !important;
		background-color:black;
	}
	body .std-lightbox.step2-lightbox-win .col-md-2 {
		flex:0 0 1300px;
		max-width:130px; 
	}
	body .std-lightbox.step2-lightbox-win .col-md-5 {
		flex:0 0 calc( 100% - 130px );
		max-width: calc( 100% - 130px );
		border-right: 1px solid #e2e2e2; 
	}
	body .std-lightbox.step2-lightbox-win .h1 {
		margin-bottom:15px;
	}
	body .std-lightbox.step2-lightbox-win .h1 strong{
		font-size:16px;
		text-transform:none;
	}			 	 
	body .configurator-body .left-pane,
	body .configurator-body .right-pane {
  		flex: 0 0 100%;
  		max-width: 100%;
  		border:0px solid transparent !important;
  		padding-top:0px;
  		padding-bottom:0px;
	}
	body .configurator-body .left-pane {
		max-height:40vh;
		overflow:hidden;
	}
	body .configurator-body .main-configurator.step-6 .left-pane {
		height:40px !important;		
	}
	body .configurator-body .main-configurator.step-6 .right-pane {
		max-height:auto !important;		
	}
	body .configurator-body .main-configurator.step-6 {
		align-items: flex-start;
		height:auto !important;
	}
	body .configurator-body .left-pane {
		display:flex;
		flex-direction:column;
	}
	body .configurator-body .left-pane header {
		flex:0 0 60px;
	}
	body .configurator-body .left-pane .step {		
		flex:0 0 calc( 100% - 60px );
		max-height: calc( 100% - 60px );
	}
	body .configurator-body .left-pane .step > div {
		max-height:100%;
		display:flex;
		flex-direction:column;
		height:100%;
		align-items:center;
		justify-content: flex-start;				
	}	
	body .configurator-body .left-pane .step > div > div{		
		max-height:100%;
		flex:0 0 100%;
		max-height: 100%;
		height:100%;		
	}
	body .configurator-body .main-configurator {
		min-height:calc( 100vh - 70px );
		height:auto;
		position:relative;
		overflow:hidden;
	}
	body .configurator-body .right-pane {
		max-height:55%;
		overflow:hidden;
	}
	body .configurator-body .right-pane {
		padding-left:0px;
		padding-right:0px;
	}
	body .configurator-body .left-pane img {
		max-height:290px !important;
		height:auto !important;
		width:auto;
		max-width:100%;
		align-self:center		 
	}
	body #wrap_all #main .configurator-body .configurator-form .row .col-6:first-child,
	body #wrap_all #main .configurator-body .configurator-form .row .col-6:last-child {
  		flex: 0 0 100%;
  		max-width: 100%;
  		border:0px solid transparent;
	}
	body #wrap_all #main .configurator-body .configurator-form .row .col-6:first-child {
		padding-bottom:30px;
		margin-bottom:30px;
	}
	body #wrap_all #main .configurator-body .configurator-form .row .col-6:last-child form {
		padding:0px;
	}
	body #wrap_all #main .configurator-body .configurator-form .row .col-6:first-child:after {
		content: "";
		position: absolute;
		z-index: 10;
		width: calc( 100% - 15px );
		height: 1px;
		top:auto;
		left:15px;
		bottom:0px;
		background-color: #d3d3d3;
		border: 0px solid transparent !important;
	}		
	body #wrap_all .configurator-form {
		padding-top:0px;
	}
	body #wrap_all #main .configurator-body .form-sent-message .h2 {
		font-size:17px;
	}
	body #wrap_all #main .configurator-body .form-sent-message p, body #wrap_all #main .configurator-body .form-sent-message p a {
		font-size:12px;
	}
	body #wrap_all #main .configurator-body .form-sent-message p a.tel {
		font-size:17px;
	}
}
@media only screen and (max-width: 650px) {
	body .configurator-body .left-pane .step {		
		flex:0 0 calc( 100% - 0px );
		max-height: calc( 100% - 0px );
	}
	body .configurator-body .left-pane img {		
		margin-left:auto;
		margin-right:auto;
	}
	body #wrap_all #main .configurator-body .ui-accordion .ui-accordion-content ul.selection-list li img {
		max-height:70px;
		width:auto;
		max-width:100%;
	}
	body #wrap_all #main .configurator-body .main-configurator.step-2 .ui-accordion .ui-accordion-content ul.selection-list li img {
		max-height:100px;		
	}
	body #wrap_all #main .configurator-body .ui-accordion .ui-accordion-content ul.selection-list.max-h-70 li img {
		/*max-height:70px;
		width:auto;
		max-width:100%;*/		
	}
	body #wrap_all #main .configurator-body {
		margin-left:-7%;
		margin-right:-7%;
	} 
	body #wrap_all #main .configurator-body .left-pane .h1,
	body #wrap_all .configurator-body .left-pane .h2 {
		font-size:14px;
		font-weight:600;
		display:inline-block;
		text-transform:uppercase;	
	}
	body #wrap_all .configurator-body .left-pane .header {
		text-align:center;
	}
	body #wrap_all .configurator-body .left-pane {
		padding-left:0px;
		padding-right:0px;
	}
	body #wrap_all #main .configurator-body .ui-accordion .ui-accordion-content ul.selection-list li .h3,
	body #wrap_all #main .configurator-body .ui-accordion .ui-accordion-header {
		font-size:12px !important;
	}
	body #wrap_all #main .configurator-body .ui-accordion .ui-accordion-content ul.selection-list li > div.img-holder {
		margin-bottom:0px;
	}
	body #wrap_all #main .configurator-body .ui-accordion .ui-accordion-content p {
		font-size:11px;
		line-height:14px;
	}
	body #wrap_all #main .configurator-body .ui-accordion .ui-accordion-content p a{
		font-size:12px;
		line-height:16px;	
	}
	body #wrap_all #main .configurator-body .xs-text-center {
		text-align:center !important;
	}
	body .configurator-body .right-pane .last-step {
		position:fixed;
		z-index:50;
		left:0px;
		bottom:0px;
		background-color:black;
		width:100%;
		margin:0px;
		padding:9.5px 0 9.5px 0;
		text-align:center;
		display:none;
	}
	body .configurator-body .btn, body #wrap_all #main .configurator-body .btn.submit-btn,
	body .configurator-body .right-pane .last-step a.btn {
		font-size:13px !important;
		padding:7px 20px 7px 20px !important;
	}
	body #wrap_all #main .configurator-body .ui-accordion .ui-accordion-content ul.selection-list li > div.img-holder {
		padding:5px;
	}
	body #wrap_all #main .configurator-body .ui-accordion .ui-accordion-content ul.selection-list li.active > div.img-holder {
  		-webkit-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0);
  		-moz-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0);
  		box-shadow: 0px 0px 10px 5px rgba(0,0,0,0);
	}
	body #wrap_all #main .configurator-body .ui-accordion .ui-accordion-content ul.selection-list li.active {
  		-webkit-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.04);
  		-moz-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.04);
  		box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.04);
	}
	body #wrap_all #main .configurator-body .ui-accordion .ui-accordion-content ul.selection-list.options-list li .li-body .left,
	body #wrap_all #main .configurator-body .ui-accordion .ui-accordion-content ul.selection-list.options-list li .li-body .right {
		flex:0 0 100%;
		max-width:100%;
	}
	body #wrap_all #main .configurator-body .ui-accordion .ui-accordion-content ul.selection-list.options-list li .li-body .left img {
		max-width:60%;
		height:auto;
		margin-left:auto;
		margin-right:auto;
	}
	body #wrap_all #main .configurator-body .ui-accordion .ui-accordion-content ul.selection-list.options-list li .li-body .right span{
		font-size:11px;
		line-height:14px;
		text-align:center;		
	}
	body #wrap_all #main .configurator-body .ui-accordion .ui-accordion-content ul.selection-list.options-list li .li-body .right a {
		text-align:Center;
		font-size:11px;
		line-height:14px;
		display:block;
		margin-top:10px;
	}
	body #wrap_all #main .configurator-body .ui-accordion .ui-accordion-content ul.selection-list.col2 li {
		flex: 0 0 calc( 33.33% - 10px );
		max-width: calc( 33.33% - 10px );
		border:0px solid transparent;
		margin-left:5px;
		margin-right:5px;
		margin-bottom:5px;
	}
	body #wrap_all #main .configurator-body .ui-accordion .ui-accordion-content ul.selection-list.options-list li.active .li-body .left {
		-webkit-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0);
		-moz-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0);
		box-shadow: 0px 0px 10px 5px rgba(0,0,0,0);
	}
	body #wrap_all #main .configurator-body .row .col-3 {
		flex: 0 0 39%;
		max-width: 39%;
		padding-left:7.5px;
		padding-right:7.5px;
		font-size: 11.5px !important;		
	}
	body #wrap_all #main .configurator-body .row .col-5 {
		flex: 0 0 28%;
  		max-width: 28%;
  		padding-left:7.5px;
		padding-right:7.5px;
	}
	body #wrap_all #main .configurator-body .row .col-4 {
  		flex: 0 0 33%;
  		max-width: 33%;
  		padding-left:7.5px;
		padding-right:7.5px;
	}
	body #wrap_all #main .configurator-body .out-line .col1, body #wrap_all #main .configurator-body .out-line .col2, body #wrap_all #main .configurator-body .out-line .col3 {
    font-size: 12px;
    line-height: 14px;
  }
  body #wrap_all #main .configurator-body .form .options-line .print-out {
  	font-size: 12px;
  	line-height: 14px;
	}
	body .configurator-body .configurator-form .h3 {
		font-size:14px;
	}
	body .configurator-body .configurator-form .h2{
		font-size:17px;	
	}
	body #wrap_all #main .configurator-body .form {
  		padding: 7.5px 10px 7.5px 10px;
	}
	body #wrap_all #main .configurator-body .out-line {
		margin: 0 -7.5px 20px -7.5px;
	}
	body #wrap_all #main .configurator-body label {
		font-size:12px !important;
	}
		  		
}
@media only screen and (max-width: 600px) {
	body .xs-hide {
		display:none !important;
	}
	body .option-detail {
		padding:5px;
	}
	body .xs-change-order {
		display:flex;
		flex-direction:column-reverse;
	}
	body .option-detail .h2,
	body .std-lightbox .h1 strong {
		font-size:16px;
		text-transform:none;
	}	
	body .std-lightbox .h1 {
		font-size:12px;
	} 
	body .std-lightbox .compare-table img {
		display:none;
	}	
	body .std-lightbox h2,
	body .std-lightbox table thead th {
		font-size:11px !important;
		padding-left:5px;
		padding-right:5px;
		padding-bottom:7.5px !important;
	}
	body .std-lightbox .h1 {
		margin-bottom:15px;
	}
	body .std-lightbox {
		padding-left:5px;
		padding-right:5px;
	}
	body .fancybox-skin {
		padding:7.5px !important;
	}
	body .option-detail p,
	body .std-lightbox.step5-lightbox p, 
	body .std-lightbox.step2-lightbox-win p,
	body .std-lightbox.step3-lightbox p,
	body .std-lightbox table td {
		font-size:11px !important;
		line-height:15px;
	}
	body .std-lightbox.step5-lightbox .bottom, body .std-lightbox.step3-lightbox .bottom {
		border:0px solid transparent;
	}
	body .fancybox-close {
		width:28px;
		height:28px;
	}
	body .fancybox-outer {
  		padding-top: 30px;
	}
	body .std-lightbox.step5-lightbox p, 
	body .std-lightbox.step3-lightbox p {
		padding-top:5px !important;
	}
	body .std-lightbox.step5-lightbox .row, 
	body .std-lightbox.step3-lightbox .row {
		flex-wrap:wrap;
		margin:0px;
	}
	body .std-lightbox.step5-lightbox .col, 
	body .std-lightbox.step3-lightbox .col {
		flex:0 0 100%;
		max-width:100%;
		text-align:center;
	}
	body .std-lightbox.step5-lightbox .col img,
	body .std-lightbox.step3-lightbox .col img {
		max-height:250px;
		width:auto;
	}  		
}

@media only screen and (max-width: 500px) { 
	body .fancybox-wrap {
		width:95% !important;
		left:0 !important;
		right:0 !important;
		margin-right:auto !important;
		margin-left:auto !important;	
	}
	body .fancybox-wrap .fancybox-inner {
		width:100% !important;
	}
	body .std-lightbox h2, body .std-lightbox table thead th {
		padding-left:0px;
		padding-right:0px;
	} 
}
body .configurator-body a.fancybox-trigger {
	font-weight:600;
}    