/** Blog

 **************************************************************** **/

#blog {

	text-align:left;

	position:relative;

	border:0;

	margin:0;

}

#blog h2 a {

	text-decoration:none;

}

#blog div.left {

	padding-right:50px;

}

#blog .item {

	display:block;

	margin-bottom:60px;

	padding-bottom:80px;

	background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA6wAAAAJCAYAAAA2AqGEAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowMTgwMTE3NDA3MjA2ODExQTY2N0ZDRDJCRDMxRDAyRiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoyRUFBNTQwNEIyREMxMUUyODczMEQzOTA3QTgwOUQ1MyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoyRUFBNTQwM0IyREMxMUUyODczMEQzOTA3QTgwOUQ1MyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IE1hY2ludG9zaCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjAyODAxMTc0MDcyMDY4MTE4NzFGOUNBMUUzMkNFRDk4IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjAxODAxMTc0MDcyMDY4MTFBNjY3RkNEMkJEMzFEMDJGIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+We2AvgAAAmJJREFUeNrsnVmO4yAQQMHODfI79z9azx0i4RrshqjCgJNuL2D7PckCUyt4ozofbf9+ff0xxljzjS0dj8ejG9uRRNYVbLqkPxp3Bdl/bYgz9Z1znT4vtN3MuBWRPqM3Hr3yHcf7aD8Mw4uvzByiXzvqBnlfyiPq+3xystG+936sOi/N0QYf2bkr/zZzfU2Qv1zzeG3H+JnrbIJfW/KrZC9+w7gp5ZL0TUnH+0llRs1H25swZuYoyX8yPhfjp/6fcvMh8rHm25hL9de2X8sHAFyP78/XcXwv9bk4p1/a2x1z/u0cP7XbIp93OnPyJbYf2knaBpkkMi1PbcbvdNRJ7aVgn5XPyLT/wbfToeLGsanvdZwaG5SOi31vOp13XRf76eFCPJeOhfbpQ8XI+Utz0fJJP5er13nxG/u5XL0Pl6yDXh89f20vKtbU3m43l6z3Uy/Yycx5KjO6H+VJa3Lnvv6Yzu/3e3ofmrXfvNt9JfaLbXe23dJmTb01dGrL3+nUjr/0HrQNPEM13wEAAHsiF/crDfmRA9hKBb0avmr5q30/yMmf0yp5xB8v9t5ctraZbbVgr1E42AZj2AZ0t/gDwRb3nz3hM0vxCwBH3qC1mqecMJ406nPP4udoRRqF4bneaZvkWKtgPduG9SwFf4uFe2u/9h3l10eeGQCA8xe7bHaPn4tc2Ode6yzc18fO+SgF61U3xPbCuVhicf8BAFAssxbM4fBrKFwf5kbBykaf9WBuAAAAQKHCGrFm51tUClagiAMAAAAACjJoumDlX0cAAAAAAABAi1CwAgAAAAAAQJP8E2AA88qTvWwXIOkAAAAASUVORK5CYII=') no-repeat bottom center;

}

#blog .item-title {

	margin-bottom:20px;

	display:block;

}

	#blog .item-title .label {

		font-size:10px;

		text-transform:uppercase;

	}

#blog article header {

	margin:0 0 30px 0;

}



#blog figure img {

	width:100%;

	height:auto;

	display:block;

	margin-bottom:10px;

}

#blog .item h2 {

	margin:0;

}

#comments {

	margin-top:100px;

}

#blog .comment {

	margin:40px 0;

}

#blog a.replyBtn {

	float:right;

	font-size:11px;

	text-transform:uppercase;

}

#blog span.user-avatar {

	background:#eee;

	width:64px; height:64px;

	float:left;

	margin-right:10px;

}

#blog form input[type="text"],

#blog form input[type="password"],

#blog form input[type="email"],

#blog form input[type="phone"],

#blog form textarea {

	width:100%;

}

#blog .widget small {

	color:#999;

	display:block;

	font-size:11px;

}

#blog .widget {

	margin-bottom:70px;

}

#blog .widget h3 {

	margin-bottom:20px;

}

#blog .widget a.thumb {

	float:left;

	width:85px;

	overflow:hidden;

	text-align:center;

}

#blog .widget ul {

	list-style:none;

	margin:0;

	padding:0;

}

#blog .widget ul li a i {

	padding-right:8px;

}

#blog .widget ul li {

	margin:10px 0;

}

#blog .widget ul.nav-list li {

	margin:0;

}

#blog .widget ul.nav-list li a {

	padding-left:0;



	-webkit-transition: all 0.2s;

	   -moz-transition: all 0.2s;

		 -o-transition: all 0.2s;

			transition: all 0.2s;

}

#blog .widget ul.nav-list li a:hover {

	padding-left:10px;

}

#blog header.blog-post {

	margin-bottom:30px;

}
#blog header.blog-post h1 {
	font-weight:300;
	font-size:40px !important;
	line-height:60px !important;
	text-transform:none;
	margin:0; padding:0;
}


#blog .owl-carousel {
	margin-bottom:30px;
}
.owl-item .item {
	background:none !important;
	margin:0 !important;
	padding:0 !important;
}


#blog .socials {
	float:right;
	margin-top:-20px;
}
#blog p {
	padding:10px 0;
}

#blog form .col-md-3,
#blog form .col-md-4,
#blog form .col-md-6,
#blog form .col-md-12 {
	padding:2px;
}
#commentForm {
	padding:15px;
}

.masonry-search input[type=text] {
	height:40px;
}



/** Blog Timeline
 **************************************************************** **/
.blog-timeline {
	max-width:900px;
	margin:auto;
}
 .blog-timeline:after {
	background: rgb(80,80,80);
	background: -moz-linear-gradient(top, rgba(80,80,80,0) 0%, rgb(80,80,80) 8%, rgb(80,80,80) 92%, rgba(80,80,80,0) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,87,153,1)), color-stop(100%,rgba(125,185,232,1)));
	background: -webkit-linear-gradient(top, rgba(80,80,80,0) 0%, rgb(80,80,80) 8%, rgb(80,80,80) 92%, rgba(80,80,80,0) 100%);
	background: -o-linear-gradient(top, rgba(80,80,80,0) 0%, rgb(80,80,80) 8%, rgb(80,80,80) 92%, rgba(80,80,80,0) 100%);
	background: -ms-linear-gradient(top, rgba(80,80,80,0) 0%, rgb(80,80,80) 8%, rgb(80,80,80) 92%, rgba(80,80,80,0) 100%);
	background: linear-gradient(to bottom, rgba(80,80,80,0) 0%, rgb(80,80,80) 8%, rgb(80,80,80) 92%, rgba(80,80,80,0) 100%);
	content: "";
	display: block;
	height: 100%;
	left: 50%;
	margin-left: -2px;
	position: absolute;
	width: 4px;
	filter: alpha(opacity=35);
	opacity: 0.35;
}

.blog-timeline .timeline-item {
	margin: 20px 10px 10px 10px;
	padding: 20px;
	position: relative;
	width: 43%;
	float: left;
	z-index: 1;
	margin-bottom: 30px;
	background-color: #FFF;

	-webkit-border-radius: 6px;
	   -moz-border-radius: 6px;
			border-radius: 6px;
}
.blog-timeline .timeline-item.pull-right {
	margin-top:120px;
}
.blog-timeline .timeline-item .item-date {
	position:absolute;
	background:#fff;
	color:#333;
	font-size:20px;
	text-align:center;
	top:0; padding-top:6px;

	-webkit-border-radius: 6px;
	   -moz-border-radius: 6px;
			border-radius: 6px;
}
.blog-timeline .timeline-item.pull-right .item-date:after {
	background: #FFF;
	border-right: 1px solid #FFF;
	border-top: 1px solid #FFF;
	content: "";
	display: block;
	height: 14px;
	position: absolute;
	right: -6px; top: 11px;
	width: 14px;
	z-index: 0;
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.blog-timeline .timeline-item.pull-left .item-date:after {
	background: #fff;
	border-right: 1px solid #fff;
	border-top: 1px solid #fff;
	content: "";
	display: block;
	height: 14px;
	position: absolute;
	left: -6px; top: 11px;
	width: 14px;
	z-index: 0;
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

	.blog-timeline .timeline-item .item-date span {
		color:#fff;
		display:block;
		background-color:#333;
		padding:3px 10px 6px 10px;
		margin-top:6px;

		-webkit-border-bottom-right-radius: 6px;
		-webkit-border-bottom-left-radius: 6px;
		-moz-border-radius-bottomright: 6px;
		-moz-border-radius-bottomleft: 6px;
		border-bottom-right-radius: 6px;
		border-bottom-left-radius: 6px;
	}
	.blog-timeline .timeline-item.pull-right .item-date {
		left:-20%;
	}
	.blog-timeline .timeline-item.pull-left .item-date {
		right:-20%;
	}
	
	.blog-timeline .timeline-item .item {
		background:none !important;
		margin-bottom:0 !important;
		padding-bottom:0 !important;
	}

	.blog-timeline-load-more {
		position:relative;
		text-align:center;
		margin-top:60px;
	}



/** Blog Masonry
 **************************************************************** **/
#blog .masonry-item {
	margin: 2% 2% 0 0;
	padding: 20px;
	position: relative;
	float: left; 
	background-color: #fff;
	width:31.3%; overflow:hidden;

	-webkit-border-radius: 6px;
	   -moz-border-radius: 6px;
			border-radius: 6px;
}
	#blog .masonry-item  .item {
		background:none !important;
		margin-bottom:0 !important;
		padding-bottom:0 !important;
	}
#blog .masonry-search {
	/*width:97.9%;*/
}



/** Blog Masonry Fullwidth
 **************************************************************** **/
#blog .masonry-fullwidth {
	padding:15px !important;
	width:100%; display:block;
	position:relative;
}
#blog .masonry-fullwidth .masonry-item {
	margin: 1% 0.5% 0 0.5%;
	/*width:32.3%;*/
	width:23.5%;
}
#blog .masonry-fullwidth .masonry-item-doublewidth {
	width:48.5%;
}

#blog .masonry-fullwidth .masonry-search {
	/*width:99%;*/
}

/** Blog masonry rollover
***************************************************************** **/
#blog .masonry-fullwidth .masonry-item:hover {
	background-color:#ddd;
	transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;	
}
#blog .masonry-fullwidth .masonry-item:hover figure img {
	transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	-webkit-box-shadow: 4px 4px 3px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    4px 4px 3px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         4px 4px 3px 0px rgba(50, 50, 50, 0.75);
	transform:rotate(1.5deg) scale(1.01) skew(0deg) translate(0px) ;
	-webkit-transform:rotate(1.5deg) scale(1.01) skew(0deg) translate(0px) ;
	-moz-transform:rotate(1.5deg) scale(1.01) skew(0deg) translate(0px) ;
	-o-transform:rotate(1.5deg) scale(1.01) skew(0deg) translate(0px) ;
	-ms-transform:rotate(1.5deg) scale(1.01) skew(0deg) translate(0px) ;	
}
#blog .masonry-fullwidth .masonry-item:hover .picto-hl {
	z-index:10000;
}


/** Blog Masonry Sidebar
 **************************************************************** **/
#blog .masonry-sidebar .masonry-item {
	margin: 2% 2% 0 0;
	width:48%;

}

#blog .masonry-sidebar ul.pagination {
	margin-top:60px;
}






/** Responsive
 **************************************************************** **/
@media only screen and (max-width: 991px) {
	#blog .masonry-item {
		width:47%;	
	}
	#blog .masonry-fullwidth .masonry-item {
		width:47%;	
	}
	#blog .masonry-fullwidth .masonry-item-doublewidth {
	width:96%;
}

}

@media only screen and (max-width: 768px) {

	#blog .left {
		display:block;
		padding-right:16px !important;
		margin-bottom:100px;
	}

	#blog .socials {
		float:none;
		margin-top:0;
		text-align:center;
	}

	.blog-timeline .timeline-item {
		width:100%;
		float:none !important;
		margin:20px 0 0 0 !important;
	}

	.blog-timeline .timeline-item .item-date {
		display:none;
	}
	
	.blog-timeline:after {
		background:none;
	}
	
	#blog .masonry-sidebar .masonry-item,
	#blog .masonry-item {
		width:95%;
		margin:10px 0;
	}

	#blog .masonry-fullwidth .masonry-item {
		width:97%;	
	}
}