/* Testimonals header...was white */
.dark h1 {
  color: #7a7a7a!important;
}

.dark {
  color: #7a7a7a!important;
}

.site-title {
  font-size: 52px!important;
  line-height: 70px!important;
}

.smaller .site-title {
  font-size: 52px!important;
  line-height: 70px;
}

.header {
  height: 70px!important;
  line-height: 70px!important;
}

#mainmenu a {
  padding: 18px 20px 18px 20px!important;
}

.header.header-bg {
  height: 70px!important;
}

#logo {
  height: 70px!important;
  line-height: 70px!important;
  padding-top: 5px;
}

#menu-btn {
  top: 4px!important;
}

.myspace {
  background-color: yellow!important;
}

#subheader {
  padding: 0 0 0 0!important;
}

div.page-overlay {
  display: none!important;
}

#section-about-us-2 .image-container {
  background: url(../../../images/assets/about2/araceli_paris.jpg)!important;
}

#mainmenu a {
  -webkit-font-smoothing: antialiased!important;
  font-smoothing: antialiased!important;
  color: rgb(108, 108, 108);
}

/* section background
/* -------------------------------------------------- */
/*#subheader{background:url(../images/background/bg-subheader.jpg) top fixed;}*/
#subheader{background-color: rgb(164,158,158);}
#fun-facts{background:url(../images/background/bg-3.jpg) top fixed;}
#info-address{background:url(../images/background/bg-3.jpg) top fixed;}
#section-about-us-2 .image-container{background:url(../images/background/bg-side-1.jpg);}
/*#section-contact{ background:url(../images/background/bg-3.jpg) top fixed;}*/

#section-contact{ background-color: rgb(164,158,158);}

#section-skill-bar{ background:url(../images/background/bg-8.jpg) top fixed;}
/*#section-testimonial{ background:url(../images/background/bg-2.jpg) top fixed;}*/
#section-testimonial{ background-color: rgb(204,204,204); }

#logo-full{ background:#000; padding:60px 0 60px 0;}
#view-all-projects{background:#F06807; padding:60px 0 60px 0;}
#section-about-us-2{background:#f8f8f8; height:100%;}
.dark #section-about-us-2{background:#222; height:100%;}
.dark #section-portfolio{background:#222;}

.de-team-list .inner{position:relative;}
.de-team-list .team-desc {
width:100%;
height:262px;
-webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}
.de-team-list .img-responsive {
width:100%;
-webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
  }
.de-team-list .team-pic {height:262px;}
.de-team-list:hover .team-desc {
position: absolute;
  margin-top: -262px;
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
  }
.de-team-list:hover .img-responsive {
margin-top:-100px;
-webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}

footer{margin-top:-1px;}
.btn{border-radius:0px;}


@media (max-width: 992px) and (min-width: 633px){
.col-md-3 { width: 50%; float:left;}
}
@media (max-width: 632px) and (min-width: 321px){
.col-md-3 { width: 100%; float:left;}
.de-team-list .team-pic {width:345px; height: 345px; max-width:100%; max-height:100%;}
.de-team-list .team-desc {width:345px;height: 345px;max-width:100%; max-height:100%;}
.de-team-list:hover .team-desc {position: absolute; margin-top: -345px;}
}

@media (max-width: 320px){
.col-md-3 { width: 100%; float:left;}
.de-team-list .team-pic {width:260px; height: 260px; max-width:100%; max-height:100%;}
.de-team-list .team-desc {width:260px;height: 260px;max-width:100%; max-height:100%;}
.de-team-list:hover .team-desc {position: absolute; margin-top: -260px;}
}
a,a:hover, a:focus{outline:0px;}

	.dark{
	background:#333439;
	color:#eee;
	}
	.dark #content{
	background:#333439;
	color:#bbb;
	}
	.dark section{background:#111;}
	.dark .post-meta{background:#666; color:#eee;}
	.dark .post-meta a{color:#eee;}
	.dark .post-meta {border: solid 1px #999;}
	.dark .post-meta span { border-left: solid 1px #999;}
	.dark .items_mask {
	  border: 1px solid #999;
	  background: #666;
	}

	.dark ul.tabs_container li.tab.active span {
	  background-color: #666;
	  border-bottom: 1px solid #666;
	}
	.dark ul.tabs_container li.tab span {
	  border-top: 3px solid #F06807;
	  border-bottom: 1px solid #999;
	  border-left: 1px solid #999;
	  border-right: 1px solid #999;
	  background: #666;
	  color: #fff;
	}

	.dark .widget_category li {
	  border: solid 1px #999;
	  background: #666;
	}
	.dark .widget_category li a {color: #eee;}
	.dark .widget {border-bottom: solid 1px #999;}
	.dark a:hover, .dark a:focus {
	  color: #F06807;
	  text-decoration: none;
	}
	.dark .sp_tab_sidebar {
	  border-bottom: 1px solid #999;
	}
	.dark #commentform textarea:focus {
	background: #333439;
	}
	
	.dark div.itemAuthorBlock {
	background: #333439;
	}
	.dark div.itemAuthorBlock img.itemAuthorAvatar {
	background: #333439;
	}
	
	.dark div.itemComments {
	background: #333439;
	}
	
	.dark div.itemComments ul.itemCommentsList li img {
	background: #333439;
	}
	.dark div.itemFullText,.dark div.itemIntroText {color: #eee;}
	.box-fx .info{width:100%; height:100%;}

/* portfolio mobile */

@media only screen and (max-width: 1023px)  {  
  
    .portfolio-single {
  		margin-top: 30px!important;
	}
  
  section#section-about {
    padding-top: 30px!important;
  }
  
  section#section-contact {
    padding-top: 30px!important;
  }
  
  section#section-services {
    padding-top: 30px!important;
  }
  
  section#section-portfolio {
    padding-top: 30px!important;
  }
  
  #section-contact .spacer-single {
    display: none;
  }
  
  /*
  #menu-btn:before {
    font-family: FontAwesome;
	content: "\f00d"!important;
	font-size: 24px;
	color: #eceff3;
  }*/
}


@media only screen and (max-width: 321px)  {  
  .site-title {
    font-size: 34px!important;
    line-height: 70px!important;
  }
  
  #logo {
    padding-top: 0;
  }
  
  div.text-item {
    font-size: 40px!important;
  }
  
  /*#menu-btn:before {
    font-family: FontAwesome;
	content: "\f00d"!important;
	font-size: 24px;
	color: #eceff3;
  }*/
  
  #section-welcome {
    font-size: 10px !important;
    padding-top: 60px!important;
  }
  
}