/* 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);
}

/* OVERLAY B/W */

.overl-w {
	background-color: rgba(255,255,255,0.7);
}

.overl-b {
	background-color: rgba(0,0,0,0.5);
}

/* BORDERS */

.brd-s { 
	border-color: #5C97BF;
}

/* MENU COLORS */

nav li i {
	color: #2C3E50;
}

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

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

.switch:hover {
	background: #5C97BF;
}

.mega-m {
	border-top: 2px solid #5C97BF;
}

.mega-m li {
	text-align: center;
}


/* OWL */

#wall .owl-controls {
	position: absolute;
	right: 25px;
	top: 95px;
	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: #1E8BC3;
	
	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: #1E8BC3;
	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: 50px;
	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: #1E8BC3;
	
	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: #1E8BC3;
	
	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;
}