@import url('fonts.css');
@import url('https://fonts.googleapis.com/css?family=Catamaran:400,900');
body { font-family: 'adb-clean', sans-serif;  font-weight: 500;}

a, .selector-button:before { text-decoration: none;transition: all 0.5s linear }
a:hover { text-decoration: none;}

/*WIDTH*/
.width500 { max-width:500px; margin:0px auto;}
.width930 { max-width:950px; margin:5px auto;}
.width900 { max-width:900px; margin:5px auto;}
.width850 { max-width:850px; margin:5px auto;}
.width800 { max-width:800px;margin:5px auto; }
.width700 { max-width:650px;margin:5px auto; }
.width600 { max-width:650px;margin:5px auto; }
.width650 { max-width:750px;margin:5px auto; }
.width750 { max-width:790px;margin:5px auto; }

.imgMap {max-width:100%;height: auto;display: block;}
.regForm .form-control { border-radius:0;background: rgba(255,255,255,0.9); }
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: rgba(47,47,47,1.00);
}
::-moz-placeholder { /* Firefox 19+ */
  color: rgba(47,47,47,1.00);
}
:-ms-input-placeholder { /* IE 10+ */
  color: rgba(47,47,47,1.00);
}
:-moz-placeholder { /* Firefox 18- */
  color: rgba(47,47,47,1.00);
}

.owl-dots .owl-dot.active span {
    background: white !important;
    border: 1px solid white;
}

.owl-dots .owl-dot span {
	background: rgba(255,255,255,0) !important;
    border: 1px solid white;
}
.radial svg , .circliful {margin:0 !important; padding: 0 !important; }
.sectionTabContent ul li { margin: 18px 0;font-family: 'adb-clean-light', 'serif';}
.padTop50 { padding-top:50px; }
.lbtn { text-align: center;margin:30px auto;}
.lbtn a { display: block; border: 3px solid #fff; border-radius:30px; padding:9px 12px;max-width: 180px;text-transform: uppercase;letter-spacing: 1px;margin: 0 auto;font-family: 'Museo-700';color:#ffffff;}
.lbtn a:hover { color:black; border: 3px solid #000;background: rgba(255,255,255,0.81)}

.posrelative { position: relative; }
.hidden, .hide { display:none; }
h3.section-title { text-align: center;font-size: 30px;font-family: 'adb-clean-bold', 'serif'; margin:20px auto;}
.testimonial{
	padding: 1em;
  text-align: left;
	margin: 55px auto;
	
}
 h4.sec-subtitle { padding: 1em;font-family: 'adb-clean-light';font-size: 27px; margin: 20px auto }
h4.sec-subtitle span {font-family: 'adb-clean-bold', 'serif';}
.subtitle { font-family: 'adb-clean-light';font-size: 27px; margin: 18px auto}

.bottitle {font-size: 24px;line-height: 30px;text-transform: uppercase;font-family: 'adb-clean-bold';margin: 25px auto}

.radial-progress .percent .number { font-size: 50px;  }
.circleChart_text span, .radial-progress .percent { font-size: 16px;}
.testimonial p {font-family: 'adb-clean-light', serif; font-size: 21px; line-height:30px; color: #ffffff;text-align: center;margin: 0 auto;}
.testimonial p span {display: block;font-size: 18px;position: relative;top: 21px}
.testimonial .lq {	
	position: relative;	
	left:-30px;
	width: 50px;
}
.testimonial .rq {	
	position: relative;	
	float: right;
	top: -35px;
	right: -35px;
	width: 50px;
}
.img-responsive {max-width: 100%;height:auto;display: block;}
.head1 { background: url(img/head_1.png)  -60px 10px no-repeat; display: block; min-height: 310px;position: relative;z-index: 1}

.head2 { background: url(img/head_2.png) 265px top  no-repeat; display: block; min-height: 310px;position: relative;z-index: 1}

ul.selector1 { list-style: none; margin: 10px auto; background: rgba(0,0,0,0.5); display: block; max-width: 950px;border-radius: 25px;padding: 0;margin-bottom: 30px}

ul.selector { list-style: none; margin: 30px auto; background: rgba(0,0,0,0.5); display: block; max-width: 679px;border-radius: 25px;padding: 0}
.selector li, .selector1 li { display: inline-block; margin: 0;padding: 0 }
.selector li .selector-button, .selector1 li .selector-button { margin:6px 3px; display: block; text-align: center;padding: 7px 39px; border-radius: 20px; text-transform: uppercase;letter-spacing: 1px;font-size: 12px;cursor: pointer;transition: all 0.5s linear}
.selector li .selector-button.active, .selector1 li .selector-button.active { background:#ffffff;color:#000;  }
.selector li .selector-button.active:hover, .selector1 li .selector-button.active:hover { background:#ffffff;color:#000;  }
.selector li .selector-button:hover, .selector1 li .selector-button:hover { background:rgba(11,11,11,0.70); }
.selector1 li .selector-button {padding: 7px 30px; }


/*SECTION ONE*/
.section-one { margin:0px auto; background-size: cover}
.bannerMain { background:url("img/mbanner.jpg") no-repeat top center; min-height:660px; color:#ffffff;font-family:'Museo-900', serif; }
.bannerMain h1 {text-transform:uppercase;font-family:'Museo-900', serif; font-weight:900;font-size:100px;margin:12px 0;line-height: 100px;
position: relative;
	top: 50px;
	opacity:0;
}
.section-one a {color:#fff;}
.section-one a:hover {text-decoration: underline}
.section-one .gentxt {font-family: 'adb-clean-bold','sans-serif'; font-size:21px; padding:10px 3px;  }
.bannerMain p span {font-family: 'adb-clean-bold','sans-serif';letter-spacing: 2px;font-size: 35px;}
.bannerMain p { font-family: 'adb-clean-bold','sans-serif'; position: relative;opacity:0;display: block; margin: 12px 0;font-size: 36px;max-width: 652px; margin-top: 80px;line-height: 40px;}
.bannerMain h1 span {display: block;}

.pBand { background: url(img/grey-band.jpg) center center #303054 repeat-x; padding:45px  0; display: block;text-align: center;color:#ffffff;}
.pBand .section-title { font-size:20px; font-family:  'Museo-900', 'serif';text-transform: uppercase;font-weight: normal}
.btn-primary { background:none; }
.pbtn:hover { background:#ffffff;color:#3E3E3E;border: 2px solid #fff;}
.pbtn { color:#ffffff;font-size: 14px;
	border-radius: 30px;
	position: relative;
	display: block;max-width: 245px;
	font-weight: 700;
	padding: 5px 9px 6px 9px;
	overflow: hidden;
	border: 2px solid #fff;
	margin: 9px auto;
}


/* SECTION TWO */
.section-video-bg{
  width: 100%; height: 590px;
  /* background-image: url(img/crossed-bg.png);  */
  background-color: rgba(0,0,0,0.60) ;
  background-position: top center;background-repeat:repeat-x;color:#F1F1F1;
  
	padding:160px 0;
	text-align: center;
}

.section-video-bg  h3.section-title { font-family: 'adb-clean-bold';font-size: 32px; }


/* SECTION TWO */
.section-two { background: url(img/sec-bg-2.jpg)  top center repeat-x;
  min-height: 650px;text-align: center;padding:70px 0;margin: 0 auto; color:#ffffff;
  background-size:cover;
}
.section-two-map{
  text-align: center;margin: 0 auto; color:#ffffff;
  
}
.popover {max-width:450px;}
.popover .description {font-size: 18px;color: rgba(71,71,71,1.00)}
.divMaps h3 { margin: 16px auto; font-size: 30px;text-transform: uppercase;}
.faceImg { border-radius: 87px;border: 5px solid #363092;margin: 30px auto}
.section-two .pbtn { max-width: 180px; }

.icon-circle { border: 3px solid rgba(152,15,188,1.00) ; 
  background: rgba(152,15,188,0.16);min-height: 130px;max-width: 130px; padding: 25px; display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;  margin: 0 auto;border-radius: 150px;}
.icon-circle img {width: 75px}
.section-two   p.subtext{ font-size: 17px;margin-top: 30px;font-family: 'adb-clean-light','sans-serif'; }
.section-two  h3.section-title { }

.cardDiv { display: inline-block;margin: 5px; text-align: center;width: 150px;margin-right: 18px;vertical-align: top;}

/* SECTION THREE */
.section-three { background:url(img/bg-section-3.png) top center repeat-x #013c51;
   margin:0px auto; min-height:750px;
   color:#fff;padding:60px 0;
   background-size:cover;position: relative;}


.section-three canvas {
        -moz-user-select: none;
        -webkit-user-select: none;
        -ms-user-select: none;
    }
.section-three .progress-bar-vertical {
  width: 100px;
  min-height: 204px;
  display: flex;
  align-items: flex-end;
  margin-right: 30px;
  float: left;
	background: transparent !important;
}

.section-three  .progress-bar-vertical .progress-bar {
  width: 100%;
  height: 0;
  -webkit-transition: height 0.6s ease;
  -o-transition: height 0.6s ease;
  transition: height 0.6s ease;
}
.section-three .labelText {font-size: 21px;}
.section-three  .progress-bar-vertical span { display: none; }
.section-three .sec2graphBg {background: url(img/sec2graph-bg.png)  bottom left no-repeat;
  min-height: 218px;padding:10px 30px 0px 50px}
.section-three .sec2graphBg .progress-bar { height: 0px;border-radius: 3px}
.section-three .sec2graphBg .pb-1 { background: #c5d62e; }
.section-three .sec2graphBg .pb-2 { background: #06a6e0; }
.section-three .bar-label { display: inline-block; font-weight: bold; font-size: 50px !important  }
.section-three .bar-label span {font-size: 18px;}
.section-three .barLabels { position: relative;top: -10px;}
.section-three .barLabels p { text-align: center;font-size: 21px;}
.vidBox { background: url(img/thumb1.png)  center center no-repeat;background-size: cover;min-height: 180px;padding:60px 12px; }
.vidBox a { position: relative;z-index: 9}
.thumb1 { background: url(img/video-1.jpg)  center center no-repeat; background-size: cover;}
.thumb2 { background: url(img/video-2.jpg)  center center no-repeat; background-size: cover; }
.thumb3 { background: url(img/video-3.jpg)  center center no-repeat; background-size: cover;}
.thumb4 { background: url(img/thumb4.png)  center center no-repeat; background-size: cover; }
.thumb5 { background: url(img/thumb5.png)  center center no-repeat; background-size: cover; }
.thumb6 { background: url(img/thumb6.png)  center center no-repeat; background-size: cover;}
.thumb7 { background: url(img/thumb7.png)  center center no-repeat; background-size: cover;}
.thumb8 { background: url(img/thumb8.png)  center center no-repeat; background-size: cover;}

.vids h4 { text-transform: uppercase; text-align: center;display: block;font-size: 14px !important; font-family: 'adb-clean-bold','sans-serif' !important;
}
/*.cstory { display: block;min-height: 570px}*/
.cstory { background-image: linear-gradient(to right, #cccccc , #ffffff); min-height: 560px }
.cstory h4 { display: block; padding: 18px;color: #191919; margin: 0}

.slink {  display: block; padding: 0px 18px;}
.btnblue { background: #1372e5; border-radius: 25px; padding: 5px 15px;margin: 0px}

.btnblue:hover { background: #005abe; }

.overlay {
  position: relative;	
}

.overlay:after {
  position: absolute;
  content:"";
  top:0;
  left:0;
  width:100%;
  height:100%;
   opacity: .5;
	background: rgba(0,0,0,0.50);
}

.overlay:hover:after  {
 opacity:0
}
.vidBox { box-shadow: 1px 6px 9px #000000}
.vids h4 { font-size:18px;font-family: 'adb-clean-light','sans-serif';margin: 10px 0 18px 0;}

/*SECTION FOUR */
.section-four {background:url(img/secbg-4.jpg) top center repeat-x  #c45d00;
  background-size:cover;
  text-align: center;padding:70px 0;margin: 0 auto; color:#ffffff;  min-height: 630px;}

.sectionTabContent { display:none;min-height: 300px}
.tcactive { display:block;}
.section-four .barchart .row { margin: 9px 0;}
.section-four .barchart p {display: block;}
.txt3, .txt4 { display: block;padding: 0px 50px;font-size: 24px;line-height: 30px;text-transform: uppercase;font-family: 'adb-clean-bold';}


.mtext { display: block;padding: 0px 0 9px 0px;font-size: 24px;line-height: 30px;text-transform: uppercase;font-family: 'adb-clean-bold';}
.section-four .progress { border-radius: 0;background: rgba(255,255,255,0.3);height:45px;  }
.section-four .progress-bar {padding:10px 18px; text-align: right}
.section-four .bgGreen {background:rgba(197,214,46,1.00); display: inline-block; text-align: right !important; padding: 0px 18px 8px 18px  }
.bgGreen span {font-size: 35px;color: #000;font-family: 'adb-clean-bold';}



/*SECTION FIVE */
.section-five {background:url(img/secbg-5.jpg) top center  #58056d;text-align: center;padding:90px 0;margin: 0 auto; color:#ffffff;  min-height: 810px;background-size: cover}

.section-five .gBlock {padding: 30px 0px; /*border-left: 2px solid #ffffff;*/margin-top: 30px}
.section-five .gBlock .progress { background:rgba(255,255,255,0.5);height: 75px; border-radius: 0;}
.section-five .gBlock .progress-bar span{ font-size:45px;color:#fff;font-family: 'adb-clean-bold'; } 
.section-five  .bgEducator {background:rgba(197,214,46,1.00); color: #292929;}
.section-five  .bgPolicymaker {background: rgba(6,166,224,1.00); color: #292929;}
.gmiContent h3 { font-size:28px;font-family: 'adb-clean-bold','sans-serif';}
.gmiContent h4 { font-size:24px;font-family: 'adb-clean-light','sans-serif';margin: 30px auto}
.gmiContent h4 span { font-family: 'adb-clean-bold','sans-serif';}
.gmiContent h5 { font-size:20px;font-family: 'adb-clean-bold','sans-serif';}
.gmiContent .pbtn { max-width: 250px;margin:18px auto;}
.newbtns .pbtn1 { color:#ffffff;font-size: 14px;
	border-radius: 30px;
	position: relative;
	min-width: 210px !important;
	font-weight: 700;
	padding: 5px 9px 6px 9px;
	overflow: hidden;
	border: 2px solid #fff;
	margin: 9px auto;
}

.newbtns a { color:#ffffff;font-weight: 300;font-size: 14px; margin: 10px 15px}
.newbtns a:hover { color:#0D71F9;}

.newbtns .pbtn1:hover {
	 background:#ffffff;color:#3E3E3E;border: 2px solid #fff;
}
.pbtn { padding: 9px 12px 7px 12px}


.map-tooltip { background: rgba(0,0,0,0.81); padding:18px 16px 0 16px; max-width:380px;font-family: 'adb-clean-light';color:#ffffff;font-size: 16px;position: relative;top: 100px}

.map-content-us { border:3px solid rgba(6,167,224,1.00) ;}
.map-content-de { border:3px solid rgba(196,214,46,1.00) ;}
.map-content-gb { border:3px solid rgba(250,162,27,1.00) ;}
.map-content-jp { border:3px solid rgba(235,40,40,1.00) ;}
.header { font-family:'adb-clean-bold'; font-size: 21px; text-align: center;text-transform: uppercase;}
.h1us { color:rgba(6,167,224,1.00) }
.h1de { color: rgba(196,214,46,1.00) }
.h1gb { color: rgba(250,162,27,1.00) }
.h1jp { color: rgba(235,40,40,1.00) }


.nav-tabs{
  list-style: none; margin: 30px auto; background: rgba(255,255,255,0.5); display: block; max-width: 100%;border-radius: 36px;padding: 0; border-bottom:0;	
}
.nav-tabs > li {  border: 1px solid rgba(0,0,0,0) !important; display: inline-block; margin: 0;padding: 0;align-items: center; vertical-align: middle  }
.nav-tabs > li > a{
	 margin:0px 0px 6px 0px; display: block; text-align: center;padding: 7px 0px;  text-transform: uppercase;letter-spacing: 1px;font-size: 12px;cursor: pointer;transition: all 0.5s linear;width: 130px;line-height: 12px;
 border: 1px solid rgba(0,0,0,0) !important;	color: #ffffff;
}
.nav-tabs > li > a.active{
	color:#ffffff;
	background: none !important;
	 border-radius: 0 !important;
    border: 1px solid rgba(0,0,0,0) !important;
}
.nav-tabs > li > a:before { 
	content:'•'; width: 90px; font-size:30px;color: rgba(255,255,255,0);  margin: 0 auto;display:block; }
.nav-tabs > li > a.active:before{color: rgba(0,0,0,1);
}
.nav-tabs > li > a:hover{
   margin:0px 0px 6px 0px;
    border-radius: 0;
	color:#000;
    border: 1px solid rgba(0,0,0,0) !important;
}

ul.selectorVid { list-style: none; margin: 30px auto; background: rgba(255,255,255,0.5); display: block; max-width: 100%;border-radius: 36px;padding: 0; }
.selectorVid li { display: inline-block; margin: 0;padding: 0;align-items: center; vertical-align: middle}

.selectorVid li .selector-button { margin:6px 1px; display: block; text-align: center;padding: 7px 0px;  text-transform: uppercase;letter-spacing: 1px;font-size: 12px;cursor: pointer;transition: all 0.5s linear;width: 130px;line-height: 12px;}

ul.tabUL { list-style:none;}
ul.tabUL li { background:url(img/check-mark.png) top left no-repeat;padding-left: 45px;background-size:30px 30px }

.txtBottom {font-size: 18px;}
.txtcopyright { font-family: 'adb-clean-light','serif';display: block;max-width: 720px;margin:0 auto;padding:20px;font-size: 18px; }
.txtcopyright a {color:#ffffff;text-decoration: underline;}

/*graph */
.graphBlock {padding: 30px 0px; }
.graphLabels h6 {font-family: 'adb-clean-light','serif';display: inline-block;}
.graphtitle { text-transform: uppercase;}
.graphBlock .progress { height: 50px; border-radius: 0;background: rgba(255,255,255,0)}
.graphLabels {list-style: none; text-align: left;font-family: 'adb-clean-light','serif'; font-size: 14px;margin-bottom: 50px}
.graphLabels  .lbl  { display: inline-block; height: 15px;width:15px;background: #ffffff; margin:3px 5px 0px 0px; position: relative;top: 3px;}

.graphLabels  .lbl-white90 { background: rgba(153,173,42,1); }
.graphLabels  .lbl-white50 { background: rgba(170,190,56,1); }
.graphLabels  .lbl-white30 { background: rgba(196,213,45,1); }
.graphLabels  .lbl-pink50 { background: rgba(249,58,186,1); }
.graphLabels  .lbl-pink60 { background: rgba(234,40,179,1); }
.graphLabels  .lbl-pink80{ background: rgba(211,22,166,1); }

.graphBlock .progress h4 { position: absolute; left: -30px; margin-top:30px; text-align: center;}
.graphBlock .progress-bar { font-size: 25px;}
.graphBlock .progress-bar span{ position: absolute;z-index: 1;display: block;}
.graphBlock .progress .bg-white90 {background: rgba(153,173,42,1); color: #FFFFFF;}
.graphBlock .progress .bg-white50 {background: rgba(170,190,56,1); color: #fff;}
.graphBlock .progress .bg-white30 {background: rgba(196,213,45,1); color: #fff;}
.graphBlock .progress .bg-pink50 { background:rgba(177,117,2,1.00); color:#ffffff;}
.graphBlock .progress .bg-pink60 { background:rgba(217,148,16,1.00); color:#ffffff;}
.graphBlock .progress .bg-pink80 { background:rgba(240,170,36,1.00); color:#ffffff;}


.barchart .row { margin: 9px 0;}
.barchart p {display: block;font-size: 18px}

.barchart .progress { border-radius: 0;background: rgba(255,255,255,0);height:36px;  }
.barchart .progress-bar {padding:10px 18px; text-align: right;border-radius: 18px;}
.barchart .bgGreen {background:rgba(197,214,46,1.00); display: inline-block; text-align: right !important; padding: 0px 18px 8px 18px  }
.bgGreen span {font-size: 25px;color: #ffffff;font-family: 'adb-clean-bold';}

.bBand { background: url(img/bband-bg.jpg) top left #3a3578 repeat-x; padding:50px 0; 
  display: block;text-align: center;color:#ffffff;background-size: cover;font-family: 'adb-clean-light','serif';}
.bBand .section-title { font-size:20px; font-family:  'Museo-900', 'serif';text-transform: uppercase;font-weight: normal}
.bBand .btn-primary { background:none; }
.bBand .btn-primary:hover { background:#ffffff;color:#3E3E3E;border: 1px solid #fff;}
.bBand a { color:#ffffff; margin: 5px 12px;font-family: 'adb-clean-light','serif';}
.bBand a:hover { color:dodgerblue; }
.bBand .pbtn { color:#ffffff;font-size: 14px;
	border-radius: 30px;
	position: relative;
	display: block;min-width: 140px;
	font-weight: 700;
	padding: 3px 9px 4px 9px;
	overflow: hidden;
	border: 1px solid #fff;
	margin: 9px auto;
}
.btnBox { display:block; padding: 120px 12px}
a.btnregional { color:#ffffff;
	font-size: 26px;
	border-radius: 50px;
	position: relative;
	display: block;
	max-width: 450px;	
	padding: 12px 9px 10px 9px;
	overflow: hidden;
	border: 3px solid #fff;	
	text-transform: uppercase; font-family: 'adb-clean-bold','serif' !important;margin: 21px auto !important}
a.btnregional:hover { background:#ffffff;color:#333 }

footer { background: #1b111c; color:#ffffff; padding: 0; }
footer .copyrighttxt { font-family: 'adb-clean-light', sans-serif; font-size: 14px; display: block; padding:30px 0;margin: 0}