/***** FONTS *****/

@font-face{ 
	font-family: 'VerbExtraBold';
	src: url('../../fonts/verbextrabold-webfont.eot');
	src: url('../../fonts/verbextrabold-webfont.eot?#iefix') format('embedded-opentype'),
	     url('../../fonts/verbextrabold-webfont.woff') format('woff'),
	     url('../../fonts/verbextrabold-webfont.ttf') format('truetype'),
	     url('../../fonts/verbextrabold-webfont.svg#webfont') format('svg');
}

@font-face{ 
	font-family: 'VerbRegularItalic';
	src: url('../../fonts/verbregular-italic-webfont.eot');
	src: url('../../fonts/verbregular-italic-webfont.eot?#iefix') format('embedded-opentype'),
	     url('../../fonts/verbregular-italic-webfont.woff') format('woff'),
	     url('../../fonts/verbregular-italic-webfont.ttf') format('truetype'),
	     url('../../fonts/verbregular-italic-webfont.svg#webfont') format('svg');
}

@font-face{ 
	font-family: 'VerbExtralight';
	src: url('../../fonts/verbextralight-webfont.eot');
	src: url('../../fonts/verbextralight-webfont.eot?#iefix') format('embedded-opentype'),
	     url('../../fonts/verbextralight-webfont.woff') format('woff'),
	     url('../../fonts/verbextralight-webfont.ttf') format('truetype'),
	     url('../../fonts/verbextralight-webfont.svg#webfont') format('svg');
}

.marketing-panel-m {

	display:inline-block;
	width:100%;
	padding:70px 0px 70px;
	background:#800080;
	color:#d0d0d0;
	font-size:18px;
	margin-top:70px;
	margin-bottom:-110px;
}

.marketing-panel-m p{
	color:#d0d0d0 !important;
	font-size:24px;
	margin-top:5px;
	line-height:150%;
	font-weight: bold;
}

.marketing-panel-m ul li {
  font-family: 'VerbRegularItalic';
	list-style-type: none;
}


/***** GLOBAL *****/

body{
	font-size:13px;
	background: url(../img/blogbg.png) 0px 0px repeat;
}

section{
	padding-top:100px;
	padding-bottom:50px;
	position:relative;
}

footer{
	padding-top:100px;
}

.navbar .container {
	max-width: 1170px;
}

.main-color, i.main-color{
	color:#800080;
}

hr.line{
	border:none;
	background: url(../img/linebg.jpg) center center repeat-x;
	display:block;
	width:100%;
	height:20px;
	margin:30px 0px;
}



/***** HEADERS *****/

.page-header{
	background: url(../img/linebg.jpg) center center repeat-x;
}

.page-header.inner-header{
	margin-top:50px;
}



/***** TOP SECTION *****/

.btn.btn-action{
	background:#800080;
	padding: 19px 44px;
	font-size: 24px;
	font-weight: 200;
	color: #fff;
	border: 0;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

.btn.btn-action:hover {
	background:#0491ac;
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25);
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25);
	box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25);
}

.btn.btn-action-bottom{
	background:#800080;
	padding: 19px 44px;
	font-size: 24px;
	font-weight: 200;
	color: #fff;
	border: 0;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	border-top-left-radius: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	border-top-right-radius: 5px;
	-moz-border-radius-bottomright: 0px;
	-webkit-border-bottom-right-radius: 0px;
	border-bottom-right-radius: 0px;
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-bottom-left-radius: 0px;
	border-bottom-left-radius: 0px;
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25), 14px 14px 19px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25), 14px 14px 19px rgba(0, 0, 0, 0.4);
	box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25),14px 14px 19px rgba(0, 0, 0, 0.4);
}

.btn.btn-action-bottom:hover {
	background:#0491ac;
}

.action-wrapper{
	display:block;
	width:100%;
	position:absolute;
	bottom:0px;
	text-align:center;
}

p .btn.btn-action{
	margin-top:20px;
}



/***** NAVIGATION *****/

.nav-top.fixed{
	position:absolute;
	top:-100px;
	left:0px;
	right:0px;
	z-index:1030;
	filter: alpha(opacity=0);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.nav-top.fixed.action{
	position:fixed;
	top:0px;
	left:0px;
	right:0px;
	z-index:1030;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
	filter: alpha(opacity=100);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}

.navbar .nav > li > a {
	float: none;
	padding: 0px 0px 3px;
	color: #fff;
	margin-right:30px;
	margin-top:20px;
	text-decoration: none;
	text-shadow: none;
	font-size:16px;
	font-weight:bold;
	border-top:4px solid transparent;
	text-transform:uppercase;
}

.navbar .nav > li > a:hover{
	color:#c000c0;
}

.navbar .nav > .hire-me {
}

.navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus {
	color: #fff;
	text-decoration: none;
	background-color: none;
	-webkit-box-shadow:  none;
	-moz-box-shadow:   none;
	box-shadow:  none;
	font-weight:700;
	border-bottom:4px solid #800080;
	background:none;
}

.navbar-fixed-top .navbar-inner, .navbar-static-top .navbar-inner {
	-webkit-box-shadow: 0px 8px 10px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0px 8px 10px rgba(0, 0, 0, 0.15);
	box-shadow: 0px 8px 10px rgba(0, 0, 0, 0.15);
}

.navbar{
	border-top:4px solid #800080;
	border-bottom:1px solid rgba(128, 0, 128, 0.7);
	-webkit-box-shadow:0px 10px 10px rgba(0, 0, 0, 0.35);
	-moz-box-shadow:0px 10px 10px rgba(0, 0, 0, 0.35);
	box-shadow:0px 10px 10px rgba(0, 0, 0, 0.35);
	margin-bottom:0px;
}

.navbar-inner {
	min-height: 40px;
	padding-right: 20px;
	padding-left: 20px;
	background-size: 100% 100%;
	background:rgba(128,0,128, 0.4);
	background-image:none;
	background-repeat: repeat-x;
	border: none;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	filter: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}



/***** HEADER *****/

#header-section{
	background: url( ../../images/background.jpg) 50% 0% fixed repeat;
	position:relative;
	display:inline-block;
	width:100%;
	min-width:100%;
	overflow:hidden;
	border-bottom:4px solid #800080;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	min-height:200px;
}

#logo img {
	display: inline-block !important;
	margin: auto;
	padding-top: 160px;}

#logo {
	text-align: center !important;
	color: #d0d0d0;
}

#logo h1{
	font-family: 'VerbRegularItalic';
	font-size: 30px;
	font-weight: normal;
}



/***** CALL OUTS *****/

#call-outs{
	background:url( ../img/blogbg.png) repeat;
	position:relative;
	padding-bottom: 0;
	display:inline-block;
	width:100%;
	min-width:100%;
	height:auto;
	min-height:300px;
	position:relative;
	overflow:hidden;
}

#call-outs .call-out {
  font-family: 'VerbExtraBold';
	font-size: 100px;
}

#call-outs .call-out-text {
	line-height: 115%;
  font-family: 'VerbRegularItalic';
	font-size: 30px;
	padding-bottom: 75px;
	padding-top: 15px;
	padding-left: 100px;
}



/***** SOCIAL SECTION *****/

#social-section{
	background: url( ../../images/background.jpg) 50% 0% fixed repeat;
	position:relative;
	display:inline-block;
	width:100%;
	min-width:100%;
	overflow:hidden;
	min-height:300px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}

#social-section a {
	color: #800080;
	margin: auto;
	padding: 30px;
	text-decoration: none;
}

#social-section a:hover {
	color: #0491ac;
}



/***** ELABORATE BOXES *****/

#elaborate-section{
	background:url( ../img/blogbg.png) repeat;
	padding-bottom: 100px;
}

#elaborate-section p {
	font-family: 'Verbextralight';
	font-size: 18px;
	color: #222;
}

#elaborate-section h4 {
	font-family: 'VerbExtraBold';
	font-size: 40px;
	padding-bottom: 25px;
}

.fa-jumbo {
  font-size: 120px;
}

.panel {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	padding:15px;
	background:rgba(250,250,250, 0.9);
	border:4px solid transparent;
	color: #800080;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	transition: all 0.4s ease;
	-webkit-box-shadow: 0px 0px 28px rgba(50, 50, 50, 0.05);
	-moz-box-shadow: 0px 0px 28px rgba(50, 50, 50, 0.05);
	box-shadow: 0px 0px 28px rgba(50, 50, 50, 0.05);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	min-height: 7000px;
}

.panel i, .panel .feature-title {
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.panel:hover i, .panel:hover .feature-title {
	color: #0491ac;
}

.panel:hover {
	border:4px solid #800080;
	background:#fff;
	padding:15px;
	-webkit-box-shadow: 0px 0px 14px rgba(50, 50, 50, 0.43);
	-moz-box-shadow: 0px 0px 14px rgba(50, 50, 50, 0.43);
	box-shadow: 0px 0px 14px rgba(50, 50, 50, 0.43);
}



/***** CONTACT SECTION *****/

#contact-section{
	background: url( ../../images/background.jpg) 50% 0% fixed repeat;
	position:relative;
	display:inline-block;
	width:100%;
	min-width:100%;
	overflow:hidden;
	min-height:400px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	padding-bottom: 75px;
}

#contact-section  .container{
	margin: auto;
}

#contact-section input:required, #contact-section textarea{
	background-color: #d0d0d0;
	color: #333;
  border-color: rgba(200, 200, 200, 0.8);
}

#contact-section input:focus:required, #contact-section textarea:focus {
	background-color: #fff;
	color: #333;
  border-color: rgba(128, 0, 128, 0.8);
	-webkit-box-shadow: 0 0 8px rgba(180, 0, 180, 0.9);
	-moz-box-shadow: 0 0 8px rgba(180, 0, 180, 0.9);
	box-shadow: 0 0 8px rgba(180, 0, 180, 0.9);
}

#contact-section  {
	font-family: 'Verbextralight';
	color: #d0d0d0;
	font-size: 16px;
	font-weight: bold;
}

#contact-section form label {
  font-family: 'VerbRegularItalic';
	font-size: 18px;
	font-weight: bold;
}

form {
	padding-left: 20px;
}
	


/***** STAFF *****/

#staff-section {
	font-family: 'VerbExtralight';
	font-size: 16px;
	padding-bottom: 100px;
}

.staff-name {
	font-family: 'VerbRegularItalic';
	font-weight: bold;
	font-size: 50px;
}

.staff-left, .staff-right {
	line-height: 150%;
	font-weight: bold;
 }

.staff-text {
	padding-left: 25px;
	padding-right: 25px
}

.staff-right {
	border-left: 2px solid #ccc;
	padding-left: 15px;
}



/***** FOOTER *****/

#footer {
	font-family: 'VerbExtralight';
	background-color: #300030;
	padding-top: 50px;
	color: #d0d0d0;
	font-size: 16px;
}

.brand {
	font-weight: bold;
}

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

#footer a {
	font-weight: bold;
	color: #fff;
}

#footer a:hover {
	color: #0491ac;
	text-decoration: none;
}

.footer-links{
	margin-left:10px;
}

.copyright {
	padding-top: 15px;
	font-size: 12px;
}



/***** MEDIA *****/

@media (max-width: 768px){
	body {
		padding-right: 0px;
		padding-left: 0px;
	}

	.container{
		padding-right: 20px;
		padding-left: 20px;
	}
	
	.btn.btn-action{
		
		text-align:center;
		margin-bottom:30px;
		margin-top:20px;
	}	

	#elaborate-section h4 {
		font-size: 30px;
	}
	
	#staff-section .staff-name {
		font-size: 40px;
	}
}

@media (max-width: 980px){
	.navbar .btn-navbar {
		margin-top:20px;
	}
	
	.navbar .nav > li > a:hover {
		color:#fff;
		border-top:4px solid transparent;
		color: #800080;
	}
	
	.navbar .nav > li > a{
		padding-left:20px;
		text-align:center;
	}
	
	.navbar .nav > li.active > a:hover{
		color: 
	}
	
	.navbar-inner {
		background: rgba(128,0,128, 0.4);
	}
	
	.btn.btn-action{
		line-height:24px;
	}
	
	#call-outs [class*="span"]{
		margin-bottom:30px;
	}

	form {
		padding: 0px;
	}

}

@media (max-width: 480px) { 
	
	#call-outs .call-out {
		font-size: 70px;
	}	
	
	#call-outs .call-out-text {
		font-size: 25px;
	}
	
	#social-section a {
		padding: 5px;
	}
	
	form {
		padding: 0px;
	}
	#logo img {
		padding-top: 20px;
		width: 400px;
	}
	
	#logo h1 {
		font-size: 20px;
	}
}


@media (max-width: 640px) {
	#logo img {
		padding-top: 20px;
		width: 400px;
	}
}