.yxp-cols-12	{ width: 100%;}
.yxp-cols-11 	{ width: 92%; }
.yxp-cols-10 	{ width: 83%; }
.yxp-cols-9 	{ width: 75%; }
.yxp-cols-8 	{ width: 66%; }
.yxp-cols-7 	{ width: 59%; }
.yxp-cols-6 	{ width: 50%; }
.yxp-cols-5 	{ width: 41%; }
.yxp-cols-4 	{ width: 33%; }
.yxp-cols-3 	{ width: 25%; }
.yxp-cols-2 	{ width: 17%; }
.yxp-cols-1 	{ width: 8%; }

.yxpRow {
	display: flex;
}

.yxpBlock {
	padding: 0 10px;
}

.yxpSpinnerWrapper {
	display: flex;
	width: 100%;
	height: 100%;
	position: relative;
	justify-content: center;
	align-items: center;
}

.yxpSpinnerWrapper .yxpSpinner {
	width: 40px;
	height: 40px;
	position: relative;
	margin: 100px auto;
}

.yxpSpinnerWrapper .double-bounce1, .yxpSpinnerWrapper .double-bounce2 {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background-color: #FFC100;
	opacity: 0.6;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-animation: sk-bounce 2.0s infinite ease-in-out;
	animation: sk-bounce 2.0s infinite ease-in-out;
}

.yxpSpinnerWrapper .double-bounce2 {
	-webkit-animation-delay: -1.0s;
	animation-delay: -1.0s;
}

@-webkit-keyframes sk-bounce {
	0%, 100% {
		-webkit-transform: scale(0);
	}
	50% {
		-webkit-transform: scale(1);
	}
}

@keyframes sk-bounce {
	0%, 100% {
		transform: scale(0);
		-webkit-transform: scale(0);
	}
	50% {
		transform: scale(1);
		-webkit-transform: scale(1);
	}
}

.widgetMediaGalleryWrapper {
	position: relative;
}

.widgetMediaGalleryWrapper .swiper-container {
	width: 100%;
	height: 100%;
	max-height: 100vh;
}

.widgetMediaGalleryWrapper .swiper-container .swiper-button-prev, .widgetMediaGalleryWrapper .swiper-container .swiper-button-next {
	position: absolute;
	top: 50%;
	width: 20px;
	height: 22px;
	margin-top: -11px;
	z-index: 10;
	cursor: pointer;
	background-size: 20px 22px;
	background-position: center;
	background-repeat: no-repeat;
}

.widgetMediaGalleryWrapper .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	flex-direction: column;
}

.widgetMediaGalleryWrapper .swiper-slide .mediaGalleryMainBlock {
	position: relative;
	height: 100%;
	width: 100%;
	display: flex;
}

.widgetMediaGalleryWrapper .swiper-slide .mediaGalleryMainBlock img {
	vertical-align: middle;
	margin: auto;
	max-height: 100%;
	max-width: 100%;
}

/***** TABS / FORM */
.yxpTabContainer {
	display: none;
}

.yxpTabContainer.yxpTabActive {
	display: block;
	padding: 15px 0;
	border: 1px solid #EDEDED;
}

.yxpStepContainer {
	display: none;
}

.yxpStepContainer.yxpStepActive {
	display: block;
	padding: 15px 0;
	border: 1px solid #EDEDED;
}

.yxpTabWrapper {
	display: flex;
	margin: 0 10px;
}

.yxpTabsWrapper {
	margin: 0 10px 20px 10px;
}

.yxpTabWrapper .yxpTabBlock {
	cursor: pointer;
	padding: 10px 15px;
	border: 1px solid #EDEDED;
	margin-right: 3px;
	border-bottom: none;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: bold;
	font-size: 14px;
	font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}

.yxpTabWrapper .yxpTabBlock.yxpTabActive {
	background: #EDEDED;
}

.yxpAccordionWrapper .yxpAccordionBlock {
	cursor: pointer;
	padding: 10px 15px;
	border: 1px solid #EDEDED;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: bold;
	font-size: 14px;
	font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}

.yxpAccordionWrapper .yxpAccordionBlock.yxpAccordionActive {
	background: #EDEDED;
}

.yxpAccordionContainer {
	display: none;
}

.yxpAccordionContainer.yxpAccordionActive {
	display: block;
	padding: 15px 0;
	border: 1px solid #EDEDED;
}

.yxpStepWrapper {
	display: flex;
	margin: 0 10px;
}

.yxpStepsWrapper {
	margin: 0 10px 20px 10px;
}

.yxpStepWrapper .yxpStepBlock {
	cursor: pointer;
	padding: 10px 15px;
	border: 1px solid #EDEDED;
	margin-right: 3px;
	border-bottom: none;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: bold;
	font-size: 14px;
	font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}

.yxpStepWrapper .yxpStepBlock.yxpStepActive {
	background: #EDEDED;
}

.yxpFormActionsWrapper {
	margin: 0 10px 20px 10px;
}

.yxpFormActionsNavWrapper {
	float: right;
}

.yxpSubmitBtn {
	float: right;
	padding: 8px 14px;
	color: #888;
	background: #ECECEC;
	border: 1px solid #DDD;
	border-radius: 5px;
	outline: none;
	font-weight: bold;
	max-width: 300px;
	cursor: pointer;
}

.yxpSubmitBtn:active {
	box-shadow: inset 0px 0px 15px 1px rgba(0,0,0, 0.1);
}

.yxpPrevBtn {
	padding: 8px 14px;
	color: #888;
	background: #ECECEC;
	border: 1px solid #DDD;
	border-radius: 5px;
	outline: none;
	font-weight: bold;
	max-width: 300px;
	cursor: pointer;
	margin-right: 10px;
}

.yxpPrevBtn:active {
	box-shadow: inset 0px 0px 15px 1px rgba(0,0,0, 0.1);
}

.yxpNextBtn {
	padding: 8px 14px;
	color: #888;
	background: #ECECEC;
	border: 1px solid #DDD;
	border-radius: 5px;
	outline: none;
	font-weight: bold;
	max-width: 300px;
	cursor: pointer;
}

.yxpNextBtn:active {
	box-shadow: inset 0px 0px 15px 1px rgba(0,0,0, 0.1);
}

.yxpHidden {
	display: none;
}

/***** FORM */
.yxpRow form {
	width: 100%;
	font-size: 14px;
	font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}

.yxpRow fieldset {
	border: none;
	margin: 0;
	padding: 5px;
}

.yxpRow .yxpInputGroup {
	display: flex;
	flex-direction: column;
	padding: 5px 0 15px 0;
	position: relative;
}

.yxpRow .yxpInputGroupHidden {
	padding: 0;
}

.yxpRow .yxpInputDescription{
	font-size: 11px;
	font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
	color: #888;
	position: absolute;
	left: 0;
	bottom: 0;
}

.yxpRow .yxpInputCheckboxWrapper {
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	color: #888;
	background: #ECECEC;
	border: 1px solid #DDD;
	border-radius: 5px;
	outline: none;
	font-size: 14px;
	padding-left: 8px;
}

.yxpRow .yxpRatingTable {
	width: 100%;
	border-collapse: collapse;
}

.yxpRow .yxpRatingTable td {
	padding: 5px 10px;
	text-align: center;
	border-bottom: 1px solid #DDD;
	font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}

.yxpRow .yxpRatingLabel {
	font-size: 14px;
	text-transform: uppercase;
	font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
	padding: 3px;
	margin-top: 5px;
}

.yxpRow .yxpRatingDescription {
	font-size: 11px;
	font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
	padding: 3px;
	margin-top: 5px;
	color: #888;
}

.yxpRow span.yxpInputGroupLabelLeft{
	font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
	margin-right: 10px;
}

.yxpRow span.yxpInputGroupLabelRight{
	font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}

.yxpRow .yxpInputGroup label{
	font-size: 14px;
	font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
	padding: 5px 0;
	text-transform: uppercase;
	letter-spacing: 2px;
}

.yxpRow .yxpInputLabelMaxsize {
	color: #999;
	font-size: 11px;
}

.yxpRow .yxpInputGroup label.yxpInputGroupLabelLeft{
	font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
	margin-right: 20px;
}

.yxpRow .yxpInputGroup label.yxpInputGroupLabelRight{
	font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
	margin-left: 20px;
}

.yxpRow input, .yxpRow select, .yxpRow textarea {
	width: calc(100% - 28px);
	padding: 8px 14px;
	color: #888;
	background: #ECECEC;
	border: 1px solid #DDD;
	border-radius: 5px;
	outline: none;
	font-size: 14px;
}

.yxpRow input[type=checkbox] {
	width: auto !important;
	margin: 10px 10px 10px 0;
}

.yxpRow input[type=radio] {
	width: auto !important;
	margin: 10px 0;
}

.yxpRow .yxpInputGroupRadioWrapper {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
}

.yxpRow textarea {
	resize: none;
}

.yxpRow select {
	width: 100%;
	padding: 0;
	height: 34px;
}

.yxpRow input:read-only {
	background: #EFEFEF;
	border: 1px solid #EFEFEF;
}

.yxpRow .readOnlyBlock .yxpInputGroupLabelRight {
	color: #CCC;
}

.yxpRow .readOnlyBlock .yxpInputGroupLabelLeft {
	color: #CCC;
}

.yxpRow .readOnlyBlock .yxpRatingTable td {
	color: #CCC;
}

.yxpRow .readOnlyBlock .yxpInputTable td {
	color: #CCC;
}

.yxpRow .readOnlyBlock .yxpRatingDescription {
	color: #CCC;
}

.yxpRow .readOnlyLabel {
	color: #CCC;
}

.yxpRow input:disabled {
	background: #EFEFEF;
	border: 1px solid #EFEFEF;
}

.yxpRow select:disabled {
	background: #EFEFEF;
	border: 1px solid #EFEFEF;
}

.yxpRow textarea:read-only {
	background: #EFEFEF;
	border: 1px solid #EFEFEF;
}

.yxpRow .yxpInputTable {
	width: 100%;
	border-collapse: collapse;
}

.yxpRow .yxpInputTable td{
	padding: 5px 10px;
	text-align: center;
	border: 1px solid #DDD;
	font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}

.yxpRow .yxpInputTable td.yxpInputTableAngle {
	border-top: 1px solid #FFF;
	border-left: 1px solid #FFF;
	background: #FFF;
}

.yxpRow .yxpInputTable td.yxpInputTableHeadingTop {
	background: #ECECEC;
}

.yxpRow .yxpInputTable td.yxpInputTableHeadingRow{
	background: #ECECEC;
}

.yxpRow .yxpRatingWrapper {
	position: relative;
	width: 100%;
	height: 35px;
}

.yxpRow .yxpRatingWrapper .yxpRating {
	float: left;
}

.yxpRow .yxpRatingWrapper .yxpRating:not(:checked) > input {
	position: absolute;
	top: 100%;
	clip: rect(0, 0, 0, 0)
}

.yxpRow .yxpRatingWrapper .yxpRating:not(:checked) > label {
	float:right;
	width:1em;
	padding:0 .1em;
	overflow:hidden;
	white-space:nowrap;
	cursor:pointer;
	font-size:200%;
	line-height:1.2;
	color:#ddd;
}

.yxpRow .yxpRatingWrapper .yxpRating > label:active {
	position:relative;
	top:2px;
	left:2px;
}

.yxpRow .yxpRatingWrapper .yxpRatingStars:not(:checked) > label:before {
	content: '\2605';
}

.yxpRow .yxpRatingWrapper .yxpRatingStars > input:checked ~ label {
	color: #ffd802;
}

.yxpRow .yxpRatingWrapper .yxpRatingStars:not(:checked) > label:hover,
.yxpRow .yxpRatingWrapper .yxpRatingStars:not(:checked) > label:hover ~ label {
	color: #ffc382;
}

.yxpRow .yxpRatingWrapper .yxpRatingStars > input:checked + label:hover,
.yxpRow .yxpRatingWrapper .yxpRatingStars > input:checked + label:hover ~ label,
.yxpRow .yxpRatingWrapper .yxpRatingStars > input:checked ~ label:hover,
.yxpRow .yxpRatingWrapper .yxpRatingStars > input:checked ~ label:hover ~ label,
.yxpRow .yxpRatingWrapper .yxpRatingStars > label:hover ~ input:checked ~ label {
	color: #ffc382;
}

.yxpRow .yxpRatingWrapper .yxpRatingHeart:not(:checked) > label:before {
	content: '\2665';
}

.yxpRow .yxpRatingWrapper .yxpRatingHeart > input:checked ~ label {
	color: #ff1a15;
}

.yxpRow .yxpRatingWrapper .yxpRatingHeart:not(:checked) > label:hover,
.yxpRow .yxpRatingWrapper .yxpRatingHeart:not(:checked) > label:hover ~ label {
	color: #ff5967;
}

.yxpRow .yxpRatingWrapper .yxpRatingHeart > input:checked + label:hover,
.yxpRow .yxpRatingWrapper .yxpRatingHeart > input:checked + label:hover ~ label,
.yxpRow .yxpRatingWrapper .yxpRatingHeart > input:checked ~ label:hover,
.yxpRow .yxpRatingWrapper .yxpRatingHeart > input:checked ~ label:hover ~ label,
.yxpRow .yxpRatingWrapper .yxpRatingHeart > label:hover ~ input:checked ~ label {
	color: #ff5967;
}

.yxpRow .yxpInputDateSelectWrapper {
	padding: 10px;
	border: 1px solid #FFF;
	border-radius: 5px;
}

.yxpRow .yxpInputDateDay {
	float: left;
	width: 70px;
	margin-right: 10px;
}

.yxpRow .yxpInputDateMonth {
	float: left;
	width: 70px;
	margin-right: 10px;
}

.yxpRow .yxpInputDateYear {
	float: left;
	width: 70px;
	margin-right: 10px;
}

.yxpRow .yxp-error {
	background-color: #fdd9d8;
	border-color: #fb3e3e;
	transition: all 0.3s;
}

.yxpRow input[type=checkbox].yxp-error {
	outline: 1px solid #fb3e3e;
}

.yxpRow .yxp-error-msg{
	color: #ff354b;
	text-align: right;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	position: absolute;
	bottom: 0;
	right: 0;
}