/*
Theme Name: theme-child
Theme URI:      
Description: Child theme for the orion2 theme
Author:         
Author URI:     
Template: orion2                             
Version: 0.1.0
*/

@import url("../orion2/style.css");

@import url(http://fonts.googleapis.com/css?family=Fjalla+One);



/* Parallax */

body .bgsepara{
	height:380px;
	width:100%;
    box-shadow: inset 0px 5px 50px rgba(0,0,0,.5);
	position: relative;
}

/* Front page */

.page h2 {
	font-size: 110px;
	line-height:normal;
}


body .data-content, body .data-content2 {
  color: #676B6A;
  font-family: 'Open Sans',sans-serif;
  font-size: 20px;
  font-weight: normal;
  line-height: 28px;
  margin: 50px 20px 30px;
  text-align: center;
  width: auto;
}

body #banner {
	background:url(../img/banner.jpg) no-repeat;
	background-size: cover !important;
	-webkit-background-size: cover;
	-moz-background-size: cover;
}


body .page.first {
	padding-top:900px;
	width: 100%;
	height: auto;
	background: #fff;
}

body .parallax-text{
	font-family: 'Montserrat', sans-serif;
	font-size: 45px;
	font-weight: 300;
	color: #fff;
	line-height: 45px;
	text-align: center;
	padding-top: 175px;
	text-shadow: 0 2px 0 rgba(0, 0, 0, 0.5);
}



body .parallax-text span{
	font-size: 16px;
	font-weight: 300; 
	letter-spacing: 1px;}


body #header {
	width: 100%;
	height: 110px;
	padding: 0px 0px 0px;
	margin: 0px;
	background: #333;
	background-repeat: repeat-x;
	position: fixed;
	z-index: 100!important;
}

.menubtn .contentbtn2 {
	color:#ff9933;
}

.infobanner .welcome{
	font-size: 200px;
	font-weight: normal;
	letter-spacing: 3px;
	font-family: 'Fjalla One', sans-serif;
	color: #fff;
	text-transform: uppercase;
	height: 115px;
	text-align: center;
	margin-bottom: 25px;
	margin-top: 65px;
	text-shadow: 2px 2px 10px rgba(0, 0, 0, 1);
}

.infobanner .titlebanner{
		background:url(img/marketing.png) no-repeat center;
}

.infobanner .textbanner{
	letter-spacing: 4px;
	height: auto;
	text-align: center;
	margin: auto;
	border-top: none;
	font-family: 'Open Sans', sans-serif;
	font-size: 30px;
	font-weight: 400;
	font-style: italic;
	color: #ffffff;
	margin-top: 30px;
	padding: 20px;
	background-color:rgba(0, 0, 0, .6);
	}
	
	<!--[if IE]>
	{
	background: transparent;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000)"; /* IE8 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);   /* IE6 & 7 */
      zoom: 1;
	}
	<![endif]-->
	


/* Services section */

#services {
  background: none repeat scroll 0 0 #FFFFFF;
  height: 100%;
}
.disciplines {
  height: 100%;
  margin: 60px auto auto 20px;
  overflow: hidden !important;
  width: 932px;
}


.works{
	float: left;
	margin-bottom: 20px !important;
	margin-right: 40px;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #ffffff;
height: 170px;
}

.disciplines .works .titleworks{
	width: 100%;
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #7e7f7f;
	text-transform: uppercase;
	float:left;
}

.infoworks{
	font-size: 14px; 
	color: #676b6a; 
	font-family: 'Open Sans', sans-serif; 
	padding-left: 70px;
	}

.infoworks ul.serv
{
list-style-type: none;
padding: 0px;
margin-top: 52px;
}

.infoworks ul.serv li
{
background-image: url(img/orange_dot.png);
background-repeat: no-repeat;
background-position: 0px 5px; 
padding-left: 15px; 
margin-bottom: 3px !important;
}


.iconworks {
	padding: 0px 15px 0px 0 !important;
	float:left;
}


/* Profile section */

.footer-profile-1 {
	background: none;
	width: 364px;
	height: 41px;
	margin: auto;
	padding-bottom: 55px;
	padding-top: 0;
}

/* Team section */
.banner_client {
    margin: 0; 
    padding: 0;
    text-align: center;
}



/* Portfolio section */

.foliomenu{width: 940px; height: 49px; margin: 0 auto; margin-left: 40px; text-align:center;}

.info-pf .infoproject{
	height: auto;
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #dddddd;
	text-align: center;
	position: relative;
}

.folio-btn{
	color: #fff;
	height: auto;
	line-height: 50px;
	text-decoration: none;
}

.last-btn{margin-right: 40px;}

#filters .portfolio-btn{
	float: left;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 600;
	margin: 12px 30px 0 0;
	font-family:'Open Sans', Arial, sans-serif;
}

.portfolio2-btn{
	float: left;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 600;
	margin: 12px 5px 0 0;
	font-family: 'Open Sans', Arial, sans-serif;
}

.folio-btn .experiential-btn {
	background:url("img/portfolio_experiential_btn.png") no-repeat;
	width: 49px; 
	height: 49px; 
	float: left; 
	margin-right: 10px;
	}
	
.folio-btn .promotion-btn {
	background: url("img/portfolio_promo_btn.png") no-repeat;
	width: 49px; 
	height: 49px; 
	float: left; 
	margin-right: 10px;
	}

.portfolio-btn:hover .experiential-btn, .portfolio-btn:hover .promotion-btn{background-position: 0 -48px; cursor: pointer;}

.folio-btn .all-btn{width: 49px; height: 49px; float: left; background: url(img/portfolio_all_btn.png) no-repeat; margin-right: 10px;}
.folio-btn .websites-btn{width: 49px; height: 49px; float: left; background: url(img/portfolio_websites_btn.png) no-repeat; margin-right: 10px;}
.folio-btn .design-btn{width: 49px; height: 49px; float: left; background: url(img/portfolio_design_btn.png) no-repeat; margin-right: 10px;}
.folio-btn .branding-btn{width: 49px; height: 49px; float: left; background: url(img/portfolio_branding_btn.png) no-repeat; margin-right: 10px;}



#options{padding-bottom: 40px;}

.contentbtn2 {
	color:#ff9933;
}

/* Portfolio - view window */

.project-content .close {
	background: url(img/close.png) no-repeat;
}

.info-project .btn-prev {
	background: url(img/direction_nav_prev.png);
}
.info-project .btn-next {
	background: url(img/direction_nav_next.png);
}

.info-project .disable2:hover{background: url(img/btn-prev.png) no-repeat !important;}
.info-project .disable-22:hover{background: url(img/btn-next.png) no-repeat !important;}

.nav-project .dotsmenu li.activo{background: url(img/dotin.png) no-repeat;}
.nav-project .dotsmenu li{background: url(img/dotout.png) no-repeat;}
.nav-project .dotsmenu2 li.activo2{background: url(img/dotout2.png) no-repeat;}
.nav-project .dotsmenu2 li{background: url(img/dotin2.png) no-repeat; width: 14px; height: 14px; float: left; margin: 10px 3px;}


.view-btn .view-project2 {
	background-color: #ff9933;
}

.info-project .description {
	margin-top:10px;
	font-weight: 300;
	letter-spacing: 1px;
	}
	
.info-project .title-project {
		letter-spacing: 1px;
	}
	
	
	

/* Portfolio - hover colour */

#container2 .view-project:hover {
	color: #666 !important;
	cursor: pointer;
}

#container2 .ch-grid .ch-item:hover {
	box-shadow: 
		inset 0 0 0 140px rgba(255,153,51, 0.9), /* Color Circle and Alpha*/
		inset 0 0 0 5px rgba(255,255,255,0), /* Color Border and Alpha*/
		0 1px 2px rgba(0,0,0,0.1) !important;
}

#container2 .view-project {
	display: block;
	color: #fff;
	font-style: normal;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 12px;
	letter-spacing:1px;
	font-family: 'Open Sans', Arial, sans-serif;
	position:relative;
	margin:5px auto 0;
}

#container2 .ch-grid .ch-info p {
	color: #fff;
	font-style: italic;
	margin: 0px 30px 0 30px;
	font-size: 12px;
	border-top: 1px solid rgba(255,255,255,0.5);
	width: 180px;
	text-align: center;
	padding-top: 5px;
	padding: 0;
}

#container2 .ch-grid .ch-info .h3 {
	color: #fff;
	text-transform: uppercase;
	position: relative;
	letter-spacing: 2px;
	font-size: 22px;
	padding: 40px 0px 0 0px;
	font-family: 'Open Sans', Arial, sans-serif;
	font-weight:600;
	text-align: center;
	width: 180px;
	margin: auto;
	height: 80px;
}

#container2 .h3 .bottom{
	text-align:center;
	width:100%;
}






.works-container h2 span {
	color: #ff9933 !important;
}

body h2 span {
	color: #ff9933 !important;
	line-height:normal;
}

body #page-69 h2 {
	font-size: 90px !important;
	line-height:normal;
}


body .date{
	display: none;
}


/* Contact section */

.contactinfo .titlecontact {
	font-size: 18px;
	font-weight: 600;
	color: #ff9933;
}

.contactinfo .email{
	background: url(img/email.png) no-repeat;
	height: 56px;
}

.contactinfo .phone{
	background: url(img/phone.png) no-repeat;
	height: 56px;
}

.contactinfo .skype{
	background: url(img/address.png) no-repeat;
	height: 56px;
}

.contactinfo .skype .infocontact{
	margin-top: 10px;
}

fieldset .submit {	
	background-color:#ff9933;
}

/* skype/address line */
.skype .infocontact {
	margin: 12px 0px 0px 70px;
	letter-spacing: 1px;}


#copyright-details {
	text-align:center;
	color: #ffffff;
	margin-top: 25px;
	font-size: 14px;
}





/* #Media Queries
================================================== */


/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {


}


/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {

		body #page-69 h2 {font-size: 90px !important; line-height:normal;}

		
		.infobanner .welcome {font-size: 140px;height: 80px;margin-top: 45px;}

		body .page.first { padding-top:700px;}
	
	/*  PORTFOLIO  */
		.title.portfolio {font-size: 25px;}
		.portfolio-btn {margin: 12px 20px 0 0;}
		.element {margin: 50px 15px 0px 15px;}
		.foliomenu {margin-left: 20px; width: 0 auto; text-align: center;}
		.project-content{width: 805px;}
		.close{margin-right: 20px;}
		.nav-project {margin-left: 350px;}
		.view-project2 {margin-right: 60px;}
		.works-header {width: 768px;}

}

/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {


	body #page-69 h2 {font-size: 80px !important; line-height:normal;}
		
	.infobanner .welcome {font-size: 130px;height: 80px;margin-top: 45px;}
	
	
	.foliomenu .portfolio-btn a:hover{color: #ff9933; cursor: pointer;}
	.foliomenu .portfolio2-btn a:hover{color: #ff9933; cursor: pointer;}
	
	
	}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		
		body #page-69 h2 {font-size: 70px !important; line-height:normal;}

		
		.infobanner .textbanner {width: 400px; font-size: 18px; padding-top: 10px; padding: 10px;}

		
		.infobanner .welcome {font-size: 100px; height: 80px;margin-top: 45px;}
		
		.infobanner .titlebanner {width: 200px;height: 78px;background:url(img/marketing_02.png) no-repeat !important;}

body .page.first { padding-top:550px;}



		
	/*  PORTFOLIO  */
		.title.portfolio {font-size: 18px;}
		.portfoliocontent {padding-top: 10px !important;}
		#portfolio2 {height: 170px;}
		#container2 {width: 482px; margin: auto; padding-bottom: 50px;}
		.element {margin: 50px 10px 0px 10px;}
		.folio-btn {padding-left: 0; line-height: normal;}
		.foliomenu {width: 400px; margin: 0 auto; text-align: center;}

		.infoproject {font-size: 20px;}
		.info-pf{position: relative;}
		.img-portfolio {}
		.project-content {width: 500px;}
		.info-project {width: auto;margin: 0 20px;}
		.view-btn {width: 500px;margin: 0 0 40px 0; overflow: auto;}
		.nav-project {margin-left: 206px;}
		.img-project {width: 460px;height: 287px;}
		.project-one {background: url(../img/projects/project_01_02.jpg) no-repeat;width: 460px;height: 287px;margin-right: 234px;}
		.project-two {background: url(../img/projects/project_02_02.jpg) no-repeat;width: 460px;height: 287px;margin-right: 234px;}
		.project-video,.video-embed {width: 460px;height: 287px;margin-right: 234px;}
		.close {right: -80px;}	
	
	.all-btn, .websites-btn, .design-btn, .experiential-btn, .promotion-btn, .branding-btn{display: none;}
	.foliomenu .portfolio-btn {margin: 12px 10px 0 0; font-size: 12px;}
	.foliomenu .portfolio-btn a:hover{color: #ff9933; cursor: pointer;}
	.foliomenu .portfolio2-btn a:hover{color: #ff9933; cursor: pointer;}
	
	
	.info-project .btn-prev, .info-project .btn-next {display: none;}

	
	}
	
	


/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {

		body #page-69 h2 {font-size: 50px !important; line-height:normal;}
		
		.infobanner .textbanner {width: 340px; font-size: 16px; padding-top: 10px; padding: 10px;}
	
		.infobanner .welcome {font-size: 70px;margin-top: 30px;height: 60px;}
	
		.infobanner .titlebanner {width: 200px;height: 78px;background:url(img/marketing_02.png) no-repeat !important;}

	
	/*  PORTFOLIO  */
		.portfoliocontent {padding-top: 10px !important;}
		#portfolio2 {height: 170px;}
		#container2 {width: 247px; margin: auto; padding-bottom: 50px;}
		.element {margin: 50px 10px 0px 10px;}
		.folio-btn {padding-left: 0; line-height: normal;}
		.foliomenu {width: 350px; height: 49px; margin: 0 auto;}
		.infoproject {font-size: 20px;}
		.info-pf{position: relative;}

		.project-content {width: 365px; margin-bottom: 65px;}
		.info-project {width: auto;margin: 0 5px;}
		.view-btn {width: 420px;margin: 0; overflow: auto;}
		.nav-project {margin-left: 140px;}
		.img-project {width: 365px;height: 228px;}
		.project-one {background: url(../img/projects/project_01_03.jpg) no-repeat;width: 365px;height: 228px;margin-right: 329px;}
		.project-two {background: url(../img/projects/project_02_03.jpg) no-repeat;width: 365px;height: 228px;margin-right: 329px;}
		.project-video,.video-embed {width: 365px;height: 228px;margin-right: 329px;}
		.close {right: -65px;top: 32px;}
	
	.all-btn, .websites-btn, .design-btn, .experiential-btn, .promotion-btn, .branding-btn{display: none;}
	.foliomenu .portfolio-btn {margin: 12px 10px 0 0; font-size: 14px;}
	
	.foliomenu .portfolio-btn a:hover{color: #ff9933; cursor: pointer;}
	.foliomenu .portfolio2-btn a:hover{color: #ff9933; cursor: pointer;}
	
	
	/*.page h2 {line-height:none;}
	
	body .section{ margin:auto; padding-top:20px;}
	body .contentsection{margin-top: 50px;}*/
	
	body #banner {
	background:url(../img/banner.jpg) no-repeat;
	height:500px;
	background-size: cover !important;
	-webkit-background-size: cover;
	-moz-background-size: cover;
}

section #page-116 {padding-top: 50px;}

body .page.first { padding-top:550px;}


body .data-content, .data-content2 {margin: 0 10px 0; font-size: 16px; font-style:normal;}

.info-project .btn-prev, .info-project .btn-next {display: none;}
}

.disciplines{
	width: 932px;
	height: auto;
	margin: auto;
	margin-left: 20px;
	overflow: auto;
	margin-top: 60px;
	padding-bottom: 60px
}