/*=============================================================
  CAREER
  =============================================================*/
.career-body, section{
    height:100vh;
	padding:0;
	margin:0;
}
section{
    padding:0px;
    overflow:hidden;
}
section > div {
  width: 100%;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  flex-direction:column;
  padding-top:100px;
}
section > div p.title{
	font-size:80px;
	line-height:1.2em;
	text-align:center;
	font-weight:900;
	text-transform:uppercase;
	padding:0 5%;
	margin:0;
}
section > div p.smalltext{
	font-size:30px;
	margin:0;
	padding:0 5%;
	font-weight:900;
	text-transform:uppercase;
}
section > div p.career-btn a{
	border-radius:15px;
	border:#fff 3px solid;
	color:#fff;
	font-size:20px;
	font-weight:900;
	padding:15px 30px;	
	display:inline-block;
	text-decoration:none;
	transition:all 0.5s;
}
section > div p.career-btn a:hover{
	background-color:rgba(0,0,0,0.6);
}
.career-body #section1 {
background: url(../images/banner-career1-kossan.jpg) no-repeat fixed;
background-position: center center;
background-size:cover;
    color:#e71d2e;
}
.career-body #section2 {
background: url(../images/banner-career2-kossan.jpg) no-repeat fixed;
background-position: center center;
background-size:cover;
	color:#fff;
}
.career-body #section3 {
background: url(../images/banner-career3-kossan.jpg) no-repeat fixed;
background-position: center center;
background-size:cover;
	color:#fff;
}  

.career-body #section4 {
background: url(../images/banner-career4-kossan.jpg) no-repeat fixed;
background-position: center center;
background-size:cover;
	color:#fff;
}  

.career-body #section5 {
background: url(../images/banner-career5-kossan.jpg) no-repeat fixed;
background-position: center center;
background-size:cover;
	color:#fff;
}  

.career-body #section6 {
background: url(../images/banner-career5-kossan.jpg) no-repeat fixed;
background-position: center center;
background-size:cover;
	color:#fff;
}  
#section6 {
	height:0px;
}

#explore{
	/*overflow-y:scroll;*/
	height:auto;
	padding-bottom:10vh;
}
.section-explore{
	font-size: 14px;
  width: 100%;
  height: auto;
  display: block;
  padding:20vh 5%;
}
.section-explore h2{
	font-size:80px;
	font-weight:900;
	color:#e71d2e;
	text-align:center;
	padding:0 0 5vh 0;
	line-height:1.2em;
}

#footer{
	/*overflow:scroll;*/
	height:auto;
}
.section-footer{
	font-size: 14px;
  width: 100%;
  height: auto;
  display: block;
}

@media screen and (max-width:980px){
	section > div p.title{
		font-size:60px;
	}
	.section-explore h2{
		font-size:60px;
	}
	.section-explore{
	  padding:10vh 5%;
	}
	section > div {
	  padding-top:0px;
	}
	.career-body #section1 {
		background-attachment:scroll;
}
.career-body #section2 {
background-attachment:scroll;
}
.career-body #section3 {
background-attachment:scroll;
}  

.career-body #section4 {
background-attachment:scroll;
}  

.career-body #section5 {
background-attachment:scroll;
} 
}
@media screen and (max-width:767px){
	section > div p.title{
		font-size:40px;
	}
	section > div p.smalltext{
		font-size:20px;
	}
	.section-explore h2{
		font-size:40px;
	}
	.career-body #section1 {
		background-position: center right 30%;
	}
	.career-body #section3 {
		background-position: center right 30%;
	}
}
/*@media screen and (orientation:portrait){
	.career-body, section{
		height:50vh;
	}
	section > div {
	  height: 50vh;
	  padding-top:100px;
	}
}*/
  
  
  
  
.float-left{
	float:left;
}

.float-right{
	float:right;
}


.contact-box-outer{
	display:flex;
}
.contact-box{
	font-size:14px;
	line-height:20px;
	padding:0 30px;
	text-align:center;
	border-right:#666 1px solid;
}
.contact-box ul{
	padding:0;
	margin:10px auto;
	width:100%;
	max-width:560px;
	text-align:center;
}
.contact-box ul li{
	padding:5px 0 5px 0px;
	margin:0;
	list-style:none;
	position:relative;
}
.contact-box ul li img{
	display:inline-block;
	vertical-align:middle;
	margin-right:5px;
}

.contact-box .contact-icon{
	margin:20px 0;
}

.contact-box ul.gps-icon{
	margin:0 auto;
	padding:0;
	text-align:center;
}
.contact-box ul.gps-icon li{
	display:inline-block;
	margin:10px;
	padding:0;
}
.contact-box ul.gps-icon li a:hover{
	opacity:0.5;
}
.contact-box ul.gps-icon li img{
	max-width:40px;
}
.contact-box ul.gps-icon li p{
	font-size:11px;
	font-weight:700;
	color:#000;
	margin:0;
}

.semibold{
	font-weight:700;
}





/*========================================
  Responsive
  ========================================*/


@media (max-width:800px){
	
	.contact-box-outer{
		display:block;
	}
	.contact-box{
		padding:20px 10px;
		border-right:none;
		border-bottom:#666 1px solid;
	}
}

@media (max-width:595px){
	
}


@media (max-width:479px){
	
}