/* 
 * PECC Styling
 * 
 * @author  Gemy [gemy.me]
 * @project PECC Design Optmization
 */

/* - - - - - - - - - - - - - - - - - - - - - - - - */

/*
 * Table of Contents:;
 * 
 * 1- Commons & Design Normalization
 * 2- Navigation
 * 3- Content Sections
 * 4- Footer
 * 5- Testmonials
 */
 
/* - - - - - - - - - - - - - - - - - - - - - - - - */





/* 
 * (1) Commons & Design Normalization */

body {
	
}

a {

}

a:hover, a:visited, a:active {

}

a, a:hover, a:visited, a:active, a:focus {
	color: #2a2a2a;
	text-decoration: none;
}

body, a, .btn,
.font-ws {
	font-family: 'Work Sans', sans-serif;
}

h1, h2, h3, h4, h5, h6,
.font-ne {
	font-family: 'Neuton', serif;
}

.overflow-hidden {
	overflow: hidden;
}

.display-i {
	display: inline;
}

.display-ib {
	display: inline-block;
	vertical-align: top;
}

.text-left {
	text-align: left;
}

.text-center {
	text-align: center;
}

.text-right {
	text-align: right;
}

.text-uppercase {
	text-transform: uppercase;
}

.list-reset {
	display: block;
	padding: 0;
	}
	.list-reset li {
		display: inline-block;
		vertical-align: top;
		list-style: none;
		padding: 0;
	}

.btn {
	border: 0 solid transparent !important;
	border-radius: 2px !important;
	font-weight: 500;
	text-transform: uppercase;
	transition: 0.3s ease-out;
}

.text-contrast,
.text-contrast .section-p-title .glyphicon,
.text-contrast a, .text-contrast a:hover, .text-contrast a:visited, .text-contrast a:active, .text-contrast a:focus,
.text-contrast h1,.text-contrast h2,.text-contrast h3,.text-contrast h4,.text-contrast h5, .text-contrast h6 {
	color: #FFF;
}

.text-weight-100 {
	font-weight: 100;
}

.text-weight-300 {
	font-weight: 300;
}

.text-weight-500 {
	font-weight: 500;
}

.text-weight-700 {
	font-weight: 700;
}

.text-weight-900 {
	font-weight: 900;
}

.embed-fluid {
	width: 100%;
	/* overflow: hidden; */
}

/* - - - - - - - - - - - - - - - - - - - - - - - - */





/* 
 * (2) Navigation */

.nav-wrap {
	min-height: 66px;
	background-color: #800020;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cc516e+0,800020+100 */
	/*background: #cc516e; /* Old browsers */*/
	/*background: -moz-linear-gradient(-45deg,  #cc516e 0%, #800020 100%); /* FF3.6-15 */*/
	/*background: -webkit-linear-gradient(-45deg,  #cc516e 0%,#800020 100%); /* Chrome10-25,Safari5.1-6 */*/
	/*background: linear-gradient(135deg,  #cc516e 0%,#800020 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */*/
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc516e', endColorstr='#800020',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */*/
	/*border-bottom: 1px solid #EEE;*/
	}
	.nav-brand {
		margin: 0 auto;
		/*text-align: center;*/
		}
		.nav-brand-anchor {
			margin-right: 20px;
			}
			.nav-brand-anchor img {
				width: 80px;
				margin-top: 5px;
			}
		.nav-brand-title {
			width: 60%;
			color: #FFF;
			text-transform: uppercase;
			transition: 0.3s ease-out;
			}
			.nav-brand-title:hover {
				color: #DEDEDE;
			}
			.nav-brand-title h1 {
				margin: 0;
				font-size: 1.35em;
				font-family: 'Work Sans', sans-serif;
			}
	.nav-main {
		text-align: right;
		}
		.nav-main a {
			position: relative;
			display: inline-block;
			vertical-align: top;
			padding: 6px;
			margin: 0 2px;
			color: #FFF;
			font-weight: 600;
			text-transform: uppercase;
			transition: 0.3s ease-out;
			}
			.nav-main a:hover {
				color: #FFBF40;
			}
			/*.nav-main li:after {
				display: inline-block;
				vertical-align: top;
				padding-top: 6px;
				content: "|";
				color: #BABABA;
				font-weight: 100;
				cursor: default;
			}
			.nav-main li:last-child:after {
				display: none;
			}*/
			.nav-main a.current:before {
				content: "";
				position: absolute;
				width: 24px;
				height: 3px;
				margin: 0 auto -2px;
				left: 0;
				right: 0;
				bottom: 0;
				background-color: rgba(255,255,255,0.22);
			}
			.nav-main a.current:hover:before {
				/* background-color: #FFBF40; */
				/* transition: 0.3s ease-out; */
			}

/* - - - - - - - - - - - - - - - - - - - - - - - - */





/* 
 * (3) Content Sections */

.section-title {
	color: #800020;
	text-align: center;
	/*text-transform: uppercase;*/
	font-weight: 200;
	margin-top: 10px;
	}
	h2.section-title {
		font-size: 26px;
	}
	.section-p-title {
		line-height: 1.7;
		font-weight: 400;
		}
		.section-p-title:after {
			content: "";
			display: table;
			clear: both;
		}
		.section-p-title .glyphicon {
			float: left;
			margin-left: -15px;
			color: #9C9C9C;
		}
		.block-icon,
		.section-p-title .glyphicon {
			font-size: 200%;
		}
	.block-icon {
		/* font-size:  */
	}

.split-screen,
.split-screen-content {
	position: relative;
	min-height: 560px;
	}
	.split-screen-bg,
	.split-screen-content {
	}
	.split-screen-bg {
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		right: 0;
		z-index: 2;
		background-color: #3a3a3a;
		background-repeat: no-repeat;
		background-position: 50% 50%;
		background-position: 50% 50%\9 !important;
	}
	.split-screen-content {
		z-index: 1;
		/* background-color: #F5F5F5; */
	}

/* - - - - - - - - - - - - - - - - - - - - - - - - */





/* 
 * (4) Footer */

.footer-nav {

	}
	.footer-nav a,
	.footer-nav li {
		display: block;
	}
	.footer-nav a {
		margin-bottom: 4px;
		color: #939393;
		font-weight: 500;
		transition: 0.3s ease-out;
		}
		.footer-nav a:hover {
			color: #FFBF40;
		}

.footer-lower hr{
	margin-top: 10px;
	margin-bottom: 10px;
}

.social-fb {
	opacity: 0.5;
	transition: 0.3s ease-out;
	}
	.social-fb:hover {
		opacity: 1;
	}

.footer-copyrights {
	font-size: 12px;
	color: #AAA;
}
/* - - - - - - - - - - - - - - - - - - - - - - - - */





/* 
 * (4) TESTMONIALS */

.testiminial-block{padding: 10px 0 30px; border-bottom:1px solid #ccc; dispaly:block; margin:0 0 20px;}
.testimonial-content h3{margin-top:0px; color:#444;}
.testimonial-content p{color:#777;}
.testimonial-author{font-size:12px; font-style:italic; color:#999;}
.comp-logo{padding-top:40px;}
@media (max-width: 767px) {
.testimonial-content{margin:20px 0;}
.comp-logo{padding-top:0px;}
}

/* - - - - - - - - - - - - - - - - - - - - - - - - */


.nav-links li a:hover{
	color: #FFBF40;
}


/*Color text*/

.burgendy{
	color: #800020;
}

body{
	background-color: rgba(128, 0, 32, 0.06);; 
}