/**
 *
 * Custom.css file helps you override css style elements defined in style.css and the skins too. Very handy for customization without touching the
 * theme code.
 * You may want to backup and retain this file when updating the theme to retain customizations.
 *
 */
body{font-family:'Lato', sans-serif;;}
p{
	font-family: 'Lato', sans-serif;;
}
.container{
	width:100%;
	max-width:970px;
	margin:0 auto;
}
.siteheader{
	width:100%;
	float:left;
	position:relative;
}
.slider{
	position:relative;
}
.slider img{
	width: 100%;
    max-width: 100%;
	/*padding: 0 15px 0 15px;*/
	max-height: 485px;
}
.site-title-bar{
    position: absolute;
    z-index: 99999;
    float: right;
    text-align: right;
    width: 100%;
    top:45px;				
	padding: 0 15%;
}
.sitetitle{
    font-size: 50px;
   color: #fff;
    margin: 0px;
    font-family: sans-serif;
    line-height: 1.2;
}
.sitedescription{
    font-size: 20px;
    color: #fff;
     font-family: 'Open Sans', sans-serif;
    line-height: 1.2;
    margin:0px;
}
/*menu*/
.hfeed-site #masthead .menu-baricon{
	position: absolute;
	z-index: 99999;
    display: block;
    bottom: 45%;
    background:#F0F0F0;
    width:100%;
    border-radius:0px;
}
.hfeed-site #masthead #navbar{
	background:#F0F0F0;
	margin-bottom:0px;
}
.hfeed-site #masthead #navbar .nav-menu{
	padding:0px;
}
.hfeed-site #masthead #navbar .nav-menu li a{
	padding: 26px 25px;
    color: rgb(70, 80, 91);
    font-size: 16px;
    line-height: 1.2;
    font-family: 'Open Sans', sans-serif;
}
.hfeed-site #masthead #navbar .nav-menu li:hover > a, .nav-menu li a:hover, .nav-menu li:focus > a, .nav-menu li a:focus{
	background-color: #F0F0F0;
	color:rgb(153, 153, 153);
}
.hfeed-site #masthead #navbar .nav-menu .current_page_item > a, .nav-menu .current_page_ancestor > a, .nav-menu .current-menu-item > a, .nav-menu .current-menu-ancestor > a{
	color: rgb(153, 153, 153);
    font-style: normal;
}
/**/
.social-icon{
	width:100%;
	padding:21px 0;
}
.social-icon ul{
	padding:0px;
	float:right;
}
.social-icon ul li{
	list-style:none;
	float:left;
	padding: 0 14px;
}
.social-links{
	width: 100%;
    float: left;
}
.social-links ul{
	padding:0px;
}
.social-links ul li{
	list-style:none;
	float:left;
	width:25%;
	text-align:center;
	line-height:7;
}
#content .social-links ul li:hover{
	background:#E6E6E6;
}
.social-links ul li a{
	   /* padding: 35px;*/
	display:inline-block;
}
.social-links ul li a img{
	width:auto;
	max-height:40px;
}
.social-links ul li:nth-child(odd){
	background:rgb(240, 240, 240);
}
.social-links ul li:nth-child(even){
	background:rgba(240, 240, 240, 0.53);
}
.hentry{
	clear:both;
}
.about-content h1{
	font-size: 26px;
    color: rgb(24, 28, 32);
    line-height: 1.6;
    letter-spacing: 0px;
    border-bottom: 2px solid #CCCCCB;
    margin: 0 0 15px;
    font-family: 'Lato', sans-serif;;
}
.about-content P{
	color: #626B74;
    font-size: 15px;
    font-family: 'Lato', sans-serif;;
    line-height: 1.2;
    white-space: pre-line;
    font-weight: 400;
}
.home .hentry{
	padding:40px 0;
}
.about-img{
	padding:60px 0;
}
/*footer menu*/
.footer-menu .menu-footer-container ul{
	padding:0px;
}
.footer-menu .menu-footer-container ul li{
	float:left;
	padding:0 18px;
}
.footer-menu .widget{
	background:#fff;
}
.footer-menu .menu-footer-container ul li a{
	color: rgb(102, 102, 102);
    text-align: center;
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
}
.siteinfo{
	background:#F0F0F0;
}
.siteinfo p{
	text-align: center;
    margin: 0px;
    padding: 15px;
    color:rgb(102, 102, 102);
}
.siteinfo p a{
	color:rgb(102, 102, 102);
}
/*bio*/
.bio h2{
	background: #f0f0f0;
    padding: 15px 2px;
    margin: 0 0 45px;
}

/*book*/
.books-content{
	width:100%;
	float:left;
}
.book-img{
	width: 100%;
    margin: 0 auto;
    text-align: center;
    border: 1px solid #000;
}
.books-content h1{
	font-size: 30px;
    padding: 10px 0;
    font-family: 'Open Sans', sans-serif;
    font-weight: 200;
}
.books-content p{
	color: #666;
    padding: 0 60px 0 0;
    line-height: 1.6;
}
/*contact*/

.contact-form{
	width:100%;
	float:left;
	padding:40px;
	background:#f0f0f0;
}
.contact-form label{
	 width: 100%;
    color: rgb(51,51,51);
    line-height: 2;
    font-weight: 400;
    margin: 0 0 15px;
}
.contact-form input[type="text"],input[type="email"],input[type="tel"],textarea{
	width:100%;
	border:0px;
} 
.contact-form .btn-submit{
	float: right;
    margin: 0 15px;
    background: #fff;
    color: rgb(102, 102, 102);
    padding: 10px 40px;
    border-bottom:0px;
}
.contact-form .btn-submit:hover{
	background:#BDBDBD;
	color:rgb(102, 102, 102);
}
.contact-map img{
	width:100%;
}
.contact-details{
	width: 970px;
    float: left;
    position: absolute;
    bottom: 9%;
    z-index: 999999999;
}
.contact-details .address{
	width:25%;
	float:left;
	text-align:center;
}
.contact-details .address ul{
	padding:0px;
	
}
.contact-details .address ul li{
	list-style:none;
	text-align:center;
	
}
.contact-details .address ul li:nth-child(2) font{
	font-size: 20px;
    color: #666;
  }
.contact-details .address:nth-child(odd) ul li:first-child{
	background:rgb(240, 240, 240);
	/*padding:40px;*/
	line-height:8;
	margin: 0 0 5px;
}
.contact-details .address:nth-child(even) ul li:first-child{
	background:rgba(240, 240, 240, 0.53);
	line-height:8;
	margin: 0 0 5px;
}
.contact-details .address ul li:first-child:hover{
	background:#E6E6E6;
}
.contact-map{
	background: aliceblue;
    z-index: 2;
    height: 537px;
    width: 100%;
    position: relative;
}
.overlay{
	background: url(../images/map.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 537px;
    background-size: 100%;
    opacity:0.15;
}
.overlay2{
	background: rgba(255,255,255,0);
    z-index: 9999999999999;
    height: 100%;
    width: 100%;
    position: absolute;
}
.blog_content{
	width: 100%;
    float: left;
    position: absolute;
    bottom: 25%;
    background: #fff;
}
.blog-title{
	display: block;
    padding: 16px 0;
    border-right: 1px solid #BDBDBD;
    margin: 12px 0;
}
.blog_content .blog-title h1{
	margin: 0px;
    display: inline-flex;
}
.blog_content .blog-title h1 a{
	font-size: 20px;
    font-family:'Open Sans', sans-serif;
    line-height: 1.2;
    color: #666;
    margin:0px;
}
.blog_content p{
	margin: 0px;
    padding: 10px 0;
}
.blog_content p a{
    font-family:'Open Sans', sans-serif;
    font-size: 14px;
    color: rgb(102,102,102);
    font-weight: 200;
    display: inline-block;
}
.blog{
	position:relative;
}
.blog-date{
	text-align:center;
}
.blog-date p{
	font-size: 19px;
	color:#666;
}
.blog-date .date{
	padding: 8px;
}
.blog-date .date span{
	border-bottom: 2px solid #dbdbdb;
    padding: 2px 8px 6px;
}
.blog-date .month{
	padding:0px;
}
.page-title{
	padding: 20px 15px;
}
.page-title h1{
	margin: 0px;
    color: #465058;
    font-size: 28px;
    font-family: 'Open Sans', sans-serif;
    line-height: 1.2;
    font-style: normal;
}
.date-block{
	width:100%;
	float:left;
}
.date-block ul{
	padding:0px;
}
.date-block ul li{
width: 25%;
    list-style: none;
    float: left;
    line-height: 6;
    text-align: center;
    font-size: 18px;
    color: #666;
}
.date-block ul li:nth-child(odd){
	background:#f0f0f0;
}
.date-block ul li:nth-child(even){
	background:#DFDFDF;
}
.entrytitle{
	    padding: 20px 0;
    color: #46505b;
    font-family:'Open Sans', sans-serif;
    font-size: 28px;
}
.entrycontent p{
	font-family: 'Lato', sans-serif;;
    color: #666;
    line-height: 1.4;
    font-size: 16px;
}
#content .blog-sidebar .widget{
	padding:0px;
	background:#fff;
}
#content .blog-sidebar .widget h3{
	font-size: 28px;
    font-style: inherit; 
    font-family: 'Open Sans', sans-serif;
    background: #f0f0f0;
    padding: 10px;
    color: #46505b;
}
#content .blog-sidebar .widget ul li a{
	font-size: 15px;
    color: #666;
    font-family: 'Open Sans', sans-serif;
    line-height: 1.4;
}
#content .blog-sidebar .widget .tagcloud a{
	font-size: 15px !important;
    color: #666;
    font-family: 'Open Sans', sans-serif;
    line-height: 1.4;
}
.more-post{
	position:relative;
}
.hvr-fade{
	overflow: hidden;
	position:relative;
}
.post-title{
	position: absolute;
    bottom: 45px;
    background: #fff;
    width: 100%;
    padding: 10px;
    transition: bottom 0.8s ease;
}
.post-title h2{
	margin: 0px;
	text-align: center;
}
.post-title h2 a{
    line-height: 1.2;
    font-size: 16px;
    color: #666;
    font-family: 'Lato',sans-serif;
}
.related-post h1{
	background: #f0f0f0;
    margin: 0px;
    padding: 11px;
    font-size: 28px;
    color: #40565b;
    font-family: 'Open',sans-serif;
}
.hvr-fade .sweep-to-top{
	bottom: -100%;
    color: #000;
    height: 50%;
    left: 0%;
    text-align: center;
    position: absolute;
    transition: bottom 0.8s ease;
    width: 100%;
}
.hvr-fade:hover, .hvr-fade:focus, .hvr-fade:active{
	opacity:0.4;
}
.hvr-fade:hover .post-title{
	background: transparent;
    bottom: 50%;
}
.hvr-fade:hover .post-title h2 a{
	color:#000;
	font-weight:bold;
}
.hvr-fade:hover .sweep-to-top{
	bottom: 0%; 

}
.hvr-fade:hover .sweep-to-top p a{
	color:#000;
	font-weight:bold; 

}
.sweep-to-top p a{
	font-size:16px;
	color:#666;
}
.related-post{
	margin:15px 0;
}
/*header*/
#masthead .slider #headimg{
	background-size: cover !important;
    height: 485px;
}
.below-contact{
	position:relative;
}




/*start Dora CSS*/

/*menu*/
.hfeed-site #masthead .menu-baricon{
	position: absolute;
	float:left;
	z-index: 9999999;
    display: ineline;
    top:45%;
    background:#F0F0F0;
    width:100%;
    border-radius:0px;
}
#navbar{
	background:#F0F0F0;
	margin-bottom:0px;
	position:relative;
	float:left;
	width:100%;
}
#navbar .mmobile{
	padding:0px;
	position:relative;
	float:left;
	width:100%;
}
#navbar .mmobile ul
	{
		position:relative;
		float:left;
		width:100%;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
	}
#navbar .mmobile li
	{
		position:relative;
		float:left;
		width:auto;
	}
#navbar .mmobile li a{
	padding: 26px 25px;
    color: rgb(70, 80, 91);
    font-size: 16px;
    line-height: 1.2;
    font-family: 'Open Sans', sans-serif;
	position:relative;
	float:left;
}
#navbar .mmobile li:hover > a, .mmobile  li a:hover, .mmobiler li:focus > a, .mmobiler li a:focus{
	background-color: #F0F0F0;
	color:rgb(153, 153, 153);
}
#navbar .mmobile .current_page_item > a, .mmobile .current_page_ancestor > a, .mmobile .current-menu-item > a, #navbar .mmobile .current-menu-ancestor > a{
	color: rgb(153, 153, 153);
    font-style: normal;
}
.navbar
	{
		border:none !important;
		background:none;
	}
ul.social-icon,
ul.social-icon-full
	{
		position:absolute;
		right:0;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		text-align:right;
		top:20px;
	
		
		
	}
navbar-header
	{
		z-index:9999999999999999999;
	}
ul.social-icon-full
	{
		z-index:9999999999;
	}
ul.social-icon li,
ul.social-icon-full li
	{
		position:relative;
		float:right;
		padding:0px 10px 0px 10px;
	}
.navbar-toggle
	{
		float:left !important;
		margin-left:20px;
		margin-top:20px;
		z-index:999999999999999999999;
	}
/**/


.contact-details{
	width: 100%;
    float: left;
    position: relative;
    bottom:0;
    z-index: 999999999;
	margin-top:-250px;
}

.contact-details .col-sm-3
	{
		padding-left:0px !important;
		padding-right:0px !important;
		text-align:center;
	}	
.contact-details .col-sm-3 ul{
	padding:0px;
	
}
.contact-details .col-sm-3 ul li{
	list-style:none;
	text-align:center;
	
}
.contact-details .col-sm-3 ul li:nth-child(2) font{
	font-size: 20px;
    color: #666;
  }
.contact-details .col-sm-3:nth-child(odd) ul li:first-child{
	background:rgb(240, 240, 240);
	/*padding:40px;*/
	line-height:8;
	margin: 0 0 5px;
}
.contact-details .col-sm-3:nth-child(even) ul li:first-child{
	background:rgba(240, 240, 240, 0.53);
	line-height:8;
	margin: 0 0 5px;
}
.contact-details .col-sm-3 ul li:first-child:hover{
	background:#E6E6E6;
}	


.contact-map{
	background: aliceblue;
    z-index: 2;
    height: auto;
    width: 100%;
    position: relative;
}
.contact-map img.map-overlay
	{
		background:#999999;
		opacity:0.15;
	}
.overlay{
	background: none;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: auto;
    background-size: 100%;
    opacity:0.15;
}
.overlay2{
	background: rgba(255,255,255,0);
    z-index: 9999999999999;
    height: 100%;
    width: 100%;
    position: absolute;
}

.footer-menu .current_page_item
	{
		text-decoration:underline;
	}
.social-links ul li
	{
		width:16.67%;
	}
.social-links ul li.first-li
	{
		width:16.66%;
	}

@media only screen and (max-width: 767px){
	.navbar-toggle
		{
			padding:20px 20px;
		}
	
	ul.social-icon
	{
		position:absolute;
		right:0;
		
		
	}
	ul.social-icon-full
		{
			display:none;
		}
	#navbar .mmobile li
		{
			width:100%;
		}
	#navbar .mmobile li a{
	padding: 6px 25px;
    color: rgb(70, 80, 91);
    font-size: 16px;
    line-height: 1.2;
    font-family: 'Open Sans', sans-serif;
	position:relative;
	float:left;
}
	
	.contact-details
		{
			margin-top:20px;
		}
	
	.bio-img
	{
		text-align:center;
	}
	ul#menu-footer li
		{
			width:100%;
			text-align:center;
		}
	.books-content p
		{
			padding:0px 0px 0px 0px;
		}
	
}

@media only screen and (max-width: 530px)
{
		.sitetitle
			{
				font-size:40px;
			}
	.site-title-bar
		{
			padding:0px 15% 0px 0px;
		}
}
/*End Dora CSS*/



/*Responsive*/

@media only screen and (max-width: 361px){
	.social-links ul li{
		width:50%;
		float:left;
	}
	
} 

@media only screen and (max-width: 641px){
	.hfeed-site #masthead #navbar .nav-menu li a{
		padding: 9px 25px;
	}
	.hfeed-site #masthead .menu-baricon{
		bottom: 34%;
	}
}