@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,800');

body, html {
	font-family: 'Open Sans', sans-serif;
	overflow-x: hidden;
}

p {
	font-size: 1.4em;
	font-weight: 300;
	line-height: 1.5; 
}
h1, h2, h3, h4, h5 {
    font-weight: 300;
    line-height: 1.3;
}
.txt_white_shadow {
    text-shadow: 2px 2px 3px  #FFF;
}
.txt_black_shadow {
    text-shadow: 2px 2px 3px  #000;
}
.opportunity_intro {
	margin: -100px 0px 0px 0px;
	padding: 100px 0px 0px 0px;
	z-index: -1;
}
.video-container {
	position: absolute;
	top: 0;
	z-index: -1;
	bottom: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	object-fit: fill;
}

.video-container video {
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
  .opportunity_intro_txt h2 {
	font-size: 28px;
    font-weight: 300;
    line-height: 1.4;
    padding-bottom: 10px;
	text-align: center;
}
.tools {
	background: #01090f;
}
.tools_txt {
	position: absolute;
	left: 0;
	bottom: 5%;
	width: 50%;
	padding-left: 5%;
}

.socialcommerce {
	background: center left url(../img/bg/opportunity/bg_socialcommerce.jpg) no-repeat;
	background-size: cover;
	min-height: 768px;
}


.travel {
	background: center left url(../img/bg/opportunity/bg_travel.jpg) no-repeat;
	background-size: cover;
	min-height: 768px;
}
	.travel_txt h2 {
		font-weight: 300;
		line-height: 1.3;
	}

.dubai {
    background: center left url(../img/bg/opportunity/bg_dubai.jpg) no-repeat;
    background-size: cover;
    min-height: 768px;
}
    .dubai_txt h2 {
        font-weight: 300;
        line-height: 1.3;
    }


.promoter_intro {
    background: top right url(../img/bg/opportunity/bg_promoter_intro.jpg) no-repeat;
    background-size: cover;
	min-height: 768px;
}
.recommend_contentbox {
	max-height: 651px;
}
.carousel_recommendations p {
	font-size: 1.2em;
	font-weight: 300;
	line-height: 1.5; 
}
.socialcommerce_txt { height: 50vh;}

@media (min-width: 2000px) {  
}
@media (max-width: 1500px) { 
	p { font-size: 1.2rem;}
}
@media (max-width: 1400px) { 
	.companies h4 { font-size: 1rem; }
	.recommend_contentbox {
		max-height: 700px;
	}
}
@media (max-width: 1200px) { 
	.recommend_contentbox p {
		font-size: 1rem;
	}
}
@media (max-width: 996px) { 
	.travel { 
		height: 50vh!important;
		background-position: bottom center; 
	}
	.dubai {
		height: 50vh!important;
	}
	.video-container {
		position: absolute;
		top: 0px;
		z-index: -1;
		bottom: 0;
		width: 100%;
		height: 100%;
		overflow: hidden;
		object-fit: fill;
	}	
	.opportunity_intro {
		margin: 0;
		padding: 0;
		height: 55vh!important;
		min-height: auto;
		max-height: auto;
		z-index: -1;
	}
	.socialcommerce {
		background: top center url(../img/bg/opportunity/bg_socialcommerce_mobile.jpg) no-repeat;
		background-size: cover;
		min-height: auto;
		height: 50vh!important;	
	}
	.socialcommerce_txt { height: 25vh;}
	.globalbusiness {
		height: 45vh!important;
	}
	.tools_txt {
		position: absolute;
		bottom: 0;
		width: 80%;
		left: 10%;
		right: 10%;
		text-align: center;
		padding-bottom: 5%;
	}
	.tools_txt h3, .tools h3 { font-size: 20px; }
	h2 { font-size: 1.4rem; }
	.opportunity_intro h2 { 
		text-shadow: 2px 2px 3px  #FFF;		
		font-size: 1.4rem; 
	}
	p, h3 {
		font-size: 1.2em;
		font-weight: 300;
		line-height: 1.5; 
	}
	h1, h2, h3, h4, h5 {
		font-weight: 300;
		line-height: 1.3;
	}	
	.binarybonusplan_facts h3 { font-size: 16px; }
	.recommend_contentbox p { font-size: 14px; }
}

@media (max-width: 768px) {  
	.img_bg {
		background: #000;
	}
	.owl-carousel .owl-item img {
		width: 40%!important;
		margin: 0 auto;
	}
	.thumbnail {
		width: 100%;
		left: 50%;
	}
	.recommend_contentbox {
		max-height: 700px;
		height: auto;
	}
}	

@media (max-width: 660px) {  
	.socialcommerce h3, .socialcommerce p { font-size: 16px;}
	.promoter_intro { min-height: auto; }
	h2 { font-size: 18px; }
	h3 { font-size: 16px; }
	p { font-size: 14px; }
}

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