
/*topics Start*/
/*.container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1440px;
}*/
p.abstract.major {
      font-size: 24px;
       line-height: 30px;
       font-weight: 300;
       color: #454545;
       margin: 0 0 20px 0;
       font-family: 'ProximaNova-Regular';
padding:0;
}
#conutries {
    width: 650px;
    background: white;
}
.rule {
    border-bottom: 1px solid black;
    margin: 20px 0;
}
.clearfix {
    clear: both;
}

.topic-alphabet {
    margin: 0 0 10px;
    overflow: hidden;
    color: #0133B3;
    font-family: 'ProximaNova-Regular';
    font-size: 22px;
    letter-spacing: 2.25px;
    line-height: 30px;
}
.topic-alphabet a, #countries-table tr {
    transition: background-color 0.3s ease-in-out;
    -moz-transition: background-color 0.3s ease-in-out;
    -webkit-transition: background-color 0.3s ease-in-out;
}

.topic-alphabet a.first {
    border-radius: 3px 0 0 3px;
}
.topic-alphabet a:hover, .topic-alphabet a.active {

     color: #9D9D9D;
     text-decoration: none;
}
.topic-alphabet-notexist {

     color: #9D9D9D !important;
     text-decoration: none;
}
.topic-h6 {

    display: inline-block;
    margin: 0;
    line-height: 28px;
    vertical-align: top;
}
.topic-radio {

    display: inline-block;
    margin: 0;


}

.topic-alphabet a {
    width: auto;
    float: left;
    color: #0133B3;
    padding: 2px 2px 2px 4.8px;
    font-size: 22px;
    text-align: center;
    line-height: 20px;
    border-right: none;
}
.radio-heading{
    color: #0133B3;
        font-family: 'Merriweather';
        font-size: 22px;
        font-weight: 700;
        line-height: 27px;
      margin: 0px 0px 30px 0px;

}
.border-dark {
    border-top: 3px solid #000 !important;
    padding-top: 15px!important;
}
.border-rectangle {
   border-top: 1px solid #000 !important;
   margin: 20px 0px 10px 0px;
}
.dt-alphabets {
        font-weight: normal;
        padding-left: 0;
        list-style: none;
        font-family: 'ProximaNova-Regular';
        font-size: 18px;
        line-height: 24px;
    }
.dt-alphabets dl{
 margin-bottom: 0.5rem !important;
}
.dl-astyle a{
       color: #000;
       margin-bottom: 0.5rem !important;
       }
       .topics {
         color: #000;
         font-family: 'Merriweather';
         font-size: 40px;
         font-weight: 700;
         letter-spacing: -0.3px;
         line-height: 50px;
         margin-top: 20px;
       }
       .topic-view-by {
         color: #000;
         font-family: 'ProximaNova-Regular';
         font-size: 18px;
         font-weight: 700;
         letter-spacing: -0.11px;
         line-height: 21px;
         display: inline-block;
         margin: 0 auto;
         vertical-align: top;
       }
.topic-radio label{
   color: #000;
}
/* COMMON RADIO AND CHECKBOX STYLES  */
.topic-radio input[type=radio]
{
  /* Hide original inputs */
  visibility: hidden;
  position: absolute;
}
.topic-radio input[type=radio] + label:before{
  height:15px;
  width:15px;
  margin: 0px 8px 0 8px;
  content: " ";
  display:inline-block;
  vertical-align: baseline;
  border:1px solid #0133B3;
}
.topic-radio input[type=radio]:checked + label:before{
  background:#0133B3;
}

/* CUSTOM RADIO AND CHECKBOX STYLES */
.topic-radio input[type=radio] + label:before{
  border-radius:50%;
}

.align-centeritem{
    align-items: center;
}

.margin-top30{
    margin-top: 30px;
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (max-width: 600px) {
.margin-top10{
    margin-top: 10px !important;
}
.margin-top30{
    margin-top: 0px !important;
}
.margin-bottom{
    margin-top: 0px!important;
}
.page-title {
  color: #000;
  font-family: Merriweather;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;

}
p.abstract.major {
    color: #454545;
    font-family: 'ProximaNova-Regular';
    font-size: 14px;
    line-height: 18px;
}
.topic-alphabet {
    margin: 0 0 10px;
    overflow: hidden;
    color: #0133B3;
    font-family: 'ProximaNova-Regular';
   font-size: 22px;
   letter-spacing: 5.25px;
   line-height: 30px
}
.topic-alphabet a {
    padding: 2px 2px 2px 10px;
}
.radio-heading{

      margin: 0px 0px 35px 0px;

}
.marginetb-10 {
    margin: 10px 0px;
}
.dl-astyle{
 margin-bottom: 0.5rem !important;
}
.border-rectangle {
    margin: 10px 0px 8px 0px;
}
.rule {
    border-bottom: 1px solid black;
    margin: 10px 0px 20px 0px;
}
}
/*topic End*/
