
/* ----- RE-USABLE COMPONENTS ----- */
	
	/* ----- MODAL COMPONENT ----- */

	.cxecrt-component-modal { opacity: 0; position: fixed; left: 0; top: -100%; z-index: 10000; width: 100%; height: 100%; background: transparent; padding: 0; box-sizing: border-box; transition: all 0s 1s, background .3s 0s; }
	.cxecrt-component-modal-popup{ opacity: 0;display: block; position: absolute; clear: both; float: none; max-width: 610px; top: 51%; left: 50%;right: auto; bottom: auto; background-color: #FFFFFF; border-radius: 4px;box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.03), 0 1px 70px rgba(0,0,0,0.25); width: 480px; margin-left: -240px; transition: all .3s cubic-bezier(0.32, 0, 0, 1);overflow: hidden;}

		/* ----- PLAY-IN ANIMATIONS ----- */

		.cxecrt-component-modal.cxecrt-modal-play-in { opacity: 1; left: 0; top: 0; transition: all 0s, background .3s; background: rgba(0,0,0,0.7); }
		.cxecrt-component-modal.cxecrt-modal-play-in .cxecrt-component-modal-popup { top: 50%; opacity: 1; transition: .3s .3s cubic-bezier(0.32, 0, 0, 1); }


	/* ----- SLIDES COMPONENT ----- */

	.cxecrt-component-slider{ position: relative; }
	.cxecrt-component-slide{ transform: scale(1);	transition: .3s cubic-bezier(0.32, 0, 0, 1);	box-sizing: border-box;	position: relative;	margin: auto;	padding: 0;	/* width: auto; */ }
	.cxecrt-component-slide:before,
	.cxecrt-component-slide:after{ display: block; content: ''; float: none; clear: both; background: red; }
	.cxecrt-component-slide.cxecrt-component-slide-current{ position: relative;	visibility: visible; opacity: 1; z-index: 10; }
	.cxecrt-component-slide.cxecrt-component-slide-inactive{ visibility: none; opacity: 0; z-index: 1; position:absolute; top: 0; }
	.cxecrt-hold-open{ min-height: 420px; }
	
	/* ------ TEST BUTTONS ----- */
	.cxecrt-test-button-holder-1{ position: fixed; z-index: 100000; padding: 20px;display: none;}
	.cxecrt-test-button { padding: 8px 17px; display: inline-block; background: #505050; border-radius: 3px; color: white; transition: .1s; }
	.cxecrt-test-button:hover{ background: #A46497; }



/* ----- CART UX ----- */

	/* ----- BUTTON ----- */
	
	.cxecrt-button-holder { clear: both; float: none; margin: 1.5em 0; }
	.cxecrt-button { background: none; }
	
	/* ----- MODAL ----- */

	.cxecrt-slide-content { padding: 0 20px 10px; text-align: center; color: #565656; width: 100%; }
		
		/* ----- EXCERPTS ----- */

		.cxecrt-form-description.cxecrt-form-description-two { max-width: 540px; width: 100%; }
		.cxecrt-form-description.cxecrt-form-description-three { max-width: 450px; }
		.cxecrt-form-description.cxecrt-form-description-four { max-width: 410px; width: 100%; }

		/* ----- ACTION BAR ----- */

		.cxecrt-top-bar { border-bottom: 1px solid #e3e3e3; line-height: 46px; font-size: 16px; font-weight: bold; letter-spacing: -.4px; }
		.cxecrt-top-bar-back { float: left; font-size: 14px;/* text-transform: uppercase; */font-weight: normal;color: #A9A9A9; letter-spacing: normal; padding: 0 12px; margin: 0 -12px; cursor: pointer;transition: .2s;}
		.cxecrt-top-bar-back i {font-size: 11px;margin-right: -2px;position: relative;top: -1px;}
		.cxecrt-top-bar-back i:before { margin: 0; }
		.cxecrt-top-bar-back:hover {color: #4C4C4C;}
		.cxecrt-cross {line-height: 22px;width: 22px;height: 22px; text-align: center; border-radius: 100px; color: #9F9F9F; font-weight: normal; font-size: 18px; cursor: pointer; float: right;margin-top: 12px;margin-right: -7px; font-weight: normal;margin-left: 10px; transition: .1s;}
		.cxecrt-cross:hover {background: rgb(76, 76, 76); color: white;}
		.cxecrt-cross:active { background: rgba(0,0,0,0.75); color: white; }

		/* ----- FORM ----- */
		
		.cxecrt-cart-form { padding: 0 15px 15px;margin: 0;position: relative; }
		.cxecrt-cart-form .cxecrt-row { position: relative; padding: 0 0 12px; font-size: 14px; }
		.cxecrt-cart-form .cxecrt-row:after { display:block; content:''; float:none; clear:both; }
		.cxecrt-cart-form .cxecrt-row label { position: absolute; top: 0; left: 0;width: 90px; border-right: 1px solid rgba(255, 255, 255, 0.15); line-height: 22px;padding: 9px 3px; box-sizing: border-box; color: #909090; font-weight: normal; text-transform: uppercase; font-size: 10px;}
		
		.cxecrt-cart-form .cxecrt-row input:not([type="submit"]) { background-color: #4c4c4c;border: 0; color: #f1f1f1;padding: 9px 2px 9px 15px; width: 100%; box-sizing: border-box; margin: 0;box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.03); border-radius: 3px; font-family: inherit; font-size: 14px; line-height: 22px; height: auto; text-align: center; transition: .3s cubic-bezier(0.32, 0, 0, 1);}
		.cxecrt-cart-form .cxecrt-row.cxecrt-row-with-help input:not([type="submit"]) { padding-right: 23px; }
		.cxecrt-cart-form .cxecrt-row.cxecrt-row-labelage input:not([type="submit"]) {padding-left: 102px; text-align: left;}
		.cxecrt-cart-form .cxecrt-row select { background-color: #FFFFFF; border: 1px solid #DCDCDC; color: #656565; padding: 7px 7px 8px 8px; min-width: 130px; box-sizing: border-box; width: auto; outline: none; border-radius: 3px; font-family: inherit; font-size: 14px; box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.03); line-height: 18px; height: auto; }
		.cxecrt-cart-form .cxecrt-row textarea { background-color: #4c4c4c; border: 0; border-radius: 3px; color: #F1F1F1; font-family: inherit; font-size: 14px; height: 72px; padding: 12px 30px 6px; width: 100%; line-height: 23px; box-sizing: border-box; box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.03); margin: 0; text-align: center; }
		.cxecrt-cart-form .cxecrt-row.cxecrt-submit-block { margin: 21px 0 9px; }

		.cxecrt-cart-form .cxecrt-row input.cxecrt-input-text:focus,
		.cxecrt-cart-form .cxecrt-row textarea:focus,
		.cxecrt-cart-form .cxecrt-row select:focus { border: 0; box-shadow: 0 0 0 2px #5AF8CB; /* background: #4C4C4C; */ }
		.cxecrt-form-description { color: #A2A2A2; margin: 0 auto; padding: 22px 15px; box-sizing: border-box; }

		.cxecrt-cart-form .cxecrt-row input::-webkit-input-placeholder { color: #909090; }
		.cxecrt-cart-form .cxecrt-row input:-moz-placeholder { color: #909090; }
		.cxecrt-cart-form .cxecrt-row input::-moz-placeholder { color: #909090; }
		.cxecrt-cart-form .cxecrt-row input:-ms-input-placeholder { color: #909090; }
		
		.cxecrt-cart-form .cxecrt-row.cxecrt-row-labelage.cxecrt-row-cart-name input:not([type="submit"]) {padding-left: 140px;}
		.cxecrt-cart-form .cxecrt-row.cxecrt-row-labelage.cxecrt-row-cart-name label {width: 125px;}

		.cxecrt-cart-form .cxecrt-row .cxecrt-input-help { position: absolute;right: 4px;top: 9px;/* background: rgba(253, 255, 0, 0.21); *//* border-radius: 100px; */line-height: 14px;width: 14px;text-align: center;color: rgba(255, 255, 255, 0.3);font-size: 12px;font-weight: bold;/* border: 6px solid transparent; */box-sizing: border-box;cursor: pointer;font-family: cxecrt-icon-font;width: auto;height: auto;}
		.cxecrt-cart-form .cxecrt-row .cxecrt-input-help:before { margin: 5px; }
		
		/* ----- FORM ERRORS ----- */

		.cxecrt-form-error { position: absolute; top: -5px; z-index: 1; width: 100%; box-sizing: border-box; background: #e2401c;padding: 10px 8px; margin-top:  0;line-height: 20px; color: white; border-radius: 3px; /* margin: 0 0 10px; */position: relative; overflow: visible !important; transition: .2s .2s ease-in-out, margin .2s 0s ease-in-out; transform: translateY(0) scale(1); opacity: 1;}
		.cxecrt-form-error.cxecrt-form-error-hide { transform: translateY(6px); opacity: 0; margin-top: -40px; transition: .2s ease-in-out; }
		.cxecrt-form-error:after{ content:''; display:block; position: absolute; width: 0; height: 0; border-style: solid; border-width: 10px; border-bottom: 0;border-color: #E2401C rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); top: 100%;left: 8%;}

		/* ----- FORM BUTTONS ----- */

		.cxecrt-button.button.cxecrt-button-loading,
		.woocommerce-page .cxecrt-button.button.cxecrt-button-loading { color: rgba(0, 0, 0, 0) !important;background: url('../images/button-loader.gif') no-repeat 50% 50% !important; pointer-events: none;text-indent: -9999px;}
		.cxecrt-button.button,
		.woocommerce-page .cxecrt-button.button { border-radius: 3px; box-shadow: none; border: none; padding: 9px 15px; margin: 0; transition: .1s ease-in-out; background-position: 50% 50%;outline: 0 !important;display: block;width: 100%; line-height: 22px; box-sizing: border-box;text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);max-width: none;}
		.cxecrt-button.button:hover,
		.woocommerce-page .cxecrt-button.button:hover { box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2), 0 2px 0 rgba(0, 0, 0, 0.1); }
		.cxecrt-button.button:active,
		.woocommerce-page .cxecrt-button.button:active { box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) inset; position: relative; top: 1px; }
		.cxecrt-button.button i:before,
		.woocommerce-page .cxecrt-button.button i:before { font-weight: normal;opacity: 0.5;}
		
		.cxecrt-double-buttons .cxecrt-button.button,
		.woocommerce-page .cxecrt-double-buttons .cxecrt-button.button { width: 49%; float: left; margin: 0; }
		.cxecrt-double-buttons .cxecrt-button.button:last-child,
		.woocommerce-page .cxecrt-double-buttons .cxecrt-button.button:last-child { margin-left: 2%; }
		.cxecrt-button.button.cxecrt-button-large,
		.woocommerce-page .cxecrt-button.button.cxecrt-button-large { padding: 14px 20px; }

		#cxecrt_submit_get_link i {}
		i.icon-mail-2:before { font-size: 11px; position: relative; top: -1px; }
		
		/* ----- NOTIFICATION ----- */

		.cxecrt-sent-notification { background: #FFF7DB; padding: 15px 30px; font-size: 14px; color: rgba(165, 108, 66, 0.76); border: 1px solid rgba(142, 77, 29, 0.12); border-radius: 3px; font-weight: bold;/* margin: 5px 0 15px; */ }


/*---------------------*/
/*- TIP-TIP -----------*/
div#cxecrtTip_holder {
    z-index: 9999999;
}
#cxecrtTip_holder #cxecrtTip_content {
    max-width: 210px;
    padding: 12px 18px;
    font-size: 12px;
    line-height: 17px;
    box-shadow: none;
    border: 0;
    background: #292929;
    color: #C1C1C1;
}
#cxecrtTip_holder.tip_top #cxecrtTip_arrow {
	border-top-color: rgba(255,255,255,0.35);
}
#cxecrtTip_holder.tip_bottom #cxecrtTip_arrow {
	border-bottom-color: rgba(255,255,255,0.35);
}
#cxecrtTip_holder.tip_right #cxecrtTip_arrow {
	border-right-color: rgba(255,255,255,0.35);
}
#cxecrtTip_holder.tip_left #cxecrtTip_arrow {
	border-left-color: rgba(255,255,255,0.35);
}
#cxecrtTip_holder.tip_top #cxecrtTip_arrow_inner {
    margin-top: -6px;
    border-top-color: #292929;
}
#cxecrtTip_holder.tip_bottom #cxecrtTip_arrow_inner {
    margin-top: -6px;
    border-bottom-color: #292929;
}
#cxecrtTip_holder.tip_right #cxecrtTip_arrow_inner {
    margin-left: -6px;
	border-right-color: #292929;
}
#cxecrtTip_holder.tip_left #cxecrtTip_arrow_inner {
    margin-left: -6px;
	border-left-color: #292929;
}
