/*  
TEMPLATE INFO

Project			: ARTA HTML Template
Version			: 1.0
Last change		: 27-01-2017
Author			: Puspita Widhy Pradhana
Designer		: Mohammad Hendra Fajar
Primary use		: Personal Site / Blogging

COLOR CODE

Background 				: #f6f6f6
Main Color 				: #282828 (Black)
Scondary Color 			: #05b134 (Vert)
Text Color			 	: #595959

FONT

Main Font 				: Montserrat (Size 14px | Line Height : 1.4)
Secondary Font			: None

CSS TABLE

1.0  Body
2.0  Color Schema
3.0  Component
	3.1  Form
	3.2  Tabs
	3.3  Bootstrap Fixed
	3.4  Animation
	3.5  Clear
	3.6  Image
	3.7  Social Media
	3.8  Margin
	3.9  Padding
	3.10 Category
	3.11 Post Meta
	3.12 Owl Carousel
	3.13 Featured Post
	3.14 Featured Link
	3.15 Pagination
	3.16 Author Box
	3.17 Back To Top
	3.18 Fixed Header Menu
4.0  Header
	4.1  Header Top Content
	4.2  Header Menu
	4.3  Header Layout
5.0  Post
	5.1  Post List
	5.2  Post List No Sidebar
	5.3  Post List Grid
	5.4  Post List Classic
	5.5  Single Post
	5.6  Featured Content
	5.7  Typography
	5.8  Related Post
6.0  Page
7.0  404 Page
8.0  Widget
	8.1  Search
	8.2  Widget List ul li
	8.3  About Me
	8.4  Tag Cloud
	8.5  Featured Link
	8.6  Instagram
	8.7  Post List
	8.8  Tab Widget
	8.9  Twitter Tweet List
	8.10 Recent Comment
	8.11 Social Media Link
	8.12 Subscribe Form
	8.13 Post Slideshow
9.0  Comment
10.0 Footer
	10.1 Footer Instagram
	10.2 Footer Widget
	
*/
@import url('https://fonts.googleapis.com/css?family=Montserrat');

/*--------------------------------------------------------------
1.0 Body
--------------------------------------------------------------*/

body{
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	line-height: 1.4;
}

/*--------------------------------------------------------------
2.0 Color Schema
--------------------------------------------------------------*/

/* Background Color #f6f6f6 */
body,
.line-border,
.footer-menu-text{
	background-color: #f6f6f6;
}

/* Main Color #282828 */
a,
.top-header a,
.header-menu a,
.post-meta a,
.widget-tab-nav li.active a,
.site-title,
.top-header-search a .fa,
blockquote,
.pagination>li>a,
.widget.widget-twitter-feed .owl-carousel .owl-nav>div.owl-prev:before,
.widget.widget-twitter-feed .owl-carousel .owl-nav>div.owl-next:before,
.widget.widget-twitter-feed ul.tweet-list.owl-carousel li:before,
.single-post-content .h1, 
.single-post-content .h2, 
.single-post-content .h3, 
.single-post-content .h4, 
.single-post-content .h5, 
.single-post-content .h6, 
.single-post-content h1, 
.single-post-content h2, 
.single-post-content h3, 
.single-post-content h4, 
.single-post-content h5, 
.single-post-content h6{
	color: #282828;
}

.owl-carousel .owl-nav>div,
.footer-widget .widget .widget-title:after{
	background-color: #282828;
}

@media (max-width: 767px) {
	.hero-header .header-menu a{
		color: #282828;
	}
}

/* Secondary Color #05b134*/
.cat-links a,
.widget .widget-title span,
.widget-about-me .short-desc,
.counter-post,
.widget-tab-nav li a,
.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.widget.widget-twitter-feed ul.tweet-list li:before,
.widget-recent-comment .comment .comment-body a.post-title,
.widget.widget-twitter-feed .owl-carousel .owl-nav>div:before,
.page-header .page-title .sub-title,
.widget-post-list .post .post-counter .number,
.widget.widget-twitter-feed .owl-carousel .owl-nav>div:hover,
.widget-archive a:hover,
.widget-archive a:focus,
.top-header a:hover,
.featured-link .item:hover .item-title-content,
.widget-twitter-feed a,
.list-group-item.active>.badge, .nav-pills>.active>a>.badge{
	color: #05b134;
}

.top-header-search .dropdown-menu,
.navbar-nav .dropdown-menu,
.btn-theme,
.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover,
.pagination>li.active>a,
.back-to-top-btn,
.pagination>li.active>a:hover,
.pagination>li.active>a:focus,
.widget .socmed-link a:hover,
.pager>li>a:hover, .pager>li>a:focus,
.tagcloud a:hover,
.widget-slideshow .owl-carousel .owl-nav>div:hover,
.owl-carousel .owl-nav>div:hover,
blockquote:before,
.navbar-nav>li>a:before,
.site-title:before,
.site-title:after{
	background-color: #05b134;
}

.widget .socmed-link a:hover,
.widget-post-list .post .post-counter{
	border-color: #05b134;
}

.header-3 .top-header>li.open > .socmed-link{
	background-color: #05b134;
}

@media (min-width: 768px) and (max-width: 991px) {
	.header-3 .top-header-socmed .togle-sosmed{
		background-color: #05b134;
	}
}

@media (max-width: 767px) {
	.top-header>li > .socmed-link{
		background-color: #05b134;
	}
}

/* Text Color #595959 */
.top-header-search a,
.comment-body .comment-meta,
.comment-body .comment-footer a,
.site-description,
.page-description,
.entry-content,
.post-list .post .entry-excerpt,
.widget-recent-comment .comment .comment-body a.post-title:hover,
.widget-post-list .standart-list ul li .post-date,
.top-header-search a:hover,
.owl-carousel .entry-title a:hover,
.socmed-link a ,
a:hover{ 
	color: #595959;
}

/* Other Color #595959 */
.post .image .caption{ color: #999999; }


/*--------------------------------------------------------------
3.0 Component
--------------------------------------------------------------*/

.popover{
	font-family: 'Montserrat', sans-serif;
}

a:hover{
	text-decoration: none;
}

.container-inner{
	max-width: 1140px;
	margin: 0 auto;
}

/*--------------------------------------------------------------
3.1 Form
--------------------------------------------------------------*/

@media (min-width: 768px){
	.form-horizontal .control-label { padding-top: 12px; }
}

.form-group{ margin-bottom: 25px; }
.form-control{
	border-radius: 0;
	height: 45px;
	border-color: #cfcfcf;
	box-shadow: none;
	padding: 12px 17px;
}

.form-control:focus{
	border-color: #66afe9;
	box-shadow: 0 0 1px 1px #66afe9;
}

.radio-inline label{ 
	font-weight: 400; 
	cursor: pointer; 
}

.btn{
	height: 45px;
	border-radius: 2px;
	text-transform: uppercase;
	padding-left: 25px;
    padding-right: 25px;
}

.btn-theme,
.btn-theme:hover,
.btn-theme:focus{
	color: #ffffff;
}

.input-lg{
	padding: 14px 22px;
    height: 55px;
}

.btn-lg{
	padding: 14px 30px;
    height: 55px;
}

.input-sm, 
.btn-sm{
	height: 37px;
    padding-top: 9px;
    padding-bottom: 9px;
}

textarea.input-lg, 
textarea.input-sm{ 
	height: auto; 
}

/*--------------------------------------------------------------
3.2 Tabs
--------------------------------------------------------------*/

.nav-tabs{ 
	border-color:#efefef; 
	padding: 0 20px;
}

.nav-tabs>li{ 
	margin-top: 0 !important; 
}

.nav-tabs>li>a, 
.nav-tabs>li>a:hover{ 
	border-radius: 0;
    background-color: transparent;
    border-color: #efefef;
    margin-right: -1px;
    padding: 15px 25px;
	color: #9e9e9e;
}

.nav-tabs>li:last-child>a{
	margin-right: 0;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus{ 
	border-color: #efefef #efefef transparent #efefef ;
}

.tab-content{ 
	margin-top: 20px; 
}

/*--------------------------------------------------------------
3.3 Bootstrap Fixed
--------------------------------------------------------------*/

.alert, 
.panel, 
.list-group-item:first-child, 
.list-group-item:last-child,
.well, 
.container .jumbotron, 
.container-fluid .jumbotron, 
.panel-group .panel, 
.popover-title{
	border-radius: 0; box-shadow: none;
}

.dropdown-menu, 
.popover, 
.modal-content { 
	border-radius: 3px; 
	box-shadow: none; 
}

.alert{ 
	border-width: 0 0 0 3px;
}

.progress{ 
	border-radius: 0; 
	box-shadow: none; 
}

.panel-heading{ 
	font-weight: bold; 
	text-transform: uppercase; 
}

.badge{ 
	border-radius: 3px; 
	font-weight: normal; 
}

.list-group-item.active{ 
	border-color: transparent !important; 
}

.label{ 
	font-weight: normal; 
	text-shadow: none; 
}

.modal-content{ 
	border: none; 
}

.modal-header, 
.modal-footer { 
	padding: 15px 30px;
}

.modal-body { 
	padding: 30px;
}

.popover{ 
	padding: 0;
}

.popover-title{ 
	font-weight: bold; 
	text-transform: uppercase; 
}

/*--------------------------------------------------------------
3.4 Animation
--------------------------------------------------------------*/

a, .navbar-nav>li>a:before, .btn,
.header-menu .navbar-nav a > .fa,
.owl-carousel .owl-nav>div,
.featured-link .item .item-title-content,
.footer-instagram li img,
.post-image .fa,
.fixed-header-menu,
.featured-link .item .item-title-content:before,
.featured-link .item .item-title-content:after,
.footer-instagram li a:before{
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

/*--------------------------------------------------------------
3.5 Clear
--------------------------------------------------------------*/

.top-header:after,
.no-sidebar .post-list:after,
.tagcloud:after,
.widget-instagram .photo-list:after{
	content: " ";
	display: block;
	clear: both;
}

/*--------------------------------------------------------------
3.6 Image
--------------------------------------------------------------*/

img{
	max-width: 100%;
	height: auto;
}

.overlay,
.footer-instagram li a{position: relative;}
.overlay:before,
.footer-instagram li a:before{
	position: absolute;
	content: " ";
	top:  0; right: 0; bottom: 0; left: 0;
	background-color: #000;
	opacity: 0.5; 	
	z-index: 2;
}

.overlay > span,
.overlay > div{
	z-index: 3;
	position: relative;
}

/*--------------------------------------------------------------
3.7 Social Media
--------------------------------------------------------------*/

.socmed-link a{
	font-size: 18px;
	display: inline-block;
	margin-right: 25px;
}

/*--------------------------------------------------------------
3.8 Margin
--------------------------------------------------------------*/

/* Margin Top */
.mt-0{ margin-top: 0px !important; }
.mt-10{ margin-top: 10px; }
.mt-20{ margin-top: 20px; }
.mt-30{ margin-top: 30px; }
.mt-40{ margin-top: 40px; }
.mt-50{ margin-top: 50px; }
.mt-60{ margin-top: 60px; }

/* Margin Bottom */
.mb-0{ margin-bottom: 0px !important; }
.mb-10{ margin-bottom: 10px; }
.mb-20{ margin-bottom: 20px; }
.mb-30{ margin-bottom: 30px; }
.mb-40{ margin-bottom: 40px; }
.mb-50{ margin-bottom: 50px; }
.mb-60{ margin-bottom: 60px; }

/* Margin Left */
.ml-0{ margin-left: 0px !important; }
.ml-10{ margin-left: 10px; }
.ml-20{ margin-left: 20px; }
.ml-30{ margin-left: 30px; }
.ml-40{ margin-left: 40px; }
.ml-50{ margin-left: 50px; }
.ml-60{ margin-left: 60px; }

/* Margin Right */
.mr-0{ margin-right: 0px !important; }
.mr-10{ margin-right: 10px; }
.mr-20{ margin-right: 20px; }
.mr-30{ margin-right: 30px; }
.mr-40{ margin-right: 40px; }
.mr-50{ margin-right: 50px; }
.mr-60{ margin-right: 60px; }

/*--------------------------------------------------------------
3.9 Padding
--------------------------------------------------------------*/

/* Padding Top */
.pt-0{padding-top: 0 !important;}
.pt-10{ padding-top: 10px; }
.pt-20{ padding-top: 20px; }
.pt-30{ padding-top: 30px; }
.pt-40{ padding-top: 40px; }
.pt-50{ padding-top: 50px; }
.pt-60{ padding-top: 60px; }

/* Padding Bottom */
.pb-0{padding-bottom: 0 !important;}
.pb-10{ padding-bottom: 10px; }
.pb-20{ padding-bottom: 20px; }
.pb-30{ padding-bottom: 30px; }
.pb-40{ padding-bottom: 40px; }
.pb-50{ padding-bottom: 50px; }
.pb-60{ padding-bottom: 60px; }

/* Padding Left */
.pl-0{padding-left: 0 !important;}
.pl-10{ padding-left: 10px; }
.pl-20{ padding-left: 20px; }
.pl-30{ padding-left: 30px; }
.pl-40{ padding-left: 40px; }
.pl-50{ padding-left: 50px; }
.pl-60{ padding-left: 60px; }

/* Padding Right */
.pr-0{padding-right: 0 !important;}
.pr-10{ padding-right: 10px; }
.pr-20{ padding-right: 20px; }
.pr-30{ padding-right: 30px; }
.pr-40{ padding-right: 40px; }
.pr-50{ padding-right: 50px; }
.pr-60{ padding-right: 60px; }

/*--------------------------------------------------------------
3.10 Category
--------------------------------------------------------------*/

.cat-links{
	font-size: 11px;
    font-weight: bold;
    margin: 0 -5px;
	text-transform: uppercase;
}

.cat-links a{
	display: inline-block;
    margin: 0 5px;
}

/*--------------------------------------------------------------
3.11 Post Meta
--------------------------------------------------------------*/

.post-meta{
	font-size: 9px;
    text-transform: uppercase;
    margin-top: 20px;
	font-weight: bold;
}

/*--------------------------------------------------------------
3.12 Owl Carousel
--------------------------------------------------------------*/

.owl-carousel .owl-item{ 
	overflow: hidden;
}

.owl-carousel{ 
	margin: 0 0 30px 0; 
	padding: 0; 
	overflow: hidden; 
}

.owl-carousel .owl-nav>div{
	color: #ffffff;
    height: 45px;
    width: 45px;
    font-size: 14px;
    line-height: 46px;
    text-align: center;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -22px;
	Font-family: FontAwesome;
}

.owl-carousel .owl-nav>.owl-next{
	left: auto;
	right: 0;
}

.featured-post .item{ 
	position: relative; 
	overflow: hidden; 
}

.featured-post-caption{
	position: absolute;
    bottom: 45px;
    left: 80px;
    right: 80px;
    background-color: rgba(246,246,246, 0.9);
    padding: 40px;
	text-transform: uppercase;
}

.owl-carousel[data-item="1"] .featured-post-caption{
	text-align: center;
    left: 25%;
    right: 25%;
    bottom: 80px;
}

.owl-carousel .owl-dots{
	position: absolute;
	left: 0; 
	right: 0; 
	bottom: 50px;
	text-align: center;
	display: none;
}

.owl-carousel .owl-dots>.owl-dot{
	display: inline-block;
    height: 8px;
    width: 8px;
    background-color: #ffffff;
    margin: 0 3px;
    border-radius: 50%;
    opacity: 0.5;
}

.owl-carousel .owl-dots>.owl-dot.active{ 
	opacity: 1; 
}

.featured-post-caption .entry-title{
	font-size: 18px;
    margin: 20px 0 0;
    line-height: 1.3;
    font-weight: bold;
	max-height: 48px;
    overflow: hidden;
}

.featured-post-caption .entry-title a { 
	text-decoration: none; 
}

/*--------------------------------------------------------------
3.13 Featured Post
--------------------------------------------------------------*/

.featured-post.featured-tiled{ 
	margin-bottom: 30px; 
}

.featured-post.featured-tiled .item{
	width: 33.3334%;
	float: left;
}

.featured-post.featured-tiled .featured-post-caption{
	padding: 30px;
    left: 25px;
    right: 25px;
    bottom: 25px;
}

.featured-post.featured-tiled.style-1 .item:nth-child(1), 
.featured-post.featured-tiled.style-1 .item:nth-child(2){ 
	width: 50%; 
}

.featured-post.featured-tiled.style-2 .item{
	width: 25%; 
	height: 290px;
}

.featured-post.featured-tiled.style-2 .item:nth-child(2){
	width: 50%; 
	height: 580px;
}

.featured-post.featured-tiled.style-2 .item .post-image{ 
	position: absolute; 
	top: 0; 
	right: 0; 
	bottom: 0; 
	left: 0;
}

.featured-post.featured-tiled.style-2 .item .post-image a{
	position: static;
}

.featured-post.featured-tiled.style-2 .item .post-image img{
	height: 100%;
    position: absolute;
    margin: auto;
    top: -9999px;
    right: -9999px;
    bottom: -9999px;
    left: -9999px;
    max-width: none;
}

.featured-post.featured-tiled.style-2 .featured-post-caption{ 
	text-align: center;
}

.featured-post.featured-tiled.style-2 .post-meta{ 
	display: none; 
}

.featured-post.featured-tiled.style-2 .item:nth-child(2) .post-meta{ 
	display: block; 
}

.featured-post.featured-tiled.style-2 .item .featured-post-caption{ 
	bottom: 40px; 
}

.featured-post.featured-tiled.style-2 .item:nth-child(2) .featured-post-caption{ 
	left: 40px; 
	right: 40px; 
}

.featured-post.featured-tiled.style-2 .item:not(:nth-child(2)) .featured-post-caption{ 
	padding: 30px 20px; 
}

.featured-post.featured-tiled.style-2 .item:not(:nth-child(2)) .featured-post-caption .entry-title{ 
	font-size: 14px;
    margin-top: 10px;
	max-height: 36px;
}

/*--------------------------------------------------------------
3.14 Featured Link
--------------------------------------------------------------*/

.featured-link{ 
	margin-bottom: 30px;
}

.featured-link .item{
	display: block;
	position: relative;
}

.featured-link .item .item-title-content{
	position: absolute;
    top: 30px;
    right: 30px;
    bottom: 30px;
    left: 30px;
    text-transform: uppercase;
    font-size: 18px;
    color: #fff;
    text-align: center;
	font-weight: bold;
	z-index:3;
}

.featured-link .item .item-title-content:before,
.featured-link .item .item-title-content:after{
	content: " ";
	border-color: #fff;
	border-style: solid;
	border-width: 2px 0 0 2px;
	width: 30px;
	height: 30px;
	position: absolute;
	top: 0;
	left: 0;
}

.featured-link .item:hover .item-title-content{
	background-color: rgba(255,255,255,0.8);
}

.featured-link .item:hover .item-title-content:before,
.featured-link .item:hover .item-title-content:after{
	opacity: 0;
}

.featured-link .item .item-title-content:after{
	right: 0;
    bottom: 0;
    top: auto;
    left: auto;
    border-width: 0 2px 2px 0;
}

.featured-link .item .item-title{
	display: block;
    margin-top: -12px;
    position: absolute;
    max-height: 24px;
	line-height: 24px;
    top: 50%;
    left: 30px;
    right: 30px;
}

/*--------------------------------------------------------------
3.15 Pagination
--------------------------------------------------------------*/

.pagination,
.pager{ 
	margin-top: 40px; 
	text-transform: uppercase; 
	font-weight: bold;
}

.pagination:first-child,
.pager:first-child{ 
	margin-top: 0;
}

.pagination>li>a{
	height: 50px;
	min-width: 50px;
    line-height: 50px;
    padding: 0 10px;
    border-radius: 0;
	display: block;
	text-align: center;
}

.pagination:not(.border)>li>a, 
.pager:not(.border)>li>a{
	border: none;
}

.pagination>.active>a, 
.pagination>.active>a:focus, 
.pagination>.active>a:hover, 
.pagination>.active>span, 
.pagination>.active>span:focus, 
.pagination>.active>span:hover{ 
	border-color: transparent; 
}

.pager>li>a{
	height: 50px;
    line-height: 50px;
    padding: 0 30px;
    border-radius: 0;
	display: block;
}

.pagination>li>a:first-child,
.pagination>li>a:last-child{ 
	border-radius: 0;
}

.pager{ 
	margin-left: -15px; margin-right: 
	-15px; margin-bottom: 0;
}

.pager>li{
	width: 50%;
	padding: 0 15px;
	display: block; float: left; 
}

.pager>li>a{ 
	float: none !important; 
}

.pager>li.previous a{
	text-align: left;
}

.pager>li.next a{
	text-align: right;
}

.pager>li>a:hover, 
.pager>li>a:focus{ 
	color: #ffffff; border-color: transparent; 
}

/*--------------------------------------------------------------
3.16 Author Box
--------------------------------------------------------------*/

.author-box{
	padding: 30px;
	background-color: #fff;
	margin-bottom: 35px;
}

.author-box .media > .pull-left{ 
	padding-right: 30px; 
}

.author-box .social-media{ 
	letter-spacing: 4px; 
}  

.author-box .author-name{     
	text-transform: uppercase;
    font-weight: bold;
    margin: 0 0 5px;
}

.author-box .author-short-desc{
		margin-bottom: 5px;
}

.author-box .author-long-desc{
	margin-top: 10px;
}

/*--------------------------------------------------------------
3.17 Back To Top
--------------------------------------------------------------*/

.back-to-top-btn{
	position: fixed;
    bottom: 30px;
    right: 30px;
    color: #ffffff;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    font-size: 18px;
	z-index: 20;
	display: none;
}

.back-to-top-btn:hover, 
.back-to-top-btn:focus{ 
	color: #fff; 
}

/*--------------------------------------------------------------
3.18 Fixed Header Menu
--------------------------------------------------------------*/

.fixed-header-menu{
	position: fixed;
	top: 0; right: 0; left: 0;
	background-color: #fff;
	background-color: rgba(255,255,255,0.95);
	text-transform: uppercase;
	z-index: 21;
	top: -73px;
	border-bottom: 1px solid #f4f4f4;
}

.fixed-header-menu .navbar{
	margin-bottom: 0;
	font-weight: bold;
	display: table;
	margin: 0 auto;
	border: none;
}

.fixed-header-menu  .navbar-nav>li>a{
	padding: 25px 20px;
}

.fixed-header-menu .site-info{
	margin: 0;
    position: absolute;
    top: 50%;
    left: 30px;
    height: 24px;
    margin-top: -13px;
}

.fixed-header-menu .site-info a,
.fixed-header-menu .site-info a .site-logo,
.fixed-header-menu .site-info img{
	height: 100%;
}

.fixed-header-menu .site-info .site-title{
	font-size: 24px;
    padding: 0 40px;
}

.fixed-header-menu .site-info .site-title:before,
.fixed-header-menu .site-info .site-title:after{
	height: 30px;
    margin-top: -15px;
    border-width: 15px 10px;
    width: 30px;
}
.fixed-header-menu .site-info .site-description{
	display: none; 
}

/*--------------------------------------------------------------
4.0 Header
--------------------------------------------------------------*/

#header{
	background-color: #fff;
}
.site-info{ 
	text-align: center; 
	margin-top: 90px; 
	margin-bottom: 30px;
}

.site-info a{ 
	text-decoration: none; 
	display: block;
}

.site-title:not(.sr-only){
	display: table;
    margin: 0 auto 0;
    font-weight: 900;
    text-transform: uppercase;
    font-size: 48px;
    position: relative;
    line-height: 1;
    padding: 0 50px;
}

.site-title:before,
.site-title:after{
	content: " ";
    display: inline-block;
    width: 40px;
    height: 34px;
    margin-right: 10px;
    border-style: solid;
    border-width: 17px 15px 17px 15px;
    border-color: transparent;
    border-left-color: #ffffff;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -17px;
}

.site-title:after{
	margin-right: 0px;
	margin-left: 10px;
	border-left-color: transparent;
	border-right-color: #ffffff;
	left: auto;
	right: 0;
}

.site-description{
	font-size: 14px;
	margin-top: 5px;
	margin-bottom: 0px;
}

/*--------------------------------------------------------------
4.1 Header Top Content
--------------------------------------------------------------*/

#header .container-fluid{ 
	position: relative;
}
.top-header{
	text-transform: uppercase;
    text-decoration: none;
    margin-top: 30px;
    margin-bottom: 0px;
}

.top-header a{
	text-decoration: none;
    display: inline-block;
    height: 40px;
    line-height: 40px;
}

.top-header-search.open>a>.fa-search:before{
	content: "\f00d";
}

.top-header-search{
	position: static;
}

.top-header-search .dropdown-menu {
	border: none;
    border-radius: 0;
    box-shadow: none;
    padding: 15px 20px;
    height: 75px;
	left: 0;
	right: 0;
	margin: 0;
}

.js-enable .top-header .search-form .form-control,
.js-enable .top-header .search-form .btn{
	border-radius: 0;
    border: none;
    background-color: transparent;
    box-shadow: none;
    color: #ffffff;
    text-align: center;
	font-size: 18px;
}

.top-header-search .search-form input::-webkit-input-placeholder{ color: #ffffff; }
.top-header-search .search-form input:-moz-placeholderr{ color: #ffffff; }
.top-header-search .search-form input::-moz-placeholder{ color: #ffffff; }
.top-header-search .search-form input:-ms-input-placeholder{ color: #ffffff; }

/*--------------------------------------------------------------
4.2 Header Menu
--------------------------------------------------------------*/

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

.header-menu .navbar{ 
	border: none; 
}

.header-menu .navbar-nav{
	float: none;
	display: table;
	margin: 0 auto;
	font-weight: bold;
}

.navbar-nav li{ 
	position: relative; 
} 

.navbar-nav>li>a:hover,
.navbar-nav>li>a:focus{
	background-color: transparent;
}

.navbar-nav>li>a{ 
	position: relative;
    padding: 15px 20px;
}

.navbar-nav>li>a:before{
	    content: " ";
    display: block;
    position: absolute;
    width: 16px;
    height: 2px;
    top: 0;
    left: 50%;
    margin-left: -8px;
    opacity: 0;
}

.navbar-nav>li:hover>a:before{
	opacity: 1;
}

.navbar-nav li .dropdown-menu{
	box-shadow: none;
    border: none;
    border-radius: 0;
    padding: 10px 0;
}

.navbar-nav li:hover>.dropdown-menu{
	display: block;
}

.navbar-nav .dropdown-menu{
	font-size: 12px;
	width: 190px;
}

.navbar-nav .dropdown-menu .fa{
	float: right;
    margin-right: -5px;
    margin-top: 2px;
}

.navbar-nav .dropdown-menu a,
.navbar-nav .dropdown-menu a:focus{
	color: #ffffff;
    padding: 10px 20px;
}

.navbar-nav .dropdown-menu a:hover{
	background-color: rgba(0,0,0,0.05);
	color: #ffffff;
}

.navbar-nav .dropdown-menu a:focus{ 
	background-color: transparent;
}

.navbar-nav .dropdown-menu .dropdown-menu{
	left: 100%;
    top: -2px;
    padding: 0;

}

/*--------------------------------------------------------------
4.3 Header Layout
--------------------------------------------------------------*/

/* Layout Alt 2 */

@media (min-width: 991px) {
	.site-info-menu-wrapper{
		margin: 80px 0 60px;
		display: table;
		width: 100%;
	}

	.site-info-menu-wrapper .site-info,
	.site-info-menu-wrapper .header-menu{
		display: table-cell;
		vertical-align: middle;
	}

	.site-info-menu-wrapper .site-info a{
		display: table;
		margin: 0;
	}

	.site-info-menu-wrapper .header-menu .navbar{ 
		margin-bottom: 0;
		margin-right: -15px;
		float: right;
	}
}

/* Layout Alt 3 */

@media (min-width: 991px) {
	.header-3 .top-header-socmed{ float: right; }
	.header-3 .top-header-socmed .socmed-link a{ margin: 0 0 0 25px; }
	.header-3 .top-header-socmed .socmed-link a:first-child{ margin-left: 0; }
}

.top-header .top-header-navbar .navbar{ 
    margin: 0;
    margin-top: -5px;
}

.top-header .top-header-navbar a{
	height: auto;
}

.top-header .navbar-nav .dropdown-menu {
    font-size: 12px;
}

.header-3 .site-info{
	margin: 55px 0 60px;
}

/* Layout Alt 4 */

.hero-header{ 
	position: relative; 
	background-size: cover !important;
	background-position: center;
	margin-bottom: 40px;
	background-attachment: fixed;
}

.hero-header:before{
	position: absolute;
	content: " ";
	top:  0; right: 0; bottom: 0; left: 0;
	background-color: #000;
	opacity: 0.5; 
}

.hero-header a, 
.hero-header .top-header-search a .fa, 
.hero-header .top-header-search a:hover{ 
	color: #ffffff 
}

.hero-header .owl-carousel{
	position: absolute;
	top:  0; right: 0; bottom: 0; left: 0;
	margin: 0;
	z-index: 0;
}

.hero-header .owl-carousel .item{
	height: 500px;
	background-size: cover !important;
    background-position: center;
}

.hero-header .owl-carousel .owl-nav{ display: none; }

#header.hero-header.has-owl-carousel{
	padding-bottom: 200px;
}

#header.hero-header .owl-carousel .owl-dots{ display: block; }

/*--------------------------------------------------------------
5.0 Post
--------------------------------------------------------------*/

.post .post-caption{ 
	padding: 30px; 
}

.post-image, 
.post-image a{ 
	position: relative; 
	display: block; 
}

.post-image .post-format-icon{
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
	background-color: rgba(0,0,0,0.3);
	z-index: 2;
	color: #ffffff;
	font-size: 72px;
}

.post-image .post-format-icon .fa{
	position: absolute;
	top: 50%; left: 50%;
	display: block;
	width: 72px;
	height: 72px;
	line-height: 72px;
	text-align: center;
	margin: -36px 0 0 -36px;
}

.post-image:hover .fa{
	-ms-transform: scale(1.2); /* IE 9 */
    -webkit-transform: scale(1.2); /* Safari */
	transform: scale(1.2);
}

/*--------------------------------------------------------------
5.1 Post List
--------------------------------------------------------------*/
.post-list .post{ 
	background-color: #ffffff; 
	margin-top: 35px; 
}

.post-list .post:first-child{ 
	margin-top: 0; 
}

.post-list .post .entry-title{ 
	font-size: 18px;
    text-transform: uppercase;
    margin: 15px 0 20px;
    line-height: 1.3;
    font-weight: bold;
    max-height: 48px;
    overflow: hidden;
}

.post-list .post .entry-title:last-child{margin-bottom: 0;}

.post-list .post .entry-excerpt{
	margin-bottom: 20px;
}

.post-list .post .post-meta{
	margin-bottom: 0;
}

.standart-list .post-image{
	max-width: 263px;
    padding: 0;
}

.standart-list .post-image.pull-right{
	float: right !important;
    padding: 0;
    margin-left: 0;
}

/*--------------------------------------------------------------
5.2 Post List No Sidebar
--------------------------------------------------------------*/

.no-sidebar .post-list{ 
	margin: 0 -15px;
}

.no-sidebar .post-list .col-sm-6{ 
	margin-top: 35px; 
}

.no-sidebar .post-list .col-sm-6:nth-child(1),
.no-sidebar .post-list .col-sm-6:nth-child(2){ 
	margin-top: 0px; 
}

.standart-list.alt-1 .post-image{ 
	max-width:170px; 
}

.standart-list.alt-1 .post-image .post-format-icon{ 
	font-size:48px; 
}
.standart-list.alt-1 .entry-title{ 
	font-size:16px; 
	max-height: 40px; 
}

/*--------------------------------------------------------------
5.3 Post List Grid
--------------------------------------------------------------*/

.post-list.type-grid .post.classic-list{ 
	margin-bottom: 30px; 
}

.grid-list.post{
	margin-top: 30px !important;
}

.post-list .col-xs-6:nth-child(1) .grid-list,
.post-list .col-xs-6:nth-child(2) .grid-list{
	margin-top: 0 !important;
}

.post-list .col-xs-6:nth-child(2n+1){ 
	clear: left; 
}

.post-list .col-sm-4.col-xs-6:nth-child(1) .grid-list,
.post-list .col-sm-4.col-xs-6:nth-child(2) .grid-list,
.post-list .col-sm-4.col-xs-6:nth-child(3) .grid-list{
	margin-top: 0 !important;
}

.post-list .col-sm-4.col-xs-6:nth-child(2n+1){ 
	clear: none; 
}

.post-list .col-sm-4.col-xs-6:nth-child(3n+1){ 
	clear: left; 
}


/*--------------------------------------------------------------
5.4 Post List Classic
--------------------------------------------------------------*/

.post.classic-list .entry-title{ 
	font-size: 24px;
	max-height: 62px;
}
.classic-list .owl-carousel{
	margin: 0;
}

/*--------------------------------------------------------------
5.5 Single Post
--------------------------------------------------------------*/

.single-post-content > .post{ 
	background-color : #ffffff; 
	padding: 30px; 
}

.single-post-content > .post .post-image{ 
	margin: -30px -30px 30px; 
}

.single-post-content > .post .post-image img{ 
	width: 100%;
}

.single-post-content > .post .entry-header{ 
	margin-bottom: 30px;
}

.single-post-content > .post .line-border{ 
	height: 5px; 
	margin: 0 -30px;
}

.single-post-content > .post .entry-title{ 
	font-size: 26px; 
	text-transform: uppercase; 
	font-weight: bold; 
	margin: 30px 0; 
	line-height: 1.3;
}

.single-post-content > .post .entry-title:first-child{ 
	margin-top: 0; 
}

.single-post-content > .post .post-meta{ 
	font-size: 11px; 
}

.single-post-content > .post .post-meta .socmed-share{ 
	margin-top: -7px; 
}

.single-post-content > .post .post-meta .socmed-link{ 
	display: inline-block;
    margin-left: 15px;
}

.single-post-content .post .post-meta .socmed-link a{ 
	margin-right: 0;
	margin-left: 10px;
}

.single-post-content .post .post-meta .socmed-link a:first-child{ 
	margin-left: 0; 
}

.single-post-content .post .entry-content{ 
	margin: 30px 0; 
	line-height: 1.7;
}

.single-post-content  .pager{
	margin-top: 30px; 
	margin-bottom: 30px;
}

.single-post-content .widget-title{ 
	font-size: 24px;
}

.single-post-content .owl-carousel .owl-nav>div{ 
	left: -45px; 
}

.single-post-content .owl-carousel .owl-nav>div.owl-next{ 
	right: -45px; 
	left: auto; 
}

.single-post-content .owl-carousel:hover .owl-nav>div{ 
	left: 0px; 
}

.single-post-content .owl-carousel:hover .owl-nav>div.owl-next{ 
	right: 0px; 
	left: auto; 
}

/*--------------------------------------------------------------
5.6 Featured Content
--------------------------------------------------------------*/

.single-post-content > .post .post-featured-content{  
	margin: -30px -30px 30px; 
}

.post-featured-content iframe{ 
	width: 100%; 
	height: 450px; 
	border: 0; 
}

.quote-featured-content{ 
	position: relative; 
	padding: 40px 30px; 
}

.quote-featured-content .background{
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
	background-size: cover !important;
    background-position: center;
}

.quote-featured-content blockquote{ 
	position: relative; 
	z-index: 2; 
}

.quote-featured-content blockquote.has-background{ 
	color: #fff; 
}

.quote-featured-content blockquote.has-background small{ 
	color: #eee; 
}

.quote-featured-content blockquote.has-background a{
	color: #ffffff;
}

.quote-featured-content blockquote.link:before{ 
	content:"\f0c1";
	display: table-cell;
    position: static;
    margin-right: 30px;
	float: left;
}

.quote-featured-content blockquote.link{ 
	display: table; 
	margin-left: auto; 
	margin-right: auto; 
	padding: 0;
}

.quote-featured-content blockquote.link a{
	display: table-cell;
    vertical-align: middle;
}

/*--------------------------------------------------------------
5.7 Typography
--------------------------------------------------------------*/

/* Word Wrap */
.ellipsis, .navbar-nav li a,
.widget-tagcloud  .tagcloud a,
.widget-title, .widget-tab-nav li,
.widget-featured-link .style-2 .item .title{
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

iframe{ 
	max-width: 100%; 
}

.post p{ 
	margin-top: 20px;
}

.post p:first-child{ 
	margin-top: 0px;
}

p{ 
	margin-bottom: 20px;
}

p:last-child{ 
	margin-bottom: 0px;
}

blockquote{
	position: relative;
    border: none;
    font-size: 16px;
    padding: 8px 0 0 90px;
    line-height: 1.3;
    min-height: 60px;
    font-weight: bold;
    margin: 30px 0;
}

blockquote:before{
	content: "\f10e";
    font-family: FontAwesome;
    height: 60px;
    width: 60px;
    display: block;
    text-align: center;
    line-height: 60px;
    color: #fff;
    font-size: 18px;
	position: absolute;
    left: 0;
    top: 0;
}

blockquote small{
	display: block;
    margin-top: 10px;
	font-weight: normal;
}

.single-post-content .h1, 
.single-post-content .h2, 
.single-post-content .h3, 
.single-post-content .h4, 
.single-post-content .h5, 
.single-post-content .h6, 
.single-post-content h1, 
.single-post-content h2, 
.single-post-content h3, 
.single-post-content h4, 
.single-post-content h5, 
.single-post-content h6{
	text-transform: uppercase;
	font-weight: bold;
}

.single-post-content ul, 
.single-post-content ol{ 
	margin-bottom: 20px; 
}

.single-post-content ul:last-child, 
.single-post-content ol:last-child{ 
	margin-bottom: 0px; 
}

.post .image{
	margin: 0 0 20px;
}

.post .image.left{ 
	float: left; margin-right: 20px;
}

.post .image.right{ 
	float: right; margin-left: 20px;
}

.post .image.center{ 
	margin: 0 auto;
}
.post .image .caption{ 
	margin-top: 5px; 
}

/*--------------------------------------------------------------
5.8 Related Post
--------------------------------------------------------------*/

.related-post{
	margin: 40px 0;
}

.related-post .entry-title{ 
	margin-bottom: 0; 
}

/*--------------------------------------------------------------
6.0 Page
--------------------------------------------------------------*/

.page-header{
	background-color: #fff;
    padding: 50px 30px;
    margin: 0 0 35px;
    border: none;
}

.page-header .page-title{
	text-transform: uppercase;
    font-size: 18px;
    font-weight: bold;
    margin: 0;
}

.page-description{
	margin-top: 15px;
}

/*--------------------------------------------------------------
7.0 404 Page
--------------------------------------------------------------*/

body.page-404 { 
	background-color: #353547; 
}

.page-404 .content-none{
	color: #eeeef1;
	background-color: transparent;
	background-repeat: no-repeat;
	padding-top: 120px;
    padding-bottom: 120px;
    background-attachment: fixed;
}

.page-404 .content-none-title{ 
	color : #84848e; 
	font-size: 150px;
	margin: 0 0 50px;
}

body.page-404 #footer{ 
	margin-top: 0; 
}

.content-none{
	padding: 150px 0;
	background-color: #fff;
	padding: 30px 30px 60px;
}

.content-none-title{
    font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 30px;
}

.content-none-subtitle{ 
	font-size: 36px; 
	text-transform: uppercase; 
	font-weight: bold; 
	margin-bottom: 30px; 
}

.content-none .search-form{ 
	margin: 40px auto 0;
    max-width: 600px;
}

.content-none .search-form .form-control{
	height: 60px;
    padding: 15px 20px;
}

.content-none .search-form .input-group-btn>.btn{
	height: 60px;
    padding: 15px 25px;
}

.content-none h5{
	font-size: 18px;
}

.js-enable .parallax-window {
    min-height: 400px;
    background: transparent !important;
	background-image: none !important;
}

/*--------------------------------------------------------------
8.0 Widget
--------------------------------------------------------------*/

.widget{ 
	margin-top: 50px; 
}

.widget-wrapper{
	background-color: #ffffff;
	padding: 30px;
}

.widget:first-child{ 
	margin-top: 0px; 
}

.widget-title{
	text-transform: uppercase;
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 25px;
}

/*--------------------------------------------------------------
8.1 Search
--------------------------------------------------------------*/

.widget.widget-search .widget-title { 
	font-size: 12px;
}

.widget.widget-search .widget-wrapper{
	padding: 0;
	background: none;
}

.widget .search-form .form-control,
.widget .search-form .btn{
	border: none;
    border-radius: 0;
    height: 50px;
    padding: 7px 17px;
    box-shadow: none;
}

/*--------------------------------------------------------------
8.2 Widget List ul li
--------------------------------------------------------------*/

.widget ul:not(.post-meta){ 
	text-transform: uppercase; 
	font-size: 12px; 
	margin: 0; 
	padding: 0; 
	list-style-type: none;
}

.widget ul:not(.post-meta) li{ 
	margin-top: 15px; 
	font-weight: bold; 
}

.widget ul:not(.post-meta) li:first-child{ 
	margin-top: 0px;
}

.widget.widget-archive li a{
	display: table-cell;
    padding: 0;
    margin: 0;
    vertical-align: top;
}

.widget .counter-post{
	padding-left: 5px;
    display: inline-block;
    width: 1%;
    vertical-align: top;
}

.widget.widget-archive .counter-post{ 
	display: table-cell; 
}

.widget ul:not(.post-meta) ul{ 
	margin: 15px 0 0 0;
}

.widget ul:not(.post-meta) ul li{ 
	padding-left: 15px; 
	position: relative; 
}

.widget ul:not(.post-meta) ul li:before{
	content: "\f0da";
    font-family: FontAwesome;
    position: absolute;
    top: 0;
    left: 2px;
    color: #999;
}

/*--------------------------------------------------------------
8.3 About Me
--------------------------------------------------------------*/

.widget-about-me .author-photo{
	display: inline-block;
}

.widget-about-me .name{
	text-transform: uppercase;
    font-weight: bold;
    margin: 20px 0 10px;
}

.widget-about-me .short-desc{
	font-size: 16px;
    margin: 10px 0px 15px;
    font-style: inherit;
}

.widget-about-me .long-desc{
	margin-top: 30px;
}

.widget .social-media{
	font-size: 18px;
    margin: 30px 0 0;
}

.widget .social-media:first-child{ 
	margin-top: 0; 
}

.widget .social-media a{
	display: inline-block;
    margin: 0 8px;	
}

/* Style Alt 1 */
.widget-about-me .alt-1 .author-photo{
	margin: -30px -30px 30px;
    display: block;
}

.widget-about-me .alt-1 .author-photo img{ 
	width: 100%; 
}

/* Style Alt 2 */
.author-photo-background{
	position: relative;
    padding: 50px 30px;
    margin: -30px -30px 30px;
    overflow: hidden;
}

.author-photo-background > .background-blur{
	position: absolute;
    top: -20px;
    right: -20px;
    bottom: -20px;
    left: -20px;
	-webkit-filter: blur(7px);
    filter: blur(7px);
    background-size: cover !important;
    background-position: center;
}

.author-photo-background .author-photo{
	position: relative;
	width: 150px;
	height: 150px;
}

/* Style Alt 3 With Background */
.widget-about-me .photo-background{
    color: #ffffff;
    background-position: center;
    background-repeat: initial;
    background-size: cover !important;
}

.widget-about-me .photo-background a{
	color: #ffffff;
}

.widget-about-me .photo-background .widget-wrapper-inner{
	position: relative;
}

.widget-about-me .photo-background .widget-wrapper-inner .space{
	min-height: 160px;
}

.widget-about-me .photo-background .widget-wrapper-inner .space .author-photo{
	width: 150px;
	height: 150px;
    margin-top: 20px;
}

.widget-about-me .photo-background .short-desc{
	color: #eeeeee;
}

/*--------------------------------------------------------------
8.4 Tag Cloud
--------------------------------------------------------------*/

.widget-tagcloud .widget-wrapper{ 
	background-color: transparent; 
	margin: -2px;
	padding: 0;
}

.tagcloud a{
	display: block;
    margin: 2px;
    height: 40px;
    background-color: #fff;
    float: left;
    line-height: 38px;
    padding: 0 20px;
    border: 1px solid #e0e0e0;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: bold;
	max-width: 100%;
}

.tagcloud a:hover{
	border-color: transparent;
	color: #ffffff;
}

/*--------------------------------------------------------------
8.5 Featured Link
--------------------------------------------------------------*/

.widget-featured-link .widget-wrapper{ 
	background-color: transparent; 
	padding: 0;
}

.widget-featured-link .item{
	display: block;
    background-size: cover !important;
    background-position: center;
    height: 90px;
    position: relative;
	margin-bottom: 5px;
}

.widget-featured-link .item .title{
	position: relative;
    z-index: 3;
    background-color: #ffffff;
    text-transform: uppercase;
    display: inline-block;
    margin: 20px;
    padding: 7px 18px;
    font-size: 10px;
    font-weight: bold;
}
/* Style 2 */
.widget-featured-link .style-2 .item{ 
	height: 135px; 
	margin-bottom: 25px; 
}

.widget-featured-link .style-2 .item:last-child{ 
	margin-bottom: 0px; 
}

.widget-featured-link .style-2 .item .title{ 
	background-color: #ffffff;
    background-color: rgba(255,255,255,0.9);
    width: 140px;
    position: absolute;
    bottom: 0;
    top: auto;
    left: 50%;
    margin: 0 0 0 -70px;
    text-align: center;
    padding: 15px;
}

/*--------------------------------------------------------------
8.6 Instagram
--------------------------------------------------------------*/

.widget.widget-instagram .widget-wrapper{
	padding: 0;
	position: relative;
}

.widget.widget-instagram .photo-list{
	margin: 0;
    padding: 0;
    list-style-type: none;
}

.widget.widget-instagram .photo-list li{
	width: 25%;
	float: left;
	margin-top: 0;
}

.widget.widget-instagram .photo-list.col-3 li{
	width: 33.33%;
}

.widget.widget-instagram .instagram-link{
	position: absolute;
    background-color: #ffffff;
    height: 50px;
    line-height: 50px;
    padding: 0 15px;
    width: 160px;
    text-align: center;
    top: 50%;
    left: 50%;
    margin: -26px 0 0 -80px;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: bold;
}

.widget.widget-instagram .instagram-link .fa{
	font-size: 18px;
}

/*--------------------------------------------------------------
8.7 Post List
--------------------------------------------------------------*/

.widget-post-list .widget-wrapper{
	padding: 0;
	position: relative;
	background-color: transparent;
}

.widget-post-list .post { 
	background-color: #ffffff; 
	margin-top: 25px; 
}

.widget-post-list .post:first-child{ 
	margin-top: 0; 
}

.widget-post-list .post .post-image{ 
	padding: 0; 
	width: 100px; 
}

.widget-post-list .post.grid-list .post-image{ 
	padding: 0; 
	width: 100%; 
}

.widget-post-list .post .media-body{ 
	padding: 20px 20px 20px 25px; 
}

.widget-post-list .post .entry-title{
	font-size: 12px;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 1.4;
    margin: 0;
    max-height: 34px;
    overflow: hidden;
}

.widget-post-list .post.grid-list{ 
	position: relative; 
}

.widget-post-list .post.grid-list:first-child{ 
	margin-top: 0 !important; 
}

.widget-post-list .post.grid-list .entry-title{
	font-size: 14px;
    max-height: 38px;
	margin-top: 10px;
}

.widget-post-list .post.grid-list .media-body{
	position: absolute;
    bottom: 0;
    background-color: #ffffff;
    background-color: rgba(255,255,255,0.9);
    width: auto;
    left: 35px;
    right: 35px;
    text-align: center;
    padding: 20px 30px 20px;
}

.widget-post-list .post .post-meta{ 
	margin-top: 15px; 
	margin-bottom: 0px;
}

.widget-post-list .post .post-meta .post-count .fa{ 
	font-size: 14px; 
	display: block; 
	float: left; 
	margin-right: 5px; 
	margin-top: -2px;
}

/* Style Alt 2 */
.widget-post-list .post.style-2{ 
	background-color: transparent; 
}

.widget-post-list .post.style-2 .post-image{ 
	border-radius: 50%; 
	margin-right: 15px; 
	overflow: hidden; 
}

.widget-post-list .post.style-2 .media-body{ 
	background-color: #ffffff; 
	padding-left: 20px; 
}

/* Post Counter */
.widget-post-list .post .post-counter{
	background-color: #ffffff;
	margin-right: 15px;
	padding: 0;
	text-align: center;
	width: 100px;
	height: 100px;
	line-height: 120px;
	text-transform: uppercase;
	font-weight: bold;
	border-bottom-style: solid;
	border-bottom-width: 2px;
}

.widget-post-list .post .post-counter .post-counter-wrap{ 
	display: inline-block; 
	line-height: 1.1; 
}

.widget-post-list .post .post-counter .number{ 
	font-size: 18px;
}

.widget-post-list .post .post-counter .number-title{ 
	font-size: 11px; 
}

/* Standart List */
.widget-post-list .widget-wrapper.standart-list{
	background-color: #ffffff;
	padding: 30px;
}

.widget-post-list .standart-list ul li.has-icon{ 
	position: relative; 
	padding-left: 30px; 
}

.widget-post-list .standart-list ul li.has-icon .fa{ 
    position: absolute;
    left: 0;
    font-size: 18px;
    top: 1px;
}

.widget-post-list .standart-list ul li .post-date{ 
	display: block; 
	font-size: 9px; 
	margin-top: 5px; 
	font-weight: normal; 
}

/*--------------------------------------------------------------
8.8 Tab Widget
--------------------------------------------------------------*/

.widget ul.widget-tab-nav,
.widget-tab-nav{
	text-transform: uppercase;
    font-size: 16px;
    font-weight: bold;
	display: table;
}

.widget-tab-nav li a{ 
	text-decoration: none; 
}

.widget-tab-nav li.active a{
	cursor: text;
}

.widget-tab-nav li{
	display: table-cell;
    position: relative;
    padding: 0 15px;
}

.widget-tab-nav li:first-child{
	padding-left: 0;
}

.widget-tab-nav li:last-child{
	padding-right: 0;
}

.widget-tab-nav li:after{
	content: "|";
	display: block;
	position: absolute;
	right: -1px;
	top: 0;
}

.widget-tab-nav li:last-child:after{ 
	display: none; 
}

.widget-tab .widget-wrapper .nav-tabs{
	margin: -30px -30px 0;
}

.widget-tab .widget-wrapper .nav-tabs>li>a{
	border-top-color: transparent;
	border-left-color: transparent;
	margin-right: 0px;
	text-align: center;
}

.widget-tab .widget-wrapper .nav-tabs>li:last-child>a{ 
	border-right-color: transparent; 
}

.widget-tab .widget-wrapper .nav-tabs.col-3>li{ 
	width: 33.3%;
}

.widget-tab .widget-wrapper .nav-tabs.col-4>li{ 
	width: 25%;
}

.widget-tab .widget-wrapper .tab-content {
    margin-top: 30px;
}

/*--------------------------------------------------------------
8.9 Twitter Tweet List
--------------------------------------------------------------*/

.widget.widget-twitter-feed ul.tweet-list{
	font-size: 14px;
}

.widget.widget-twitter-feed ul.tweet-list:not(.owl-carousel) li{ 
	margin-top: 25px; 
	position: relative; 
	padding-left: 30px; 
}

.widget.widget-twitter-feed ul.tweet-list:not(.owl-carousel) li:before{
	position: absolute;
    left: 0;
	top: 3px; 
}

.widget.widget-twitter-feed ul.tweet-list li:first-child{ 
	margin-top: 0px;
}

.widget.widget-twitter-feed ul.tweet-list .tweet-date{
	font-size: 9px;
	text-transform: uppercase;
	color: #7e7e7e;
	display: block;
	margin-top: 10px;
}

.widget.widget-twitter-feed ul li{
	text-transform: none;
	font-weight: normal;
}

.widget.widget-twitter-feed .owl-carousel{ 
	text-align: center; 
	font-size: 14px; 
}

.widget.widget-twitter-feed .owl-carousel .owl-nav{
	position: relative;
	margin-top: 30px;
}

.widget.widget-twitter-feed .owl-carousel .owl-nav>div{
	position: relative;
    display: inline-block;
    font-size: 18px;
    background-color: transparent;
    width: 24px;
    height: auto;
    padding: 0 9px;
    color: transparent;
    text-align: center;
}

.widget.widget-twitter-feed .owl-carousel .owl-nav>div:hover{
	color: transparent;
}

.widget.widget-twitter-feed .owl-carousel .owl-nav>div.owl-prev:before{
	content:"\f0d9";
	font-family: FontAwesome;
}

.widget.widget-twitter-feed .owl-carousel .owl-nav>div.owl-next:before{
	content:"\f0da";
	font-family: FontAwesome;
}

.widget.widget-twitter-feed ul.tweet-list li:before,
.widget.widget-twitter-feed ul.tweet-list.owl-carousel li:before{
	content: "\f099";
    font-family: FontAwesome;
    display: block;
    font-size: 18px;
    margin-bottom: 15px;
}

/*--------------------------------------------------------------
8.10 Recent Comment
--------------------------------------------------------------*/

.widget-recent-comment .widget-wrapper{ 
	padding: 0; 
	background-color: transparent; 
}

.widget-recent-comment .comment{ 
	background-color: #fff; 
	margin-top: 30px; 
}

.widget-recent-comment .comment:first-child{
	margin-top: 0;
}

.widget-recent-comment .comment .comment-avatar{
	padding: 0; 
	width: 100px;
}

.widget-recent-comment .comment .media-body{
	padding: 25px 20px 25px 25px;
}

.widget-recent-comment .comment .comment-body{
	max-height: 48px;
    overflow: hidden;
    text-transform: uppercase;
    font-size: 11px;
	line-height: 1.5;
    font-weight: bold;
}

.widget-recent-comment .comment .comment-body cite{
	font-style: normal;
}

/*--------------------------------------------------------------
8.11 Social Media Link
--------------------------------------------------------------*/

.widget .socmed-link a {
	border-width: 4px;
    border-style: solid;
    border-radius: 50%;
    width: 50px;
    display: inline-block;
    text-align: center;
    height: 50px;
    line-height: 42px;
    margin: 0 2px 7px;
	border-color: #e1e1e1;
}

.widget .socmed-link a:hover{ 
	color: #ffffff; 
}

/*--------------------------------------------------------------
8.12 Subscribe Form
--------------------------------------------------------------*/

.widget-subscribe-form{
	background-color: #fff;
	text-align: center;
}

.widget-subscribe-form .widget-title{
	padding: 30px;
	margin: 0;
	position: relative;
}

.widget-subscribe-form .widget-title:after{
	content: " ";
	display: block;
	width: 30px;
	height: 3px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -15px;
}

.widget-subscribe-form .subscribe-form-submit .btn-subscribe{ 
	margin-top: 10px; 
	display: block; 
}

.widget-subscribe-form.horizontal{ 
	margin-top: 35px; 
}

.widget-subscribe-form.horizontal{ 
	text-align: left; 
}

.widget-subscribe-form.horizontal .widget-wrapper .widget-title{
	padding: 0;
	margin-bottom: 5px;
}

.widget-subscribe-form.horizontal .widget-wrapper{ 
	padding: 40px 70px;
}

.widget-subscribe-form.horizontal .widget-wrapper .widget-title:after{ 
	display: none; 
}

.widget-subscribe-form.horizontal .subscribe-form-submit{
	display: table;
    width: 100%;
}

.widget-subscribe-form.horizontal .subscribe-form-submit .form-control{ 
	display: table-cell; 
	float: left;
}

.widget-subscribe-form.horizontal .subscribe-form-submit .btn-subscribe{
	display: table-cell; 
	width: 1%; 
	margin-top: 0; 
	vertical-align: middle;
}

.widget-subscribe-form.horizontal .subscribe-form-submit .btn-subscribe .btn{
	border-radius: 0;
	display: inline-block;
}

/*--------------------------------------------------------------
8.13 Post Slideshow
--------------------------------------------------------------*/

.widget-slideshow .widget-wrapper{ 
	padding: 0px; 
}

.widget-slideshow .owl-carousel .owl-nav>div { 
	top: 31%;
    background-color: transparent;
    border: 2px solid #ffffff;
    height: 40px;
    line-height: 36px;
    width: 40px;
    left: 15px;
    margin-top: -20px;
}

.widget-slideshow .owl-carousel .owl-nav>div.owl-next{ 
	left: auto;
	right: 15px;
}

.widget-slideshow .owl-carousel .owl-nav>div:hover { 
	border-color: transparent; 
}

.widget-slideshow .featured-post-caption{
	position: static;
    background-color: transparent;
    padding: 30px;
}

.widget-slideshow .post-image { 
	background-color: #000; 
}

.widget-slideshow .post-image img { 
	opacity: 0.8; 
}
.widget-slideshow .featured-post-caption  .entry-title {
    font-size: 16px;
    max-height: 40px;
	margin: 15px 0;
}

.widget-slideshow .featured-post-caption .post-meta{ 
	margin-top: 15px; 
}

/*--------------------------------------------------------------
9.0 Comment
--------------------------------------------------------------*/

.comment-area{ 
	margin: 50px 0;
}

.comment-list-area{
	background-color: #fff;
	padding: 30px;
}

.comment-list,
.comment-list .children{
	list-style-type: none;
    padding: 0;
    margin: 0;
}

.comment-list li:first-child{
	margin-top: 0; 
	padding-top: 0; 
	border-top: 0; 
}

.comment-list li{
	margin-top: 30px;
    border-top: 1px solid #e9e9e9;
    padding-top: 30px;
}

.comment-list .children{
	padding-left: 30px;
    border-top: 1px solid #e9e9e9;
    margin-top: 30px;
    padding-top: 30px;
}

.comment-body.media>.pull-left{
	padding-right: 0px;
	margin-right: 30px;
}

.comment-body .comment-author{ 
	margin-bottom: 5px; 
}

.comment-body .comment-author,
.comment-body .comment-author cite{
	font-style: normal;
    text-transform: uppercase;
    font-weight: bold;
}

.comment-body .comment-header{ 
	margin-bottom: 15px;
}

.comment-body .comment-meta{ 
	font-size: 11px; 
	text-transform: uppercase;
}

.comment-body .comment-footer{
	text-transform: uppercase;
    margin-top: 20px;
    font-size: 11px;
    text-align: right;
}

.comment-body .comment-footer a{ 
	display: inline-block; 
	margin: 0 10px; 
}

.comment-body .comment-footer a:first-child{
	margin-left: 0;
}

.comment-body .comment-footer a:last-child{
	margin-right: 0;
}

.comment-body .comment-footer a .fa{ 
	margin-left: 3px;
}

.comment-form{ 
	margin-top: 50px;
}

.comment-form .form-control{
	height: 60px;
    padding: 15px 20px;
	margin-bottom: 30px;
}

.comment-form .form-control:not(:focus){
	border-color: transparent;
}

.comment-form textarea.form-control{ 
	height: auto; 
}

.comment-form .btn{
	height: 60px;
    padding: 15px 40px;
	float: right;
}

/*--------------------------------------------------------------
10.0 Footer
--------------------------------------------------------------*/

#footer{
	margin-top: 60px;
}

.footer-menu-text{ 
	font-size: 11px; 
	text-transform: uppercase; 
	padding-top: 40px; 
	padding-bottom: 30px; 
	text-align: center;
}

.footer-menu li:after{
	content: "|";
    display: inline-block;
    padding-left: 12px;
}

.footer-menu li:last-child:after{ 
	display: none; 
}

.footer-text{
	margin-top: 20px; margin-bottom: 40px;
}

/*--------------------------------------------------------------
10.1 Footer Instagram
--------------------------------------------------------------*/

.footer-instagram .owl-carousel{ 
	margin: 0; 
}

.footer-instagram li,
.footer-instagram li a{ 
	display: block; 
}

.footer-instagram li:hover a:before{ 
	opacity: 0;
}

.footer-instagram li:hover img{ 
	-ms-transform: scale(1.2); /* IE 9 */
    -webkit-transform: scale(1.2); /* Safari */
    transform: scale(1.3);
}

.footer-instagram .owl-carousel .owl-nav>div.owl-prev{ 
	left: -45px; 
}

.footer-instagram .owl-carousel .owl-nav>div.owl-next{ 
	right: -45px; 
}

.footer-instagram .owl-carousel:hover .owl-nav>div.owl-prev{ 
	left: 0px; 
}

.footer-instagram .owl-carousel:hover .owl-nav>div.owl-next{ 
	right: 0px; 
}

/*--------------------------------------------------------------
10.2 Footer Widget
--------------------------------------------------------------*/

.footer-widget{
	padding: 100px 0;
	background-position: center;
	background-size: cover !important;
	background-attachment: fixed;
	background-color: #fff;
}

.footer-widget .widget{ 
	background-color: rgba(255,255,255,0.9);
}

.footer-widget .widget .widget-title{
	text-align: center;
    position: relative;
    padding: 40px 30px 20px;
    margin: 0;
}

.footer-widget .widget .widget-title:after{
	content: " ";
    display: block;
    width: 32px;
    height: 2px;
    position: absolute;
    left: 50%;
    bottom: 0;
    margin: auto auto 0 -16px;
}

.footer-widget .widget .widget-wrapper{ 
	background-color: transparent; 
	padding: 40px 30px; 
}

.footer-widget.no-background{
	background-color: #fff;
    padding: 40px 0;
}

.footer-widget.no-background .widget .widget-wrapper{
	padding: 40px 0 30px;
}

.footer-widget .widget-post-list .post-image{ 
	width: 60px; 
}

.footer-widget .widget-post-list .post{ 
	background-color: transparent; 
}

.footer-widget .widget-post-list .post:not(.grid-list) .media-body,
.footer-widget .widget-post-list .post.style-2:not(.grid-list) .media-body{ 
	padding: 0 0 0 15px; 
	background-color: transparent; 
}

.footer-widget .widget-post-list .post .post-meta { 
	margin-top: 10px; 
}

.footer-widget .widget-post-list .post.style-2 .post-image{ 
	margin-right: 0; 
}

.footer-widget .widget-post-list .post .post-counter{ 
	width: 60px;
    margin: 0;
    height: 60px;
    line-height: 72px;
}

.footer-widget .widget-post-list .post .post-counter .number-title { 
	font-size: 9px; 
}

.footer-widget .widget-post-list .post .post-counter .number { 
	font-size: 14px; 
}

.footer-widget .widget ul.widget-tab-nav{
	margin-left: auto;
	margin-right: auto;
}

.footer-widget .widget-recent-comment .comment{ 
	background-color: transparent; 
}

.footer-widget .widget-recent-comment .comment .comment-avatar { 
	width: 60px; 
}

.footer-widget .widget-recent-comment .comment .media-body{ 
	padding: 0 0 0 20px; 
}

.footer-widget .widget-recent-comment .comment .comment-body{ 
	max-height: none; 
}

.footer-widget .widget-tab .widget-wrapper .nav-tabs{
	border-color: #ffffff;
    border-bottom-width: 2px;
    margin-top: 0px;
    padding: 0 30px;
}

.footer-widget .widget-tab .widget-title + .widget-wrapper .nav-tabs{
	margin-top: -10px;
}

.footer-widget .widget-tab .widget-wrapper .nav-tabs>li>a{ 
	border-color: transparent; 
}

.footer-widget .widget-about-me .alt-1 .author-photo,
.footer-widget .widget-about-me .author-photo-background{ 
	margin-top: -40px; 
}

.footer-widget .widget-about-me .widget-title + .alt-1 .author-photo,
.footer-widget .widget-about-me .widget-title + .widget-wrapper .author-photo-background{ 
	margin-top: -20px; 
}

.footer-widget .widget-about-me .widget-title + .widget-wrapper.photo-background{ 
	margin-top: 20px; 
}