/* COLORS */

.clr-0 {
	color: #ffffff;
}

.clr-1 {
	color: #000000;
}

.clr-2 {
	color: #00829b;
}

.clr-3 {
	color: #8e8677;
}

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

.clr-5 {
	color: #fafafa;
}

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

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

.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: #00829b;
}

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

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

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

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

.brd-bott {
	border-width: 5px;
	border-color: #5ebdb9;
	border-style: solid;	
}

.brd-bott-2 {
	border-width: 5px;
	border-color: #000000;
	border-style: solid;	
}

.brd-bott-3 {
	border-width: 5px;
	border-color: #e42b17;
	border-style: solid;	
}

/* bg rgba */

.bg-alpha-0 {
}

.bg-alpha-1 {
	background-color: rgba(212,197,172,0.9);
}

.bg-alpha-2 {
	background-color: rgba(94,189,185,0.8);
}

.bg-alpha-3 {
	background-color: rgba(229,43,56,0.9);
}

.bg-alpha-4 {
	background-color: rgba(33,33,35,0.7);
}

.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: #ffffff;
}

nav ul li a,
nav li span {
	color: #FFFFFF;
}

nav li a:hover,
nav li span:hover { color: #62cbc9;
}

.switch:hover {
	background: #00829a;
}

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

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


/* OWL */

#wall .owl-controls {
	position: absolute;
	right: 150px;
	top: 100px;
	z-index: 100;
}

#wall .owl-dot {
	display: block;
	width: 25px;
	height: 25px;
	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;
	
	background-image: url(../img/quadrat.png);
	background-repeat: no-repeat;
}

#wall .owl-dot:hover {
	background-image: url(../img/quadrat_active.png);
	background-repeat: no-repeat;
	
	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 {
	background-image: url(../img/quadrat_active.png);
	background-repeat: no-repeat;
	
	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;
}



#newsletter .newsletter_button {
    background-color: #e28f32;
    border-style: none;
    color: #fff;
    font-size: 12px;
    line-height: 20px;
    margin-top: 15px;
    text-align: center;
    text-transform: uppercase;
    width: 250px;
}