/* COLORS */

.clr-0 {
	color: #ffffff;
}

.clr-1 {
	color: #1E8BC3;
}

.clr-2 {
	color: #2C3E50;
}

.clr-3 {
	color: #E4F1FE;
}

.clr-4 {
	color: #2574A9;
}

.clr-5 {
	color: #fafafa;
}

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

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

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

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

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

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

/* bg rgb */

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

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

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

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

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

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

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

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

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

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

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

.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(30,139,195,0.9);
}

.bg-alpha-2 {
	background-color: rgba(44,62,80,0.9);
}

.bg-alpha-3 {
	background-color: rgba(228,241,254,0.9);
}

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

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

/* MENU COLORS */

nav li i {
	color: #2C3E50;
}

nav li a,
nav li span {
	color: #2C3E50;
}

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

.switch {
	color: #2C3E50;
}

.switch:hover {
	color: #1E8BC3;
}


/* OWL */

#wall .owl-controls {
	position: absolute;
	left: 25px;
	top: 145px;
	z-index: 100;
	width: 40px;
	margin-left: 0!important;
}

#wall .owl-dot {
	box-sizing: border-box;
	display: block;
	width: 15px;
	height: 15px;
	border: solid 8px rgba(255,255,255, 0.8);
	margin: 0 5px 5px 0;
	border-radius: 3px;

	
	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, #wall .owl-dot.active {
	background: none;
	width: 25px;
	height: 25px;
	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;
}