/*

	Theme Name: Ville - Responsive Multipurpose HTML5 Template
	Theme URI: http://locotheme.com/ville-html/
	Description: Responsive Multipurpose HTML5 Template
	Version: 1.0
	Author: Loco Theme
	Author URI: http://www.locotheme.com

	- - - - - Contents - - - - -
	
	01 - Basic Stylesheet
	02 - General Stylesheet
	03 - Layout Stylesheet
	04 - Slider Stylesheet
	05 - Team Stylesheet
	06 - Collection Stylesheet
	07 - Testimonials Stylesheet
	08 - Why Stylesheet
	09 - Services Stylesheet
	10 - Blog Stylesheet
	11 - Clients Stylesheet

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

/*  01 - Basic Stylesheet
-----------------------------------------------------------*/
@font-face{
    font-family				: 'Code Bold';
    src: url('../fonts/code-bold.eot');
    src: url('../fonts/code-bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/code-bold.woff') format('woff'),
         url('../fonts/code-bold.ttf') format('truetype'),
         url('../fonts/code-bold.svg#code_boldregular') format('svg');
    font-weight				: normal;
    font-style				: normal;
}
html{
	width					: 100%;
	height					: 100%;
}
body{
	font-size				: 14px;
	font-family				: 'Open Sans', sans-serif;
	font-weight				: 400;
	color					: #181819;
	margin					: 0;
	padding					: 0;
	width					: 100%;
	height					: 100%;
	background-color		: #ebebeb;
	-webkit-font-smoothing	: antialiased;
	-moz-font-smoothing		: none;
	font-smoothing			: antialiased;
	text-rendering			: optimizeLegibility;
}
a{
	color					: #181819;
	outline					: 0;
	-webkit-transition		: all 0.2s ease-in-out;
	-moz-transition			: all 0.2s ease-in-out;
	-o-transition			: all 0.2s ease-in-out;
	transition				: all 0.2s ease-in-out;
}
a:hover{
	color					: #c5a35b;
	text-decoration			: none;
}
a:hover, a:active, a:focus{
	outline					: 0;
}
h1,h2,h3,h4{
	padding					: 0;
	margin					: 0 0 10px 0;
	font-weight				: normal;
}

/*  02 - General Stylesheet
-----------------------------------------------------------*/
.site-loader{
	position				: fixed;
	width					: 100%;
	height					: 100%;
	z-index					: 9999;
	text-align				: center;
	background-color		: #FFF;
}
.site-loader img{
	position				: absolute;
	left					: 50%;
	top						: 50%;
	margin-left				: -15px;
	margin-top				: -15px;
}
ul.default{
	list-style-type			: none;
	padding					: 0;
}
.clear{
	clear					: both;
	margin					: 0px;
	padding					: 0px;
}
.f-left{
	float					: left;
}
.f-right{
	float					: right;
}
.img-full{
	width					: 100%;
}
.italic{
	font-style				: italic;
}
.center{
	text-align				: center;
}
.back-top{
	width					: 50px;
	height					: 50px;
	position				: fixed;
	bottom					: 0;
	right					: 30px;
	cursor					: pointer;
	z-index					: 999;
	background				: url("../img/ico-up.png") no-repeat scroll center center #fff;
}
.btn{
	border-color			: #181819;
	border-radius			: 0;
	outline					: none;
	-webkit-transition		: all 0.2s ease-in-out;
	-moz-transition			: all 0.2s ease-in-out;
	-o-transition			: all 0.2s ease-in-out;
	transition				: all 0.2s ease-in-out;
}
.btn:hover,
.btn:focus,
.btn:active{
	color					: #c5a35b;
	border-color			: #c5a35b;
	outline					: none !important;
}
.btn-big{
	padding					: 10px 20px;
	font-size				: 18px;
}
.btn-dark{
	color					: #fff;
	border-color			: #333;
	background-color		: #333;
}
.btn-dark:hover{
	color					: #fff;
	border-color			: #c5a35b;
	background-color		: #c5a35b;
}
.btn-gold{
	color					: #c5a35b;
	border-color			: #c5a35b;
	background-color		: #fff;
}
.btn-gold:hover{
	color					: #333;
	border-color			: #333;
	background-color		: #fff;
}
.box-white{
	background-color		: #FFF;
}
.box-grey{
	background-color		: #f2f2f2;
}
.box-grey .owl-buttons div{
	background-color		: #fff !important;
}
.box-grey .owl-buttons div:hover{
	background-color		: #ebebeb !important;
}
.box-dark{
	color					: #FFF;
	background-color		: #181819;
}
.box-dark .btn{
	color					: #fff;
	border-color			: #FFF;
}
.box-dark .btn:hover{
	color					: #c5a35b;
	border-color			: #c5a35b;
}
.box-padding{
	padding					: 0 30px;
}
.box-border{
	border					: 1px solid #d9d9d9;
}
.title-border{
	font-family				: 'Code Bold';
	font-size				: 14px;
	text-align				: left;
	letter-spacing			: 3px;
	padding-bottom			: 10px;
	margin-bottom			: 20px;
	position				: relative;
}
.title-border .line{
	font-family:Arial, Helvetica, sans-serif;
}
.title-border:after{
	content					: " ";
	position				: absolute;
	bottom					: 0;
	left					: 0;
	width					: 20px;
	height					: 2px;
	background-color		: #c5a35b;
}
.title-border.right{
	display					: inline-block;
	padding-right			: 30px;
	padding-bottom			: 0;
}
.title-border.right:after{
	top						: 50%;
	margin-top				: -2px;
	right					: 0;
	bottom					: inherit;
	left					: inherit;
}
.title-border.left{
	padding-left			: 30px;
	padding-bottom			: 0;
}
.title-border.left:after{
	margin-top				: -2px;
	top						: 50%;
	left					: 0;
	bottom					: inherit;
}
.title-center{
	display					: inline-block;
	position				: relative;
	font-size				: 24px;
	font-weight				: 300;
	padding					: 0 30px;
	margin-bottom			: 20px;
}
.title-center:before,
.title-center:after{
	content					: " ";
	position				: absolute;
	top						: 50%;
	width					: 20px;
	height					: 1px;
	background-color		: #c5a35b;
}
.title-center:before{
	left					: 0;
}
.title-center:after{
	right					: 0;
}
.title-bold{
	display					: block;
	font-size				: 18px;
	font-weight				: 600;
	font-style				: normal;
	margin-bottom			: 10px;
}
.pagination{
	display					: block;
	margin					: 30px 0 0 0;
}
.pagination > li{
	float					: left;
	margin-right			: 5px;
	margin					: 0 5px 5px 0;
}
.pagination > li > a{
	display					: inline-block;
	width					: 40px;
	height					: 40px;
	line-height				: 32px;
	color					: #666;
	border					: 4px solid #f2f2f2;
	text-align				: center;
	padding					: 0;
	float					: none;
	background-color		: #fff;
}
.pagination > li:hover > a{
	color					: #181819;
	background-color		: #FFF;
}
.pagination > li.active > a,
.pagination > li.active:hover > a{
	color					: #181819;
	border-color			: #f2f2f2;
	background-color		: #f2f2f2;
}
.pagination > li:first-child > a,
.pagination > li:last-child > a{
	-webkit-border-radius	: 0;
	-moz-border-radius		: 0;
	border-radius			: 0;
}
.pagination > li:last-child{
	margin-right			: 0;
}
.nav-default{
	list-style-type			: none;
	margin					: 0;
	padding					: 0;
}
.nav-default li{
	float					: left;
}
.nav-default li a{
	display					: inline-block;
}
.trans-effect{
	opacity					: 0.3;
}
.trans-effect:hover{
	opacity					: 1;
}
.zoom-effect{
	display					: block;
	position				: relative;
}
.zoom-effect:before{
	content					: '';
	opacity					: 0;
	width					: 100%;
	height					: 100%;
	position				: absolute;
	top						: 0;
	left					: 0;
	background				: #000\9;
	background				: rgba(0, 0, 0, 0.50);
	-webkit-transition		: all 0.2s linear;
	-moz-transition			: all 0.2s linear;
	-o-transition			: all 0.2s linear;
	transition				: all 0.2s linear;
}
.zoom-effect:after{
	opacity					: 0;
	font-family				: 'FontAwesome';
	content					: "\f002";
	position				: absolute;
	top						: 50%;
	left					: 0;
	width					: 100%;
	text-align				: center;
	color					: #FFF;
	 -webkit-transform		: translateY(-50%);
	-ms-transform			: translateY(-50%);
	transform				: translateY(-50%);
	-webkit-transition		: all 0.2s linear;
	-moz-transition			: all 0.2s linear;
	-o-transition			: all 0.2s linear;
	transition				: all 0.2s linear;
}
.zoom-effect:hover:before,
.zoom-effect:hover:after{
	opacity					: 1;
}
.tags-cloud li{
	margin					: 0 5px 5px 0;
}
.tags-cloud li a{
	font-size				: 11px;
	padding					: 0 15px;
	height					: 26px;
	line-height				: 26px;
	border					: none;
	-webkit-border-radius	: 13px;
	-moz-border-radius		: 13px;
	border-radius			: 13px;
	background-color		: #f2f2f2;
}
.social-icons{
	display					: inline-block;
}
.social-icons li .fa{
	display					: block;
	text-align				: center;
	line-height				: 22px;
	font-size				: 14px;
}
.social-icons li a{
	display					: inline-block;
	width					: 22px;
	height					: 22px;
	background-color		: #000;
	-webkit-border-radius	: 50%;
	-moz-border-radius		: 50%;
	border-radius			: 50%;
	margin-right			: 10px;
	color					: #FFF;
}
.social-icons li a:hover{
	background-color		: #c5a35b;
}
.padding-all{
	padding					: 30px;
}
.padding-all-10{
	padding					: 10px;
}
.padding-all-15{
	padding					: 15px;
}
.padding-all-20{
	padding					: 20px;
}
.padding-none{
	padding					: 0;
}
.padding-none-bottom{
	padding-bottom			: 0;
}
.margin-none{
	margin					: 0 !important;
}
.margin-top-10{
	margin-top				: 10px;
}
.margin-top-20{
	margin-top				: 20px;
}
.margin-top-30{
	margin-top				: 30px;
}
.margin-bottom-10{
	margin-bottom			: 10px;
}
.margin-bottom-20{
	margin-bottom			: 20px;
}
.margin-bottom-30{
	margin-bottom			: 30px;
}
.link-more{
	display					: block;
	font-size				: 11px;
	color					: #666;
	margin					: 10px 0;
}
.link-more .fa{
	display					: inline-block;
	width					: 15px;
	height					: 15px;
	line-height				: 15px;
	text-align				: center;
	color					: #fff;
	font-size				: 11px;
	background-color		: #c5a35b;
	margin-right			: 5px;
	float					: left;
}
.circle{
	-webkit-border-radius	: 50%;
	-moz-border-radius		: 50%;
	border-radius			: 50%;
}
.truncate{
	display					: block;
	overflow				: hidden;
	white-space				: nowrap;
	text-overflow			: ellipsis;
}
.spacer{
	height					: 1px;
	margin					: 20px 0;
	position				: relative;
	background-color		: #d9d9d9;
}
.spacer:before{
	content					: " ";
	display					: inline-block;
	width					: 100px;
	height					: 1px;
	position				: absolute;
	top						: 0;
	left					: 50%;
	margin-left				: -50px;
	background-color		: #c5a35b;
}
.block{
	display					: block;
}
.text-gold{
	color					: #c5a35b;
}
.text-dark{
	color					: #181819;
}
.text-thin{
	font-weight				: 300;
}
.text-default{
	font-family				: 'Open Sans', sans-serif;
	font-weight				: 600;
	letter-spacing			: 0px;
}
.text-big{
	font-size				: 36px;
	margin-bottom			: 10px;
}
.text-big + .social-icons{
	margin-top				: 10px;
}
.text-small{
	font-size				: 11px;
}
.service-list li{
	margin-bottom			: 10px;
}
.service-list li:before{
	font-family				: FontAwesome;
	content					: "\f111";
	margin-right			: 10px;
	color					: #999;
}
.masonry-list .grid-sizer{
	padding					: 0;
}
.masonry-list .masonry-item{
	margin-bottom			: 30px;
}
.masonry-list .masonry-item .masonry-desc{
	font-size				: 13px;
}
.masonry-list .masonry-item .title-bold{
	margin-bottom			: 5px;
}
.masonry-list.margin-none .masonry-item{
	margin-bottom			: 0;
}
.image-hover{
	opacity					: 0;
	position				: absolute;
	width					: 100%;
	height					: 100%;
	top						: 0;
	left					: 0;
	text-align				: center;
	background				: #000\9;
	background				: rgba(0, 0, 0, 0.50);
	-webkit-transition		: all 0.2s linear;
	-moz-transition			: all 0.2s linear;
	-o-transition			: all 0.2s linear;
	transition				: all 0.2s linear;
}
.image-hover .hover-detail{
	display					: inline-block;
	width					: 60px;
	height					: 60px;
	line-height				: 60px;
	text-align				: center;
	border					: 1px solid #fff;
	color					: #FFF;
	position				: absolute;
	top						: 50%;
	left					: 50%;
	margin-top				: -30px;
	margin-left				: -30px;
}
.image-hover .hover-detail:hover{
	background				: #000\9;
	background				: rgba(0, 0, 0, 0.50);
}
.image-hover .social-icons{
	margin-top				: 216px;
}
.contact-info li{
	line-height				: 30px;
}
.contact-info .fa{
	width					: 18px;
	text-align				: center;
	font-size				: 1.3em;
	display					: inline-block;
	margin-right			: 10px;
	color					: #797979;
}
.contact-info .fa-mobile{
	font-size				: 1.6em;
}
.data-form input[type="text"],
.data-form input[type="password"],
.data-form input[type="email"],
.data-form input[type="url"],
.data-form input[type="number"],
.data-form input[type="tel"],
.data-form input[type="date"],
.data-form textarea,
.data-form select{
	font-family				: 'Open Sans', sans-serif;
	font-size				: 13px;
	width					: 100%;
	padding					: 10px;
	margin					: 0;
	outline					: none;
	border					: 1px solid #d9d9d9;
	-webkit-transition		: all 0.2s ease-in-out;
	-moz-transition			: all 0.2s ease-in-out;
	-o-transition			: all 0.2s ease-in-out;
	transition				: all 0.2s ease-in-out;
}
.data-form input[type="text"],
.data-form input[type="password"],
.data-form input[type="email"],
.data-form input[type="url"],
.data-form input[type="number"],
.data-form input[type="tel"],
.data-form input[type="date"],
.data-form select{
	height					: 40px;
}
.data-form select{
	height					: 40px;
	line-height				: 40px;
}
.data-form textarea{
	resize					: none;
}
.data-form input[type="text"]:hover,
.data-form input[type="text"]:focus,
.data-form input[type="password"]:hover,
.data-form input[type="password"]:focus,
.data-form input[type="email"]:hover,
.data-form input[type="email"]:focus,
.data-form input[type="url"]:hover,
.data-form input[type="url"]:focus,
.data-form input[type="number"]:hover,
.data-form input[type="number"]:focus,
.data-form input[type="tel"]:hover,
.data-form input[type="tel"]:focus,
.data-form input[type="date"]:hover,
.data-form input[type="date"]:focus,
.data-form textarea:hover,
.data-form textarea:focus,
.data-form select:hover,
.data-form select:focus{
	border-color			: #c5a35b;
}
.data-form .row{
	margin-bottom			: 15px;
}
.data-form .form-field{
	position				: relative;
}
.data-form .form-field .fa{
	position				: absolute;
	top						: 14px;
	left					: 12px;
	color					: #bebebe;
}
.data-form .form-field input[type="text"],
.data-form .form-field input[type="password"],
.data-form .form-field input[type="email"],
.data-form .form-field input[type="url"],
.data-form .form-field input[type="number"],
.data-form .form-field input[type="tel"],
.data-form .form-field input[type="date"],
.data-form .form-field textarea,
.data-form .form-field select{
	padding-left			: 34px;
}
.hero-small{
	position				: relative;
}
.hero-small .vertical-center{
	position				: absolute;
	right					: 30px;
	top						: 50%;
	 -webkit-transform		: translateY(-50%);
	-ms-transform			: translateY(-50%);
	transform				: translateY(-50%);
}

/*  03 - Layout Stylesheet
-----------------------------------------------------------*/
.site-header{
	padding-top				: 50px;
	padding-bottom			: 20px;
	position				: relative;
}
.site-header .header-logo{
	float					: left;
	margin-right			: 15px;
}
.site-header .header-menu .mobile-menu{
	display					: none;
	width					: 30px;
	height					: 30px;
	padding					: 0;
	margin					: 0;
	border					: none;
	outline					: none;
	background-color		: #fff;
	position				: absolute;
	top						: 50px;
	right					: 30px;
}
.site-header .header-menu ul{
	list-style-type			: none;
	margin					: 0;
	padding					: 0;
}
.site-header .header-menu ul li{
	position				: relative;
	z-index					: 999;
}
.site-header .header-menu ul li a{
	display					: block;
	white-space				: nowrap;
	font-family				: 'Code Bold';
	font-size				: 11px;
	letter-spacing			: 3px;
}
.site-header .header-menu ul li .down{
	display					: none;
	width					: 30px;
	height					: 30px;
	cursor					: pointer;
	background				: url("../img/ico-up-down.png") no-repeat scroll 0 0 #ebebeb;
	position				: absolute;
	top						: 0;
	right					: 0;
}
.site-header .header-menu ul li .down.opened{
	background-position		: 0 -30px;
}
.site-header .header-menu ul li.active > a{
	color					: #c5a35b;
}
.site-footer .footer-top{
	padding					: 50px 30px 20px 30px;
}
.site-footer .footer-top .col-md-4{
	margin-bottom			: 30px;
}
.site-footer .footer-bottom{
	padding					: 20px 30px;
}
.site-footer .footer-bottom .nav-default{
	margin-bottom			: 10px;
}
.site-footer .footer-bottom .nav-default li a{
	padding					: 0 10px;
}
.site-footer .footer-bottom .nav-default li:first-child a{
	padding-left			: 0;
}
.site-footer .title-border{
	border-bottom			: 1px solid #d9d9d9;
}
.site-footer .title-border:after{
	height					: 1px;
	bottom					: -1px;
	width					: 50%;
}
.site-footer .latest-posts .latest-item{
	margin-bottom			: 10px;
}
.site-footer .latest-posts .post-image{
	border					: 5px solid #FFF;
	float					: left;
	margin-right			: 10px;
}
.site-footer .latest-posts .post-title,
.site-footer .latest-posts .post-desc,
.site-footer .latest-posts .post-date{
	font-size				: 12px;
	display					: block;
	white-space				: nowrap;
	overflow				: hidden;
	text-overflow			: ellipsis;
	margin-bottom			: 3px;
}
.site-footer .latest-posts .post-date{
	font-size				: 11px;
	color					: #666;
}

/*  04 - Slider Stylesheet
-----------------------------------------------------------*/
.site-slider .slide-caption{
	position				: absolute;
	top						: 0;
	left					: 0;
	background				: #000\9;
	background				: rgba(0, 0, 0, 0.50);
	width					: 100%;
	height					: 100%;
}
.site-slider .slide-caption .caption-wrap{
	color					: #fff;
	display					: block;
	padding					: 0 120px;
	text-align				: center;
	position				: relative;
	top						: 50%;
	 -webkit-transform		: translateY(-50%);
	-ms-transform			: translateY(-50%);
	transform				: translateY(-50%);
}
.site-slider .slide-caption .caption-big,
.site-slider .slide-caption .caption-small{
	font-family				: 'Roboto Slab', serif;
	font-weight				: 700;
	margin					: 0;
}
.site-slider .slide-caption .caption-big{
	font-size				: 36px;
	margin-bottom			: 10px;
}
.site-slider .slide-caption .caption-small{
	display					: inline-block;
	position				: relative;
	font-size				: 30px;
	font-weight				: 400;
	padding					: 0 30px;
}
.site-slider .slide-caption .caption-small:before,
.site-slider .slide-caption .caption-small:after{
	content					: " ";
	position				: absolute;
	top						: 50%;
	width					: 20px;
	height					: 2px;
	background-color		: #c5a35b;
}
.site-slider .slide-caption .caption-small:before{
	left					: 0;
}
.site-slider .slide-caption .caption-small:after{
	right					: 0;
}

/*  05 - Team Stylesheet
-----------------------------------------------------------*/
.team-horizontal .team-image{
	position				: relative;
}
.team-horizontal .team-desc{
	padding					: 20px 10px 20px 0;
}
.team-horizontal .team-desc .title-border{
	margin-bottom			: 5px;
	font-family				: 'Open Sans', sans-serif;
	font-weight				: 600;
	letter-spacing			: 0px;
	padding-left			: 20px;
}
.team-horizontal .team-desc .title-border:after{
	width					: 10px;
}
.team-horizontal .team-desc .team-job{
	display					: block;
	padding-left			: 20px;
}
.team-horizontal .box-grey:hover .image-hover,
.team-horizontal .box-white:hover .image-hover{
	opacity					: 1;
}
.team-vertical .row{
	margin-bottom			: 30px;
}
.team-vertical .row:last-child{
	margin-bottom			: 0;
}
.team-vertical .spacer{
	margin-top				: 30px;
	margin-bottom			: 30px;
}
.team-vertical .team-desc{
	padding					: 40px 15px 0 15px;
}
.team-vertical .team-desc .title-border{
	font-family				: 'Open Sans', sans-serif;
	font-weight				: 600;
	letter-spacing			: 0px;
}
.team-vertical .team-desc .title-border:after{
	width					: 10px;
}
.team-vertical .team-desc .team-job{
	display					: block;
}

/*  06 - Collection Stylesheet
-----------------------------------------------------------*/
.section-collection{
	padding-bottom			: 0;
}
.section-collection .collection-item{
	position				: relative;
	padding					: 20px 20px 20px 170px;
	margin-bottom			: 30px;
	height					: 150px;
}
.section-collection .collection-item .collection-image{
	width					: 150px;
	height					: 150px;
	overflow				: hidden;
	position				: absolute;
	top						: 0;
	left					: 0;
}
.section-collection .collection-item .collection-image:after{
	position				: absolute;
	display					: inline-block;
	content					: '';
	top						: 50%;
	 -webkit-transform		: translateY(-50%);
	-ms-transform			: translateY(-50%);
	transform				: translateY(-50%);
	right					: 0;
	width					: 0;
	height					: 0;
	border-top				: 15px solid transparent;
	border-right			: 15px solid #f2f2f2;
	border-bottom			: 15px solid transparent;
}

/*  07 - Testimonials Stylesheet
-----------------------------------------------------------*/
.section-testimonials h2,
.section-testimonials h3{
	font-weight				: 300;
}
.section-testimonials h2{
	font-size				: 24px;
}
.section-testimonials h2:before,
.section-testimonials h2:after{
	font-size				: 30px;
	color					: #c5a35b;
	font-family				: Times, serif; 
	margin					: 0 10px;
}
.section-testimonials h2:before {
	content					: '\201C'; 
}
.section-testimonials h2:after {
	content					: '\201D';
}
.section-testimonials h3{
	font-size				: 16px;
	color					: #999;
}

/*  08 - Why Stylesheet
-----------------------------------------------------------*/
.section-why{
	padding-bottom			: 0;
}
.section-why .countTo{
	display					: block;
	font-size				: 24px;
	font-weight				: 600;
	line-height				: 26px;
}
.section-why .box-border{
	height					: 100px;
	padding					: 26px 0 0 110px;
	margin-bottom			: 30px;
	position				: relative;
	font-size				: 13px;
	border-color			: #f2f2f2;
}
.section-why .box-border .fa{
	width					: 98px;
	height					: 98px;
	line-height				: 98px;
	text-align				: center;
	position				: absolute;
	top						: 0;
	left					: 0;
	background-color		: #f2f2f2;
}
.section-why .box-border .fa:after{
	position				: absolute;
	display					: inline-block;
	content					: '';
	top						: 50%;
	 -webkit-transform		: translateY(-50%);
	-ms-transform			: translateY(-50%);
	transform				: translateY(-50%);
	right					: -10px;
	width					: 0;
	height					: 0;
	border-top				: 10px solid transparent;
	border-left				: 10px solid #f2f2f2;
	border-bottom			: 10px solid transparent;
}
.section-why.box-dark .countTo{
	color					: #c5a35b;
}
.section-why.box-dark .box-border{
	border-color			: #262627;
}
.section-why.box-dark .box-border .fa{
	color					: #666;
	background-color		: #202021;
}
.section-why.box-dark .box-border .fa:after{
	border-left-color		: #202021;
}
.section-why.box-grey .countTo{
}
.section-why.box-grey .box-border{
	border-color			: #d9d9d9;
}
.section-why.box-grey .box-border .fa{
	background-color		: #fff;
}
.section-why.box-grey .box-border .fa:after{
	border-left-color		: #fff;
}

/*  09 - Services Stylesheet
-----------------------------------------------------------*/
.section-services .fa{
	display					: block;
	margin					: 10px 0;
}
.section-services .box-border{
	margin-top				: -1px;
	margin-left				: -1px;
	-webkit-transition		: all 0.2s ease-in-out;
	-moz-transition			: all 0.2s ease-in-out;
	-o-transition			: all 0.2s ease-in-out;
	transition				: all 0.2s ease-in-out;
}
.section-services.box-grey .box-border:hover{
	background-color		: #FFF;
}
.section-services.box-white .box-border .fa{
	color					: #e1e1e1;
}
.section-services.box-white .box-border .title-bold{
	color					: #999;
}
.section-services.box-white .box-border .btn{
	border-color			: #d9d9d9;
}
.section-services.box-dark .box-border{
	border-color			: #262627;
}
.section-services.box-dark .box-border .fa{
	color					: #666;
}
.section-services.box-dark .box-border .title-bold{
	color					: #c5a35b;
}
.section-services.box-dark .box-border:hover{
	background-color		: #202021;
}

/*  10 - Blog Stylesheet
-----------------------------------------------------------*/
.blog-post .post-title{
	padding-top				: 20px;
	margin-bottom			: 20px;
}
.blog-post .post-title h2{
	font-size				: 24px;
}
.blog-post .post-title .nav-default{
	color					: #999;
	font-size				: 11px;
}
.blog-post .post-title .nav-default li{
	margin-right			: 5px;
}
.blog-post .post-tags{
	margin-bottom			: 20px;
}
.blog-comments h2.title-bold{
	margin-bottom			: 20px;
}
.blog-comments .comment-list{
	margin-bottom			: 20px;
}
.blog-comments .comment-list .comment{
	position				: relative;
	padding-left			: 90px;
}
.blog-comments .comment-list .comment .comment-avatar{
	width					: 70px;
	height					: 70px;
	position				: absolute;
	top						: 0;
	left					: 0;
}
.blog-comments .comment-list .comment .comment-info{
	padding					: 15px;
	margin-bottom			: 15px;
	background-color		: #f2f2f2;
	position				: relative;
}
.blog-comments .comment-list .comment .comment-info:before{
	position				: absolute;
	display					: inline-block;
	content					: '';
	top						: 18px;
	left					: -10px;
	width					: 0;
	height					: 0;
	border-top				: 15px solid transparent;
	border-right			: 15px solid #f2f2f2;
	border-bottom			: 15px solid transparent;
}
.blog-comments .comment-list .comment .comment-info .comment-date,
.blog-comments .comment-list .comment .comment-info .comment-message{
	margin-bottom			: 10px;
}
.blog-comments .comment-list .comment .comment-info .comment-date{
	display					: block;
	margin-bottom			: 10px;
	font-size				: 11px;
	color					: #999;
}
.blog-comments .comment-list .comment .comment-info .comment-reply a{
	display					: inline-block;
	font-size				: 11px;
	padding					: 0 15px;
	height					: 26px;
	line-height				: 26px;
	border					: none;
	-webkit-border-radius	: 13px;
	-moz-border-radius		: 13px;
	border-radius			: 13px;
	background-color		: #FFF;
	-webkit-box-shadow		: 1px 1px 1px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow			: 1px 1px 1px 0px rgba(0, 0, 0, 0.1);
	box-shadow				: 1px 1px 1px 0px rgba(0, 0, 0, 0.1);
}
.blog-search,
.blog-category,
.blog-recents,
.blog-photos,
.blog-tags,
.blog-gallery{
	margin-bottom			: 50px;
}
.blog-search form{
	position				: relative;
}
.blog-search input[type="text"]{
	width					: 100%;
	height					: 36px;
	padding					: 10px 36px 10px 10px;
	font-size				: 11px;
	border					: 1px solid #d9d9d9;
	outline					: none;
	-webkit-transition		: all 0.2s ease-in-out;
	-moz-transition			: all 0.2s ease-in-out;
	-o-transition			: all 0.2s ease-in-out;
	transition				: all 0.2s ease-in-out;
}
.blog-search input[type="text"]:hover,
.blog-search input[type="text"]:focus{
	border-color			: #c5a35b;
}
.blog-search .search-btn{
	width					: 34px;
	height					: 34px;
	position				: absolute;
	top						: 1px;
	right					: 1px;
	padding					: 0;
	border					: 0;
	outline					: none;
	background				: none;
}
.blog-search .search-btn:hover .fa{
	color					: #c5a35b;
	-webkit-transition		: all 0.2s ease-in-out;
	-moz-transition			: all 0.2s ease-in-out;
	-o-transition			: all 0.2s ease-in-out;
	transition				: all 0.2s ease-in-out;
}
.blog-category a{
	display					: block;
	line-height				: 30px;
}
.blog-category .text-gold{
	float					: right;
}
.blog-recents li{
	margin-bottom			: 10px;
}
.blog-recents li a{
	display					: block;
	font-size				: 13px;
	padding-bottom			: 10px;
	border-bottom			: 1px solid #e1e1e1;
}
.blog-recents li a span{
	display					: block;
	font-size				: 11px;
	margin-top				: 10px;
	color					: #999;
}
.blog-recents li a span .fa{
	margin-right			: 10px;
}
.blog-recents li:last-child{
	margin-bottom			: 0;
}
.blog-recents li:last-child a{
	padding-bottom			: 0;
	border-bottom			: 0;
}
.blog-photos li{
	width					: 33.33333333333333%;
	padding					: 0 5px 5px 0;
	float					: left;
	background-color		: #FFF;
}
.blog-photos li img{
	width					: 100%;
}
.blog-archive a{
	display					: block;
	line-height				: 30px;
}
.blog-archive a:hover{
	color					: #181819;
}

/*  11 - Clients Stylesheet
-----------------------------------------------------------*/
.section-clients .trans-effect{
	display					: block;
	padding					: 15px;
	-webkit-transition		: all 0.2s linear;
	-moz-transition			: all 0.2s linear;
	-o-transition			: all 0.2s linear;
	transition				: all 0.2s linear;
	border					: 1px solid #d9d9d9;
}