/*

	U1 SETTINGS
	U2 CLASSES
	U3 TYPOGRAPHY
	U4 FORMS
	U5 SLIDER

*/


/*  U1 SETTINGS  */

*,
*:before,
*:after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

	html,
	body {
		width: 100%;
		height: 100%;
		margin: 0;
	}

	html {
		position: relative;
		padding: 0.1px 0;
	}

	/*  smart phones, touch screens  */
	@media (hover: none) {

		body {
			-webkit-overflow-scrolling: touch;
		}

	}

img,
figure,
iframe {
	display: block;
	max-width: 100%;
	height: auto;
	border: none;
	outline: none;
}

/*  U1 SETTINGS - END  */

/*  U2 CLASSES  */

.width {
	position: relative;
	width: 100%;
	max-width: 1080px;
	margin: auto;
}

.clear:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
}

.g-flex {
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}

	.g-vertical {
		-webkit-flex-direction: column;
		flex-direction: column;
		-webkit-flex-wrap: nowrap;
		flex-wrap: nowrap;
	}

	.g-middle {
		-webkit-justify-content: center;
		justify-content: center;
	}

	.g-top {
		-webkit-align-items: flex-start;
		align-items: flex-start;
	}

	.g-center {
		-webkit-align-items: center;
		align-items: center;
	}

	.g-bottom {
		-webkit-align-items: flex-end;
		align-items: flex-end;
	}

.object-fit,
.object-contain {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	overflow: hidden;
	-o-user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}

	.object-fit > * {
		position: relative;
		width: 101%;
		height: 101% !important;
		max-width: none;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		object-fit: cover;
		-webkit-backface-visibility: hidden;
	}

	.object-contain > * {
		position: relative;
		width: 100%;
		height: 100% !important;
		max-width: none;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		object-fit: contain;
	}

/*  U2 LAYOUT - END  */

:root {
	--a-cubic-1: cubic-bezier(0.36, 0.07, 0.19, 0.97);
	--a-cubic-2: cubic-bezier(0.36, 0.07, 0.01, 0.97);
	--a-cubic-3: cubic-bezier(0,0.99, 0.6, 0.99);


	--cr-white: #ffffff;
	--cr-black: #000000;
	--cr-link-color-light: #CFEDFF;
	--cr-link-color-dark: #136cea;

	--cr-background      : #f6fbff;
	--cr-light-background: #ffffff;
	--cr-heading-color   : #323232;
	--cr-text-color      : #323232;
	--cr-text-color-light: #838383;
	--cr-link-color      : #3f89f0;
	--cr-border-color    : #d9dde0;

	--cr-button-background: #3f89f0;
	--cr-button-text-color: #ffffff;

	--cr-header-background       : #ffffff;
	--cr-header-heading-color    : #323232;
	--cr-header-light-text-color : #838383;
	--cr-header-border-color     : #e0e0e0;

	--cr-footer-background    : #3f89f0;
	--cr-footer-text-color    : #ffffff;
	--cr-footer-heading-color : #ffffff;
	--cr-footer-border-color  : #5c9bf2;

	--cr-navigation-background      : #000000;
	--cr-navigation-text-color      : #ffffff;
	--cr-navigation-text-color-light: rgba(var(--cr-navigation-text-color), 0.5);
	--cr-navigation-border-color    : rgba(var(--cr-navigation-text-color), 0.25);

	--cr-newsletter-popup-background : #000000;
	--cr-newsletter-popup-text-color : #ffffff;

	--cr-secondary-elements-background       : #ffffff;
	--cr-secondary-elements-text-color       : #323232;
	--cr-secondary-elements-text-color-light : rgba(--cr-secondary-elements-text-color, 0.5);
	--cr-secondary-elements-border-color     : rgba(--cr-secondary-elements-text-color, 0.25);

	--cr-product-sale-price-color: #e02f69;

	--s-h: 50px;
}

@media screen and (max-width: 1239px) {

	:root {
		--s-h: 30px;
	}

}

@media screen and (max-width: 640px) {

	:root {
		--s-h: 18px;
	}

}