/* COLORS */

.clr-0 {
	color: #ffffff;
}

.clr-1 {
	color: #CDD1BE;
}

.clr-2 {
	color: #E88B97;
}

.clr-3 {
	color: #D8C7A9;
}

.clr-4 {
	color: #E2A9A1;
}

.clr-5 {
	color: #fafafa;
}

.clr-h-0:hover {
	color: #ffffff;
}

.clr-h-1:hover {
	color: #CDD1BE;
}

.clr-h-2:hover {
	color: #E88B97;
}

.clr-h-3:hover {
	color: #D8C7A9;
}

.clr-h-4:hover {
	color: #E2A9A1;
}

.clr-h-5:hover {
	color: #fafafa;
}

/* bg rgb */

.bg-clr-0 {
	background-color: #ffffff;
}

.bg-clr-1 {
	background-color: #CDD1BE;
}

.bg-clr-2 {
	background-color: #E88B97;
}

.bg-clr-3 {
	background-color: #D8C7A9;
}

.bg-clr-4 {
	background-color: #E2A9A1;
}

.bg-clr-5 {
	background-color: #fafafa;
}

.bg-clr-h-0:hover {
	background-color: #ffffff;
}

.bg-clr-h-1:hover {
	background-color: #CDD1BE;
}

.bg-clr-h-2:hover {
	background-color: #E88B97;
}

.bg-clr-h-3:hover {
	background-color: #D8C7A9;
}

.bg-clr-h-4:hover {
	background-color: #E2A9A1;
}

.bg-clr-5,
.bg-clr-h-5 {
	background-color: #fafafa;
}

/* bg rgba */

.bg-alpha-0 {
	background-color: rgba(255,255,255,0.9);
}

.bg-alpha-1 {
	background-color: rgba(205,209,190,0.9);
}

.bg-alpha-2 {
	background-color: rgba(232,139,151,0.9);
}

.bg-alpha-3 {
	background-color: rgba(216,199,169,0.9);
}

.bg-alpha-4 {
	background-color: rgba(226,169,161,0.9);
}

.bg-alpha-5 {
	background-color: rgba(250,250,250,0.9);
}

/* MENU COLORS */

nav li i {
	color: #CDD1BE;
}

nav li a,
nav li span {
	color: #CDD1BE;
}

nav li a:hover,
nav li span:hover {
	background: #E88B97;
}

.switch {
	color: #D8C7A9;
}

.switch:hover {
	color: #E88B97;
}


/* OWL */

#wall .owl-controls {
	position: absolute;
	left: 25px;
	top: 155px;
	z-index: 100;
}

#wall .owl-dot {
	display: block;
	width: 11px;
	height: 11px;
	background: rgba(255,255,255,0.7);
	border: solid 2px rgba(255,255,255,1);
	margin: 10px 0;
	
	transition: all ease-in-out 0.3s;
	-moz-transition: all ease-in-out 0.3s;
	-webkit-transition: all ease-in-out 0.3s;
	-ms-transition: all ease-in-out 0.3s;
	-o-transition: all ease-in-out 0.3s;
}

#wall .owl-dot:hover {
	background: #E2A9A1;
	
	transition: all ease-in-out 0.3s;
	-moz-transition: all ease-in-out 0.3s;
	-webkit-transition: all ease-in-out 0.3s;
	-ms-transition: all ease-in-out 0.3s;
	-o-transition: all ease-in-out 0.3s;
}

#wall .owl-dot.active {
	height: 30px;
	background: #E2A9A1;
	border: solid 2px #fff;
	
	transition: all ease-in-out 0.3s;
	-moz-transition: all ease-in-out 0.3s;
	-webkit-transition: all ease-in-out 0.3s;
	-ms-transition: all ease-in-out 0.3s;
	-o-transition: all ease-in-out 0.3s;
}


#quotes .owl-controls {
	position: absolute;
	left: 50%;
	bottom: 0px;
	z-index: 100;
}

#quotes .owl-dot {
	display: block;
	width: 15px;
	height: 2px;
	background: #ccc;
	margin: 0 5px;
	float: left;
	
	transition: all ease-in-out 0.3s;
	-moz-transition: all ease-in-out 0.3s;
	-webkit-transition: all ease-in-out 0.3s;
	-ms-transition: all ease-in-out 0.3s;
	-o-transition: all ease-in-out 0.3s;
}

#quotes .owl-dot:hover {
	background: #E2A9A1;
	
	transition: all ease-in-out 0.3s;
	-moz-transition: all ease-in-out 0.3s;
	-webkit-transition: all ease-in-out 0.3s;
	-ms-transition: all ease-in-out 0.3s;
	-o-transition: all ease-in-out 0.3s;
}

#quotes .owl-dot.active {
	width: 30px;
	background: #E2A9A1;
	
	transition: all ease-in-out 0.3s;
	-moz-transition: all ease-in-out 0.3s;
	-webkit-transition: all ease-in-out 0.3s;
	-ms-transition: all ease-in-out 0.3s;
	-o-transition: all ease-in-out 0.3s;
}