/*html,body
{
    overflow-x: hidden;

}*/

body {
    -webkit-text-size-adjust: none;
}

#myBtn {
  display: none;
  position: fixed;
  bottom: 15px;
  right: 20px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: #11418e;
  color: white;
  cursor: pointer;
  padding: 12px;
  border-radius: 4px;
}

#myBtn:hover {
  background-color: #083070;
}

.nav-bar{
    position: fixed;
    top: 0;
    width: 100%;
}

.topnav {
  overflow: hidden;
}

.topnav a {
  color: #fff; 
  text-align: center;
  text-decoration: none;
  font-size: 13px;
  font-weight: 600;
}

.topnav span {
  float: left;
  display: block;
  color: #fff; 
  padding: 15px;
  font-size: 13px;
  font-weight: 600;
}

.topnav .icon {
  display: none;
}

.topnav span:hover {
  color: white;
}

.topnav a:hover {
  color: white;
  text-decoration: none;
}
.topnav .envelope:hover{ background-color:#a8a639}
.topnav .facebook:hover{ background-color:#3B5998}
.topnav .search:hover{ color: #fff!important}
.topnav .donate:hover{ background-color:#F2F2F2}
.topnav .donate:hover a{ color:#000;}
.topnav .donate:hover i{ color:#ad0000;}

.topinner{
    float:right;
    margin-right: 110px;
}

.sc_media h4 > span:hover{cursor: pointer}

.carousel-fade .carousel-item {
 opacity: 0;
 transition-duration: .6s;
 transition-property: opacity;
}

.carousel-fade  .carousel-item.active,
.carousel-fade  .carousel-item-next.carousel-item-left,
.carousel-fade  .carousel-item-prev.carousel-item-right {
  opacity: 1;
}

.carousel-fade .active.carousel-item-left,
.carousel-fade  .active.carousel-item-right {
 opacity: 0;
}

.carousel-fade  .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active,
.carousel-fade .active.carousel-item-left,
.carousel-fade  .active.carousel-item-prev {
 transform: translateX(0);
 transform: translate3d(0, 0, 0);
}

@media screen and (max-width: 995px) {
    .topinner form{margin-top: 0px!important}
    .topinner{margin-right: 50px}
}

@media screen and (max-width: 695px) {
    .topinner .tel_m{display: none}
}

.midnav .icon {
  display: none;
}

@media screen and (max-width: 810px) {
    .sc_media .col-sm-4{margin: 0px}
}


.dropbtn {
    background-color: transparent;
    color: #fff;
    padding: 10px;
    margin-top: 10px;
    font-size: 22px;
    border: none;
    padding-left: 20px;
    padding-right: 20px;
    outline: none!important;
    font-weight: 600;
}

.dropbtn:hover{
    color: #f9b122;
}

.dropdown + .dropdown:before {
   content: "";
   height: 20px;
   width: 1px;
   background-color: white;
   position: absolute;
   top: 45%;
}


.dropdown .dropbtn {
  position:relative;
  z-index: 1;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #ddd;
    min-width: 210px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    top: 75px;
}

.dropdown-content a {
    color: #000;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: 500;
    border-bottom: 1px solid #ccc;
}

.dropdown-content a:hover {
    background-color: #ddd;
    text-decoration: none;
}

.dropdown:hover .dropbtn {
    text-decoration:none;
    cursor: pointer;
}

.drop{
  display: none;
  width: 0;
  height: 0;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-bottom: 12px solid #ddd;
  position: absolute;
  left: 60px;
}

.top-inner{
    padding: 27px 25px;
}

.top-inner a{
    color: #fff;
    text-decoration: none!important;
}

.top-inner a:hover{
    color: #0054A6;
    font-weight: 700;
}

.top-inner h4,p,small{
    color: #fff;
}

.top-inner p,small{
    margin-left: 8.5%;
    margin-right: 10%;
}

.top-inner button{
    padding:2.5%;
    padding-right: 8%;
    padding-left: 8%;
    margin-left: 8.5%;
    margin-right: 10%;
}

.btn-dark{
    color: #fff;
    background-color: #000;
}

.top-inner button:hover{
    -webkit-transition: .4S;
    color: blue;
    background-color: #fff;
    text-decoration:none;
    cursor: pointer;
}


/*circular status bar*/
.circular >.progress{
    width: 120px;
    height: 120px;
    line-height: 150px;
    background: none;
    margin: 0 auto;
    box-shadow: none;
    position: relative;
    margin-left: 15px;
}
.circular >.progress:after{
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 5px solid #fff;
    position: absolute;
    top: 0;
    left: 0;
}
.circular >.progress > span{
    width: 50%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    z-index: 1;
}
.circular >.progress .progress-left{
    left: 0;
}
.circular >.progress .progress-bar{
    width: 100%;
    height: 100%;
    background: none;
    border-width: 5px;
    border-style: solid;
    position: absolute;
    top: 0;
}
.circular >.progress .progress-left .progress-bar{
    left: 100%;
    border-top-right-radius: 80px;
    border-bottom-right-radius: 80px;
    border-left: 0;
    -webkit-transform-origin: center left;
    transform-origin: center left;
}
.circular >.progress .progress-right{
    right: 0;
}
.circular >.progress .progress-right .progress-bar{
    left: -100%;
    border-top-left-radius: 80px;
    border-bottom-left-radius: 80px;
    border-right: 0;
    -webkit-transform-origin: center right;
    transform-origin: center right;
    animation: loading-1 1.8s linear forwards;
}
.circular >.progress .progress-value{
    width: 90%;
    height: 90%;
    border-radius: 50%;
    font-size: 22px;
    color: #fff;
    line-height: 115px;
    text-align: center;
    position: absolute;
    top: 5%;
    left: 5%;
}
.circular >.progress.blue .progress-bar{
    border-color: #049dff;
}
.circular >.progress.blue .progress-left .progress-bar{
    animation: loading-6 1.5s linear forwards 1.8s;
}
@keyframes loading-1{
    0%{
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100%{
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
}
@keyframes loading-2{
    0%{
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100%{
        -webkit-transform: rotate(144deg);
        transform: rotate(144deg);
    }
}
@keyframes loading-3{
    0%{
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100%{
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }
}
@keyframes loading-4{
    0%{
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100%{
        -webkit-transform: rotate(36deg);
        transform: rotate(36deg);
    }
}
@keyframes loading-5{
    0%{
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100%{
        -webkit-transform: rotate(126deg);
        transform: rotate(126deg);
    }
}
@media only screen and (max-width: 990px){
    .progress{ margin-bottom: 20px; }
}

/*end circular stautus bar*/


.mySlides {display: none;}


@media only screen and (max-width: 300px) {
  .text {font-size: 11px}
}

.img button{
    background-color: #1c57a1;
    border: solid 2px #1c57a1;
    padding: 12px;
    padding-left:40px; 
    padding-right:40px;

}

.img button:hover{
    transition: all .5s ease;
    color: #1c57a1;
    background-color:transparent;
    text-decoration:none;
    cursor: pointer;
    font-weight: 700;
    border: solid 2px white;
}

.join button{
  background: linear-gradient(to right, #367a21 50%, #1c57a1 50%);
  background-size: 201% 100%;
  background-position: right bottom;
  transition: all .5s ease-out;
}

.join button:hover{
    background-position: left bottom;
    color: #fff;
    font-weight: 700;
    border: 2px solid #367a21;
    font-weight: 400;
}



/*.join button:hover{
    color: #fff;
    background-color: #367a21;
    font-weight: 700;
    border: 2px solid #367a21;
    font-weight: 400;
}*/


.center{
    text-align: center;
}

.btn-blue{
    color: #fff!important;
    background-color: #1c57a1;
}

.btn-blue:hover{
    color: #11418e!important;
    background-color: transparent;
    border: solid 2px;
    cursor: pointer;
}

.f-inner p{
    color: #000;
}

.f-inner a,h4{
    color: #000;
    text-decoration: none;
}

.f-inner a:hover{
    -webkit-transition: 1S;
    background-color: #fff;
    text-decoration:none;
    cursor: pointer;
}

.wpcu_item{
    float: left;
    margin: 0 26px 0 0;
    padding: 0;
    position: relative;
    width: 80px;
    height: 80px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #ffffff;
}

.wpcu_item img{
    display: block;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    margin: -1 0 0 21;
}

.a>div>p>span{
    font-size: 50px;
}

.a>div>p{
    text-align: center;
}

.a>div>p>text{
    text-align: center;
    letter-spacing: 1px;
    font-size: 18px;
}

.a>.v_line{border-left: 1px solid black;height: 70px;}

/*Second circular status bar*/
.sec_circular >.progress{
    width: 100px;
    height: 100px;
    line-height: 100px;
    background: none;
    margin: 0 auto;
    box-shadow: none;
    position: relative;
    margin-left: 20px;
}
.sec_circular >.progress:after{
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 11px solid #fff;
    position: absolute;
    top: 0;
    left: 0;
}
.sec_circular >.progress > span{
    width: 50%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    z-index: 1;
}
.sec_circular >.progress .progress-left{
    left: 0;
}
.sec_circular >.progress .progress-bar{
    width: 100%;
    height: 100%;
    background: none;
    border-width: 4px;
    border-style: solid;
    position: absolute;
    top: 0;
}
.sec_circular >.progress .progress-left .progress-bar{
    left: 100%;
    border-top-right-radius: 80px;
    border-bottom-right-radius: 80px;
    border-left: 0;
    -webkit-transform-origin: center left;
    transform-origin: center left;
}
.sec_circular >.progress .progress-right{
    right: 0;
}
.sec_circular >.progress .progress-right .progress-bar{
    left: -100%;
    border-top-left-radius: 80px;
    border-bottom-left-radius: 80px;
    border-right: 0;
    -webkit-transform-origin: center right;
    transform-origin: center right;
    animation: load-1 1.8s linear forwards;
}
.sec_circular >.progress .progress-value{
    width: 95%;
    height: 50%;
    border-radius: 50%;
    background: #c91010;
    font-size: 18px;
    color: #fff;
    line-height: 90px;
    text-align: center;
    position: absolute;
    top: 5%;
    left: 5%;
}
.sec_circular >.progress.blue .progress-bar{
    border-color: #11418e;
}
.sec_circular >.progress.blue .progress-left .progress-bar{
    animation: load-6 1.5s linear forwards 1.8s;
}
@keyframes load-1{
    0%{
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100%{
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
}
@keyframes load-2{
    0%{
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100%{
        -webkit-transform: rotate(144deg);
        transform: rotate(144deg);
    }
}
@keyframes load-3{
    0%{
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100%{
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }
}
@keyframes load-4{
    0%{
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100%{
        -webkit-transform: rotate(36deg);
        transform: rotate(36deg);
    }
}
@keyframes load-5{
    0%{
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100%{
        -webkit-transform: rotate(126deg);
        transform: rotate(126deg);
    }
}
@media only screen and (max-width: 990px){
    .progress{ margin-bottom: 20px; }
}

/*end second circular stautus bar*/

.countries{
    background-color: #2A3740;
    padding: 5% 7% 4% 7%;

}

.countries > h2{
    color: white;
    text-align: center;
    font-size: 40px;
    font-weight: 350;
    letter-spacing: 0;
    line-height: 50px;
}

.white{
     color:#fff;
     padding-top: 0px;
}

.white >span{
    font-size: 13px;
    font-weight: bold;
}
.white{
    margin-left: 30px;
}

.left>p{
    margin-left: 30px;
    color: #bebebe;
}

.gap-30{
        margin-bottom: 30px !important;
}

.gap-40{
        margin-bottom: 40px !important;
}

.gap-50{
        margin-bottom: 50px !important;
}

.gap-90{
        margin-bottom: 90px !important;
}

.cc-date {
    display: inline-block;
    float: left;
    min-height: 45px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #1c57a1;
    font-size: 14px;
    font-style: italic;
    line-height: 45px;
    text-align: center;
    padding: 0 30px;
    color: #fff;
    letter-spacing: 0.5;
    margin-left: 30px;
}

.cc-location {
    display: inline-block;
    float: left;
    min-height: 45px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #1c57a1;
    font-size: 14px;
    font-style: italic;
    line-height: 45px;
    text-align: center;
    padding: 0 30px;
    color: #fff;
    letter-spacing: 0.5;
    margin-left: 5px;
}

.timer{
    float: left;
    margin: 14px 0 0 6px;
    min-height: 41px;
    padding: 30px 0 24px;
    width: 95px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #50616f;
    font-size: 12px;
    letter-spacing: 0.02em;
    line-height: 18px;
    text-align: center;
    color: #fff;
}

.fc-icon{
    float: left;
    margin: 0 22px 0 0;
    padding: 10px;
    position: relative;
    width: 38px;
    line-height: 38px;
    font-size: 13px;
    color: #fff;
    border-radius: 50%;
    background: #50616f;
    text-align: center;
}

.f-contact > p{
    color: #9f9f9f;
    font-size: 14px;
    font-style: italic;
    letter-spacing: 0.02em;
    overflow: hidden;
    line-height: 28px;
}

.f-mid > h5{
    font-size: 20px;
    letter-spacing: 0;
    text-align: left;
    color: #fff;
    font-weight: 700;
    margin-left: 40px;
}

.f-mid > p{
    color:#1C5399;
    line-height: 15px;
    margin-left: 40px;
    margin-bottom: 35px;
}

.f-mid-in{
    width: 116px;
    transform: rotate(90deg);
    float: left;
    margin: -21px 0px -21px -21px;
    position: relative;
    overflow: visible;
}

.f-mid-in > small{
     font-size: 14px;
    color: #fff;
    font-weight: 600;
    letter-spacing: 0.05em;
    transform: rotate(-90deg);
    position: absolute;
    left: 36px;
    top: 0px;
    line-height: 115px;
}

.footer-video{
    width: 100%;
    max-width: 484px !important;
    position: absolute;
    top: 0;
    height: calc(100% + 0px);
    padding: 40px;
    text-align: center;
}

.fv-inner{
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.fv-inner i {
    color: #1c57a1;
    font-size: 55px;
}

.footer-video:hover .fv-inner i{
    color: #fff;
}

.footer-bottom {
    background: #010101;
}

.copyrights {
    color: #dddada;
    font-size: 16px;
    margin-top: 15px;
}

.social-media {
    padding: 20 45;
    background: #1c57a1;
    width: 280px;
    float: right;
}

.social-media a {
    color: #fff !important;
    font-size: 14px;
    font-weight: 500;
    display: inline-block;
    margin: 0 10px;
}

.dvf_image{
    overflow: hidden;
    height: 185px;
    display: block;
    margin: 0 auto;
    position: relative;
    width: 100%;
    border-radius: 3px/2.71px;
}

.icon{
    margin: -54px auto 0;
    padding: 15px 0;
    position: relative;
    width: 29.72973%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #ffffff;
}

.author{
    margin: 29px 0 0 0;
    position: relative;
}

.author img{
    border-radius: 50%;
    height:50px;
    width:50px;
    margin-right: 15px;
    float: left;
}

.author cite{
    margin: 2px 0 0;
    color: #444444;
    font-family: Montserrat, sans-serif;
    font-size: 16px;
    font-weight: bold;
    line-height: 24px;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.author cite span{
    color: #1c57a1;
    font-size: 17px;
    font-weight: normal;
    text-transform: none;
}

#map{
    height: 100%;
}
 
.ft_contact input[type="text"],.ft_contact input[type="email"],.ft_contact input[type="number"]{
    height: 55px;
    padding: 0 20px;
    position: relative;
    border-radius: 5px;
    background: #f2f2f2;
    font-size: 13px;
    color: #555555;
    border: none;
    width: 100%;
    margin-bottom: 10px;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0);
}

input[type=number]:focus{
  background-color: #F2F2F2;
}

.lists{
    list-style-type: none;
    margin-top: 20px;
    color:#636262;
    font-size: 17px;
}

.lists li{
    position: relative;
    padding: 0 0 0 15px;
    font-size: 17px;
    line-height: 30px;
    letter-spacing: 0.01em;
    font-style: italic;
}

.stats {
    position: relative;
    padding-left: 50px;
}

.stats p{
    color: #000;
}

.stats p strong {
    color: #222222;
    font-size: 27px;
    font-weight: bold;
}

.stats i{
    font-size: 35px;
    color: #9eb6d3;
}

.v{
    margin-top: 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    height: 27px;
    margin-bottom: 0px;
}

.v:hover{
    color: #cc0a21;
    cursor: pointer;
}

.district_v{
    margin-top: 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    height: 27px;
    margin-bottom: 0px;
}

.m_team a{
    text-decoration: none!important;
    color: #000;
}

.m_team p{
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.sc_socials {
    margin-top: 10px;
}
.sc_socials {
    overflow: hidden;
    display: inline-block;
    line-height: 1em;
}

.sc_socials .sc_socials_item {
    display: inline-block;
    margin: 0 0.25em 0 0;
}

.sc_socials_item a.icons i {
    color: #454545;
    height: 44px;
    line-height: 25px;
    width: 44px;
    text-decoration: none;
}

.quote-carousel {
    padding-bottom: 65px;
    position: relative;
}

.slick-slider {
    box-sizing: border-box;
    user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
    display: block;
}

.left_a, .right_a {
    width: 36px;
    height: 36px;
    border-radius: 3px;
    background: #fafafa;
    color: #676767;
    line-height: 36px;
    text-align: center;
    position: absolute;
    left: 219px;
    bottom: 20px;
    transition: .4s;
}


.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list, .slick-slider, .slick-track {
    position: relative;
    display: block;
}

.carousel-inner .carousel-item > img {
      width: 100%;
      height: 100%;
  }

.p_inner{
    margin: 50px;
}

.p_inner>p{
    color: #666666;
}

.p_inner>cite{
    font-weight: 700;
    font-size: 24px;
}

.p_inner>span{
    font-weight: 600;
    font-size: 16px;
    color: #0061ff;
}

.focus_text{margin-bottom: 50px}

.focus_text span{
    font-size: 20px;
    color: rgb(28, 87, 161);
}

.focus_text h4{
   margin: 20 0 27 0;
   font-weight: 700;
   font-size: 27px;
   text-transform: uppercase;
}

.focus_text p{
    color: #424242;
    font-size: 18px;
    line-height: 28px;
}

.zoom {
    transition: transform .2s; /* Animation */
    margin: 0 auto;
    overflow: hidden;
    -webkit-transform: scale(1);
    -webkit-transition: .4s;
    filter: brightness(60%);
}
.zoom:hover {
    transform: scale(1.1);
}

.inner_raised{
    position: absolute;
    min-height: 12px;
    padding: 11px 27px 9px;
    border-radius: 16.53px/15.45px;
    background: #1c57a1;
    color: #ffffff;
    font-size: 14px;
    letter-spacing: 0.02em;
    text-align: center;
    float: right;
    line-height: 12px;
    margin-left: 200px;
    margin-top: 30px;
    pointer-events:none;
}

.inner_raised_text{
    padding: 40px;
    position: absolute;
    bottom: -27;
    left: 0;
    text-align: left;
    margin: 27px;
    pointer-events:none;
}

.inner_raised_text > img{
    display: block;
    position: relative;
    width: 32px;
}

.inner_raised_text > small{
    margin: 27px 0 0 0;
    color: #fffefe;
    font-family: Arimo, sans-serif;
    font-size: 13px;
    letter-spacing: 0.03em;
    display: block;
}

.inner_raised_text > h4{
    margin-top: 5px;
    color: #fffefe;
    font-size: 25px;
    letter-spacing: 0.03em;
    display: block;
}

.cs_arrowl{
    display: block;
    right: 52px;
    left: auto;
    top: -86px;
    width: 36px;
    height: 36px;
    border-radius: 3px;
    background: #fafafa;
    color: #676767;
    line-height: 36px;
    text-align: center;
    padding-top:10px;
    position: absolute;
    bottom: 20px;
    transition: .4s;
    cursor: pointer;
}

.cs_arrowr{
    display: block;
    right: 15px;
    left: auto;
    top: -86px;
    width: 36px;
    height: 36px;
    border-radius: 3px;
    background: #fafafa;
    color: #676767;
    line-height: 36px;
    text-align: center;
    padding-top:10px;
    position: absolute;
    bottom: 20px;
    transition: .4s;
    cursor: pointer;
}

.cs_arrowl:hover,.cs_arrowr:hover{
    color: #fff;
    background-color:#1C57A1;
}

.carousel-item .item, .column{
    position: relative;
    background: #ffffff;
    height: 130px;
    width:205px;
}

.carousel-item .item img,.column img{
    display: block;
    margin: 0 auto;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    width:110px;
    height:90px;
}

.dropdown-submenu:hover .dropdown-menu {
    display: block;
}

.dropdown-submenu:hover .dropdown-menu2 {
    display: none;
}

.dropdown-submenu2:hover .dropdown-menu2 {
    display: block;
    position: absolute;
}

.recent-posts{
    margin-left: 80px;
    margin-top: 50px;
}

.recent-posts header{
    font-size: 22px;
}

.recent-posts p{
    color: #1c57a1;
    font-weight: 600;
    margin-bottom: 30px;
}

.recent-posts ul{
   list-style-type: none;
   padding-left: 0px;
   margin:0px;
}

.recent-posts li {
    display: table;
    margin-bottom: 25px;
    width: 100%;
}

.recent-posts li img {
    float: left;
    margin: 0 18px 0 0;
    width: 85px;
    border-radius: 1.7px/1.45px;
}

.recent-posts li .inner {
    margin: 4px 0 0;
    position: relative;
}

.recent-posts li .inner a {
    font-size: 14px;
    color: #11418E;
    font-weight: 450;
    text-decoration: none;
}

.recent-posts li .inner h4 a {
    font-size: 19px;
    color: #000;
}

.recent-posts li .inner h4{
    margin-top: 8px;
}

.c_categories{
    margin-left: 80px;
    margin-top: 50px;
}

.c_categories header{
    font-size: 22px;
}

.c_categories p{
    color: #1c57a1;
    font-weight: 400;
    margin-bottom: 30px;
}

.c_categories ul{
   list-style-type: none;
   padding-left: 0px;
   margin:0px;
}

.c_categories li {
    margin-bottom: 25px;
}

.c_categories li a{
    min-height: 16px;
    padding: 22px;
    padding-bottom: 0px;
    position: relative;
    border-radius: 5px;
    background-color: #f4f4f4;
    display: table;
    width: 100%;
    text-decoration:none; 
}

.c_categories li a p{
    color: #000;
    float: left;
}

.c_categories li a span{
    color: #11418E;
    float: right;
    font-weight:450;
    margin-right: 10px;
}

.popular_post{
    margin-left: 80px;
    margin-top: 50px;
}

.popular_post header{
    font-size: 22px;
}

.popular_post p{
    color: #1c57a1;
    font-weight: 400;
    margin-bottom: 30px;
}

.popular_post a img{
    max-height: 320px;
    width: 100%;
}

.post_by{
    padding-top: 30px;
    padding-bottom: 20px;
    background-color: #F9F9F9;
}

.post_by h4 a{
    line-height: 35px;
    color: #000;
    font-size: 20px;
    font-weight: 400;
}

.post_by a{
    color: #1c57a1;
}


.post_by a:hover{
    text-decoration: none;
}

.tags{
    margin-left: 80px;
    margin-top: 50px;
}

.tags header{
    font-size: 22px;
}

.tag_btns{
    margin-top: 25px;
}

.tag_btns button{
    margin: 5px;
    background-color: #F4F4F4;
    border: none;
    color: #545454;
    font-size: 14px;
    padding: 25px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.p_style{
    line-height: 1.9;
    font-size: 16.5px;
    color: #666;
}


/*.e_l h4{
   margin-top: 30px;
}*/

.e_l h4 a{
   text-decoration: none;
   color: #000;
   letter-spacing:0.5;
   font-weight: 700;
}

.e_l em div{
    background-color:#F4F4F4;
    padding: 10px;
}

.e_l em div span{
    color: blue;
}

.calender{
    position: relative;
}

.calender small{
    float: left;
    margin: 14px 0 0;
    color: #333333;
    font-size: 28px;
    font-weight: bold;
    letter-spacing: 0;
    text-align: center;
    text-transform: uppercase;
}

.june-2018 {
    float: left;
    margin: 25px 0 0 30px;
    color: #575757;
    font-size: 16px;
    letter-spacing: 0;
    text-transform: uppercase;
}

.june-2018 a:hover{
   cursor: pointer;
}

.search-bar{
    float: right;
    margin: 0 0px 0 0;
    min-height: 13px;
    position: relative;
    width: 100%;
    max-width: 677px;
    border: 2px solid #ececec;
    border-radius: 5px;
    height: 52px;
}

.search-bar input {
    padding: 0px 50px 0 30px;
    width: 100%;
    height: 100%;
    border: none;
    font-size: 13px;
    font-style: italic;
}

.search-bar button {
    color: #7f7f7f;
    font-size: 12px;
    background: transparent;
    padding: 15px;
    border: none;
    position: absolute;
    right: 20px;
    line-height: 50px;
    top: 5px;
    cursor: pointer;
    outline: none!important;
}

.weeks-name {
    margin: 54px auto 0;
    min-height: 15px;
    padding: 0;
    position: relative;
    background: #1c57a1;
    color: #fff;
    text-align: center;
    display: table;
    width: 100%;
    list-style: none;
}

.weeks-name li {
    float: left;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    line-height: 75px;
    width: 14.28571428571429%;
}

.calendar .days {
    margin: 0 auto;
    position: relative;
    width: calc(100% + 13px);
    display: flex;
    padding: 0;
    list-style: none;
}

.calendar-inner ul:nth-child(2) li:nth-child(1) {
    border-top: none;
}

.calendar .days li {
    border: 2px solid #f3f3f3;
    width: 14.28571428571429%;
    float: left;
    min-height: 170px;
    margin-right: -2px;
    margin-bottom: -2px;
    position: relative;
}

.days li span {
    color: #575757;
    font-weight: 600;
    font-size: 17px;
    position: absolute;
    top: 25px;
    right: 40px;
}

.days li.events-date {
    min-height: 220px;
    padding: 70px 22px 10px;
}

.days li.bg-primary {
    background-color: #1c57a1!important;
    color: #fff!important;
}

.bg-primary span{
   color: #fff!important; 
}

.event-group p a{
    color: #fff!important;
    font-size: 15px;
    letter-spacing: 0.4px;
    margin-bottom: 0px;
}

.event-group p{
    margin-bottom: 9px;
}

.event-group a:hover{
    text-decoration: none;
}

.abt_i_date{
    padding: 20px 55px;
    font-size: 14px;
    letter-spacing: 0.04em;
    border-radius: 28px/27px;
    background-color: #f4f4f4;
    box-shadow: 0 0 5px rgba(0, 0, 0, .09);
    display: table;
    margin: 30px auto -28px;
    position: relative;
    z-index: 1;
}

.cs_select{
    position: relative;
}

.cs_select i {
    position: absolute;
    color: #8a8a8a;
    font-size: 15px;
    right: 30px;
    line-height: 50px;
}

.cs_select select {
    float: left;
    min-height: 13px;
    padding: 0 30px;
    position: relative;
    width: 100%;
    border: 2px solid #ececec;
    border-radius: 5px;
    height: 50px;
    color: #9a9a9a;
    font-size: 14px;
    font-style: italic;
    -webkit-appearance: none;
    background: transparent;
    z-index: 1;
}

option {
    font-weight: normal;
    display: block;
    white-space: pre;
    min-height: 1.2em;
    padding: 0px 2px 1px;
}

.rbox2{
    display:inline-block;
    margin-right: 5px;
    margin-bottom: -5px;
    margin-top: 20px;
}

.rbox2 label {
    background: #f7f7f7;
    padding: 35 30 35 30;
    display: table;
    border-radius: 5px;
    font-size: 14px;
    color: #222;
    font-weight: 500;
    margin: 0 0 30 0;
    cursor: pointer;
}

.rbox2 input{
    position: absolute !important;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
}

.rbox2 input:checked + label {
    background: #1c57a1;
    color: #fff;
    padding: 35 30 35 30;
}

.AEB .card:hover{
    cursor: pointer;
}

.AEB .card img{
    height: 250px;
    object-fit: cover;
    -webkit-transition: 0.6s ease;
    transition: 0.6s ease;
}

.AEB .card:hover img{
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}

.AEB .card:hover h5{
    color: #0C5692;
}


.menu-opener, .menu-opener:hover, .menu-opener.active, .menu-opener-inner, .menu-opener-inner::before,
.menu-opener-inner::after, .menu, .menu.active {
  -webkit-transition: 250ms all;
  transition: 250ms all;
}

.menu-opener {
  display: none;
  cursor: pointer;
  height: 44px;
  position: absolute;
  top: 8%;
  right: 1%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 50px;
  z-index: 2;
}

.menu-opener:hover{
  background: #fff;
}

.menu-opener.active {
  background: #ddd;
}

.menu-opener:hover .menu-opener-inner, .menu-opener:hover .menu-opener-inner::before,
.menu-opener:hover .menu-opener-inner::after{
  background: #000;
}

.menu-opener-inner {
  background: #fff;
  height: .5rem;
  margin-left: .30rem;
  margin-top: 1.20rem;
  width: 2.5rem;
}
.menu-opener-inner::before, .menu-opener-inner::after {
  background: white;
  content: '';
  display: block;
  height: .5rem;
  width: 2.5rem;
}

.menu-opener.active .menu-opener-inner::before, .menu-opener.active .menu-opener-inner::after {
  background: #000;
}

.menu-opener.active:hover .menu-opener-inner{
  background: #ddd;
}

.menu-opener-inner::before {
  -webkit-transform: translateY(-0.75rem);
  -ms-transform: translateY(-0.75rem);
  transform: translateY(-0.75rem);
}
.menu-opener-inner::after {
  -webkit-transform: translateY(0.25rem);
  -ms-transform: translateY(0.25rem);
  transform: translateY(0.25rem);
}
.menu-opener-inner.active {
  background: transparent;
}
.menu-opener-inner.active::before {
  -webkit-transform: translateY(0rem) rotate(-45deg);
  -ms-transform: translateY(0rem) rotate(-45deg);
  transform: translateY(0rem) rotate(-45deg);
}
.menu-opener-inner.active::after {
  -webkit-transform: translateY(-0.5rem) translateX(0rem) rotate(45deg);
  -ms-transform: translateY(-0.5rem) translateX(0rem) rotate(45deg);
  transform: translateY(-0.5rem) translateX(0rem) rotate(45deg);
}

.menu {
  display: none;
  background: #ddd;
  color: #000;
  color: transparent;
  height: auto;
  position: absolute;
  top: 8%;
  right: 1%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 0rem;
  z-index: 1;
}

.menu.active {
  width: -webkit-calc(200px);
  width: calc(200px);
}

.menu.active .menu-link {
  color: #000;
}

.menu-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: block;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  height: 100%;
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 200px;
  margin-left: 5px;
}

.menu-link {
  color: transparent;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  font-size: 1rem;
  font-weight: 500;
  height: 100%;
  text-align: center;
  text-decoration: none;
  padding: 10px;
  text-decoration: none!important;
}

.menu-link li {
  margin: auto;
}

.menu-link:hover li{
  color: #0054A6!important;
  cursor: pointer;
}

.menu-link:hover{
  cursor: pointer;
}


.menu-opener.changed .menu-opener-inner, .menu-opener.changed .menu-opener-inner::before, .menu-opener.changed .menu-opener-inner::after
{
    background-color : #000;
}

.menu-opener.changed{
    top: 25%;
}

.menu-opener.changed .menu-opener-inner.active {
  background: transparent;
}

.menu.changed.active{
  width: -webkit-calc(200px);
  width: calc(200px);
  top: 0%;
  right: 0%;
}



@media screen and (max-width: 1200px) {
  .menu, .menu-opener{
    display: block;
  }
  .midnav .dropdown{
    display: none;
  }
  .midnav img{
    width:65px;
    height:56px;
  }
  .nav-bar .icon {
    float: right;
    font-size: 17px;
    display: block;
    color: #fff;
    width: 0%;
    margin-top: 3px!important;
    text-decoration: none;
    position: absolute;
    right: 110;
    top: 5;
  }
  .midnav{
    padding: 4px;
    padding-right: 0px;
  }
  .midnav .dropdown:before{
    content: none;
  }

  .dc_media {margin: 150 0 15 0!important}

  .dropbtn {padding: 22px!important;font-size: 13px!important;}

  .m_div_top{margin: 112px!important}
}

@media screen and (max-width: 1200px) {

  .midnav.responsive .dropdown {
    float: none;
    display: block;
    text-align: left;
    margin-left: 0px!important;
  }

  .midnav.responsive .dropdown-content {position: relative;}

  .midnav.responsive .dropdown-submenu .dropdown-menu{
    top: 100%!important;
    left: 2%!important;
    min-width: 260px!important;
  }

   .midnav.responsive .dropdown-submenu2 .dropdown-menu2{
    top: 100%!important;
    left: 2%!important;
    min-width: 240px!important;
    border:1px solid #cecece;
  }

  .midnav.responsive .f_r {position: absolute;left: 140!important;top: 30}
}

@media screen and (max-width: 1290px) {
    .countdown{margin:-30px!important;}
    .uc_media{position: absolute;left: -100;top: -50;}
}

@media screen and (max-width: 535px) {
    .countdown{
        display:none!important
    }
}

@media screen and (max-width: 1160px) {
    .footer-video{
        width: 40%;
    }
}

@media screen and (max-width: 760px) {
    .footer-video{
        display: none;
    }
}

@media screen and (max-width: 1250px) {
    .calendar{width: 1268px;}
    .calender{overflow-x: scroll;}
}



@media screen and (max-width: 1400px) {
    .dropbtn {font-size: 18px}
    .midnav img{width: 90;height: 80}
    .dropdown-content{top: 68px}
}

@media screen and (max-width: 1100px) {
    .orn_media p{padding:0 10 0 10!important; }
  }

@media screen and (max-width: 1015px) {
    .recent_media {
        min-width: 600px;
  }
   .recent_media1 {
        min-width: 850px;
  }
}

@media screen and (max-width: 900px) {
   .recent_media1 {
        min-width: 620px;
  }
  
  .img > span, .img > div{
    font-size: 16px!important;
  }

  .img .join button{
    padding: 10 25!important;
    margin-top: 20px!important;
    font-size: 14px!important;
  }
}

@media screen and (max-width: 650px) {
    .recent_media {
        min-width: 420px!important;
   }
    .recent_media1 {
        min-width: 450px;
  }
 }

 @media screen and (max-width: 450px) {
    .recent_media {
        min-width: 220px!important;
   }
    .recent_media1 {
        width: auto;
        min-width: 0;
        display: table;
  }
 }   

@media screen and (max-width: 992px) {
   .single_lbl_media{display: none!important}
   .blog_date{margin-bottom: 20px}
   .event_date{margin-bottom: 20px}
   .top_img1{height: 326px!important;object-fit: cover}
   .inner_intro{bottom:10%!important;top: auto!important;transform: translate(-50%,0%)!important;width: 80%}
   .inner_intro h2{font-size: 25px!important}
   .inner_intro h5{font-size: 18px!important;margin-top: 10px!important}
}

@media screen and (max-width: 992px) {
   .single_img_fw_media{width:100%!important;float: none!important;margin-bottom: 20px}
}

@media screen and (max-width: 770px) {
   .co_details_media{text-align: left!important;}
}

*:focus {
    outline: none;
}

/*.modal-dialog {
  width: 800px!important;
  height:1500px !important;
}*/

.modal-header {
    background-color: #337AB7;
    padding:30 40 30 80!important;
    color:#FFF;
    border-bottom:2px dashed #337AB7;
    text-align: center;
 }
 
.btn-crim{
    color: #fff;
    background-color: #9A3322;
}

.btn-crim:hover{
    color: #9A3322;
    background-color: transparent;
    border: solid 2px;
    cursor: pointer;
}

#carousel div {
    text-align: center;
    width: 200px;
    height: 195px;
    float: left;
    position: relative;
    margin: 0 50;
}
#carousel div img {
    border: none;background-color: #fff;padding: 20px 30px;
}
#carousel div span {
    display: none;
}
#carousel div:hover span {
    color: #fff;
    font-family: Arial, Geneva, SunSans-Regular, sans-serif;
    font-size: 14px;
    line-height: 22px;
    display: inline-block;
    width: 100px;
    padding: 2px 0;
    margin: 0 0 0 -50px;
    position: absolute;
    bottom: 0px;
    left: 50%;
    border-radius: 3px;
}
 
.m_past_events .row{margin-top: 100px}
 
.m_carousel .carousel-item > img{filter: brightness(90%);width:100%;height:100%}

.blog_text1 > p{color: #666;line-height: 1.9;font-size:15px}

.blog_text > p{color: #666;line-height: 1.9;font-size:16.5px;text-align: justify}

.blog .col-lg-4:hover{cursor: pointer}

.blog .col-lg-4:hover h4{color: #53A92C;font-size: 25px}

.news .col-lg-4:hover{cursor: pointer}

.news .col-lg-4:hover h5{color: #e00000;font-size: 20.5px}

.m_team .sc_socials .fa-facebook:hover{color: #3B5998}
.m_team .sc_socials .fa-twitter:hover{color: #33CCFF}
.m_team .sc_socials .fa-instagram:hover{color: #fb3958}
.m_team .sc_socials .fa-linkedin:hover{color: #4875B4}

.sticky{
    background-color: #fff;
    transition: .8s;
    box-shadow: 0px 0px 20px #ccc;
}

.sticky .dropbtn{
    margin-top: 15px;
    color: #666;
}

.sticky .dropdown + .dropdown:before{
    top: 47%;
    background-color: #666;
}

.sticky .dropbtn:hover {
    color: #f9b122;
}

.sticky img{
    width: 90px;
    height: 79px;
}

.m_news p{
    line-height: 2;
    font-size: 16.5px;
    color: #555;
}

.m_news p img{
    width: 100%;
}

.m_news a, .m_blog a, .m_event a, .m_news p, .m_blog p, .m_event p{
    word-wrap: break-word;
}

.m_event p{
    line-height: 2;
    font-size: 16.5px;
    color: #555;
}



nav ul li {
  display: inline-block;
}
nav ul li a {
  display: block;
  padding: 15px;
  text-decoration: none;
  color: #aaa;
  font-weight: 800;
  text-transform: uppercase;
  margin: 0 10px;
}
nav ul li a,
nav ul li a:after,
nav ul li a:before {
  transition: all .5s;
}
nav ul li a:hover {
  color: #555;
}



/* SHIFT */
nav.shift ul li a {
  position:relative;
  z-index: 1;
}

nav.shift ul li a:after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  width: 100%;
  height: 1px;
  content: '.';
  color: transparent;
  background: #0054A6;
  visibility: none;
  opacity: 0;
  z-index: -1;
}
nav.shift ul li a:hover:after {
  opacity: 1;
  visibility: visible;
  height: 100%;
}

.m_other_blog a:hover img, .news a:hover img{
    opacity: 0.8;
}

.m_other_blog a:hover .img, .news a:hover .img{
    background-color: #000;
}

.blog .col-lg-4, .news .col-lg-4{
    text-decoration: none;
    color: black;
    margin-top: 50px;
    padding: 10 40;
    border-left: 1px solid #89e35f77;
}

.news .col-lg-4{
    border-left: 1px solid #bf000033;
}

.blog .col-lg-4:nth-of-type(3n+1), .news .col-lg-4:nth-of-type(3n+1) {
    clear: both;
    border-left: none;
}

.member p{
    line-height: 1.9;
    font-size: 18px;
    color: #555;
}

.line{
    margin: 60 0;
}

.line h5{
    text-align: center;
    font-weight: 700;
    overflow: hidden;
    width: 100%;
    margin: auto;
    text-transform: uppercase;
}

.line h5:before{
    right: 0.5em;
    margin-left: -50%;
}

.line h5:after{
    left: 0.5em;
    margin-right: -50%;
}

.line h5:before, .line h5:after {
    background-color: #ccc;
    content: "";
    display: inline-block;
    height: 1.2px;
    position: relative;
    vertical-align: middle;
    width: 50%;
}

.member_link a{
    text-decoration: none!important;
}

.member_link a:hover img{
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
    -webkit-transform: scale(1.4);
    transform: scale(1.4);
}

.follow a:hover img{
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}


@media screen and (max-width: 576px) {
    .m_mf .sm_h_img{display: none;}
    .m_mf .sm_s_img{display: block!important;margin-left: auto;margin-right: auto;margin-top: 20px}
}

@media screen and (max-width: 600px) {
    .sc_media h4{font-size: 16px!important;float: left}
    .sc_media .top-inner{padding: 15 0 0 7!important}
    .sc_media .div2{display: none}
    .sc_media text{display: none}
    .sc_media .div3, .sc_media .div1{float: left;font-size: 12px}
    .sc_media .div1 button, .sc_media .div3 button{padding: 3 8 3 8}
    .m_help > div > b {font-size: 20px!important}
    .m_help > div > .m_p {padding: 20 4 0 4!important}
    .m_help > div > .m_p > i {font-size: 13!important}
    .m_help > div > .m_p {text-align: justify!important;}
    .m_ta .col-sm-5 img{width: 100%;height: 300}
    .m_ta .m_h {display: block!important}
    .m_ta .m_h1 {display: none!important}
    .m_ta .col-sm-7 {text-align: center;margin: 0 15 0 15}
    .m_ta .col-sm-7 .col-lg .wpcu_item{margin-left: 40%}
    .m_help .col-sm-3{margin-top: 20px}
    .m_help .col-sm-4{margin-left: 3%!important;margin-bottom: 50px}
    .a .v_line{display: none;}
    .m_help .col-sm-6>img{height:50px!important; width:50px!important; margin-right: 10px;}
    .m_help .col-sm-6>div>h5{font-size: 16px}
    .m_help .col-sm-6>div>span>b{font-size: 14px}
    .m_help .container-fluid{padding: 0px!important}
    .countries>h2{font-size: 25px!important;margin-top: 30px!important}
    .countries>h2>span{font-size: 25px!important}
    .countries strong{font-size: 16px!important}
    .countries span{font-size: 10px!important}
    .countries p{font-size: 12px!important}
    .m_journey .row{margin-right: 10px!important;margin-left: 10px!important}
    .m_journey h4{font-size: 25px!important}
    .m_journey p{text-align: justify}
    .m_partners>div{padding: 0px!important}
    .m_partners .p_title{padding:50 0 0 20!important}
    .m_partners h2{font-size: 25px!important}
    .m_partners p{font-size: 15px!important}
     footer{padding: 0 30 50 30!important}
     footer img{width:65!important;height:56!important}
     footer .m_sm_p{font-size: 14px}
     footer .f-contact p{font-size: 13px}
     footer div>iframe{height: 350px!important}
     footer div>.fb-page>blockquote{height: 350px!important}
    .footer-bottom .copyrights{font-size: 14px!important}
    .social-media{float: left;margin-top: 10px;width: 100%}
    .footer-bottom{text-align: center;}
    .m_areas{padding: 0px!important}
    .m_areas h1{font-size: 22!important}
    .m_areas h4{font-size: 16!important}
    .m_areas p{font-size: 14!important}
    .m_areas span{font-size: 16}
    .m_team{padding-top: 50px!important}
    .m_team .m_sep{margin-bottom: 20px}
    .m_team h1{font-size: 20px!important}
    .m_team h3{font-size: 18px!important;margin-top: 20px}
    .m_team p{font-size: 13px!important}
    .m_team .sc_socials{margin-top: 0px}
    .m_team .col-sm-4{margin-bottom: 40px!important}
    .m_past_events{padding-bottom: 40px!important}
    .m_past_events .row{margin:80 20 0 20!important}
    .m_past_events .row .e_l h4{font-size: 16px!important}
    .m_past_events .row .e_l p{font-size: 12px!important}
    .m_past_events .row .e_l div{font-size: 12px!important;margin-top: 0px!important}
    .m_blog h2{font-size: 20px!important}
    .m_blog p{font-size: 14px!important}
    .m_blog{margin-left: 20px!important;margin-right: 20px!important;margin-bottom: 100px!important}
    .m_news h2{font-size: 21px!important}
    .m_news{margin: 40 20 50 20!important}
    .m_co_details > h5{margin-bottom: 20!important}
    .m_co_details .contact{margin-top: 20!important}
    .m_qsn h1{font-size: 24px!important}
    .m_donate > h2{font-size: 20px}
    .m_donate .rbox2 input:checked + label { padding: 20 15 20 15;}
    .m_donate .rbox2 label {padding: 20 15 20 15;font-size: 12px;font-weight: 500;margin: 0 0 30 0;}
    .m_donate .rbox2{margin-top: 0px;}
    .m_donate .p_style{font-size: 14px;text-align: center}
    .testimonial .test_title b{font-size: 25px!important}
}

@media screen and (max-width: 768px) {
    .topinner .mr-sm-2{width:120!important}
    .topinner .m_s{padding-left: 20px!important}
    .topinner{margin-right: 10px}
    .midnav img{width:75px!important;height:65px!important}
    .m_carousel .carousel-item{height: 300px!important}
    #Controls .carousel-control-prev, #Controls .carousel-control-next{margin: 0px!important}
    .m_carousel .img{display: none}
    .intro{display: block!important}
    .sc_media h4{font-size: 20px}
    .m_carousel .img{font-size: 17px!important;top: 80%!important;left:0%!important;}
    .a .v_line{height: 45px!important}
    .a>div>p>span{font-size: 30px!important;}
    .a>div>p>text{font-size: 11px!important;}
    .m_dc{font-size: 15px}
    .m_mf .p_style{font-size: 14px!important}
    .m_mf{padding: 30px!important;}
    .countries small{font-size: 20px!important}
    .m_journey p{font-size: 15px!important}
    .m_blog div{text-align: left!important}
    .m_blog text{margin-right:0px!important;display: block;}
    .m_blog h2{font-size: 25px}
    .m_blog p{font-size: 16px}
    .m_news h2{font-size: 25px}
    .m_news p{font-size: 14px}
    .m_co_details h4{font-size: 20px}
    .m_co_details p{font-size: 14px}
    .m_qsn h1{font-size: 28px;margin-bottom: 0px}
    .m_qsn img{width: 30px;line-height: 0px!important}
    .follow h3{margin-top: 40px!important}
    .testimonial{height: auto!important;text-align: center;}
    .testimonial .carousel-item > div{display: block!important}
    .news .col-lg-4{border-left: 0px;padding: 0px}
    .blog .col-lg-4{border-left: 0px;padding: 0px}

    .resources{padding: 40px 50px!important}
}

@media screen and (max-width: 992px) {
    .m_ta .col-sm-7 .col-lg .wpcu_item{margin-top: 10px!important}
    .m_ta .col-sm-7 .col-lg .f-inner{margin-top: 10px!important}
    .m_ta .col-sm-5 img{height: 400;}
    .m_ta .col-sm-5{margin-top: 450!important;}
    .m_mf .sm_hide{display: none;}
    .m_mf .p_style{font-size: 16px}
    .m_mf header{font-size: 25px!important}
    .m_mf .modal-content{width: 100%!important;left: 0%!important;top: -30px;}
    .m_mf .modal-title{font-size: 18px!important}
    .m_mf .modal-header{padding-left: 50px!important}
    .countries strong{font-size: 20px}
    .countries span{font-size: 12px}
    .countries p{font-size: 15px}
    .footer-bottom .copyrights{font-size: 15px}
    .head_1 h2{font-size: 20px!important}
    .head_1 div{margin: 35px!important}
    .m_abt h2{font-size: 20px!important}
    .m_abt .p_style{font-size: 15px!important}
    .m_areas h1{font-size: 30;}
    .m_areas h4{font-size: 20;}
    .m_areas p{font-size: 16;text-align: justify;}
    .m_team h1{font-size: 25px}
    .m_team h3{font-size: 20px}
    .m_team p{font-size: 14px}
    .m_past_events .row .e_l h4{font-size: 18px}
    .m_past_events .row .e_l p{font-size: 15px;text-align: justify;}
    .m_past_events .row .e_l div{font-size: 14px}
    .m_pub{margin-bottom: 100px!important}
    .testimonial img{width: 140px!important;height: 140px!important;margin-top: 20px}
    .testimonial .p_inner{margin-right: 30px}
    .testimonial .p_inner p{font-size: 14px}
    .testimonial .p_inner span{font-size: 15px}
    .testimonial .p_inner cite{font-size: 18px}
    .testimonial .p_inner > i{font-size: 15px!important}
    .m_dc>header{font-size: 24px!important}
    .m_dc{margin-top: 30px;margin-bottom: 30px}
    .m_dc .col-lg-4{margin-bottom:70px}
    .m_dc .col-lg-4 img{margin-top: 25px;margin-bottom: 10px!important}
    .m_dc .col-lg-4 .f-inner{font-size: 17px}
    .m_blog{margin-top: 40px!important}
    .m_blog h1{font-size: 25px}
    .m_blog .m_blogger{font-size: 16px!important}
    .m_blog .m_blog_date{font-size: 14px}
    .m_blog .m_other_blog{margin-left: 0px!important;margin-top: 50px}
    .m_event{margin-top: 40px!important}
    .m_event h3{font-size: 25px}
    .m_event .m_location{font-size: 16px!important}
    .m_event .m_event_date{font-size: 14px}
    .m_event .m_other_events{margin-left: 0px!important;margin-top: 50px}
    .col-lg-3 .news{margin-left: 0px!important;margin-top: 50px}
    .col-lg-3 .news img, .m_other_blog img{height: auto!important}

    .resources .col-lg-3 img{display: none!important}
    .resources .col-lg-9 img{display: block!important;margin-top: 10px}
    .resources{text-align: center}
}

@media screen and (max-width: 1281px) {
    .m_ta .col-sm-7 .col-sm{font-size: 14px}
    .m_ta .col-sm-7 .col-sm h5{font-size: 16px!important}
    .a .v_line{height: 60px}
    .a>div>p>span{font-size: 40px;}
    .a>div>p>text{font-size: 14px;}
    .countries>h2{font-size: 30px;margin-top: 20px}
    .m_journey .col-sm-5{display: none;}
    .m_journey .col-xl-7 img{display: block!important;margin-top: 40px}
}

@media screen and (max-width: 1480px) {
    .m_help .col-sm-6>div{width: 100%!important;}
}

@media only screen and (max-width: 1200px) and (min-width: 995px)  {
    .AEB .col-lg-4{padding: 30 10!important}
}

@media only screen and (max-width: 576px)  {
    .AEB .col-lg-4{padding: 30 0!important}
    #comment .well h4{margin-top: 25px}
    #comment .media-date {top: 15px}
    #comment img {display: none}
}

@media screen and (max-width: 1040px){
    .sc_socials .sc_socials_item {
        margin: 0px!important;
    }
}

@media screen and (max-width: 992px){
    .district{width: 33.33%!important}
}


@media screen and (max-width: 576px){
    .sc_socials_item a.icons i {
        height: 30px;
        line-height: 25px;
        width: 30px;
    }
    .m_team img{
        padding: 5px!important
    }

    .m_team h2{
        padding: 10px;
        font-size: 20px;
    }
    .v, .district_v{
        font-size: 12px;
    }
    .member h1{
        font-size: 28px
    }
    .member h4{
        font-size: 18px
    }

    .member{
        margin-top: 120px!important;
    }

    .member > div{
        padding: 20 30!important;
        text-align: justify;
    }

    .member > div p, .member > div p span{
        font-size: 15px!important;
    }

    .resources{padding: 20px 40px!important}

    .resources .card-title{font-size: 20px}

    .resources p{font-size: 16px!important}

    .resources a{padding: 4% 10% 4% 10%!important;border: solid 2px #1c57a1}

    .resources .row{margin: 50px 20px!important}


}

@media screen and (max-width: 330px){
    .topinner .mr-sm-2 {
        width: 80!important;
    }
}

.dropdown-menu {
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    left: 50%!important;
    transform: translate(-50%);
    padding: 0px!important;
    /*text-align: center!important;*/
}

.dropdown-menu a {
    color: #000;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: 500;
    border-bottom: 1px solid #ccc;
}

.dropdown-menu a:hover {
    background-color: #ddd;
    text-decoration: none;
}



.page-header { position: relative; }
.reviews {
    color: #555;    
    font-weight: bold;
    margin: 10px auto 20px;
}

h4.reviews{
    font-size: 16px;
    margin: 5px auto 10px;
}

.notes {
    color: #999;
    font-size: 12px;
}
.media .media-object { max-width: 120px; }
.media-body { position: relative; }
.media-date { 
    position: absolute; 
    right: 25px;
    top: 25px;
}
.media-date li { padding: 0; }
.media-date li:first-child:before { content: ''; }
.media-date li:before { 
    content: '.'; 
    margin-left: -2px; 
    margin-right: 2px;
}
.media-comment { margin-bottom: 20px;color: #000 }
.media-replied { margin: 0 0 20px 50px; }
.media-replied .media-heading { padding-left: 6px; }

.btn-circle {
    font-weight: bold;
    font-size: 12px;
    padding: 6px 15px;
    border-radius: 20px;
}
.btn-circle span { padding-right: 6px; }
.embed-responsive { margin-bottom: 20px; }
.tab-content {
    padding: 50px 15px;
    border: 1px solid #ddd;
    border-top: 0;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}
.custom-input-file {
    overflow: hidden;
    position: relative;
    width: 120px;
    height: 120px;
    background: #eee url('https://s3.amazonaws.com/uifaces/faces/twitter/walterstephanie/128.jpg');    
    background-size: 120px;
    border-radius: 120px;
}
input[type="file"]{
    z-index: 999;
    line-height: 0;
    font-size: 0;
    position: absolute;
    opacity: 0;
    filter: alpha(opacity = 0);-ms-filter: "alpha(opacity=0)";
    margin: 0;
    padding:0;
    left:0;
}
.uploadPhoto {
    position: absolute;
    top: 25%;
    left: 25%;
    display: none;
    width: 50%;
    height: 50%;
    color: #fff;    
    text-align: center;
    line-height: 60px;
    text-transform: uppercase;    
    background-color: rgba(0,0,0,.3);
    border-radius: 50px;
    cursor: pointer;
}
.custom-input-file:hover .uploadPhoto { display: block; }

 @media screen and (max-width: 450px) {
    .m_s{display: none!important}
 }

 .fb_iframe_widget_fluid {
    display: inline-block!important;
}