/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style:none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/************************************************************
DEBUG BOX + COOKIE CONSENT THING
************************************************************/

#debugInfo {
    background-color:#ccc;
    padding: 10px;
    position: fixed;
    z-index: 100;
    right: 0;
    bottom: 0;
}

#didomi-notice {
    left: 0!important;
    right: 0!important;
    width: 100%;
    max-width: none!important;
    padding: 0!important;
    border: none;
    border-left: none!important;
    border-right: none!important;
    border-top: none!important;
    border-bottom: none;
}

.didomi-notice__interior-border {
    border-right-width: 0px!important;
    border-right-style: none!important;
    border-left-width: 1px!important;
    border-left-style: none!important;
    border-top-left-radius: 0px!important;
    border-top-right-radius: 0px!important;
    border-top-width: 4px!important;
    display: flex!important;
    flex-direction: row!important;
    align-items: center!important;
    justify-content: space-between!important;
    height: 70px!important;
}

#didomi-host #didomi-notice.shape-panel #buttons.multiple {
    margin-top:0px!important;
}

#didomi-host #didomi-notice #buttons a[role=button] {
    text-decoration:none!important;
}

/* 
.cookieConsent {
  background-color: #5A6BAF;
  color: #fff;
  font-size: 1.1em;
  padding: 15px 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1.5;
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 999;

  margin: 0 0 -100% 0;

  -moz-transition:margin-bottom 700ms ease;
  -webkit-transition:margin-bottom 700ms ease;
  -o-transition:margin-bottom 700ms ease;
  transition:margin-bottom 700ms ease;
}

.cookieConsent > p {
    max-width:50%;
}

.cookieConsent .inverseButton {
    font-size: 1em;
    text-align: center;
    margin-left: 1.2em;
}

.inverseButton:focus {
    outline-width:0;    
} */

.waCommonButton {
    display: block;
    border: none;
    outline:none;
    padding: 10px 10px;
    background-color: #596bac;
    cursor: pointer;
    width: fit-content;
    border-radius: 2px;
    color: #fff;
    margin: 0 0 15px auto;
}

/************************************************************
LAZY LOADING CSS
************************************************************/

.lazyLoadContainer {
    position:relative;
    display: block;
} 

.lazyLoadContainer > img {
    position: absolute;
    top: 0;
    left: 0;
}

.lazyLoadPadHome {
    padding-top: 68.99%
}

.lazyLoadPadReg {
    padding-bottom:58.28%;    
}

.lazyLoadPadSmall {
    padding-bottom: 26.332%;  
}

/************************************************************
UNIVERSAL CSS
************************************************************/

a{
    text-decoration:none;
    color:#2D47B2;
    font-weight:400;
}

body,
html{
    width: 100%;
    -webkit-text-size-adjust: 100%;
    height: auto;
    font-size:15px;
    font-weight:300;
    margin:0;
    padding:0;
    background:#fff;
    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
    /*font-family: 'Roboto', Arial, sans-serif;*/
    color:#444;
    position:relative;
}

body {
    margin-bottom: 90px;
}

*, *:before, *:after { 
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box; 
    box-sizing: border-box;
    margin:0;
    padding:0;
}

/* Hide text */
.htx{
    text-indent:-99999px; 
    white-space: nowrap; 
    overflow: hidden; 
    font-size:1px;
    position:absolute;
}

/* Clear */
.clear{
    clear:both;
}

/* Clearfix for containers of floating elements */
.clearfix:after { 
   content: " ";
   display: block; 
   height: 0; 
   clear: both;
}

/* Text Overflow - Ellipsis */
.ellip{
    text-overflow: ellipsis; 
    white-space: nowrap;
    overflow: hidden;    
}

/* Display None */
.showNone{
    display:none!important;    
}

/*Italic*/
.ita,
em,
i{
    font-style:Italic;
}

.content-mainTxt b,
.content-mainTxt strong {
    font-weight:600!important;
}

/*Bold*/
b,
.bol,
.bold,
strong{
    font-weight:600!important;
}

/* CSS for first flag on all flag pages */
.firstFlagImg{
    border: 1px solid #ccc;
    width:100%;
    height:auto;
    padding:0!important;
}

/* Area Map resize - Used for all atlas maps */
img[usemap] {
    border: none;
    height: auto;
    max-width: 100%;
    width: 100%;
}

/* Last update at bottom of page */
#publishedOn, 
#latestUpdate{
    font-size:13px;
    text-align:right;
}

/* FLEX CSS */
.flex{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.flex-direction-row{
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
}

.flex-direction-column{
      -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}

/************************************************************
ADVERTISEMENT
************************************************************/

.ifad300x250 {
    height:260px;
    width:20em;
    margin:0 auto;
}

.adWrap{
    width:100%;
    text-align:center;
}

.ad300x250xfloatRight {
    width: 300px;
    height: 250px;
    display:block;
    float:right;
    margin: 0 0 20px 20px;
}

.ad300x250xfloatLeft {
    width: 300px;
    height: 250px;
    display:block;
    float:left;
    margin: 0 20px 20px 0;
}

.ad300x250{
    height:16.666666em;
    width:20em;
    margin:0 auto;
}

.ad320x50 {
    height:20em;
    width:3.125em;
    margin:0 auto;
}

.ad336x280{
    height:18.666666em;
    width:22.4em;
    margin:0 auto;
}

.ad300x600{
    height:40em;
    width:20em;
    margin:0 auto;
}

.ad160x600{
    height:40em;
    width:10.666666em;
    margin:0 auto;
}

.ad468x60 {
    width:29.250em;
    height:3.750em;
    margin:0 auto;
}

.ad728x90,
.adBotResp,
.adHeader{
    height:6em;
    width:48.533333em;
    margin:0 auto;
}

.w-adBotResp{
    border-top:2px solid #dee3eb;
    width:100%;
    text-align:center;
    padding-top:1.333333em;
}

.w-adHeader{
    padding:1em 0;
    background:#f3f3f3;
    width:100%;
    text-align:center;
}

.adOver-728x90{
    overflow:hidden;
}

/* Off canvas 160 x 600 ads (left side) */
.w-adOffCanvas{
    width:160px;
    position:absolute;
    left:-180px;
    height: 100%;
}

.adOffCanvas,
.adOffCanvas-atlas,
.adOffCanvas-article,
.adOffCanvas-continent{
    height:40em;
    width:10.666666em;
}

.adSticky-push{
margin-top:60px!important;
-webkit-transition: all 400ms ease;
-moz-transition: all 400ms ease;
-ms-transition: all 400ms ease;
-o-transition: all 400ms ease;
transition: all 400ms ease;
}

.sociaasidelTop-push{
    margin:95px 0 0!important;
    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -ms-transition: all 4500ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
}

/* In content responsive 728 x 90 */
.adInCont-resp-728x90{
    max-width:48.533333em;
}

/* Floating ads */
#ad-inContFloatRight{
    float:right;
    margin:0 0 1.333em 1.333em;
}

/* Advertisement text warning - "advertisement" */
.adText{
    padding:0.333em 0;
    color:#bcbcbc;
    font-size:0.667em;
    text-align:center;
    text-transform:uppercase;
    display:block;
}

.ad-miscLeft {
    position: absolute;
}

/*TESTING AD FOR ATLAS/MISC*/
.gpp_video_widget_container{
    text-align:center;
    margin:0 auto!important;    
}

.mapContLv2-right .gppadunit{
    background:#000;
    margin:0 auto!important;
}

.mapContLv2-right .gpp_video_widget_container{
    width:100%!important;
}
.mapContLv2-right .gpp_player_container,
.mapContLv2-right .gpp_video_banner_container{
    height:auto!important;
}

/* add margin - PUSH */
.push-top15{
    margin-top:1em;
}
.push-bot15{
    margin-bottom:1em;
}
.push-top20{
    margin-top:1.333em;
}
.push-bot20{
    margin-bottom:1.333em;
}
.push-top25{
    margin-top:1.666em;
}
.push-bot25{
    margin-bottom:1.666em;
}
.push-top30{
    margin-top:2em;
}
.push-bot30{
    margin-bottom:2em;
}


/* TITLES - H1, H2, H3, H4 **********************/
/************************************************/


/* PRIMARY TITLE - map/misc */
/*.map-title,*/
/*.title-primary*/
/*.content header h1*/{
    font-size:40px;
    font-weight:600;
    color:#333;
    margin:0 0 0.5em;
    line-height:1.3;
}*/

/* SECONDARY TITLE - no border */
.mapLongLv1-left h1,
.time-txt h2,
.time-txt h1,
.mapContinent-lv2 h2{
    font-size:24px;
    font-weight:600;
    color:#333;
    margin:0 0 0.454em;
    text-align:left;
}
.onWADivider{
    color:#22378b!important;
}

/* TOOLS PAGE (misc) ****************************/
/************************************************/
/* TOOLS - left menu */
.tools-nav{
    float:left;
    width:13.333em;
    margin-right:2.000em;
    background:#f5f5f5;
    border:1px solid #D6D6D6;
}

.tools-nav h2{
    padding:1em 0 1em 0.667em;
    font-weight:700;
    border-bottom:1px solid #D6D6D6;
}

.tools-nav li{
    display:block;
    border-bottom:1px solid #D6D6D6;
}
.tools-nav li:last-child{
    border:none;
}

.tools-nav li a{
    display:block;
    padding:0.667em 0 0.667em 0.333em;
    color:#5b5d66
}

/* TOOLS - icons */
.tools-nav li span{
    margin-right:0.333em;
    display:inline-block;
    vertical-align:middle;
}

/* TOOLS - Main area */
.tools-main{
    display:inline-block;
    width:33.200em;
    border:1px solid #d6d6d6;
    background:#f5f5f5;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.tools-main header{
    text-align:center;
    background:#000;
    color:#fff;
    padding:1em 0;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

.tools-title{
    font-size:24px;
    font-weight:700;
    color:#fff;
    display:inline-block;
    vertical-align:middle;
    line-height:1.3;
}

.tools-main h2{
    font-weight:300;
    margin-bottom:0.667em;
}

.tools-main h3{
    margin-bottom:0.333em;
}

.tools-main section{
    padding:1em;
}


.tools-content p{
    color:#4c4c4c;
    font-weight:300;
    line-height:1.5;
    padding: 0 0 1em;
}

/* TOLS - top input */
.convertAmount{
    font-size:20px;
    width:100%;
    background:#fff;
    outline:none;
    text-align:center;
    border:none;
    padding:0.500em 0;
    margin-bottom:0.750em;
}

/* TOOLS - Left box */
.convLeft,
.convRight{
    display:inline-block;
    width:49.5%;
    padding:0.667em;
    background:#eee;
    text-align:center;
}

.convLeft select,
.convRight select{
    width:100%;
    height:auto;
    border:none;
    outline:none;
    text-align:center;
    padding:0.667em 0;
}

.convLeft option,
.convRight option{
    padding:0.333em 0;
    margin:0.133em 0;
}

/* TOOLS - submit button */
.convButCalc{
    display:block;
    width:100%;
    background:#596bac;
    border:1px solid #3e539c;
    color:#fff;
    text-align:center;
    padding:1em 0;
    margin:0 0 0.333em;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 2px 1px rgba(15,15,15,.1);
    box-shadow: 0 1px 2px 1px rgba(15,15,15,.1);
    font-weight:bold;
    cursor:pointer;
}
.convButCalc:hover{
    background:#4559a0;
}

/* TOOLS - answer under ad text */
.answerUnderAd{
    font-size:12px;
    display:block;
    color:#000;
    padding:0.417em 0 1.250em;
    text-align:center; 
}

/* TOOLS - answer area */
.tools-answer{
    width: 100%;
    height: auto;
    padding: 1em;
    background: #fff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: #d4d7dc solid 1px;
    margin-top:1em;
    text-aling:center;
    font-weight:500;
    color:#000;
    text-align:center;
}

.tools-answer label,
.answerHere{
    font-size:14px;
    display:block;
    font-weight:300;
    color:#5b5d66;
    margin-bottom:0.286em;
}

.tools-answer input{
    font-size:18px;
    outline:none;
    border:none;
    display:block;
    color:#272930;
    font-weight:500;
    width:100%;
    text-align:center;
    background:#fff;
}


/* TIME PAGES ***********************************/
/************************************************/
/*** TIME TITLES - Daylight Savings ***/
.timeDST{
    display:none;
}
/*** TIME TITLES - regular  ***/
.timeREG{

}

.goTo-timeClocks{
    display:none;
}

/* TIME - map */
.time-map{
    font-size:12px;
    padding:0 0 0.833em 0;
    margin:0 0 1.250em 0;
    text-align:right;
    color:#000;
    float:left;
    width:41.667em;
    border-bottom:2px solid #d4d7dc;
}

.time-lv1{
    overflow:auto;
    margin-bottom:1em;
}

.time-map img {
    display:block;
    margin:0 auto 0.667em;
    width:auto;
}

.time-map span{
    font-size:12px;
    font-weight:500;
}

.time-map a{
    font-size:12px;
    float:left;
    color:#596BAC;
    font-weight:400;
    margin-top:0.417em;
}

.timeMap-link{
    float:none!important;
    margin-top:0!important;
}

/* TIME - text */
.time-txt{
    float:right;
    width:35.200em;
    margin-bottom:1em;
}

.time-txt p{
    color:#4c4c4c;
    line-height:1.5;
    padding:0 0 0.667em;
}

.time-txt p a,
.time-txt a{    
    color:#3145A8;
}

.time-txt p a:hover,
.time-txt a:hover{
    text-decoration:underline;
}

.time-txt ul{
    margin-bottom:1em;
}

/* TIME - time clocks */
.time-clock{
    margin-bottom:1em;
}

.time-clock li{
    display:inline-block;
    width:48.5%;
    margin:0 0.667em 0.667em 0;
    border-left:6px solid #fff;
}

.time-clock li:first-child{
    background:#eee;
    border-left:6px solid #eee;
}

.time-clock li:nth-of-type(2n){
    margin-right:0;
}

.time-clock h3{
    font-size:14px;
    font-weight:500;
    color:#272930;
    margin-bottom:0.714em;
    padding:0.714em 0 0 0.357em;
}

.time-clock .timeLoca{
    font-size:12px;
    font-weight:300;
    color:#272930;
    padding:0 0 0.357em 0.357em;
    display:block;
}

.time-clock input{
    width:100%;
    padding:0.333em;
    font-weight:300;
}

.time-clock .universalTime{
    border-left:3px solid #ddd;
    background:#eee;
}

/* TIME PAGE - time zone names */
.timeZones-title{
    margin-top:1em;
}

.timeZones{
    background:#f6f6f6;
    padding:1em;    
}

.timeZones li{
    font-size:13px;
    display:inline-block;
    width:49%;
    margin:0 0.385em 0.385em 0;
    border:none;
}

.timeZones li:first-child{
    background:none;
    border-left:none;
}

.timeZones li strong{
    font-weight:bold;
    color:#000;
    margin-right:0.333em;
}

/* TIME PAGE - ad */
.adText-adTop{
    width:20.000em;
    height:16.667em;
    float:right;
    margin:0 0 0.667em 1.333em;
}

/* INDEX - HOME PAGE ****************************/
/************************************************/
/* INDEX LV1 - map */
.index-lv1{
    margin:0.667em 0 1.333em;
}

.indexLv1-left{
    display:inline-block;
    width:48.533em;
    padding:1.333em;
    border:1px solid #D6D6D6;
    background:#F5F5F5;
}
    
.indexLv1-left h2{
    font-size:20px;
    font-weight:bold;
    color:#272930;
    display:inline-block;
    vertical-align:middle;
    margin:0 0.250em 0 0;
}

.indexLv1Left-des{
    font-size:14px;
    dispaly:inline-block;
    vertical-align:middle;
    color:#666;
}

.indexLv1-left img{
    margin-top:1em;
}

/* INDEX LV1 - fb box*/
.indexLv1-fb{
   height:10.667em;
}

.indexLv1-right{
    float:right;
    width:20.000em;
    overflow:atuo;
}

/* INDEX LV2 - top links */
.index-lv2 ul{
    overflow:auto;
}

.index-lv2 li{
    float:left;
    width:25%;
    padding:0 0.667em 0.667em 0;
    margin-bottom:1em;
    line-height:1.1;
}

.index-lv2 li:nth-of-type(4n){
    padding:0 0 0.667em 0;
}

.index-lv2 li a{
    font-size:18px;
    padding:0.833em 0.611em;
    position:relative;
    color:#2b2e38;
    background:#F5F5F5;
    font-weight:300;
    display:block;
    -webkit-transition: all 100ms ease-in;
    -moz-transition: all 100ms ease-in;
    -ms-transition: all 100ms ease-in;
    -o-transition: all 100ms ease-in;
    transition: all 100ms ease-in;
}

.index-lv2 li a .icon-right-open{
    position:absolute;
    right:0.278em;
    top:0.889em;
    color:#F5F5F5;
}

.index-lv2 li a:hover{
    color:#ffffff;
    background:#596bac;
}

.index-lv2 li p{
    font-size:13px;
    padding:0.385em 0 0 0.385em;
    color:#5b5d66;
}

index-lv2 li p:hover .index-lv2 li a{
    text-style:underline;
}

.index-lv2 li .icon-keyboard-arrow-up{
    margin-right:0.278em;
}

/* INDEX LV3 - articles */
.index-lv3{
    overflow:auto;
    padding-bottom:1em;
    margin-bottom:1em;
    border-bottom:2px solid #DEE3EB;
}

.wa-news-latest-list a {
    text-decoration: none;
    color:#0c0c0c;
}

.indexLv3-left{
    float:left;
    width:48.533em;
}

.indexLv3-right{
    float:right;
    width:20.000em;
}

.indexLv3-bot{
    clear:both;
    display:block;
    overflow:hidden;
}

/* INDEX LV3 - featured article */
.indexArtFeat-img{
    position:relative;
    height:28.333em;
}

.indexArtFeat-img img{
    display:block;
    width:100%;
    height:28.333em;
}

.indexArtFeat-tag{
    position:absolute;
    top:1em;
    left:1em;
}
.indexArtFeat-txt{
    position:absolute;
    bottom:0;
    left:0;
    padding:1em 1em 1em;
    background: rgba(39, 41, 48, 0.7);
    width:100%; 
}

.indexArtFeat-txt span{
    color:#fff;
}

.indexArt-feat h3{
    font-size:40px;
    padding:0 0 0.250em;
    display:block;
    color:#fff;
    font-weight:bold;
    line-height:1;
}

/* INDEX LV3 - recent articles */
.indexArt-small{
    border-top:1px dotted #dee3eb;
    display:block;
    padding-bottom:1.333em;
    overflow:auto;
    width:100%;
}

.indexArtSmall-txt{
    padding-top:1.333em;
    display:block;
}

.indexArtSmall-txt h3{
    font-size:14px;
    color:#272930;
    font-weight:500;
    line-height:1.1;
    margin-bottom:0.357em;
}

.indexArtSmall-txt span{
    font-size:12px;
    color:#74767f;
    font-weight:normal;
}

.indexArtSmall-img{
    float:right;
    padding-left:1em;
    width:45%;
}

.indexArtSmall-img img{
    width:100%;
    height:auto;
    display:block;
}

/* INDEX LV3 - popular articles */
.indexArt-medium li{
    width:32%;
    float:left;
    margin:0 1.400em 1.400em  0;
    min-height:21.66em;
}

.indexArt-medium li:nth-of-type(3n){
    margin-right:0;
}

.indexArt-medium h3{
    font-size:18px;
    font-weight:500;
    color:#2b2e38;
    margin:0.556em 0 00.556em;
    line-height:1.2;
}

.indexArtMedium-img,
.indexArtMedium-img img{
    width:100%;
    display:block;
}

/* INDEX Lv4 - bottom links */
.index-lv4 nav{
    width:32%;
    float:left;
    margin-right:1.333em;
}

.index-lv4 nav h3{
    font-size:14px;
    background:#596bac;
    color:#fff;
    font-weight:500;
    padding:0.929em 0.857em 0.857em;
}

.indexLv4-noMarg{
    margin-right:0;
}

.index-lv4 nav li{
    border-bottom:1px dotted #dee3eb;
    position:relative;
}

.index-lv4 nav li a{
    padding:0.800em 0;
    display:block;
    color:#666;
}
.index-lv4 .icon-right-open{
    position:absolute;
    right:0;
    top:0.867em;
}

.indexLv4-noMarg{
    margin-right:0!important;
}

/* Index page titles for articles */
.indexArticle-title{
    font-size:18px;
    font-weight:bold;
    text-align:left;
    color:#2b2e38;
    margin:1.111em 0 0;
    padding:1.111em 0 0.833em;
    border-top:2px solid #dee3eb;
}


/* WORLD INDEX MAP ******************************/
/************************************************/
.worldContLv2-top{
    width:100%;
    display:block;
    padding:0;
}

/* WORLD - more about the wolrd */
.worldContLv2-top ul{
    margin:0.333em 0 0 0;    
}

.worldContLv2-top li{
    width:45%;
    display:inline-block;
}
.worldContLv2-top li span{
    display:block;
}

.worldContLv2-bot{
    display:block;
    width:100%!important;
}

/* WORLD - photos */
.world-photos{
    width:100%;
}

.world-photos ul{
    list-style-type:none;
    margin:0;
    padding:0;
}

.world-photos li{
    float:left;
    width:20%;
    vertical-align:top;
    text-align:center;
    padding-right:0.667em;
}

.world-photos li:last-child{
    padding-right:0;
}

.world-photos a{
    display:block;
    text-align:center;
}

.world-photos img{
    width:100%;
    dispaly:block;
    margin:0 auto;
}

.worldMap-lv2{
    border-bottom:0!important;
    padding-bottom:0!important;
}

/************************************************************
WEBSITE WIDTH
************************************************************/
/* Main container width */
.w-main {
    position:relative;
}

.bread,
.w-main,
.w-news-main,
.footer,
.common-width {
    width:71.866em;
    margin:0 auto;
}

.w-adBotResp {
    margin:0 auto;
/*     height:100%; */
    position:relative;
}

#container45 {
    padding-top: 5.5em;
}

#container33{
    padding-top: 3.33333em;
}

.w-news-main,
.w-main{
    margin-top:1.666em;
    display:block;
}
.w-main.main-atlas{
    margin-top:0;
}


/************************************************************
HEADER
************************************************************/

.w-headerMain{
    width:100%;
    background:#22378b;
    z-index:999999;
    position:fixed;
    top:0;
}

.headerMain{
    height:3.333em;
    margin:0 auto;
    position:relative;
}

.logo-small {
    height:30px;
    width:30px;
    float:left;
    margin-top:9px;
    display:none;
}

.logo-small img {
    height:28px;
    width:28px;
}

#logo{
    height:30px;
    width:150px;
    float:left;
    display:block;
    margin-top:11px;
}

.headerMain-links{
    margin:0 0 0 15px;
    float:left;
}

.headerMain-links li{
    display:inline-block;
    position:relative;
}

.headerMain-links li a{
    color:#ffffff;
    padding: 20px 8px 14px;
    font-weight:500;
    cursor:pointer;
    display:block;
    text-transform:uppercase;
    font-size:12px;
    -webkit-transition: all 150ms ease;
    -moz-transition: all 150ms ease;
    -ms-transition: all 150ms ease;
    -o-transition: all 150ms ease;
    transition: all 150ms ease;
}

.headerMain-links a:hover,
.btn-hover{
    text-decoration:none;
    opacity:.8;
}

.headerMain-links .icon-down-open{
    display:inline-block;
    vertical-align:middle;
    font-size:13px;
    position:relative;
    top:-2px;
}

/* HEADER - Social Media */
.headerMain-social{
    float:right;
    margin:0px 4px 0 auto;
}

.headerMain-social li{
    height:50px;
    width:25px;
    display:inline-block;
}

.headerMain-social a{
    display:block;
    color:#ffffff;
    padding-top:15px;
    text-align:center;
    height:100%;
    font-size:19px
}

/* HEADER - search */
.headerMain-search{
    float:right;
    font-size:14px;
    height:50px;
    width:25px;
    text-align:center;
    color:#fff;
    cursor:pointer;
}

.headerMain-search .icon-search{
    font-size:16px;
    color:#ffffff;
    padding:15px 0 0;
    display:block;
}

/* Style place holder text */
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:#fff;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:#fff;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:#fff;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color:#fff;
}

/* HEADER - DROP DOWN  */
.w-drop-continents,
.w-drop-countries{
    position:absolute;
    top:45px;
    left:-30px;
    z-index:60;
    background:#272930;
    width:180px;
    -webkit-box-shadow: 0 0 2px 0 rgba(0,0,0,.2);
    box-shadow: 0 0 2px 0 rgba(0,0,0,.2);
    white-space:nowrap;
    -webkit-overflow-scrolling: touch;
    overflow-x:hide;
    overflow-y:scroll;
    height-min:396px;
    height:416px;
    padding:10px;
}

.drop-continents li,
.drop-contries li,
.countries-trending li,
#lookup-results ul li{
    display:block;
    float:none;
}

.drop-continents a,
.drop-contries a,
.countries-trending a,
#lookup-results a{
    font-size:13px!important;
    color:#FFF!important;
    padding:10px 5px!important;
    display:block;
    height:auto!important;
    text-transform:none!important;
}

.drop-continents a:hover,
.drop-contries a:hover,
.countries-trending a:hover,
#lookup-results a:hover,
a.move:focus{
    /*background:#000;*/
}

/* HEADER - DROP DOWN - title */
.navDropTitle{
    font-size:12px;
    color:#ccc;
    padding:10px 0 10px;
    display:block;
    font-weight:400;
    border-top:1px solid #000;
}

.navSortEnd{
    font-size:13px;
    display:block;
    padding:0.385em;
    margin-top:0.385em;
    text-align:center;
    color:#fff;
    background:#000;
}

/* HEADER - DROP DOWN - country input area */
.w-countries-sortInput{
    margin:0.333em 0;
}

.countries-sortInput{
    font-size:13px;
    width:100%;
    padding:0.462em 0.769em;
    color:#aaa;
    outline:none;
    border:none;
    border-radius:2px;
    border:1px solid #353845;
    background:#353845;
}

/* HEADER - DROP DOWN - trending icon */

.w-countries-trending{
}

.countries-trending {
    font-size:13px;
    color:#fff;
    margin-right:5px;
    padding:1px;
}

/************************************************************
FOOTER
************************************************************/

.w-footer{
    width:100%;    
    background:#ECEDF1;
    margin-top:1.333em;
    padding:3.667em 0 2.667em;
}

.footer{
    overflow:hidden;
}

/* FOOTER - section universal */
.footerLv1-sec{
    display:inline-block;
    vertical-align:top;
    margin-right:1.667em;
}

.footerLv1-sec h3,
.footer-social h3{
    font-size:14px;
    font-weight:bold;
    color:#6a6e75;
    margin-bottom:1.429em; 
    display:block;
}

.footerLv1-sec li{
    padding-bottom:0.533em;
    display:inline-block;
    width:9.867em;
}

.footerLv1-sec li a{
    font-size:13px;
    color:#9da5ad;
    display:block;
}

/* FOOTER - Sections */
index-lv2 li:nth-of-type(4n){
    padding:0 0 0.667em 0;
}

/* footer section 1 */
.fs1 ul{
    width:20.267em;
}

/* footer section 2 */
.fs2 ul{
    width:26.000em;
}

.fs2 li{
    width:12.667em;
}

/* footer section 3 */
.fs3{
    margin-right:0;
}
.fs3 ul{ 
    width:10.000em;
}

/* Social media in footer */
.footer-social{
    float:right;
}

.footer-social li{
    display:inline-block;
}

.footer-social a{
    padding:0.667em;
    display:block;
    background:#b5b8bb;
    text-align:center;
    color:#f7f7f7;
    -webkit-border-radius: 1px;
    border-radius: 1px;
}

.footer-social .icon-facebook{
    font-size:1.200em;
}

/* FOOTER - lv2 - logo */
.footer-lv2{
    border-top:1px solid #ccc;
    overflow:auto;
    margin-top:1em;
    padding-top:1em;
}

.footer-lv2 p{
    font-size:13px;
    color:#9da5ad;
    display:block;
    line-height:1.3;
    float:left;
    margin-top:0.385em;
}


/************************************************************
BREADCRUMB
************************************************************/
.bread{
    padding:0.533em 0 15px;
}

.bread li{
    display:inline-block;
}

.bread a{
    font-size:13px;
    color:#676975;
    font-weight:300;
    text-decoration:none;
}

.breadSep{
    color:#9ca1b6;
    margin:0 0.533em;
}

.brActive{
    color:#676975!important;
}

.bread .icon-earth{
    font-size:13px;
    color:#21348d;  
    margin-right:0.231em;
}

.bread .icon-home{
    font-size:14px;
    color:#21348d;  
    margin-right:0.231em;
}


/************************************************************
TITLES
************************************************************/
#title-primary{
    font-size:40px;
    font-weight:600;
    letter-spacing:0.25px;
    color:#222;
    margin-bottom:15px;
    line-height:1.2;
    text-transform:capitalize;
}

.wa-img-imgcredits {
    padding: 2px 4px;
    font-size: 10px;
    font-weight: 300;
    color: #fff;
    line-height: 1.2;
    position: absolute;
    bottom: 0px;
    max-width: 40%;
    text-align: -webkit-left;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

#wa-quiz-small-primary {
    font-size: 25px;
    font-weight: 600;
    letter-spacing: 0.25px;
    color: #222;
    margin-bottom: 15px;
    line-height: 1.2;
    text-transform: capitalize;
}

.title-primary-pagi{
    font-size:24px!important;
    color:#b4b8be!important;
    border-bottom:1px dotted #b4b8be;
    padding:15px 0 15px;
}

.wa_d_present {
    font-size:20px;
    padding-bottom: 15px; 
    padding-top: 20px; 
    text-align: center; 
    color:#22378b; 
    font-weight: bold;
}

.wa_m_present {
    padding-bottom: 15px; 
    padding-top: 20px; 
    text-align: center; 
    color:#22378b; 
    font-weight: bold;
}

.content h2,
.content-no-aside h2,
.misc-content h2,
.map-content h1,
.map-content h2,
aside#aside-atlas h2,
aside#aside-atlas h2 a{
    font-size:22px;
    font-weight:600;
    color:#333;
    margin:0 0 0.454em;
    text-align:left;
    line-height:1.2;
}

.content h3,
.map-content h3,
.miscTxt h3,
.misc-related h3{
    font-size:19px;
    font-weight:600;
    color:#666;
    margin:0 0 1.052em;
    text-align:left;
}
.map-content h3{
    clear:both;
}

/************************************************************
HTLM TABLES - TR, TH, TD
************************************************************/
table{
    width:100%;
    line-height:1.3;
    margin:0 0 1.333em;
}

table th{
    font-size:16px;
    vertical-align:middle;
    text-align:left;
    padding:10px 10px;
    font-weight:400;
    color:#fff;
    background:#2A7FDE;
    /*height:3.214em;*/
}

table tr{
    border-bottom:1px solid #DEE3EB;
    font-weight:400;
    -webkit-transition: background 150ms ease;
    -moz-transition: background 150ms ease;
    -ms-transition: background 150ms ease;
    -o-transition: background 150ms ease;
    transition: background 150ms ease;
}

table tr:hover{
    background:#DEE3EB;
}

table td{
    text-align:left;
    padding:0.667em;
}

table a:hover{
    text-decoration:underline;    
}

.infoTable {
    display: flex;
    background-color: #f1f1f1;
    list-style-type: none;
    border: 1px #B6B6B6 solid;
    border-collapse: collapse;
}

.infoTable tbody {
    width:100%;
}

.infoTable th {
    text-align: left;
    padding: 4px 10px 4px 7px;
    font-weight: 900;
    font-size: 14px;
    vertical-align: top;
    min-width: 30%;
    background: none;
    color: #333;
}

.infoTable tr {
    display: table-row;
    vertical-align: inherit;
    border-color: inherit;
    border: none;
}

.infoTable td {
    font-size: 12px;
    vertical-align: top;
    padding: 4px 10px 4px 7px;
    text-align:start;
}

/*link under table for more info*/
.table-linkUnder{
    font-weight:300;
    color:272930;
    margin-bottom:1.333em;
    text-align:right;
}

/* Sortable list styles in pulgin folder */
.dataTables_length,
.dataTables_filter{
    display:inline-block;
    margin-bottom:15px;
}

.dataTables_info{
    margin-bottom:15px;
}

/* Sortable tables - table search input */
.dataTables_filter{
    display:inline-block;
    float:right;
}

.dataTables_filter input{
    background:#f5f5f5;
    outline:none;
    border:1px solid #d6d6d6;
    padding:0.333em;
    margin-left:0.333em;
}

/************************************************************
SIDEBAR
************************************************************/

aside{
    width:320px;
    padding:15px 10px 10px;
    float:right;
    background:#f1f1f1;
}
aside#aside-atlas{
    width:300px;
    background:none;
    padding:0;
}

.asideStickyAd {
    width:300px;
}

.flexBoxRightSticky {
    display:flex; 
    justify-content:space-between;
}

.resizedAsideMap {
    width: 300px;
    margin: auto;
}

.marginBelow{
    margin-bottom: 1.0em;
}
.marginAbove{
    margin-top: 1.0em;
}

aside h3,
aside h2,
aside h3 a{
    font-size:22px;
    font-weight:600;
    color:#4c4e55;
    margin:0 0 15px;
    text-align:left;
    line-height:1.2;
}

.aside-listTxt h3{
    font-weight:400;
    margin:0 0 5px;
    color:#222;
    font-size:15px;
}

.sidebar-subTitle{
    font-weight:300;
}

.sidebar-subTitle li{
    display:inline-block;
    margin-top:3px;
    font-size:13px;
    color:#777;
}

/* UL - only text links */
.aside-listTxt{
    padding:0 0 15px 5px;
}

.aside-listTxt li{
    display:block;
    margin-bottom:10px;
}

.aside-listTxt a{
    color:#555;
}

.aside-listTxt a:hover{
    text-decoration:underline;
}

/* Explore countries in Atlas sidebar */
.exploreCountries ul{
    margin-bottom:1em;
}

.exploreCountries li{
    display:inline;
    line-height:1.5;
    font-size:13px;    
}

.exploreCountries li a{
    padding-right:0.133em;
}

.exploreCountries li a:hover{
    text-decoration:underline;
}


/************************************************************
BROWSE ARTICLE - side by side
************************************************************/

.browseArt-reg-fill li {
    display:block;
    width:100%;
    overflow:auto;
    margin: 0!important;
}

.browseArt-reg li{
    display:block;
    width:100%;
    padding:0 0 20px;
    overflow:auto;
}

.browseArt-reg-img{
    float:left;
    width:45%;
}

.browseArt-reg-fill img, 
.browseArt-reg-img img{
    width:100%;
    height:auto;
}

.browseArt-reg-text{
    width:55%;
    float:right;
    padding-top:5px;
    padding-left:0.5em;
}

.browseArt-reg-fill h3,
.browseArt-reg-text h3{
    font-size:14px;
    color:#222;
    font-weight:600;
    line-height:1.3;    
}

.browseArt-reg-fill h3:hover,
.browseArt-reg-text h3:hover{
    text-decoration:underline;
    cursor:pointer;
}

.browseArt-reg-text ul{
    font-size:11px;
    text-transform:uppercase;
    font-weight:500; 
}

.browseArt-reg-text li{
    color:#22378B !important;
    display:inline-block;
    padding:2px 0 5px;
}


/************************************************************
BROWSE ARTICLE - grid
************************************************************/

.inContentWrapper {
    display: table;
}

.article-info-nomarg {
    float:right;
    list-style:none;
}

.article-relatedTitle, .article-trending{
    font-size:19px;
    font-weight:600;
    color:#222222;
    margin:0 0 25px;
}

.article-relatedTitle a, .article-trending a{
    color:#2D47B2;
    /*font-weight:600;*/
}

.browseArt-grid{
    overflow:auto;
    list-style:none!important;
}

.browseArt-grid li{
    float:left;
    width:33.333%;
    height:220px;
    padding:0 5px;
}

.browseArt-grid-img{
    width:100%;
    display:block;
    margin-bottom:10px;
}

.browseArt-grid-img img{
    width:100%;
    height:auto;
    display:block;
}

.browseArt-grid-txt{
    display:block;
    font-size:15px;
    color:#222222;
    padding:0 5px;
    font-weight:500;
    line-height:1.3;  
}

.browseArt-grid-txt:hover{
    text-decoration:underline;
}


/************************************************************
PAGINATION
************************************************************/

.pagiHide{
    opacity:.2;
}

.pagination{
    font-size:16px;
    padding:1.875em 0 1.250em;
    width:100%;
    display:block;
    font-weight:normal;
    text-transform:uppercase;
    overflow:auto;
    text-align:center;
}

.butPagi{
    font-size:10px;
    background:#f5f5f5;
    border:1px solid #d7d7d7;
    color:#272930;    
    text-align:center;
    text-decoration:none!important;
    text-tranform:uppercase;
    font-weight:600;
    display:inline-block;
    vertical-align:middle;
    -webkit-border-radius: 1px;
    border-radius: 1px;
}

.butPagi:hover,
.butPagi:active{
    background:#d7d7d7;
}

.butPagi.rightPagi{
    float:right;
    padding:1.200em 1em 1em 1.500em;
}

.butPagi.leftPagi{
    float:left;
    padding:1.200em 1em 1em 1.500em;
}

.butPagi .icon-right-open,
.butPagi .icon-left-open{
    font-size:12px;
    font-weight:bold;
    color:#000;
    vertical-align:middle;
    display:inline-block;
    margin-bottom:0.083em;
    font-weight:600;
}

.desPage{
    font-size:16px;
    margin:0.500em 0 0;
    display:inline-block;
    vertical-align:middle;
    font-weight:normal;
}

/** ARTICLE - pagination **/
.paginate-article{
    display:block;
    margin:2.667em 0 1.333em;
}

.paginate-article li{
    display:inline-block;
    text-align:center;
}

.paginate-article li a{
    font-size:12px;
    color:#272930;
    padding:15px 17px;
    display:block;
    font-weight:300;
    background:#ECEDF1;
}

.paginate-article li.active a{
    background:#272930;
    color:#fff!important;
}

.paginate-article li a:hover{
    background:#272930;
    color:#fff!important;
}

/** Table Pagination **/
#cities_info{
    display:inline-block;
}

.dataTables_paginate{
    display:inline-block;
    margin:0 0 1em;
    float:right
}

#cities_previous,
#cities_next,
.paginate_button{
    font-size:12px;
    display:inline-block;
    text-align:center;
    color:#272930;
    padding:0.750em 1.083em 0.750em;
    font-weight:800;
    background:#ECEDF1;
    margin-left:0.417em
}

.paginate_button.current{
    background:#596bac;
    color:#fff!important;
}

/* More Button */
.moreButton{
    margin-bottom:20px;
    overflow:auto;
}

.moreButton a{
    display:block;
    text-align:center;
    float:right;
    height:100%;
    width:100%;
    font-size:13px;
    background:#f5f5f5;
    border:1px solid #d7d7d7;
    color:#272930;
    width:150px;
    padding:8px 0;
    text-decoration:none!important;
    -webkit-transition: background 200ms ease;
    -moz-transition: background 200ms ease;
    -ms-transition: background 200ms ease;
    -o-transition: background 200ms ease;
    transition: background 200ms ease;
}

.moreButton a:hover,
.moreButton a:active{
    background:#d7d7d7;
}


/************************************************************
GO TO TOP  - off canvas button
************************************************************/
#goToTop{
    position: fixed;
    bottom: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 6px;
    right: -3.000em;
    height: 3.000em;
    width: 3.000em;
    background: #22378b;
    cursor: pointer;
    opacity: 0.5;
    transition: all 0.3s ease;
}
#goToTop:hover{
    opacity:1;
}

#goToTop .icon-up-open{
    font-size:20px;
    color:#fff;
    display:block;
}

.goToTop-butIn{
    -moz-transform: translateX(-60px);
    -webkit-transform: translateX(-60px);
    -o-transform: translateX(-60px);
    -ms-transform: translateX(-60px);
    transform: translateX(-60px);
}


/************************************************************
404
************************************************************/
.error-left{
    width:100%;
    display:inline-block;
    min-height:23.333em;
    text-align:center;
}

/* Error message */
.error-oops{
    font-size:70px;
    display:block;
    font-weight:bolder;
    color:#22378b;
    margin:0.429em 0 0.214em;
}

.error-txt{
    font-size:22px;
    display:block;
    color:#2B2E38;
    font-weight:300;
    margin-bottom:0.909em;
}

.wa-error-search {
    width: 90%;
    padding: 12px 20px;
    font-size: 20px;
    border: 1px solid #D9D9D9;
}

/* Style place holder text */
.wa-error-search::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:#B2B2B2;
}
.wa-error-search:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:#B2B2B2;
   opacity:  1;
}
.wa-error-search::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:#B2B2B2;
   opacity:  1;
}
.wa-error-search:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color:#B2B2B2;
}

.wa-error-search-btn {
    display: block;
    padding: 17px 10px;
    background-color: #22378b;
    color: #fff;
    width: 10%;
    cursor:pointer;
}

.wa-error-search-btn:hover {
    opacity:0.7;
}

.wa-error-search-box {
    display: flex;
}

.wa-error-search:focus {
    border: 1px solid #22378b;
    outline-width: 0;
}

.error-but{
    font-size:16px;
    display:block;
    width:15.625em;
    margin:0 auto;
    padding:0.938em 0.313em;
    color:#22378B;  
    text-align:center; 
    border:1px solid #22378B;  
    font-weight:300;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.error-but:hover{
    background:#22378B;
    color:#fff;  
}


/************************************************************
GOOGLE SEARCH
************************************************************/

/* SEARCH RESULTS */
.search-left{
    width:728px;
    display:inline-block;
}

/* Close google search */
#search-exit{
    color: #fff;
    font-size: 15px;
    font-weight:300;
    cursor: pointer;
    padding: 6px;
    font-weight: bold;
    display:inline-block;
    opacity:.5;
    position:relative;
    left:-3px;
    top:1px;
}

.gsib_b{
    display:none;
}

.wa-google-search table,
.wa-google-search table tr,
.wa-google-search table td{
    padding:0;
    margin:0;
    line-height:inherit;
    border:none!important;
}

.wa-google-search{
    position:absolute;
    top:50px;
    right:0px;
    min-width:250px;
    margin:0;
    border:none;
    background:#272930 ;/*color*/
    min-height:35px!important; 
    padding:8px;
    z-index: 60;
    display:none;
    -webkit-box-shadow: 0 0 2px 0 rgba(0,0,0,.2);
    box-shadow: 0 0 2px 0 rgba(0,0,0,.2);
}

.gsc-search-box tr{
    background:#272930!important;
}

.gsc-search-box tbody{
    height:auto!important;
}
form.gsc-search-box,
table.gsc-search-box{
    margin:0px!important;
}

.google-search #___gcse_0,
.gsc-control-searchbox-only{
    width:250px;
    padding:2px 4px 2px 0px;
    /*-webkit-border-radius: 0px;
    border-radius: 0px;*/
    height:30px;
    background:#272930;
}

/* remove google search image "custom google search" */
.gsc-input-box{
    border:none!important;
    height:auto!important;
}

.gsc-input{
    background:#272930!important;/*color*/
}

#gsc-i-id1{
    background:#272930!important;/*color*/
    height:28px!important;
    padding-left:7px!important;
    font-size:14px!important;
    color:#fff!important;
}

/* Search button */
input.gsc-search-button-v2{
    background-image: inherit!important;
    width:auto!important;
    height:auto!important;
    padding:6px!important;
    margin:0px!important;
}

.gsc-search-button{
    background:#272930!important;/*color*/
    border:none!important;
}

wa-google-search:hover .gsc-search-button{
    background:#272930!important;
    -webkit-transition: background 150ms ease;
    -moz-transition: background 150ms ease;
    -ms-transition: background 150ms ease;
    -o-transition: background 150ms ease;
    transition: background 150ms ease;
}

/* Search result drop down */
.gssb_c,
.gssb_c table tr,
.gssb_c table td{
    padding:0;
    margin:0;
    line-height:inherit;
}

.gsc-completion-container{
    font-size:14px!important;
    border:none!important;
}

.gssb_c{
    position:fixed!important;
}

.gssb_a .gsq_a table tr td{
    min-width:230px!important;
    max-width:230px!important;
    background:white!important;
    text-overflow: ellipsis; 
    white-space: nowrap;
    overflow: hidden;
    color:#5b5d66;
    font-weight:300!important;
    font-size:14px;
    padding:5px 10px!important;
}
.gssb_a .gsq_a table tr td:hover,
.gsc-completion-container .gsc-completion-selected table tr td{
    background:#eeeeee!important;
}



/************************************************************
ATLAS/MAPS PAGES
************************************************************/
/* yellow nav */
.map-nav{
    background:#f1f1f1;
    border:1px solid #dee3eb;
    margin:0 0 1.333em;
    overflow-y:hidden;
    display: flex;
    align-items: center;
}

.map-nav li{
    flex-direction: row;
    flex-grow: 1;
    text-align:center;
}
.map-nav li:last-child .mapNav-sep{
    border:none;
}

.map-nav li a{
    font-size:13px;
    color:#272930;
    align-items:stretch;
    padding:1.153em 0 0.923em;
    border-bottom:2px solid #f1f1f1;
    display:block;
    font-weight:500;
}

.map-nav li a:hover{
    border-bottom:2px solid #d6d6d6;
}

.curExplore{
    border-bottom:2px solid #22378b!important;
    color:#000!important;
}

.mapNav-sep{
    border-right:1px solid #d6d6d6;
    width:100%;
    display:block;
}


/************************************************************
MAP - COUNTRY
************************************************************/

/*CMS class addition - center image/no float*/
.atlas-imgCenter{
    float:none;
    margin:0 auto;  
}

/* MAP PAGE - Yellow nav */
.map-content,
.content{
    display:inline-block;
    width:48.533em;
    padding-bottom:1.333em;
    color:#4c4c4c;
    font-weight:300;
    line-height:1.5;
}

.content-no-aside {
    display:inline-block;
    width:71.866em;
    padding-bottom:1.333em;
    color:#4c4c4c;
    font-weight:300;
    line-height:1.5;
}

.map-content p{
    padding-bottom:20px;
    line-height:1.6;
    font-size:16px;
    font-weight:300;
}

.map-content section > a{
    display: block;
}

.mapCont-lv1{
    margin:0 0 1.333em;
    padding:0 0 0.667em;
    overflow:auto;
    border-bottom:2px solid #dee3eb;
    min-height:16.667em;
}
#mapCont-lv1{
    min-height:16.667em;
}

.mapLeft{
    float:left;
}
.mapRight{
    float:right;
}

/* Hide maps while loading */
#mapLeft,
#mapRight{
    display:none;
}

.image-map-left,
.image-map-right,
.mapLong-top,
.mapLong-bottom{
    height:auto;
    width:100%;
}

.contLeft-txt,
.mapCont-lv2,
.mapLong-lv1{
    margin:0 0 1.333em;
}

.mapContLv2-left,
.mapLongLv1-left{
    float:left;
    width:28.533em;
    padding-right:2.000em;
    vertical-align:top;
}

.mapContLv2-right,
.mapLongLv1-right{
    display:table-cell;
    width:20.000em;
}

.mapContLv2-left.mapDes img,
.mapLongLv1-left.mapDes img{
    float:left;
    padding:1em 1em 1em 0;
}

.miscContent img {
    max-width:29.8em;
}

/* for img in fast facts, etc... */
.mapContLv2-left img,
.mapLongLv1-left img{
    display:block;
    padding:0.667em 0;
    max-width:24.667em;
}

/** Map photographs **/
.map-photos{
    padding-bottom:15px;
}

.map-photos a{
    color:#444;
    font-weight:300;   
    text-transform:capitalize; 
    font-size:15px;
}

.map-photos img{
    width:100%;
    display:block;
    margin:0.667em 0 5px;
}

/* MAP PAGES - related info section */
.relatedInfo{
    background:#e9ecf6;
    padding:0.666em;
    margin:0 0 1em;
}

/** MAP PAGES - Country long **/
.mapLongLv1-right{
    float:left;
}

.mapLong-top{
    margin:0 0 1.333em;
}

.mapLongLv1-left{
    padding:0 0 0 2.000em!important;
}

/* MAP PAGES - Print maps */
.printmap{
    text-align:right;
}

.printmap a {
    font-size:12px;
}

.printmap a:hover{
    text-decoration:underline;
}

.print-large {
    margin-left:0.417em;
    font-weight:700!important;
}

/* MAP PAGES photographs - photos linking to articles */.
.article-photo{
    padding-bottom:15px;
}

.article-photo img{
    padding-bottom:10px;
}

.article-photo-title{
    font-weight:400 !important;
    color:#2D47B2 !important;
}

.article-photo-title:hover{
    text-decoration:underline;
}

/************************************************************
    CUSTOM JS MODAL STYLE
************************************************************/

.waModalContainerDismissed {
    display: none;    
}

.waModalContainer {
    position:fixed;
    overflow-y: scroll;
    top: 0;
    left: 0;
    right: 0;
    width:100%;
    height:100%;
    z-index:1000000;
    background-color:rgba(0,0,0,0.7);
}

.waModalBox {
    display: flex;
    flex-direction: column;
    width: 80%;
    margin: 30px auto 0 auto;
    background-color: #fff;
    min-height: 400px;
    border-radius: 5px;
}

.waModalBox header {
    display: flex;
    padding: 15px 10px;
    font-size: 35px;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #ccc;
    margin-bottom:10px;
}

.btnDismiss {
    border: none;
    display: block;
    font-size: 25px;
    margin-right: 10px;
}

.waModalBody {
    padding: 10px 10px;
}

.waModalButton {
    margin: 0 0 15px 0;
    font-size: 16px;
}

/************************************************************
    IMAGE GALLERY
************************************************************/
.imageGalleryContainer {
    display: flex;
    flex-direction: column;
}

.featuredImageBox {
    display: block;
}

.imageItem:hover {
    cursor:pointer;
}

#featuredImage {
    display:block;
    margin: 0 auto;
    max-width:100%;
}

.imageListBox {
    display: flex;
    margin-bottom: 13px;
    overflow-x: scroll;
}

.imageListBox img {
    margin-right:8px;
}

.imageListBox img:hover {
    opacity:0.7;
}

/************************************************************
    NEW CONTINENTS STYLES
************************************************************/
                /************************************************************
                    TIMEZONES
                ************************************************************/

.timezoneList {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.timezoneItem {
    margin-bottom: 15px;
    width: 47%;
    border: 1px solid #f1f1f1;
    border-left: 2px solid #333;
    padding: 10px 20px;
}

.timezoneItem > h3 {
    margin-bottom:0;
}

.timezoneTime { 
    display: block;
    border: 1px solid lightgray;
    padding: 3px 10px;
    border-radius: 2px;
}


                /************************************************************
                    REST
                ************************************************************/

.isAnchor {
    display: block;
    position: relative;
    top: -61px;
    visibility: hidden;
}

.inContentList {
    list-style: square inside;
    margin-bottom:15px;
}

.inContentList li {
    margin: 0 0 15px 10px
}

.continentsContentSide .infoAnchors {
    list-style: none;
    background-color: #f1f1f1;
    list-style-type: none;
    border: 1px #B6B6B6 solid;
}

.continentsExtrasBox section {
    margin-bottom:15px;
}

.continentsContentSide li {
    padding: 0 10px;
    margin:0.467em 0;
    line-height:1.7;
}

.continentsContentBox {
    display: flex;
    justify-content: space-between;
}

.continentsFeaturedImg {
    display:block;
    width: 100%;
    margin-bottom: 12px;
}

.continentsContent {
    width: 100%;
}

.continentsContentSide h3 {
    margin: 0;
    font-size: 17px;
    padding: 10px 0;
    color: #333;
    text-align: center;
    border-left: 1px solid #B6B6B6;
    border-right: 1px solid #B6B6B6;
    border-top: 1px solid #B6B6B6;
    background-color: #f1f1f1;
}

.continentsContentSide {
    width: 300px;
    margin-left: 15px;
    float: right;
}

.continentTableHeader {
    text-align: center;
}

.continentExtraFullImg {
    display:block;
    width:100%;
}

/************************************************************
    NEW CAROUSEL ITEM
************************************************************/

.wa-sliderBox {
    position: relative;
    margin-bottom:15px;
}

.wa-slider::-webkit-scrollbar {
    display:none;
}

.wa-slider {
    display: flex;
    flex-direction: row;
    overflow-x: scroll;
    justify-content: space-between;
    align-items: stretch;
    height:100%;
}

.wa-slider > li:first-child {
    padding-left: 50px;
}

.wa-slider > li:last-child {
    padding-right: 50px;
}

.wa-slider-item {
    padding: 0 20px;
}

.wa-slider-item img {
    display: block;
    max-height: 222px;
}

.wa-slider-item h3 {
    margin:0;
}

.wa-sliderButton {
    display: flex;
    position: absolute;
    top: 30%;
    height: 70px;
    width: 35px;
    background-color: #fff;
    opacity: 0.6;
    border: none;
    color: #aaa;
    justify-content: center;
    align-items: center;
    font-size: 25px;
    cursor: pointer;
    outline: none;
}

.wa-sliderButton:hover {
    opacity: 1.0;
}

.wa-sliderLeft {
    left: -2px;
}

.wa-sliderRight {
    right: -2px;
}

/************************************************************
MAP - CONTINENTS
************************************************************/
.map-continent{
    display:inline-block;
    width:48.533em;
}

/* Map Area */
.mapContinent-lv1{
    margin:0 0 1.333em;
    text-align:center;
}

.mapTop{
    margin:0 auto;
    width:100%;  
    height:auto;
}

/* CONTINENT - ad under map with world map */
.adContinent-map{
    overflow:hidden;
}

.adContinent-ad{
    float:left;
    width:20.000em;
}

.adContinent-worldMap{
    float: right;
    width: 26.533em;
}

.adContinent-worldMap .worldMap{
    padding:0;
}

.mapContinent-lv2{
    overflow:hidden;
}

.mapContinent-lv2 img{
    float:left;
    padding:1em 1em 1em 0;  
}

.mapContinent-lv2 p{
    font-size:14px;
    color:#4c4c4c;
    line-height:1.5;
    overflow:auto;
    padding:0 0 0.714em;
}

.mapContinent-lv2 img{
    padding:0 1em 1em 0;
}

/* CONTINENT - section level 2 */
.section-lv2{
    display:block;
    overflow:auto;
}

.section-lv2 figure{
    float:left;
    width:23.333em;
}

.section-lv2 img{
    width:100%;
    display:block;
}

/* Follow sidebar - continent */
/* CONTINENT - fixes */
.contAustralia-maps figure{
    display:block;
}
.contAustralia-maps figure img{
    float:none;
    display:block;
    max-width:100%;
}


/************************************************************
MAP - ISLAND
************************************************************/
.islantH2-1st{
    border-top:none!important;
    margin:0!important;
    padding: 0 0 1em!important;
}

.islandTxt ul{
    margin:1em 0 0 0!important;
    
}

.islandTxt li{
    display:inline-block;
    width:24%;
}

/************************************************************
ARTICLE - HOME PAGE LAYOUT
************************************************************/
/** Top category title **/
#w-articleIndex-category{
    width:100%;
    background:#0c2460;
}
#articleIndex-category{
    margin-bottom:15px;    
}
#articleIndex-category h1{
    padding: 20px 0;
    font-size:28px;
    color:#fff;
    font-weight:600;
    text-transform:uppercase;
    letter-spacing:1px;
}

/** Featured article position**/
#articleIndex-featured{
    padding: 0 0 25px;
    margin: 0 0 25px;
    border-bottom:1px solid #DEE3EB;
}

#artIndFea-image{
    margin-bottom:15px;
    display:block;
}

#artIndFea-image img{
    width:100%;
    display:block;
}

#articleIndex-featured h3{
    font-size:36px;
    font-weight:600;
    color:#222;
    padding:0 20px 15px;
    line-height:1.1;
}

#articleIndex-featured h1:hover{
    text-decoration:underline;
}

#articleIndex-featured p{
    font-size:19px;
    color:#444;
    line-height:1.4;
    display:block;
    font-weight: 300;
    padding:0 20px 1em;
}

#articleIndex-featured ul{
    color:#888;
    font-size:13px;
    text-transform:uppercase;
    padding:0 20px 0;
    font-weight:400;
}
    
#articleIndex-featured li{
    display:inline-block;
}

/* Regular articles */
.articleIndex-regular{
    margin:0 10px 35px 0;
    overflow:hidden;
    width:48.3%;
    height:445px;
    min-height:435px;
    position:relative;
    border-bottom:1px solid #DEE3EB;
    vertical-align: top;
    display:inline-block;
}
.quizIndex-regular:nth-child(2n+1),
.articleIndex-regular:nth-child(2n+1){
    margin:0 0 0 10px;
}

.artIndReg-image{
    width:100%;    
}

.artIndReg-image img{
    width:100%;
    display:block;
    padding:0 0 15px;
}

.quizIndex-regular h1,
.articleIndex-regular h1,
.articleIndex-regular h3{
    font-size:20px;
    font-weight:600;
    color:#222;
    padding:0 10px 10px;
    line-height:1.3;
}

.quizIndex-regular h1:hover,
.articleIndex-regular h1:hover{
    text-decoration:underline;
}

.articleIndex-regular p{
    font-size:16px;
    color:#444;
    line-height:1.6;
    padding:0 10px 20px;
    font-weight:300;
}

/* SMALL ARTICLE - details */
.articleIndex-regular ul{
    color:#888;
    font-size:13px;
    text-transform:uppercase;
    padding:0 10px 0;
    font-weight:400;
    position:absolute;
    bottom:15px;
    left:0px;
}

/* Regular articles */
.quizIndex-regular{
    margin:0 10px 35px 0;
    overflow:hidden;
    width:48.3%;
    border-bottom:1px solid #DEE3EB;
    vertical-align: top;
    display:inline-block;
}

/* SMALL ARTICLE - details */
.quizIndex-regular ul{
    color:#888;
    margin:0 0 25px 0;
    font-size:13px;
    text-transform:uppercase;
    padding:0 10px 0;
    font-weight:400;
    bottom:15px;
    left:0px;
}

/************************************************************
ARTICLE - SINGLE PAGE VIEW
************************************************************/

/* Category link - above primary title */
#article-topInfo-cat{
    font-size:13px;
    margin-bottom:10px;
    font-weight:700;
    color:#22378B;
    text-transform:uppercase;
    display:block;
}

/* Article description - used in articles only */
.article-description{
    font-size:19px;
    font-weight:400;
    color:#444;
    line-height:1.6;
}

/* Article featured image */
.featured-img{
    margin-bottom:20px;
}

.featured-img img{
    width:100%;
}

.featured-img-caption{
    font-size:14px;
    font-weight:300;
    background:#222;
    color:#fff;
    padding:10px;
    line-height:1.2;
    font-style:italic;
    position:relative;
    top:-6px;
}

/* none featured image */
.figcaption-img{
    font-size:14px;
    font-weight:300;
    color:#444;
    padding:10px;
    line-height:1.2;
    font-style:italic;
    position:relative;
}

/* ads for the article pages */
.article-ad-in-content-300x250 {
    margin-right:1em!important;
    margin-bottom:1em;
    padding-top:5px;
}

.article-ad-under-subtitle-728x90 {
    margin-bottom:1em!important;
}

.adBelowSub {
    margin-bottom: 15px;
}

/* Main content text area */
.content-mainTxt p,
.target-p p{
    font-size:16px;
    font-weight:300;
    padding-bottom:20px;
    line-height:1.6;
}

.content-mainTxt a:hover{
    text-decoration:underline;
}

.content-mainTxt img{
    width:100%;
}

.content-mainTxt figure{
    margin:0 0 1.333em;
}

/*table for chars in articles*/
#tableToggle-h2{
    margin-bottom:5px!important;
}

.highcharts-title{
    display:none;
}

.artReg-chart{
    width:728px;
}

#artReg-table {
    overflow-x: scroll;
}

#tableToggle{
    position:relative;
}

#tableToggle ul{
    list-style-type:none;
    margin:0;
    padding:0;
}

#tableToggle li{
    display:inline-block;
    font-weight:400;
    font-size:15px;
    margin-right:5px;
}

.chartBut-1,
.chartBut-2{
    color:#2D47B2!important;
    cursor:pointer;
}

.chartBut-active{
    text-decoration:underline;
    font-weight:500!important;
}

/* Normal UL */   
.content-mainTxt ul{
    list-style: square outside none;
    margin:0.333em 0 2.333em 1.333em;
    padding:0;
}

.content-mainTxt li{
    font-size:16px;
    color:#000;
    margin:0.438em 0;
    line-height:1.7;
    font-weight:300;
}

/* fb comments */
.content-comments{
    width:48.533em;
    display:inline-block;
}

.content-comments h3{
    border-top:1px solid #dee3eb;
    font-size:20px;
    font-weight:600;
    color:#222222;
    margin:1.250em 0 0;
    padding:15px 0 1em;
}

#goToCom{
    width:48.533em;
}

#js-load-coments{
    font-size:16px;
    font-weight:500;
    border-radius:2px;
    background:#ECEDF1;
    border:1px solid #dbdbdb;
    color:#222;
    text-align:center;
    display:block;
    width:100%;
    padding:20px 0;
    margin:0 0 10px;
    text-transform:uppercase;
}

#js-load-coments .icon-comment{
    margin-right:5px;
    font-size:20px;
    position:relative;
    bottom:-3px;
}

/* Go to section */
.ulGoTo{
    margin: 0 0 15px 0!important;
    list-style:none!important;
    padding:5px 0!important;
    border-top:1px dotted #aaaaaa;
    border-bottom:1px dotted #aaaaaa;
}

.ulGoTo li{
    font-size:14px;
    color:#000;
    margin:0.500em 0;
    line-height:1.7;
}

.ulGoTo .anchorUni{
    font-weight:normal;
}

.ulGoTo .icon-arrow-down-right2{
    font-size:14px;
    color:#adadad;
    padding:0 0.357em 0 0;
}

.anchor:before{
    display: block; 
    content: " "; 
    margin-top: -75px; 
    height: 75px; 
    visibility: hidden; 
}

#article-info{
    padding:15px 0;
}

.article-info-list{
    margin:0 0 25px!important;
    padding:0!important;
    list-style-type:none!important;
}

.article-info-list li{
    color:#B5BBC4!important;
    margin:0!important;
    padding:0!iportant;
    font-size:16px!important;
    font-weight:300!important;
    font-style:italic;
    display:inline;
}

.article-info-list-last {
    float:right;
}


/************************************************************
ARTICLE - SOCIAL SHARE
************************************************************/

.socialShare-circle{
    list-style-type: none!important;
    color:#fff;
    padding:0;
    margin:0;
    display:block;
    margin-bottom:20px;
}

.socialShare-circle li{
    list-style-type: none!important;
    display:inline-block;
    text-align:center;
    margin-right:5px;
    color:#ADB2BA;
}
.socialShare-circle li:last-child{
    margin-right:0;
}

.socialShare-circle a{
    height:40px;
    width:40px;
    border-radius:40px;
    border:1px solid #828793;
    color:#828793;
    background:#fff;
    display:block;
    font-size:18px;
    padding-top:8px;
    font-weight:300;
    -webkit-transition: all 150ms ease;
    -moz-transition: all 150ms ease;
    -ms-transition: all 150ms ease;
    -o-transition: all 150ms ease;
    transition: all 150ms ease;
}
#social-circle span:hover{
    text-decoration:none!important;
}

.btnFb:hover{
    background:#3b5998;
    color:#fff;
}
.btnTw:hover{
    background:#00a0dc;
    color:#fff;
}
.btnPi:hover{
    background:#c9222e;
    color:#fff;
}
.btnEmail:hover,
.btnComment:hover{
    background:#222;
    color:#fff;
}

/************************************************************
ARTICLE - SHOCIAL SHARE FOLLOW
************************************************************/

.w-article-followNav{
    width:100%;
    background:#22378b;
    position:fixed;
    top:-50px;
    left:0;
    z-index:10;
    z-index:9999999999;
    transition:all 200ms ease;
    -webkit-box-shadow: 0 1px 2px 1px rgba(0,0,0,.23);
    box-shadow: 0 1px 2px 1px rgba(0,0,0,.23);
}

.article-followNav{
    margin:0 auto;
    height:3.33em;
    width:1078px;
    overflow:auto;
    -webkit-transition: background 200ms ease;
    -moz-transition: background 200ms ease;
    -ms-transition: background 200ms ease;
    -o-transition: background 200ms ease;
    transition: background 200ms ease;
}

.artFollowNav-divIn{
    -moz-transform: translateY(50px);
    -webkit-transform: translateY(50px);
    -o-transform: translateY(50px);
    -ms-transform: translateY(50px);
    transform: translateY(50px);
}

/* FOLLOW SOCIAL - left side */
.articleFollow-left{
    float:left;
    height:100%;
}

.artFol-logo{
    display:inline-block;
    vertical-align:middle;
    height:3.333em;
    width:3.333em;
    padding:0.6em;
    background:#22378b;
    position:relative;
    left:-9px;
}

.artFol-title{
    display:inline-block;
    vertical-align:middle;
    font-size:18px;
    padding:0.1875em 0;
    /*margin-left:0.312em;*/
    color:#fff;
    font-weight:400;
    position:relative;
    left:-9px;
}

/* FOLLOW SOCIAL - right side */
.articleFollow-right{
    float:right;
}

.articleFollow-right li{
    float:left;
    text-align:center;
    width:107px;
}

.articleFollow-right li a{
    display:block;
    height:50px;
    color:#fff;
    font-size:12px;
    font-weight:500;
    text-transform:uppercase;
    padding-top:17px;
}

.articleFollow-right .icon-facebook,
.articleFollow-right .icon-twitter,
.articleFollow-right .icon-pinterest{
    font-size:15px;
    display:inline-block;
    vertical-align:middle;
    margin-right:5px;
}

.articleFollow-right .j-btnFb{
    background:#3b5998;
}

.articleFollow-right .j-btnTw{
    background:#00a0dc;
}

.articleFollow-right .j-btnPi{
    background:#c9222e;
}



/************************************************************
ARTICLE - EXPLORER VIEW
************************************************************/

#explorer-table{
    -webkit-box-shadow: 0 1px 2px 1px rgba(0,0,0,.2);
    box-shadow: 0 1px 2px 1px rgba(0,0,0,.2);
}

.explorer-topTxt{
    text-align:center;
    padding:10px;    
}

#explorer-title{
    font-size:34px;
    font-weight:400;
    color:#333;
    margin:0 0 5px;
}

#explorer-subtitle{
    font-weight:300;
    padding:10px;
    border-bottom:1px solid #eee;
    background:#E9ECF5;
    display:inline-block;
}

#explorer-img{
    padding-right:10px;
    width:50%;
}

#explorer-img img{
    width:100%;
}

#explorer-txt{
    padding-left:10px;
    flex-grow:0;
    width:50%;
}

#explorer-txt ul{
    list-style:none;
    margin:0;
    padding:0;
}

#explorer-txt li{
    padding:5px 3px;
}

#explorer-txt span{
    margin-right:3px;
}

.explorer-info{
    padding:10px;
}

#explorer-info-p{
    padding:10px;
    margin-bottom:15px;
    background:#E9ECF5;
}

#explorer-pagination{
    text-align:center;
    display:flex;
    justify-content:space-between;
}

.pagination-page-text {
    display:block;
    padding:13px 0;
}

.pagination-page-thumb {
    display:block;
    height:70.22px;
    width:120px;
    float:left;
}

.pagination-page-thumb img {
    height:70.22px;
    width:120px;
}

.pagination-page-next-82 {
    width:82%; 
}

.pagination-page-next-100 {
    width:100%;  
}

.pagination-page-back-16 {
    width:16%;
    padding:13px 0 0 6px;
}

.pagination-page-next-82,
.pagination-page-next-100,
.pagination-page-back-16 {
    background:#22378b;
    color:#ffffff;    
    text-align:center;
    text-decoration:none;
    font-weight:500!important;
    font-size:28px;
    height:70.22px;
    /*Added for no highlight*/
    -webkit-touch-callout: none; 
    -webkit-user-select: none;   
    -khtml-user-select: none;    
    -moz-user-select: none;      
    -ms-user-select: none;       
    user-select: none; 
}

.pagination-page-truncate {
    width: 420px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    float:left;
    padding-left:10px;
}

.pagination-back-text {
    float:left;
}

.pagination-page-left-arrow,
.pagination-page-arrow {
    padding-top:2px;
    float:left;
}


.pagination-page-next-100:hover,
.pagination-page-next-82:hover,
.pagination-page-back-16:hover {
    background:#272930;
    color:#fff;
    text-decoration:none!important;
}

/* MISCELLANEOUS PAGES **************************/
/************************************************/

/* MISC - sticky ad on left */
.ad-miscLeft{
    position:absolute;
}

/* MISC - main content (contains text and sidebar)  */
.misc-content{
    width:48.533em;
    display:inline-block;
}

/* Misc text style */
.misc-content header{
   /*width:37em;*/
    margin-left:12em; 
}
.miscTxt{
    /*width:37em;*/
    margin-left:12em;
    color:#4c4c4c;
    line-height:1.5;
    font-weight:300;
    position:relative;
}

.miscTxt p{
    font-size: 16px;
    font-weight: 300;
    padding-bottom: 20px;
    line-height: 1.6;
}

.miscTxt img {
    display:block;
    max-width:100%;
    padding:0 0 1em 0;
    /*margin:0 auto;*/
}

/* MISC - related content list */
.misc-related ul{
    margin: 0.333em 0!important;
    list-style-type:none!important;
}

.misc-related li{
    border-bottom:1px dotted #DEE3EB;
    margin-bottom:1em;
    padding-bottom:1em;
}

.misc-related a{
    font-weight:500;
}

.misc-related h1{
    font-size:13px;
    display:inline-block;
    color:#3145a8;    
}

/* MISC - random layout images */
.miscContnt-img img{
    float:none;
}

/* Alphabet scroll */
.alphaScroll{
   white-space:nowrap;
    -webkit-overflow-scrolling: touch;
    min-width:100%;
    overflow-x:scroll;
    overflow-y:hide;
    border-top:1px solid #DEE3EB;
    border-bottom:1px solid #DEE3EB;
    margin:0.667em 0 0.667em; 
}
.alphaScroll ul{
    margin:0;
    padding:0;
}

.alphaScroll li{
    display:inline-block;
    margin:0 0.333em;    
    text-transform:uppercase;
}
.alphaScroll li:first-child{
    margin-leftt:0;
}
.alphaScroll li:last-child{
    margin-right:0;
}

.alphaScroll li a{
    font-size:12px;
    border:1px solid #ccc;
    padding:0.417em 0;
    -webkit-border-radius: 2px;
    border-radius: 2px;   
    color:#444!important;
    width:2.500em;
    display:block;
    text-align:center;
}

/*.tableLargeTitle{
    border-top:0!important;
    padding:1em 0 0.333em!important;
}

.tableLargeTitle a{
    font-size:18px!important;    
}*/


/*** EXTRACTION - css for old extracted content ***/
/*Title used for list - A,B,C & Timeline*/
.titleLetter,
.listOrder,
.famous_letters{
    font-weight:bold;
    color:#2e2e2e;
    background:#f3eef4;
    padding:0 0.667em 0;
    display:block;
    margin:0.667em 0 0;
}

/* List  */
.mapContinent-lv2 ul,
.mapLongLv1-left ul,
.miscTxt ul,
.time-txt ul,
.relatedInfo ul{
    list-style: square outside none;
    margin:0.333em 0 0 1.333em;
    padding:0;
}

.mapContinent-lv2 ul li,
.mapLongLv1-left ul li,
.miscTxt ul li,
.time-txt ul li,
.relatedInfo ul li
/*.content ul li*/{
    color:#000;
    margin:0.467em 0;
    line-height:1.7;
}

.mapContLv2-left ul li a strong,
.relatedInfo ul li a,
.map-photos-articles{
    font-weight:400!important;
    color:#2D47B2!important;
}

.mapContLv2-left ul li b,
.mapContLv2-left ul li strong,
.mapContinent-lv2 ul li b,
.mapContinent-lv2 ul li strong,
.miscTxt ul ul li b,
.miscTxt ul ul li strong,
.miscTxt b,
.miscTxt strong
.mapLongLv1-left ul li b,
.mapLongLv1-left ul li strong
{
    margin-right:0.133em;
    font-weight:400!important;
    color:#000;
}

/* for convertor on tools page */
#oanda_ecc iframe,
#oanda_ecc span {
    margin: 0 auto 5px;
    text-align:center;
    display:block;
}

/* Universal padding */
.pad{
    padding:0px 10px!important;
}

.wa-q-btnFb {
    background-color:#3b5998;
}

.wa-q-btnTw {
    background-color:#00a0dc;
}

/**
    QUIZZES 2.0
*/

.wa-quiz-container { 
    background-color: #FFFFFF;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
    position: relative;
    margin-top: 34px;
    border-radius: 3px;
    margin-bottom: 15px;
    padding-bottom: 15px;
}

.wa-quiz-start {
    width: 60px;
    height: 60px;
    position: absolute;
    background: #8391CC;
    color: #fff;
    border-radius: 30px;
    display: flex;
    justify-content: center;
    padding-top: 18px;
    top: -30px;
    left: 12px;
    box-shadow: 0 1.5px 5px rgba(0, 0, 0, 0.4);
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase;
    z-index:70; 
    cursor: pointer;
}

.wa-quiz-number-box {
    width: 60px;
    height: 60px;
    position: absolute;
    background: #8391CC;
    color: #fff;
    border-radius: 30px;
    display: flex;
    justify-content: center;
    padding-top: 13px;
    top: -30px;
    left: 12px;
    box-shadow: 0 1.5px 5px rgba(0, 0, 0, 0.4);
    font-weight: 700;
    font-size: 24px;
    text-transform: uppercase;
    z-index:70;
}

.wa-quiz-question-container {
    padding: 35px 10px 10px 26px;
    font-size: 21px;
    font-weight: 700;
}

.wa-quiz-featured-img-box {
    display: flex;
    padding: 0 15px;
    position: relative;
    overflow:hidden;
}

.wa-quiz-featured-img-box > figure {
    display:block;
    position:relative;
}

.wa-quiz-featured-img-box > figure > img {
    width: 100%;
    height: 100%;
    display:block;
}

.wa-quiz-hint-box {
    width: 70%;
    margin: 0 auto;
    position: absolute;
    display: flex;
    justify-content: center;
    bottom: 0;
    left: 15%;
    transform: translateY(140px);
    -moz-transition: all 250ms ease-in;
    -webkit-transition: all 250ms ease-in;
    -o-transition: all 250ms ease-in;
    transition: all 250ms ease-in;
}

.wa-quiz-hint-btn {
    position: absolute;
    width: 70px;
    height: 70px;
    top: -39px;
    left: 43%;
    background-color: #8391CC;
    color: #fff;
    display: flex;
    justify-content: center;
    padding-top: 15px;
    border-radius: 50px;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 100;
    cursor: pointer;
    box-shadow: 0 1.5px 5px rgba(0, 0, 0, 0.4);
}

.wa-quiz-hint {
    width: 100%;
    padding: 33px 10px 0px 10px;
    font-size: 16px;
    background-color: #f1f1f1;
    color:#000;
    height: 140px;
    border-radius: 3px 3px 0 0;
    border-top: 1px solid #22378b;
    border-right: 1px solid #22378b;
    border-left: 1px solid #22378b;
}

#wa-check-quiz{
  display:none;
}

#wa-check-quiz:checked ~ .wa-quiz-hint-box {
    transform: translateY(0px);
}

.wa-quiz-progress-container {
    height: 60px;
    padding: 0 15px;
    display: flex;
    justify-content: space-evenly;
}

.wa-quiz-progress-barbox {
    width: 82%;
    height: 20px;
    margin: auto 0;
    border-radius: 10px;
    background: #EBEBEB;
    box-shadow: inset 0px 0px 3px 0.2px rgba(0, 0, 0, 0.4);
}

.wa-quiz-progressbar {
    height: 20px;
    border-radius: 10px;
    background: repeating-linear-gradient( 45deg, #8391CC, #8391CC 10px, #5A6AAE 10px, #5A6AAE 20px );
}

.wa-quiz-progress-box {
    width: 60px;
    background: #8391CC;
    border-radius: 30px;
    box-shadow: 0 1.5px 5px rgba(0, 0, 0, 0.4);
    color: #fff;
    display: flex;
    justify-content: center;
    font-size: 20px;
    margin-left: 15px;
    padding-top: 14px;
}

.wa-quiz-answerbox-disabled {
    pointer-events: none;
}

.wa-quiz-intro-container {
    padding: 15px 50px;
    font-size: 16px;
}

.wa-quiz-startbtn {
    display: flex;
    justify-content: center;
    margin: 10px 50px;
    padding: 15px 50px;
    background-color: #8391CC;
    border-radius: 2px;
    color: #fff;
    text-transform: uppercase;
    font-size: 19px;
}

.wa-quiz-answerbox {
    display: flex;
    width: 48%;
    min-height: 42px;
    box-shadow: none;
    outline: 0;
    border: 1px solid #B4B4B4;
    background-color: #F2F2F2;
    cursor: pointer;
    border-radius: 2px;
    text-decoration: none;
    color: #000;
    margin-bottom: 15px;
    
    -moz-transition:transform 100ms ease-in;
    -webkit-transition:transform 100ms ease-in;
    -o-transition:transform 100ms ease-in;
    transition:transform 100ms ease-in; 
}

.wa-quiz-intro-container p {
    margin-bottom:15px;
}

.wa-quiz-answer-container {
    padding: 10px 15px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.wa-quiz-right {
    background-color: #009F45;
    color: #fff;
    border: none;
}

.wa-quiz-wrong {
    background-color: #e32529;
    color: #fff;
    border: none;
}

.wa-quiz-answerbox:hover {
    transform: translateY(-3px);
}

.wa-quiz-answerbox-icon {
    width: 40px;
    display: flex;
    justify-content: center;
    font-size: 22px;
    padding-top: 9px;
}

.wa-quiz-answerbox-text {
    padding: 4px 15px;
    width:80%;
}

.wa-quiz-overlay {
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.7);
    padding: 20px 80px;
    color: #f1f1f1;
}

.wa-quiz-overlay-confirm {
    font-size: 33px;
    margin-bottom: 9px;
}

.wa-quiz-overlay-textbox {
    font-size: 15px;
    margin-bottom: 10px;
}

.wa-quiz-overlay-btn {
    width: 75%;
    display: block;
    padding: 8px 18px;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 2px;
    font-size: 19px;
    background-color: #8391CC;
    margin: 0 auto 10px auto;
    cursor:pointer;
}

.wa-quiz-overlay-btn > span {
    margin-right: 15px;
}

.wa-quiz-social-container {
    justify-content: space-between;
    display: flex;
    margin-bottom: 15px;
}

.wa-quiz-socialbutton {
    width: 48%;
    padding: 18px 10px;
    color: #fff;
    font-size: 21px;
    border-radius: 2px;
    text-align:center;
}

.wa-quiz-socialbutton span {
    font-size:23px;
    margin-right:10px;
}

/*
    END QUIZZES 
*/

.wa-cookie-overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: rgba(0,0,0,0.8);
    z-index: 9999999;
    display: flex;
    justify-content: center;
}

.wa-cookie-overlay-container {
    background: #fff;
    width: 40%;
    left:30%;
    height: 300px;
    position: fixed;
    top: 20%;
    border: solid 1px #000;
}

.wa-cookie-overlay-header {
    padding: 17px 15px;
    font-size: 49px;
    background-color: #22378b;
    color: #fff;    
}

.wa-cookie-overlay-body {
    padding: 10px 15px;
    font-size: 18px;
}

.wa-cookie-overlay-container a {
    background-color: #22378b;
    padding: 7px 7px;
    color: #fff;
    display: block;
    width: 70%;
    margin: 10px 0px 0px 10px;
}

.wa-cookie-overlay-container a:hover {
    cursor: pointer;
    background-color:#5A6BAF;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

/**
 * ENGINEERED CONTENT
 */

.wa-tab-header-wrapper {
    width:100%;
    margin:0!important;
    padding:0;
    list-style:none;
    background-color:#596bac;
    text-align:center;
    display:flex;
    justify-content:space-around;
    border-top:5px solid #596bac;
    
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-around;
    -ms-flex-pack: justify;
    justify-content: space-around;
}

.wa-tab-header-wrapper li { 
    display:block;
    width: calc(100% / 3);
    margin:0;
    padding:0;
}

.wa-tab-header-wrapper li a { 
    text-align:center;
    color:#fff;
    padding:7px 0 10px;
    margin:0;
    display:block;
}
.wa-tab-header-wrapper li a::after{
    content:"\25bc";
    opacity:.15;
}

.wa-tab-header-wrapper li a:hover {
    text-decoration:none;
    color:#333;
    background-color:#c1c4ce;
    font-weight:bold;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.wa-tab-header-wrapper .wa-tab-active a{ 
    background:#ffffff;
    color:#333;
    font-weight:bold;
    text-decoration:none;
}
.wa-tab-header-wrapper .wa-tab-active a:hover{
    background:#fff;
    color:#333;
}

.wa-tab-header-wrapper .wa-tab-active a::after{
    opacity:1;   
}

/* STUFF FOR THE BACKLINKS AND WHATNOT */

.wa-related-quiz-header::before {
    content: 'new';
    padding: 5px 5px;
    text-transform: uppercase;
    font-size: 11px;
    vertical-align: middle;
    color: #fff;
    background-color: #2A7FDE;
    margin-right: 5px;
}

.wa-related-quiz-list {
    margin:0!important;
}

/*
 * POLL STUFF
 */

.wa-poll-container {
    border-bottom: 4px solid #2A7FDE;
    border-right: 4px solid #2A7FDE;
    border-left: 4px solid #2A7FDE;
}

.wa-poll-title-box {
    background: #2A7FDE;
    padding: 10px 10px;
}

.wa-poll-title {
    color: #fff!important;
    font-size: 28px!important;
    margin: 0 auto!important;
}

.wa-poll-body-box ul li {

}

.wa-poll-body-box {
    padding: 10px 10px;
}

.wa-poll-body-box ul li input {
    position: absolute;
    visibility: hidden;
}

.wa-poll-option-box {
    cursor: pointer;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    padding-left: 5px;
    border-radius: 35px 0 0 35px;
}

.wa-poll-confirm-box {
    padding: 10px 10px;
}

.wa-poll-submit-btn {
    padding:5px 5px!important;
    background-color:#2A7FDE;
    color:#fff;
    cursor:pointer;
}

.wa-poll-submit-btn:hover {
    opacity:0.7;
}

.wa-poll-submit-btn::after {
    content: '\25B6';
    color: #fff;
    font-size: 15px;
    margin-left: 10px;
}

.wa-poll-option {
    display: block;
    height: 100%;
    flex: 1;
    order:2;
    margin-left: 10px;
    font-size: 20px;
    padding:5px 5px;
    transition: background 0.25s linear;
    -webkit-transition: background 0.25s linear;    
}

.wa-poll-checkbox {
    height: 32px;
    width: 32px;
    order:1;
    border: 3px solid;
    border-color: #2A7FDE;
    border-radius: 50%;
    margin: auto;
}

.wa-poll-checkbox-selected::before {
    content: ' ';
    background-color: #024691;
    height: 20px;
    width: 20px;
    display: block;
    border-radius: 50%;
    margin: 3px;
}

.wa-poll-option-has-selected {
    background-color: #074D9C;
    color: #fff!important;
}

.wa-poll-option-box:hover {
    background-color:#D4E8FD;    
}

.wa-poll-adslot {
    width: 300px;
    height: 250px;
    background-color: #ECECEC;
    margin: auto;
    position: relative;    
}

.wa-result-slider {
    display:flex;
    align-items: stretch;
    padding:10px 10px;
}

.wa-poll-resultslot {
    flex: 1;
}

.wa-poll-result-container {
    margin-left: 10px;
}

.wa-poll-result-box {
    
}

.wa-poll-result-bar-box {
    width: 100%;
    height: 7px;
    background-color: #DDDADA;
    margin-bottom: 3px;
}

.wa-poll-result-bar {
    height: 7px;
    background-color: #2A7FDE;
}

.wa-result-here-slider {
    padding: 4px 10px;
    background-color:#074D9C;
}

.wa-result-here-slider h4 {
    color: #fff;    
}

.wa-poll-result-text {
    width:75%;
}

.wa-poll-percent {
    width: 20%;
    color: #074D9C;
    font-size: 22px;
    text-align: center;
    line-height: 51px;
    margin: auto;
    height: 100%;
    border-radius: 30px;
}

.wa-poll-result-parent {
    display: flex;
    align-items: stretch;
    min-height: 54px;
}

.wa-poll-social-container {
    padding: 10px 10px;
    margin: 0 auto!important;
}

.wa-writtenBy {
    font-size: 13px;
    text-align: right;
}

.wa-about-container {
    display: inline-block;
    width: 48.533em;
    padding-bottom: 1.333em;
    color: #4c4c4c;
    font-weight: 300;
    line-height: 1.5;
    margin-right: 13px;
}

.wa-profile-banner {
    display: flex;
}

.wa-about-banner {
    display: flex;
    justify-content: center;
}

.wa-about-header {
    margin: auto 20px;
    color: #929292;
}

.wa-about-header h1 {
    font-size: 55px;
    font-weight: 600;
}

.wa-about-header h2 {
    font-size: 35px;
    font-weight: 400;
}

.wa-about-profiles h2 {
    font-size: 35px;
    font-weight: 600;
    color: #929292!important;
    margin-top: 20px;
}

.wa-about-profiles ul {
    list-style: none;
    font-size: 18px;
    line-height: 1.6;
    margin-top: 10px;
}

.wa-news-articleBanner {
    display: flex;
    margin-bottom: 15px;
}

.wa-news-leftUserImg {
    width:60px;    
}

.wa-news-leftUserImg img {
    border-radius:40px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);    
}

.wa-news-rightMeta {
    margin-left: 15px;
}

.wa-about-body  {
    margin-top: 20px;
    font-size: 18px;
    line-height: 1.4;
    text-align: justify;
    hyphens: auto;
}

.wa-news-isHomepage {
    padding: 0 1px 0 1px;
}
    
.wa-news-list-top {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
}
.wa-news-node {
    background-color: #fff;
    box-shadow: 0 1px 5px 0px rgba(0, 0, 0, 0.5);
    border-radius: 2px;
}
.wa-news-latest {
    width: 418px;
    min-height: 554px;
}
.wa-news-top2 {
    width: 300px;
}

.wa-news-top2 article {
    margin-top:20px;
    height: 270px;
}

.wa-news-top-list {
    width: 300px;
}
.wa-news-list-bot {
    display: flex;
    justify-content: space-between;
    margin: 0 0 30px 0;
}
.wa-news-checkout {
    width: 418px;
}
.wa-news-recommend {
    width: 300px;
}
.wa-news-minheight li {
    min-height: 55px;
    vertical-align: center;
}
.wa-news-ad {
    width: 300px;
}
.wa-news-top2-link div {
    border: 3px solid #fff;
}
.wa-news-top2-link {
    display: flex;
    justify-content: center;
    height: 180px;
    position: relative;
}

.wa-news-top2-title {
    color: #fff;
    background-color: #22378b;
    font-size: 25px;
    line-height: 1.16;
    width: 80%;
    padding: 10px 8px;
    position: absolute;
    top: 140px;
    left:30px;
}

.wa-news-latest-first-title {
    color: #fff;
    font-weight: 200;
    background-color: rgba(1,1,1,0.55);
    font-size: 22px;
    padding: 6px 8px;
    position: absolute;
    bottom: -1px;
    width:100%;
}
.wa-news-latest-first-link {
    display: block;
    height: 244px;
    position: relative;
}
.wa-news-latest-first-link img {
    position: absolute;
    width: 100%;
}

.wa-news-latest-seemore {
    padding: 10px 15px;
    background-color: #22378b;
    display: block;
    width: fit-content;
    color: #fff;
    border-radius: 18px;
    margin-top: 10px;    
}

.wa-seemore-box {
    width:100%;
}

.wa-news-latest-seemore:hover {
    cursor:pointer;
    opacity:0.8;  
}

.wa-news-latest-list li a {
    display:block;
    padding:10px 10px;
}

.wa-news-latest-list li:last-child > .hublink {
    background-color: #22378b;
    color:#fff;
}

.wa-news-latest-list li {
    border-top: 1px dotted #22378b;
    font-size: 17px;
}

.wa-news-latest-list li:hover {
    background-color:#EBEFFE;
    cursor:pointer;
}

.wa-news-list-top .wa-news-box {
    margin-bottom: 30px;
}

.bottom-border {
    border-bottom: 1px dotted #22378b;
}

.wa-header-shadow {
    box-shadow: 0 1px 5px 0px rgba(0, 0, 0, 0.5);
}

.wa-news-checkout-list {
    
}

.wa-news-checkout-list li {
    margin-top:20px;
}

.wa-news-checkout-link {
    display:flex;
}

.wa-news-checkout-title {
    padding: 10px 2px 2px 10px;
    color: #000;
    font-size: 17px;
}

.wa-news-checkout-link:hover {
    background-color:#EBEFFE;
    cursor:pointer;
}

.wa-news-header {
    padding: 12px 10px;
    display:block;
    color: #22378b;
    font-weight: 500;
    font-size: 17px;
    text-transform: uppercase;
    text-decoration: underline;
    border-top: 3px solid #22378b;
}

.wa-news-grid-container {
    border-top: 2px solid #DEE3F7;
    padding-top: 30px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.wa-news-grid-title {
    color: #333;
    font-size: 20px;
    padding: 10px 0px 5px 0px;
}

.wa-news-grid-link {
    display:block;   
    width: 329px; 
    margin-bottom:20px;
}

.wa-about-user-list ul {
  columns: 3;
  -webkit-columns: 3;
  -moz-columns: 3;
}

.wa-profile-article-box {
    display:flex;
}

.wa-profile-article-title {
    margin: 0 0 0 15px;
}

.wa-profile-article-title h3 {
    color: #222;
    font-size: 28px;
    font-weight: 600;
}

.wa-profile-article-title h4 {
    color: #797979;
    font-size: 20px;
    font-weight: 600;
}

.wa-profile-detailed-imgbox {
    float:left;
    margin: 0 15px 15px 0;
}

.wa-profile-detailed-imgbox > img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    display:block;
    border-radius:200px;
}

.wa-profile-detailed-container p {
    margin-bottom: 15px;
}

.wa-social-box {
    display: block;
    padding: 8px 5px 5px 17px;
    width: 30%;
    border-radius: 50px;
    margin: 0 0 15px 0;
    color: #fff;
    font-size: 22px;
    cursor:pointer;
} 

.wa-social-box:hover {
    opacity:0.7;
}

.wa-social-box-mail {
    background-color: #464646;
}

.wa-social-box-linkedin {
    background-color: #0077b5;
}

.wa-incontent-article-link-banner {
    display: flex;
    margin-bottom: 10px;
}

.wa-incontent-article-link-banner img {
    width: 224px;
}

.wa-incontent-article-link-headers {
    margin-left: 10px;
}

.wa-incontent-article-link-paragraph {
    padding: 10px 0 0 10px;
    border-left: 3px solid #DEDEDE;
}

/**
 * ====================================================================================
 * olympic css
 * ====================================================================================
 */

.inContentAchorList a {
    margin:0;
    display:inline-block;
}

.inContentAchorList li {
    display: inline-block;
    font-size: 15px;
    margin-bottom: 10px;
}

.inContentAchorList {
    margin-bottom:15px;
}

.olympic-header {
    position: absolute;
    width: 100%;
    top: 45%;
}

.mainHeader {
    font-size: 52px;
    margin: 0 auto 20px auto;
    display: block;
    width: fit-content;
    color: #22378b;
}

.secondaryHeader {
    width: fit-content;
    margin: 0 auto;
    font-weight: bold;
    font-size: 20px;
}

.olympic-anchorOverlay {
    position: absolute;
    width: 100%;
    top: 67%;
    margin: 0 auto;
}

.olympic-anchorGroup {
    width: fit-content;
    margin: 0 auto;
    display: flex;
}

.olympic-anchorGroup > a {
    width: 250px;
    text-align: center;
    margin: 10px 10px;
}

.w-olympicHeaderMain {
    width: 100%;
    background: #E4F3FF;
    z-index: 50;
    position: fixed;
    top: 50px;
    -webkit-box-shadow: 0px 0px 7px #777;
    box-shadow: 0px 0px 7px #777;
}

.w-olympicHeaderMain > a {
    color: #22378b;
    font-weight: bold;
    width: 100%;
    cursor:pointer;
    text-decoration:none;
    
    font-size: 0.9em;
    height: 25px;
    display: flex;
    align-items: center;
    text-transform: capitalize;
    justify-content: center;
}

.w-olympicHeaderMain img {
    height: 90%;
    margin-left: 1em;
}

.olympicOverflowScroll {
    height: 800px;
    overflow-y: scroll;
}

.olympicOverflowTableHeader {
    position: absolute;
    width: 100%;
}

.olympicOverflowTableHeader ul {
    display: inline-flex;
    width: 100%;
}

.olympicOverflowTableHeader ul li {
    color: #fff;
    width: 81px;
    padding: 13px 20px;
    background-color: #2A7FDE;
}

.olympicTableHeaderSecond { 
    width: 322px!important;
}

.homeOlympicLink {
    display: block;
    position: relative;
    height: 120px;
    width: 100%;
    background-image: url(/img/winter2018banner_home.svg);
    background-color: #E4F3FF;
    background-position: center;
    background-repeat: no-repeat;
    cursor:pointer;
    color: #333;
        
    -webkit-box-shadow: 2px 2px 12px #ccc;
    box-shadow: 2px 2px 12px #ccc;
}

.homeOlympicLink h3 {
    display: block;
    position: absolute;
    bottom: 4px;
    text-align: center;
    width: 100%;
    font-weight: bold;
    font-size: 19px;
}

.homeOlympicArticles {
    display: flex;
    justify-content: space-around;
}

.homeOlympicArticles li {
    width: 20%;
}

.homeOlympicArticleTitle {
    color: #333;
    font-size: 19px;
    padding: 0 10px;
    text-align: center;
    margin-top: 5px;
}

.waCommonButton:hover {
    opacity:0.8;
    outline:none;
}

/*
    HUB PAGE
*/
.wa_olympicHomeBanner {
    position: relative;
    padding-top:50px;
    background:linear-gradient(to bottom, #E9FBFF 0%, #E9FBFF 55%, #fff 30%, #fff 83%, #E4F3FF 60%, #E4F3FF 100%);
}

.wa_olympicHomeBanner > img {
    max-width: 71.866em;
    display: block;
    margin: 0 auto;
}

.waOlympicsTimer {
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: 25px;
    font-weight: bold;
    color: #22378b;
    font-size: 20px;
}

.olympic-info {
    display: flex;
    justify-content: space-between;
}

.olympic-info-main {
    width: 48.533em;
    margin-right: 10px;
}

.olympic-info-relatedLinks {
    
}

.olympic-info-link {
    width: 48%;
    display: block;
    height: 350px;
}

.olympic-info-relatedListLink {
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.olympic-info-link a img {
    width: 100%;
    display: block;
    padding: 0 0 15px;
}

.olympic-info-linkText {
    font-size: 20px;
    font-weight: 600;
    color: #222;
    padding: 0 10px 10px;
    line-height: 1.3;
}

.olympic-info-medalCounts h2,
.olympic-info-relatedLinks h2 {
    font-weight: bold;
    font-size: 20px;
}

.olympic-info-medalCounts {
    border-top: 1px dotted #ccc;
    padding-top: 25px;
}

.olympic-info-sidebar {
    
}

.olympic-sports {
    
}

.olympic-icon {
    display: inline-block;
    height: 28px;
    width: 28px;
    margin-right: 4px;
    border-radius: 15px;
    transform: rotate(-45deg);
}

.olympic-icon-gold {
    border: 1px solid #FFD700;
    background: linear-gradient( to right, #FFD700 0%, #FFD700 50%, #FFE039 50%, #FFE039 100% );    
}

.olympic-icon-silver{
    border: 1px solid #C0C0C0;
    background: linear-gradient( to right, #C0C0C0 0%, #C0C0C0 50%, #CFCFCF 50%, #CFCFCF 100% );    
}

.olympic-icon-bronze {
    border: 1px solid #CD7F32;
    background: linear-gradient( to right, #CD7F32 0%, #CD7F32 50%, #D58E47 50%, #D58E47 100% );
}

.olympic-info-recentItem {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px dotted #ccc;
}

.olympic-info-recentItem img {
    display: block;
    width: 100%;
}

.olympic-info-recentItem h3 {
    margin: 0 0 5px;
}

.olympic-info-podiumList,
.olympic-info-recentList {
    padding: 0 10px;
}

.olympic-info-podiumList li,
.olympic-info-recentList li {
    margin-bottom: 7px;
    font-size: 20px;
    display: flex;
    align-items: center;
}

.olympic-info-medalItem {
    height: 38px;
    padding: 7px 0;
    display: flex;
    font-size: 18px;    
}

.olympic-info-medalWinner {
    width: 70%;
}

.olympic-info-medalCount {
    
}

.olympic-podium-overlay {
    position: absolute;
    height: 480px;
    width: 100%;
    bottom: 0;
    margin: 0 auto;
}

.olympic-podium-box {
    height: 100%;
    width: 500px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;    
}

.podium {
    width: 30%;
    background-color: #fff;
    margin: 0;
    -webkit-box-shadow: 0px 0px 14px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 14px rgba(0,0,0,0.2);
}

.olympic-info-podiumNumber {
    color: #ECECEC;
    display: flex;
    justify-content: center;
    padding-top: 5px;
    font-size: 70px;
    margin: 0 auto;
}

.podium-1 {
    height: 90%;
    order:2;
}

.podium-3 {
    height: 65%;
    order:3;
}

.podium-2 {
    height: 65%;
    order:1;
}

.olympic-info-podiumList li {
    display: flex;
    justify-content: space-between;
    width: 70%;
    margin: 0 auto 7px auto;
    color: #AEAEAE;
}

.imageFit {
    display:block;
    width:100%;
    margin-bottom: 15px;
    -webkit-box-shadow: 0 3px 14px #ccc;
    box-shadow: 0 3px 14px #ccc;
}

/**
 * ====================================================================================
 * circle loader piew piew
 * ====================================================================================
 */
#loader {
    margin: 20px auto;
    border: 16px solid #f3f3f3; /* Light grey */
    border-top: 16px solid #3498db; /* Blue */
    border-radius: 50%;
    width: 120px;
    height: 120px;
    animation: spin 2s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}


@media only screen and (max-width :1400px) {
    /* Off canvas 160x600 ads */
    #adSticky {
        display:none;
    }
    
    .w-adOffCanvas{
        width:8.000em;
        left:-8em;
    }
    .adOffCanvas,
    .adOffCanvas-atlas,
    .adOffCanvas-continent,
    .adOffCanvas-article{
        width:8.000em;
    }
    
/*     .asideStickyAd {
        width:100%;
    } */
}

@media only screen and (max-width :1310px) {
    /* Off canvas 160x600 ads */
    .w-adOffCanvas,
    .adOffCanvas-atlas,
    .adOffCanvas-continent,
    .adOffCanvas-article{
        display:none;
    }
    
    .WA_D_Articles_ResponsiveLeft,
    .WA_D_Continent_ResponsiveLeft,
    .WA_D_Misc_ResponsiveLeft,
    .WA_D_Nonav_ResponsiveLeft,
    .WA_D_Territory_ResponsiveLeft,
    .WA_D_Time_ResponsiveLeft,
    .WA_D_Tools_ResponsiveLeft,
    .WA_D_Content_ResponsiveLeft {
        display:none !important;
    }
    
/*     .asideStickyAd {
        width:100%;
    } */
}



@media only screen and (max-width :1100px) {
    /* MAIN CONTENT - WRAP */
    .headerMain,
    .bread,
    .w-main,
    .content-no-aside,
    .w-artFeatImg-text,
    .articleIndex-lv2,
    .article-followNav,
    .footer,
    .footer-popular,
    .common-width{
        width:64.667em;
    }
    
    .wa-news-isHomepage .wa-news-latest {
        width:300px;
    }
    
    .wa-news-isHomepage .wa-news-latest-first-link {
        height:176px;
    }
    
    .wa-news-recommend {
        width:418px;
    }   
    
    .w-news-main {
        width:48.667em;
    }
    
    .olympicOverflowTableHeader ul li {
        color: #fff;
        width: 75px;
        padding: 13px 20px;
        background-color: #2A7FDE;
    }
    
    .olympicTableHeaderSecond { 
        width: 275px!important;
    }
    
    
    /* MAIN CONTENT - LEFT */
    .map-content,
    .map-continent,
    .misc-content,
    .content,
    .articleIndex-left,
    .artFeatImg-text,
    .index-left,
    .content-comments,
    .search-left,
    .content{
        /*width:42.667em;*/
        width:640px;
    }
    
    /* MAIN CONTENT - 336px sidebar */
    /* TOOLS - page */
    .tools-main{
        width:27.333em;   
    }
    .convLeft, .convRight{
        width:49.4%;
    }
    
    /* TIME PAGES - Layout */
    .time-map,
    .time-clock{
        width:27.467em
    }
    .time-clock li{
        width:48.2%
    }
    
    /* ADVERTISMENT */
    .adHeader{
        width:48.533em; 
        overflow:hidden;
    }
    .adBotResp{
        float:none;
        margin:0 auto;
    }
    .adContinent-worldMap{
        width:20.667em
    }
    .w-adBotResp{
        padding-top:1.333em;
        border-top:2px solid #DEE3EB;
    }
    
    /* COUNTRY MAP PAGE */
    .mapContLv2-left{
        width:22.667em;
    }
    .mapLongLv1-left{
        width:340px;
    }
    
    /* MISC PAGE */
    .misc-content{
        width:42.666em;
    }
    .miscTxt,
    .ant_cont_left{
        width:30em;
    }
    
    /* YELLOW NAV */
    .map-nav li{
        display:inline-block;
        float:none;
    }
    .map-nav li a{
        font-size:12px;
    }
    .mapNav-sep{
        padding:0 0.583em;
    }
    
    /* INDEX - HOME PAGE */
    .indexLv1-left{
        width:43.333em;
    }
    .indexLv1-fb{
        height:9.067em;
    }
    .index-lv2 li p{
        height:2.333em;
    }
    .indexLv3-left{
        width:42.667em;
    }
    .indexArt-medium li{
        width:31.8%;
    }
    .index-lv4 nav{
        width:31.95%;
    }
    
    /* INDEX - world map */
    .worldContLv2-top{
        width:42.666em !important;
    }
    
    /* TIME PAGES */
    .timeClocks li{
        width:31.5%;
    }
    .timeZones li{
        width:24%;
    } 
    
    /* ARTICLE PAGES */
    .articleIndex-regular{
        width:48%;
    }
    
    .quizIndex-regular {
        width:48%;
    }
    
    .articleFollow-left{
        width:65%;
    }
}

/* IPAD */
@media only screen and (max-width :990px) {
    /* OLYMPIC CSS ====================================== */
    
    .olympic-anchorOverlay {
        display:none;
    }
    
    .w-olympicHeaderMain {
        top:45px;
    }
    
    .olympic-info {
        display:block;
    }
    
    .olympic-info-link {
        margin-bottom: 20px;
    }
    
    .olympic-info-recentItem img {
        max-width: 418px;
        margin: 1em auto;    
    }
    
    .podium-3,
    .podium-2 {
        height: 40%;
    }
    
    .podium-1 {
        height: 50%;
    }
    
    .olympic-info-podiumNumber {
        display:none;
    }
    
    .olympic-info-podiumList {
        margin-top: 7px;
    }
    
    .olympic-icon {
        height: 20px;
        width: 20px;
    }
    
    .olympicOverflowTableHeader ul li {
        color: #fff;
        width: 87px;
        padding: 13px 20px;
        background-color: #2A7FDE;
    }
    
    .olympicTableHeaderSecond { 
        width: 292px!important;
    }
    
    
    /* ================================================== */
    
    .wa-news-recommend {
        width:418px;
    }    
    
    #logo {
        display:none;
    }
    
    .logo-small {
        display:block;
    }
    
    .wa-news-isHomepage .wa-news-top-list,
    .wa-news-isHomepage .wa-news-top2 {
        width: 45%;
    }
    
    .wa-news-isHomepage .wa-news-latest-first-link {
        height:428px;
    }
    
    .wa-news-isHomepage .wa-news-latest {
        width:100%;
    }

    /* DISPLAY NONE */
    .offMedia-990,
    aside .ad300x600,
    .search-content aside,
    .adAsticky,
    .adTools-sidebar{
        display:none;
    }
    
    /* Sidebar below content (using flex) */
    .flexBoxRightSticky{
        flex-direction: column;
    }
    
    .wa-profile-article-title h3 {
        color: #222;
        font-size: 24px;
        font-weight: 600;
    }
    
    .wa-profile-article-title h4 {
        color: #797979;
        font-size: 16px;
        font-weight: 600;
    }    
    
    /* MAIN CONTENT - WRAP */
    .headerMain,
    .bread,
    .w-main,
    .w-news-main,
    .w-content-comments,
    .content-no-aside,
    .w-artFeatImg-text,
    .article-followNav,
    .footer,
    .content-comments,
    .footer-popular,
    .common-width{
        width:48.667em;
    }
    
    /*MAIN CONTAINER PUSH*/
    #container33{
        padding-top:3em;
    }
    
    /* MAIN CONTENT - LEFT */
    .map-content,
    .misc-content,
    .map-continent,
    .content,
    .artFeatImg-text,
    .index-left,
    .articleIndex-left,
    .content,
    .search-left,
    aside#aside-atlas{
        width:100%;
    }
    
    /* HEADER */
    .headerMain{
        height:3em;
    }
    #logo{
        width:125px;
        height:25px;
        margin-top:10px;
    }
    .headerMain-links li a{
        font-size:11px;
        padding:17px 3px 11px;
    }
    .headerMain-search .icon-search{
        font-size:16px;
    }
    .headerMain-social{
        display:none;
    }
    .headerMain-search{
        height:3em;
    }
    .w-drop-continents,
    .w-drop-countries{
        top:40px;
    }
    
    /* TOOLS - page */
    .tools-main{
        width:33.333em;
    }
    
    /* MISC PAGES */
    .misc-content{
        width:36.000em;
    }
    .miscTxt{
        width:100%;
    }
    .misc-content . li{
        width:30%;
    }
    .ant_cont_left{
        width:29.867em;
    }
    
    /* TIME PAGES - Layout */
    .time-map,
    .time-clock,
    .time-txt{
        width:23.333em
    }
    .time-clock li{
        width:100%
    }
    .adText-adTop{
        float:none;
        margin:0 auto 1.333em;
    }
    .timeZones li{
        width:100%;
    }
    
    /* YELLOW NAV  */
    .map-nav{
        overflow-x:scroll;
    }
    .map-nav{
        white-space:nowrap;
        -webkit-overflow-scrolling: touch;
        min-width:100%;
        overflow-x:scroll;
        overflow-y:hide;
    }
    .map-nav li a{
        font-size:13px;
    }
    .mapNav-sep{
        padding:0 0.615em 0 0.692em;
    }

    /* SIDEBAR */
    aside{
        float:none;
        width:100%;
        padding:0;
        background:none;
    }
    .artCont-right{
        width:48.667em;
    }
    
    .asideStickyAd {
        width:100%;
    }
    
    /* BROWSE ARTICLE - side by side */
.browseArt-reg li{
    display:block;
    width:100%;
    padding:0 0 20px;
    overflow:auto;
}

.browseArt-reg-img{
    float:left;
    width:45%;
    padding-right:1em;
}

.browseArt-reg-img img{
    width:100%;
    height:auto;
}

.browseArt-reg-text{
    width:55%;
    float:right;
    padding-top:5px;
}

.browseArt-reg-text h3{
    font-size:14px;
    color:#222;
    font-weight:600;
    line-height:1.3;    
}

.browseArt-reg-text h3:hover{
    text-decoration:underline;
    cursor:pointer;
}

.browseArt-reg-text ul{
    font-size:11px;
    text-transform:uppercase;
    font-weight:500; 
}

.browseArt-reg-text li{
    color:#22378B !important;
    display:inline-block;
    padding:2px 0 5px;
}
  
    /* COUNTRY MAP PAGE */
    .map-content{
        padding-bottom:0;
    }
    .mapContLv2-left{
        width:28.667em;
    }

    /* ARTICLE PAGE */
    .artFeatImg-text h1{
        font-size:46px;
    }
    .articleFollow-left{
        width:55%;
    }
    
    /* INDEX - world map */
    .index-right{
        width:100%;
        padding: 0 0 0 0;
        display:block;
        overflow:hidden;
    }
    .index-right li{
        width:46.95%;
        display:inline-block;
        margin:0 0.667em;
    }
    
    /* ARTICLE BROWSE - REGULAR */
    .articleSide-regular li{
        width:32.9%;
        display:inline-block;
        padding:0 5px 0;
        margin-bottom:45px;
    }
    .articleSide-regular{
        width:100%
    }
    .artSideReg-image{
        float:none;
        width:100%;
        padding-right:0;
    }
    .artSideReg-image img{
        width:100%;
    }
    
    .artSideReg-text{
        width:100%;
        float:none;
        padding:0 5px 10px;
        height:85px;
        min-height:85px;
    }
    .artSideReg-text li{
        width:100%;
        padding:0 0 5px;
        margin:0;
        height:auto;
        min-height:auto;
    }
    
    /* Article pagination */
    .paginate-article{
        padding-bottom:25px;
        border-bottom:2px solid #DEE3EB;
    }
    
    /* CONTINENT MAP PAGE */
    .adContinent-worldMap{
        width:26.667em
    }
    
    /* FOOTER */
    .fs1 ul{
        width:10.000em;
    }
    .fs2{
        margin-right:0;
    }
    
    /* INDEX - HOME PAGE */
    .indexLv1-left{
        width:100%;
    }
    .indexLv1-right{
        display:none;
    }
    .index-lv2 li a{
        font-size:14px;
    }
    .indexLv3-left{
        width:100%;
    }
    .indexLv3-right{
        display:block;
        width:100%;
    }
    .indexArt-medium li{
        width:31.3%;
    }
    .index-lv4 nav{
        width:31.5%;
    }
    
    /* SEARCH */
    .search-content aside{
        display:none;
    }
    /* BROWSE - POPULAR ARTICLES WITH NUMBER */
    .articleSide-popular li{
        display:inline-block;
        width:31.5%;
        height:5.667em;
        margin-right:1em;
        vertical-align:top;
    }
    .articleSide-popular li:last-child{
        margin-right:0;
    }
    .marginBelow{
    margin-bottom: 2em;
    margin-left: 0;
    width: 100%;
    }
    .marginAbove{
    margin-top: 2em;
    }
    .onWADivider{
    color:#22378b;
    }
}

@media only screen and (max-width :320px) {
    
}


/* IE 10 AND UP - CSS */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
    .mapNav-sep{
        
    }
}