/*
Theme Name: UNWATCH

/*! HTML5 Boilerplate v5.0 | MIT License | http://h5bp.com/ */


@font-face {
    font-family: 'moon';
    src: url('fonts/icomoon.woff') format('woff2');
 
    font-style: normal;

}

html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

.countryResTop #countrySearch{
    height: 6rem;
    text-align: center;
    font-size: 2.4rem;
    border-radius: 3rem;
}
.countryResTop h1{
    font-size: 3.5rem !important;
}
.jcs{
    justify-content: center;
}
.btci{
     padding-right: 3rem;
     border-right: 1px solid #120D44;
}
.countryResTop button{
     
       padding-left: 3rem;
font-size: 1.6rem;
    border: none;
 border-left: 1px solid #120D44;
    
    background-color: transparent;
    color: #fff;
    font-weight: 300;
  
   
    background-position: right center;
    background-repeat: no-repeat;
   
}
.countryResTop button span{
      
    display: block;
     
}
.countryResTop:after,.countryResTop:before{
    display: none !important;
}
.countryResTop .dtc {
    width: auto;
}
/* ==========================================================================
   Author's custom styles
   ========================================================================== */
html,body{
    margin: 0;
    padding: 0;
}

h1,h2,h3{
font-family: farnham-display, serif;
font-weight: 700;
font-style: normal;
}

body{
     font-family: 'Nunito',sans-serif;
    font-weight: 400;
    color: #120D44;
}

p{
    font-size: 1.6rem;
    line-height: 2.2rem;
}
.homeTop{
    height: 100vh;
    width: 100%;
    background-size: cover;
}
.htContent{
    width: 72rem;
}
.homeTop h1{
    color: #fff;
    font-size: 5rem;
    text-align: center;
    margin-bottom: 2rem;
    margin-top: 0;
    line-height: 6rem;
}
.homeTop p{
    margin: 0;
    color: #FFFFFF;
    font-size: 1.8rem;
    text-align: center;
    font-weight: 300;
    white-space: pre-line;
}
.homeTop p.scrollIns{
    font-size: 1.4rem;
    margin-bottom: 1.5rem;
}


.flags:before{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-image: url("img/flags_left.svg");
    background-size: auto 100vh;
    background-position: left bottom;
    background-repeat: no-repeat;
    
}
.flags {
    pointer-events: none;
}
.flags:after{
    content: '';
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-image: url("img/flags_right.svg");
    background-size: auto 100vh;
    background-position: right bottom;
    background-repeat: no-repeat;
    
}
.htLinks{
    justify-content: center;
}
.defLink{
    height: 6.3rem;
    border-radius: 3.15rem;
    background-color: #fff;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 0 4rem;
    color: #FF5050;
    text-decoration: none;
    font-size: 2rem;
    margin: 0 2rem;
    margin-top: 4.6rem;
    transition: .3s all;
    
}
.defLink:hover{
    color: #120D44;
}
.belowTop h2{
    width: 38.4rem;
    flex: 0 0 38.4rem;
    font-size: 3.5rem;
     line-height: 1.1;
    line-height: 3.8rem;
    margin: 0;
    font-weight: 700;
}
.ssa{
    height: 100vh;
    position: relative;
    overflow: hidden;
}
.belowTop{
    align-items: center;
    margin: 9rem 0;
}
.bodiesCardsListItemCard{
   
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    position: relative;
    padding: 0 5rem;
    box-sizing: border-box;
    
}
.bodiesCardsListItemCard{
   /*   position: sticky;
  position: -webkit-sticky;*/
   
   
    /*transition: 10s all;*/
}
.belowTop p{
    padding-left: 9rem;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 2.2rem;
    margin: 0;
    padding-right: 23rem;
}
.normPad{
    padding: 0 5rem;
    box-sizing: border-box;
}
.bodiesCardsListItem  {
    border: 5px solid #E8E8E8;
   
    margin-bottom: 7rem;
    background-color: #fff;
    
}
.bodyDetails img{
    max-width: 13.3rem;
    max-height: 10rem;
}
.bodyDetails{
    padding: 5.6rem 6rem;
    box-sizing: border-box;
    border-right: 2px solid #E8E8E8;
    flex: 0 0 30%;
    width: 30%;
}

.bodyDetails p{
    font-size: 1.6rem;
}
.bodySummary h2{
   font-family: 'Nunito',sans-serif;
    font-size: 2.1rem;
    font-weight: 800;
    text-transform: uppercase
}
p.bodySummary{
    font-weight: 700;
    margin-top: 1.8rem;
    margin-bottom: 2rem;
}
p.bodyRest{
    margin: 0;
}
.boardExtended{
    padding: 4.3rem 5rem;
    box-sizing: border-box;
    flex-grow: 1;
}








.countriesListCon h2{
    font-size: 4rem;
}
.countriesList{
    flex-wrap: wrap;
    justify-content: space-between;
}
.countriesList li{
    flex: 0 0 16.66666%;
    width: 16.66666%;
    margin-bottom: 3rem;
    display: flex;
    align-items: center;
}
.countriesList:after{
    display: block;
    content: '';
    flex-grow: 1;
}
.cntrynm{
    font-size: 1.6rem;
    margin-left: .7rem;
}


.bodiesCardsListItemCard  .cntrynm{
 font-size: 1.4rem;
}
.seeAll{
    font-size: 1.6rem;
    display: inline-block;
    font-weight: 500;
    position: relative;
    font-family: 'Nunito',sans-serif;
    text-align: left;
    color: #120D44;
    cursor: pointer;
    background-image: url(img/problems_arrow.svg);
    background-size: .7rem 1.1rem;
    background-position: right  center;
    background-repeat: no-repeat;
    padding-right: 1.5rem;
    transition: .3s all;
}
.seeAll:hover{
     padding-right: 2rem;
}
/*
.seeAll:after{
    content: '';
    display: inline-block;
    width: 0;
height: 0;
border-style: solid;
border-width: .5rem 0 .5rem .55rem;
border-color: transparent transparent transparent #fff;
margin-left: 1rem;
    position: absolute;
    right: -.9rem;
    top:calc(50% - 0.45rem);
    transition: .3s all;
    
}
.seeAll:before{
    content: '';
    display: inline-block;
    width: 0;
height: 0;
border-style: solid;
border-width: .5rem 0 .5rem .55rem;

border-color: transparent transparent transparent #120D44;
margin-left: 1rem;
    position: absolute;
    right: -1.2rem;
    top:calc(50% - 0.45rem);
    transition: .3s all;
}
.seeAll:hover:after,.seeAll:hover:before{
    transform: translateX(4px);
}*/
.plTitle{
    font-size: 2rem;
    line-height: 2.5rem;
    white-space: pre-line;
}
.pl{
    font-size: 1.4rem;
    display: flex;
    align-items: center;
}
.pl:before{
 
    content: '';
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    background-color: #FF5050;
    margin-right: 5px;
}
#piechart{
    width: 20rem;
    height: 20rem;
}
.src{
    font-size: 1.4rem;
    
}
.src button{
     font-size: 1.4rem;
}
.red{
    color: #FF5050;
}
.bigNum{
    font-family: farnham-display, serif;
    font-size: 8rem;
}
.prText{
    font-size: 2.4rem;
    line-height: 2.4rem;
    padding-left: 2.4rem;
    position: relative;
}
.arrConP{
    position: relative;
    display: inline-block;
    vertical-align: middle;
    height: 1.1rem;
    width: .7rem;
    bottom: .2rem;
    background-image: url("img/problems_arrow.svg");
    background-size: .7rem 1.1rem;
    background-position: center;
    background-repeat: no-repeat;
    left: .5rem;
    transition: .3s all;
}
a.problems:hover .arrConP{
 left: 1rem;   
}
/*
.arrConP:after{
    content: '';
    display: inline-block;
    width: 0;
height: 0;
border-style: solid;
border-width: .5rem 0 .5rem .55rem;
border-color: transparent transparent transparent #fff;
margin-left: 1rem;
    position: absolute;
    right: 0;
    top:0;
}
.arrConP:before{
    content: '';
    display: inline-block;
    width: 0;
height: 0;
border-style: solid;
border-width: .5rem 0 .5rem .55rem;

border-color: transparent transparent transparent #120D44;
margin-left: 1rem;
    position: absolute;
    right: -.2rem;
    top:0;
}*/
.pieChirtArea{
    display: flex;
    align-items: center;
    padding-top: 4.5rem;
}
#piechart,.pieLegend {
    flex: 0 0 33.3333%;
    width: 33.3333%;
}
.problems {
    align-items: center;
    padding-left: 5.3rem;
    box-sizing: border-box;
        font-family: 'Nunito',sans-serif;
    text-align: left;
        color: #120D44;
    text-decoration: none;
}
.pieLegend{
     
    box-sizing: border-box;
    padding-left: 5rem;
    border-right: 2px solid #E8E8E8;
}
.countriesListCon{
     border-bottom: 2px solid #E8E8E8;
    padding-bottom: 3.8rem;
}

.wideSep{
    
    width: 100%;
    background-color: rgba(0,0,0,.2);
    position: relative;
    z-index: 999999;
    
 
}
.wideSep:before{
    border-bottom: 1px solid rgba(0,0,0,.2);
}
.wideSep:before,.wideSep:after{
    height: 5rem;
    background-color: #fff;
    display: block;
    content: '';
}
.unResLeft,.tonLeft{
    flex: 0 0 33.3333%;
     padding-right: 4rem;
    box-sizing: border-box;
}
.resNum.zeroCount{
    color: rgba(18,13,68,1);
}
.unResLeft,.unResRight{
    padding-top: 5rem;
}
.unResArea h2{
    line-height: 1.2;
}
.tonLeft{
    padding-top: 7rem;
    background-image: url("img/tone.svg");
    background-position: top left;
    background-repeat: no-repeat;
}
.unResRight,.tonRight{
    
    width: 66.6666%;
    padding-left: 5.5rem;
    box-sizing: border-box;
}
.unResArea{
    padding:2rem 5rem 0 5rem;
    box-sizing: border-box;
    background-color: #fff;
    position: relative;
   
}
img{
    position: relative;
}
.flagCon img:before { 
  content: " ";
  display: block;

  position: absolute;
  top: 0;
  left: 0;
  height: 110%;
  width: 100%;
  /*background-color: rgb(230, 230, 230);*/
  
  
}
.toneOfArea{
     padding: 0 5rem 5rem 5rem;
    position: relative;
    z-index: 99999;
    background-color: #fff;
   
    
}

.unResArea h2,.tonLeft h2{
    font-size: 3.5rem;
    margin: 0;
    font-weight: 700;
}
.unResArea p,.tonLeft p{
    white-space: pre-line;
    margin: 3rem 0 0 0;
}
.resCurrentBaordHead{
    display: flex;
    align-items: center;
    justify-content: center;
    display: none;
}
.vsNumber{
     font-family: farnham-display, serif;
    font-size: 5rem;
    font-weight: 500;
}
.vsText{
    font-size: 1.8rem;
    padding-left: 1.5rem;
}
.vs1,.vs2{
    display: flex;
    align-items: center;
}
.vst{
    font-size: 1.6rem;
    padding: 0 4.8rem;
    text-transform: uppercase;
}
.resBoardHead {
    border-bottom: 1px solid rgba(0,0,0,.2);
    padding-bottom: 2rem;
    margin-bottom: 2rem;
    /*width: calc(100% - 5rem);*/
    margin-left: auto;
    margin-right: auto;
}
.resBoardHead h3{
    font-family: 'Nunito',sans-serif;
    font-size: 1.6rem;
    margin: 0;
    font-weight: 700;
}
.aboutChapters .chapter{
    max-height: 80vh;
    pointer-events: none;
}
.resBoardData li{
      width: 20%;
    flex: 0 0 20%;
    padding: 0 2.5rem;
    box-sizing: border-box;
    overflow: hidden;
}


.circCon{
  width: 100%;
    padding-bottom: 100%;
    position: relative;
    height: 0;
    
}
.circ{
    position: absolute;
    width: 100%;
    height: 100%;
    top:0;
    left:0;
    border-radius: 50%;
   border: 3px solid #FF5050;
   
}
.resBoardData{
    display: flex;
    flex-wrap: wrap;
    margin-top: 2.5rem;
   
}


.resNum{
     font-family: farnham-display, serif;
    font-size: 3.8rem;
    color: #FF5050;
   
}
.resCountry{
    display: block;
    text-align: center;
    font-size: 1.6rem;
    margin: 1.5rem 0;
    white-space: nowrap;
}

.resBoardData li:first-child .circ{
    background-color:  #FF5050;
}
.resBoardData li:first-child .resNum{
 color: #fff;   
}
.tonContry{
    display: flex;
    align-items: center;
    align-items: flex-start;
    padding-bottom: 2rem;
    flex: 0 0 50%;
}
.countriesTonList{
    padding-right: 3rem;
    box-sizing: border-box;
    flex-grow: 1;
   
}
.countriesTonList{
    align-self: flex-start;
}
.isrTonListCon{
    padding-left: 3rem;
     box-sizing: border-box;
}

.countriesTonList li:last-child .tonContry{
    margin-bottom: 0;
}
.world{
    padding: 0 5rem 5rem 5rem;
   
    background-color: #fff;
    position: relative;
    z-index: 99999999;
    height: 55rem;
   
}
.bodyName{
    font-size: 1.6rem;
    font-weight: 700;
    display: block;
}
.bosiesListCountry li{
    margin-bottom: 3rem;
  	
    padding-left: 2.8rem;
    background-image: url("img/new-check.svg");
    background-size: 2rem;
    background-position:left top;
    background-repeat: no-repeat;
    
}
.bodyDes{
      font-size: 1.4rem;
    margin-top: 1rem;
     display: block;
}
.worldLeft{
    flex: 0 0 40%;
    padding-right: 12rem;
    box-sizing: border-box;
    background-image: url("img/key_data_icon.svg");
    background-position: top left;
    background-repeat: no-repeat;
    padding-top: 12rem;
    transition: .3s all;
}
.hrc,.against{
    flex: 0 0 50%;
}
#worldMap{
    transition: .3s all;
    height: 100%;
}
.worldRight{
    flex: 0 0 60%;
     transition: .3s all;
}
.enlarged  #worldMap{
    height: 100%;
}
.enlarged .worldLeft{
    margin-left: -40%;
}
.enlarged .worldRight{
   
    
      flex: 0 0 100%;
   
}

.worldLeft h2 {
    font-size: 3.5rem;
    margin: 0;
}

.gotoDB{
  position: relative;
    z-index: 9999;
    background-color: #fff;
    min-height: 32rem;
  max-width: 133rem;
    margin-left: auto;
    margin-right: auto;
    padding: 0 5rem 5rem 5rem;
    box-sizing: border-box;
}
.gotoDBContent{
     min-height: 32rem;
    width: 100%;
      display: flex;
    align-items: center;
      background-image: url("img/go_to_data_base_background.svg");
    background-size:  auto 100%;
}
.gtdb{
    background-image: url("img/arrow.svg");
    background-position: right top 2.5rem;
    background-repeat: no-repeat;
    padding-right: 3rem;
}
.gotoDB a{
        font-family: farnham-display, serif;
    text-decoration: none;
    font-size: 4.5rem;
    color: #fff;
    margin: 0;
    background-image: url("img/g_t_b_a.svg");
    font-weight: 700;
    height: 21.9rem;
    background-size: auto 21.9rem;
    background-position: left center;
    background-repeat: no-repeat;
    align-items: center;
    display: flex;
    padding-left: 12rem;
}
.gotoDB:after{
    content: '';
    width: 1.7rem;
    height: 1.9rem;
    background-image: url("img/arrow.svg");
    background-size: 1.7rem;
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    margin-left: 1rem;
    position: relative;
    top:3px;
}
.sign{
    background-image: url("img/Sign_the_Petition_background.svg");
    background-size: cover;
    background-position: center;
    min-height: 35rem;
     position: relative;
    z-index: 9999;
    background-color: #fff;
}
.count{
    top:4rem;
    right: 7rem;
   width: 4rem;
     font-family: farnham-display, serif;
    font-size: 2rem;
    margin-left: 2rem;
}
.sum{
    opacity: .5;
}
.cardsHolder{
    /*  position: sticky;
  position: -webkit-sticky;*/ 
    bottom: 0; 
}
.sign h2{
    font-size: 4.5rem;
   line-height: 1;
    color: #fff;
    margin: 0 0 1.5rem 0;
}

.sign p{
    color: #fff;
    font-size: 2rem;
    width: 40rem;
    line-height: 2.6rem;
    margin: 0 0 3rem 0;
    
}
.signCon{
    padding: 4rem 0 4rem 21rem ;
    background-image: url("img/petition_icon.svg");
    background-position: left center;
    background-repeat: no-repeat;
    box-sizing: border-box;
        
}
.sign button{
   height: 4.5rem;
    color: #120D44;
    margin: 0;
    font-size: 1.6rem;
    padding:  0 4.5rem;
   border: 1px solid #fff;
    cursor: pointer;
    transition: .3s all;
}
.sign button:hover{
    background-color: transparent;
    border: 1px solid #fff;
    color: #fff;
}
.cuw{
    color: #FF5050;
    font-size: 1.9rem;
    text-decoration: none;
  
    display: block;
}.flo{
    display: block;
    margin: 2.2rem 0;
}
.cre{
    font-size: 1.4rem;
    color: #120D44;
    text-decoration: none;
}
.crt{
    font-size: 1.4rem;
}
footer{
    padding: 5rem;
    box-sizing: border-box;
    justify-content: space-between;
}

.footerRight .menu a{
    text-decoration: none;
    color: #120D44;
    font-size: 2rem;
}
.footerRight .menu {
    display: flex;
    justify-content: flex-end;
     margin-bottom: 5.9rem;
}
.footerRight .menu li{
    margin-left: 1.5rem;
}
.facebook  a:before{
    content: '\e904';
    font-family: 'moon';
}
.twitter  a:before{
    content: '\e901';
    font-family: 'moon';
}

button#fbShare:before,a.facebook:before{
    content: '\e904';
    font-family: 'moon';
    display: flex;
    text-decoration: none;
    font-size: 2rem;
}
button#twShare:before,a.twitter:before{
     display: flex;
    content: '\e901';
    font-family: 'moon';
    font-size: 2rem;
    text-decoration: none;
}
a.instagram:before{
     display: flex;
    content: '\e912';
    font-family: 'moon';
    font-size: 2rem;
    text-decoration: none;
}
.footerRight  a{
    display: block;
    text-decoration: none;
    margin: 0 0  0 1rem;
}
.scrollWrapper{
    height: 12rem;
    flex-direction: column;
    padding-bottom: 7rem;
    box-sizing: content-box;
}
.ft {
    justify-content: space-between;
}
.scrollIcon{
    width: 3.3rem;
    height: 4.8rem;
    border: 2px solid #fff;
    border-radius: 2rem;
    position: relative;
    
}
.scrollKav{
    position: absolute;
    top:1rem;
    left: 1.3rem;
    width: 2px;
    height: 2rem;
    background-color: #fff;
    animation: scroll 2s;
    animation-iteration-count: infinite;
}
@keyframes scroll{
    0%{
    transform-origin: bottom;
        transform: scaleY(1);
    }
    30%{
        transform-origin: bottom;
        transform: scaleY(0);
    }
    70%{
        transform: scaleY(0);
         transform-origin: top;
    }
    100%{
        transform-origin: top;
         transform: scaleY(1);
    }
    
}
.pie {
  width: 20.2rem;
    flex: 0 0 20.2rem;
    height: 20.2rem;
  border-radius: 50%;
  background: #E8E8E8;
    background-image:
  linear-gradient(to right, transparent 50%, #FF5050 0);
}
.pieSeg {
  content: '';
  display: block;
  margin-left: 50%;
  height: 100%;
  border-radius: 0 100% 100% 0 / 50%;
  background-color: inherit;
  transform-origin: left;
  transform: rotate(.1turn);
    display: flex;
    align-items: flex-end;
}
.pieSegRev {
  content: '';
  display: block;
  margin-left: 50%;
  height: 100%;
  border-radius: 0 100% 100% 0 / 50%;
  background-color: #FF5050;
  transform-origin: left;
  transform: rotate(.1turn);
    display: flex;
    align-items: center;
}
.perTex{
    font-size: 2.5rem;
    font-family: farnham-display, serif;
    padding: 0 1rem 3rem 3rem;
}
.flagCon{
    width: 3.2rem;
    height: 3.2rem;
    flex: 0 0 3.2rem;
    overflow: hidden;
    display: inline-block;
    border-radius: 50%;
    /*background-color: grey;*/
}
.cntryTonText{
    font-weight: 300;
}
.allMembers{
    position: fixed;
    top:0;
    left:0;
    background-color: rgba(18,13,68,.73);
    display: none;

}
ul.value{
    list-style: disc;
    display: block;
    list-style-position: outside;
    padding-left: 2rem;
}

.country-right ul.value{
    list-style: none;
    padding-left: 0;
}
ul.value.anlss{
    list-style: none;
    padding-left: 0;
}
ul.value li{
   font-size: 1.6rem;
    margin-bottom: 1.5rem;
}
.keyC li{
     margin-bottom: 1.5rem;
}
*{
    box-sizing: border-box;
}
.resWrapper{
 background-color: #F8F8FA;
    padding: 0 8.3rem 0 8.3rem;
    
}

.resWrapper ul.resList{
    display: flex;
    flex-wrap: wrap;
    
}
.dtc{
    width: 60rem;
    text-align: center;
}
.dtc h1{
    font-size: 4.5rem;
    color: #fff;
    margin-top: 0;
    margin-bottom: 2rem;
}
.fby{
	font-size: 1.6rem;
	font-weight: 400;
}
.dtc p{
    font-size: 2rem;
     color: #fff;
    line-height: 2.6rem;
}
.resWrapper ul li{
    flex: 0 0 25%;
    padding: 1rem;
}
.page-template-country-info .resWrapper ul li.label{
	padding: 0 5px;
}
.dropDownSelect li{
     padding: .5rem 1rem;
}
.dropDownSelect button{
    border:none;
    background-color: transparent;
       font-family: 'Nunito',sans-serif;
    padding: 0 2rem 0 0 ;
    /*height: 2rem;*/

    cursor: pointer;
    line-height: 1.1;
    text-align: left;
    transition: .3s all;
}
.dropDownSelect button:hover,.resWrapper ul li.selected button{
    color: #FF5050;
}
.filters button{
    width: 100%;
    transition: .3s all;
}
.filters button:hover{
    color: #FF5050;
}
.filters li button.active  {
    font-weight: 600;
    background-image: url(img/v_icon.svg);
  
    background-repeat: no-repeat;
    color: #FF5050;
}
.filters li button{
      background-position: right center;
}
.resWrapper ul li.selected button{
 font-weight: 600;
    background-image: url("img/v_icon.svg");
    background-position: right center;
    background-repeat: no-repeat;
}
.resCon{
    background-color: #fff;
    height: 16.6rem;
    padding: 1.8rem;
    display: flex;
    flex-direction: column;
    text-decoration: none;
    color: #120D44;
    transition: .3s all;
    transform: translate3d(0,0,0) scale(1);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0);

   
}
.resCon:hover{
    transform: scale(1.01);
    box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);

}
.resWrapper h2{
    margin-top: 0;
    z-index: 9999;
    white-space: nowrap;
   
    padding: 0 3rem;
}
.resCon h3{
    font-family: 'Nunito',sans-serif;
    flex-grow: 1;
    font-size: 1.7rem;
}
.resDet{
    margin: 0;
    font-family: 'Nunito',sans-serif;
    font-size: 1.4rem;
    font-weight: 300;
}
.resTearTitle{
     font-family: 'Nunito',sans-serif;
    font-size: 2.1rem;
    justify-content: center;
    display: flex;
    align-items: center;
}
/*.resTearTitle:before{
    content: '';
    height: 1px;
    flex-grow: 1;
    background-color:  rgba(18,13,68,0.21);
    margin-right: 3rem;
}

.resTearTitle:after{
    content: '';
    height: 1px;
    flex-grow: 1;
    background-color:  rgba(18,13,68,0.21);
    margin-left: 3rem
}*/
.resList{
    padding-top: 3rem;
}
.kav{
   
    width: 100%;
    height: 1px;
     background-color:  rgba(18,13,68,0.21);
    margin-top: -3rem;
}
header{
    height: 6.5rem;
    background-color: rgba(255, 80, 80,1);
    position: fixed;
    width: 100%;
    padding: 0 2rem;
    z-index: 99999999999;
    top:0;
    transition: .3s all;
}
.home header{
    
    background-color: rgba(255, 80, 80,0);
}
.home header.red{
     background-color: rgba(255, 80, 80,1);
}
.headerLogo{
    display: block;
    align-self: center;
    text-decoration: none;
    color: #fff;
   
    font-family: farnham-display, serif;
    font-weight: 700;
    font-size: 2.4rem;
}
.headerLogo img{
    width: 13.8rem;
    height: 2.3rem;
}
.headerInner{
    display: flex;
    align-items: center;
    height: 100%;
}
.headerLogo{
    flex: 0 0 20%;
}
.headerShareArea{
    flex: 0 0 20%;
    display: flex;
    justify-content: flex-end;
}
header .menu{
    display: flex;
    justify-content: center;
}
header .menu li{
    margin-left: 2.5rem;

}
header .menu li a{
    color:#fff;
    font-size: 1.6rem;
    text-decoration: none;
}
.filterOpenBtnCon{
   height: 5.1rem; 
    display: flex;
    justify-content: center;
    align-items: center;
    
}
#openFilters{
    font-size: 1.6rem;
    color: #FF5050;
    border:none;
    background-color: transparent;
     font-family: 'Nunito',sans-serif;
    font-weight: 400;
    cursor: pointer;
}

.aboutMain{
    max-width: 85rem;
    margin: auto;
   
    padding-top: 10rem;
    box-sizing: border-box;
}
.paragraph{
    margin-bottom: 5rem;
}
.aboutMain img{
    width: 100%;
    height: auto;
    margin-bottom: 5rem;
}
.paragraph .title{
    flex:  0 0 40rem;
}
.paragraph .text{
    flex-grow: 1;
}
.paragraph .title h1,.paragraph .title h2{
    font-size: 3.6rem;
    margin: 0;
}
.paragraph .text p,.paragraph .text ul{
    font-size: 1.6rem;
    font-weight: 500;
    white-space: pre-line;
}
.paragraph .text ul{
    list-style: disc;
    padding-left: 2rem;
}
*:focus{
    outline: none;
}
.sortCon{
    height: 6rem;
    display: flex;
    align-items: center;
      position: sticky;
  position: -webkit-sticky;
    width: 100%;
        /*padding: 0 8.3rem;*/
    top:11.5rem;
        background-color: #F8F8FA;
    border-bottom: 1px solid rgba(0,0,0,0);
    transition: .3s all;
}
.sortCon.bordered{
     border-bottom: 1px solid rgba(18,13,68,0.21);
}
.resTearTitle{
      position: sticky;
  position: -webkit-sticky;
    top:13rem;
    pointer-events: none;
     
}
.rtt{
    display: block;
     background-color: #F8F8FA;
  padding: 0 3rem;
    text-align: center;
}
.country_concerned{
    display: flex;
    align-items: center;
}
.resDet{
    display: flex;
}
.resBody{
     margin-left:2rem;
    display: block;
}
.sFalg{
    width: 1.8rem;
    height: 1.8rem;
    background-size: 1.8rem;
    display: block;
    margin-left:2rem;
    border-radius: 50%;
    background-color: #ccc;
    margin-right: .5rem;
}
.box{
    display: flex;
    align-items: center;
}
.box label{
    font-size: 1.6rem;
}
.dropDownBox{
   height: 3.2rem;
    width: 17rem;
    background-color: #fff;
    line-height: 3.2rem;
    padding: 0 5px;
    font-size: 1.3rem;
	background-image: url("img/down_arr.svg");
	background-position: right 1rem center;
	background-repeat: no-repeat;
    
}
.filters .dropDownBox{
    border: 1px solid #EFEEF7;
}
.filters:after{
    content: '';
    display: block;
    flex: 1 1 auto;
}
.filters .box{
    display: block;
    margin:  0 2rem 3rem 2rem;
}
.filters .dropDown{
    margin: 0;
}
.filters{
    display: flex;
    flex-wrap: wrap;
   
   
    width: 128rem;
    margin: auto;
}
.filtersOn{
     width: 100%;
}
.filters .dropDownSelect{
    top:0;
}
.dropDown:hover{
    z-index: 99999;
}
li.label{
    line-height: 3.5rem;
    font-size: 1.3rem;
    padding: 0 5px;
}
.filters .dropDownBox {
    height: 3.5rem;
     line-height: 3.5rem;
}
.dropDown{
    margin-left: 1rem;
    cursor: pointer;
}
.dropDownSelect{
    position: absolute;
    background-color: #fff;
    width: 100%;
    border: 1px solid #EFEEF7;
    top:.5rem;
    opacity: 0;
    visibility: hidden;
    transition: .3s opacity;
    max-height: 0;
    overflow: auto;
    
}

#sort{
    display: flex;
    align-items: center;
     font-family: 'Nunito',sans-serif;
    font-size: 1.6rem;
    cursor: pointer;
    transition: .3s all;
}
#sort.hide{
    visibility: hidden;
    opacity: 0;
}
.sortCon .box{
    margin-right: 1rem;
}
.sortCon {
    z-index: 999;
    left: 0;
}
#sort:after{
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    background-image: url("img/sort_arrow.svg");
    background-position: center;
    background-repeat: no-repeat;
    margin-left: 5px;
    transition: .3s all;
    transform: rotate(-180deg);
}
#sort.desc:after{
     transform: rotate(0);
    
}
.unbodyFullMembers{
    display: none;
}
.redFilter{
    min-width: 12.6rem;
   
    height: 3.5rem;
    background-color: #FF5050;
    color: #fff;
    display: flex;
    align-items: center;
    padding: 0 1rem;
    justify-content: space-between;
    font-size: 1.2rem;
    margin: 0 1.5rem 3rem 1.5rem;
   animation: .1s on;
}   
@keyframes on{
    0%{transform: scale(0);}
    100%{transform: scale(1);}
}
.removeRedFilter{
    width: 1.2rem;
    height: 1.2rem;
    border: none;
    background-color: transparent;
    background-image: url("img/x_icon.svg");
    background-size: contain;
    padding: 0;
    margin-left: 1rem;
    cursor: pointer;
    filter: drop-shadow(0px 0px 0px rgba(255,255,255,0)); 
    transition: .3s all;
    
}
.removeRedFilter:hover{
   filter: drop-shadow(0px 0px 0px #fff); 
}
.filtersOn {
padding: 0 .5rem;
    justify-content: space-between;
    
}
.filtersOnFilters {
    width: calc(100% - 11rem);

}
.filtersShowArea{
    padding-bottom: 3.4rem;
}
#clearAllFilters{
    color: #FF5050;
   transform: scale(0);
    background-color: transparent;
     height: 3.5rem;
    border:1px solid  #FF5050;
    border-radius: 1.75rem;
    font-size: 1.2rem;
    padding: 0 1.5rem;
    margin-right: 3rem;
    transition: .3s all;cursor: pointer;
   
}
#clearAllFilters:hover{
    background-color: #FF5050;
    color: #fff;
}
#clearAllFilters.show{
    animation: .1s on;
 animation-fill-mode: forwards;
    
}
.filtersShowArea{
    display: none;
}

#openFilters{
  display: flex;
    align-items: center;
    transition: .3s all;
}
#openFilters:hover{
    color: #120D44;
}
#openFilters:hover .hv:before,#openFilters:hover .hv:after{
    background-color: #120D44;
}
.hv{
  width: 1.6rem;
    height: 1.6rem;
    display: block;
    background-size: 1.1rem;
    background-position: center;
    background-repeat: no-repeat;
    margin-left: 2rem;
    position: relative;
    top: .7rem;
    transition: .3s all;
    cursor: pointer;
}
.hv:before {
    position: absolute;
    width: 2px;
    height: .7rem;
    left: 0;
    background-color: #FF5050;
    content: '';
    transform: rotate(-45deg);
    transition: .3s all;
    transform-origin: top left;
}

.hv:after {
    position: absolute;
    width: 2px;
    height: .7rem;
    background-color: #FF5050;
    content: '';
    transform: rotate(45deg);
    left: 9px;
    transition: .3s all;
    transform-origin: top right;
}
#openFilters.opened .hv{
     top: .4rem;
}

#openFilters.opened .hv:after,#openFilters.opened .hv:before{
    height: 1.4rem;
}

.filterCon{
      position: sticky;
  position: -webkit-sticky;
    top:6.5rem;
    left:0;
    width: 100%;
    background-color: #fff;
    z-index: 9999999;
}
div.svg-wrap {
  margin: auto;
  width: 4.4rem;
  height: 4.4rem;
}

div.svg-wrap svg {
    display: block;
    width: 100%;
    height: 100%;
  }


@keyframes rotator {
	to {
		transform: rotate(360deg);
	}
}

@keyframes loadpath {
  to {
    stroke-dashoffset: -138;
  }
}

div.svg-wrap {
	animation: rotator 1.6s linear infinite forwards;

}

div.svg-wrap circle {
    stroke:  #FF5050;
    stroke-dasharray: 138;
    stroke-dashoffset: 138;
    animation: loadpath 1.6s linear infinite forwards;
  }
.filterLoader{
    z-index: 99999999;
    background-color: rgba(255,255,255,.9);
    opacity: 0;
    visibility: hidden;
    transition: .3s all;
}

.filterLoader.show{
     visibility: visible;
      opacity: 1;
}
.generalData{
    padding: 6rem 0 0 0;
}
.sm-pad {
    padding-top: 2rem;
}
.generalData.hostoric-data h2{
    text-align: left;
    margin-top: 1rem;
}
.generalData h2{
    text-align: center;
}
.singleResWrapper{
   
    padding: 12rem 6rem;
}
.single-country .content-area{
    border-bottom: 1px solid  #DBDBDB;
    padding-bottom: 10rem;
}
.single-country .content-area #main{
    
    width: 110rem;
    margin: auto;
}
.singleResWrapper h1{
    font-size: 2.5rem;
    padding-right: 7rem;
    background-image: url("img/doc_icon.svg");
    background-position: top right;
    background-repeat: no-repeat;
    margin: 0;
    padding-bottom: 3.5rem;
    border-bottom: 1px solid #DBDAE3;
}

.feature,#openVote{
    font-size: 1.6rem;
    font-weight: 600;
    
}
.feature{
    margin-bottom: 0;
	font-weight: 700;
}
#historic-res-title option{
    width: 100px;
     margin-bottom: 20rem;
    line-height: 5rem;
}
#historic-res-title{
    width: 36rem;
    height: 5.1rem;
    border: 1px solid #DBDBDB;
    font-family: 'Nunito',sans-serif;
    font-weight: 400;
    padding: 0 4rem 0 2rem;
     color: #120D44;
    font-size: 1.6rem;
    box-sizing: content-box;
     -webkit-appearance: none;
    background-image: url("img/blue_arrow.svg");
    background-position: right 1rem center;
    background-repeat: no-repeat;
    background-size: 1.1rem .6rem;
    
    
}
.custom-select select {
  display: none; /*hide original SELECT element: */
}

.custom-select {
    width: 36.1rem;
    height: 5.1rem;
    border: 1px solid #DBDBDB;
    font-family: 'Nunito',sans-serif;
    font-weight: 400;
   
    color: #120D44 !important;
    box-sizing: border-box;
    font-size: 1.6rem;
    
    -webkit-appearance: none;
    background-image: url(img/blue_arrow.svg);
    background-position: right 1rem center;
    background-repeat: no-repeat;
    background-size: 1.1rem .6rem;
    position: relative;
}


/* Style the arrow inside the select element: */
.select-selected:after {
  position: absolute;
  content: "";
  top: 14px;
  right: 10px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-color: #fff transparent transparent transparent;
}

/* Point the arrow upwards when the select box is open (active): */
.select-selected.select-arrow-active:after {
  border-color: transparent transparent #fff transparent;
  top: 7px;
}

/* style the items (options), including the selected item: */
.select-items div {
  
  padding: 8px 16px;
  border-bottom: 1px solid transparent;
  border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
  cursor: pointer;
}
.select-items div:last-child{
    border-bottom: none;
}
.select-selected{
   
  /*border: 1px solid transparent;*/
  border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
  cursor: pointer;
    height: 5.1rem;
    overflow: hidden;
     padding: 8px 16px;
    display: flex;
    align-items: center;
   
    
}
.select-selected:first-letter {
     text-transform: capitalize;
}
.select-items div:first-letter {
     text-transform: capitalize;
}
.data-list,.d-l-c{
    min-height: 20rem;
    flex-grow: 1;
   
}
.d-l-c .loader{
     background-image: url("img/roller.svg");
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0;
    visibility: none;
    transition: .3 all;
    height: 20rem;
}

.d-l-c .loader.show{
    opacity: 1;
    visibility: visible;
}
/* Style items (options): */
.select-items {
  position: absolute;
  border: 1px solid #DBDBDB;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
    max-height: 20rem;
    overflow: auto;
    top:0;
    background-color: white;
}
.to-animate{
    opacity: 0;
    animation: toenter .5s ;
    animation-fill-mode: forwards;
    position: relative;
}
@keyframes toenter{
    0%{
        opacity: 0;
        top:2rem;
    }
     100%{
        opacity: 1;
        top:0;
    }
}
/* Hide the items when the select box is closed: */
.select-hide {
  display: none;
}

.select-items div:hover, .same-as-selected {
  background-color: rgba(0, 0, 0, 0.1);
}

#openVote{
    cursor: pointer;
    padding: 0;
    text-align: left;
    color: #FF5050;
    background-image: url("img/red_arrow_r.svg");
    background-position: right center;
    background-repeat: no-repeat;
    padding-right: 2rem;
    transition: .3s all;
}
#openVote:hover{
    padding-right: 3rem;
}
.value{
    font-weight: 400;
    display: flex;
    align-items: center;
    margin-top: .5rem;
    
}
.resTb{
    margin-right: 7.4rem;
}
.resTb:last-child{
    margin-right: 0;
}
.resTable {
    margin-bottom: 6.1rem;
}
.cnd{
    margin-top: 5rem;
}
.bFalg{
    width: 2.1rem;
    height: 2.1rem;
    border-radius: 50%;
    background-color: #000;
    display: block;
    margin-right: 1rem;
    background-size: cover;
}
.kc{
    margin-top: 5rem;
}

.fullRes{
    position: fixed;
    top:0;
    left: 0;
    width: 100%;
    height: 100vh;
    overflow: auto;
    background-color: rgba(18, 13, 68,.73);
    z-index: 9999999;
    opacity: 0;
    visibility: hidden;
    transition: .3s all;
   
}
.fullCountriesListCon,.fullCountriesListConPetition{
    position: fixed;
    top:0;
    left: 0;
    width: 100%;
    height: 100vh;
    overflow: auto;
    background-color: rgba(18, 13, 68,.73);
    z-index: 9999999;
    opacity: 0;
    visibility: hidden;
    transition: .3s all;
}
.fullCountriesListCon.show,.fullCountriesListConPetition.show{
      opacity: 1;
    visibility: visible;
}
.fullCountriesList {
font-size: 2.5rem;
    min-height: 100%;
}
button.bbFlag{
    border: none;
    cursor: pointer;
}
.fullCountriesList {
    background-color: #fff;
    padding: 7rem 3rem;
    width: 60vw;
    position: relative;
    left: -60vw;
    transition: .3s all;
    transition-delay: .2s;
}

.fullCountriesListCon.show .fullCountriesList,.fullCountriesListConPetition.show .fullCountriesList{
    left: 0;
}

.fullCountriesListConPetition a{
    text-decoration: none;
    color: #120D44;
}
.fullRes.show{
     opacity: 1;
    visibility: visible;
}
.resData{
    background-color: #fff;
    min-height: 100vh;
    width: 101rem;
     left: -101rem;
    transition: .3s all;
    transition-delay: .2s;
    position: relative;
    
}

.fullRes.show .resData{
 left:0;   
}
.resLoader{
    height: 100vh;
    width: 96.6rem;
    background-image: url("img/roller.svg");
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    left:0;
    top:0;
    opacity: 0;
    transition: .3s all;
    visibility: hidden;
}
body.fixed{
    position: fixed;
    width: 100%;
    /*overflow-y: scroll;*/
   
}
.dbWrap{
    transition: .3s all;
   
}
body.fixed .site-main-no-res,body.fixed .site-main-no-cntr{
    filter: blur(2px);
}
.resLoader.show{
    opacity: 1;
     visibility: visible;
}
#closeRes,#closeData,#closeCompareData,#closeCntrs,#closeCntrsPetition{
    width: 2.5rem;
    height: 2.5rem;
    background-image: url("img/x_icon.svg");
    background-size: contain;
    padding: 0;
    background-position: center;
    background-repeat: no-repeat;
    position: fixed;
    top:9rem;
    right: 4rem;
    background-color: transparent;
    border: none;
    transition: .3s all;
    transform: rotate(0);
    cursor: pointer;
}
#closeRes:hover, #closeData:hover, #closeCompareData:hover, #closeCntrs:hover,#closeCntrsPetition:hover{
    transform: rotate(180deg);
}
.countries{
    border-top: 1px solid #DBDAE3;
    border-bottom: 1px solid #DBDAE3;
    height: 9.8rem;
    align-items: center;
}
.country1,.country2{
    flex: 0 0 49%;
    text-align: center;
    font-size: 2.8rem;
    font-family: farnham-display, serif;
justify-content: center;
}
.vs{
    flex: 0 0 2%;
    font-size: 1.8rem;
}
.comGraphs .chartMikra{
    padding: 0;
    
}
.country1Pie,.country2Pie{
    flex: 0 0 50%;
    
}
.country1Pie{
   
    border-right:  1px solid #DBDAE3;
}
.country1Pie .chartMikra li{
     padding-right: 2rem;
}
.country2Pie .chartMikra li{
    padding-left: 2rem;
}
.comGraphs .chartMikra li:last-child {
    border-bottom:  1px solid #DBDAE3;
}
.comGraphs .piChartCon {
    display: flex;
    justify-content: center;
    padding: 2rem 0;
    box-sizing: content-box;
  margin: auto;
    width: 15rem;
    height: 15rem;
}
.country1 img,.country2 img{
    width: 4.6rem;
    height: 4.6rem;
    margin-right: 2rem;
}
#closeData,#closeCompareData{
    top:4rem;
}
.t-y-a{
    align-items: baseline;
}
.last-updates{
    font-size: 1.6rem;

}
.cuw{
    margin-bottom:1.5rem;
}
.crt{
    margin: 0;
}
.compareDataDataArea h2{
    text-align: center;
    font-size: 2.2rem;
}
.keyDataPopUp,.comparePopup{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    overflow: auto;
    background-color: rgba(18, 13, 68,.73);
    z-index: 99999999999;
   opacity: 0;
    visibility: hidden;
    transition: .3s all;
   
}
.keyDataPopUp.show,.comparePopup.show{
     opacity: 1;
    visibility: visible;
}
.keyDataPopUp .loader,.comparePopup .loader{
    background-image: url("img/roller.svg");
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    opacity: 0;
    visibility: hidden;
     transition: .3s all;
}
.couyrtComparedDets,.compareArea p{
    display: flex;
    align-items: center;
}
.nbd{
    display: flex;
    align-items: center;
    border: none;
    background-color: transparent;
    cursor: pointer;
    
}
#compare .compareArea{
    height: auto;
}
.couyrtComparedDets{
    margin-left: 1rem;
}
.hrc{
    padding-bottom: 3rem;
   
    
}
.unhrcMem{
    
}
.singleCountryFlag{
    width: 4.6rem;
    height: 4.6rem;
    border-radius: 50%;
    font-size: 1rem;
    overflow: hidden;
   
    margin-right: 2rem;
}

.against.noAgainst{
    padding: 0;
	padding-bottom: 2rem;
}
.against {
    padding-top: 3rem;
	
}
.unhrcMem{
   
    padding-bottom: 2.9rem;
}
.keyDataPopUp .loader.show,.comparePopup .loader.show{
    opacity: 1;
    visibility: visible;
}
.ketDataDataArea,.compareDataDataArea{
    min-height: 100%;
    width: 60.9rem;
    background-color: #fff;
    padding: 4rem;
    left: -50%;
    transition: .3s all ease-in-out;
    position: relative;
    
}
.compareDataDataArea{
  width: 70.9rem;   
}
.keyDataPopUp.show .ketDataDataArea, .comparePopup.show .compareDataDataArea{
    left: 0;
    transition-delay: .3s;
    
}
.voteResults{
    padding: 0 6rem;
    
}
.voteResults h3{
    display: flex;
    justify-content: space-between;
    font-size: 2rem;
   border-bottom: 1px solid #DBDAE3;
    margin: 0;
    line-height: 5rem;
    align-items: center;
    cursor: pointer;
}
.phrase{
    flex-grow: 1;
     /*font-family: 'Nunito',sans-serif;*/
    font-weight: 700;
    font-size: 2.5rem;
}

.votingList {
    padding: 2rem 0;
    
    
   
}
.votingList li{
    flex: 0 0 25%;
    font-size: 1.6rem;
    display: flex;
    align-items: center;
   
   -webkit-column-break-inside: avoid; /* Chrome, Safari, Opera */
          page-break-inside: avoid; /* Firefox */
               break-inside: avoid; /* IE 10+ */
    height: 7rem;
}
.fullCountriesList .votingList li{
    display: block;
}
.nbd{
   text-align: left;
}
.bbFlag{
    flex: 0 0 3.2rem;
   width: 3.2rem;
    height: 3.2rem;
    background-size: cover;
   
    display: block;
    border-radius: 50%;
    margin-right: 1.5rem;
}
.cla{
    width: 1.6rem;
    height: 1.6rem;
    display: block;
   
    background-size: 1.1rem;
    background-position: center;
    background-repeat: no-repeat;
    margin-left: 2rem;
    position: relative;
    top:.5rem;
    transition: .3s all;
    display: none;
}
.claShow{
    display: block;
}
.open .cla{
    top: 0;
}
.cla:after {
    
    position: absolute;
    width: 2px;
    height: 1rem;
    background-color: #120D44;
    content: '';
    transform: rotate(45deg);
    left: 13px;
    transition: .3s all;
    transform-origin: top right;
}
.cla:before {
   
    position: absolute;
    width: 2px;
    height: 1rem;
   left: 0;
    background-color: #120D44;
    content: '';
    transform: rotate(-45deg);
    transition: .3s all;
    transform-origin: top left;
}
.open .cla:after,.open .cla:before{
     height: 2rem;
    
}
.inResVotes .vlCon{
    display: none;
}
.voteResults,.freedomHouseArea{
    position: absolute;
    top:0;
    left:-100%;
    background-color: #fff;
    width: 100%;
    min-height: 100%;
    padding-top: 10rem;
    transition: .5s all ease-in-out;
    height: 0;
    overflow: hidden;
}

.freedomHouseArea{
    position: absolute;
    top:0;
    left:0;
    background-color: #fff;
    width: 100%;
    min-height: 100%;
    padding-top: 10rem;
    transition: .5s all ease-in-out;
    height: 0;
    overflow: hidden;
    padding: 10rem 4rem 4rem 4rem;
    display: none;
}
.freedomHouseArea.show{
    display: block;
}
.freedomHouseArea h2{
    font-size: 2rem;
    font-weight: 500;
        font-family: 'Nunito',sans-serif;
}
.freedomHouseArea p{
      font-size: 1.6rem;
}
.freedomHouseArea p strong{
    font-weight: 400;
    color: #FF5050;
}
.voteResults.show{
    height: auto;
    left:0;
}
.vrT{
    margin-bottom: 7rem;
}
.voteResults h2{
    text-align: left;
    font-size: 2.5rem;
    margin: 0;
    flex: 0 0 33.3333%;
}

#voteBack{
    background-color: transparent;
    border:none;
    background-image: url("img/back_arrow.svg");
    background-position: left 3px center;
    background-repeat: no-repeat;
    padding-left: 3rem;
    font-weight: 700;
    font-size: 1.6rem;
    transition: .3s all;
    cursor: pointer;
     
}
#voteBack:hover{
     background-position: left 0 center;
}
.third{
    flex:  0 0 33.3333%;
}
button{
        font-family: 'Nunito',sans-serif;
}

.filterMask{
    position: fixed;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    background-color: #120D44;
    opacity: 0;
    visibility: hidden;
    z-index: 99999;
    transition: .3s all;
    
}
.filterMask.show{
      opacity: .73;
    visibility: visible;
}

#loadMoreRes{
     color: #FF5050;
  
    background-color: transparent;
     height: 4.5rem;
    border:1px solid  #FF5050;
    border-radius:2.25rem;
    font-size: 1.4rem;
    padding: 0 3.5rem;
	font-weight: 700;
    margin-right: 3rem;
    transition: .3s all;
    cursor: pointer;
}

#loadMoreRes:hover{
    color: #fff;
    background-color: #FF5050;
}
#loadMoreRes.inactive{
    opacity: .3;
    pointer-events: none;
}
.lmConc{
    text-align: center;
    padding: 3rem 0 5rem;
	background-color: #F8F8FA;
}
.unResRight .slick-dots{
   
    display: flex;
}
.uResDotsAndCountCon {
   
}
.unResRight .uResDotsAndCountCon{
     position: absolute;
    right: 0;top:5.5rem;
     z-index: 999999;
    align-items: center;
}
.slick-dots {
    display: flex;
}
.slick-dots button{
    width: 1.2rem;
    height: 1.2rem;
    border: 2px solid #120D44;
    padding: 0;
    border-radius: 50%;
    margin-left: 2rem;
    background: none;
    transition: .3s all;
}
.cdotsC {
    right: 11rem;
    top:6.5rem;
    z-index: 99999;
    align-items: center;
}
 .slick-dots li.slick-active button{
    background-color: #120D44;
}

.laproblomos{
    width: 100rem;
    margin: auto;
    padding-top: 10rem;
}

.laproblomos h1{
    font-size: 4.5rem;
    background-position: left center;
    background-size: auto 6.3rem;
    background-repeat: no-repeat;
   
    padding-left: 15rem;
    line-height: 1.1;
   
}
.prbNum{
    flex: 0 0 15rem;
  font-size: 11.4rem;
    color: #FF5050;
    text-align: center;
        font-family: farnham-display, serif;
    font-weight: 700;
    
    
}
.problem h2{
 font-size: 2.5rem;
    margin: 0;
}
.problem p{
    margin: 0;
}

.problemsList li{
    align-items: center;
    margin-bottom: 7rem;
}
.problem li{
    font-size: 1.6rem;
    line-height: 2.2rem;
    margin: 1rem 0;

}
.problem ul{
    list-style: disc;
    padding-left: 2rem;
}
.compareAreaInner{
    width: 100%;
}
#countrySearch,#countryCompare,#countryCompareMob{
    width: 41.5rem;
    height: 6rem;
    font-size: 1.8rem;
    padding: 0 2rem;
    box-shadow: 0 0 8px 1px rgba(146,146,146,0.5);
    border:none;
     font-family: 'Nunito';
    margin: 0 auto 0 auto;
    display: block;
    background-image: url("img/search.svg") !important;
    background-position: right 1.5rem center;
    background-repeat: no-repeat;
     pointer-events: auto;
}


.country-left #countryCompare{
    border: 1px solid #C2CFDE;
 
  background-color: #FFFFFF;
  box-shadow: 0 0 8px 1px rgba(146,146,146,0.2);
    height: 4.5rem;
    border-radius: 2.25rem;
    
        
}


#countrySearch.loading,#countryCompare.loading,#countryCompareMob.loading{
    background-image: url("img/proccesing.svg") !important;
}
#countryCompare{
    width: 100%;
    height: 4.5rem;
}

.countryResTop .searchResults {
    z-index: 999999;
}
.searchResults{
    width: 41.5rem;
    margin: auto;
    background-color: #fff;
    padding-top: 2rem;
    padding-bottom: 2rem;
    opacity: 0;
    visibility: hidden;
    transition: .3s all;
    pointer-events: auto;
}
.searchResults.active{
     opacity: 1;
    visibility: visible;
}
.searchResults button,.searchResults a{
    font-size: 1.8rem;
    padding: 0 2rem;
    background: none;
    border: none;
    width: 100%;
    line-height: 3.4rem;
    text-align: left;
    transition: .3s all;
    cursor: pointer;
    text-decoration: none;
   display: block;
    color: #120D44;
    
}
.notFound{
    font-size: 1.8rem;
    padding: 0 2rem;
    background: none;
    border: none;
    width: 100%;
    line-height: 3.4rem;
    text-align: left;
    transition: .3s all;
}
.searchResults button:hover,.searchResults button:focus{
    background-color: rgba(0,0,0,.1);
}

.searchResults a:hover,.searchResults a:focus{
    background-color: rgba(0,0,0,.1);
}
.searchArea {
    pointer-events: none;
}

.bosiesListCountry li img{
    max-height: 4rem;
    width: auto;
}
.countryHead img{
    width: 4.5rem;
    height: 4.5rem;
    margin-right: 2rem;
}
.country-right{
    padding-left: 5rem;
    box-sizing: border-box;
}
.countryHead h1{
   font-size: 4rem; 
    margin-top: 0;
}
.country-left{
    padding-top: 2.9rem;
}
.country-right{
     padding-top: 4.3rem;
}
.countryHead {
   
   
    	border-bottom: 1px solid #DBDBDB;
    margin-top: 6.4rem;
}

.c-h #countrySearch {
    box-shadow: none;
    color: #FF5050;
    font-size: 1.4rem;
    width: 19.5rem;
    height: 4rem;
    font-weight: 700;
}
.c-h #search .searchResults button{
     font-size: 1.4rem;
}
.c-h #search .searchResults{
    width: 19.5rem;
    padding-top: 0;
}
.c-h #search .searchResults .notFound{
     font-size: 1.4rem;
}
.c-h #countrySearch::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #FF5050;
  opacity: 1; /* Firefox */
}

.c-h #countrySearch:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #FF5050;
}

.c-h #countrySearch::-ms-input-placeholder { /* Microsoft Edge */
  color: #FF5050;
}


.countryResTop #countrySearch::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #120D44;
  opacity: 1; /* Firefox */
}

.countryResTop #countrySearch:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #120D44;
}

.countryResTop #countrySearch::-ms-input-placeholder { /* Microsoft Edge */
  color: #120D44;
}
.c-h p{
    font-size: 2.2rem;
    font-weight: 700;
    font-family: farnham-display, serif;
   margin: 0;
}
.c-h{
    top: 6.5rem;
    height: 8rem;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #C2CFDE;
    align-items: center;
    position: sticky;
    background-color: white;
    z-index: 99999;
    
}
.c-n-h{
    opacity: 0;
    transition: .3s all;
    top:1.7rem;
}
.ch-h-p {
     transition: .3s all
}
.c-name-s .c-n-h{
    opacity: 1;
}
.c-h .singleCountryFlag img{
    width: 100%;
    height: 100%;
}
.c-name-s .ch-h-p{
    opacity: 0;
}
.gd{
   
    padding-bottom: 2.5rem;
}
.cMember{
    
    padding-bottom: 2.5rem;
    padding-top: 2.5rem;
}
.agf{
    padding-bottom: 2.5rem;
}
.dataCube{
    margin-bottom: 3rem;
}
.d-icon{
   width: 4rem !important;

}
.cMember .title {
    margin-bottom: 2rem;
}
.cButton,.cButtona ,.cButtonb{
    color: #FF5050;
    background-color: transparent;
    height: 4.5rem;
    border: 2px solid #FF5050;
    border-radius: 2.25rem;
    font-size: 1.4rem;
    padding: 0 3.5rem;
    margin-right: 3rem;
    transition: .3s all;
    cursor: pointer;
  
   
}
.cButtona{
      display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    align-self: flex-start;
}
.cButton:hover,.cButtona:hover{
    color: #fff;
    background-color: #FF5050;
}
.cButtonb:hover{
    color: #FF5050;
    background-color: #fff;
 }

.headerShareArea:hover .cButton{
     color: #fff;
    background-color: #FF5050;
}
.headerShareAreaBtnsArea {
    opacity: 0;
    visibility: hidden;
    transition: .3s all;
    
    
  border: 1px solid #F4F4F4;
 
  box-shadow: 0 0 13px 3px rgba(0,0,0,0.05);

}
.headerShareArea:hover .headerShareAreaBtnsArea {
    opacity: 1;
    visibility: visible;
}
.single .generalData h2{
    font-size: 2.2rem;
}
span.title{
    font-size: 2.2rem;
    font-weight: 700;
        font-family: farnham-display, serif;
    margin-bottom: 2rem;

}

.gd span.title{
     font-size: 1.6rem;
    font-weight: 700;
    font-family: 'Nunito',sans-serif;
    margin-bottom: 0;
}
span.value,li.value{
    font-size: 1.6rem;
    line-height: 2.5rem;
    display: block;
    
}
.bosiesListCountry li{
    text-align: left;
    flex: 0 0 10rem;
    margin-right: 2rem;
}
.valueSmall{
    font-size: 1.3rem;
    line-height: 1.7rem;
    display: block;
    text-align: center;
    margin-top: 1.5rem;
}
.freeHouse{
    background-image: url("img/freedom.svg");
    background-position: left center;
    background-repeat: no-repeat;
     width:2.5rem;
    height: 2.3rem;
    background-size: contain;
    margin-right: 1rem;
}

.population{
    background-image: url("img/Population.svg");
    background-position: left center;
    background-repeat: no-repeat;
    width:3.6rem;
    height: 2rem;
    background-size: contain;
    margin-right: 1rem;
}

.gdp{
    background-image: url("img/gdp.svg");
    background-position: left center;
    background-repeat: no-repeat;
     width:2.4rem;
    height: 2.4rem;
    background-size: contain;
    margin-right: 1rem;
}

.dataCube{
    margin-right: 4.5rem;
}
.countryBox{
    
    
    padding: 8rem 0 0 0;
    box-sizing: border-box;
    background-position: top left;
    background-repeat: no-repeat;
    margin-top: 2rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.country-left{
    border-right: 1px solid #C2CFDE;
    padding-right: 5rem;
    padding-bottom: 5rem;
    
}

.countryBox .cButtona{
    padding: 0 5rem;
    height: 4.5rem;
}
.countryBox p{
     font-family: farnham-display, serif;
    font-size: 2rem;
    font-weight: 700;
    padding-right: 6rem;
    margin-top: 0;
    width: 34rem;
}
.countryBox .cButton{
    padding: 0;
    width: 16rem;
    font-weight: 500;
}
.urge{
    background-image: url("img/sign.svg");
    background-size: 6.4rem;
    margin-top: 6rem;
    padding-top: 10rem;
}
.compare{
     background-image: url("img/compare.svg"); 
    background-size: 8.2rem;
    background-position: top left;
}


.compareArea{
    transition: .3s all;
    justify-content: center;
    height: 10rem;
}
.compareArea  p{
    font-size: 1.8rem;
    opacity: 0;
    visibility: hidden;
    transition: .3s all;
    width: 0;
    white-space: nowrap;
}

#compareTwoCountries,#closeCompareForm{
    visibility: hidden;
    transition: .3s all;
    opacity: 0;
    width: 0 !important;
    margin: 0;
    padding: 0;
    pointer-events: all;
    
}
.searchResults{
    position: absolute;
}
#closeCompareForm{
    width: 2.5rem;
    height: 2.5rem;
    background-color: transparent;
    padding: 0;
    border:none;
    background-image: url("img/b_x.svg");
    background-size: contain;
}
.compareOpen #countrySearch{
    height: 4.5rem;
    border: 1px solid #DBDBDB;
    width: 100%;
    box-shadow: none;
}

.compareOpen .compareArea{
     background-color: #fff;
}
.compareOpen .compareArea  p{
 visibility: visible;
    opacity: 1;
    width: auto;
}

.compareOpen #compareTwoCountries{
    visibility: visible;
   opacity: 1;
    padding: 0 3.5rem;
     width: auto !important;
   
}
.compareOpen #closeCompareForm{
    visibility: visible;
   opacity: 1;
     width: 2.5rem !important;
    margin-left: 4rem;
   
}
.compareOpen .searchAreaInner{
    flex-grow: 1;
    padding: 0 5rem;
}
.piChartCon{
    width: 20rem;
    height: 20rem;
    margin-right: 8rem;
}
.smallCircle{
    width: 2.2rem;
    height: 2.2rem;
    border-radius: 50%;
    margin-right: 1.5rem;
}
.lighBlueCircle{
    background-color: #9BBBE4;
}
.redCircle{
    background-color: #FF5050;
}
.generalData h2{
    font-size: 2.2rem;
}
.blueCircle{
    background-color: #E8E8E8;
}
.chartMikra li{
    display: flex;
    justify-content: space-between;
    font-size: 1.5rem;
    height: 6.2rem;
   border-bottom: 1px solid #DBDBDB;
    align-items: center;
}
.moreDetsOnC p a.gotoVotingRecord{
    background-image: url("img/red_arrow_r.svg");
    background-size: 5px 10px;
    background-position: right center;
    background-repeat: no-repeat;
    padding-right: 1rem;
    display: inline-block;
    margin-top: 1.2rem;
}
.chartMikra{
    flex-grow: 1;
    padding-right: 8rem;
}
.chartMikra li:last-child{
    border: none;
}
.menu-main-menu-container a{
    position: relative;
}
.menu-main-menu-container a:before, .menu-main-menu-container a:after {
  content: '';
  position: absolute;
  width: 0%;
  height: 2px;
  bottom: -2px;
  background: #fff;
}
.menu-main-menu-container a:before {
  left: 0;
}
.menu-main-menu-container a:after {
  right: 0;
  background: #fff;
  transition: width 0.8s cubic-bezier(0.22, 0.61, 0.36, 1);
}

.menu-main-menu-container a:hover:before,.menu-main-menu-container .current-menu-item:not(.anchor) a:before,.menu-main-menu-container .current  a:before {
  background: #fff;
  width: 100%;
  transition: width 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);
}

.menu-main-menu-container a:hover:after ,.menu-main-menu-container .current-menu-item:not(.anchor) a:after,.menu-main-menu-container .current  a:after {
  background: transparent;
  width: 100%;
  transition: 0s;
}
.resCount{
    font-size: 1.6rem;
}
.toneSen{
    
    margin-left: 2.4rem;
    margin-top: 0;
    height: 4.4rem;
}
.toneSen a{
    color: #120D44;
}
.searchAreaCon{
    flex-direction: column;
    height: 100%;
    background-image: url("img/world.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.searchAreaWra{
    width: 46.4rem;
    text-align: center;
}

.searchAreaWra h2{
    font-size: 3.5rem;
}

#countryList{
    font-size: 1.6rem;
    height: 4.5rem;
    padding: 0 3rem;;
    background-color:#FF4F50;
    border:1px solid #FF4F50;
    border-radius: 2.25rem;
    color: #fff;
   cursor: pointer;
    transition: .3s all;
    
}
#countryList:hover{
background-color: #fff;
    color: #FF4F50;
    
}
.databaseTop{
    height: 39.1rem;
    background-color: #FF5050;
    position: relative;
    
}
.databaseTopHeigh.hidden{
    height: 0;
}
.databaseTop:after{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 50%;
    height: 100%;
    display: block;
    content: '';
    background-image: url("img/db_left.svg");
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: auto 27.3rem;
}
.databaseTop:before{
    position: absolute;
    right: 0;
    bottom: 0;
    width: 50%;
    height: 100%;
    display: block;
    content: '';
    background-image: url("img/db_right.svg");
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: auto 38rem;
}
.value a{
    color: #120D44;
}
.keyC{
    font-size: 1.6rem;
    line-height: 2.2rem;
    list-style: disc;
    list-style-position: outside;
    padding-left: 2rem;
}
.tonContry.isr{
    border-left: 1px solid #979797;
    padding-left: 3rem;
    padding-right: 0;
}
.tonContry {
    padding-right: 3rem;
}
footer,footer a,footer button{
    color: #120D44;
}
.kav:first-of-type{
    display: none;
}
.resWrapper h2{
    margin-top: -.9%;
}
.baseGrid{
    width: 133rem;
    margin-left: auto;
    margin-right: auto;
}
.countriesListCon h2{
    margin-top: 0;
}
.belowTopnormPad{
    max-width: 90rem;
    
    text-align: center;
    margin: 8rem auto;
}
.belowTopnormPad h2{
    margin: 0 0 4rem;
    font-size: 3.5rem;


}

.belowTopnormPad p{
    margin: 0;
}
.quotes{
    background-image: url("img/qm.svg");
    background-position: top center;
    background-repeat: no-repeat;
    padding-top: 10rem;
    background-size: 10rem;
}
.quotes ul{
  text-align: center;
    max-width: 90rem;
    margin: auto;
    
}
.quotes ul p.theQuote{
    font-family: farnham-display, serif;
    font-size: 2rem;
    line-height: 3.8rem;
    font-weight: 600;
    
}
.navBtnCon{
    flex-grow: 1;
}
header .cButton,.cButtonb{
    color: #fff;
    border-color: #fff;
    display: flex;
    height: 3.5rem;
    margin-right: 0;
}
.quotes ul p.theQuoted {
    font-size: 1.6rem;
    font-weight: 700;
    margin-bottom: 0;
}
.headerShareAreaBtnsArea{
    background-color: #fff;
    padding: 1.9rem;
    display: flex;
    justify-content: center;
    align-items: center;
    
}

.headerShareAreaBtnsCon{
    position: absolute;
    width: 100%;
    padding-top: 2rem;
     pointer-events: none;
}
.headerShareArea:hover .headerShareAreaBtnsCon{
    pointer-events: all;
}
.quotes ul p.theDate{
     font-size: 1.6rem;
     margin-top: 0;
}
.quotesDots ul.slick-dots {
    justify-content: center;
    margin-top: 6rem;
}
.aboutChapters a{
    color: #FF5050;
    text-decoration: none;
    transition: .3s all;
}
.problem a{
      color: #FF5050;
    text-decoration: none;
    transition: .3s all;
}
.aboutChapters a:hover,.problem a:hover{
    opacity: .7;
}
.innerNavCon{
    height: 8.2rem;
      border-bottom: 1px solid rgba(18,13,68,0.21);
   
    position: sticky;
    top: 6.5rem;
    background-color: #fff;
z-index: 9999;
}
.cahrtArea{
   padding-bottom: 9rem;
    border-bottom: 1px solid #DBDBDB;
}
.pca h2{
    margin-bottom: 5rem;
}
.innerNav{
    max-width: 85rem;
    margin: auto;
    height: 100%;
}
.innerNavBtn{
    background-color: transparent;
    border: none;
    font-size: 2.1rem;
     font-family: 'Nunito',sans-serif;
    margin-right: 4rem;
    cursor: pointer;
    transition: .3s all;
}
.innerNavBtn:hover,.innerNavBtn.active{
    color: #FF5050;
}
.noResults{
    padding: 10rem 0;
    width: 100%;
}
.noResults:before{
    content: '';
    display: block;
    height: 1px;
    flex-grow: 1;
    background-color: rgba(18,13,68,0.21);
}
.noResults:after{
    content: '';
    display: block;
    height: 1px;
    flex-grow: 1;
    background-color: rgba(18,13,68,0.21);
}


.nrText{
    color: #FF5050;
    font-size: 1.6rem;
    background-image:url("img/search.svg");
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 4rem;
    line-height: 4rem;
    margin: 0 2rem;
}
.moreDetsOnC p{
   background-image: url(img/more_details.svg);
    background-size: 4.1rem 5.4rem;
    background-position: left top;
    background-repeat: no-repeat;
    padding-top: 7rem;
    color: #120D44;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 2.2rem;
    max-width: 37.7rem;
}
.moreDetsOnC p a{
    display: block;
    color: #FF5050;
    text-decoration: none;
}
.page-template-country-info .sortCon{
    top:6.5rem;
}

.page-template-country-info .filters {
    align-items: center;
}
.page-template-country-info .filters .box{
    margin-bottom: 0;
}
.page-template-country-info .sortCon{
    height: auto;
    display: block;
}
.page-template-country-info .sortConInner {
    
    position: sticky;
    position: -webkit-sticky;
    
   height: 12rem;
    top: 11.5rem;
    background-color: #F8F8FA;
    border-bottom: 1px solid rgba(0,0,0,0);
    
    transition: .3s all;
}

.page-template-country-info  .resTearTitle{
    top:17rem;
}
.page-template-country-info .sortConInnerTop{
    height: 6rem;
    flex-wrap: wrap;
    width: 100%;
    display: flex;
    align-items: center;
    padding: 0 3rem;
    box-sizing: border-box;
}
.btci{
    font-size: 1.6rem;
    font-weight: 300;
    text-decoration: none;
   
    padding-left: 1.5rem;
    color: #fff;
    
}


.page-template-country-info .filtersOn{
    padding: 0;
    flex: 0 0 100%;
    padding: 0 3rem;
    box-sizing: border-box;
}
.resCount{
    justify-content: flex-end;
}
.page-template-country-info .redFilter {
  
     margin: 0 3rem 3rem 0; 
    
}
/* width */
.dropDownSelect::-webkit-scrollbar {
  width: 7px;
}

/* Track */
.dropDownSelect::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
.dropDownSelect::-webkit-scrollbar-thumb {
  background: #120D44;
}

/* Handle on hover */
.dropDownSelect::-webkit-scrollbar-thumb:hover {
  background: #555;
}
/* width */
.select-items::-webkit-scrollbar {
  width: 7px;
}

/* Track */
.select-items::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
.select-items::-webkit-scrollbar-thumb {
  background: #120D44;
}

/* Handle on hover */
.select-items::-webkit-scrollbar-thumb:hover {
  background: #555;
}








#countryLista{
    cursor: pointer;
}
.votingList  a{
    text-decoration: none;
    color: #120D44;
}


.votingList{
    display: none;
}
.fullRes  .votingList{
    display: flex;
}
.fullCountriesList h3{
    cursor: pointer;
    justify-content: space-between;
    display: flex;
    width: 100%;
    font-family: 'Nunito',sans-serif;
    font-size: 2rem;
     height: 3rem;
}
.box{
    transition: .3s all;
}
.box.disabled{
    opacity: .3;
    pointer-events: none;
}
.fullCountriesList h3 .countries-count {
    font-family: 'farnham-display', serif;
    padding-right: 2rem;
}
.area-name{
    flex-grow: 1;
}
.disabled .claShow:before,.disabled .claShow:after{
    display: none;
}
.disabled{
    pointer-events: none;
}
.down-arr{
    width: 1.5rem;
    height: 3rem;
    height: 100%;
    display: block;
    flex: 0 0 1.5rem;
    background: url("img/blue_arrow.svg") right center no-repeat;
    transition: .3s all;
}

.fullCountriesList h3.opened .down-arr{
    transform: rotate(180deg);
}
.hostoric-data-area{
    justify-content: space-between;
}
.d-l-c{
    flex: 0 0 56rem; 
}
.data-list{
    flex: 0 0 56rem;
    width: 56rem;
    padding-left: 4rem;
    box-sizing: border-box;
}
.data-list li{
   height: 6rem;
    align-items: center;
    font-size: 1.6rem;
    color: #120D44;
     border-bottom: 1px solid #DBDBDB;
    padding: 0 4rem;
    box-sizing: border-box;
    width: 100%;
    justify-content: space-between;
}
.data-list li:last-child{
    border: none;
}
.hostoric-data h2{
    width: 50rem;
    margin-bottom: 4rem;
}
.vote-stat{
    line-height: 3rem;
    width: 12rem;
    text-align: center;
    display: block;
    text-transform: capitalize;
}
.voted-yes .vote-stat{
     background-color: #FF5050;
}
.voted-no .vote-stat{
     background-color: #9BBBE4;
}
.voted-abstain .vote-stat{
     background-color: #E8E8E8;
}


.hrc-hostorical-popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    overflow: auto;
    background-color: rgba(18, 13, 68,.73);
    z-index: 9999999;
    opacity: 0;
    visibility: hidden;
    transition: .3s all;
    justify-content: center;
}

.hrc-hostorical-popup.show{
    opacity: 1;
    visibility: visible;
}
#close-hrc-data:hover {
    transform: rotate(180deg);
}
#close-hrc-data{
    width: 2.5rem;
    height: 2.5rem;
    background-image: url(img/x_icon.svg);
    background-size: contain;
    padding: 0;
    background-position: center;
    background-repeat: no-repeat;
    position: fixed;
    top: 9rem;
    right: 4rem;
    background-color: transparent;
    border: none;
    transition: .3s all;
    transform: rotate(0);
    cursor: pointer;
}

.historical-data-frame{
    width: 92rem;
    background-color: white;
    padding: 6rem 6rem 0 6rem;
    box-sizing: border-box;
    min-height: 70rem;
    align-self: flex-start;
    margin-top: calc((100vh - 70rem) / 2);
}

.historical-data-frame table tbody tr:nth-child(n+6){
    height: 0;
    overflow: hidden;
    padding: 0;
    transition: .3s all;
    border-color: transparent;
}

.hrc-hostorical-popup.expanded  table tbody tr:nth-child(n+6){
   padding: 1.5rem 0;
    height: 6rem;
     border-color: #DBDBDB;
}
.hrc-hostorical-popup.expanded .historical-data-frame{
    margin-bottom: 10rem;
}

.historical-data-frame h2{
    font-size: 3rem;
    margin: 0;
}
.historical-data-frame h3{
    font-family: 'Nunito',sans-serif;
    font-size: 2rem;
    margin-bottom: 0;
}
.historical-data-frame p{
    font-size: 1.4rem;
    margin: 0;
}
.percentage,.longest{
    flex: 0 0 38rem;
}
.two-tables{
    justify-content: space-between;
}
.percentage table,.longest table{
    margin-top: 4rem;
    font-size: 1.6rem;
    width: 100%;
}
.historical-data-frame thead{
    font-weight: 700;
}
.historical-data-frame tr{
    display: flex;
    justify-content: space-between;
    
}
.historical-data-frame tbody tr{
    border-bottom: 1px solid #DBDBDB;
    padding: 1.5rem 0;
    height: 6rem;
}
.ctr-dt{
    display: flex;
}
.ctr-dt img{
   width: 2.1rem;
    height: 2.1rem;
    
}
.ctr-dt .cntry-flg {
    margin-right: .8rem;
}
#hrc-historical-see-more{
    background-color: transparent;
    background-image: url("img/red_arrow.svg");
    background-size: 8px 13px;
    background-position: bottom center;
    background-repeat: no-repeat;
    padding-bottom: 1.3rem;
    color: #FF5050;
    border:none ;
    font-size: 1.6rem;
}

.hrc-hostorical-popup.expanded #hrc-historical-see-more{
    background-image: url("img/top-arr.svg");
     background-position: top center;
    background-repeat: no-repeat;
    padding-top: 1.3rem;
    padding-bottom: 0;
}
#open-hostory{
     background-color: transparent;
    background-image: url("img/red_arrow_r.svg");
    background-size: 8px 13px;
    background-position: right center;
    background-repeat: no-repeat;
    padding-right: 1.3rem;
    color: #FF5050;
    border:none ;
    cursor: pointer;
    font-size: 1.6rem;
}
.see-m-con{
    display: flex;
    justify-content: center;
    margin: 2rem 0;
}

.body-members-sort h3 {
    cursor: pointer;
    justify-content: space-between;
    display: flex;
    width: 100%;
    font-family: 'Nunito',sans-serif;
    font-size: 2rem;

}

.body-members-sort .down-arr{
    height: 3rem;
    width: 3rem;
    flex: 0 0 3rem;
transform-origin: center;
    background-position: center;
}

.expanded .down-arr{
    transform: rotate(180deg);

}
.body-members-sort li{


}
.body-members-sort h3 .countries-count {
    font-family: 'farnham-display', serif;
    padding-right: 2rem;
}
.members-list-con{
    display: none;
}

.resources-page .sortConInnerTop{
    display: flex;
    align-items: center;
    column-gap: 2rem;

}
.resources-page .filters {
    column-gap: 2rem;
}

.resources-page .sortCon{
    height: 10rem;
    background: #fff;
    top:6.5rem;
}

.resources-page .filters{
    width: 100%;
}
.resources-page  .filters .box{
    margin: 0;
}
.resources-page  .dbWrap {
    padding: 0 3rem;
    box-sizing: border-box;

}
.res-items-list{
    display: flex;
    flex-wrap: wrap;
    column-gap: 1.3%;
    row-gap: 2rem;

}
.res-items-list li{
    flex: 0 0 24%;
    border: 2px solid #E8E8E8;
    box-sizing: border-box;
}

.rs-item-inner{
    width: 100%;
    height: 21.1rem;
}
.rs-items-list-area{
    margin-top: 5rem;
}
.rs-image{
    flex: 0 0 38%;
    background-size: cover;
    background-position: center;
}
.rs-data{
    padding: 2rem;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.rs-cat{
    margin: 0;
    background-color: #FF5050 ;
    padding: 0 1.5rem;
    color:white;
    font-size: 1.4rem;
}

.rs-data h2{
    font-family: 'Nunito',sans-serif;
    font-size: 1.8rem;
    font-weight: 400;
    flex-grow: 1;
}

.rs-item-inner{
    text-decoration: none;
    color:#120D44;

}
.rs-date{
    font-size: 1.4rem;
    margin: 0;
}
.resources-page .databaseTop{
    height: 18.4rem;
    position: relative;
    z-index: 999999999;
}
.resources-page .databaseTop{
    margin: 0;
    padding-top: 9.4rem;
}

.resources-page .lmConc{
    background: white;
}
footer .social-menu{
    display: flex;
    justify-content: center;
    column-gap: 2rem;
}

footer .social-menu a{
    text-decoration: none;
}
/* ================
.==========================================================
   Media Queries
   ========================================================================== */

@media only screen and (min-width: 35em) {

}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {

}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}