/*------------------------------------------------------------------

Project:	Digital Inspire
Version:	1.0
Last change:	04/15/17


[Table of contents]

1. Global Stuffs - html, body, global classes
2. Header / header
3. Homepage
	3.1. First Screen / #paralax-home
	3.2. About us Section / #about-section
	3.3. Clients Reviews Section / #clients-review
	3.4. Services Section / #services-section
	3.5. Portfolio Section / #portfolio_section
	3.6. News Section / #news_section
4. Footer / footer
5. Inner Pages: Portfolio / Blog
	5.1. Single post - Comments
6. Single Project


[Color codes]

Background: #ffffff (white), #f3f3f3 (grey)
Header: rgba(0,0,0,0.8) (black)
a(standard): #949393
a(hover): #ff7f00
Footer:	#1e1e1e (black)


[Typography]

Body copy:		14px/"Open Sans", 'Dosis', Arial, sans-serif
Headers:		"Open Sans", 'Dosis', Arial, sans-serif
Input, textarea:	14px/ 'Dosis'
Sidebar heading: 26px/'Dosis'
 
-------------------------------------------------------------------*/



/* ------------------------------------------------------
 * [1. Global Stuffs - html, body, global classes ]
 * */

html{
	-webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
body{
	color:#333;
}
img{
	max-width:100%;
}
section {
    padding: 60px 0;
}
.background{
	background-size:cover !important;
	background-repeat:no-repeat !important;
	background-position:center center !important;
}
.paralax_bg{
	background-attachment:fixed !important;;
}
.padding60{
	padding-top:60px;
	padding-bottom:60px;
}
.container:after{
	content:"";
	clear:both;
	display:block;
}
.vertical-center{
	position:absolute;
	left:15px;
	right:15px;
	top:50%;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	transform:translateY(-50%);
}
.overlay{
	position:relative;
}
.overlay:after{
	content:"";
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.6);
	z-index:1;
}
.overlay .container{
	z-index:5;
	position:relative;
}
.section-title{
	text-transform:uppercase;
	letter-spacing:2px;
	font-size:26px;
	line-height:30px;
	position:relative;
	color: #386278;
}
.section-title:after{
	content:"";
	position:absolute;
	left:0;
	width:50px;
	height:2px;
	bottom:-5px;
	background:#386278; /*#333;*/
}
a{
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}
@media all and (max-width:1024px){
	.paralax_bg{
		background-attachment:scroll !important;
	}
}
@media all and (max-width:480px){
	section{
		padding:30px 0;
	}
}

/* --------------------------------------------------------
 * [2.Header ] 
 * */
header{
	position:fixed;
	left:0;
	top:0;
	width:100%;
	padding:15px 0;
	background:#1e1e1e;
	-webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	z-index:9999;
}
.home header{
	background:transparent;
}
.scrolled.home header{
	background: rgba(93,219,233,0.8); /*rgba(112,187,199,0.8); /*rgba(0,0,0,0.8);*/
}

header .logo a{
	color: #fff;
    font-family: 'Dosis';
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 2px;
    position:relative;
}
header .logo a:after{
	content:"";
	position:absolute;
	left:0;
	bottom:-3px;
	width:30px;
	height:2px;
	background:#fff;
	-webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
header .logo a:hover:after{
	width:57px;
}

header .desktop-menu ul{
	text-align:right;
	margin-bottom:0;
}
header .desktop-menu li{
	display:inline-block;
	padding:0 15px;
}
header .desktop-menu li:first-child{
	padding-left:0;
}
header .desktop-menu li:last-of-type{
	padding-right:0;
} 
header .desktop-menu li a{
	color:rgba(255,255,255, 0.8);
	text-transform:uppercase;
	font-weight:400;
	letter-spacing:1px;
	font-size:11px;
    -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
header .desktop-menu li a:hover{
	color: #F28831; /*#fff;*/
}
header .trigger_mobile_menu{
	float:right;
	display:block;
	cursor:pointer;
	display:none;
}
header .trigger_mobile_menu:after{
	content:"\f0c9";
	font-family:FontAwesome;
	color:#fff;
	font-size:21px;
}
.mobile_menu{
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:#1e1e1e;
	text-align:center;
	z-index:999;
	-webkit-transform:scale(0);
	-moz-transform:scale(0);
	-ms-transform:scale(0);
	-o-transform:scale(0);
	transform:scale(0);
	opacity:0;
	z-index:-9;
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	transition:all 0.5s ease;
}
header .mobile_menu .trigger_mobile_menu{
	position:absolute;
	top:15px;
	right:15px;
}
header .mobile_menu .trigger_mobile_menu:after{
	content:"\f00d";
}
.show_menu .mobile_menu{
	opacity:1;
	z-index:999;
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1);
	-o-transform:scale(1);
	transform:scale(1);
}
.mobile_menu .mobile_menu_inner{
	position:absolute;
	top:50%;
	left:0;
	width:100%;
	text-align:center;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	transform:translateY(-50%);
}
.mobile_menu .mobile_menu_inner ul{
	padding-left:0;
}
.mobile_menu li{
	padding:5px 0;
	list-style:none;
}
.mobile_menu li a{
	font-size:18px;
	line-height:22px;
	color:#fff;
}
@media all and (max-width:991px){
	.desktop-menu ul{
		display:none;
	}
	header .trigger_mobile_menu{
		display:block;
	}
}
/* --------------------------------------------------
 * [3. Homepage]
 */

/*---------------------------------------------------
 * [3.1. First Screen]
 */
.paralax-home .container{
	height:100%;
	min-height:100%;
	position:relative;
}
.home-headlines{
	text-align:center;
}
.home-headlines h1{
    text-transform: uppercase;
    text-align:center;
    letter-spacing: 24px;
    font-size: 60px;
    line-height: 75px;
    color: #fff;
}
.home-headlines h1 span{
	color:#fff;
}
.home-headlines h2{
	color:#fff;
}
.go_bottom{
	position:absolute;
	left:50%;
	bottom:20px;
	border-radius:3px;
	-webkit-transform:translateX(-50%) rotate(45deg);
	-moz-transform:translateX(-50%) rotate(45deg);
	-ms-transform:translateX(-50%) rotate(45deg);
	-o-transform:translateX(-50%) rotate(45deg);
	transform:translateX(-50%) rotate(45deg);
	width:25px;
	height:25px;
	background:#fff;
	-webkit-animation: bounce 2s 0s forwards infinite;
	-moz-animation: bounce 2s 0s forwards infinite;
	-ms-animation: bounce 2s 0s forwards infinite;
	-o-animation: bounce 2s 0s forwards infinite;
	animation: bounce 2s 0s forwards infinite;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
	z-index:9;
}
.go_bottom:hover{
	background:#333;
}
.go_bottom:hover a:afteR{
	color:#fff;
}
.go_bottom a{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	line-height:30px;
	text-align:center;
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	transform:rotate(-45deg);
}
.go_bottom a:after{
	content:"\f107";
	font-family:FontAwesome;
	color:#333;
	font-size:18px;
}
@media all and (max-width:990px){
	.home-headlines h1{
		font-size:34px;
		line-height:42px;
	}
}
@media all and (max-width:767px){
	.home-headlines h1{
		font-size:26px;
		line-height:32px;
		letter-spacing:18px;
	}
	.home-headlines h2{
		font-size:21px;
		line-height:28px;
	}
}
@media all and (max-width:640px){
	.home-headlines h1{
		letter-spacing:1px;
	}
}
@media all and (max-width:420px){
	.go_bottom{
		bottom:0;	
	}
}
@media all and (max-width:580px) and (orientation:landscape){
	.go_bottom{
		bottom:-40px;	
	}
}
/*-------------------------------------------------- 
 * [3.2. About Section ]
 */

section .title{
	margin-bottom:50px;
}
.progress-bars{
	margin-bottom:5px;
}
.progress-bars .progress{
	margin-bottom:0;
}
.progress-bars p:after{
	content:"";
	clear:both;
	display:block;
}
.progress-bars p span {
    font-size: 11px;
    text-transform: uppercase;
    font-family: 'Dosis';
    font-weight: 700;
    letter-spacing: 0.5px;
}
.progress-bars p span:first-child{
	float:left;
}
.progress-bars p span:last-of-type{
	float:right;
}
.person-social{
	padding-left:0;
}
.person-social li{
	display:inline-block;
	padding:0 5px;
	vertical-align:top;
}
.person-social li a:after{
	content:"";
	font-family:FontAwesome;
	color:#333;
	font-size:18px;
}
.person-social .facebook a:after{
	content:"\f09a";
}
.person-social .twitter a:after{
	content:"\f099";
}
.person-social .pinterest a:after{
	content:"\f231";
}
.top-text-container{
	margin-bottom:60px;
}
.team-container .person-image{
	height:450px;
	text-align:center;
	position:relative;
	-webkit-filter:grayscale(100%);
	-moz-filter:grayscale(100%);
	-ms-filter:grayscale(100%);
	-o-filter:grayscale(100%);
	filter:grayscale(100%);
	margin-bottom:25px;
	cursor:pointer;
}
.team-container .person-image .hover-structure{
	position:absolute;
	left:15px;
	right:15px;
	top:50%;
	-webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -webkit-transform:translateY(-50%) translate3d(0,100,0) translateZ(0); 
    -moz-transform:translateY(-50%) translate3d(0,100,0) translateZ(0);
    -ms-transform:translateY(-50%) translate3d(0,100,0) translateZ(0);
    -o-transform:translateY(-50%) translate3d(0,100,0) translateZ(0);
	transform:translateY(-50%) translate3d(0,100,0) translateZ(0);
	z-index:9;
	opacity:0;
}
.team-container .person-image:hover .hover-structure{
	-webkit-transform:translateY(-50%) translate3d(0,0,0) translateZ(0);
    -moz-transform:translateY(-50%) translate3d(0,0,0) translateZ(0);
    -ms-transform:translateY(-50%) translate3d(0,0,0) translateZ(0);
    -o-transform:translateY(-50%) translate3d(0,0,0) translateZ(0);
	transform:translateY(-50%) translate3d(0,0,0) translateZ(0);
	opacity:1;
}
.team-container .person-image:after{
	content:"";
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:rgba(255,255,255,0.9);
	-webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    opacity:0;
}
.team-container .person-image:hover:after{
	opacity:1;
}
.team-container .bottom-details{
	text-align:center;
}
.team-container .bottom-details h5{
	text-transform:uppercase;
	font-weight:700;
	letter-spacing:4px;
}
@media all and (max-width:560px){
	.team-container .person-image{
		height:350px;
	}
}
/*---------------------------------------------------------
 * [ 3.3. Clients Reviews Section]
 */ 
.clients-review{
	text-align:center;
}
.clients-review h2{
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 40px;
    letter-spacing: 4px;
    font-size: 24px;
}
.clients-review .review{
	color:#fff;
    font-size: 18px;
    margin-bottom: 20px;
}
.slick-slider .slick-dots li button{
	display:none;
}
.slick-slider .slick-dots{
	padding-left:0;
}
.slick-slider .slick-dots li{
	width:7px;
	height:7px;
	margin:0 5px;
	border:1px solid transparent;
	background:#dcdcdc;
	display:inline-block;
	vertical-align:middle;
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
	-ms-border-radius:7px;
	-o-border-radius:7px;
	border-radius:7px;
	cursor:pointer;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}
.slick-slider .slick-dots li.slick-active{
	background:transparent;
	border:1px solid #dcdcdc;
	transform:scale(1.2);
}
.clients-review .author{
	position:relative;
	display:inline-block;
	text-transform:uppercase;
	color:#dcdcdc;
	font-weight:700;
	font-family:'Dosis';
	letter-spacing:1px;
	letter-spacing:2px;
}
.clients-review .author:before{
	content:"";
	position:absolute;
	left:-30px;
	width:20px;
	height:1px;
	background:#dcdcdc;
	top:50%;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	transform:translateY(-50%);
}
.clients-review .slick-dots{
	margin-top:50px;
}
/*--------------------------------------------------
 * [3.4. Services Section]
 */  
.services-section .title{
	margin-bottom:50px;
}
.services-section .tabs_actions{
	margin-bottom:40px;	

}
.services-section .tabs_actions ul{
	padding-left:0;
}
.services-section .tabs_actions ul:after{
	content:"";
	clear:both;
	display:block;
}
.services-section .tabs_actions li{
	float:left;
	position:relative;
	padding:10px 20px 0 40px;
	border-bottom:2px solid transparent;
	-webkit-transition:all 0.3s ease-in;
	-moz-transition:all 0.3s ease-in;
	-ms-transition:all 0.3s ease-in;
	-o-transition:all 0.3s ease-in;
	transition:all 0.3s ease-in;
	width:25%;
	list-style:none;
	opacity:0.7;
	cursor:pointer;
}
.services-section .tabs_actions li i{
	position:absolute;
	left:5px;
	top:50%;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	transform:translateY(-50%);
}
.services-section .tabs_actions li i:before{
	font-size:28px;
}
.services-section .tabs_actions li.active{
	border-bottom:2px solid #dadada;
	opacity:1;
}
.services-section .tabs_actions li.active i:before{
	color: #ff7f00; /*#70BBC7; /*#386278; /*#ff7f00;	*/
}
.services-section .tabs_actions h3,
.services-section .tabs_content h3{
	text-transform:uppercase;
    margin-top: 0;
    margin-bottom: 0;
}
.services-section .tabs_actions p,
.services-section .tabs_content .tab_title p{
	color:#b3b2b2;
	font-weight:400;
	text-transform:uppercase;
}
.services-section .tabs_actions li:after{
	content:"";
	position:absolute;
	left:50%;
	bottom:-7px;
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	-o-transform:translateX(-50%);
	transform:translateX(-50%);
	width:5px;
	height:5px;
	border-left:5px solid transparent;
	border-top:5px solid #dadada;
	border-right:5px solid transparent;
	-webkit-transition:all 0.3s ease-in;
	-moz-transition:all 0.3s ease-in;
	-ms-transition:all 0.3s ease-in;
	-o-transition:all 0.3s ease-in;
	transition:all 0.3s ease-in;
	opacity:0;
}
.services-section .tabs_actions li.active:after{
	opacity:1;
}
.services-section .tabs_content .tab{
	display:none;
	-webkit-transition:all 0.3s ease-in;
	-moz-transition:all 0.3s ease-in;
	-ms-transition:all 0.3s ease-in;
	-o-transition:all 0.3s ease-in;
	transition:opacity 0.3s ease-in;
}
.services-section .tabs_content .tab .row{
	opacity:0;
	position:relative;
	-webkit-transition:all 0.3s ease-in;
	-moz-transition:all 0.3s ease-in;
	-ms-transition:all 0.3s ease-in;
	-o-transition:all 0.3s ease-in;
	transition:opacity 0.3s ease-in;
}
.services-section .tabs_content .tab.fadeIn {
	display:block;
}
.services-section .tabs_content .tab.fadeIn .row{
	opacity:1;
}
.services-section .tabs_content .right{
	padding-left:50px;
}
.services-section .tabs_description p{
	font-size:14px;
}
@media all and (max-width:1200px){
	.services-section .tabs_actions li{
		padding-right:10px;
	}
}
@media all and (max-width:1023px){
	.services-section .tabs_actions li{
		width:50%;
	}
}
@media all and (max-width:991px){
	.services-section .photo_container{
		margin-bottom:30px;
	}
	.services-section .tabs_content .right{
		padding-left:20px;
	}
}
@media all and (max-width:560px){
	.services-section .tabs_actions li{
		width:100%;
	}
}
/*----------------------------------------------
 * [ 3.5. Portfolio Section ]
 */
.portfolio_section{
	background:#f3f3f3;
}
.portfolio_section .container {
    position: relative;
}
.projects_cotnainer{
	max-width:90%;
	margin-left:auto;
	margin-right:auto;
	display:block;
} 
.container_portfolio .project{
	width:25%;
	padding:10px;
}
.container_portfolio .project_slider .item,
.container_portfolio .project_thumbnail{
	height:500px;
	width:100%;
	position:relative;
}
.container_portfolio .project_thumbnail{
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	transition:all 0.5s ease;
}
.container_portfolio .project .bottom_details{
	position:absolute;
	left:0;
	bottom:0;
	right:0;
	padding:10px 5px;
	background:#fff;
	z-index:999;
}
.container_portfolio .bottom_details:after{
	content:"";
	clear:both;
	display:block;
}
.container_portfolio .bottom_details .append_dots{
	float:right;
	width:50%;
	padding-left:5px;
	text-align:right;
	margin-top:5px;
}
.container_portfolio .bottom_details .likes{
	float:left;
	width:50%;
	padding-right:5px;
}
.container_portfolio .bottom_details .likes span{
    color: #282828;
    font-size: 14px;
    line-height: 16px;
    font-weight: 700;
    font-family: 'Dosis';
    text-transform: uppercase;
    letter-spacing: 0px;
    padding-left:20px;
    position:relative;
    cursor:pointer;
}
.container_portfolio .bottom_details .likes span:before{
	content:"\f08a";
	font-family:FontAwesome;
	color:#282828;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
	position:absolute;
	left:0;
	top:50%;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	transform:translateY(-50%);
}
.container_portfolio .bottom_details .likes span:hover:before{
	content:"\f004";
	color:#f90000;
}
.container_portfolio .project_inner{
	position:relative;
	overflow:hidden;
}
.container_portfolio .project_inner:hover .item.slick-current,
.container_portfolio .project_inner:hover .project_thumbnail{
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-ms-transform:scale(1.1);
	-o-transform:scale(1.1);
	transform:scale(1.1);
}
.container_portfolio .project_inner:hover .item.slick-current{
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	transition:all 0.5s ease;
}	
.container_portfolio .project_inner .button{
	position:absolute;
	left:15px;
	top:35px;
	z-index:9;
}
.container_portfolio .project_inner .button a{
	padding:7px 25px;
	background:#fff;
	font-size:14px;
	font-family:Dosis;
	font-weight:700;
	color:#282828;
	text-transform:uppercase;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}
.container_portfolio .project_inner .button a:hover{
	background:#ff7f00;
	color:#fff;
}
.projects_cotnainer .filtres{
	padding:25px 0;
}
.projects_cotnainer .filtres ul{
	text-align:center;
	padding-left:0;
}
.projects_cotnainer .filtres li{
	display:inline-block;
	padding:0 15px;
	font-size:16px;
	cursor:pointer;
}
.projects_cotnainer .filtres li span{
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}
.projects_cotnainer .filtres li.active span,
.projects_cotnainer .filtres li:hover span{
	color:#ff7f00;
}
.slick-dots li button{
	display:none;
}
.slick-dots {
	margin-left:-1px;
	margin-right:-1px;
	padding-left:0;
	margin-bottom:0;
	line-height:2px;
}
.slick-dots li{
    display: inline-block;
    margin: 0 1px;
    height: 4px;
    width: 21px;
    background: #282828;
    cursor:pointer;
    -webkit-transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    -ms-transition:all 0.3s ease;
    -o-transition:all 0.3s ease;
    transition:all 0.3s ease;
}
.slick-dots li.slick-active{
	background:#ff7f00;
}
@media all and (max-width:1600px){
	.projects_cotnainer{
		max-width:100%;
	}
}
@media all and (max-width:1300px){
	.container_portfolio .project{
		width:33.33%;
	}
}
@media all and (max-width:1023px){
	.container_portfolio .project{
		width:50%;
	}
}
@media all and (max-width:560px){
	.container_portfolio .project{
		width:100%;
	}
	.projects_cotnainer .filtres ul li{
		padding:0 5px;
	}
}
@media all and (max-width:420px){
	.container_portfolio .project_slider .item, 
	.container_portfolio .project_thumbnail{
		height:400px;
	}
}
/*-------------------------------------------
 * [ 3.6. News Section ]
 */
#news_section .container{
	position:relative;
}
.see_all_items{
	position:absolute;
	right:15px;
	top:25px;
}
.see_all_items a{
	text-transform:uppercase;
	color:#949393;
	font-family:Dosis;
	font-weight:700;
	position:relative;
	padding-right:15px;
}
.see_all_items a:hover{
	color:#ff7f00;
}
.see_all_items a:after{
	content:"\f105";
	font-family:FontAwesome;
	position:absolute;
	right:0;
	top:50%;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	transform:translateY(-50%);
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}
.see_all_items a:hover:after{
	right:-5px;
}
.latest_news_container{
	margin-left:-15px;
	margin-right:-15px;
}
.latest_news_container:after{
	content:"";
	clear:both;
	display:block;
}
.latest_news_container .news_item{
	float:left;
	width:33.33%;
	padding:0 15px;
}
.latest_news_container .news_item_inner{
	background:#f3f3f3;
}
.latest_news_container .news_item_inner .thumbnail{
	height:230px;
	border:0 none;
	box-shadow:none;
	border-radius:0;
	margin-bottom:0;
}
.latest_news_container .top_details{
	position:relative;
}
.latest_news_container .top_details .title{
	position:absolute;
	top:0;
	left:10px;
	right:10px;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	transform:translateY(-50%);
	background:#282828;
	padding:7px 15px;
}
.latest_news_container .top_details .title a{
	color:#fff;
	font-size:14px;
	font-family:Dosis;
	font-weight:700;
	letter-spacing:0.5px;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}
.latest_news_container .top_details .title a:hover{
	color:#ff7f00;
}
.latest_news_container .description{
	padding:35px 15px 40px 15px;
}
.latest_news_container .bottom_details{
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	background:#282828;
	padding:7px 15px;
}
.latest_news_container .bottom_details:after{
	content:"";
	clear:both;
	display:block;
}
.latest_news_container .bottom_details .social{
	float:left;
	width:50%;
	padding-right:5px;
}
.latest_news_container .bottom_details .social a,
.latest_news_container .bottom_details .comments a{
	color:#fff;
	font-size:12px;
	text-transform:uppercase;
	line-height:14px;
	font-family:Dosis;
	font-weight:700;
	letter-spacing:0.5px;
	position:relative;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}
.latest_news_container .bottom_details .social a{
	padding-left:15px;
}
.latest_news_container .bottom_details .social a:before{
	content:"\f09a";
	font-family:FontAwesome;
	left:0;
	top:50%;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	transform:translateY(-50%);
	position:absolute;
	font-weight:normal;
}
.latest_news_container .bottom_details .social a:hover,
.latest_news_container .bottom_details .comments a:hover{
	color:#ff7f00;
}
.latest_news_container .bottom_details .comments{
	float:left;
	width:50%;
	padding-left:5px;
	text-align:right;
}
@media all and (max-width:920px){
	.latest_news_container .news_item{
		width:100%;
		margin-bottom:40px;
	}
}
@media all and (max-width:420px){
	.latest_news_container .bottom_details .social{
		width:65%;
	}
	.latest_news_container .bottom_details .comments{
		width:35%;
	}
	.see_all_items{
		position:relative;
		top:auto;
		right:auto;
		display:block;
		float:left;
		text-align:left;
		margin-bottom:30px;
	}
}
/*--------------------------------------------
 * [4. Footer ]
 */
footer .top_footer{
	padding-top:60px;
	background:#f3f3f3;
}
footer .top_footer .container{
	padding-bottom:60px;
}
footer .top_footer .title{
	margin-bottom:50px;
}
footer .form_container{
	max-width:900px;
	margin-left:auto;
	margin-right:auto;
	display:block;
}
footer .form_container .submit_buttom{
	padding-left:10px;
	padding-right:10px;
}
footer .form_container .submit_buttom input{
	width:100%;
	height:40px;
	line-height:40px;
	text-align:center;
	border:0 none;
	text-transform:uppercase;
	font-family:Dosis;
	font-weight:700;
	background:#386278; /*#282828;*/
	color:#fff;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}
footer .form_container .submit_buttom input:hover{
	background:#70BBC7; /*#ff7f00;*/
}
footer #google_map{
	height:400px;
	width:100%;
}
footer .top_footer .section-title:after{
	left:50%;
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	-o-transform:translateX(-50%);
	transform:translateX(-50%);
}
footer .top_footer form{
	margin-left:-10px;
	margin-right:-10px;
}
footer .top_footer form:after{
	content:"";
	clear:both;
	display:block;
}
footer .top_footer form .item_half{
	float:left;
	width:50%;
	padding:0 10px;
	position:relative;
	margin-bottom:15px;
}
footer .top_footer form .item_full{
	width:100%;
	position:relative;
	padding:10px;
	clear:both;
}
footer .top_footer form .placeholder{
	color:#282828;
	font-family:Dosis;
	font-size:14px;
	font-weight:700;
	position:absolute;
	top:50%;
	left:20px;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	transform:translateY(-50%);
}
footer .top_footer form .item_full .placeholder{
	top:15px;
	transform:translateY(0);
}
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"]{
	height:40px;
	line-height:40px;
	border:0 none;
	color:#282828;
	font-family:Dosis;
	font-size:14px;
	font-weight:700;
	padding-left:10px;
	padding-right:10px;
	width:100%;
	outline:0 none;
}
textarea{
	border:0 none;
	color:#282828;
	font-family:Dosis;
	font-size:14px;
	font-weight:700;
	padding-left:10px;
	padding-right:10px;
	width:100%;
	height:200px;
	outline:0 none;
	padding-top:10px;
	font-size:14px;
	line-height:16px;
	resize:none;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  	color:#282828;
	font-family:Dosis;
	font-size:14px;
	font-weight:700;
}
::-moz-placeholder { /* Firefox 19+ */
  	color: #5DDBE9; /*#70BBC7; /*#282828;*/
	font-family:Dosis;
	font-size:14px;
	font-weight:700;
}
:-ms-input-placeholder { /* IE 10+ */
  	color:#282828;
	font-family:Dosis;
	font-size:14px;
	font-weight:700;
}
:-moz-placeholder { /* Firefox 18- */
  	color:#282828;
	font-family:Dosis;
	font-size:14px;
	font-weight:700;
}
footer .top_footer .section-title{
	text-align:center;
}
footer .bottom_footer {
	background:#386278; /*#1e1e1e;*/
	padding-top:60px;
	padding-bottom:20px;
}
footer .form_container .submit_buttom{
	margin-bottom:20px;
}
footer .form_container .show_form_messages{
	padding-left:10px;
	padding-right:10px;
	font-size:16px;
	text-align:center;
	color:#282828;
	font-family:Dosis;
}
footer h4{
    color: #ff7f00;
    position: relative;
    font-size: 16px;
    line-height: 18px;
    text-transform: uppercase;
    font-weight: 700;
    padding-bottom:5px;
    letter-spacing:1px;
    margin-bottom:25px;
}
footer h4:before{
	content:"";
	height:2px;
	background:#fff;
	padding-bottom:12px;
	width:30px;
	position:absolute;
	left:0;
	bottom:0;
	padding:0;
}
footer p{
	font-weight:500;
	font-size:12px;
	color:#fff;
}
footer ul{
	padding-left:0;
}
footer .social_icons ul{
	margin-bottom:0;
}
footer .short_description{
	margin-bottom:30px;
}
footer ul li{
	list-style:none;
	position:relative;
	padding-left:20px;
}
footer ul .location:before{
	content:"\f041";
}
footer ul .tel:before{
	content:"\f095";
}
footer ul .mail:before{
	content:"\f003";
}
footer ul li:before{
	content:"";
	font-family:FontAwesome;
	left:0;
	top:50%;
	position:absolute;
	color:#fff;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	transform:translateY(-50%);
}
footer ul li p{
	margin-bottom:0;
	font-weight:700;
}
.popular_posts{
	padding-left:0;
}
.popular_posts li{
	padding-left:0;
	margin-bottom:10px;
}
.popular_posts li:after{
	content:"";
	clear:both;
	display:block;
}
.popular_posts li .left{
	display:table-cell;
	width:20%;
	vertical-align:top;
}
.popular_posts li .left .small_image{
	width:70px;
	height:70px;
	position:relative;
	cursor:pointer;
}
.popular_posts li .left .small_image .absolute{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:9;
}
.popular_posts li .left .small_image:after{
	content:"";
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	opacity:0;
	background:#ff7f00;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}
.popular_posts li .left .small_image:hover:after{
	opacity:0.6;
}
.popular_posts li .right{
	display:table-cell;
	width:80%;
	position:relative;
	vertical-align:top;
}
.popular_posts li .right_inner{
	left:10px;
	position:absolute;
	top:50%;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	transform:translateY(-50%);
}
.popular_posts li .right_inner a{
	font-size: 13px;
	line-height:14px;
    color: #fff;
    font-family: Dosis;
    font-weight: 400;
    -webkit-transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    -ms-transition:all 0.3s ease;
    -o-transition:all 0.3s ease;
    transition:all 0.3s ease;
}
.popular_posts li .right_inner .date p{
	margin-bottom:0;
	text-transform:uppercase;
	color:#9e9e9e;
	font-size:12px;
	font-weight:700;
	font-family:Dosis;
	line-height:14px;
}
.popular_posts li .right_inner a:hover{
	color:#ff7f00;
}
.twitter li{
	padding-left:0;
	margin-bottom:10px;
}
.twitter li p{
	font-weight:400;
}
.twitter li .time p{
	color:#ff7f00;
	padding-left:15px;
	position:relative;
}
.twitter li .time p:before{
	content:"\f099";
	font-family:FontAwesome;
	position:absolute;
	left:0;
	top:50%;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	transform:translateY(-50%);
}
.instagram{
	margin-left:-5px;
	margin-right:-5px;
}
.instagram:after{
	content:"";
	clear:both;
	display:block;
}
.instagram li{
	padding:5px;
	float:left;
	width:33.33%;
}
.instagram .thumbnail_instagram{
	width:100%;
	height:75px;
	overflow:hidden;
}
.instagram .thumbnail_instagram:after{
	content:"";
	position:absolute;
	left:5px;
	top:5px;
	right:5px;
	bottom:5px;
	background:rgba(0,0,0,0.7);
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
	opacity:0;
}
.instagram li:hover .thumbnail_instagram:after{
	opacity:1;
}
.instagram .thumbnail_instagram a{
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform:translateX(-50%) translateY(-50%) translate3d(0,100%,0);
	-moz-transform:translateX(-50%) translateY(-50%) translate3d(0,100%,0);
	-ms-transform:translateX(-50%) translateY(-50%) translate3d(0,100%,0);
	-o-transform:translateX(-50%) translateY(-50%) translate3d(0,100%,0);
	transform:translateX(-50%) translateY(-50%) translate3d(0,100%,0);
	opacity:0;
	z-index:9;
}
.instagram .thumbnail_instagram a:after{
	content:"\f004";
	font-family:FontAwesome;
	color:#fff;
	font-size:24px;
	opacity:0.9;
}
.instagram li:hover .thumbnail_instagram a{
	-webkit-transform:translateX(-50%) translateY(-50%) translate3d(0,0,0);
	-moz-transform:translateX(-50%) translateY(-50%) translate3d(0,0,0);
	-ms-transform:translateX(-50%) translateY(-50%) translate3d(0,0,0);
	-o-transform:translateX(-50%) translateY(-50%) translate3d(0,0,0);
	transform:translateX(-50%) translateY(-50%) translate3d(0,0,0);
	opacity:1;
}
footer .copyright{
	background: #5DDBE9; /*#70BBC7; /*#000;*/
	padding-top:15px;
	padding-bottom:15px;
}
footer .copyright p{
	margin-bottom:0;
}
.social_icons{
	margin-bottom:0;
	text-align:right;
}
.social_icons li{
	display:inline-block;
	padding:0 7px;	
	vertical-align:top;
}
.social_icons li a{
	font-size:18px;
	line-height:18px;
	display:block;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}
.social_icons li:last-of-type{
	padding-right:0;
}
.social_icons li a:after{
	content:"";
	font-family:FontAwesome;
	color:#dcdcdc;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}
.social_icons li a:hover:after{
	color:#ff7f00;
}
.social_icons .facebook a:after{
	content:"\f09a";
}
.social_icons .twitter a:after{
	content:"\f099";
}
.social_icons .youtube a:after{
	content:"\f167";
}
.social_icons .pinterest a:after{
	content:"\f231";
}
.social_icons .linkedin a:after{
	content:"\f0e1";
}
@media all and (max-width:991px){
	.copyright_container,
	.social_icons{
		text-align:center;
	}
}
@media all and (max-width:680px){
	footer .top_footer form .item_half{
		width:100%;
	}
	footer .top_footer form .item_full{
		padding-top:0;
	}
}
@media all and (max-width:380px){
	.instagram li{
		width:50%;
	}
}
/*--------------------------------------- 
 * [5. Inner Pages: Blog/Portfolio ]
 */
.top_section{
	background:#f3f3f3;
}
.top_section .container{
	height:500px;
	position:relative;
}
.top_section .page_info{
	position:absolute;
	left:0;
	text-align:center;
	top:50%;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	transform:translateY(-50%);
	z-index:9;
	width:100%;
	text-align:center;
}
.top_section .page_top_description{
	margin-bottom:50px;
	padding-left:10px;
	padding-right:10px;
}
.custom_breadcrumb{
	padding-left:10px;
	padding-right:10px;
}
.custom_breadcrumb ul{
	padding-left:0;
}
.custom_breadcrumb li{
	display:inline-block;
}
.custom_breadcrumb .separator{
	padding:0 2px;
}
.custom_breadcrumb a,
.custom_breadcrumb p,
.custom_breadcrumb li{
	color:#fff;
	font-family:Dosis;
	font-weight:700;
	font-size:14px;
	text-transform:uppercase;	
	letter-spacing:1px;
}
.top_section .page_info h1,
.top_section .page_info p{
	color:#fff;
}
.page_info h1{
	text-transform:uppercase;
	letter-spacing:2px;
}
.content_section .title_post{
	margin-bottom:15px;
	padding-bottom:10px;
	border-bottom:1px solid #dcdcdc;
}
.content_section .post-description{
	margin-bottom:15px;
}
.content_section .title_post a{
	font-size:21px;
	line-height:24px;
	color:#282828;
}
.content_section .title_post a:hover{
	color:#ff7f00;
}
.content_section .read_more a{
	display:inline-block;
	padding:7px 30px;
	background:#282828;
	color:#fff;
	font-size:14px;
	line-height:16px;
	text-transform:uppercase;
	font-family:Dosis;
	font-weight:700;
}
.content_section .post-details{
	margin-bottom:25px;
	background:#282828;
}
.content_section .post-details ul{
	padding:10px 15px;
}
.content_section .post-details ul:after{
	content:"";
	clear:both;
	display:block;
}
.content_section .post-details ul li{
	display:inline-block;
	vertical-align:top;
	padding-right:15px;
	list-style:none;
}
.content_section .post-details ul li:last-of-type{
	padding-right:0;
}
.content_section .post-details ul li span{
	color:#fff;
	text-transform:uppercase;
	font-size:12px;
	font-family:Dosis;
	letter-spacing:0.5px;
	padding-left:15px;
	position:relative;
}
.content_section .post-details ul li span:before{
	content:"";
	font-family:FontAwesome;
	position:absolute;
	left:0;
	top:50%;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	transform:translateY(-50%);
}
.content_section .post-details ul .date span:before{
	content:"\f017";
}
.content_section .post-details ul .author span:before{
	content:"\f007";
}
.content_section .post-details ul .category span:before{
	content:"\f07b";	
}
.content_section .post-details ul .comments span:before{
	content:"\f086";
}
.content_section .post{
	margin-bottom:50px;
}
.search_box .item{
	position:relative;
}
.search_box .item .search_btn{
	position:absolute;
	right:10px;
	font-size:16px;
	top:50%;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	transform:translateY(-50%);
	font-family:FontAwesome;
	border:0 none;
	background:transparent;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}
.search_box .item .search_btn:hover{
	color:#ff7f00;
}
.search_box .item input[type="text"]{
	border:1px solid #dcdcdc;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}
.sidebar .box{
	margin-bottom:40px;
}
.sidebar h3{
	text-transform:uppercase;
	margin-bottom:20px;
}
.search_box .item input[type="text"]:focus{
	box-shadow:2px 3px 3px #a09f9f;
}
.recent_posts_box li{
	list-style:none;
}
.recent_posts_box .popular_posts .post_title a{
	color:#282828;
    font-size: 16px;
    line-height: 18px;
}
.blog_categories ul{
	padding-left:0;
}
.blog_categories li{
	list-style:none;
	border-bottom:1px solid #dcdcdc;
}
.blog_categories li:first-child{
	border-top:1px solid #dcdcdc;
}
.blog_categories li a{
	padding:10px 0;
	display:block;
	color:#282828;
	font-weight:700;
	font-family:Dosis;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}
.blog_categories li a:hover{
	color:#ff7f00;
}
.blog_categories li a span{
	color: #a9a8a8;
}
.blog_categories li a span{
	float:right;
}
.box ul{
	padding-left:0;
}
.box li{
	list-style:none;
}
.box li a{
	color:#282828;
}
.box li a:hover{
	color:#ff7f00;
}
blockquote {
    padding: 45px 40px;
    position: relative;
    border: 2px solid #dcdcdc;
    text-align: center;
}
blockquote:after,
blockquote:before{
	content:"";
	font-family:FontAwesome;
	color:#;
	font-size:21px;
}
blockquote:before{
	content:"\f10e";
	position:absolute;
	left: 25px;
    top: 15px;
}
blockquote:after{
	content:"\f10d";
	position:absolute;
	right:25px;
	bottom:15px;
}
blockquote {
	font-family:Dosis;
	font-weight:700;
	color:#ff7f00;
}
.share_post{
	padding:20px 0;
	border-top:1px solid #dcdcdc;
	border-bottom:1px solid #dcdcdc;
	margin-bottom:40px;
}
.share_post h2{
	margin-top:0;
	margin-bottom:0;
	float:left;
	padding-right:15px;
	font-size:18px;
	line-height:20px;
	font-family:Dosis;
	font-weight:700;
	text-transform:uppercase;
}
.share_post .share ul{
	float:left;
	padding-left:0;
	margin-bottom:0;
}
.share_post .share ul li{
	display:inline-block;
	padding:0 5px;
}
.share_post .share ul li a{
	display:block;
}
.share_post .share ul li a:after{
	content:"";
	font-family:FontAwesome;
	display:block;
	font-size:18px;
	color:#ff7f00;
}
.share_post .share ul .facebook a:after{
	content:"\f09a";
}
.share_post .share ul .behance a:after{
	content:"\f1b4";
}
.share_post .share ul .twitter a:after{
	content:"\f099";
}
.share_post .share ul .google a:after{
	content:"\f0d5";
}
.share_post .posts_navigation{
	text-align:right;
}
.share_post .posts_navigation li{
	display: inline-block;
}
.share_post .posts_navigation li a{
    padding: 7px 25px;
    border:1px solid #dcdcdc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    color:#fff;
    font-size:14px;
    font-family:Dosis;
    font-weight:700;
    background:#1e1e1e;
    position:relative;
    -webkit-transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    -ms-transition:all 0.3s ease;
    -o-transition:all 0.3s ease;
    transition:all 0.3s ease;
}
.share_post .posts_navigation li a:hover{
	background:transparent;
	color:#1e1e1e;
}
.share_post .posts_navigation li a:after{
	content:"";
	font-family:FontAwesome;
	position:absolute;
	top:50%;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	transform:translateY(-50%);
}
.share_post .posts_navigation .prev_post a{
	padding-right:12px;
}
.share_post .posts_navigation .next_post a{
	padding-left:12px;
}
.share_post .posts_navigation .next_post a:after{
	content:"\f105";
	right:10px;
}
.share_post .posts_navigation .prev_post a:after{
	content:"\f104";
	left:10px;
}
@media all and (max-width:767px){
	.share_post .posts_navigation{
		text-align:left;
	}
	.share_post .posts_navigation ul{
		padding-left:0;
	}
	.share_post .share{
		margin-bottom:40px;
	}
}
@media all and (max-width:420px){
	blockquote{
		padding-left:20px;
		padding-right:20px;
	}
	blockquote p{
		font-size:16px;
	}
	blockquote:after, 
	blockquote:before{
		font-size:18px;
	}
}
/*-------------------------------------------------  
 * [5.1. Single post - Comments ]
 */
.post_comments h2{
	margin-bottom:45px;
	font-weight:700;
	text-transform:uppercase;
	font-family:Dosis;
	margin-top:0;
}
.comment_item{
	padding-left:180px;
	position:relative;
	margin-bottom:40px;
}
.comment_item .author_picture{
	position:absolute;
	left:0;
	top:0;
	max-width:150px;
}
.comment_item .comment_name p{
	margin-bottom:0;
	font-family:Dosis;
	font-weight:400;
	text-transform:uppercase;
	font-size:18px;
	line-height:20px;
}
.comment_item .comment_name p strong{
	font-weight:700;
}
.comment_item .date_posted{
	margin-bottom:10px;
}
.comment_item .date_posted p{
	margin-bottom: 0;
    color: #6b6b6b;
    font-size: 12px;
    text-transform: uppercase;
    font-family: Dosis;
    font-weight: 700;
}
.post_comments .comments_inner{
	margin-bottom:60px;
}
#add_comment {
    background: #f3f3f3;
    padding: 20px;
}
#add_comment .form_item {
    margin-bottom: 20px;
}
#add_comment .form_item.submit_form{
	margin-bottom:0;
}
#add_comment input[type="submit"]{
	width:100%;
	display:block;
	background:#1e1e1e;
	padding:10px 15px;
	text-align:center;
	color:#fff;
	border:0 none;
	text-transform:uppercase;
	font-family:Dosis;
	font-weight:700;
	letter-spacing:1px;
}
@media all and (max-width:620px){
	.comment_item .author_picture{
		position:relative;
		left:auto;
		top:auto;
		display:block;
		margin-bottom:30px;
	}
	.comment_item{
		padding-left:0;
	}
}
/*---------------------------------------------- 
 * [ 6. Single Project ]
 */
.project_title h2{
	margin-bottom:0;
	margin-top:0;
	font-size:18px;
	line-height:20px;
	text-transform:uppercase;
	color:#999;
}
.project_title h3{
	font-size: 44px;
    line-height: 48px;
	color:#1e1e1e;
	font-weight:700;
	margin-top:0;
	margin-bottom:0;
}
.project_details .project_info{
	margin-bottom:30px;
}
.about_project h3{
	margin-top:0;
	margin-bottom:0;
	font-family:Dosis;
	font-weight:400;
	text-transform:uppercase;
}
.about_project .project_detail{
	margin-bottom:30px;
}
.about_project h3 strong{
	font-weight:700;
	
}
.about_project p{
	margin-bottom:0;
	color:#ff7f00;
}
.project_details .project_title{
    margin-bottom: 25px;
    padding-bottom: 10px;
    border-bottom: 1px solid #dcdcdc;
}
.project_details .project_photos img{
	margin-bottom:50px;
}
@media all and (max-width:480px){
	section .title{
		margin-bottom:30px !important;
	}
}
.morphext > .animated {
    display: inline-block;
}