/*
Template Name : Lisa - Personal Blog Template.
Author        : Abubakar Siddique
Version       : 1.0

#1. Typography
#2. General
#3. Pre Loader
#4. Header
    #4.1. Dropdown Menu
	#4.2. Search Modal
#5. Banner Slider
	#5.1. Full Slider
	#5.2. Banner Carousel

#6. Post Formate
	#6.1. Standard Post
	#6.2. SoundCloud Post
	#6.3. Video Post
	#6.4. Gallery Post
	#6.5. Audio Post
	#6.6. Quote Post 
#7. Pagination
#8. Sidebar
#9. Blog Details 
#10. About Me 
#11. Contact Me 
#12. 404 Page 
#13. Back to Top 
#14. Footer 
#15. Responsive Design

*/

/************* Typography ******************/
*{
	padding:0;
	margin:0;
}
img{
	border:none;
	outline:none;
	max-width:100%;
}
a,a:active,a:focus,a:hover{
	outline:none;
	text-decoration:none;
}
a:hover{
	color:#1cb9c8;
}
a{
	-webkit-transition:all 0.25s ease-in-out;
	-moz-transition:all 0.25s ease-in-out;
	-ms-transition:all 0.25s ease-in-out;
	-o-transition:all 0.25s ease-in-out;
	transition:all 0.25s ease-in-out;
	color:#333;
}
.btn.active.focus, 
.btn.active:focus, 
.btn.focus, 
.btn.focus:active, 
.btn:active:focus, .btn:focus,
input:focus,textarea:focus,
select:focus{
	outline:none!important;
	box-shadow:none;
}
ul{
	margin:0;
	list-style-type:none;
	width:100%;
	float:left;
}
ol{
	margin:0;
}
h1 {
	font-family: "Raleway",sans-serif;
    color: #333;
    font-size: 18px;
    font-weight: 400;
    margin: 0 0 15px;
    text-transform: uppercase;
}
h2{
	font-size:17px;
	font-weight:400;
	margin:0 0 12px;
	text-transform:uppercase;
	line-height:24px;
	font-family: "Raleway",sans-serif;
}
h3{
	font-size:15px;
	font-weight:400;
	margin:0 0 20px;
	text-transform:uppercase;
	font-family: "Raleway",sans-serif;
	line-height:22px;
}
h4{
	font-family: "Raleway",sans-serif;
	font-size:14px;
	margin:0 0 5px;
	line-height:19px;
	font-weight:normal;
}
p{
	font-family: "Raleway",sans-serif;
	font-size:13px;
	margin:0 0 20px;
	font-weight:300;
	line-height:24px;
}
.btn{
	font-size:13px;
	text-transform:uppercase;
	font-weight:400;
	width:auto;
	line-height:16px;
	padding:10px 22px 10px;
	display:inline-block;
	-webkit-border-radius:0 13px;
	-moz-border-radius:0 13px;
	border-radius:0 13px;
	-webkit-transition:all 0.35s ease-in-out;
	-moz-transition:all 0.35s ease-in-out;
	-ms-transition:all 0.35s ease-in-out;
	-o-transition:all 0.35s ease-in-out;
	transition:all 0.35s ease-in-out;
	position:relative;
}
.btn::before{
	content: "";
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	-webkit-border-radius:0 13px;
	-moz-border-radius:0 13px;
	border-radius:0 13px;
	background: rgba(255,255,255,0.2);
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
.btn.btn-primary{
	background:none;
	color:#333;
	border:1px solid #1cb9c8;
}
.btn.btn-primary:hover{
	color:#1cb9c8;
}
.btn.btn-primary:hover:before, 
.btn.btn-primary:focus:before{
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

.btn.btn-default{
	border:1px solid #1cb9c8;
	background:none;
	color:#333;
}
.btn.btn-default:hover{
	background:none;
	border-color:#1cb9c8;
	color:#1cb9c8;
}



/*=================== General ====================*/
body{
	background:#fff;
	font-size:13px;
	color:#333;
	line-height:24px;
	font-weight:300;
	font-family: "Raleway",sans-serif;
}
.container{
	width:100%;
	max-width:1200px;
}
.content{
	width:100%;
	float:left;
	height:auto;
	padding:40px 0;
}



/*================================ Pre Loader ====================================*/
.preloader{
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:#ffffff;
	z-index:13000;
	height:100%;
}
.preloader_image{
	width:130px;
	height:130px;
	position:absolute;
	left:50%;
	top:50%;
	background:url(img/loader.gif) no-repeat center center;
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
}

/*=================== Header =====================*/
#header{
	width:100%;
	float:left;
	height:auto;
}
.header-top{
	width:100%;
	float:left;
	height:auto;
	padding:30px 0 40px;
}
.navbar-default{
	width:100%;
	float:left;
	height:auto;
	background:#000;
	margin:0;
	border:none;
}
.nav.navbar-nav.navbar-left,
.nav.navbar-nav.navbar-right{
	width:auto;
}
.navbar-default .navbar-nav.navbar-left > li{
	margin-right:10px;
}
.navbar-default .navbar-nav > li > a{
	color:#fff;
	padding:20px;
	text-transform:uppercase;
	font-size:13px;
	font-weight:400;
}
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:focus, 
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > li > a:focus, 
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:focus, 
.navbar-default .navbar-nav > .open > a:hover{
	color:#1cb9c8;
	background:none;
}
.navbar-default .navbar-nav.navbar-left > li > a::before{
	position:absolute;
	bottom:0;
	height:2px;
	content:'';
	background:#1cb9c8;
	-webkit-transform:scale(0);
	-moz-transform:scale(0);
	-ms-transform:scale(0);
	transform:scale(0);
	-webkit-transition:all 0.4s ease-in-out;
	-moz-transition:all 0.4s ease-in-out;
	-ms-transition:all 0.4s ease-in-out;
	transition:all 0.4s ease-in-out;
	left:0;
	right:0;
}
.navbar-default .navbar-nav.navbar-left > .active > a::before,
.navbar-default .navbar-nav.navbar-left > li > a:hover::before{
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1);
	transform:scale(1);
}
.nav.navbar-nav.navbar-right{
	margin:0;
}
.nav.navbar-nav.navbar-right a{
	border:none;
}
/*============== Dropdown ================ */
.dropdown-menu{
	padding:0;
	border:none;
	background:#fff;
	min-width:220px;
	-webkit-box-shadow:0 0 5px rgba(0, 0, 0, 0.1);
	-moz-box-shadow:0 0 5px rgba(0, 0, 0, 0.1);
	-ms-box-shadow:0 0 5px rgba(0, 0, 0, 0.1);
	box-shadow:0 0 5px rgba(0, 0, 0, 0.1);
	display:block;
	opacity:0;
	visibility:hidden;
	-webkit-transform:translateY(30px);
	-moz-transform:translateY(30px);
	-ms-transform:translateY(30px);
	transform:translateY(30px);
	-webkit-transition:all 0.35s ease-in-out;
	-moz-transition:all 0.35s ease-in-out;
	-ms-transition:all 0.35s ease-in-out;
	-o-transition:all 0.35s ease-in-out;
	transition:all 0.35s ease-in-out;
}
.open > .dropdown-menu{
	opacity:1;
	visibility:visible;
	-webkit-transform:translateY(0px);
	-moz-transform:translateY(0px);
	-ms-transform:translateY(0px);
	transform:translateY(0px);
}
.dropdown-menu > li > a{
	font-size:13px;
	color:#333;
	text-transform:uppercase;
	padding:10px 20px;
	font-weight:300;
}
.dropdown-menu > li > a:focus, 
.dropdown-menu > li > a:hover,
.dropdown-menu > .active > a, 
.dropdown-menu > .active > a:focus, 
.dropdown-menu > .active > a:hover {
    background-color: #fafafa!important;
    color: #1cb9c8!important;
    text-decoration: none;
}
.dropdown-menu > li:last-child > a{
	-webkit-border-radius:0 0 4px 4px;
}
/*======================== Search Modal ===================*/
.modal-open{
	overflow:visible;
	padding:0!important;
}
#search-modal .modal-dialog{
	width:1200px;
	max-width:94%;
	margin:30px auto;
}
#search-modal .modal-header{
	padding:0;
	border:none;
}
#search-modal .modal-content{
	box-shadow:none;
	border:none;
	background:none;
}
#search-modal .modal-body{
	padding:0;
}
#search-modal .form-control{
	background:none;
	height:70px;
	border:none;
	border-bottom:1px solid #ccc;
	padding:0;
	font-size:25px;
	border-radius:0;
	color:#fff;
	box-shadow:none!important;
}
.form-control:focus{
	border-color:#1cb9c8!important;
}
#search-modal .form-control::-moz-placeholder {
    color: #ccc;
    opacity: 1;
}
.modal-backdrop.in{
	opacity:0.9;
}
#search-modal .close-icon{
	position:absolute;
	top:15px;
	right:15px;
	color:#fff;
	font-size:25px;
	background:none;
	box-shadow:none;
	border:none;
}

/************************* Full Slider ***************/
.banner-container{
	width:100%;
	float:left;
	height:auto;
}
#banner{
	width:100%;
	float:left;
	height:auto;
}
#banner .item{
	height:700px;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	background-size:cover;
	background-position:center top;
	background-repeat:no-repeat;
}
#banner .item::before{
	width:100%;
	float:left;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	content:'';
	background:rgba(0,0,0,0.5);
}
.carousel-fade .carousel-inner .item {
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
  z-index: 2;
}
.caption-info{
	position:absolute;
	top:50%;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
	width:100%;
}
.caption-info-inner{
	padding:30px 20px;
	background:rgba(255,255,255,0.9);
	overflow:hidden;
}
.caption-info-inner h1{
	animation-delay: 0.5s;
}
.caption-info-inner p{
	animation-delay: 1.1s;
}
.caption-info-inner a{
	animation-delay: 1.6s;
}
.control{
	opacity:0;
	visibility:hidden;
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-ms-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
}
#banner:hover .control{
	visibility:visible;
	opacity:1;
}
.control,
.control:focus{
    border: 1px solid #fff;
    border-radius: 50%;
    color: #fff;
    line-height: 34px;
    position: absolute;
    right: 15px;
    text-align: center;
    top: 50%;
    width: 36px;
	margin:-15px 0 0;
}
.control:hover{
	background:#fff;
	color:#1cb9c8;
}
.left.control{
	left:10px;
}
.right.control {
	right:10px;
}
/*======================== Banner Carousel =====================*/
.banner-list{
	width:100%;
	float:left;
	height:auto;
	position:relative;
	overflow:hidden;
}
.banner-overlay{
	position:absolute;
	opacity:0;
	visibility:hidden;
	-webkit-transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	-ms-transition:all 0.5s ease-in-out;
	transition:all 0.5s ease-in-out;
	bottom:0;
	background:rgba(255,255,255,0.95);
	padding:20px 20px 25px;
	left:0;
	width:100%;
	-webkit-transform:translateY(50%);
	-moz-transform:translateY(50%);
	-ms-transform:translateY(50%);
	transform:translateY(50%);
}
.banner-list img{
	-webkit-transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	-ms-transition:all 0.5s ease-in-out;
	transition:all 0.5s ease-in-out;
}
.banner-list:hover .banner-overlay{
	-webkit-transform:translateY(0%);
	-moz-transform:translateY(0%);
	-ms-transform:translateY(0%);
	transform:translateY(0%);
	opacity:1;
	visibility:visible;
}
.banner-list:hover img{
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-ms-transform:scale(1.1);
	transform:scale(1.1);
}
#banner .banner-overlay p{
	margin:0 0 20px;
}
.banner-list > img:hover {
    cursor: move;
}

/*========================= Standard Post ============================*/
.content-left{
	width:100%;
	float:left;
	height:auto;
}
.pagination-block{
	width:100%;
	float:left;
	height:auto;
}
.post-thumb{
	width:100%;
	float:left;
	height:auto;
	position:relative;
}
.post{
	width:100%;
	float:left;
	height:auto;
	margin:0 0 30px;
	background:#fcfcfc;
}
.post-thumb{
	width:100%;
	float:left;
	height:auto;
	position:relative;
	overflow:hidden;
}
.post-thumb a > img{
	width:100%;
	height:auto;
	-webkit-transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	-ms-transition:all 0.5s ease-in-out;
	-o-transition:all 0.5s ease-in-out;
	transition:all 0.5s ease-in-out;
}
.post:hover .post-thumb a > img{
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-ms-transform:scale(1.1);
	transform:scale(1.1);
}
.post:hover .post-overlay{
	opacity:1;
	visibility:visible;
} 
.post-overlay{
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
	text-align:center;
	background:rgba(0,0,0,0.4);
	line-height:100%;
	-webkit-transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	-ms-transition:all 0.5s ease-in-out;
	-o-transition:all 0.5s ease-in-out;
	transition:all 0.5s ease-in-out;
	opacity:0;
	visibility:hidden;
}
.post-overlay .fa{
	position:absolute;
	top:40%;
	height:auto;
	background:#fff;
	left:50%;
	color:#1cb9c8;
	font-size:20px;
	width:42px;
	line-height:42px;
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	-webkit-transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	-ms-transition:all 0.5s ease-in-out;
	-o-transition:all 0.5s ease-in-out;
	transition:all 0.5s ease-in-out;
	-webkit-border-radius:0 10px;
	-moz-border-radius:0 10px;
	border-radius:0 10px;
}
.post-overlay::before{
	position:absolute;
	left:15px;
	right:15px;
	top:25px;
	bottom:25px;
	border-bottom:1px solid #ccc;
	border-top:1px solid #ccc;
	content:'';
	-webkit-transform:scale(0,1);
	-moz-transform:scale(0,1);
	-ms-transform:scale(0,1);
	transform:scale(0,1);
	-webkit-transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	-ms-transition:all 0.5s ease-in-out;
	-o-transition:all 0.5s ease-in-out;
	transition:all 0.5s ease-in-out;
}
.post-overlay::after{
	position:absolute;
	left:25px;
	right:25px;
	top:15px;
	bottom:15px;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	content:'';
	-webkit-transform:scale(1,0);
	-moz-transform:scale(1,0);
	-ms-transform:scale(1,0);
	transform:scale(1,0);
	-webkit-transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	-ms-transition:all 0.5s ease-in-out;
	-o-transition:all 0.5s ease-in-out;
	transition:all 0.5s ease-in-out;
}
.post:hover .post-overlay::before,
.post:hover .post-overlay::after{
	-webkit-transform:scale(1,1);
	-moz-transform:scale(1,1);
	-ms-transform:scale(1,1);
	transform:scale(1,1);
}

.post:hover .fa{
	top:50%;
} 
.post-content{
	width:100%;
	float:left;
	height:auto;
	padding:20px;
}
.post-meta{
	width:100%;
	float:left;
	height:auto;
	margin:0 0 10px;
}
.post-meta ul{
	float:left;
}
.post-meta ul li{
	float:left;
	width:auto;
	margin:0 15px 0 0;
}
.post-meta ul li:last-child{
	margin:0;
}
.post-meta ul li a{
	text-transform:capitalize;
}
.post-meta ul li a:hover{
	color:#1cb9c8;
}
.post .btn.btn-default{
	border-radius:0;
}
.share {
    float: left;
    margin: 10px 0 0;
}
.share li{
	float:left;
	margin:0 10px 0 0;
	line-height:16px;
}
.share li:last-child{
	margin:0;
}
.share li a{
	display:inline-block;
	color:#333;
	text-align:center;
	padding:0 5px;
	line-height:16px;
}
.share li a:hover{
	color:#fff;
}
.share li a .fa{
	vertical-align:middle;
}
.share li.facebook a:hover{
	color:#3b5998;
}
.share li.twitter a:hover{
	color:#00aced;
}
.share li.linkedin a:hover{
	color:#007bb6;
}
.share li.pinterest a:hover{
	color:#cb2027;
}
.list .post-thumb {
    width: 50%;
}
.post-thumb > img {
    height: auto;
    width: 100%;
}
.list .post-content {
    width: 50%;
	padding:20px 30px;
}

.post-thumb > iframe{
	float:left;
}

/*================ SoundCloud Post / Video Post ================= */
iframe{
	width:100%;
	height:auto;
}

/*======================= Gallery Post ====================*/
#gallery-post:hover .control{
	visibility:visible;
	opacity:1;
}
#gallery-post .item img{	
	width:100%;
	height:auto;
}

/*======================= Audio Post ======================*/
.post-thumb audio {
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%;
}
audio{
	width:100%;
	height:auto;
}

/*======================= Quote Post =======================*/
.quat-overlay{
	position:absolute;
	width:100%;
	top:50%;
	left:0;
	text-align:center;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
	padding:10px 20px;
	color:#fff;
	font-size:16px;
}
.quat-overlay p{
	color:#fff;
	margin:0 0 10px;
	font-size:15px;
}
.quat-overlay .fa{
	font-size:30px;
	margin:0 0 10px;
}

/*========================== Pagination ======================*/
.pagination > li > a, .pagination > li > span{
	color:#333;
	padding:10px 15px;
}
.pagination > .active > a, 
.pagination > .active > a:focus, 
.pagination > .active > a:hover, 
.pagination > .active > span, 
.pagination > .active > span:focus, 
.pagination > .active > span:hover,
.pagination > li > a:focus, 
.pagination > li > a:hover, 
.pagination > li > span:focus, 
.pagination > li > span:hover{
	background:#1cb9c8;
	border-color:#1cb9c8;
	color:#fff;
}
.pager{
	margin:0 0 30px;
}
.pager li > a, 
.pager li > span{
	-webkit-border-radius:0 13px;
	-moz-border-radius:0 13px;
	border-radius:0 13px;
	padding:10px 22px;
}
.pager li > a:focus, 
.pager li > a:hover{
	background:none;
}

/*========================== Sidebar =======================*/
.sidebar{
	width:100%;
	float:left;
	height:auto;
}
.sidebar h3 {
    display: block;
    float: left;
    padding:0px 0px 6px;
    text-align: left;
    width: 100%;
	position:relative;
	border-bottom:1px solid #ccc;
}
.about-text{
	width:100%;
	float:left;
	height:auto;
	margin:0 0 30px;
}
.about-text img{
	-webkit-border-radius:0 60px;
	-moz-border-radius:0 60px;
	border-radius:0 60px;
	margin:0 0 10px;
}
.about-text p{
	font-style:italic;
	margin:0;
}
.sidebar .social-media{
	text-align:center;
}
.sidebar .social-media li {
    display: inline-block;
    float: none;
    margin: 0 4px;
}
.sidebar ul{
	margin:0 0 30px;
}
.ads-block{
	width:100%;
	float:left;
	height:auto;
	margin:0 0 30px;
}
.subscribe{
	width:100%;
	float:left;
	height:auto;
	margin:0 0 30px;
}
.subscribe p{
	font-style:italic;
}
.form-control{
	box-shadow:none!important;
	font-size:13px;
	height:40px;
	border-color:#ccc;
}
.subscribe .btn{
	width:100%;
	border-color:#ccc;
}
.category-list li{
	width:100%;
	margin:0 0 10px;
}
.category-list li:last-child{
	margin:0;
}
.category-list li a:hover,
.fa.fa-dot-circle-o{
	color:#1cb9c8;
}
.sidebar .list{
	margin:0 0 15px;
	background:none;
}
.sidebar .list .post-content{
	padding:0 0 0 15px;
	width:60%;
}
.sidebar .list .post-content h2{
	font-size:14px;
	text-transform:none;
	margin:0;
	font-family: "Raleway",sans-serif;
	font-weight:400;
}
.sidebar .list .post-thumb{
	width:40%;
}
.sidebar .post-overlay::before,
.sidebar .post-overlay::after{
	border:none;
}
.tags li{
	width:auto;
	margin:0 10px 10px 0;
	float:left;
}
.tags li a{
	border:1px solid #ccc;
	padding:5px 15px;
	line-height:18px;
	text-transform:capitalize;
	display:inline-block;
	-webkit-border-radius:0 8px;
	-moz-border-radius:0 8px;
	border-radius:0 8px;
}
.tags li a:hover{
	color:#1cb9c8;
	border-color:#1cb9c8;
}
/************************ Blog Details *********************************/
.single_post{
	width:100%;
	float:left;
	height:auto;
}
.single_post .post_desc ul{
	list-style-type:circle;
	padding:0 0 25px 25px;
}
.single_post .post_desc ul li{
	margin:0 0 5px;
}
.single_post .post_desc ol{
	padding:0 0 25px 25px;
}
.single_post .post_desc ol li{
	margin:0 0 5px;
}
.single_post .post_desc ul li:last-child,
.single_post .post_desc ol li:last-child{
	margin:0;
}
.single_post .quat-overlay p{
	font-size: 20px;
}
.single_post .post-thumb .author {
    font-size: 25px;
}
.post-thumb{
	width:100%;
	float:left;
	height:auto;
}
.single_post .post-thumb{
	width:100%;
	height:auto;
	margin:0 0 15px;
}
.meta{
	width:100%;
	float:left;
	height:auto;
	padding:0 0 6px 0px;
	border-bottom:1px solid #ccc;
	margin:0 0 25px;
}
.meta > span{
	font-size:13px;
	color:#333;
	font-weight:400;
	line-height:20px;
	display:inline-block;
	padding-right:20px;
	margin-right:10px;
	border-right:1px solid #ccc;
}
.meta > span a{
	font-weight:400;
	font-size:13px;
	color:#333;
	text-decoration:none;
}
.meta > span a:hover{
	color:#1cb9c8;
}
.meta > span.date{
	border:none;
	padding:0;
	margin:0;
}
.single_post h2{
	color:#333;
	margin:0 0 15px;
	width:100%;
	float:left;
	height:auto;
}

.post_desc{
	width:100%;
	float:left;
	height:auto;
	margin:0 0 20px;
}
.post_bottom{
	width:100%;
	float:left;
	height:auto;
	margin:0 0 35px;
}
.post_bottom ul{
	width:100%;
	float:left;
}
.post_bottom ul li{
	width:auto;
	float:left;
	margin-right:25px;
	margin-top: 0;
}
.post_bottom ul li a{
	position:relative;
	text-decoration:none;
	width:59px;
	height:39px;
	background:#fcfcfc;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	border-radius:20px;
	display:block;
	text-align:center;
}
.post_bottom ul li a span{
	font-weight:600;
	font-size:10px;
	text-decoration:none;
	color:#fff;
	line-height:18px;
	background:#1cb9c8;
	border:3px solid #fff;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	position:absolute;
	top:-8px;
	width:24px;
	text-align:center;
	display:block;
	right:-6px;
}
.post_bottom .fa{
	line-height:39px;
	font-size:18px;
	color:#777;
}
.custom-title{
	width:100%;
	float:left;
	height:auto;
}
.custom-title h2 {
	border-bottom: 2px solid #ccc;
	color:#333;
	margin: 0 0 20px;
	padding: 0px 0px 13px 0;
}
.custom-title h2:before{
	background:none;
}
.comment-list {
	list-style: outside none none;
	margin: 0;
	padding: 0;
	width:100%;
	float:left;
}
.comment li {
	border-right: 2px solid #ccc;
	padding-right: 10px;
}
.comment li:last-child {
	border-right: 0 none;
}
.comment-info {
    display: block;
    margin: 30px 0;
    overflow: hidden;
}
.comment-info p {
	margin-bottom: 0px;
}
.comment-info img {
	max-width: 70px;
	border:1px solid #42c0d9;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	
}
.comment-info .author-desc {
	margin-left: 80px;
	padding:15px;
	border:1px solid #f5f5f5;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}
.comment-info .author-title {
	line-height: 16px;
	margin-bottom: 12px;
	color:#777;
}
.author-title strong {
	font-size: 15px;
	color:#777;
	font-weight:500;
	text-transform:capitalize;
}
.comment-list .list-inline{
	margin-top:0px;
	float: right;
    width: auto;
}
.comment-list .list-inline a{
	color:#777;
	font-weight:400;
	font-size:13px;
}
.comment-list .list-inline a:hover{
	color:#42c0d9;
}
.content-block .form-control{
	color:#777;
}
.comment-form{
	width:100%;
	float:left;
	height:auto;
}
.post-content.single h3{
	margin:0;
}

/*========================== About Me ======================*/
.about-content{
	width:100%;
	float:left;
	height:auto;
}
.about-content img{
	width:100%;
	height:auto;
	margin:0 0 20px;
}
.about-content h1{
	text-transform:none;
}
blockquote{
	margin-bottom:25px;
	border-left:3px solid #1cb9c8;
	font-family: "Raleway",sans-serif;
    font-size: 13px;
    font-weight: 300;
    line-height: 24px;
	font-style:italic;
	background:#fcfcfc;
}
/*============================ Contact Me ====================*/
.map{
	width:100%;
	height:500px;
	float:left;
}
.contact-form{
	width:100%;
	float:left;
	height:auto;
	margin:0 0 40px;
}
.form-control{
	height:45px;
	background:none;
	padding-left:0;
	border:none;
	border-bottom:1px solid #ccc;
	color:#777;
	box-shadow:none!important;
	border-radius:0;
	font-size:13px;
}
.form-control:focus{
	border-color:#42c0d9;
}

input[type='submit']{
}
.form-control::-moz-placeholder{
	color:#777;
}

/*========================== 404 Page =====================*/
.error-content h1{
	font-size:70px;
}
.error-content p{
	margin:0 0 30px;
}
.error-content{
	margin:0 0 30px;
}
/*=================== Back to Top ===========================*/
.back-top{
	width:auto;
	float:right;
	height:auto;
	position:fixed;
	right:15px;
	bottom:15px;
	z-index:999;
}
.back-top a{
	display:inline-block;
	text-align:center;
}
.back-top i {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 2px solid #1cb9c8;
	-webkit-border-radius: 0 10px;
	-moz-border-radius: 0 10px;
    border-radius: 0 10px;
    color: #1cb9c8;
    font-size: 24px;
    height: 40px;
    line-height: 32px;
    width: 40px;
	-webkit-transition:all 0.25s ease-in-out;
	-moz-transition:all 0.25s ease-in-out;
	-ms-transition:all 0.25s ease-in-out;
	-o-transition:all 0.25s ease-in-out;
	transition:all 0.25s ease-in-out;
}
.back-top i:hover{
	background:#1cb9c8;
	color:#fff;
}
/*==================================== Footer ===================================*/
#footer {
    float: left;
    height: auto;
    width: 100%;
	border-top:1px solid #ccc;
	padding:40px 0 0;
}
.footer-top{
	width:100%;
	float:left;
	height:auto;
}
.section-title{
	width:100%;
	float:left;
	height:auto;
	margin:0 0 20px;
}
.instagram-img:hover .post-overlay::before,
.instagram-img:hover .post-overlay::after{
	-webkit-transform:scale(1,1);
	-moz-transform:scale(1,1);
	-ms-transform:scale(1,1);
	transform:scale(1,1);
}
.instagram-img{
	overflow:hidden;
}
.instagram-img:hover .fa{
	top:50%;
}
.instagram-img img{
	-webkit-transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	-ms-transition:all 0.5s ease-in-out;
	-o-transition:all 0.5s ease-in-out;
	transition:all 0.5s ease-in-out;
}
.instagram-img:hover .post-overlay {
    opacity: 1;
    visibility: visible;
}
.instagram-img:hover img{
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-ms-transform:scale(1.1);
	transform:scale(1.1);
}
#instagrams-carousel {
    float: left;
    height: auto;
    width: 100%;
}
.footer-bottom{
	width:100%;
	float:left;
	height:auto;
	padding:15px 0;
}
.copyright{
	width:100%;
	float:left;
	height:auto;
}
.copyright p{
	font-size:13px;
	line-height:30px;
	margin:0;
}
#footer .social-media{
	width:auto;
}
.social-media li{
	float:left;
	margin:0 10px 0 0;
}
.social-media li:last-child{
	margin:0;
}
.social-media li a{
	font-size:14px;
	text-align:center;
	display:inline-block;
	-webkit-border-radius: 0 7px;
	-moz-border-radius: 0 7px;
	border-radius: 0 7px;
}
.social-media li a .fa{
	line-height:28px;
	width:30px;
}
.social-media li.facebook a{
	color:#3b5998;
	border:1px solid #3b5998;
}
.social-media li.twitter a{
	color:#00aced;
	border:1px solid #00aced;
}
.social-media li.linkedin a{
	color:#007bb6;
	border:1px solid #007bb6;
}
.social-media li.pinterest a{
	color:#cb2027;
	border:1px solid #cb2027;
}
.social-media li.facebook a:hover{
	color:#fff;
	background:#3b5998;
}
.social-media li.twitter a:hover{
	color:#fff;
	background:#00aced;
}
.social-media li.linkedin a:hover{
	color:#fff;
	background:#007bb6;
}
.social-media li.pinterest a:hover{
	color:#fff;
	background:#cb2027;
}


/*======================================== Responsive Design =============================*/
@media only screen and (max-width: 479px){
.pagination > li > a, .pagination > li > span{
	padding:8px 13px;
}
.comment-list .list-inline{
	width:100%;
	float:left;
	margin:5px 0;
}
.comment-list .list-inline > li:first-child{
	padding-left:0;
}
}

@media only screen and (min-width: 480px) and (max-width:639px) {

}
@media only screen and (max-width: 639px){
h2{
	font-size:15px;
}
.left.control{
	left:0;
}
.right.control{
	right:0;
}
.caption-info-inner{
	padding:25px 15px;
}
#banner .item{
	height:400px;
}
.caption-info-inner p br{
	display:none;
}
#banner h1{
	font-size:18px;
}
.single_post .quat-overlay p{
	font-size: 15px;
}
.single_post .post-thumb .author {
    font-size: 15px;
}

}

@media only screen and (min-width: 640px) and (max-width:767px) {
#banner .item{
	height:500px;
}

}

@media only screen and (max-width: 767px){
.header-top{
	padding:15px 0;
}
.navbar-default .navbar-toggle{
	border-color:#1cb9c8;
	border-radius:0;
	margin:15px 0;
}
.navbar-default .navbar-toggle .icon-bar{
	background-color:#1cb9c8;
}
.navbar-default .navbar-toggle:focus, 
.navbar-default .navbar-toggle:hover{
	background-color:#1cb9c8;
}
.navbar-default .navbar-toggle:focus .icon-bar, 
.navbar-default .navbar-toggle:hover .icon-bar{
	background-color:#fff;
}
#navbar{
	padding:0;
}
.nav.navbar-nav.navbar-left, 
.nav.navbar-nav.navbar-right{
	width:100%;
	margin:0;
}
.navbar-default .navbar-nav.navbar-left > li{
	margin:0;
}
.navbar-default .navbar-nav > li > a{
	padding:10px 0;
	border-width:1px;
}
.dropdown-menu{
	display:none;
}
.dropdown-menu > li > a{
	color:#fff!important;
	font-weight:400;
}
.dropdown-menu > li > a:hover{
	background:none!important;
}
.navbar-nav .open .dropdown-menu .dropdown-header, 
.navbar-nav .open .dropdown-menu > li > a {
    padding: 8px 10px 8px 15px;
}
.dropdown-menu > li > a:focus, 
.dropdown-menu > li > a:hover, 
.dropdown-menu > .active > a, 
.dropdown-menu > .active > a:focus, 
.dropdown-menu > .active > a:hover{
	background:none!important
}
.list .post-thumb {
    width: 100%;
}
.list .post-content {
    padding: 20px;
    width: 100%;
}
.sidebar{
	margin:30px 0 0;
}
.ads-block img{
	width:100%;
}

.copyright{
	text-align:center;
}
#footer .social-media{
	width:100%;
	text-align:center;
	margin:8px 0 0;
}
#footer .social-media li{
	float:none;
	display:inline-block;
	margin:0 5px;
}

}


@media only screen and (min-width: 768px) and (max-width:991px) {
.navbar-default .navbar-nav.navbar-left > li{
	margin-right:5px;
}
.navbar-default .navbar-nav > li > a{
	padding:20px 15px;
}
.list .post-thumb {
    width: 100%;
}
.list .post-content {
    padding: 20px;
    width: 100%;
}
#banner .item{
	height:500px;
}

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

}

@media only screen and (min-width: 1200px){

}