@charset "utf-8";
/* CSS Document */

.navbar .brand {
  margin: 10px 0 0 30px;
	padding: 0;
}

#navigation,
.navbar-inner {
	position: relative;
	z-index: 100;
}

#home {
	position: relative;
	z-index: 101;
}

#services {
	position: relative;
	z-index: 99;
}

.intros {
  margin: 0 0 -23px !important;
}

.intro h3 {
  color: #BBBDC0;
  font-size: 30px;
  font-weight: 300;
  letter-spacing: -3px;
  line-height: 1;
  text-align: center;
}


.m_header_desktop {
  background: none repeat scroll 0 0 #CCCCCC;
  padding: 123px 0;
}

.m-btn.blue {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.a-btn {
  margin-bottom: 5px !important;
  padding: 20px 14px !important;
}

.m-btn {
	border: 1px solid #FFFFFF;
  border-radius: 23px;
}

#more {
  bottom: 10px;
}

#works {
  margin: 100px 0 0;
}

#works-content .wpb_wrapper,
#services-content .wpb_wrapper,
#team-content .wpb_wrapper {
  text-align: left;
}

.wpb_tabs .wpb_tabs_nav li {
  border: 1px solid #CCCCCC;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	
	-webkit-border-bottom-left-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	-moz-border-radius-bottomleft: 0;
	-moz-border-radius-bottomright: 0;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
  float: left;
  margin: 0 !important;
}

.wpb_content_element .wpb_tabs_nav li.ui-tabs-active, .wpb_content_element .wpb_tabs_nav li:hover {
  background-color: #ccc !important;
}

.wpb_tabs .wpb_tabs_nav li {
  float: left;
  margin: 0;
}

h1 {
  font-size: 46px;
}

p {
  margin-bottom: 1.5em;
}

.wpb_wrapper ul {
  margin: -10px 0 16px 14px;
}

.wpb_wrapper li {
  line-height: 20px;
  margin-bottom: 20px;
}


#contact-us-content .m-btn.blue {
  background: none repeat scroll 0 0 #666666;
  border-radius: 4px;
  padding: 9px 25px;
}

#contact-us p.header,
#contact-us-content .wpb_wrapper h1 {
	display: none;
}

#contact-us-content .wpb_text_column.wpb_content_element p {
	font-size: 36px;
	line-height: 150%;
}


#contact-us-content .photo-credits .wpb_text_column.wpb_content_element p,
#contact-us-content .photo-credits .wpb_text_column.wpb_content_element a {
	font-size: 12px;
	line-height: 150%;
	text-align: left;
}

#contact-us-content .wpb_separator {
  display: none;
}

#contact-us-content .divide {
  margin-bottom: 5%;
  margin-top: 0%;
}


#footer .span4 {
  width: 100%;
	color: #666;
}

#footer .span4 a {
	color: #666;
}

#footer .span4 a:hover {
	color: #000;
}

.chrome #services-desktop {
	background: #ccc;
}



/* MEDIA QUIERES */
/* Phones */
@media (min-width: 320px) AND  (max-width: 768px) { 
#home .wpb_content_element {
  margin: -60px 0 !important;
}
.carousel {
  margin-bottom: 78px;
}

.intro h2 {
  color: #BBBDC0;
  font-size: 33px;
  letter-spacing: -1px;
  padding-top: 25%;
}

.intros.subhead {
  font-size: 18px;
  letter-spacing: 0.2px;
}

#works {
  margin: 0;
}

.wpb_start_animation.wpb_bottom-to-top {
  display: none;
}

.m_header_desktop, .m_header_mobile {
  background: none repeat scroll 0 0 #CCCCCC;
  padding: 30px 0;
}
h1 {
  font-size: 20px;
  letter-spacing: 0.1px;
	line-height: 1;
	margin-bottom: 0;
}
#contact-us-content input {
	border: 1px solid #ccc;
}
}

/* Landscape phones  */
@media (min-width: 320px) AND  (max-width: 768px) AND (orientation: landscape) { 
.android #home .wpb_content_element {
  margin: -260px 0 -60px !important;
}
.carousel {
  margin: -120px 0 60px;
}
}

/* Landscape phones  */
@media (min-width: 320px) AND  (max-width: 768px) AND (orientation: landscape) { 
#home .wpb_content_element {
  margin: -260px 0 -60px !important;
}
.carousel {
  margin: -120px 0 60px;
}

.intros.subhead {
  margin: 270px 0 0 !important;
}

.wpb_start_animation.wpb_bottom-to-top {
  display: block;
}
}



 
/* Landscape phone to portrait tablet */
@media (max-width: 768px) { 

}
 
 
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 940px) { 

}

/* Desktops at 1024px */
@media ( max-width : 1180px) and (min-width: 980px) {
	
}



@media (min-width:600px) AND (max-width: 1024px) AND (orientation: portrait) { 
#home .wpb_content_element {
  margin: -260px 0 -120px !important;
}
.carousel {
  margin: -180px 0 60px;
}

.intros.subhead {
  margin: 370px 0 0 !important;
}
}


@media (min-width:600px) AND (max-width: 1024px) AND (orientation: landscape) { 

}