/*INTRODUCTION*/
.intro {width: 100%;}
.intro .text {width: 45%; float: left}
.intro .text strong {width: 100%;}
.intro .text p {}
.intro .text p span {color: #00418e}
.intro .text h1 {width: 300px; float: right; text-align: right; font-size: 20px;}
.intro .text h1 span {color: #58595b}
.intro .text h1 img {width: 220px;}
.intro .img {width: 50%; height: 680px; position: absolute; right: 0; overflow: hidden;}
.intro .img img {height: 100%; transition: .4s}
.intro .img img:hover {transform: scale(1.05);}

/*CARRIER & VISION*/
.box {width: 100%; height: auto; border-top: 1px solid #ddd; padding: 50px 0;}
.box .text {width: 45%;}
.box .img {width: 45%; height: auto; overflow: hidden;}
.box .img img {width: 100%; transition: .2s}
.box .img img:hover {transform: scale(1.05)}

.box.carrier .text {float: left;}
.box.carrier .img {float: right;}

.box.vision .text {float: right;}
.box.vision .img {float:left;}

/*BUSINESS NETWORK*/
.world {width: 1000px; height: 500px; float: right; position: relative; top: -70px;}
.world_map {width: 1000px; height: 500px; position: relative;}
.world .point {width: 1000px; height: 500px;;position: absolute; top:0; left: 0;}
.world .point li {width: 40px; position: absolute; animation: point 1s both; transition: .2s}
.world .point li:hover {transform: scale(1.3)}
.world .point li img {width: 100%;}

@keyframes point {
	0%{opacity: 0}
100%{opacity: 1}
}

.southafrica {top:360px; left: 105px;}
.algeria {top: 210px; left: 50px;}
.argentina {top: 370px; left: 815px;}
.australia {top: 350px; left: 400px;}
.barbados {top: 235px; left: 855px;}
.bolivia {top: 330px; left: 815px;}
.brazil {top: 310px; left: 860px;}
.canada {top: 110px; left: 700px;}
.chile {top: 400px; left: 800px;}
.china {top: 180px; left: 310px;}
.colombia {top: 275px; left: 800px;}
.dominica {top: 230px; left: 805px;}
.ecuador {top: 290px; left: 780px;}
.egypt {top: 210px; left: 120px;}
.ethiopia {top: 260px; left: 145px;}
.guatemala {top: 240px; left: 755px;}
.hunggary {top: 145px; left: 90px;}
.india {top: 220px; left: 250px;}
.indonesia {top: 280px; left: 340px;}
.iran {top: 190px; left: 190px;}
.iraq {top: 185px; left: 160px;}
.kazakhstan {top: 140px; left: 230px;}
.laos {top: 230px; left: 307px;}
.libya {top: 205px; left: 90px;}
.newzealand {top: 400px; left: 495px;}
.nigeria {top: 255px; left: 65px;}
.mexico {top: 220px; left: 725px;}
.morocco {top: 195px; left: 25px;}
.myannmar {top: 230px; left: 285px;}
.oman {top: 230px; left: 190px;}
.panama {top: 260px; left: 780px;}
.paraguay {top: 340px; left:835px;}
.peru {top: 315px; left: 795px;}
.philippines {top: 260px; left: 368px;}
.romania {top: 150px; left: 112px;}
.russia {top:90px; left: 300px;}
.saudi_arabia {top: 220px; left: 160px;}
.sudan {top: 250px; left: 120px;}
.surinam {top: 270px; left: 845px;}
.syria {top: 190px; left: 142px;}
.taiwan {top: 215px; left: 358px;}
.trinidad {top: 245px; left: 830px;}
.tunisia {top: 190px; left: 70px;}
.turkey {top: 175px; left: 125px;}
.ukraine {top: 140px; left: 140px;}
.uruguay {top: 375px; left: 845px;}
.usa {top: 180px; left: 730px;}
.uzbekistan {top: 165px; left: 210px;}
.venezuela {top: 275px; left: 820px;}
.vietnam {top: 247px; left: 325px;}


@media (max-width: 1199px) {
	.intro {padding: 15px;}
	.intro .text strong {line-height: 1;}
	.intro .text {width: 100%; float: none;}
	.intro .text h1 img {width: 150px;}
	.intro .img {width: 100%; height: auto; position: static; margin-top: 50px; padding-top: 50px;}
	.intro .img img {width: 100%; height: auto; transition: .4s}
	
	.world {width: 100%;}
	.world_map {width: 100%; overflow:scroll; overflow-y:hidden;}
}

@media (max-width: 767px) {
	.box {padding: 15px;}
	.box .text {width: 100%; margin-bottom: 15px;}
	.box .img {width: 100%;}
	
	.box.carrier .text {float: none;}
	.box.carrier .img {float: none;}

	.box.vision .text {float: none;}
	.box.vision .img {float: none;}
}