.cnt-box {
	position: relative;
}

.cnt-intro-wrap,
.cnt-text-imgs-wrap {
	position: relative;
	z-index: 5;
}

.hm-intro-wrap .cnt-title h2:last-child {
    padding-left: 435px;
}

.hm-intro-wrap .cnt-img,
.lnd-intro-wrap .cnt-img {
	padding: 35%;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

/*
.cnt-text-box {
	padding: 25px 0 75px 100px;
}
*/

.cnt-img {
	position: relative;
}

.cnt-intro-box .cnt-btn {
	margin-top: 50px;
}

.cnt-imgs-boxes .cnt-imgs-box:first-child .cnt-img  {
	width: 100%;
	padding: 55% 0;
}

.cnt-imgs-boxes .cnt-imgs-box:first-child .cnt-img .ico-box-wrap {
	top: 40%;
	right: 0;
	width: 30%;
    height: 50%;
}

.cnt-imgs-boxes .cnt-imgs-box:first-child .cnt-img .ico-box-wrap .ico-box {
/*
	height: 200px;
	width: 150px;
*/
	height: 100%;
	width: 100%;
	background-position: right;
}

.cnt-imgs-boxes .cnt-imgs-box .cnt-frame-img-wrap,
.cnt-imgs-box .cnt-frame-img-wrap {
    position: absolute;
    padding: 25%;
    width: 50%;
    bottom: 0;
    z-index: 1;
}

.cnt-frame-img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	height: calc(100% - 50px);
	width: calc(100% - 50px);
	z-index: 10;
}

.frame {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%) scale(0.1);
	height: 100%;
	width: 100%;
	border: 10px solid #f4c59e;
	transition: 2s;
}

.frame.light {
	border: 10px solid #eee1d8;
}

.cnt-imgs-box.aos-animate .frame {
	transform: translate(-50%,-50%) scale(1);
	transition-delay: .5s;
}


/*--- Home icons ----*/

.cnt-intro-sec .ico-box-wrap.ico-r-t {
	top: 0;
    right: -125px;
}

.cnt-intro-sec .ico-box-wrap.ico-r-t .ico-box {
	height: 400px;
	width: 250px;
}

.cnt-intro-sec .ico-box-wrap.ico-r-b {
    bottom: -125px;
    right: -50px;
}

.cnt-intro-sec .ico-box-wrap.ico-r-b .ico-box {
    height: 200px;
    width: 200px;
}

.cnt-intro-sec .ico-line-wrap.ico-line-r-b {
    bottom: -250px;
    right: 50px;
	z-index: 6;
}

.cnt-intro-sec .ico-line-wrap.ico-line-r-b .ico-line {
    width: 1px;
    background-color: #000;
    height: 400px;
    opacity: 0.3;
}

.cnt-text-imgs-sec .ico-box-wrap.ico-b-l  {
    bottom: 50px;
    left: -50px;
}

.cnt-text-imgs-sec .ico-box-wrap.ico-b-l .ico-box {
	height: 400px;
	width: 400px;
	background-position: bottom;
}

.cnt-text-imgs-sec .ico-box-wrap.ico-b-r  {
    bottom: 50px;
    right: -100px;
}

.cnt-text-imgs-sec .ico-box-wrap.ico-b-r .ico-box {
	height: 150px;
	width: 150px;
	background-position: bottom;
}

.cnt-text-imgs-sec .ico-box-wrap.ico-c-t  {
    top: -175px;
    left: -150px;
	z-index: 6;
}

.cnt-text-imgs-sec .ico-box-wrap.ico-c-t .ico-box {
	height: 400px;
	width: 400px;
}




/*----- Landing ----*/

.cnt-intro-sec .bg-icons {
    background-position: center -25px;
    background-size: 1600px;
}

/*
.lnd-intro-wrap .cnt-title h2:last-child {
    padding-left: 210px;
}
*/

.lnd-intro-wrap .cnt-title h2 span {
    display: block;
}

.lnd-intro-wrap .cnt-title h2 span:last-child {
	padding-left: 210px;
}

.lnd-extra-sec .bg-icons-abs {
width: calc(50% + 65px);
}

.lnd-extra-sec .bg-icons {
    background-position: 80px -190px;
    background-size: 1000px;
    width: 1000px;
}

.lnd-extra-wrap .cnt-frame-img-wrap {
    height: 350px;
    width: 350px;
    position: relative;
    margin-top: -100px;
    margin-left: -150px;
}

.lnd-extra-wrap .cnt-frame-img {
	height: calc(100% - 75px);
    width: calc(100% - 75px);
}

.lnd-extra-wrap .frame {
	border: 10px solid #f0e3da;
}

.lnd-extra-wrap .logo {
	height: 200px;
	width: 100%;
	background-image: url(../img/svg/logo-orbis-b.svg);
	margin-bottom: 25px;
}

.we-are-orbis-wrap {
	padding: 0 100px;
	margin-top: -50px;
}

.we-are-orbis-wrap h2 {
	text-align: right;
	text-transform: inherit;
	padding-right: 25px;
	font-family: 'Poppins-LightItalic';
}

.orb-loc-wrap ul li a:hover {
	font-weight: bold;
}




/*----- Partnerships extra ------*/

.part-intro-extrra-sec {
	z-index: 12;
}

.part-intro-extrra-sec .extra-cnt-left .cnt-img {
	position: relative;
	padding: 35%;
}

.part-intro-extrra-sec .extra-cnt-left .cnt-img-abs {
	position: absolute;
	top: 0;
	left: 0;
	background-position: top left;
    height: 200px;
    width: 100px;
	background-image: url(../img/svg/ico-semicrcle-line-left-w-1.svg);
}

.part-intro-extrra-sec .cnt-imgs-box .cnt-frame-img-wrap {
    position: absolute;
    padding: 30%;
    width: 80%;
    top: -36px;
	left: -250px;
    z-index: 1;
}




/*----- Talent intro ------*/

.intro-img-wrap {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	padding: 20%;
}

.intro-img {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}

.intro-img-icon {
	position: absolute;
	bottom: 50px;
	left: 0;
	height: 200px;
	width: 100px;
	background-position: left bottom;
}

.intro-icon-1 {
	position: absolute;
	height: 50%;
	width: 20%;
	bottom: 0;
	left: -20%;
}

.intro-icon-2 {
	position: absolute;
	height: 125px;
	width: 125px;
	bottom: -150px;
	left: 0;
}





/*----- About - Join Orbis ------*/

.about-join-abs-text-wrap {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	z-index: 5;
	pointer-events: none;
}

.about-join-abs-text-left {
	position: absolute;
	left: 25px;
	bottom: 0;
	transform: rotate(-90deg);
    transform-origin: left bottom;
	width: 100%;
    overflow: hidden;
	pointer-events: all;
}

/*
.about-join-abs-text-left .about-join-abs-text {
    transform: rotate(180deg);
}
*/

.about-join-abs-text .line {
	height: 1px;
	background-color: #000;
	align-self: center;
/*
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
*/
	width: 220px;
}

.about-join-abs-text h6 {
	letter-spacing: 0.1em;
	margin-left: 15px;
	font-size: 0.8em;
}

.about-join-team-logo {
	height: 150px;
	width: 200px;
	background-image: url(../img/svg/join-our-team-orange-1.svg);
}

.about-join-img-1 {
    padding: 50%;
	width: 100%;
}

.about-join-cnt-imgs-wrap .cnt-imgs-box .cnt-frame-img-wrap {
	position: absolute;
    padding: 25%;
    width: 50%;
    top: -115px;
    left: -100px;
    z-index: 1;
}

.about-join-extra-text {
	padding-left: 200px;
}

.about-join-extra-text h6 {
	line-height: 2em;
	text-transform: inherit;
}

.about-join-ico-1 {
	position: absolute;
	top: -150px;
	left: 0;
	height: 350px;
	width: 350px;
	background-image: url(../img/svg/ico-join-orbis-1.svg);
}

.about-join-ico-2 {
	position: absolute;
	bottom: 75px;
	left: -15px;
	height: 350px;
	width: 350px;
	background-image: url(../img/svg/ico-join-orbis-2.svg);
}





/*----- Join team - Benefits ------*/

.sec-jointeam-benefits-intro {
	margin-top: -50px;
}

.ben-intro-img {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.ben-intro-icon-1 {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 200px;
	height: 100px;
	background-position: left bottom;
	background-image: url(../img/svg/ico-ben-1.svg);
}

.ben-intro-icon-2 {
	position: absolute;
	bottom: -125px;
	left: 40%;
	width: 125px;
	height: 125px;
	background-image: url(../img/svg/ico-ben-2.svg);
}








/*========== RESPONSIVENESS ==================*/

@media screen and (max-width: 1320px) {
	
	.cnt-intro-sec .bg-icons {
		background-size: 1250px;
	}
	
	.lnd-intro-wrap .cnt-title h2 span:last-child {
		padding-left: 150px;
	}
	
	.we-are-orbis-wrap h2 {
		padding-right: 0;
	}
	
	.we-are-orbis-wrap {
		padding: 0 50px;
		margin-top: -25px;
	}
	
	.hm-intro-wrap .cnt-title h2:last-child {
		padding-left: 200px;
	}
	
	.cnt-intro-box .cnt-btn {
		margin-top: 25px;
	}
	
	.cnt-intro-sec .ico-box-wrap.ico-r-t .ico-box {
		height: 300px;
		width: 200px;
	}
	
	.cnt-text-imgs-sec .ico-box-wrap.ico-c-t {
		top: -100px;
		left: -100px;
		z-index: 1;
	}
	
	.cnt-text-imgs-sec .ico-box-wrap.ico-c-t .ico-box {
		height: 300px;
		width: 300px;
	}
	
	.cnt-intro-sec .ico-box-wrap.ico-r-b .ico-box {
		height: 150px;
		width: 150px;
	}
	
	.cnt-intro-sec .ico-line-wrap.ico-line-r-b {
		bottom: -200px;
		right: 25px;
	}
	
	.cnt-intro-sec .ico-line-wrap.ico-line-r-b .ico-line {
		height: 300px;
	}
	
	.cnt-text-imgs-sec .ico-box-wrap.ico-b-r .ico-box {
		height: 100px;
		width: 100px;
	}
	
	.cnt-imgs-boxes .cnt-imgs-box .cnt-frame-img-wrap,
	.cnt-imgs-box .cnt-frame-img-wrap {
		bottom: -25px;
	}
	
	.cnt-text-imgs-sec .ico-box-wrap.ico-b-l .ico-box {
		height: 300px;
		width: 300px;
	}
	
	.part-intro-extrra-sec .cnt-imgs-box .cnt-frame-img-wrap {
		top: -68px;
		left: -300px;
	}
	
	.about-join-ico-1 {
		height: 250px;
		width: 250px;
	}
	
	.about-join-ico-2 {
		height: 250px;
		width: 250px;
		left: -7px;
		bottom: 125px;
	}
	
	.about-join-extra-text {
		padding-left: 150px;
	}
	
	.about-join-cnt-imgs-wrap .cnt-imgs-box .cnt-frame-img-wrap {
		left: -75px;
	}
	
}




@media screen and (max-width: 1024px) {
	
	.lnd-intro-wrap .cnt-title h2 span:last-child {
		padding-left: 0;
	}
	
	.cnt-box {
		width: 100%;
		padding-left: 0;
		right: 0;
	}
	
	.lnd-intro-sec .cnt-intro-sec .cnt-box:first-child {
		margin-bottom: 25px;
	}
	
	.lnd-extra-wrap .cnt-frame-img-wrap {
		margin-top: 0;
		margin-left: 0;
	}
	
	.lnd-extra-wrap .cnt-img-box .cnt-img {
		padding: 50%;
	}
	
	.hm-intro-wrap .cnt-title h2:last-child {
		padding-left: 100px;
	}
	
	.cnt-imgs-boxes .cnt-imgs-box:first-child {
		padding-left: 50px;
	}
	
	.cnt-text-imgs-sec .ico-box-wrap.ico-b-l {
		display: none;
	}
	
	.cnt-imgs-boxes .cnt-imgs-box .cnt-frame-img-wrap, 
	.cnt-imgs-box .cnt-frame-img-wrap {
		bottom: 0;
	}
	
	.extra-cnt-left,
	.extra-cnt-right {
		width: 100%;
	}
	
	.extra-cnt-left {
		padding-bottom: 25px;
	}
	
	.extra-cnt-right {
		padding-left: 0;
	}
	
	.part-intro-extrra-sec .cnt-imgs-box .cnt-frame-img-wrap {
		position: relative;
		top: auto;
		left: auto;
	}
	
	.intro-cnt {
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}
	
	.intro-img-wrap {
		padding: 35%;
		margin-bottom: 50px;
	}
	
	.intro-icon-2 {
		bottom: -100px;
	}
	
	.ben-intro-wrap {
		flex-direction: column-reverse;
	}
	
	.ben-intro {
		width: 100%;
		padding: 50px 50px 0;
	}
	
	.ben-intro-img-wrap {
		width: 100%;
		padding: 0;
	}
	
	.ben-intro-img {
		-webkit-box-flex: 1;
		-ms-flex: auto;
		flex: auto;
		padding: 35%;
	}
	
	.ben-intro-icon-1 {
		width: 150px;
		height: 55px;
	}
	
	.ben-intro-icon-2 {
		bottom: -100px;
		left: 30%;
		height: 100px;
		width: 100px;
	}
	
	.about-join-cnt-text-wrap,
	.about-join-cnt-imgs-wrap {
		width: 100%;
	}
	
	.about-join-cnt-text-wrap {
		padding-right: 0;
		padding-bottom: 25px;
	}
	
	.about-join-ico-2 {
		display: none;
	}
	
	.about-join-extra-text {
		padding-left: 300px;
	}
	
	.about-join-cnt-imgs-wrap .cnt-imgs-box .cnt-frame-img-wrap {
		left: -50px;
		top: -200px;
	}
	
	.about-join-abs-text-left {
		bottom: 30%;
	}

}



@media screen and (max-width: 768px) {
	
	.we-are-orbis-wrap {
		padding: 0;
		margin-top: 25px;
	}
	
	.lnd-extra-wrap .logo {
		height: auto;
		padding: 20%;
	}
	
	.lnd-extra-wrap .cnt-frame-img-wrap {
		height: auto;
		width: 100%;
		padding: 50%;
	}
	
	.lnd-extra-wrap .cnt-frame-img {
		height: calc(100% - 50px);
		width: calc(100% - 50px);
	}
	
	.lnd-extra-wrap .frame {
		border: 5px solid #f0e3da;
	}
	
	.hm-intro-wrap .cnt-title h2 {
		text-align: center;
	}
	
	.hm-intro-wrap .cnt-title h2:last-child {
		padding-left: 0;
	}
	
	.cnt-imgs-boxes .cnt-imgs-box:first-child {
		padding-left: 25px;
	}
	
	.cnt-imgs-boxes .cnt-imgs-box .cnt-frame-img-wrap, 
	.cnt-imgs-box .cnt-frame-img-wrap {
		left: -25px;
	}
	
	.part-intro-extrra-sec .cnt-imgs-box .cnt-frame-img-wrap {
		width: 90%;
		padding: 35%;
	}
	
	.cnt-frame-img {
		height: calc(100% - 30px);
		width: calc(100% - 30px);
	}
	
	.frame {
		border: 5px solid #f4c59e;
	}
	
	.frame.light {
		border: 5px solid #eee1d8;
	}
	
	.sec-jointeam-benefits-intro {
		margin-top: -100px;
	}
	
	.ben-intro-img {
		padding: 50%;
    	background-position: top;
	}
	
	.ben-intro {
		padding: 25px 25px 0;
	}
	
	.ben-intro-icon-1,
	.ben-intro-icon-2 {
		display: none;
	}
	
	.ben-intro .cnt-text {
		padding-left: 0;
	}
	
	.about-join-abs-text-left {
		display: none;
	}
	
	.about-join-img-1 {
		margin-bottom: 25px;
	}
	
	.about-join-cnt-imgs-wrap .cnt-imgs-box .cnt-frame-img-wrap {
		position: relative;
		top: auto;
		left: auto !important;
		width: 100%;
		padding: 50%;
	}
	
	.about-join-extra-text {
		padding-left: 0;
	}
	
	.about-join-ico-1 {
		height: 150px;
		width: 150px;
		top: -100px;
	}
	
	.about-join-cnt-text-wrap .cnt-text-wrap {
		padding-left: 0;
	}
	
	.about-join-team-logo {
		height: 100px;
		width: 150px;
	}
	
	.about-join-cnt-imgs-wrap {
		padding-left: 0;
	}
	
	.frame {
		transform: translate(-50%,-50%) scale(1);
	}
	
}