/* Template */

.woocommerce.mspc-product .variations_form .variations {
	display: none;
}

.woocommerce.mspc-product.mspc-fullwidth-summary .summary {
	width: 100%;
}

.woocommerce.mspc-product.mspc-fullwidth-summary .summary .images {
	float: none;
}


/* MSPC */

.mspc-wrapper {
	
	clear: both;
}

.mspc-wrapper,
.mspc-wrapper * {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.mspc-wrapper .mspc-content {
	z-index: 10;
}

.mspc-wrapper .mspc-content .mspc-variations {
	display: none;
	padding-top: 10px;
}

.mspc-content .mspc-variation {
	position: relative;
	padding: 10px;
	cursor: pointer;
	 -moz-transform: scale(1);
	-webkit-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

.mspc-content .mspc-variation,
.mspc-content .mspc-variation.active {
	position: relative;
	-webkit-transform: translateZ(0); /* webkit flicker fix */
	-webkit-font-smoothing: antialiased; /* webkit text rendering fix */
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	transition: all 300ms ease-out;
}

.mspc-content .mspc-variation.active{
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    
}

.mspc-variation img {
	max-width: 100%;
	width: 100%;
}

.mspc-variation .mspc-text-wrapper > strong {
	display: block;
	font-size: 16px;
}

.mspc-variation .mspc-text-wrapper > p {
	font-size: 14px;
	line-height: 16px;
	margin-top: 10px;
}

.mspc-clear-selection {
	display: block;
	margin: 10px 0;
	text-align: right;
}

.mspc-variation .mspc-tooltip {
	background: rgba(0,0,0,0.8);
	z-index: 200;
	bottom: 100%;
	color: #fff;
	font-size: 14px;
	display: block;
	left: 50%;
	margin-bottom: 15px;
	opacity: 0;
	padding: 6px 8px;
	pointer-events: none;
	position: absolute;
	white-space: nowrap;
	transform: translate(-50%, -10px);
	transition: all .25s ease-out;
	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.28);
	border-radius: 5px;
}

.mspc-variation .mspc-tooltip:before {
	bottom: -20px;
	content: " ";
	display: block;
	height: 20px;
	left: 0;
	position: absolute;
	width: 100%;
}

.mspc-variation:hover .mspc-tooltip {
	opacity: 1;
	pointer-events: auto;
	transform: translate(-50%, 0);
}


/* GRID ITEM LAYOUT VERTICAL */

.mspc-vertical.mspc-variation .mspc-radio {
	position: absolute;
	left: 50%;
	top: 5px;
	margin-left: -5px;
}

.mspc-vertical.mspc-variation {
	text-align: center;
	padding-top: 30px;
}

.mspc-vertical.mspc-variation .mspc-text-wrapper {
	margin-top: 10px;
}

.mspc-vertical.mspc-variation .mspc-text-wrapper > strong {
	text-align: center;
}

.mspc-vertical.mspc-variation .mspc-text-wrapper > p {
	margin-top: 10px;
}


/* GRID ITEM LAYOUT HORIZONTAL */

.mspc-horizontal.mspc-variation .mspc-radio {
	margin-top: -10px;
	position: absolute;
	right: 0;
	top: 50%;
}

.mspc-horizontal.mspc-variation img {
	max-width: 100%;
	
	float: left;
}

.mspc-horizontal .mspc-text-wrapper {
	float: left;
	width: 100%;
	
}

.mspc-horizontal .mspc-text-wrapper > p {
	margin-top: 10px;
}


.mspc-module-tabs .mspc-menu-item.disabled,
.mspc-accordion .mspc-menu-item.disabled {
	opacity: 0.5;
	color: inherit;
}

/* TABS */

.mspc-menu.tabular {
	border-bottom: none !important;
}


/* STEPS VERTICAL */

.mspc-module-steps-vertical > .steps {
	width: 25%;
	float: left;
	margin-right: 5%;

}

.mspc-module-steps-vertical > .mspc-content {
	width: 65%;
	float: left;
	margin-top: 0;
}


/* ACCORDION */

.mspc-accordion {
	border: 1px solid rgba(0,0,0,0.1);
	background: #fff;
}

.mspc-accordion .mspc-menu-item {
	display: block;
	padding: 15px 0 13px 10px;
	line-height: 1;
	font-size: 16px;
	border-bottom: 1px solid rgba(0,0,0,0.1);
}

.mspc-accordion .mspc-menu-item.active {
	background: #fafafa;
}

.mspc-accordion .mspc-menu-item .icon {
	float: left;
}

.mspc-accordion .mspc-menu-item span {
	clear: both;
	margin-left: 5px;
}

.mspc-accordion .mspc-content {
	display: none;
	padding: 0 30px;
	border-bottom: 1px solid rgba(0,0,0,0.1);
}

.mspc-accordion .mspc-content .mspc-variations {
	display: block !important;
}


/* HELPERS */

.mspc-clearfix:before, .mspc-clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.mspc-clearfix:after { clear: both; }
.mspc-clearfix { zoom: 1; }
.mspc-clear {clear: both;}
.mspc-hidden {display: none;}


/* Ignite Css Start*/
.fancy-product .site-main{ width: 100%!important }
.fancy-product .ignite-options-wrapper{ width: 22%; float: left;background: #dadada;}
.fancy-product .fpd-product-designer-wrapper{ width: 63%;float: left; background: #fff; }
.fancy-product  .summary.entry-summary { box-shadow: none!important; width: 15%!important; float: left;background: #000 !important; border: solid 1px rgba(255,255,255,0.1) !important min-height: 575px;margin-bottom: 0 !important; }
.fancy-product .woocommerce-variation.single_variation{ margin-bottom: 30px;}
.fancy-product .product_meta{ display: none;}
.fancy-product .ignite-options-wrapper .ignite-attr-ui{ min-height: 575px; background: #000;box-shadow:none; border-radius: none!important ;}
.fancy-product .ignite-options-wrapper .ignite-attr-ui a{ border-radius: 0px!important; padding: 15px!important; text-align: center;}
.fancy-product .ignite-options-wrapper .ignite-attr-ui a.active{ background: #dadada !important;}
.fancy-product .ignite-options-wrapper .ignite-attr-ui a span{ width: 100%; display: inline-block; padding-top: 5px; color: #fff;}
.fancy-product .ignite-options-wrapper .ignite-attr-ui a.active span{ color: #c57348; }
.fancy-product .ignite-options-wrapper .ignite-attr-ui a:after{ background: none!important ;}
.fancy-product .ignite-options-wrapper .ignite-attr-content{background: #dadada; border-radius: 0px; padding:0px; box-shadow:none; min-height: 575px; max-height: 575px; display: none;}
.fancy-product .ignite-options-wrapper .ignite-attr-pa_material{ background: #c16b46; }
.fancy-product .ignite-options-wrapper .ignite-attr-pa_size{ background: #ae613f!important; }
.fancy-product .ignite-options-wrapper .ignite-attr-pa_shape{ background: #915034; }
.fancy-product .ignite-options-wrapper .ignite-attr-pa_colors{ background: #623724; }
.fancy-product .ignite-options-wrapper .ignite-attr-pa_imtext{ background: #4e2c1d; }
.ignite-options-wrapper .ignite-attr-img-pa_material-hover,.ignite-options-wrapper .ignite-attr-img-pa_fixing-method-hover, .ignite-options-wrapper .ignite-attr-img-pa_size-hover, .ignite-options-wrapper .ignite-attr-img-pa_shape-hover, .ignite-options-wrapper .ignite-attr-img-pa_colors-hover , .ignite-options-wrapper .ignite-attr-img-pa_imtext-hover
,.ignite-attr-pa_material.active .ignite-attr-img-pa_material, .ignite-attr-pa_fixing-method.active .ignite-attr-img-pa_fixing-method  ,.ignite-attr-pa_size.active .ignite-attr-img-pa_size ,.ignite-attr-pa_shape.active .ignite-attr-img-pa_shape ,.ignite-attr-pa_colors.active .ignite-attr-img-pa_colors ,.ignite-attr-pa_imtext.active .ignite-attr-img-pa_imtext
{ display: none; }

.ignite-attr-pa_material.active .ignite-attr-img-pa_material-hover , .ignite-attr-pa_fixing-method.active .ignite-attr-img-pa_fixing-method-hover  ,.ignite-attr-pa_size.active .ignite-attr-img-pa_size-hover ,.ignite-attr-pa_shape.active .ignite-attr-img-pa_shape-hover ,.ignite-attr-pa_colors.active .ignite-attr-img-pa_colors-hover ,.ignite-attr-pa_imtext.active .ignite-attr-img-pa_imtext-hover{ display: block;}
.ignite-vari-pa_fixing-method .mspc-variation.active .im-Screw, .ignite-vari-pa_fixing-method .mspc-variation.active .im-None, .ignite-vari-pa_colors .mspc-variation.active .im-Red, .ignite-vari-pa_colors .mspc-variation.active .im-Yellow, .ignite-vari-pa_colors .mspc-variation.active .im-White, .ignite-vari-pa_colors .mspc-variation.active .im-Blue, .ignite-vari-pa_shape .mspc-variation.active .im-oval, .ignite-vari-pa_shape .mspc-variation.active .im-Square , .ignite-vari-pa_shape .mspc-variation.active .im-Rectangle , .ignite-vari-pa_shape .mspc-variation .im-oval-hover, .ignite-vari-pa_shape .mspc-variation .im-Square-hover, .ignite-vari-pa_shape .mspc-variation .im-Rectangle-hover , .ignite-vari-pa_colors .mspc-variation .im-Blue-hover, .ignite-vari-pa_colors .mspc-variation .im-Red-hover, .ignite-vari-pa_colors .mspc-variation .im-White-hover, .ignite-vari-pa_colors .mspc-variation .im-Yellow-hover , .ignite-vari-pa_fixing-method .mspc-variation .im-Screw-hover ,  .ignite-vari-pa_fixing-method .mspc-variation .im-None-hover{ display: none!important;}
.ignite-vari-pa_fixing-method .mspc-variation.active .im-Screw-hover , .ignite-vari-pa_fixing-method .mspc-variation.active .im-None-hover ,.ignite-vari-pa_shape .mspc-variation.active .im-oval-hover, .ignite-vari-pa_shape .mspc-variation.active .im-Square-hover, .ignite-vari-pa_shape .mspc-variation.active .im-Rectangle-hover, .ignite-vari-pa_colors .mspc-variation.active .im-Blue-hover, .ignite-vari-pa_colors .mspc-variation.active .im-Red-hover, .ignite-vari-pa_colors .mspc-variation.active .im-White-hover ,.ignite-vari-pa_colors .mspc-variation.active .im-Yellow-hover  { display: block!important;}

.fancy-product .ignite-options-wrapper .ignite-variations .ignite-variation{ padding: 0px; margin: 0px;}
.fancy-product .ignite-options-wrapper .ignite-variations .ignite-variation{ background: #dedede; border: 1px solid #fff;  border-radius: 10px; margin-bottom: 10px;}
.fancy-product .ignite-options-wrapper p{ margin: 0px!important;}
.fancy-product .ignite-options-wrapper .ignite-attribute-title-wrapper{border-bottom: 1px solid #fff; padding: 8px 0px 8px 15px; font-size: 13px;line-height: 14px;}
.fancy-product .ignite-options-wrapper .ignite-attribute-title-wrapper .ignite-attribute-title{ color: #bf4000; font-weight: bold; font-size: 20px; line-height: 20px;}
.fancy-product .ignite-options-wrapper .ignite-variations .ignite-variation.active{background: #fff;}
.fancy-product .ignite-options-wrapper .ignite-variations .ignite-variation .ignite-attribute-content-wrapper{ width: 100%;}
.fancy-product .ignite-options-wrapper .ignite-variations .checkbox{ display: none;}
.ignite-attribute-image-wrapper{width: 30%; background: #d8d8d8; border-radius: 0px 0px 0px 10px; }
.ignite-attribute-desc-wrapper{padding: 15px;}
.ignite-attribute-desc-wrapper p{ margin-bottom: 0px;line-height: 16px;font-size: 13px;}
.ignite-attribute-content-wrapper table{ margin: 0px;}
.ignite-attribute-content-wrapper td{ border: none;vertical-align: middle;}
.ignite-variation-non-material{ background: #fff;  border-radius: 10px;}
.fancy-product .ignite-options-wrapper .ignite-variation-non-material .ignite-attribute-title-wrapper{border-bottom: 1px solid #dadada!important;}
.ignite-attribute-icons-wrapper{ padding: 20px 15px!important;}
.ignite-variation-non-material .ignite-attribute-image-wrapper{width: 100%!important;}
.ignite-attribute-icons-wrapper .mspc-variation{padding: 0px 5px; margin: 0px 0px 0px 0px!important; vertical-align: middle!important; }
.ignite-variation-non-material .ignite-attribute-desc-wrapper{padding: 0px; text-align: center; }
.ignite-variation-non-material .ignite-attribute-image-wrapper{ padding: 5px; display: inline-block; background: none; float: left;}
.ignite-variation-non-material .active { box-shadow: none !important; background: none !important;}
.ignite-variation-non-material .active .ignite-attribute-desc-wrapper{ color:  #bf4000; font-weight: bold;}
.ignite-vari-pa_size .active .ignite-attribute-desc-wrapper{ border:1px solid #bf4000!important;}
.ignite-vari-pa_size .ignite-attribute-image-wrapper{ display:none;}
.fancy-product .ignite-options-wrapper .ignite-variations .ignite-variation.active .ignite-attribute-title-wrapper{border-bottom: 1px solid #dadada!important; }
.fancy-product .ignite-attribute-text-builder .fpd-sc-module-wrapper{ border: none; min-height: auto;}
.imtext .ignite-attribute-icons-wrapper{ padding: 0px!important;}
.ignite-attribute-text-builder .fpd-module{ padding: 0px;}
.ignite-attribute-text-builder .fpd-module textarea{ width: 80%; margin: auto; margin-bottom:20px; margin-top: 20px;}
.ignite-attribute-text-builder .fpd-btn , .ignite-variation-non-material .fpd-btn{ width: 100%; margin: 0px; background: #d28b67!important; text-align: center; padding: 40px 0px; border-radius: 0px 0px 10px 10px;}
.ignite-attribute-text-builder .fpd-btn span , .ignite-variation-non-material .fpd-btn span{background: #f7ece7; cursor: pointer; text-transform: uppercase; color: #6e6565; padding: 10px 20px; font-weight: bold;font-size: 16px;}
.ignite-attribute-text-builder .fpd-btn span.fpd-price, .fancy-product .woocommerce-product-details__short-description{display: none;}
.ignite-height-value , .ignite-width-value{ text-transform: uppercase;}
.im-price-tax{ width: 100%; display: inline-block;font-size: 18px;color: #fff; margin-bottom: 20px;}
.ignite-button .single_add_to_cart_button{border: solid 1px rgba(255,255,255,0.1)!important ; width:100%!important; font-size: 15px!important;  padding: 15px 10px!important ; margin: 15px 0 0 !important;display: inline-block;color: #fff; background: none!important ;}
.fpd-container > .fpd-main-wrapper{ width:88%!important;}
.fancy-product .fpd-product-designer-wrapper .fpd-mainbar, .fancy-product  .summary.entry-summary .product_title.entry-title, .fancy-product  .summary.entry-summary .price, .woocommerce #content #primary::after, .fancy-product   .woocommerce-breadcrumb, .fancy-product .fpd-actions-wrapper.fpd-pos-bottom, .fancy-product .footer-top-bar, .fancy-product #colophon, .fancy-product  .fpd-actions-wrapper.fpd-pos-right {display:none;}
.fancy-product .ignite-fpd-imtitle {width: 88%;float: left;}
.fancy-product .ignite-fpd-imrefresh{width: 12%;float: left; cursor: pointer;display: inline-flex;align-items: center;min-height: 46.8px;}
.fancy-product .ignite-fpd-product-designer-title-wrapper { display: inline-block; width: 100%; background: #fff;padding: 10px;border-bottom: 2px #eae7e7 solid; box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);}
.fancy-product .ignite-fpd-imtitle h2 {margin-bottom: 0;text-align: center;font-weight: 700;font-size: 36px;}
.fancy-product .lower-canvas { background-image: url('../img/shadow.png'); background: #fff;}
.fancy-product .ignite-fpd-product-designer-height-wrapper .ignite-height-width .ignite-height {width: 47%;float: left;}
.fancy-product .ignite-height-value, .fancy-product   .ignite-width-value {color: #d27a5a;}
.fancy-product .restart-text {color: #000;font-size: 16px;font-weight: 700;}
.fancy-product .ignite-width {width: 47%;float: left;text-align: right;}
.fancy-product .pipe {float: left;width: 6%; text-align: center;}
.fancy-product  .fpd-bottom-actions-centered {background: #fff;width: 100% !important;}
.fancy-product .fpd-product-designer-wrapper .lower-canvas, .fancy-product .fpd-product-designer-wrapper .fpd-product-stage, .fancy-product .fpd-product-designer-wrapper .fpd-view-stage {width: 100% !important;}
.fancy-product .ignite-fpd-product-designer-height-wrapper {background: #fff; width: 88%; float: left; padding-top: 20px;}
.fancy-product .fpd-shadow-1 {-webkit-box-shadow: none;}
.fancy-product  .summary.entry-summary .product .summary form, .woocommerce div.product div.summary form {background: #000 !important; border-top: none!important;}
.fancy-product  .summary.entry-summary  .woocommerce-Price-amount.amount {color: #fff;font-size: 25px; font-weight:bold; }
.fancy-product  .summary.entry-summary span.price {text-align: right; display: block!important; line-height: initial;}
.fancy-product  .variations_form.cart {padding-top: 0 !important;}
.fancy-product .im-fancy-product-top-wrapper{ background: #000;}
.ignite-width-label , .ignite-height-label{ color:#b1a6a6 ;font-weight: bold; }
.fancy-product .im-fancy-product-top-content ul {width: 50%;margin: 0px auto;text-align: center;}
.fancy-product .im-fancy-product-top-content ul li {list-style: none;display: inline-flex;}
.fancy-product .im-fancy-product-top-icon {color: #fff; font-size: 21px; padding: 8px;}
.fancy-product .shop-banner {display: none;}
.fancy-product #primary {padding-top: 0 !important;border-top: none !important;}
 body.fancy-product {background: #000;}

.im-variation-button-wrapper{ text-align: center; margin-top: 35px;}
.im-select-button{ background: #fafafa; border: none; color: #615a57;font-weight: bold;text-transform: uppercase;padding: 10px 20px;font-size: 15px;line-height: 20px;}

.fancy-product .im-vari-item-content-pa_material {min-height: 450px;max-height: 450px;overflow-y: scroll;overflow-x: hidden;padding-right: 10px;scrollbar-color: #fff #adacac5c;scrollbar-width: thin;    margin-top: 10px !important;}
.fancy-product .im-vari-item-content-pa_material::-webkit-scrollbar-thumb:vertical {background-color: #ffffff;}
.fancy-product .im-vari-item-content-pa_material::-webkit-scrollbar {width: 5px;}
.fancy-product .im-vari-item-content-pa_material::-webkit-scrollbar-thumb {background: #ddd; }
.fancy-product .im-vari-item-content-pa_material::-webkit-scrollbar-track {background: #adacac5c;}

/*27march19*/
.fancy-product #product-modal button{background: #d28b67;border:none;padding: 5px 20px;}
.fancy-product #product-modal .modal-header { border-bottom: 1px solid #d28b67;}
.fancy-product #product-modal .modal-footer {border-top: 1px solid #d28b67;}
.fancy-product #product-modal .modal-body p{margin-bottom: 0px;}
/*27march19*/

.ignite-text-tools{width: 100%;}
.ignite-text-tools .fpd-element-toolbar-smart{ position: relative!important;}
.ignite-text-tools .fpd-element-toolbar-smart .fpd-top-tools , .ignite-text-tools .fpd-element-toolbar-smart .fpd-scroll-area{width: 100%;}
.fpd-element-toolbar-smart .fpd-top-tools [class^="fpd-tool-"], .fpd-element-toolbar-smart .fpd-bottom-tools [class^="fpd-tool-"], .fpd-element-toolbar-smart .fpd-icon-button-group > span{ padding: 5px!important; width: auto!important; min-width: auto!important; height: auto!important; margin-right: 10px;}
.ignite-text-tools .fpd-sub-panel {width: 100%; min-width: 100%;}
.mCSB_horizontal.mCSB_inside > .mCSB_container{ margin-bottom: 20px;}
.ignite-text-layers .fpd-sc-module-wrapper{ min-height: auto!important; border: none;}
.ignite-text-layers .fpd-list-row{ padding: 5px;}
.ignite-text-layers .fpd-list-row .fpd-cell-0{display: none;}
.ignite-text-layers .fpd-list-row .fpd-cell-1{padding: 0px; width: 85%;}
.ignite-text-layers .fpd-list-row .fpd-cell-2{ padding: 0px; width: 15%; }
.ignite-text-layers .fpd-icon-reorder , .ignite-text-layers .fpd-lock-element{ display: none;}
.fpd-element-toolbar-smart > div [class^="fpd-tool-"]:hover{ color: #d28b67;}
.fpd-element-toolbar-smart .fpd-range-slider__handle::after{ background: #d28b67;}
.fpd-element-toolbar-smart .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background: #623724; }
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background: #d28b67!important; }   
[class*="fpd-toolbar-placement-inside-"] .fpd-top-tools > :last-child{ margin-right: 0px!important;}
.ignite-attribute-text-builder .im-done, .ignite-variation-non-material .im-done{width: 100%; margin: 0px;background: #c76a3f !important;text-align: center; padding: 8px 0px !important;border-radius: 0px 0px 10px 10px;}
.im-done span { font-weight: lighter !important;  font-size: 15px !important; background: #c76a3f !important;padding: 7px !important;color: #fff !important; cursor: pointer;text-transform: uppercase;}
.fpd-module{ text-align: right;}



   












/* Ignite Css End*/
@media only screen
and (min-width : 320px)
and (max-width : 480px),
(max-device-width : 480px) and (-webkit-min-device-pixel-ratio : 1.5),
(max-device-width : 480px) and (min-device-pixel-ratio : 1.5) {

	.mspc-menu-item.ui.step {
		width: 100% !important;
		padding-left: 3em !important;
	}

	.mspc-menu-item.ui.step:after {
		display: none !important;
	}

	.mspc-module-steps-vertical > .steps {
		width: 100%;
		float: none;
		margin-right: 0;
	}

	.mspc-module-steps-vertical > .mspc-content {
		width: auto;
		float: none;
	}
}