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

body{
	color:#777777;
	background:#fafafa;
}
body-wrapper{ background:#fafafa; }

/*------------------------------------------------------------------*/ 
/*	1) HEADER
/*------------------------------------------------------------------*/
.headermask{
	background:rgba(0,0,0,0.777);
}
.slider-btn{
	color:#fff;
	background:none;
}
.slider-btn:hover{
	color:#fff;
}
/******** Carausel ********/
.carousel li{
	color:#fff;	
}
.carousel span{
	color:#83909C;
}
.pagination a.selected{
	background:#83909C;
}
.pagination a {
	background:rgb(34, 34, 34);
}
.pagination a:hover{
	background:#83909C;
}

/*------------------------------------------------------------------*/ 
/*	2) Nav
/*------------------------------------------------------------------*/
#nav{
	background: rgba(255, 255, 255, 0.95);
	-webkit-box-shadow: 0px 1px 10px rgba(31, 50, 63, 0.25);
	   -moz-box-shadow: 0px 1px 10px rgba(31, 50, 63, 0.25);
		  	box-shadow: 0px 1px 10px rgba(31, 50, 63, 0.25);
}
#nav ul.sf-menu li a{
	color:#2c3f52;

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


}

#nav ul.sf-menu > li.sfHover ul li a{
	color:rgba(255, 255, 255, 0.8);
}
#nav ul.sf-menu > li.sfHover ul li a:hover{
	color:rgba(255, 255, 255, 1);
}

#nav ul li li a:hover, .sf-menu li li.sfHover>a{
	background:#none;
	color:#fff;
}
#nav ul ul li a{
	color:#FFF;
}
.sf-menu li li {
	background:	#2c3f52;
	opacity:0.95;
	margin-bottom:0;
}
.sf-menu li li li {
	background:	#2c3f52;
	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;
}

/*------------------------------------------------------------------*/ 
/*	02) SERVICES
/*------------------------------------------------------------------*/
.box_image_with_border{
	background:#fff;
}
.box_image_with_border:hover{
	border-color:#83909C;
}
.separator{
	background-color:#e0dede;
}
/******** Hi Icon ********/
.hi-icon {
	color: #83909C;
}
.hi-icon-effect-1 .hi-icon {
	background: rgba(255,255,255,0.4);
}
.hi-icon-effect-1 .hi-icon:after {
	box-shadow: 0 0 0 3px #83909C;
}
.no-touch .hi-icon-wrap:hover .hi-icon-effect-1a .hi-icon {
	background: #83909C;
	color: #fff;
}
.hi-icon-effect-2 .hi-icon {
	color:#fff;
	background:none;
	box-shadow: 0 0 0 3px #83909C;
}
.hi-icon-effect-2 .hi-icon:after {
	background: #83909C;
}
.no-touch .hi-icon-wrap:hover .hi-icon-effect-2a .hi-icon {
	color: #fff;
}



/*------------------------------------------------------------------*/ 
/*	03) ABOUT US  SKILLS
/*------------------------------------------------------------------*/
section#about{
	background:#fff;
}
.skills li{
	background:#fff;
}
.skill-name{
	background:#3c4852;
	color:#FFF;
}
.skill-percent{
	color:#FFF;
	background:#83909C;
}
.skill-percent span{
	color:#FFF;
}
/******** Chart ********/
.percentage{
    color: #3c4852;
}
.easyPieChart span{
	color:#3c4852;
}

/*------------------------------------------------------------------*/ 
/*	03) CONTENT BOX
/*------------------------------------------------------------------*/
.wrap-icon-right span i, .wrap-icon-left span i{
	color:#fff;
	background:#2c3f52
}

/*------------------------------------------------------------------*/ 
/*	1) CBP-QtTROTATOR
/*------------------------------------------------------------------*/
.cbp-qtprogress{ 
	background: #83909C;
}
blockquote p{
	color:#fff;
}
.cbp-qtrotator blockquote footer a{
	color:#fff;
}
.cbp-qtrotator blockquote footer a:hover{
	color:#83909C;
}

/*------------------------------------------------------------------*/ 
/*	03) TEAM
/*------------------------------------------------------------------*/
section#team{
	background:#fff;
}
.grid .figure .hidden {
	background:#2c3f52;
}
.grid .figure .hidden span{
	color:#fff;
}
.grid .figure .hidden p{
	color:#fff;
}
.grid .figure .hidden a i{
	color:rgba(255, 255, 255, 0.7);
}

/******** CaptionHoverEffects ********/
.grid .figcaption {
	background: #2c3f52;
	color: #ed4e6e;
}
.grid .figcaption h3 {
	color: #fff;
}
.grid .figcaption span:before {
	color:#83909C;
}
.cs-style-1 h4 {
	background:#83909C;
	color:#fff;
}

/******** Individual Caption Styles ********/
.cs-style-1 .figcaption span {
	color: #fff;
}
.cs-style-1 .figcaption p {
	color: #fff;
}
.cs-style-1 .figcaption a {
	color:rgba(255, 255, 255, 0.7);
}
.cs-style-1 .figcaption a:hover{
	color:rgba(255, 255, 255, 1);
}
.cs-style-1 .figcaption a i{
	color:rgba(255, 255, 255, 0.7);
}
.cs-style-1 .figcaption a:hover i{
	color:rgba(255, 255, 255, 1);
}

/*------------------------------------------------------------------*/ 
/*	0) BLOG
/*------------------------------------------------------------------*/
li.like a{
	color:#bbb;
	background:none;
}
li.like a i{
	color:#bbb;
	background:none;
}
li.comment a{
	color:#bbb;
	background:none;
}
li.comment a i{
	color:#bbb;
	background:none;
}
.maskImage a span{
	background:#83909C;
}
.maskImage a span i{
	color:#FFF;
}
.meta-bottom a{
	background:#eee;
	color:#999;
}
.meta-bottom a:hover{
	background:#83909C;
	color:#fff;
}

/*------------------------------------------------------------------*/ 
/*	06) FUN FACT
/*------------------------------------------------------------------*/
.customer{
	background:rgba(255, 255, 255, 0.1);
}
.customer i{
	color:#fff;
}
.fun-fact h1{
	color:#83909C;
}
.fun-fact p{
	color:#fff;
}

/*------------------------------------------------------------------*/ 
/*	06) PORTFOLIO
/*------------------------------------------------------------------*/
.view-tenth .mask {
   background-color: rgba(0, 0, 0, 0.8);
}
.view-tenth h3 {
   background: transparent;
}
.view {
   background:none;
}
.view .mask h3 {
   color: #fff;
   background: none;
}
.view a.info {
   background: #000;
   color: #fff;
}

/*------------------------------------------------------------------*/ 
/*	26) CLIENTS
/*------------------------------------------------------------------*/
section#client{
	background:#fff;
}

/******** Carausel ********/
.clients-carousel{
	background:#fff;
}
.clients-carousel li{
	background:none;
}
.cfs-nav-left, .cfs-nav-right {
	background-color: rgba(0, 0, 0, 0.03);
	color:#888;
}
.cfs-nav span:hover{
	background-color: rgba(0, 0, 0, 0.05);
}

/*------------------------------------------------------------------*/ 
/*	06) PRICESS
/*------------------------------------------------------------------*/
#pricess{
	width:100%;
	height:auto;
	float:left;
}
.ib-container article{
	margin-top:5px;
}
.ib-container article ul{
	padding:20px;
	line-height:22px;
	text-align:center;
	list-style-type:none;
	margin-bottom:20px;
}
.pricetable-item {
    font-size: 12px;
    margin-bottom: 9px;
    padding-bottom: 9px;
    border-bottom: 1px dashed rgba(0, 0, 0, 0.5);
}
.button {
    font-weight: 400;
    font-size: 12px;
    padding: 5px 10px 5px 10px;
    display: block;
	text-align:center;
    text-decoration: none;
	margin:0 auto;
    transition: all 0.2s ease 0s;
    border: 1px solid rgba(246, 101, 60, 0.8);
}

/*------------------------------------------------------------------*/ 
/*	06) IB
/*------------------------------------------------------------------*/
#pricess{
	background:#fafafa;
}
.ib-container article{
	background:#fff;
}
.ib-container article h3{
	color: rgba(0, 0, 0, 0.6);
}
.ib-container article h3 span{
	color: #fff;
	background:#83909C;
}
.ib-container article a{
	background:rgba(246, 101, 60, 0.9);
}
.ib-container article a:hover{
	background:rgba(246, 101, 60, 1);
	color:#fff;
}
.ib-container article p{
	color: rgba(51, 51, 51, 1);
}
/******** Hover Style for all the items: blur, scale down ********/
.ib-container article.blur h3{
	color: rgba(0, 0, 0, 0);
}
.ib-container article.blur a{
	color: rgba(0, 0, 0, 0);
}
.ib-container article.blur ul{
	color: rgba(255, 210, 82, 0);
}
.ib-container article.blur  p{
	color: rgba(51, 51, 51, 0);
}

/*------------------------------------------------------------------*/ 
/*	06) FLEXSLIDER TWITTER
/*------------------------------------------------------------------*/
.twitterfeed ul li{
	color:#9d9d9d;
}
.twitterfeed ul li a:hover{
	color:#83909C;
}
.twitt-title{
	color:rgba(255,255,255,0.7);
}
.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;
}

/*------------------------------------------------------------------*/ 
/*	14) CONTACT
/*------------------------------------------------------------------*/
#contact .standart-title{
	color:#fff;
}
#contact .text-center span.border-circle:after{
	background:#fff;
}
.form2 .btn{
	background:#83909C;
	color:#fff;
}
.form2 .btn:hover{
	background:rgba(246, 101, 60, 1);
}
.input-holder label{
	color:#888;
}
.input input{
	background:none;
	color:#fff;
}
.input-holder textarea{
	background:none;
	color:#fff;
}

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














h1, h2, h3, h4, h5, h6					{ color:#515a5f; }
h4 span									{ color:#e4593a; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, a	{ color:#83909C; }
a:hover									{ color:#444; }
p										{ color:#777777; opacity:0.6; }
.button, input[type="submit"], button	{ background:#83909C; 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; }