body{
	margin:0;
	padding:0;
	background:url("../../images/careers/Bg6.webp") repeat;
	
	font-family:Arial,Helvetica,sans-serif;
}
header, section, footer{
	display:block;
}


/* jqFloat.js */
#wrapper{ 
	width:100%;
	height:600px;
} 

/*update*/
.bubble{
	padding: 30px;
	width:315px;
	height: 315px;
	position: absolute;
	background: url("../../images/careers/bubbles.webp");
	background-repeat: no-repeat;
	background-size: contain;
}

.bubble:hover{
	padding: 30px;
	width:315px;
	height: 315px;
	position: absolute;
	background: url("../../images/careers/8._Lapis_Bubble.webp");
	background-repeat: no-repeat;
	background-size: contain;
}
.bubble a{
	color: #000;
}
.bubble a:hover{
	color: #333;
	text-decoration: none;
}
.bubble img{
	margin-left: auto;
	margin-right: auto;
}
.bubble h3{
	text-align: center;
}
.bubble p{
	margin-top: 20px;
	font-size: 1.563em;
	text-align: center;
}
.bubble p:hover{
	text-decoration-line: underline;
	color: #000;
}
@media screen and (max-width:991px){
	.bubble{
		padding: 20px;
		height: 275px;
		width: 275px;
	}
	.bubble:hover{
		padding: 20px;
		height: 275px;
		width: 275px;
	}
}
@media screen and (max-width:767px)
{
	
	
	#wrapper{
		height: 900px;
	}
	.bubble{
		padding: 10px;
		height: 200px;
		width: 200px;
	}
	.bubble:hover{
		padding: 10px;
		height: 200px;
		width: 200px;
	}
	.bubble p{
		font-size: 20px;
	}
	.bubble img{
		max-width: 60px;
	}
	#bubble1{
	left: 40%;
}
#bubble2{
	top: 200px;
	left: 40%;
}
#bubble3{
	top: 400px;
	left: 40%;
}
	#bubble4{
		top: 600px;
	left: 40%;
}
#bubble5{
	top:800px;
	left: 40%;
}
}

@media screen and (min-width:768px)
{
	#bubble1{
	left:15%;
}
#bubble2{
	left:40%;
}
#bubble3{
	left:65%;
}
#bubble4{
	top: 50%;
	left:30%;
}
#bubble5{
	top: 50%;
	left:60%;
}
}
@media screen and (min-width:992px){
	#bubble1{
	left: 15%;
}
#bubble2{
	left:40%;
}
#bubble3{
	left: 65%;
}
#bubble4{
	top: 50%;
	left: 30%;
}
#bubble5{
	top: 50%;
	left:60%;
}
}
.bubble img{
	width: 150px;
	height: 150px;
}


@media screen and (min-width:2000px){
		.close {
    font-size: 2.6em !important;
}
	
}

@media screen and (min-width:1400px){
	.bubble{
		padding: 42px;
		width: 420px;
		height: 420px;
	}
	.bubble:hover{
	padding: 42px;
	width:420px;
	height: 420px;
	}
	.bubble p{
		margin-top:28px;
	}
	.bubble img{
		width: 210px;
		height: 210px;
	}
	
	.close {
    font-size: 1.8em !important;
}
}
.modal-body h4 {
	font-size:1.25em !important;
}

.modal-header h4 {
	font-size:1.8em !important;
}

.head_un_lin {
text-decoration: underline;
}