/*
	- - - - - 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				: 15px;
	font-family				: 'PT Sans', sans-serif;
	font-weight				: 400;
	color					: #7d7d7d;
	margin					: 0;
	padding					: 0;
	width					: 100%;
	height					: 100%;
	background		: url(../img/brushed_alu.png) repeat;
	-webkit-font-smoothing	: antialiased;
	-moz-font-smoothing		: none;
	font-smoothing			: antialiased;
	text-rendering			: optimizeLegibility;
}
a{
	color					: #7d7d7d;
	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					: #9bb133;
	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;
}
span.big-italic{ font-style: italic; font-size: 18px; color: #363636; }

/*  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;
}
ul.no-margin{
	padding: 0;
	list-style-position: inside;
}
.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					: #708316;
	border-color			: #708316;
	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			: #708316;
	background-color		: #708316;
}
.btn-gold{
	color					: #708316;
	border-color			: #708316;
	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;
}
#breadcrumb{
	font-size: 12px;
	margin-bottom: 20px;
}
#breadcrumb a{ color: #7d7d7d; }
#breadcrumb a:hover{ color: #9bb133; }
.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		: #9bb133;
}
.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		: #9bb133;
}
.title-center:before{
	left					: 0;
}
.title-center:after{
	right					: 0;
}
.title-sale{
	font-size               : 32px;
	font-family				: 'Roboto', serif;
	font-weight: 300;

}
.title-bold{
	display					: block;
	font-size				: 18px;
	font-weight				: 400;
	font-style				: normal;
	margin-bottom			: 10px;
}
.item-desc{ 
	display					: block;
	font-size				: 17px;
	font-weight				: 400;
	font-style				: normal;
	margin-bottom			: 10px;
	color: #363636; 
}
.subtitle{ font-size: 14px; }
.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;
	color: #fff;
}
.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		: #708316;
}
.padding-all{
	padding					: 30px;
}
.padding-all-10{
	padding					: 10px;
}
.padding-all-15{
	padding					: 15px;
}
.padding-all-20{
	padding					: 20px;
}
.padding-left-right{
	padding-left            : 30px;
	padding-right           : 30px; 
}
.padding-bottom{
	padding-bottom          : 30px;
}
.padding-none{
	padding					: 0;
}
.padding-none-bottom{
	padding-bottom			: 0;
}
.padding-none-top{
	padding-top: 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					: #708316;
	margin					: 10px 0;
	text-decoration         : underline;
}
.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		: #9bb133;
}
.block{
	display					: block;
}
.text-gold{
	color					: #c5a35b;
}
.text-dark{
	color					: #181819;
}
.text-thin{
	font-weight				: 300;
}
.text-default{
	font-family				: 'PT 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				: 13px;
	color                   : #7d7d7d;
}
.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;
}
.contact-page li{
	line-height				: 30px;
}
.contact-page .fa{
	width					: 50px;
	text-align				: center;
	font-size				: 3.0em;
	display					: inline-block;
	margin-right			: 10px;
	color					: #9bb133;
	vertical-align: bottom;
}
.contact-page .fa-mobile{
	font-size				: 1.6em;
}
.contact-page a{ color: #7d7d7d; }
.data-form .error{ background: #ffb2b2; }
.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				: 'PT 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-about p{
	line-height             : 22px;
}
.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%);
}

.sitemap p{ margin-bottom: 5px;}

.showroom h3{ color: #363636; }
.showroom p{ margin-bottom: 5px; }
.showroom a.email{ color: #9bb133; }
.showroom-border-right{
	border-right:1px solid #e1e1e1; width:90%; padding-bottom:20px;
}

/*  03 - Layout Stylesheet
-----------------------------------------------------------*/
#logo{ position: absolute; z-index: 20; }
#top-header, #top-header2{ background: #9bb133; padding: 5px 0 1px; text-align: right; }
#top-header ul{ list-style: none; right: 0; }
#top-header li{ display: inline; margin: 0 10px; color: #1f1f1f;}
#top-header a, #top-header2 a, #top-header2 p{ color: #1f1f1f; }


.site-header{
	/*padding-top				: 50px;*/
	/*padding-bottom			: 20px;*/
	position				: relative;
	background: url(../img/stripe-navigation-background.jpg) left top repeat-x;
}
.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		: #000;
	position				: absolute;
	top						: 50px;
	right					: 30px;
}
.site-header .header-menu ul{
	list-style-type			: none;
	margin					: 65px 0 0 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				: 'Roboto', serif;
	font-size				: 15px;
	letter-spacing			: 3px;
	color                   : #fff;
}
.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-3{
	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 .footer-top p, .site-footer .footer-top li a, .site-footer .footer-top li,.site-footer .footer-bottom p, .site-footer .footer-bottom a{ font-size: 14px; color: #717171; }
.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', 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				: 'PT 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				: 'PT 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 .title-bold{ font-family: 'Roboto', sans-serif; color: #0f0f0f; }
.section-collection .collection-item{
	position				: relative;
	padding					: 0px 20px 10px 120px;
	margin-bottom			: 30px;
	/*height					: 150px;*/
}
.section-collection .collection-item .collection-image{
	width					: 100px;
	height					: 100px;
	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					: #9bb133;
	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					: #363636;
	font-size: 20px;
}
.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;
}


/*  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;
}*/

/*	ACCORDION */
	.acc-trigger {	border-top: 1px solid #e4e4e4; cursor: pointer; display: block; margin: 0;	}
	.acc-trigger:last-of-type, .acc-container:last-of-type { border-bottom: 3px solid #f3f2f2; margin-bottom: 20px; }
	.no-js .acc-trigger:last-of-type { border-bottom: none; }
	.acc-trigger a { background: url(../img/accordion-ico.png) no-repeat 6px 18px;	display: block;	color:#656f78;	padding: 19px 14px 16px 40px; text-decoration: none; text-shadow: none; font-weight:bold; font-size:16px; }
	.acc-trigger a:hover { background-color: #fbfbfb;  }
	.acc-trigger a:hover, .acc-trigger.active a, .acc-trigger.active a:hover { color: #0ab1f0; }
	.acc-trigger.active a:hover { background-color: transparent; }
	.acc-trigger.active { cursor: default;  border-top-color:#b0afaf; background-color:#fff; }
	.acc-trigger.active:last-of-type { border-bottom: none; margin-bottom: 0; }
	.acc-trigger.active a { background-position: 6px -54px; cursor: default;	}
	/*.acc-container .content {  padding: 0 14px 21px 40px;  }*/

/*   */
.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin: 2px 0 0 0;
	padding: .5em .5em .5em .7em;
	min-height: 0; /* support: IE7 */
	font-size: 100%;
	color: red;
}
.ui-accordion .ui-accordion-icons {
	padding-left: 2.2em;
	background: url(../img/accordion-ico.png) no-repeat 6px 18px;
}

.accordion {
    margin: 0;
    padding:15px 0;
    /*height:20px;*/
    border-top: 3px solid #ccc;
    text-decoration:none;
    color: #9bb133;
    font-size:20px;
    line-height: 20px;
    cursor: pointer;
}

.accordion-open span {
    display:block;
    float:left;
    padding:10px 50px 10px 0;
    background:url(../img/ico-minus.png) center center no-repeat;
}
.accordion-close span {
    display:block;
    float:left;
    background:url(../img/ico-plus.png) center center no-repeat;
    padding:10px 50px 10px 0;
}
div.acc-container {
    padding:0;
    margin:0;
}
div.content {
    margin: 0;
    padding:0 0 20px 50px;
}
div.content ul {
    padding:0;
   /* margin:0;*/
    /*padding:3px;*/
}
div.content ul li {
    list-style-position:inside;
    line-height:25px;
}
div.content ul li a {
    color:#555555;
}
code {
    overflow:auto;
}