/** Global Map **/


@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@500&display=swap');


.stat-value { font-size:48px;font-family: 'Roboto Slab', serif; margin-bottom: 20px}

.stat-label {
    text-transform: uppercase;
    font-size: 16px;
	color:#b7ecfa;
	letter-spacing: 0.05em;
	font-family: 'Roboto Slab', serif;
}



 #wrapper{width:1200px; min-height:761px; margin:auto auto; background:url(http://olivetseminary.org/img/bg_w_map.jpg) no-repeat;position: relative;}
  #nac{width:382px;height:380px; padding: 20px; font-size: 18px; color: #000; text-transform: uppercase; position:absolute;}
  #lt{width:300px;height:376px; padding: 20px; padding-top: 200px; font-size: 18px; color: #000; text-transform: uppercase; position:absolute; left:158px; top:365px;  }
  #er{width:390px;height:320px; padding: 20px; font-size: 18px; color: #000; text-transform: uppercase; position:absolute; left:320px; top:50px; }
  #cis{width:570px;height:270px; padding: 20px; font-size: 18px; color: #000; text-transform: uppercase; position:absolute; right:0; top:80px; text-align: right;}
  #ch{
    width: 230px;
    height: 180px;
    padding: 20px;
    font-size: 18px;
    color: #000;
    text-transform: uppercase;
    position: absolute;
    left: 790px;
    top: 250px;
}
  #af{width:266px;height:300px; padding: 20px; padding-top: 200px; font-size: 18px; color: #000; text-transform: uppercase; position:absolute; left:485px; top:340px;}
  #sa{width:180px;height:150px; padding: 20px; font-size: 18px; color: #000; text-transform: uppercase; position:absolute; left:700px; top:330px; z-index: 888;padding-top: 110px;}
  #sea{
    width: 250px;
    height: 150px;
    padding: 20px;
    padding-top: 120px;
    font-size: 18px;
    color: #000;
    text-transform: uppercase;
    position: absolute;
    right: 165px;
    top: 380px;
    z-index: 999;
}
  #oc{width:360px; height:60px; padding: 20px; padding-top: 200px; text-align: right; font-size: 18px; color: #000; text-transform: uppercase; position:absolute; right:0px; top:530px;}
 #ap{width:350px; height:270px; padding: 20px; padding-top: 200px; text-align: right; font-size: 18px; color: #000; text-transform: uppercase; position:absolute; right:0px; top:280px;}
  .region{cursor:pointer; border:1px #ccc dotted;}
  .region:hover{border:2px #939597 solid;}
  .hidden{display:none;}
  #goback{position:absolute;right:100px; top:50px; color: #fff; background:#000; padding: 5px 20px; font-size: 15px;}

.g_pic{position: relative; padding-left:0; padding-right:0; }
.g_pic .g_city{
position: absolute;
width: 100%;
height: 100%;
text-align: center;
padding-top: 48%;
bottom: 0;
display: block;
font-size: 16px;
color: #fff;
opacity: 0.8;}

.g_pic .g_conbox01{background-color:#08266b;}
.g_pic .g_conbox02{background-color:#006764;}
.g_pic .g_conbox03{background-color:#305205;}
.g_pic .g_conbox04{background-color:#664ab2;}
.g_pic .g_conbox05{background-color:#664ab2;}

.g_pic .g_city:hover{background-color: transparent;}


.s_con1 .btnTop{display: block; position: fixed; bottom: 55px; right: 40px; z-index: 77777;}
.s_con1 .btnTop a {background: url("../images/icon-backtotop.png") repeat scroll 0 0 transparent; display: block; height: 48px; opacity: 0.8; text-indent: -5000px; width: 47px;}
.s_con1 .btnTop a:hover { opacity:1; }

.s_con3 .bibliography{font-style: italic; font-size:14px;}



#copy a{color: #fff;
    opacity: 0.6;}
.f-bold { font-weight: bold; color:#102f7f}
.bmenu { background-color: #0073cb;
    margin: 10px; }


@media only screen and (max-width: 991px) {
	
	.bmenu { background-color: #afe7ff;}
	
	
	
}
.main-info { color: rgba(255, 255, 255, 0.3);font-size: 13px; padding-left: 10px}

.shortcode-list li a {
    background-color: #fff;
    padding: 10px 15px;
    display: block;
    margin-bottom: 7px;
    position: relative;
}

.section-menu-wrapper {
	display: table;
	width: 100%;
}

.section-menu-wrapper nav > ul {
    display: table;
    width: 100%;
}

.section-menu-wrapper  nav > ul > li {
    display: table-cell;
}
.section-menu-wrapper a{
    font-weight: 600;
    color: #707070;
    font-size: 15px;
   padding: 14px 30px 2px;
    text-align: center;
    vertical-align: middle;
}

.section-menu-wrapper nav > ul > li a {
    display: block;
}

.section-menu {
    
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    background-color: #f7f7f7;
    border-top: 1px solid #e3e3e3;
    z-index: 500;
}

.section p {font-size:19px; line-height:1.9; }

.global_map {
  display: block;
  text-indent: -9999px;
	margin: 0 auto;
  width: 800px;
  height: 500px;
  background: url("../img/bg_map.jpg") no-repeat;
	background-size: 800px 490px
}

.global_small_map {
  display: block;
  text-indent: -9999px;
  margin: 50px auto;
  width: 300px;
  height: 205px;
  background: url( "../img/worldmap-small.png") no-repeat;
  background-size: 300px 205px;
}

.africa_map {
  display: block;
  text-indent: -9999px;
	margin: 0 auto;
  width: 161px;
  height: 153px;
  background: url("../img/africa.svg");
	background-size: 161px 153px
}

.africa_big_map {
  display: block;
  text-indent: -9999px;
  width: 600px;
	margin: 0 auto;
  height: 572px;
  background: url(../img/africa.svg);
	background-size: 600px 572px
}

.asiapacific_map {
  display: block;
  text-indent: -9999px;
  width: 161px;
	margin: 0 auto;
  height: 153px;
  background: url("../img/asiapacific.svg");
	background-size: 161px 153px
}

.asiapacific_big_map {
  display: block;
  text-indent: -9999px;
  width: 600px;
  margin: 0 auto;
  height: 466px;
  background: url("../img/asiapacific.svg");
 background-size:600px 572px
}
.china_map {
  display: block;
  text-indent: -9999px;
  width: 161px;
  margin: 0 auto;
  height: 153px;
  background: url("../img/china.svg");
  background-size: 161px 153px
}
.china_big_map {
  display: block;
  text-indent: -9999px;
  width: 600px;
  margin: 0 auto;
  height: 466px;
  background: url("../img/china.svg");
  background-size: 600px 466px
}
.cis_map {
  display: block;
  text-indent: -9999px;
  width: 161px;
  height: 153px;
  margin: 0 auto;
  background: url("../img/cis.svg") no-repeat;
  background-size: 161px 153px
}
.cis_big_map {
  display: block;
  text-indent: -9999px;
  width:600px;
  height: 466px;
  margin: 0 auto;
  background: url("../img/cis.svg") no-repeat;
  background-size: 600px 466px
}
.europe_map {
  display: block;
  text-indent: -9999px;
  width: 161px;
  height: 153px;
  margin: 0 auto;
  background: url("../img/europe.svg") no-repeat;
  background-size: 161px 153px
}

.europe_big_map {
  display: block;
  text-indent: -9999px;
  width: 600px;
  height: 466px;
  margin: 0 auto;
  background: url("../img/europe.svg") no-repeat;
  background-size: 600px 466px
}


.latinamerica_map {
  display: block;
  text-indent: -9999px;
  width: 161px;
  height: 153px;
  margin: 0 auto;
  background: url("../img/latinamerica.svg") no-repeat;
  background-size: 161px 153px
}

.latinamerica_big_map {
  display: block;
  text-indent: -9999px;
  width: 600px;
  height: 466px;
  margin: 0 auto;
  background: url("../img/latinamerica.svg") no-repeat;
  background-size: 400px 466px;
}

.northamerica_map {
  display: block;
  text-indent: -9999px;
  width: 161px;
  height: 153px;
  margin: 0 auto;
  background: url("../img/northamerica.svg");
  background-size: 161px 153px
}
.northamerica_big_map {
  display: block;
  text-indent: -9999px;
  width: 600px;
  height: 466px;
  margin: 0 auto;
  background: url("../img/northamerica.svg");
  background-size: 600px 466px
}
.oceania_map {
  display: block;
  text-indent: -9999px;
  width: 161px;
  height: 153px;
  margin: 0 auto;
  background: url("../img/oceania.svg");
  background-size: 161px 153px
}
.oceania_big_map {
  display: block;
  text-indent: -9999px;
  width: 570px;
  height: 416px;
  margin: 0 auto;
  background: url("../img/oceania.svg");
  background-size: 570px 416px
}
.southasia_map {
  display: block;
  text-indent: -9999px;
  width: 161px;
  height: 153px;
  margin: 0 auto;
  background: url("../img/southasia.svg");
  background-size: 161px 153px
}

.southasia_big_map {
  display: block;
  text-indent: -9999px;
  width: 600px;
  height: 464px;
  margin: 0 auto;
  background: url("../img/southasia.svg");
  background-size: 600px 464px
}
.southeastasia_map {
  display: block;
  text-indent: -9999px;
  width: 161px;
  height: 153px;
  margin: 0 auto;
  background: url("../img/southeastasia.svg");
  background-size: 161px 153px
}

.southeastasia_big_map {
  display: block;
  text-indent: -9999px;
  width: 600px;
  height: 464px;
  margin: 0 auto;
  background: url("../img/southeastasia.svg");
  background-size: 600px 464px
}





.section-global-wrapper {
	display: table;
	width: 100%;
}

.section-global-wrapper nav > ul {
    display: table;
    width: 100%;
}

.section-global-wrapper  nav > ul > li {
    display: table-cell;
}
.section-global-wrapper a{
    font-weight: 400;
    color: #707070;
    font-size: 13px;
   padding: 14px 10px 2px;
    text-align: center;
    vertical-align: middle;
}

.section-global-wrapper nav > ul > li a {
    display: block;
}


.sub_header.bg_global {
    background-image: url("../img/header_bg_global.jpg");
}

.sub_header.bg_aboutus {
    background-image: url("../img/header_bg_aboutus.jpg");
}

@media only screen and (max-width: 991px) {
	.global_map{	
		width: 650px;
        height: 400px;
        background: url(../img/worldmap.svg);
        background-size: 650px 400px;
		}
	#wrapper { display: none
}
}

@media only screen and (max-width: 767px) {
	.global_map{	
		width: 400px;
        height: 250px;
        background: url( "../img/worldmap-small.png");
        background-size: 400px 250px;
		}

}

@media(min-width: 0px) and (max-width: 649px ){
	#gradient{
		height: 15%;
	}
	
	#copy a {display: block}
	
}


@media only screen and (max-width: 480px) { 
	.bg_content .stat-value { font-size:30px; margin-bottom: 10px}
	.bg_content .stat-label {padding-bottom: 20px;
}

}


.video-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; }
.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }