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

#header {background: #ffffff; z-index: 8;}

#fullpage > .section {overflow: hidden;}

.section .background {width: 100%; height: 100%; position: absolute; left: 0; top: 0; transition: all 2s ease; -webkit-transition: all 2s ease; -moz-transition: all 2s ease; transform: scale(1.25); -webkit-transform: scale(1.25); -moz-transform: scale(1.25); -ms-transform: scale(1.25);}
.section.active .background {transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05);}

.section.one {background: #ffffff;}
.section.one .background {background: url(../assets/career/one.jpg); background-position: center; background-size: cover; opacity: 0; -webkit-opacity: 0; -moz-opacity: 0;}
.section.one .background.enlarged {transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2);}
.content.ready .section.one .background {opacity: 1; -webkit-opacity: 1; -moz-opacity: 1;}
.section.two .background {background: url(../assets/career/two.jpg); background-position: center; background-size: cover;}
.section.three .background {background: url(../assets/career/three.jpg); background-position: center; background-size: cover;}
.section.four .background {background: url(../assets/career/four.jpg); background-position: center; background-size: cover;}
/*.section.five .background {background: url(../assets/career/five.jpg); background-position: center; background-size: cover;}*/
.section.six .background {    background: url(../assets/career/six.jpg) no-repeat #f4f4f4;
	background-position: center center;
	background-size: cover;}

#desires {
	/*text-align: center;*/
}
#desires div.control {position: fixed; transition: all 1s ease; -webkit-transition: all 1s ease; -moz-transition: all 1s ease;}
#desires.first div.control {width: 475px; height: 350px; left: 65%; margin-left: -238px; top: 30%; margin-top: -20px;}
#desires.first .message .one {opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; visibility: visible;}
.content.ready #desires.first .message .one {opacity: 1; -webkit-opacity: 1; -moz-opacity: 1; visibility: visible;}
#desires.second div.control {width: 520px; height: 380px; left: 20%; margin-left: -245px; top: 30%; margin-top: -20px;}
#desires.second .message .two {opacity: 1; -webkit-opacity: 1; -moz-opacity: 1; visibility: visible;}
#desires.third div.control {width: 500px; height: 350px; left: 65%; margin-left: -238px; top: 30%; margin-top: -20px;}
#desires.third .message .three {opacity: 1; -webkit-opacity: 1; -moz-opacity: 1; visibility: visible;}
#desires.third + #unveil {bottom: 0;}
#desires.fourth div.control {    width: 540px;
	height: 400px; left: 20%; margin-left: -238px; top: 25%; margin-top: -20px;}
#desires.fourth .message .four {opacity: 1; -webkit-opacity: 1; -moz-opacity: 1; visibility: visible;}
#desires.fourth + #unveil {bottom: 0;}
#desires.fifth div.control {width: 475px; height: 273px; left: 68%; margin-left: -238px; top: 39%; margin-top: -20px;}
#desires.fifth .message .five {opacity: 1; -webkit-opacity: 1; -moz-opacity: 1; visibility: visible;}
#desires.fifth + #unveil {bottom: 0;}
#desires.sixth div.control {width: 515px; height: 400px; left: 50%; margin-left: -260px; top: 45%; margin-top: -150px; pointer-events: none; }
#desires.sixth .message .six {opacity: 1; -webkit-opacity: 1; -moz-opacity: 1;}
#desires .message {position: relative; z-index: 2;}
#desires .message > div {position: absolute; opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; visibility: hidden; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;}
#desires .message > div.active {transition: all 1s ease 0.5s; -webkit-transition: all 1s ease 0.5s; -moz-transition: all 1s ease 0.5s;}
#desires .message .cursive {
	display: block;
	font-family: 'Playfair Display', Arial, Helvetica, sans-serif;
	font-size: 40px;
	font-weight: bold;
	font-style: normal;
	text-transform: uppercase;
	position: relative;
	letter-spacing: 0.05em;
}

/*#desires .message .cursive:after {*/
	/*content: '';*/
	/*position: absolute;*/
	/*top:0;*/
	/*left: 0;*/
	/*right: 0;*/
	/*margin: auto;*/
	/*width: 50px;*/
	/*background: #909294;*/
	/*height: 1px;*/
/*}*/



#desires .message .small-text{
	position: relative;
	display: inline-block;
	padding: 7px 65px 5px 25px;
	color: #f3d374;
	font-family: 'Poppins', Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: 0.3em;
	font-size: 14px;
	line-height: 1;
	background: rgb(127,71,29);
	background: -moz-linear-gradient(90deg, rgba(127,71,29,1) 0%, rgba(197,122,41,1) 18%, rgba(216,164,38,1) 39%, rgba(152,100,44,1) 59%, rgba(216,164,38,1) 81%, rgba(192,112,41,1) 100%);
	background: -webkit-linear-gradient(90deg, rgba(127,71,29,1) 0%, rgba(197,122,41,1) 18%, rgba(216,164,38,1) 39%, rgba(152,100,44,1) 59%, rgba(216,164,38,1) 81%, rgba(192,112,41,1) 100%);
	background: linear-gradient(90deg, rgba(127,71,29,1) 0%, rgba(197,122,41,1) 18%, rgba(216,164,38,1) 39%, rgba(152,100,44,1) 59%, rgba(216,164,38,1) 81%, rgba(192,112,41,1) 100%);
}

#desires .message label{
	position: absolute;
	color: #f3d374;
	font-family: 'Poppins', Arial, Helvetica, sans-serif;
	font-weight: 300;
	font-style: normal;
	font-size: 60px;
	line-height: 0.5;
	right: 15px;
	bottom: 0px;
}







#main-content.ready #desires .message .one .cursive {animation-name: intro; animation-duration: 3s; animation-delay: 0.5s; animation-fill-mode: forwards; -webkit-animation-name: intro; -webkit-animation-duration: 3s; -webkit-animation-delay: 0.5s; -webkit-animation-fill-mode: forwards; opacity: 0; -webkit-opacity: 0; -moz-opacity: 0;}
#desires .message .six .cursive {font-size: 50px;}
#desires .message .main {display: block; font-family: 'proximalight', Arial, Helvetica, sans-serif; font-size: 34px;}
#main-content.ready #desires .message .one .description {animation-name: intro; animation-duration: 3s; animation-delay: 1.5s; animation-fill-mode: forwards; -webkit-animation-name: intro; -webkit-animation-duration: 3s; -webkit-animation-delay: 1.5s; opacity: 0; -webkit-animation-fill-mode: forwards;}
#desires .message .six .main {font-size: 38px;}
#desires .message .one .main {display: block; font-family: 'proximalight', Arial, Helvetica, sans-serif; font-size: 48px;}
#desires .message .description {
	font-size: 16px;
	line-height: 1.9;
	font-family: 'Poppins', Arial, Helvetica, sans-serif;
	font-weight: 300;
	font-style: normal;
	padding-top: 35px;
	display: block;
}
#desires .message .cta {background: #cd2b2b none repeat scroll 0 0; border-bottom: 3px solid #8f1e1e; border-radius: 5px; display: block; font-family: 'Proximabold', Arial, Helvetica, sans-serif; font-size: 18px; text-transform: uppercase; margin: 12px auto 0; padding: 8px; width: 86%; box-sizing: border-box; cursor: pointer;}
#desires .message .options {color: #ffffff; font-size: 15px; border-top: 1px solid #888888; border-bottom: 1px solid #888888; width: 86%; padding: 10px 0; margin: 10px auto 0; opacity: 0.7; -webkit-opacity: 0.7; -moz-opacity: 0.7;}
#desires .message .options > * {display: inline-block; width: 49%;}
#desires .message .options .jobscope {cursor: pointer;}
#desires .message .options a.about {color: #ffffff; text-decoration: none; border-left: 1px solid #888888;}
#desires .message .options .pointer {display: inline-block; width: 0; height: 0; border-style: solid; border-width: 4.5px 0 4.5px 6px; border-color: transparent transparent transparent #ffffff;}
#desires .message .one {padding: 15px 20px;}
#desires .message .two {padding: 16px 32px;}
#desires .message .three {padding: 20px;}
#desires .message .four {padding: 20px;}
#desires .message .five {padding: 20px;}
#desires .message .six {padding: 30px 30px;}
#desires .frame {position: absolute; width: 100%; height: 100%; left: 0; top: 0; opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; transform: scale(1.3); -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -ms-transform: scale(1.3); transition: all 3s ease; -webkit-transition: all 3s ease; -moz-transition: all 3s ease;}
#main-content.ready .frame {opacity: 0.3; -webkit-opacity: 0.3; -moz-opacity: 0.3; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1);}
#desires .frame .corner {width: 40px; height:40px; position: absolute;}
#desires .frame .top-left {left: 0; top: 0;}
#desires .frame .top-right {right: 0; top: 0;}
#desires .frame .bottom-left {left: 0; bottom: 0;}
#desires .frame .bottom-right {right: 0; bottom: 0;}
#desires .frame .corner span {display: block;}
#desires .frame .corner .vertical {width: 2px; height: 100%; position: absolute;}
#desires .frame .corner .horizontal {width: 100%; height: 2px; position: absolute;}
#desires .frame .top-left .vertical, #desires .frame .bottom-left .vertical {left: 0;}
#desires .frame .top-right .vertical, #desires .frame .bottom-right .vertical {right: 0;}
#desires .frame .top-left .horizontal, #desires .frame .top-right .horizontal {top: 0;}
#desires .frame .bottom-left .horizontal, #desires .frame .bottom-right .horizontal {bottom: 0;}
#desires .arrow {bottom: -10px; right: 0; margin-left: -15px; position: absolute; width: 30px; opacity: 0.5; -webkit-opacity: 0.5; -moz-opacity: 0.5; -webkit-animation-name: Floatingx; -webkit-animation-duration: 2s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: ease-in-out; -moz-animation-name: Floating; -moz-animation-duration: 2s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: ease-in-out; display: none;}
#desires .arrow img {position: absolute; width: 100%; height: auto; left: 0; top: 0; transition: all 1s ease; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; opacity: 1; -webkit-opacity: 1; -moz-opacity: 1;}
/* #desires.showarrow .arrow img {opacity: 1; -webkit-opacity: 1; -moz-opacity: 1;} */
#desires.dark .frame .corner span {background: #222222;}
#desires.dark .message {color: #000000;}
#desires.dark .arrow .light {opacity: 0; -webkit-opacity: 0; -moz-opacity: 0;}
#desires.light .frame .corner span {background: #ffffff;}
#desires.light .message {color: #f4f4f4;}
#desires.light .arrow .dark {opacity: 0; -webkit-opacity: 0; -moz-opacity: 0;}
#desires.sixth .arrow img {opacity: 0; -webkit-opacity: 0; -moz-opacity: 0;}

#unveil {width: 100%; height: 70px; position: fixed; left: 0; bottom: -70px; background: #3778a0; color:#ffffff; font-size: 24px; text-align: center; line-height: 70px; cursor: pointer; transition: all 2s ease; -webkit-transition: all 2s ease; -moz-transition: all 2s ease;}
#unveil span {position: relative; z-index: 2;}
#unveil > span:last-child {display: none;}
#unveil span span.bold {font-family: 'proximabold', Arial, Helvetica, sans-serif;}
#unveil span span.arrow {width: 0; height: 0; border-style: solid; border-width: 6px 0 6px 7px; border-color: transparent transparent transparent #ffffff; display: inline-block;}
#unveil .background {width: 100%; height:100%; position: absolute; left: 0; top: 0; background: #2c6081; animation-name: fadeinout; animation-duration: 3s; animation-iteration-count: infinite; -webkit-animation-name: fadeinout; -webkit-animation-duration: 3s; -webkit-animation-iteration-count: infinite;}

body.altitude #fp-nav ul li, .fp-slidesNav ul li {margin: 30px 10px;}
body.altitude #fp-nav .line {background: #333 none repeat scroll 0 0; height: 175px; left: 16px; opacity: 0.3; -webkit-opacity: 0.3; -moz-opacity: 0.3; position: absolute; top: 38px; width: 1px;}
#fp-nav ul li a span {height: 7px; margin-left: -4px; width: 7px;}

#career-details {width: 100%; height: 100%; position: fixed; left:0; top: 0; border-top: 80px solid #ffffff; box-sizing: border-box; display: none; z-index: 6;}
#career-details .main {width: 700px; height: 450px; position: absolute; left: 50%; margin-left: -350px; top: 50%; margin-top: -225px; background: #ffffff; z-index: 2; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; overflow: hidden; opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; transform: scale(0.8); -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); transition: all 0.8s ease; -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease;}
#career-details .main2 {width: 830px; height: 500px; position: absolute; left: 50%; margin-left: -415px; top: 50%; margin-top: -250px; background: #ffffff; z-index: 2; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; overflow: hidden; opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; transform: scale(0.8); -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); transition: all 0.8s ease; -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease;}
#career-details .main.active {opacity: 1; -webkit-opacity: 1; -moz-opacity: 1; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1);}
#career-details .main2.active {opacity: 1; -webkit-opacity: 1; -moz-opacity: 1; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1);}
/*#career-details .main .left-image {width: 40%; height: 100%; position: absolute; left: 0; top: 0; background: url(../assets/career/apply.jpg); background-size: cover; display: none;}*/
/*#career-details .main2 .left-image {width: 40%; height: 100%; position: absolute; left: 0; top: 0; background: url(../assets/career/apply.jpg); background-size: cover;}*/
#career-details .main .navigation {width: 100%; background: #ffffff; border-bottom: 1px solid #cccccc; position: relative; z-index: 3;}
#career-details .navigation img {position: relative; top: 2px; width: 15px;}
#career-details.jobscope .navigation .one {background: #f2f2f2;}
#career-details.questions .navigation .two {background: #f2f2f2;}
#career-details .main .navigation > div {width: 50%; height: 40px; line-height: 43px; float: left; text-align: center; text-transform: uppercase; font-size: 15px; box-sizing: border-box; cursor: pointer;}
#career-details .main .navigation > div:first-child {border-right: 1px solid #cccccc;}
#career-details .main .content {width: 100%; height: 100%; position: absolute; left: 0; top: 0; border: 0; background: #ffffff;}
#career-details .main2 .content {width: 60%; height: 100%; position: absolute; left: 40%; top: 0; border: 0; background: #ffffff;}
#career-details .main .content .apply-now {background: #cd2b2b; bottom: 0; color: #ffffff; font-family: 'proximabold', Arial, Helvetica, sans-serif; font-size: 20px; text-transform: uppercase; height: 50px; line-height: 50px; position: absolute; text-align: center; width: 100%; left: 0; cursor: pointer; z-index: 2;}
#career-details .main .content .popup-content {border-top: 40px solid #ffffff; border-bottom: 50px solid #ffffff; box-sizing: border-box; width: 100%; height: 100%; left: 0; overflow-y: scroll; padding: 28px 35px; line-height: 23px; position: absolute; top: 0; background: #ffffff; display: none; z-index: 2;}
#career-details .popup.active {z-index: 3;}
#career-details .jobscope.popup-content li {margin-left: 20px;}
#career-details .main .content .jobscope {}
#career-details.jobscope .main .content .jobscope {display: block}
#career-details .main .content .common-questions {}
#career-details.questions .main .content .common-questions {display: block}
#career-details.questions .main .content .common-questions ul li {margin-left: 20px;}
/*#career-details.questions .main .content .common-questions strong {font-weight: normal; font-family: 'proximabold';}*/
#career-details .main .content .apply {}
#career-details.apply .main .content .apply-now {display: none;}
#career-details.apply .main .content .apply {display: block}
#career-details .background {width: 100%; height: 100%; position: absolute; left:0; top: 0; background: #000000; opacity: 0.3; -webkit-opacity: 0.3; -moz-opacity: 0.3}

#career-details .main2 .content .frame {box-sizing: border-box; height: 100%; left: 0; padding: 30px; position: absolute; top: 0; width: 100%;}
#career-details .main2 .content .frame .title {font-family: proximalight; font-size: 40px; text-align: center;}
#career-details .main2 .content .frame .title span {font-size: 30px; display: block;}
#career-details .main2 .content .frame iframe {height: 400px; width: 100%;}

.clearfloat {margin: 0; padding: 0; height: 0; clear: both; display: block;}

@-webkit-keyframes Floatingx{
    from {-webkit-transform:translate(0, 0px);}
    65% {-webkit-transform:translate(0, 15px);}
    to {-webkit-transform: translate(0, -0px);}    
}
    
@-moz-keyframes Floating{
    from {-moz-transform:translate(0, 0px);}
    65% {-moz-transform:translate(0, 15px);}
    to {-moz-transform: translate(0, -0px);}    
}

@-webkit-keyframes intro {
  0% {opacity: 0; -webkit-opacity: 0; -moz-opacity: 0;} 
  100% {opacity: 1; -webkit-opacity: 1; -moz-opacity: 1;}
}

@-moz-keyframes intro {
  0% {opacity: 0; -webkit-opacity: 0; -moz-opacity: 0;} 
  100% {opacity: 1; -webkit-opacity: 1; -moz-opacity: 1;}
}

@keyframes intro {
  0% {opacity: 0; -webkit-opacity: 0; -moz-opacity: 0;} 
  100% {opacity: 1; -webkit-opacity: 1; -moz-opacity: 1;}
}

@-webkit-keyframes fadeinout {
  0% {opacity: 0; -webkit-opacity: 0; -moz-opacity: 0;} 
  50% {opacity: 1; -webkit-opacity: 1; -moz-opacity: 1;}
  100% {opacity: 0; -webkit-opacity: 0; -moz-opacity: 0;} 
}

@-moz-keyframes fadeinout {
  0% {opacity: 0; -webkit-opacity: 0; -moz-opacity: 0;} 
  50% {opacity: 1; -webkit-opacity: 1; -moz-opacity: 1;}
  100% {opacity: 0; -webkit-opacity: 0; -moz-opacity: 0;} 
}

@keyframes fadeinout {
  0% {opacity: 0; -webkit-opacity: 0; -moz-opacity: 0;} 
  50% {opacity: 1; -webkit-opacity: 1; -moz-opacity: 1;}
  100% {opacity: 0; -webkit-opacity: 0; -moz-opacity: 0;} 
}

@media (min-width: 700px) and (max-width: 999px) {
	body.altitude .section.one .background {background: url(../assets/career/one-mobile.jpg); background-position: center; background-size: cover;}
	body.altitude .section.two .background {background: url(../assets/career/two-mobile.jpg); background-position: center; background-size: cover;}
	body.altitude .section.three .background {background: url(../assets/career/three-mobile.jpg); background-position: center; background-size: cover;}
	body.altitude .section.four .background {background: url(../assets/career/four-mobile.jpg); background-position: center; background-size: cover;}



	/*body.altitude .section.five .background {background: url(../assets/career/five-mobile.jpg); background-position: center; background-size: cover;}*/
	/*body.altitude .section.six .background {background: url(../assets/career/six-mobile.jpg); background-position: center; background-size: cover;}*/
	
	body.altitude #desires.first div.control {top: 25%;
		height: 250px;
		left: 50%;
	}
	body.altitude #desires.second div.control {    left: 50%;
		top: 15%;}
	body.altitude #desires.third div.control {top: 25%;
		left: 50%;}
	body.altitude #desires.fourth div.control {left: 50%; top: 22%;}
	body.altitude #desires.fifth div.control {left: 50%; margin-left: -180px; top: 26%}
	body.altitude #desires.sixth div.control {left: 50%;}
}

@media (max-width: 699px) {


	#desires .message .cursive {
		line-height: 1.2;
	}



	body.altitude .section.one .background {
		background: url(../assets/career/one-mobile.jpg) no-repeat;
		background-position: center;
		background-size: cover;
	}
	body.altitude .section.two .background {
		background: url(../assets/career/two-mobile.jpg) no-repeat;
		background-position: right center;
		background-size: cover;}
	body.altitude .section.three .background {
		background: url(../assets/career/three-mobile.jpg) no-repeat ;
		background-position: center;
		background-size: cover;
	}
	body.altitude .section.four .background {
		background: url(../assets/career/four-mobile.jpg) no-repeat;
		background-position: center right;
		background-size: cover;
	}


	/*body.altitude .section.five .background {background: url(../assets/career/five-mobile.jpg); background-position: center; background-size: cover;}*/

	/*body.altitude .section.six .background {*/
		/*background: url(../assets/career/six-mobile.jpg);*/
		/*background-position: center;*/
		/*background-size: cover;*/
	/*}*/
	
	body.altitude #desires.first div.control {
		height: 240px;
		left: 0;
		top: 15%;
		width: 90%;
		right: 0;
		margin: auto;}
	body.altitude #desires .message .one .main { font-size: 38px; line-height:38px;}
	body.altitude #desires.second .message .cursive {
		font-size: 28px;

	}
	body.altitude #desires.second div.control {
		height: 310px;
		left: 0;
		top: 15%;
		width: 90%;
		right: 0;
		margin: auto;}
	body.altitude #desires .message .two {padding: 16px 0;}
	body.altitude #desires.second .frame .corner span {background: #4b4b4b;}
	body.altitude #desires.third div.control {    height: 200px;
		left: 0;
		top: 15%;
		width: 90%;
		right: 0;
		margin: auto;}
	body.altitude #desires .message .three {padding: 15px 0;}
	body.altitude #desires.fourth div.control {    height: 270px;
		left: 0;
		top: 15%;
		width: 90%;
		right: 0;
		margin: auto;}
	body.altitude #desires .message .four {padding: 13px 0;}
	body.altitude #desires.fifth div.control {height: 239px;
		left: 0;
		top: 15%;
		width: 90%;
		right: 0;
		margin: auto;}
	body.altitude #desires .message .five {padding: 12px 0;}
	body.altitude #desires.sixth div.control {height: 239px;
		left: 0;
		top: 15%;
		width: 90%;
		right: 0;
		margin: auto;}
	body.altitude #desires .message .six .description {font-size: 16px; line-height: 22px;}
	body.altitude #desires .message .six {padding: 0;}
	
	body.altitude #desires .message .options {padding: 5px 0;}
	body.altitude #desires .message .options .pointer {display: inline-block; width: 0; height: 0; border-style: solid; border-width: 4px 0 4px 4px; border-color: transparent transparent transparent #ffffff;}

	#desires .message label {
		font-size: 42px;
	}

	#desires .message .small-text {
		padding: 7px 55px 4px 15px;
		letter-spacing: 0.2em;
		font-size: 12px;
	}










	body.altitude #desires .message .cursive {    font-size: 28px;
		transition: font-size .0s .5s ease;
		-webkit-transition: font-size .0s .5s ease;
		-moz-transition: font-size .0s .5s ease;}
	/*body.altitude #desires .message .main {font-family: 'proximaregular', Arial, Helvetica, sans-serif; font-size: 21px;}*/
	/*body.altitude #desires .message .six .main {font-family: 'proximaregular', Arial, Helvetica, sans-serif; font-size: 23px;}*/
	body.altitude #desires .message .description {
		font-size: 14px;
		padding-top: 10px;
		line-height: 1.6;
	}
	body.altitude #desires .frame .corner {width: 30px; height:30px; position: absolute;}
	
	body.altitude #desires.second .arrow .dark {opacity: 1; -webkit-opacity: 1; -moz-opacity: 1;}
	body.altitude #desires.second .arrow .light {opacity: 0; -webkit-opacity: 0; -moz-opacity: 0;}
	
	body.altitude #desires.sixth .frame {opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; transform: scale(1.3); -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -ms-transform: scale(1.3);}
	
	body.altitude #unveil {font-size: 20px; height: 50px; line-height: 50px;}
	body.altitude #unveil > span:first-child {display: none;}
	body.altitude #unveil > span:last-child {display: block;}
	
	body.altitude #career-details {width: 100%; height: 100%; position: fixed; left:0; top: 0; border-top: 60px solid #ffffff; box-sizing: border-box; z-index: 6;}
	body.altitude #career-details .main {height: 90%; left: 5%; margin: 0; top: 5%; width: 90%;}
	body.altitude #career-details .main .left-image {height: 100px; width: 100%;  display: none; z-index: 2;}
	body.altitude #career-details .main .content {box-sizing: border-box; left: 0; top: 0; width: 100%;}
	body.altitude #career-details .main .navigation > div span {display: none;}
	body.altitude #career-details .main .content .apply-now {}
	body.altitude #career-details .main .content .jobscope {}
	body.altitude #career-details.apply .main .navigation {border: none;}
	body.altitude #career-details .main .navigation > div {font-size: 14px; height: 35px; line-height: 38px;}
	
	body.altitude #career-details .main .content .popup-content {padding: 20px 28px; border-top: 35px solid #ffffff;;}
	body.altitude #career-details.apply .main .content .apply {padding: 0;}
	body.altitude #career-details .main .content .apply .mobile {width: 100%; height: 120px;}
	body.altitude #career-details.apply .main .content .apply .frame {padding: 20px 30px;}
	
	body.altitude #career-details .main2 {height: 90%; left: 5%; margin: 0; top: 5%; width: 90%; overflow: hidden;}
	body.altitude #career-details .main2 .left-image {height: 120px; width: 100%;background-position: center;background-size: cover; border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0;}
	body.altitude #career-details .main2 .content {left: 0; top: 120px; width: 100%;}
	body.altitude #career-details .main2 .content .frame {padding: 18px 22px;}
	body.altitude #career-details .main2 .content .frame .title {font-size: 25px;}
	body.altitude #career-details .main2 .content .frame .title span {font-size: 20px;}
	body.altitude #career-details .main2 > div {position: absolute; width: 100%; height: 100%; left: 0; top: 0; overflow-y: scroll; -webkit-overflow-scrolling: touch;}
	
	#career-details .main .content .jobscope {-webkit-overflow-scrolling: touch;}
	#career-details .main .content .common-questions {-webkit-overflow-scrolling: touch;}
	
	body.altitude #fp-nav.right {display: none;}










	#desires .message .one {
		padding: 15px 0px;
	}









}









@media (min-width: 1000px) and (max-width: 1199px) {

	#desires.first div.control {
		left: 55%;
		top: 20%;
	}


	#desires.second div.control {
		left: 25%;
		top: 20%;
	}

	#desires.fourth div.control {
		left: 25%;
		top: 20%;
	}

	#desires.third div.control {
		width: 400px;
		left: 65%;
		top: 20%;
	}

	.section.two .background {
		background-position: 30% center;
	}





}