/*
Theme Name: Pearl
Author: Brian Durney
Author URI: http://www.briandurney.com
Version: 1.0
*/

html,body,div,span,
h1,h2,h3,h4,h5,h6,
p,blockquote,q,em,img,small,strong,
dl,dt,dd,ol,ul,li,fieldset,form,label,legend{border:0;outline:0;margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}
body{line-height:1}
ol,ul{list-style:none}
:focus{outline:0}
input,textarea{margin:0;outline:0;}
textarea{overflow:auto; resize:none;}
table{border-collapse:collapse;border-spacing:0}
/* End Reset */

/* html5 */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }


/* Default Font Styles
______________________*/
body, input, select, textarea{
	font-size:14px;
	color:#3b3c50;
	line-height:1.8;
}

body, input, select, textarea,
h1, h2, h3, h4, h5, h6{
	font-family: 'Raleway', sans-serif;
}

.meta a,
div.date{
		font-family: 'Roboto', sans-serif;
	}

/* Headings
______________________*/
h1{
	text-align: center;
	font-size: 60px;
	color: #fff;
	padding: 78px 15px 0;
}
h2{
	font-size: 24px;
	color: #202242;
	padding-top: 23px;
}
.page-title{
	padding:0 0 20px;
}
h3{
	font-size: 22px;
	color: #32434f;
}
h4{

}


/* Links
______________________*/
a{
	color: #3b3c50;
}
a:hover { 
	color: #1d3e77;
	text-decoration: none;
}

/* p, blockquote, address
______________________*/
p{
	margin-bottom: 14px;	
}
img {
	max-width: 100%;
	height: auto;
}

/* Lists
______________________*/
ul{

}
ul li{
 
}
ol{

}
ol li{

}


/* Layout 
______________________*/
#container-fluid{
	
}

.container {
    width:auto;
	max-width:1200px;
}

/* Header
______________________*/
#header-wrap{
	background:#f7f6fb url(images/header-bg.jpg) repeat-x;
}
#header{
	
}
#header-left{
	padding:7px 0 0;
}
	.logo{
		display:inline-block;
	}
	.logo img{
		
	}
#header-right {
	
}
#header-top{
	height:46px;
	text-align:right;
}
	#header-top ul{
		padding:12px 0 0;
	}
	#header-top li,
	.top-links li{
		display:inline;
	}
	#header-top li.first,
	.top-links li.first{
		padding-right:15px;
	}
	#header-top li.last,
	.top-links li.last{
		padding-left:15px;
	}
	#header-top li span{
		display:inline-block;
		vertical-align:middle;
		font-weight:300;
	}
	#header-top li a,
	.top-links li a{
		-moz-border-radius:50%;
		-webkit-border-radius:50%;
		border-radius:50%;
		display:inline-block;
		vertical-align:middle;
		border:1px solid #202242;
		width:20px;
		height:20px;
		line-height:15px;
		text-align:center;
		color:#202242;
	}
	#header-top li a:hover{
		color:#fff;
	}
	#header-top li.last a{
		border:none;
		width:auto;
	}
	#header-top li a i,
	.top-links li a i{
		font-size:10px;
	}
	.top-links{
		display:none;
		position:absolute;
		top:13px;
	}
	.phone-header{
		display:none;
		position:absolute;
		top:7px;
		right:65px;
	}
	.phone-header a{
		-moz-border-radius:4px;
		-webkit-border-radius:4px;
		border-radius:4px;
		display:block;
		background:#3b3c50;
		border:1px solid #7a7a86;
		width:32px;
		height:32px;
		line-height:32px;
		text-align:center;
		color:#fff;
		font-size:18px;
	}
	.phone-header i{
		
	}

/* Navigation
______________________*/
#nav{
	text-align:right;
}
	#nav li{
		display:inline;
	}
	#nav li a{
		display:inline-block;
		color:#202242;
		font-size:16px;
		font-weight:300;
		text-transform:uppercase;
		margin-left:35px;
		height:70px;
		line-height:70px;
	}
	#nav li:first-child a{
		margin-left:0;
	}
	#nav li a:hover{
		color:#1d3e77;
		text-decoration:none;
	}

.navbar{
	margin:0;
}
.navbar-default{
	background:#f7f6fb url(images/header-bg.jpg) repeat-x;
	border:none;
}
.navbar > .container .navbar-brand, 
.navbar > .container-fluid .navbar-brand{
	margin:0;
}
.navbar-brand{
	height:auto;
	padding:7px 0 0;
}
.navbar-brand img{
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
.navbar-brand:hover img{
	border:4px solid #3b3c50;
}
#nav li a{
		display:inline-block;
		color:#202242;
		font-size:16px;
		font-weight:300;
		text-transform:uppercase;
		margin-left:35px;
		height:70px;
		line-height:70px;
	}
.navbar-default .navbar-nav > li > a{
	color:#202242;
}
.navbar-nav > li > a{
	font-size:16px;
	font-weight:300;
	text-transform:uppercase;
	height:70px;
	line-height:70px;
	padding:0px 17px 0px 17px;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
	background:#eae8eb;
}
.navbar-default .navbar-toggle{
	background-color: #1e3e77;	
	margin-top:6px;
}
.navbar-default .navbar-toggle .icon-bar{
	background-color: #fff;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
	background-color: #1e3e77;
}


/*  Main Area
-------------------------------------- */
#main-wrap{
	background: #f1f1f0;
}
#slider-wrap  {
	background: url(images/blog-wrap.jpg) no-repeat;
	background-size: 100% 100%;
	min-height: 196px;
}

#main{
	position: relative;
	margin-top: 60px;
}
#contents{
	padding-left: 69px;
	
}
	.attachment-full {
		width: 100%;
		margin:0 auto;
	}
	.post-contents{
		
	}
	.post-item {
		background: #fff;
		padding-bottom: 25px;
		margin-bottom: 45px;
		position: relative;
	}
	.post-contents{
		padding: 0 25px;
	}
	.meta ul,
	.meta li{
		display:inline;
	}
	.meta {
		color: #bcbcbc;
	}
 	.meta a{
		color: #bcbcbc;
		font-size: 14px;
		font-weight: 300;
	}
	
	.post-item h2 a{
		color: #202242;
	}
	.post-item a:hover{
		color: #1d3e77;	
	}

	.post-item .fa {
		float: right;
		font-size: 35px;
		color: #000;
		position: relative;
	}
	.post-item .fa a{
		position: absolute;
		right: 8px;
		top: 6px;
		color: #fff;
		font-size: 19px;
		width:20px;
		text-align:center;
	}
	div.date {
		position: absolute;
		left: -69px;
		width:69px;
		top:0;
		background: #1d3e77;
		font-size: 24px;
		line-height: 1.2;
		color: #fff;
		padding: 16px 8px 12px 10px;
		border-radius: 10px 0 0 10px;
	}
	div.date p{
		margin: 0;
		padding: 0;
	}
	div.date span{
		display: block;
		text-transform:uppercase;
	}
	.pagination {
		margin-bottom: 25px;
		text-align:center;
		display:block;
	}
	.pagination a,
	.pagination span{
		background: #3f3e4e;
		display: inline-block;
		width: 35px; 
		height: 36px;
		padding-top: 1px;
		margin-top: 5px;
		border: 1px solid #92929a;
		color: #fff;
		font-size: 22px;
		line-height: 1.4;
	}
	.pagination a:hover,
	.pagination span{
		background: #575484;
	}
	
	.nav-links{
		padding:0 0 30px;
	}
	.nav-links a{
		float:left;
		width:49.5%;
	}
	.nav-links a:last-child{
		text-align:right;
	}

#sidebar{
	
}
	.widget {
		margin-bottom: 30px;
		position: relative;
	}
	.widget ul{
		padding-top: 10px;
	}
	.widget li{
		border-bottom: 1px solid #e4e4e3;
		padding: 8px 0 6px;
		padding-left: 5px;
	}
	.widget li:first-child{
		border-top: 1px solid #e4e4e3;
	}
	.widget a{
		display: inline-block;
	}
	.widget .form-group {
		margin-top: 10px;
		}
	.widget input {
		background: #ebebeb;
		border: 1px solid #e4e4e3;
		padding-right:35px;
		-webkit-box-shadow:none;
		-moz-box-shadow:none;
		box-shadow:none;
	}
	.widget .search-btn {
		height: 35px;
		width: 25px;
		margin-left: 10px;
	}
	.search-bar{
		position: relative;
	}
	.search-bar .fa{
		font-size: 20px;
	}
	.search-bar button{
		background: none;
		border: none;
		position: absolute;
		right: 0;
		top:6px;
	}
	.widget .search-bar button{
		top:0;
	}



/*  Contact Us 
-------------------------------------- */
#contact-us-wrap{
	background:#121217;
	padding:50px 0;
	color:#fff;
/*	margin-top: 196px; */
}
#contact-us-wrap a{
	color:#fff;
}
#contact-left{
	
}
	#contact-left h2{
		font-size:60px;
		font-weight: 300;
		margin: 0 0 25px 0;
		color: #fff;
	}
	.contact-left-1{
		
	}
		.contact-left-1 p{
			font-size:13px;
			line-height:24px;
			margin-bottom:30px;
		}
		.contact-left-1 span{
			display:block;
			padding-left:20px;
			margin-bottom:10px;
			line-height:1.5;
		}
		.contact-left-1 span.phone{
			background:url(images/icon-phone.png) 0 3px no-repeat;
		}
		.contact-left-1 span.address{
			background:url(images/icon-pin.png) 0 3px no-repeat;
		}
	.contact-left-2{
		
	}
		.contact-left-2 strong{
			display:block;
			font-weight:700;
			margin-bottom:20px;
		}
		.contact-left-2 span{
			display:block;
		}
		.subscribe-area{
			margin-bottom:10px;
			position:relative;
		}
		.subscribe-area .form-control{
			height:46px;
			padding-right:45px;
		}
		.subscribe-btn{
			position:absolute;
			top:16px;
			right:20px;
			background:url(images/icon-scribe.png) no-repeat;
			width:18px;
			height:13px;
			border:none;
			cursor:pointer;
		}
#contact-right{
	
}
	#contact-right p{
		margin-bottom:10px;
	}
	#contact-right p input,
	#contact-right p textarea{
		color:#bbb;
		height:50px;
	}
	input.error,
	textarea.error{
		border:2px solid #ca4343;
	}
	input.error:focus,
	textarea.error:focus{
		border-color:#ca4343;
		-moz-box-shadow: 0px 1px 1px rgba(221, 0, 0, 0.075) inset, 0px 0px 3px #ca4343;
		-webkit-box-shadow: 0px 1px 1px rgba(221, 0, 0, 0.075) inset, 0px 0px 3px #ca4343;
		box-shadow: 0px 1px 1px rgba(221, 0, 0, 0.075) inset, 0px 0px 3px #ca4343;
	}
	input.valid,
	textarea.valid{
		border:2px solid #55be1c;
	}
	input.valid:focus,
	textarea.valid:focus{
		border-color:#55be1c;
		-moz-box-shadow: 0px 1px 1px rgba(221, 0, 0, 0.075) inset, 0px 0px 3px #55be1c;
		-webkit-box-shadow: 0px 1px 1px rgba(221, 0, 0, 0.075) inset, 0px 0px 3px #55be1c;
		box-shadow: 0px 1px 1px rgba(221, 0, 0, 0.075) inset, 0px 0px 3px #55be1c;
	}
	#contact-right p .green-shadow{
		border:2px solid #55be1c;
	}
	#contact-right p textarea{
		height:125px;
/*		border:2px solid #ca4343; */
	}
	.human-wrap{
		padding:25px 0;
	}
	.human{
		display:inline-block;
		font-weight:700;
		padding:15px 0 0;
	}
	.bttns-wrap{
		
	}
		.bttns-bar{
			-moz-border-radius:3px;
			-webkit-border-radius:3px;
			border-radius:3px;
			font-size:0;
			display:block;
			height:5px;
			background:#3f3e4e;
			border:1px solid #d7d7d7;
		}
		.bttns-text{
			margin-bottom:10px;
		}
			.bttns-text span{
				display:block;
				color:#fff;
				font-size:12px;
			}
		.ui-buttonset{
			margin:0;
		}
		.ui-buttonset .ui-button{
			width:50%;
			height:18px;
			background:none;
			border:none;
			font-size:0;
			float:left;
			margin-top:-10px;
		}
		.ui-button-text-only .ui-button-text{
			-moz-border-radius:50%;
			-webkit-border-radius:50%;
			border-radius:50%;
			width:18px;
			height:18px;
			background:transparent;
		}
		.ui-state-active .ui-button-text,
		.ui-widget-content .ui-state-active .ui-button-text,
		.ui-widget-header .ui-state-active .ui-button-text{
			background:#fff;
		}
		.ui-buttonset .ui-button:last-child .ui-button-text{
			float:right;
		}
	.btn-send-message:hover{
		text-decoration:none;
	}
	.send-message{
		text-align:right;
	}

/*  Footer 
-------------------------------------- */
#footer-wrap{
	background:#0c0c0f;
}
#footer,
#footer a{
	color:#fff;
}
#footer-top{
	padding:35px 0;
}
	#footer-top-left{
		padding:10px 0 0;
	}
		#footer-top-left li{
			display:inline;
		}
		#footer-top-left li a{
			-moz-border-radius:50%;
			-webkit-border-radius:50%;
			border-radius:50%;
			display:inline-block;
			border:1px solid #fff;
			width:26px;
			height:26px;
			line-height:1.5;
			text-align:center;
		}
		#footer-top-left li a i{
			font-size:10px;
		}
	#footer-top-right{
		text-align:right;
	}
		#footer-top-right li{
			display:inline;
		}
		#footer-top-right li a{
			display:inline-block;
			margin-left:20px;
		}
		#footer-top-right li:first-child a{
			margin-left:0;
		}
		#footer-top-right li img{
			vertical-align:middle;
		}
		#footer-top-right li i{
			display:inline-block;
			vertical-align:middle;
			font-size:0;
			height:52px;
			line-height:52px;
		}
#footer-bot{
	padding:10px 0;
}
	#footer-bot-left{
		
	}
		#footer-bot-left p{
			
		}
	#footer-bot-right{
		text-align:right;
	}
		#footer-bot-right li{
			display:inline;
		}
		#footer-bot-right li a{
			display:inline-block;
			font-size:13px;
			margin:0 13px 0 10px;
		}




.fl{ float:left}
.fr{ float:right}
.cl{ clear:both; font-size:0; height:0; }
.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* Alignments */
.center { text-align:center }
.right { text-align:right }
.top {vertical-align:top }
.middle { vertical-align:middle }

/* btns */
.btn-round-half{
	-moz-border-radius:25px;
	-webkit-border-radius:25px;
	border-radius:25px;
	display:inline-block;
	color:#fff;
	background:#3f3e4e;
	font-size:22px;
	text-transform:uppercase;
	font-weight:500;
	border:2px solid #fff;
	padding:15px;
	line-height:1;
}
.btn-round-half:hover,
.btn-round-half:focus{
	text-decoration:none;
}
.btn-round-full{
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	border-radius:50%;
	display:inline-block;
	color:#fff;
	background:#3f3e4e;
	font-size:22px;
	text-transform:uppercase;
	font-weight:500;
	border:2px solid #fff;
	width:90px;
	height:90px;
	text-align:center;
	line-height:1;
}
.btn-round-full em{
	display:inline-block;
}
.btn-round-full:hover,
.btn-round-full:focus{
	text-decoration:none;
}

@media (max-width: 1200px) {
	#contents{
		padding-left:58px;
	}
	div.date{
		font-size: 20px;
	    left: -58px;
		width:58px;
	    line-height: 1.2;
	    padding: 14px 7px 10px 8px;
	}
}
@media (max-width: 540px) {
	#contents{
		padding-left:39px;
	}
	div.date{
		font-size: 13px;
	    left: -39px;
		width:39px;
	    line-height: 1.2;
	    padding: 12px 6px 8px;
}
	}
}

   	/*.post-item img,
   	.post-item {
   		width: 650px;
   	}
   	#contents {
   		margin-left: 70px;
   		width: 650px;
   		padding-left: 0;
   	}
   	#sidebar {
   		width: 210px;
   	}*/
    
}
@media (max-width: 320px) {
    
}
@media screen and (max-width: 1023px) {
	.navbar-nav > li > a{
		margin-left:10px;
	}
}
@media screen and (max-width: 900px) {
	.navbar-nav > li > a{
		font-size:13px;
		margin-left:10px;
	}
}
@media screen and (max-width: 767px) {
	.navbar-nav > li > a{
		font-size:16px;
		margin-left:0px;
		text-align:center;
	}
	.navbar-nav{
		margin-top:0;
		margin-bottom:0;
	}
	#header-top{
		text-align:center;
	}
	.contact-left-2{
		padding:20px 0;
	}
	.human-wrap{
		text-align:center;
	}
	.bttns-wrap{
		max-width:200px;
		margin:0 auto;
		padding:20px 0 0;
	}
	.send-message{
		text-align:center;
	}
	#footer-top,
	#footer-top-left{
		padding:10px 0;
	}
	#footer-top-left,
	#footer-top-right,
	#footer-bot-left,
	#footer-bot-right{
		text-align:center;
	}
	#footer-bot-right li a{
		line-height:1.5;
	}
	.navbar-nav > li > a{
		height:auto;
		line-height:normal;
		padding:10px;
	}
}
@media screen and (max-width: 640px) {
	.navbar-brand, .logo{
		width:100%;
		text-align:center;
		padding:0;
		margin:0;
	}
	.top-links{
		display:block;
	}
	#header-top{
		display:none;
	}
	.phone-header{
		display:block;
	}
	#footer-top{
		display:none;
	}
	#contact-left h2{
		font-size:24px;
		text-align:center;
	}
}



#ex1Slider .slider-selection {
	background: #BABABA;
}