.cross {
	position: relative;
	display: inline-block;
}

.cross::before,
.cross::after {
	content: '';
	width: 100%;
	position: absolute;
	right: 0;
	top: 50%;
}

.cross::after {
	border-bottom: 2px solid black;
	-webkit-transform: skewY(10deg);
	transform: skewY(10deg);
}

.product_image {
	position: relative;
}

.ssmodal {
	width: 96%;
	max-width: 1000px;
	height: 550px;
	position: absolute;
	z-index: -1;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border-radius: 3px;
	overflow: hidden;
	background-color: white;
	box-shadow: 5px 5px 30px rgba(0, 0, 0, .3);
}

.ssmodal .ssmodal-product {
	width: 40%;
	height: 100%;
	float: left;
	position: relative;
}

.ssmodal .ssmodal-product .product {
	width: 70%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 2;
}

.ssmodal .ssmodal-product .product .product-slideshow .dot {
	cursor: pointer;
	height: 10px;
	width: 10px;
	margin: 0 5px;
	position: relative;
	top: -36px;
	background-color: rgba(255, 255, 255, .5);
	border-radius: 50%;
	display: inline-block;
	transition: background-color 0.6s ease;
	box-shadow: 0 0 5px rgba(0, 0, 0, .3);
	/* Fading animation */
}

.ssmodal .ssmodal-product .product .product-slideshow .dot.active {
	background-color: rgba(255, 255, 255, 1);
	box-shadow: 0 0 7px rgba(0, 0, 0, .6);
}

.ssmodal .ssmodal-product .product .product-slideshow .dot:hover {
	background-color: rgba(255, 255, 255, .8);
}

.ssmodal .ssmodal-product .product .product-slideshow .dot .fade {
	-webkit-animation-name: fade;
	-webkit-animation-duration: 1.5s;
	animation-name: fade;
	animation-duration: 1.5s;
}

@-webkit-keyframes fade {
	from {
		opacity: 0.4;
	}
	to {
		opacity: 1;
	}
}

@keyframes fade {
	from {
		opacity: 0.4;
	}
	to {
		opacity: 1;
	}
}

.ssmodal .ssmodal-product .product .product-name {
	color: #111;
	font-size: 1.7rem;
	font-weight: 300;
	line-height: 2rem;
	text-align: center;
}

.ssmodal .ssmodal-product .product .product-code-name {
	font-size: 0.8rem;
	font-weight: 300;
	text-align: center;
	margin: 8px auto 5px;
}

.ssmodal .ssmodal-product .product .product-price {
	font-size: 1.5rem;
	font-weight: 300;
	letter-spacing: 0.18rem;
	text-align: center;
}

.ssmodal .ssmodal-product .round-shape {
	width: 125%;
	height: 150%;
	position: absolute;
	top: 50%;
	left: 38%;
	transform: translate(-50%, -50%);
	border-radius: 50%;
	background-color: #cdb196;
	box-shadow: 0 0 25px rgba(0, 0, 0, .3);
	z-index: 1;
}

.ssmodal .ssmodal-info {
	width: 60%;
	height: 100%;
	float: right;
	position: relative;
}

.ssmodal .ssmodal-info .info {
	width: 100%;
	height: 85%;
	position: absolute;
	top: 50%;
	left: 5%;
	transform: translate(0%, -50%);
}

.ssmodal .ssmodal-info .info h2 {
	font-size: 1.50rem;
	margin-left: 1rem;
}

.ssmodal .ssmodal-info .info form .form-list {
	margin-top: 1.5rem;
	margin-left: 3.5rem;
}

.ssmodal .ssmodal-info .info form .form-list .form-list-row {
	margin: 1rem 0;
}

.ssmodal .ssmodal-info .info form .form-list .form-list-row label {
	font-size: 1rem;
}

.ssmodal .ssmodal-info .info form .form-list .form-list-row input {
	width: 70%;
	font-size: 1rem;
	padding: 0.4rem 0;
	border: none;
	display: inline-block;
	border-bottom: solid 2px #999;
	background-color: transparent;
	transition: all 0.3s ease;
}

.ssmodal .ssmodal-info .info form .form-list .form-list-row input:focus {
	border-color: #cdb196;
}

.ssmodal .ssmodal-info .info form .form-list .form-list-row .user .fa-user {
	color: #999;
	font-size: 1rem;
}

.ssmodal .ssmodal-info .info form .form-list .form-list-row .user input {
	position: relative;
	left: -16px;
	padding-left: 30px;
}

.ssmodal .ssmodal-info .info form .form-list .form-list-row .number .fa-credit-card {
	color: #999;
	font-size: 1rem;
}

.ssmodal .ssmodal-info .info form .form-list .form-list-row .number input {
	position: relative;
	left: -20px;
	padding-left: 30px;
}

.ssmodal .ssmodal-info .info form .form-list .form-list-row .date {
	float: left;
}

.ssmodal .ssmodal-info .info form .form-list .form-list-row .date input {
	width: 60px;
	text-align: center;
}

.ssmodal .ssmodal-info .info form .form-list .form-list-row .date .year {
	margin-left: 1.5rem;
}

.ssmodal .ssmodal-info .info form .form-list .form-list-row .cvc {
	float: left;
	margin-left: 6rem;
	text-align: center;
}

.ssmodal .ssmodal-info .info form .form-list .form-list-row .cvc .fa-question-circle {
	color: dodgerblue;
	display: inline-block;
	position: relative;
	left: 0.75rem;
}

.ssmodal .ssmodal-info .info form .form-list .form-list-row .cvc input {
	width: 70px;
	text-align: center;
}

.ssmodal .ssmodal-info .info form .form-list .form-list-row .checkbox {
	margin-top: 2rem;
}

.ssmodal .ssmodal-info .info form .form-list .form-list-row .checkbox input {
	width: auto;
}

.ssmodal .ssmodal-info .info form .form-list .form-list-row .checkbox span {
	font-size: 0.8rem;
}

.ssmodal .ssmodal-info .info form button {
	color: white;
	font-size: 1rem;
	margin-left: 1rem;
	padding: 1rem 2.5rem;
	position: absolute;
	bottom: 0;
	border: none;
	border-radius: 3px;
	background-color: #cdb196;
	box-shadow: 0 0 20px rgba(0, 0, 0, .25);
	transition: all 0.3s ease;
}

.ssmodal .ssmodal-info .info form button:hover {
	background-color: #b59779;
}

.sender {
	cursor: pointer;
	width: 100%;
	border: none;
	background: #0CF;
	color: #FFF;
	padding: 10px;
	font-size: 15px;
}

.lightbox {
	/* Default to hidden */
	display: none;
	/* Overlay entire screen */
	position: fixed;
	z-index: 999;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	/* A bit of padding around image */
	padding: 1em;
	/* Translucent background */
	background: rgba(0, 0, 0, 0.8);
}


/* Unhide the lightbox when it's the target */

.lightbox:target {
	display: block;
}

.lightbox span {
	/* Full width and height */
	display: block;
	width: 100%;
	height: 100%;
	/* Size and position background image */
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

.hover_bkgr_fricc {
	background: rgba(0, 0, 0, .4);
	display: none;
	height: 100%;
	position: fixed;
	text-align: center;
	top: 0;
	width: 100%;
	z-index: 10000;
}

.hover_bkgr_fricc .helper {
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}

.hover_bkgr_fricc>div {
	background-color: #fff;
	box-shadow: 10px 10px 60px #555;
	display: inline-block;
	height: auto;
	max-width: 551px;
	min-height: 100px;
	vertical-align: middle;
	width: 60%;
	position: relative;
	border-radius: 8px;
	padding: 15px 5%;
}

.popupCloseButton {
	background-color: #fff;
	border: 3px solid #999;
	border-radius: 50px;
	cursor: pointer;
	display: inline-block;
	font-family: arial;
	font-weight: bold;
	position: absolute;
	top: -20px;
	right: -20px;
	font-size: 25px;
	line-height: 30px;
	width: 35px;
	height: 37px;
	text-align: center;
}

.popupCloseButton:hover {
	background-color: #ccc;
}

.trigger_popup_fricc {
	font-family: "BPG Square", sans-serif!important;
}

.find {
	background-color: #4CAF50;
	/* Green */
	border: none;
	color: white;
	padding: 7px 5px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	margin: 4px 2px;
	transition-duration: 0.4s;
	cursor: pointer;
	font-family: "BPG Square", sans-serif!important;
}

.find2 {
	background-color: white;
	color: black;
	border: 2px solid #008CBA;
}

.find2:hover {
	background-color: #008CBA;
	color: white;
}

blink {
	-webkit-animation: 1s linear infinite condemned_blink_effect;
	/* for Safari 4.0 - 8.0 */
	animation: 1s linear infinite condemned_blink_effect;
}


/* for Safari 4.0 - 8.0 */

@-webkit-keyframes condemned_blink_effect {
	0% {
		visibility: hidden;
	}
	50% {
		visibility: hidden;
	}
	100% {
		visibility: visible;
	}
}

@keyframes condemned_blink_effect {
	0% {
		visibility: hidden;
	}
	50% {
		visibility: hidden;
	}
	100% {
		visibility: visible;
	}
}

.aqcia {
	width: 97%;
	padding: 10px;
	background-color: #adf1e780;
}


/* Add a black background color to the top navigation */

.topnav {
	background-color: #333;
	overflow: hidden;
}


/* Style the links inside the navigation bar */

.topnav a {
	float: left;
	color: #f2f2f2;
	text-align: center;
	padding: 14px 16px;
	text-decoration: none;
	font-size: 17px;
}


/* Change the color of links on hover */

.topnav a:hover {
	background-color: #ddd;
	color: black;
}


/* Add a color to the active/current link */

.topnav a.active {
	background-color: #4CAF50;
	color: white;
}

.modal {
	display: none;
	/* Hidden by default */
	position: fixed;
	/* Stay in place */
	z-index: 1;
	/* Sit on top */
	padding-top: 100px;
	/* 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 */

.modal-content {
	background-color: #fefefe;
	margin: auto;
	padding: 20px;
	border: 1px solid #888;
	width: 80%;
}


/* The Close Button */

.close {
	color: #aaaaaa;
	float: right;
	font-size: 28px;
	font-weight: bold;
}

.close:hover,
.close:focus {
	color: #000;
	text-decoration: none;
	cursor: pointer;
}

.box23 {
	float: left;
	width: 20.5%;
	margin-right: 10.6%;
}

.box1 .dropdown .carat,
.dropdown .carat:after {
	display: none;
}

.select2 {
	position: relative;
	width: 120px;
	cursor: pointer;
	font-weight: 200;
	background: none;
	margin: 0px 0px 0px 36px;
	padding: 8px 0px 8px;
	color: #fff;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

.mclas {
	width: 30px;
	margin: 6px 6px -27px 2px;
	float: left;
}

.sclas {
	width: 30px;
	margin: 5px 6px 0px -17px;
	float: left;
}