@import url("space.css");

.container {
    position: absolute;
    width: 100%;
}

.content {
    top: 0;
    position: absolute;
    width: 100%;
}

#home-header {
    margin-top: 146px;
    text-align: center;
    background-color: rgb(255, 255, 255);
}

}

.mfp-iframe-scaler {
    padding-top: 0 !important;
}

.mfp-close {
    position: absolute;
    top: 0 !important;
    left: 0 !important;
    z-index: 1;
    visibility: hidden;
}

.mfp-close:after {
    content: " ";
    background: url(../images/close-video.svg);
    background-size: 25px 25px;
    position: absolute;
    margin-left: -30px;
    margin-top: 15px;
    width: 25px;
    height: 25px;
    visibility: visible;

}

#home-title img {
    width: 750px;
    height: auto;
}

#home-subtitle {
    background-color: #34B2FF;
    font-family: "Montserrat-Bold";
    font-size: 34px;
    line-height: 28px;
    text-transform: uppercase;
    padding-left: 17px;
    padding-top: 6px;
    padding-bottom: 6px;
    margin: 5px auto 60px auto;
    width: 750px;
    color: #ffffff;

}

#home-description {
    font-family: "ZonaPro-SemiBold";
    color: #49535e;
    font-size: 17px;
    line-height: 26px;
    width: 815px;
    margin: 0 auto;
    z-index: 15;
}

.home-section {
    float: left;
    margin-left: 51px;
}

#home-section-recruitment {
    background: url(../images/icons/icn_diamonds.png);
    width: 38px;
    height: 36px;
}

#home-section-branding {
    background: url(../images/icons/icn_play.png);
    width: 31px;
    height: 36px;
}

#home-section-meetings {
    background: url(../images/icons/icn_fire.png);
    width: 31px;
    height: 36px;
}

#home-section-bootcamp {
    background: url(../images/icons/icn_spaceship.png);
    width: 38px;
    height: 37px;
}

.home-section-title {
    font-family: Montserrat-Bold;
    font-size: 16px;
    line-height: 16px;
    color: #FF9900;
    text-align: left;
    text-transform: uppercase;
}

.home-section-description {
    font-family: ZonaPro-SemiBold;
    margin-top: 18px;
    font-size: 14px;
    color: #49535e;
    text-align: left;
}

#home-pitch-bootcamp img {
    width: 100%;
    height: auto;
}

#home-pitch-description {
    position: relative;
    z-index: 1;
    background-color: #f7f7f7;
    height: 265px;
    width: 110%;
    margin-top: -38px;
    margin-left: -5%;
   /* padding-top: 115px;
    padding-left: 182px;*/
    -webkit-transform: rotate(-2.5deg);
    -ms-transform: rotate(-2.5deg);
    transform: rotate(-2.5deg);
    padding: 70px 0 0 0;
}

#home-pitch-text {
    float: left;
    width: 694px;
    font-family: ZonaPro-SemiBold;
    font-size: 1.36em;
    line-height: 34px;
    color: #FF7400;
    text-align: right;
    margin-top: -14px;
}

#home-pitch-numbers {
    float: left;
    margin-left: 25px;
    font-family: ZonaPro;
    font-size: 26px;
    color: #3f3f3f;
    text-transform: uppercase;
    margin-top: -45px;
    line-height: 40px;
}

#home-pitch-numbers span {
    font-family: ZonaPro-Bold;
    font-size: 26px;
}

.odometer-digit {
    /*width: 18px;*/
    margin-top: -10px;
}

#recruitment-anchor {
    background-color: transparent;
}

#home-recruitment {
    background: url(../images/bgs/img_bg_searchFlow.jpg);
    height: 2500px;
    margin-top: -56px;
    padding-top: 188px;
    position: relative;
}

#home-recruitment * {
    position: relative;
    z-index: 1;
}

.home-anchor-title {
    width: 845px;
    height: 245px;
    border: dashed white 2px;
    color: white;
    margin: 0 auto;
    font-family: Futura-Std-Bold;
    text-transform: uppercase;
    padding-top: 30px;
    padding-left: 55px;
    padding-bottom: 37px;
}

.home-anchor-title .text-title {
    font-size: 4.501em;
}

.home-anchor-title .text-subtitle {
    font-size: 2.441em;
    margin-top: 15px;
    line-height: 40px;
}

.home-recruitment-axis {
    float: left;
    width: 400px;
}

#home-recruitment-axis-right {
    margin-left: 50px;
}

.axis-title {
    background-color: #ffcf34;
    color: #121212;
    width: 400px;
    font-family: Futura-Std-Bold;
    font-size: 22px;
    text-transform: uppercase;
    padding-left: 17px;
    padding-top: 6px;
    padding-bottom: 6px;
}

.axis-description {
    font-family: ZonaPro-SemiBold;
    color: white;
    font-size: 16px;
    margin-top: 10px;
    line-height: 27px;
}

#home-recruitment-path-top {
    border-right: solid transparent 100vw;
    border-bottom: solid rgba(0, 0, 0, 0.2) 40px;
    margin-top: 316px;
}

#home-recruitment-path {
    background-color: rgba(0, 0, 0, 0.2);
    padding-top: 33px;
    padding-bottom: 110px;
}

#path-flow {
    background: url(../images/img_line_searchFlow.png) center center;
    background-size: 1920px auto;
    height: 391px;
}

.recruitment-path-step {
    height: 84px;
}

.recruitment-path-step .step-title {
    background-color: #ffcf34;
    font-family: ZonaPro-Bold;
    font-size: 22px;
    color: #000817;
    text-transform: uppercase;
    padding: 2px 1px 3px 1px; 
}

.recruitment-path-step .step-description {
    font-family: ZonaPro;
    font-size: 16px;
    line-height: 20px;
    padding-top: 10px;
    color: white;   
}

#step-1 {
    width: 284px;
    margin-left: 7px;
}

#step-2 {
    width: 377px;
    margin-top: 250px;
    margin-left: 80px;
}

#step-3 {
    width: 310px;
    margin-top: -290px;
    margin-left: 370px;
}

#step-4 {
    width: 430px;
    margin-top: -220px;
    margin-left: 650px;
}

#step-5 {
    width: 280px;
    margin-top: 230px;
    margin-left: 830px;
}

.spark-value-item {
    margin-left: 96px;
    float: left;
}

.spark-value-item .title {
    font-family: ZonaPro-Bold;
    font-size: 34px;
    line-height: 30px;
    color: #ffea00;

}

.spark-value-item .description {
    font-family: ZonaPro;
    font-size: 16px;
    color: #ffffff;
    padding-top: 20px;
    line-height: 24px;

}

.spark-value-item .description span {
    font-family: ZonaPro-SemiBold; 
}

#home-balloons {
    position: absolute;
    margin-top: -1870px;
    background: url(../images/img_hotairballoons.png) center center;
    background-size: 1920px auto;
    width: 100%;
    height: 2064px;
}

#home-balloons img {
    width: 100%;
    height: auto;
}

#cloud-separator {
    margin-top: -660px;
    z-index: 100;
    position: absolute;
    background: url(../images/img_clouds_transition_total.png) center center;
    background-size: 1920px auto;
    width: 100%;
    height: 1455px;
}

#cloud-separator img {
    width: 100%;
    height: auto;
}

#branding-anchor {
    background-color: transparent;
    margin-top: 450px;
}

#home-branding {
    background: url(../images/bgs/img_flyingTriangle.jpg) center 60px;
    height: 2550px;
    padding-top: 836px;
    background-size: 1920px auto;
    padding-bottom: 500px;
    margin-top: -700px;
}

#clients-anchor {
    background-color: transparent;
    margin-top: -56px;
    height: 56px;
}

#home-clients {
    width: 600px;
    margin: 0 auto;
    text-align: center;
}

#clients-title {
    font-family: Futura-Std-Bold;
    font-size: 90px;
    color: #424242;
    margin-top: 67px;
    text-transform: uppercase;
}

#clients-subtitle {
    font-family: ZonaPro;
    font-size: 19px;
    color: #424242;
    margin-top: 20px;
}

#clients-grid {
    margin-top: 100px;
}

#footer-separator {
    border-left: solid transparent 100vw;
    border-top: solid white 80px;
    position: relative;
    z-index: 1;
}

#footer {
    margin-top: -230px;
}


@media only screen 
  and (min-device-width: 100px) 
  and (max-device-width: 600px)
  and (-webkit-min-device-pixel-ratio: 2) {

	.main-bar{
		position:absolute!important;
	}
	#spark-logo{
		position:absolute!important;
	}
	#div-home-section{
		padding-left:0px!important;
		width:980px!important;
	}
	.home-section{
		margin-left:25px!important;
	}
	#home-pitch-text{
		width:535px!important;
	}
	#home-pitch-numbers{
		font-size:22px!important;
	}
	.axis-title{
		width:380px!important;
		font-size:20px!important;
	}
	#step-4{
		margin-left:540px!important;
	}
	#step-5{
		margin-left:690px!important;
	}
	.spark-value-item{
		margin-left:25px!important;
		width:295px!important;
	}
	.home-anchor-title{
		width:980px!important;
	}
	#home-young{
		width:980px!important;
	}
	#home-div-young{
		width:850px!important;
	}
	#div-625{
		width:625px!important;
	}
	#div-980{
		width:980px!important;
	}
	#home-recruitment-axis-right{
		margin-left:15px!important;
	}
	#div-980p{
		width:980px!important;
		padding-left:400px!important;
	}
	#img-450{
		width:415px!important;
		padding-left:20px!important;
	}
	#clients-grid{
		width:980px!important;
		padding:50!important;
	}
	#home-pitch-description{
		transform:rotate(0deg)!important;
		width:105%!important;
		height:300px!important;
		padding-left:50px!important;
	}
	#home-recruitment{
		margin-top:-100px!important;
	}
	#div-980pad{
		width:980px!important;
		padding-left:50px!important;
	}
	#groupDynamic{
	height:1500px!important;
	}
}	
/*----------------------Alteraçoes pelo Tiago Silva aka Tigyzinho--------------------------------------------------------*/