/************************************/
/*	COLOR STYLES 
/************************************/

body{
	color:#333;
	background:#fafafa;
}
.body-wrapper{ background:#fcfcfc; }



/*------------------------------------------------------------------*/ 
/*	01) HEADER
/*------------------------------------------------------------------*/
.headermask{
	background:rgba(0,0,0,0.777);
}



/*------------------------------------------------------------------*/ 
/*	02) Slider
/*------------------------------------------------------------------*/
.slider-btn{
	background:none;
	color:rgba(51,51,51,0.7);
}
.slider-btn:hover{
	color:rgba(51,51,51,1);
}
.slider-btn-white{
	color:rgba(255,255,255,0.7);
}
.slider-btn-white:hover{
	color:rgba(255,255,255,1);
}

/*------------------------------------------------------------------*/ 
/*	03) Nav
/*------------------------------------------------------------------*/
#nav{
	background: rgba(255, 255, 255, 0.95);
	
}
#nav ul.sf-menu li a.scroll{
	color:#333;
	border-bottom:2px solid rgba(255, 255, 255, 0.1);
}
#nav ul.sf-menu li a.scroll:hover{
	color:#333;
	background:none;
	border-bottom:2px solid #FA7500;
}
#nav ul.sf-menu > li.sfHover > a{
	color:#333;
	background:none;
	border-bottom:2px solid #FA7500;
}

#nav ul.sf-menu > li.sfHover ul li a{
	color:#333;
}
#nav ul.sf-menu > li.sfHover ul li a:hover{
	color:#333;
}

#nav ul li li a:hover, .sf-menu li li.sfHover>a{
	background:#none;
	color:#333;
}
#nav ul ul li a{
	color:#333;
}
.sf-menu li li {
	background:	#fff;
	opacity:0.95;
	margin-bottom:0;
}
.sf-menu li li li {
	background:	#fff;
	opacity:0.95;
}
/******** Mobile Menu ********/
.nav-toggle a{
	background-color:#34495e;
}
.mobile-menu ul li a{
	color:#3c4852;
}
.mobile-menu ul li a:hover{
	background:#f5f5f5;
}

/*------------------------------------------------------------------*/ 
/*	04) SERVICES
/*------------------------------------------------------------------*/
#service{
	background:#fff;
}


/*------------------------------------------------------------------*/ 
/*	05) ABOUT US  SKILLS
/*------------------------------------------------------------------*/
section#about{
	background:none;
}
/********** TABS **********/
.tabs ul.fixed-size li{
	background:none;
}
.ui-state-default a{
	background:none;
	color:#333;
}
.ui-state-default a:hover{
	background:#eee;
}
.ui-tabs-active a{
	background:#fcfcfc;
}
.pace {
  background:#eee;
}
.pace .pace-progress {
  background-color: #FA7500;
}

/*------------------------------------------------------------------*/ 
/*	07) CBP-QtTROTATOR
/*------------------------------------------------------------------*/
.cbp-qtprogress{ 
	background: #FA7500;
}
h1.quote i{
	color:#fff;
	background:#FA7500;
}
.cbp-qtrotator blockquote footer a{
}
.cbp-qtrotator blockquote footer a:hover{
	color:#FA7500;
}

/*------------------------------------------------------------------*/ 
/*	08) FEATURES
/*------------------------------------------------------------------*/
#features{
	background:#fff;
}
.cbp-qtrotator blockquote footer:before {
	color:#333;
}
.flexslider ul.flex-direction-nav li a.flex-prev , .flexslider ul.flex-direction-nav li a.flex-next{
	background:none;
}
.flexslider ul.flex-direction-nav li a.flex-prev i , .flexslider ul.flex-direction-nav li a.flex-next i{
	background:none;
}

/*------------------------------------------------------------------*/ 
/*	09) TEAM
/*------------------------------------------------------------------*/
section#team{
	background:none;
}
.img-mask{
	background:none;
}
.team-carousel ul li:hover .img-mask{
	background:rgba(65,118,156,0.7);
}
.wrap-team-img{
	background:none;
}
.team-1{
	background:none;
}

/***** Carausel *****/
.team-carousel ul li{
	background:none;
}
.team-carousel ul li:hover{
	background:#fff;
}
.tfs-nav span i{
	background:#333;
	color:#eee;
}

/*------------------------------------------------------------------*/ 
/*	10) HISTORY
/*------------------------------------------------------------------*/
.history{
	background:#fff;
}
ul.timeline:before {
	background-color: #eee;
}
ul.timeline li:last-child:before {
	background-color: #fff;
}
ul.timeline li:hover .history-time {
	color:#FA7500;
}

/*------------------------------------------------------------------*/ 
/*	11) FUN FACT
/*------------------------------------------------------------------*/
.customer{
	background:none;
}
.customer i{
	color:#FA7500;
}

/*------------------------------------------------------------------*/ 
/*	12) PORTFOLIO
/*------------------------------------------------------------------*/
.og-expander {
	background: #3c4852;
}
.og-close::before,
.og-close::after {
	background: #888;
}
.og-close:hover::before,
.og-close:hover::after {
	background: #333;
}
.og-details h1 {
	color:#eee;
}
.og-details p {
	color: #999;
}
.og-loading {
	background: #ddd;
}

@-webkit-keyframes loader {
	0% { background: #ddd; }
	33% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ddd; }
	66% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ddd, -15px 30px 1px #ccc; }
}

@-moz-keyframes loader {
	0% { background: #ddd; }
	33% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ddd; }
	66% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ddd, -15px 30px 1px #ccc; }
}

@keyframes loader {
	0% { background: #ddd; }
	33% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ddd; }
	66% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ddd, -15px 30px 1px #ccc; }
}

/*------------------------------------------------------------------*/ 
/*	13) PRICESS
/*------------------------------------------------------------------*/
#pricess{
	background:#fff;
}
article .pricess-icon, article .pricess-icon-star{
	background:#fff;
}
article .pricess-icon-star i{
	background:#333;
	color:#fcfcfc;
}
article .pricess-icon i{
	background:#FA7500;
	color:#fff;
}
.button-pric {
	background:#FA7500;
	color:#fcfcfc;
}
.button-pric:hover {
	color:#fff;
}
.button-star {
	background:#333;
	color:#fcfcfc;
}
.button-star:hover {
	color:#fff;
}

/*------------------------------------------------------------------*/ 
/*	14) CLIENTS
/*------------------------------------------------------------------*/
section#client{
	background:none;
}

/******** Carausel ********/
.clients-carousel{
	background:none;
}
.clients-carousel li{
	background:none;
}
.cfs-nav-left i, .cfs-nav-right i{
	color:rgba(51, 51, 51, 0.6);
}
.cfs-nav-left:hover i, .cfs-nav-right:hover i {
	color:rgba(51, 51, 51, 1);
}

/*------------------------------------------------------------------*/ 
/*	15) NEWS
/*------------------------------------------------------------------*/
#news{
	background:#eee;
}
.post-wrap{
	background:#333;
}
.post-desc p{
	color:#eee;
}
.news-icon i{
	background:#eee;
	color:#333;
}
.post-title{
	color:#eee;
}
.post-title a{
	color:#eee;
}
.post-meta p span.post-date-2, .post-meta p span a i{
	color:rgba(255,255,255,0.7);
}
.post-meta p span a{
	color:#FA7500;
}
.post-meta p span a:hover{
	color:rgba(255,255,255,1);
}
.meta a.more{
	color:rgba(255,255,255,0.7);
}
.meta a.more:hover{
	color:rgba(255,255,255,1);
}
.meta a.timeline-comments{
	color:rgba(255,255,255,0.7);
}
.meta a.timeline-comments:hover{
	color:rgba(255,255,255,1);
}

/*------------------------------------------------------------------*/ 
/*	16) CONTACT
/*------------------------------------------------------------------*/
.form2 .btn{
	background:none;
	color:#FA7500;
}
.form2 .btn:hover{
	background:#FA7500;
	color:#fff;
}
.input input{
	background:none;
	color:#333;
}
.input-holder textarea{
	background:none;
	color:#333;
}

/******** Contact Widget ********/
.contact-widget p{
	color:#fff;
}
.contact-widget p a:hover{
	color:#FA7500;
}
.contact-widget i{
	color:#FFF;
	background:#FA7500;
}
a.info-a{
	color:#FA7500;
}
a.info-a:hover{
	color:#fff;
}













h1, h2, h3, h4, h5, h6					{ color:#333; }
span									{ color:#333; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, a	{ color:#333; }
a:hover									{ color:#FA7500; }
p										{ color:#333; opacity:0.8; }
.button, input[type="submit"], button	{ background:#FA7500; color: #fff; }
blockquote								{ color:#fff; }

::-moz-selection 						{ background: #e4593a; color: #fff; text-shadow: none; opacity:1; }
.::selection 							{ background: #e4593a; color: #fff; text-shadow: none; opacity:1; }