#background-gradient{
	background-color:#ededed;
}

h1, h2, h3, h4, h5, h6{
  color: #000000;
}

#header{
   	background-color:#000000;
}

p.post-title{
  	color: #000000;
}

p.post-categoty{
	color: #888888;
}

.comment-number{
	color: #888888;
}

.desc{
	color: #757575;
}

div.image-container{
	border: 1px solid #D6D6D6;
  	background: #FFF;
}

div.image-hover{
	background-color: #FFFFFF;
}

.latestWorksContainer ul.latestWorks li:hover h4{
  	color:#888888;
}

.latestWorksContainer ul.latestWorks li:hover p.post-categoty{
  	color:#000000;
}

.similar-proj:hover h4{
  color:#888888;
}

.similar-proj:hover p.post-categoty{
  color:#000000;
}

div.image-hover p{
	color: #000000;
  	border: 2px solid;
}

.nav-bar{
  background: rgba(0, 0, 0, 0.7);
}

.main-menu a{
  color: #FFFFFF;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.menu-menu-container > ul > li:hover {
  background: #191919 !important;
}

.main-menu a:hover{
  color: #b3b3b3 ;
}

.main-menu ul ul li{
  margin: 0;
  border-top: 1px solid #191919;
}

.menu-menu-container > ul > li{
  border-right: 1px solid #191919;
}

.main-menu ul li{
  background: #000000;
}

.main-menu ul li:hover a{
  //color: #000000;
}

.menu-menu-container ul ul li a{
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.menu-menu-container ul ul li:hover a{
  //color: #b3b3b3;
}

.menu-menu-container > ul > li:first-child{
  border-left: 1px solid #191919;
}

.main-menu ul ul li{
  //background: #FFF;
}

#blog-slider-container{
  border:1px solid #d6d6d6;
  background-color: #FFFFFF;
}

.post-image{
  border: 1px solid #FFF;
}

.post-desc{
	border-left: 1px solid #d6d6d6;
}

.comment-size-box{
	border:1px solid #dedede;
}

.triangle{
	border-left: 7px solid rgba(255, 0, 0, 0);
	border-top: 7px solid #dedede;
	border-right: 7px solid rgba(255, 0, 0, 0);
}

.triangle-border{
	border-top: 7px solid #dedede !important;
}

.triangle-body{
  border-top: 7px solid #FFFFFF !important;
}


.testmonials{
	background-color: #FFFFFF;
	border: 1px solid rgb(214, 214, 214);
}

.twitter{
	background-color: #FFFFFF;
}

.twitter-color{
	color: #4dd3f0;
}

#footer{
  border-top:1px solid #d6d6d6;
} 

.footer-text p{
  color: #000;
} 

.footer-social{
  color:#c6c6c6; 
}

.footer-social li{
	border: 2px solid; 
  border-color: #c6c6c6;
}

.footer-social li:hover{
    background-color: #c6c6c6;
    color: #FFFFFF;
    border-color: #c6c6c6;
}

.acc-heading-color{
  background-color: #eeeeee;
}

.acc-heading-color:hover{
  background-color: #e0e0e0;
}

.social-item{
  border: 2px solid;
  color: #C6C6C6;
}

.social-item:hover{
  background-color: #C6C6C6;
  color: #FFF;
  border-color: #C6C6C6;
}

.blog-item{
  border:1px solid #d6d6d6; 
  background-color:#fff;
}

.load-more{
  border: 1px solid;
  color: #A2A2A2;
}

.load-more:hover{
  background-color: #a2a2a2;
  color: #fff;
  border-color: #a2a2a2;
}

#col-container{
  border: 1px solid #d6d6d6;
  background-color: #FFF;
}

#introduction{
   border: 1px solid #d6d6d6; 
   background:#FFF;
}

#contact-container{
  border: 1px solid #d6d6d6; 
  background:#FFF;
}

.contact-txtbox{
  border: 1px solid #d6d6d6;
  color:  #888888 !important;
}

.contact-txtbox:focus{
  border: 1px solid;
}

.contact-txtarea{
  border: 1px solid #d6d6d6;
  color:  #888888 !important;
}

.contact-txtarea:focus{
  border: 1px solid #000000;
}

#map-container{
  background-color: #FFFFFF;
  border: 1px solid #d6d6d6;
}

.contact-table{
  border: 1px solid #d6d6d6;
  background-color: #FFFFFF;
}

.contact-table tr td{
  border-right: 1px solid #d6d6d6;
}

.portfolio-item .image-container{
  background-color: #FFF;
}

#filters{
  border: 1px solid #c6c6c6;
}

#filters li{
  border-right: 1px solid #c6c6c6;
}

#filters li:hover{
  background-color: #f9f9f9;
}

#project-summary{
  border-left: 1px solid #D6D6D6;
  background: #FFF;
}

.summary-details{
  border-bottom: 1px solid #D6D6D6;
}

.services-logo{
  border: 2px solid;
}

.tabs-container{
  border: 1px solid #ddd;
}

.blockquote{
  border: 1px solid #d6d6d6;
}

.blockquote td:first-child{
  border-right: 1px solid #d6d6d6;
  background-color: #eeeeee;
}

#search-bar{
  color:#FFFFFF;
  background-color:#dbdbdb;
}

.adv{
  border: 1px solid #d6d6d6;
}

.up-container{
  border: 1px solid #D6D6D6;
  background-color: #fff;
}

.coments li{
  border-bottom: 1px solid #D6D6D6;
}

.img-60{
  border: 1px solid #D6D6D6;
  background-color: #FFFFFF;
}

.comment{
  color: #757575;
}

.testmonial-border{
  border-right: 1px solid #D6D6D6;
}

.testmonial-border-left{
  border-left: 1px solid #D6D6D6;
}

.testmonial-triangle-border{
    border-top: 10px solid rgba(255, 0, 0, 0);
    border-left: 10px solid #D6D6D6;
    border-bottom: 10px solid rgba(255, 0, 0, 0);
}

.testmonial-triangle-body{
    border-top: 10px solid rgba(255, 0, 0, 0);
    border-left: 10px solid #FFFFFF;
    border-bottom: 10px solid rgba(255, 0, 0, 0);
}

.show-nav{
  border-left:1px solid #eeeeee;
  border-right:1px solid #eeeeee;
}

#search-field{
   background-color:#dbdbdb;
}

.search-icon{
   color:#000000;
}

.about-intro p{
  color: #888;
}

.about-intro p:first-child{
  color: #000;
}

#css-table { 
  border: 1px solid #d6d6d6;
}

#css-table .col { 
  border-left: 1px solid #d6d6d6;
  background: #fff;
}

.contact-info-container .elem:last-child p{
  color: #888;
}

.portfolio-item:hover h4{
  color:#888888;
}

.portfolio-item:hover p.post-categoty{
  color:#000000;
}

.services-elem p{
  color: #888;
}

.services-elem p:first-of-type{
  color: #000000;
}

#commentform input#submit{
  color: #FFF;
  background-color: #888;
}

#commentform input#submit:hover{
  color: #FFF;
  background-color: #000;
}

.single-post-content p{
  color: #757575;
}

.single-post-content p:first-of-type{
  color: #000;
}

.single-workpost-desc p{
  color: #757575;
}

.center-search{
	color: #FFFFFF;
}

@media(max-width: 979px){
  #header ul{
    background: #000000;
  }

  #header ul li{
    background: #000000;
  }
  #header ul:hover{
    background: #000000;
  }

  #header ul li:hover{
    background: #000000;
  }

  .menu-menu-container > ul > li:first-child{
    border: 0;
  }

  .main-menu ul:hover a{
    color: #FFFFFF !important;
  }

  .show-nav{
    color: #FFFFFF;
  }

  .show-nav{
    border-left: 1px solid #383838;
    border-right: 1px solid #383838;
  }

  .main-menu ul ul li{
    margin: 0;
    border: 0;
  }

  .menu-menu-container > ul > li:hover {
    background: transparent !important;
  }

  .main-menu a{
    border-bottom: 1px solid #191919;
  }

  .main-menu ul ul li a{
    padding-left: 30px !important;
  }

  .main-menu ul ul ul li a{
    padding-left: 40px !important;
  }
}