/* The Modal (background) */
._dic-modal {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 999; /* Sit on top */
	padding: 50px; /* Location of the box */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
._dic-modal-content {
	position: relative;
	background-color: #fefefe;
	margin: auto;
	padding: 0;
	border: 1px solid #888;

	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
	-webkit-animation-name: animatetop;
	-webkit-animation-duration: 0.4s;
	animation-name: animatetop;
	animation-duration: 0.4s;
}
._dic-modal-content-croped {
  	width:660px;
}

/* Add Animation */
@-webkit-keyframes animatetop {
	from {top:-300px; opacity:0} 
	to {top:0; opacity:1}
}

@keyframes animatetop {
	from {top:-300px; opacity:0}
	to {top:0; opacity:1}
}

._dic-modal-header {
	padding: 10px;
	border-bottom: 1px solid #ccc;
	color: white;
}

._dic-modal-body {
	padding: 20px;
	min-height: 300px;
	clear: both;
	display: inline-block;
	width: 100%;
}

._dic-modal-footer {
	padding: 10px;
	border-top: 1px solid #ccc;
	color: white;
	text-align: center;
}
._dic-modal-header h2{
	text-align: center;
	margin: 0;
}
._dic-customize-card-btn{ margin: 10px 0;}
._dic-card-form-section{ 
	width: 25%;
	margin: 0 auto;
	float: left;
}
._dic-card-preview-section{
	/*min-height: 400px;
	overflow: auto;*/
	float: right;
	width: calc(75% - 20px);	
	/*background: rgb(218, 216, 216);*/
	margin-left: 20px;	
	position: relative;
}
._dic-row-element{
	margin-bottom: 10px;
	margin-top: 10px;
}
._dic-input-element{ margin:5px; }
._dic-input-element_bottom20 { margin-bottom: 20px }
._dic-input-element input[type='text'], ._dic-input-element select{ width: 100%!important;}
._dic-input-element p.help-text{ 
	font-size: 13px;
	margin-top: 5px;
	font-style: italic;
}
button[data-action="_dic-crop-photo-crop"] { background: #228B22;}
._dic-crop-photo-btn {
	margin-top: 10px;
}
._dic-add-form-btn button {
	padding: 1em 1em;
}

/** FLIP CARD CSS **/
.flip-card-3D-wrapper {
    width: 60%;
    height: 80%;
    max-width: 300px;
    max-height: 500px;
    position: relative;
    -o-perspective: 900px;
    -webkit-perspective: 900px;
    -ms-perspective: 900px;
    perspective: 900px;
    margin: 0 auto;
}
#flip-card {
    width: 100%;
    height: 100%;
    text-align: center;
    margin: 0px auto 20px 0;
    /*position: absolute;*/
    -o-transition: all 1s ease-in-out;
    -webkit-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    -o-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	/*min-height: 600px;*/
}
.do-flip {
    -o-transform: rotateY(-180deg);
    -webkit-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
}
#flip-card-btn {
    position: relative;
    cursor: pointer;
    font-weight: 600;
    font-size: 15px;
    padding: 5px 12px;
    margin-bottom: 5px;
}
#flip-card .flip-card-front, #flip-card .flip-card-back{
    width: 100%;
   /* height: 100%;*/
    position: absolute;
    -o-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 2;  
}
#flip-card .flip-card-back {
    background: lightblue;    
    -o-transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
#flip-card .flip-card-front p, #flip-card .flip-card-back p {
    color: grey;
    display: block;
    position: absolute;
    top: 40%;
    width: 100%;
}
/** FLIP CARD CSS **/
._dic-card-thumbnail{ 
	float: left;
    width: 100px;
    margin-right: 8px;
    font-weight: bold;
}
.html_header_top.html_header_sticky #header{z-index: 2!important;}
.summary .cart{z-index: inherit!important;}
div.product .woocommerce-tabs ul.tabs, .single-product div.product .woocommerce-product-gallery, #top .onsale,.title_container .breadcrumb,.title_container .main-title{z-index: 1!important;}
._dic-hr-line {
	border-bottom: 0px solid #ebebeb !important;
	margin-bottom: 30px;
}
._dic-input-element input[type='text'], ._dic-input-element select {
    margin-bottom: 20px !important;
}
._dic-marginBottom20 {
	margin-bottom: 15px;
}
._dic-paddingBottom20 {
	padding-bottom: 15px;
}

/** Responsive **/
@media only screen and (max-width: 767px) {
	._dic-card-preview-section {
		width: 100%;
		margin: 0px;
	}
	._dic-card-form-section {
		width: 100%;
	}
	._dic-modal {
		padding: 50px 10px;
	}
	._dic-add-form-btn {
		text-align: center;
	}
	._dic-popup-close {
		margin-top: 10px;
	}
	._dic-card-preview-section h2 {
		padding-top: 0px;
	}
	._dic-card-preview-section-ifram {
		overflow-y: scroll;
	}
	._dic-modal-content-croped {
		width: 450px;
	}
	._dic-crop-photo-btn {
		width: 80%;
	}
}

@media only screen and (max-width: 500px) {
	._dic-modal-content-croped {
		width: 300px;
	}
}