@charset "utf-8";
/* CSS Document */

*{
	padding: 0;
	margin: 0;
}
/*--- FONTS ---*/
/*font-family: 'Oswald', sans-serif;
font-family: 'PT Sans Narrow', sans-serif;*/


/*--- COLOR ---*/
/*color: #046A38;*/


/*----- MAIN -----*/
body{
	font-family: 'PT Sans Narrow', sans-serif;	
	background-color: #000000;
	color: #fff;
	overflow-x: hidden;
}

video{
  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: -1;
}

/*---- TEXT ----*/
h1{
	font-family: 'Oswald', sans-serif;
	font-size: 20px;
	text-align: left;
	color: #fff;
	/*margin-top: 20%;*/
	/*margin-left: 10%;*/
}

h2{
	font-family: 'Slabo 27px', serif;
	font-size: 10px;
	text-align: left;
	color: #046a38;

}

h3{
	font-family: 'Slabo 27px', serif;
	font-size: 25px;
	text-align: left;
	color: #fff;
}

h4{
	font-size: 13px;
	color: #000;
}

h5{
	/*box-shadow: 20px 10px #000;*/
}

h6{
	font-size: 
}

p {
	/*margin-left: 10%;*/
}

.center {
    text-align: center;
    border: 3px solid green;
}


/*----- FOOTER -----*/
#footer{
	width: 100%;
	margin-top: 50px;
	padding-top: 10px;
	padding-bottom: 20px;
	border-top: ridge 1px rgba(73, 53, 11, 0.29);
	text-align: center;
	position: fixed;
	bottom: 0;
	left: 0;
	background: #000000;
	color: #fff;
	font-size: 10px;
	text-transform: uppercase;
	z-index: 21;
}


/*----- SECTION BACGROUND IMAGES -----*/
.item{
	background-repeat: no-repeat;
}


/*----- CONTENT ARRANGEMENT -----*/
ul li{
	display: inline;
}

/*----- ARROWS -----*/
#navarrows{
	/*padding-top: 220px;*/
	/*position: fixed;*/
}

#navarrows img{
	width: 30px;
	height: auto;
	/*position: fixed;
	padding-left: 50px;
	padding-top: 250px;*/
}


/*----- TOP MAIN MENU -----*/
#mainmenu ul{
	padding-top: 10px;
	padding-left: 105px;
	float: left;
	position: fixed;
}

#mainmenu li{
	padding-right: 30px;
}

#mainmenu li a{
	text-decoration: none;
	list-style: none;
	text-align: right;
	font-family: 'PT Sans Narrow', sans-serif;
	color: #ffffff;
	font-size: 18px;
}


/*----- CSB LOGO -----*/
#csblogo img{
	width: 125px;
	height: auto;
	margin-left: 85%;
	margin-top: 41%;
	position: fixed;
	z-index: -1;
}

/*----- SECTIONS -----*/
	/*--- HOME / MAIN ---*/
		#home{
			box-sizing: content-box;
		}

		#home h1{
			font-family: 'Oswald', sans-serif;
			font-size: 65px;
			text-align: left;
			color: #fff;
			padding-top: 30px;
		}

	/*--- EXPANDING HORIZONS ---*/
		#expanding

	/*--- INTERNALIZATION ---*/
		#internal

	/*--- BENILDE BORACAY ---*/
		#boracay

	/*--- BENILDE ANTIPOLO ---*/
		#antipolo

	/*--- BIGSKY BENILDE ---*/
		#bigsky

	/*--- BENILDE IN NUMBERS ---*/
		#numbers



/*----- TABLE STYLES -----*/
	/*--- SECTION HEADERS ---*/
		#sectionheaders table {
  			width: 100%
		}


		#sectionheaders 
		th,
		td {
  			padding-right: 800px;
  			text-align: left;
		}

	/*--- SECTION CONTENT ---*/
		#sectioncontent table {
  			width: 100%
		}


		#sectioncontent
		th,
		td {
  			text-align: left;
		}

/*----- WORLD MAP -----*/
#worldmap img{
	width: 900px;
	height: auto;
	padding-left: 2900px; 
}


/*----- CONTENT BOX -----*/
div.transbox {
    background-color: #ffffff;
    padding-right: px;
    padding-left: 13px;
    padding-top: 13px;
    padding-bottom: 13px;
    opacity: 0.6;
    filter: alpha(opacity=60); /* For IE8 and earlier */
}

div.transbox p {
    font-weight: bold;
    color: #000000;
}

/*----- LEADERSHIP PHOTOS -----*/
#leaderphotos{
	margin-top: 5%;
}

#leaderphotos img{
	width: 250px;
	height: auto;
	margin-bottom: 10%;
	border-radius: 300px;
}

#leaderphotos ul{
	margin-left: 10%;
}


#leaderphotos li a{
	margin-right: 15%;
	display: inline;
}

/*----- MAIN SECTION BOTTOM VECTORS -----*/
#mainvector img{
	position: fixed;
	padding-top: 20%;
	margin-top: 50px;
	padding-top: 10px;
	padding-bottom: 20px;
	position: fixed;
	bottom: 0;
	left: 0;
}


/*----- MAP CSS -----*/
.map-container {
  position: relative;
  display: inline-block;
  /*margin-bottom: 4%;*/
}
.map-container img {
  width: 100%;
}
.map-container .point {
  cursor: pointer;
  position: absolute;
  width: 1.6rem;
  height: 1.6rem;
  background-color: #046A38;
  border-radius: 50%;
  transition: all .3s ease;
  will-change: transform, box-shadow;
  transform: translate(-50%, -50%);
  box-shadow: 0 0 0 rgba(4, 106, 56, 0.4);
  animation: pulse 3s infinite;
}
	/*----- EFFECTS UPON HOVER -----*/
		/*--- HOW TEXT APPEARS WHEN HOVER ---*/
			.map-container .point p{
				opacity: 0;
			}

			.map-container .point:hover p{
				opacity: 1;
			}
		/*--- MAIN CSS FOR MAP HOVER ---*/
			.map-container .point:hover {
/*  				animation: none;
  				border-radius: 50%;
  				transform: translate(-50%, -50%) scale3D(1.35, 1.35, 1);
  				box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  				padding-left: 5%;
  				padding-right: 5%;
  				padding-top: 2%;
  				padding-bottom: 7%;*/
  				width: 200px;
  				height: auto;
  				background-color: rgba(0, 0, 0, 0.0);
  				animation: none;
  			
			}

.map-container .venezuela {
  top: 54%;
  left: 24%;
  position: fixed;
}
.map-container .brasil {
  top: 24%;
  left: 21%;
}
.map-container .argentina {
  top: 27%;
  left: 47%;
}
.map-container .colombia {
  top: 25%;
  left: 16%;
}
.map-container .panama {
  top: 30%;
  left: 50%;
}
.map-container .mexico {
  top: 38%;
  left: 45%;
}
.map-container .usa {
  top: 33%;
  left: 10%;
}
.map-container .arabia {
  top: 40%;
  left: 53%;
}
.map-container .turquia {
  top: 38%;
  left: 67%;
}
.map-container .rusia {
  top: 52%;
  left: 78%
}
.map-container .china {
  top: 40%;
  left: 72%;
}
.map-container .japon {
  top: 34%;
  left: 86%;
}
.map-container .australia {
  top: 72%;
  left: 86%;
}

.map-container .indonesia {
  top: 62%;
  left: 78%;
}

@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(4, 106, 56, 0.61);
  }
  70% {
    box-shadow: 0 0 0 25px rgba(4, 106, 56, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(4, 106, 56, 0);
  }
}


/*----- COUNTER CSS -----*/
#counter {
/*  background-color: #F46A6A;*/
  color:/*046a38;*/ #000;
  max-width:800px;
  /*margin: 100px auto 0;*/
  text-align: center;
/*  display: table;*/
}

.counter {
  display: table-cell;
  /*margin:1.5%;*/
  font-size:40px;
  /*background-color: #006338;*/
  width:200px;
  height:65px;
  vertical-align: middle;
  color: 

}



/*----- NEW MAIN PAGE NAV -----*/
.right-main {
  /*width:100%;*/
  display: inline-block;
 /* margin:0 auto;*/
  /*height: 100vh;*/
  float: left;
/*  margin-left: 10%;*/
}

.btn-right {
  width: 50px;
  height: 50px;
  background: green;
  border-radius: 100%;
  display: block;
  margin-top: 2em;
  margin-left: 90%;
}