/*
Theme Name: Confort Air Ventilation
Author: EYN Web Solutions
Description: Theme Confort Air Ventilation
Version: 1.0
Text Domain: confort-air-ventilation
*/


/*  LOADER  */


#init-loader {
	position: fixed;
	z-index: 9999;
	line-height: 100vh;
	text-align: center;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #4776e6;
	background-image: linear-gradient(160deg, #4776e6, #8e54e9);
	background-repeat: repeat-x;
}

.logo-loader {
	display: inline-block;
	vertical-align: middle;
	width: 100px;
	height: 100px;
	position: relative;
	z-index: 0;
}

@media screen and (min-width: 768px) {
	.logo-loader {
		-webkit-transform-origin: center center;
		   -moz-transform-origin: center center;
		    -ms-transform-origin: center center;
		     -o-transform-origin: center center;
		        transform-origin: center center;
		-webkit-transform: scale(2);
		    -ms-transform: scale(2);
		        transform: scale(2);
	}
}

/* .logo-loader:before {
	content: '';
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-image: linear-gradient(160deg, #4776e6, #8e54e9);
	background-repeat: repeat-x;
} */

.logo-loader--dot {
	display: block;
	position: absolute;
	z-index: 0;
	height: 4px;
	width: 4px;
	border-radius: 2px;
	background-color: #fff;
	top: 0;
	left: 0;
	opacity: 0;
	animation: logoLoader-blink .25s forwards linear;
}

/* .logo-loader--dot:nth-child(13), FIRST */

.logo-loader--dot:nth-child(1) {
	animation-delay: 400ms;
}
.logo-loader--dot:nth-child(20) {
	animation-delay: 750ms;
}
.logo-loader--dot:nth-child(7) {
	animation-delay: 1050ms;
}
.logo-loader--dot:nth-child(12) {
	animation-delay: 1300ms;
}
.logo-loader--dot:nth-child(2) {
	animation-delay: 1500ms;
}
.logo-loader--dot:nth-child(5) {
	animation-delay: 1650ms;
}
.logo-loader--dot:nth-child(10) {
	animation-delay: 1750ms;
}
.logo-loader--dot:nth-child(18) {
	animation-delay: 1825ms;
}
.logo-loader--dot:nth-child(21) {
	animation-delay: 1875ms;
}
.logo-loader--dot:nth-child(3) {
	animation-delay: 1925ms;
}
.logo-loader--dot:nth-child(9) {
	animation-delay: 2100ms;
}
.logo-loader--dot:nth-child(11) {
	animation-delay: 2200ms;
}
.logo-loader--dot:nth-child(15) {
	animation-delay: 2230ms;
}
.logo-loader--dot:nth-child(17) {
	animation-delay: 2330ms;
}
.logo-loader--dot:nth-child(22) {
	animation-delay: 2420ms;
}
.logo-loader--dot:nth-child(24) {
	animation-delay: 2400ms;
}
.logo-loader--dot:nth-child(4) {
	animation-delay: 2470ms;
}
.logo-loader--dot:nth-child(16) {
	animation-delay: 2540ms;
}
.logo-loader--dot:nth-child(6) {
	animation-delay: 2600ms;
}
.logo-loader--dot:nth-child(8) {
	animation-delay: 2650ms;
}
.logo-loader--dot:nth-child(14) {
	animation-delay: 2690ms;
}
.logo-loader--dot:nth-child(19) {
	animation-delay: 2720ms;
}
.logo-loader--dot:nth-child(23) {
	animation-delay: 2740ms;
}
.logo-loader--dot:nth-child(25) {
	animation-delay: 2750ms;
}





/* .logo-loader--dot:nth-child(11) {
	animation-delay: 500ms;
}
.logo-loader--dot:nth-child(1) {
	animation-delay: 1000ms;
}
.logo-loader--dot:nth-child(7),
.logo-loader--dot:nth-child(20) {
	animation-delay: 1200ms;
}
.logo-loader--dot:nth-child(2),
.logo-loader--dot:nth-child(5),
.logo-loader--dot:nth-child(10),
.logo-loader--dot:nth-child(18),
.logo-loader--dot:nth-child(21) {
	animation-delay: 1300ms;
}
.logo-loader--dot:nth-child(3),
.logo-loader--dot:nth-child(9),
.logo-loader--dot:nth-child(11),
.logo-loader--dot:nth-child(15) {
	animation-delay: 1400ms;
}
.logo-loader--dot:nth-child(17),
.logo-loader--dot:nth-child(22),
.logo-loader--dot:nth-child(24) {
	animation-delay: 1500ms;
}
.logo-loader--dot:nth-child(4),
.logo-loader--dot:nth-child(6),
.logo-loader--dot:nth-child(8),
.logo-loader--dot:nth-child(14) {
	animation-delay: 1600ms;
}
.logo-loader--dot:nth-child(19),
.logo-loader--dot:nth-child(23) {
	animation-delay: 1800ms;
}
.logo-loader--dot:nth-child(25) {
	animation-delay: 2000ms;
} */

@keyframes logoLoader-blink {
	0% {
		opacity: 0;
	}
	/* 5% {
		opacity: 1;
	}
	10% {
		opacity: 0;
	}
	60% {
		opacity: 0;
	}
	65% {
		opacity: 1;
	}
	70% {
		opacity: 0;
	}
	95% {
		opacity: 0;
	} */
	100% {
		opacity: 1;
	}
}

.logo-loader--dot:nth-child(n+6) {
	top: 24px;
}
.logo-loader--dot:nth-child(n+11) {
	top: 48px;
}
.logo-loader--dot:nth-child(n+16) {
	top: 72px;
}
.logo-loader--dot:nth-child(n+21) {
	top: 96px;
}

.logo-loader--dot:nth-child(5n+2) {
	left: 24px;
}
.logo-loader--dot:nth-child(5n+3) {
	left: 48px;
}
.logo-loader--dot:nth-child(5n+4) {
	left: 72px;
}
.logo-loader--dot:nth-child(5n+5) {
	left: 96px;
}



.logo-loader--y-left,
.logo-loader--y-right,
.logo-loader--y-middle,
.logo-loader--n-left,
.logo-loader--n-right,
.logo-loader--n-middle,
.logo-loader--e-middle,
.logo-loader--e-top,
.logo-loader--e-bottom,
.logo-loader--e-left {
	display: block;
	position: absolute;
	z-index: 0;
	border-radius: 2px;
	height: 4px;
	width: 4px;
	background-color: #fff;
	-webkit-transform: scale(0);
	    -ms-transform: scale(0);
	        transform: scale(0);
}

.logo-loader--e-top,
.logo-loader--e-middle,
.logo-loader--e-bottom {
	-webkit-transform-origin: left center;
	   -moz-transform-origin: left center;
	    -ms-transform-origin: left center;
	     -o-transform-origin: left center;
	        transform-origin: left center;
	-webkit-animation: logoLoader-scaleW 500ms 3s forwards cubic-bezier(.28,.33,.21,1);
	        animation: logoLoader-scaleW 500ms 3s forwards cubic-bezier(.28,.33,.21,1);
}

.logo-loader--y-middle,
.logo-loader--n-left,
.logo-loader--n-right,
.logo-loader--e-left {
	-webkit-transform-origin: top center;
	   -moz-transform-origin: top center;
	    -ms-transform-origin: top center;
	     -o-transform-origin: top center;
	        transform-origin: top center;
	-webkit-animation: logoLoader-scaleH 500ms 3s forwards cubic-bezier(.28,.33,.21,1);
	        animation: logoLoader-scaleH 500ms 3s forwards cubic-bezier(.28,.33,.21,1);
}


/* E */
.logo-loader--e-left {
	top: 0;
	left: 0;
	height: 52px;
	-webkit-transform-origin: center center;
	   -moz-transform-origin: center center;
	    -ms-transform-origin: center center;
	     -o-transform-origin: center center;
	        transform-origin: center center;
}
.logo-loader--e-middle {
	top: 24px;
	left: 0;
	width: 28px;
	animation-delay: 3500ms;
}
.logo-loader--e-top {
	top: 0;
	left: 0;
	width: 52px;
	animation-delay: 3500ms;
}
.logo-loader--e-bottom {
	top: 48px;
	left: 0;
	width: 52px;
	animation-delay: 3500ms;
}

/* N */
.logo-loader--n-left {
	top: 48px;
	left: 48px;
	height: 52px;
	animation-delay: 3500ms;
}
.logo-loader--n-middle {
	top: 39px;
	left: 72px;
	height: 70px;
	-webkit-transform-origin: center center;
	   -moz-transform-origin: center center;
	    -ms-transform-origin: center center;
	     -o-transform-origin: center center;
	        transform-origin: center center;
	-webkit-transform: scale(0) rotate(-45deg);
	    -ms-transform: scale(0) rotate(-45deg);
	        transform: scale(0) rotate(-45deg);
	-webkit-animation: logoLoader-scale-N-Mid 500ms 3s forwards cubic-bezier(.28,.33,.21,1);
	        animation: logoLoader-scale-N-Mid 500ms 3s forwards cubic-bezier(.28,.33,.21,1);
}
.logo-loader--n-right {
	top: 48px;
	left: 96px;
	height: 52px;
	-webkit-transform-origin: bottom center;
	   -moz-transform-origin: bottom center;
	    -ms-transform-origin: bottom center;
	     -o-transform-origin: bottom center;
	        transform-origin: bottom center;
	animation-delay: 3500ms;
}

/* Y */
.logo-loader--y-left,
.logo-loader--y-right {
	top: 26px;
	left: 72px;
	height: 36px;
	-webkit-transform-origin: top center;
	   -moz-transform-origin: top center;
	    -ms-transform-origin: top center;
	     -o-transform-origin: top center;
	        transform-origin: top center;
}
.logo-loader--y-middle {
	top: 24px;
	left: 72px;
	height: 28px;
}
.logo-loader--y-left {
	-webkit-transform: scale(0) rotate(135deg);
	    -ms-transform: scale(0) rotate(135deg);
	        transform: scale(0) rotate(135deg);
	-webkit-animation: logoLoader-scale-Y-Left 500ms 3500ms forwards cubic-bezier(.28,.33,.21,1);
	        animation: logoLoader-scale-Y-Left 500ms 3500ms forwards cubic-bezier(.28,.33,.21,1);
}
.logo-loader--y-right {
	-webkit-transform: scale(0) rotate(-135deg);
	    -ms-transform: scale(0) rotate(-135deg);
	        transform: scale(0) rotate(-135deg);
	-webkit-animation: logoLoader-scale-Y-Right 500ms 3500ms forwards cubic-bezier(.28,.33,.21,1);
	        animation: logoLoader-scale-Y-Right 500ms 3500ms forwards cubic-bezier(.28,.33,.21,1);
}

@-webkit-keyframes logoLoader-scaleW {
	0% {
		-webkit-transform: scale(0,1);
		    -ms-transform: scale(0,1);
		        transform: scale(0,1);
	}
	100% {
		-webkit-transform: scale(1,1);
		    -ms-transform: scale(1,1);
		        transform: scale(1,1);
	}
}
@-webkit-keyframes logoLoader-scaleH {
	0% {
		-webkit-transform: scale(1,0);
		    -ms-transform: scale(1,0);
		        transform: scale(1,0);
	}
	100% {
		-webkit-transform: scale(1,1);
		    -ms-transform: scale(1,1);
		        transform: scale(1,1);
	}
}
@-webkit-keyframes logoLoader-scale-N-Mid {
	0% {
		-webkit-transform: rotate(-45deg) scale(1,0);
		    -ms-transform: rotate(-45deg) scale(1,0);
		        transform: rotate(-45deg) scale(1,0);
	}
	100% {
		-webkit-transform: rotate(-45deg) scale(1,1);
		    -ms-transform: rotate(-45deg) scale(1,1);
		        transform: rotate(-45deg) scale(1,1);
	}
}
@-webkit-keyframes logoLoader-scale-Y-Left {
	0% {
		-webkit-transform: rotate(135deg) scale(1,0);
		    -ms-transform: rotate(135deg) scale(1,0);
		        transform: rotate(135deg) scale(1,0);
	}
	100% {
		-webkit-transform: rotate(135deg) scale(1,1);
		    -ms-transform: rotate(135deg) scale(1,1);
		        transform: rotate(135deg) scale(1,1);
	}
}
@-webkit-keyframes logoLoader-scale-Y-Right {
	0% {
		-webkit-transform: rotate(-135deg) scale(1,0);
		    -ms-transform: rotate(-135deg) scale(1,0);
		        transform: rotate(-135deg) scale(1,0);
	}
	100% {
		-webkit-transform: rotate(-135deg) scale(1,1);
		    -ms-transform: rotate(-135deg) scale(1,1);
		        transform: rotate(-135deg) scale(1,1);
	}
}

@-moz-keyframes logoLoader-scaleW {
	0% {
		-webkit-transform: scale(0,1);
		    -ms-transform: scale(0,1);
		        transform: scale(0,1);
	}
	100% {
		-webkit-transform: scale(1,1);
		    -ms-transform: scale(1,1);
		        transform: scale(1,1);
	}
}
@-moz-keyframes logoLoader-scaleH {
	0% {
		-webkit-transform: scale(1,0);
		    -ms-transform: scale(1,0);
		        transform: scale(1,0);
	}
	100% {
		-webkit-transform: scale(1,1);
		    -ms-transform: scale(1,1);
		        transform: scale(1,1);
	}
}
@-moz-keyframes logoLoader-scale-N-Mid {
	0% {
		-webkit-transform: rotate(-45deg) scale(1,0);
		    -ms-transform: rotate(-45deg) scale(1,0);
		        transform: rotate(-45deg) scale(1,0);
	}
	100% {
		-webkit-transform: rotate(-45deg) scale(1,1);
		    -ms-transform: rotate(-45deg) scale(1,1);
		        transform: rotate(-45deg) scale(1,1);
	}
}
@-moz-keyframes logoLoader-scale-Y-Left {
	0% {
		-webkit-transform: rotate(135deg) scale(1,0);
		    -ms-transform: rotate(135deg) scale(1,0);
		        transform: rotate(135deg) scale(1,0);
	}
	100% {
		-webkit-transform: rotate(135deg) scale(1,1);
		    -ms-transform: rotate(135deg) scale(1,1);
		        transform: rotate(135deg) scale(1,1);
	}
}
@-moz-keyframes logoLoader-scale-Y-Right {
	0% {
		-webkit-transform: rotate(-135deg) scale(1,0);
		    -ms-transform: rotate(-135deg) scale(1,0);
		        transform: rotate(-135deg) scale(1,0);
	}
	100% {
		-webkit-transform: rotate(-135deg) scale(1,1);
		    -ms-transform: rotate(-135deg) scale(1,1);
		        transform: rotate(-135deg) scale(1,1);
	}
}

@keyframes logoLoader-scaleW {
	0% {
		-webkit-transform: scale(0,1);
		    -ms-transform: scale(0,1);
		        transform: scale(0,1);
	}
	100% {
		-webkit-transform: scale(1,1);
		    -ms-transform: scale(1,1);
		        transform: scale(1,1);
	}
}
@keyframes logoLoader-scaleH {
	0% {
		-webkit-transform: scale(1,0);
		    -ms-transform: scale(1,0);
		        transform: scale(1,0);
	}
	100% {
		-webkit-transform: scale(1,1);
		    -ms-transform: scale(1,1);
		        transform: scale(1,1);
	}
}
@keyframes logoLoader-scale-N-Mid {
	0% {
		-webkit-transform: rotate(-45deg) scale(1,0);
		    -ms-transform: rotate(-45deg) scale(1,0);
		        transform: rotate(-45deg) scale(1,0);
	}
	100% {
		-webkit-transform: rotate(-45deg) scale(1,1);
		    -ms-transform: rotate(-45deg) scale(1,1);
		        transform: rotate(-45deg) scale(1,1);
	}
}
@keyframes logoLoader-scale-Y-Left {
	0% {
		-webkit-transform: rotate(135deg) scale(1,0);
		    -ms-transform: rotate(135deg) scale(1,0);
		        transform: rotate(135deg) scale(1,0);
	}
	100% {
		-webkit-transform: rotate(135deg) scale(1,1);
		    -ms-transform: rotate(135deg) scale(1,1);
		        transform: rotate(135deg) scale(1,1);
	}
}
@keyframes logoLoader-scale-Y-Right {
	0% {
		-webkit-transform: rotate(-135deg) scale(1,0);
		    -ms-transform: rotate(-135deg) scale(1,0);
		        transform: rotate(-135deg) scale(1,0);
	}
	100% {
		-webkit-transform: rotate(-135deg) scale(1,1);
		    -ms-transform: rotate(-135deg) scale(1,1);
		        transform: rotate(-135deg) scale(1,1);
	}
}