body{
  margin: 0px;
  padding: 0px;
  width:100%;
  min-height:100%;
  background: #fff;
  color:#000;
  font-family: 'Barlow', sans-serif;
  font-weight: normal;
  position: relative;
  overflow-x: hidden;
}

a:visited, a:focus, a:hover, a.active{
  color: #999;
  text-decoration: none;
  outline: none !important;
}
.slidr .carousel-control-next, .carousel-control-prev{
  width: 6%
 }

h1,h2,h3,h4{
  margin: 0px;
}

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

h1{
  font-size: 30px;
}

h2{
  font-size: 24px;
}

h3{
  font-size: 20px;
}

h4{
  font-size: 18px;
}

p{
  font-size:15px;
}
header {
    width: 100%;
    float: left;
    border: none;
    box-shadow: none;
}
.header-top{
  width: 100%;
  float: left;
}
.menu-section{
  width: 100%;
  float: left;
}
.logo img {
    width: 120px;
}
.menu-section .navbar{
  padding-left: 0px;
  padding-right: 0px
}
.head-botm {
    background: #3962aa;
    padding: 10px 0px;
    float: left;
    width: 100%;
    box-sizing: border-box;
}
.top-menu li a {
    padding-left: 30px !important;
    color: #3962aa;
    font-size: 17px;
}
.note-line {
    width: 100%;
    float: left;
}
.note-line h3 {
    color: #fff;
    font-size: 17px;
    font-weight: 500;
    text-transform: capitalize;
    margin-top: 8px;
}
.log-sctn {
    width: 200px;
    float: left;
    position: relative;
}
.log-sctn input {
    padding-right: 48px;
    margin-right: 0px !important;
    border-radius: 20px;
}

.log-sctn button {
    position: absolute;
    right: 0px;
    border: none;
    color: #3962aa
}
.log-sctn button:hover {
    background: transparent;
    color: #3962aa;
}
.log-sctn input:focus{
  outline: none;
  box-shadow: none;
}
.user-login {
    float: left;
    width: calc(100% - 200px);
}
.user-login a {
    background: #f97226;
    color: #fff;
    text-decoration: none;
    display: inline-block;
    padding: 6px 30px;
    /* line-height: 25px; */
    height: 38px;
    border-radius: 20px;
    margin-left: 10px;
    float: right;
}
.slider-section{
  width: 100%;
  float: left;
}
.slidr{
  width: 100%;
  float: left;
}

.carousel-caption-1 h2 {
    width: 50%;
    color: #fff;
    font-weight: bolder;
    font-size: 37px;
    text-transform: uppercase;
    font-weight: 900;
}
.carousel-caption-1 h2 span {
    color: #f97226
}
a.know-btn {
    background: #f97226;
    color: #fff;
    text-decoration: none;
    display: inline-block;
    padding: 8px 16px;
    margin-top: 20px;
    border-radius: 5px;
}

.section-full {
    width: 100%;
    float: left;
    padding: 30px 0px;
    position: relative;
}
.carousel-sectn {
    width: 100%;
    float: left;
}
.carousel-item img{
  width: 100%
}
.blue-bg{
  background: #3962aa;
  position: absolute;
  top: 0px;
  left: 0px;
  height: 300px;
  width:100%;
  z-index: -1
}
.carousel-sectn .flickity-viewport {
    height: 500px !important;
}
.heading-h2 {
    width: 100%;
    float: left;
    z-index: 999999;
}
.heading-h2 h2 {
    color: #fff;
    text-align: center;
    font-weight: 600;
    margin-bottom: 30px;
    margin-top: 20px;
    font-size: 26px;
}
/*-------- card ------*/

.card-article {
    width: 100%;
    float: left;
    padding: 15px;
    box-sizing: border-box;
    box-shadow: 1px 1px 9px #0e0e0e42;
    /*background: #f9f9f9*/
    height: 477px
}
.img-card {
    width: 100%;
    float: left;
    position: relative;
    background-size: cover;
    height: 180px;
    background-position: center;
}
.img-card img {
    width: 100%;
}
.captn-nme {
    width: 70%;
    padding: 5px 20px 5px 10px;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    position: absolute;
    bottom: -16px;
    box-shadow: 1px 12px 12px #7d7d7d;
    clip-path: polygon(0 0, 90% 0%, 100% 100%, 100% 80%, 100% 100%, 20% 100%, 0 100%, 0% 20%);

}
.card-cont {
    float: left;
    width: 100%;
    padding-top: 30px;
}
.card-cont h3 {
    font-weight: 600;
    font-size: 18px;
    margin-bottom:4px;
    color: #333;
    max-height: 105px;
    overflow: hidden;
}
.date-sectn {
    float: left;
    width: 100%;
    margin-bottom: 5px;
}
.date-ar {
    font-size: 12px;
    margin-right: 10px;
}
.tme {
    font-size: 12px;
    margin-right: 10px;
}
.card-cont p {
    float: left;
    font-size: 15px;
    color: #616161;
    max-height: 95px;
    overflow: hidden;
}
.cont-read {
    float: left;
    width: 100%;
    text-align: right;
    position: absolute;
    bottom: 15px;
    right: 15px;
}
.read-btn {
    color: #fff !important;
    display: inline-block;
    padding: 6px 15px;
    border-radius: 5px;
    text-decoration: none;
}
.read-btn:hover{
  background:#333;
}

.countr-sectn iframe{
  width: 100%;
}
.slidr .carousel-inner{
  height: 400px;
}
/*----------*/

/*.carousel-card {
    width: 30%;
    float: left;
}
*/
.carousel-cell {
  width: 26%;
  margin-right: 2%;
  border-radius: 5px;
  background: #f9f9f9
}
.carousel-cell .captn-nme{
  background: #333
}
.carousel-cell.is-selected .captn-nme{
  background: #f97226
}
.carousel-cell .read-btn{
  background: #333
}
.carousel-cell.is-selected .read-btn{
    background: #3962aa;
}

.carousel-cell.is-selected {
  background: #fff !important;
}

/* cell number */
.carousel-cell:before {
  display: block;
  color: white;
}


/*---------- carousel end --*/


.w-bg h2 {
    color: #3962aa;
}

.tab-section{
  width: 100%;
  float: left;
}
.tab-section .nav a {
    width: 50%;
    background: #3962aa !important;
    border-radius: 0px !important;
    font-weight: 600;
    font-size: 16px;
    border:none;
    color: #ffffffbd
}
.tab-section .nav a.active {
    background: #1e4384 !important;
    color: #fff !important
}
.tab-section .nav a:hover{
  color: #fff !important;
  background: #17366b !important;
}
.countr-sectn {
    text-align: center;
    width: 100%;
    float: left;
}
.tab-section .flickity-viewport {
    height: 300px !important;
    padding-top: 30px;
}


/*.carousel-1 .flickity-viewport {
    height: 500px !important;
}
.carousel-2 .flickity-viewport {
    height: 500px !important;
}
*/
.orng-bg h2 {
    color: #f97226;
}

/*-------*/

.tab-section-popupar{
  width: 100%;
  float: left;
}
.tab-section-popupar .nav a {
    width: 50%;
    background: #f97226 !important;
    border-radius: 0px !important;
    font-weight: 600;
    font-size: 16px;
    border:none;
    color: #ffffffbd
}
.tab-section-popupar .nav a.active {
    background: #e6641a !important;
    color: #fff !important
}
.tab-section-popupar .nav a:hover{
  color: #fff !important;
  background: #d45d1b !important;
}
.countr-sectn {
    text-align: center;
    width: 100%;
    float: left;
}
.tab-section-popupar .flickity-viewport {
    height: 300px !important;
    padding-top: 30px;
}
/*---- counter ---*/

.bg-lit {
    background: #f9f9f9;
}

/*---------- vide ----*/
.video-sectn {
    width: 100%;
    float: left;
}
.carousel-cell-video {
  width: 33%;
  margin-right: 2%;
  border-radius: 5px;
  background: #f9f9f9
}
.carousel-cell-video .captn-nme{
  background: #333
}
.carousel-cell-video.is-selected .captn-nme{
  background: #f97226
}
.carousel-cell-video .read-btn{
  background: #333
}
.carousel-cell-video.is-selected .read-btn{
    background: #3962aa;
}

.carousel-cell-video.is-selected {
  background: #fff !important;
}

footer {
    background: #4562aa;
    float: left;
    width: 100%;
    text-align: center;
    padding: 15px;
}
footer p {
    margin-bottom: 0px;
    color: #fff;
    font-size: 16px
}
.fotr{
  text-align: center;
  width: 100%;
  float: left;
}


/*------ responsive start ------------*/

.mobDevice{
  width: 100%;
  float: left;
}
.mobDiv {
    width: 33.3%;
    float: left;
}
.mob-logon {
    text-align: right;
    padding-top: 2px
}
.mob-logon a {
    background: #3962aa;
    display: inline-block;
    padding-top: 5px;
    border-radius: 50%;
    width: 36px;
    height: 36px;
    text-align: center;
    line-height: 28px;
}
.mob-logon a i{
    color: #fff
}
.mob-logon a:last-child i {
    font-size: 16px;
}

.mob-logon a i {
    color: #fff;
    font-size: 19px;
}
.strip{
    background: #3962aa;
    width: 100%;
    float: left;
    height: 20px;
}

/*----------------------------- ARticle page sstart ----------*/


/*-------- card ------*/

.card-article-bx {
    width: 100%;
    float: left;
    padding: 15px;
    box-sizing: border-box;
    box-shadow: 1px 1px 9px #0e0e0e42;
    border-radius: 7px;
    margin-top: 30px;
    position: relative;
}
.img-card-bx {
    width: 24%;
    float: left;
    position: relative;
    background-size: cover;
    height: 155px;
    background-position: center;
    border-radius: 6px;
    overflow: hidden;
}
.img-card-bx img {
    width: 100%;
}
.captn-nme-bx {
    width: 100%;
    padding: 5px 20px 5px 10px;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    position: absolute;
    bottom: 0;
    text-align: center;
    background: #3962aa;
}
.card-cont-bx {
    float: left;
    width: calc(100% - 24%);
    padding-left: 30px;
}
.card-cont-bx h3 {
  text-transform: uppercase;
    font-weight: 600;
    font-size: 24px;
    margin-bottom:4px;
    color:#333;
    max-height: 82px;
    overflow: hidden;
}
.pub-nme {
    color: #f97226;
    font-weight: 500;
}
.date-sectn-bx {
    float: left;
    width: 100%;
    margin-bottom: 5px;
}

.card-cont-bx p {
    float: left;
    font-size: 15px;
    color: #616161;
    max-height: 45px;
    overflow: hidden;
}
.cont-read-bx {
    float: left;
    width: 100%;
    text-align: right;
}
.twitter-box .twitHnd .eapps-link{
  display: none !important;
}

/*.twitter-box iframe#twitter-widget-1 {
  height: 400px !important;
  overflow-y: scroll;
}*/
.twitter-box {
  width: 100%;
  float: left;
  height: 500px;
  overflow-y: scroll;
}
.folow {
  width: 100%;
  float: left;
}

.read-btn-bx {
    color: #ffffff !important;
    display: inline-block;
    padding: 6px 15px;
    border-radius: 5px;
    text-decoration: none;
    background: #3962aa;
}
.read-btn-bx:hover{
  background:#333;
}


/*----------*/
.text-center-bx {
    width: 100%;
    float: left;
    text-align: center;
    margin: 40px 0px 20px;
}
.tab-section-articl{
  width: 100%;
  float: left;
}
.tab-section-articl .nav a {
    width: auto;
    background: #1e4384;
    border-radius: 0px !important;
    font-weight: 600;
    font-size: 16px;
    border: none;
    color: #ffffffbd;
    display: inline-block;
    padding: 8px 36px;
    border-right: 1px solid #5d87d0;
}
.tab-section-articl .nav a.active {
    background: #3962aa !important;
    color: #fff !important
}
.tab-section-articl .nav a:hover{
  color: #fff !important;
  background: #3962aa !important;
}
.tab-section-articl nav {
    background: #1e4384;
}
.pd-0 h2 {
    text-align: left;
}



/*----------------------------------- article detail -----------------------------------*/


.articl-option {
    width: 100%;
    float: left;
}
.bred-cum {
    width: 50%;
    float: left;
} 
.bred-cum nav ol {
    background: #3330;
    padding: 0px;
}
.bred-cum nav ol li a {
    color: #3962aa
}
.pdf-down {
    width: 100%;
    float: left;
    text-align: right;
}
.icn-pdf {
    width: 40px;
    float: right;
    height: 40px;
    box-shadow: 0px 1px 4px #33333324;
    border-radius: 50%;
    text-align: center;
    padding-top: 9px;
    margin-left: 12px;
    background:#fff;
}
.totla-down {
    width: 100%;
    float: left;
    font-size: 12px;
}
.totla-down i {
    color: #3962aa;
    margin-right: 10px;
}
.icn-pdf img{
    width: 22px
}
.d-pdf h2 a{
    color: #3962aa;
    font-size: 20px;
    font-weight: 600;
    text-decoration: none;
}
.d-pdf h3{
  margin-bottom: 0px !important
}
.d-pdf h3 a{
    color: #3962aa;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
}

.d-pdf {
    float: right;
    width: 130px;
    padding-top: 9px;
}
.article-detail {
    width: 100%;
    float: left;
}
.arDown{
  width: 50%;
  float: left;
}
.detailH2 h2 {
    margin-bottom: 20px;
}



/*----- article detail card ---*/



.card-article-detail {
    width: 100%;
    float: left;
    box-sizing: border-box;
}
.img-card-detail {
    width: 100%;
    float: left;
    position: relative;
    background-size: cover;
    height: 50vh;
    background-position: center;
    border-radius: 20px 20px 0px 0px;
    overflow: hidden;
}
.img-card-detail img {
    width: 100%;
}
.captn-nme-detail {
    width: auto;
    padding: 15px 40px 15px 10px !important;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    position: absolute;
    bottom: 0px;
    box-shadow: 1px 12px 12px #7d7d7d;
    clip-path: polygon(0 0, 90% 0%, 100% 100%, 100% 80%, 100% 100%, 20% 100%, 0 100%, 0% 20%);
    background: #f97226;
}

.card-cont-detail h3 {
    font-weight: 600;
    font-size: 28px;
    margin-bottom: 4px;
    color: #3962aa;
}
.date-sectn-detail {
    float: left;
    width: 50%;
    margin: 6px 0px 15px;
}
.date-ar-detail {
    font-size: 13px;
    margin-right: 10px;
}
.tme-detail {
    font-size: 13px;
    margin-right: 10px;
}
.card-cont-detail p {
    float: left;
    font-size: 16px;
    color: #616161;
}
.card-cont-detail {
    padding: 40px;
    float: left;
    width: 100%;
    border: 1px solid #eee;
}



/*----------*/

.shre-btn {
    width: 200px;
    padding-left: 10px;
    border-left: 1px solid #999;
}
.shre-btn a {
    margin-left: 2px;
    display: inline-block;
    position: relative;
    top: 4px;
}
.shre-btn a:hover{
  background:#3962aa;
}

.search-pop .log-sctn {
    width: 100%;
    margin-top: 40vh;
}
#searchModal .modal-dialog .modal-content {
    height: 98vh;
    background:#3962aae0
}
#searchModal{
  z-index: 9999999;
  background: #3962aa;
}
#searchModal .modal-header {
    border-bottom: none;
}

.dn-l{
  display: none;
}
.dn-s{
  display: block;
}
.pd-t-0{
  padding-top: 0px
}

.mostView{
  height: 247px;
}
.view-count{

}
.carousel-caption-1 {
position: absolute;
top: 0;
left: 0;
right: 0;
background: #06060647;
padding-top: 8%;
padding-left: 7%;
padding-right: 7%;
height: 100%;
}

#signinForm {
width: 41%;
margin: 0px auto;
}
#signinTable {
margin: 0px auto;
padding: 50px 30px;
border: 1px solid #eee;
display: block;
border-radius: 10px;
margin-bottom: 20px;
}
#signinTable input {
width: 100%;
margin-left: 10px;
height: 35px;
margin-bottom: 10px;
border: 1px solid #ccc;
border-radius: 4px;
}
#signinTable input[type="checkbox"] {
width: auto;
}
#signinTable td.value label {
position: relative;
top: -12px;
}
#signinTable input.button {
background: #f97226;
border-radius: 20px;
border: none;
padding: 6px 30px;
line-height: 20px;
height: 38px;
color: #fff;
width: 100px;
}
.jope_sbmtjrnl a {
color: #f97226;
}
#reset ul a {
  color: #678ce6;
}
#reset {
  height: 350px;
}

.carousel-cell .view-count{
  color:#3962aa;
  font-weight: 500;
  font-size: 15px;
  margin-bottom: 10px;
  display: inline-block;
}
.carousel-cell.is-selected .view-count{
  color: #f97226;
  font-weight: 700;
}
.btnJopeh {
  width: auto !important;
  background: #f97226 !important;
  border: none !important;
  padding: 6px 20px !important;
  border-radius: 20px !important;
  height: 38px !important;
  color: #fff !important;
  font-size: 16px !important;
}
.btnClr{
background: #333 !important;
  border: none;
  padding: 6px 20px;
  border-radius: 20px;
  height: 38px;
  color: #fff;
  font-size: 16px;
  margin-left: 10px
}
#registerForm .data input , #registerForm .data select {
  width: 40%;
  margin-bottom: 10px;
  border: 1px solid #ccc;
  height: 35px;
  border-radius: 4px;
}
/*#registerForm .data select {
  width: 40%;
  margin-bottom: 10px;
  border: 1px solid #ccc;
  height: 35px;
  border-radius: 4px;
}*/
:focus-visible {
  outline: none;
}
#registerForm .data textarea {
  width: 40%;
  margin-bottom: 10px;
  border: 1px solid #ccc;
  height: 100px;
  border-radius: 4px;
}
#registerForm input[type=checkbox], #registerForm input[type=radio] {
  width: 61px;
  height: 18px;
  position: relative;
  top: 2px;
}
.pageIner{
border: 1px solid #eee;
padding: 40px 30px;
width: 100%;
float: left;
}
#lostPasswordTable input {
  width: 39%;
  margin-left: 10px;
  height: 35px;
  margin-bottom: 10px;
  border: 1px solid #ccc;
  border-radius: 4px;
}
#registerForm h3 , #privacyStatement h3{
  font-family: 'Barlow';
  font-weight: 600;
  margin-bottom: 20px;
  font-size: 22px;
}
#registerForm a.action {
  float: left;
  width: 100%;
  position: relative;
  top: -6px;
  color: #0d7afc;
  font-size: 13px;
}
.msgInfo {
  font-size: 13px;
  position: relative;
  top: -8px;
}

.pageIner h3{
  font-weight: 600;
  margin-bottom: 20px;
  font-size: 22px;
  color: #3962aa
}
.plain {
margin-bottom: 20px
}
.plain li a {
  color: #5a5a5a;
  padding-left: 7px;
  transition: 0.3s ease;
}
.plain li a:hover {
  color: #f97226;
  padding-left: 10px;
  transition: 0.3s ease;
  font-weight: 600
}
.wiFul{
width: 100% !important
}

iframe#twitter-widget-0 {
  position: relative !important;
  top: 4px;
}
.vol_title {
  margin-top: 20px;
  font-weight: 400;
  font-size: 18px;
  float: left;
  color: #3962aa;
}

.log-sctn .btn:active {
  background: transparent !important;
}
.log-sctn .btn:focus {
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
}

.log-sctn .btn {
  background: transparent;
  border: none;
  box-shadow: none;
}
.log-sctn form{
margin-bottom: 0px !important;
}
#search input {
  width: 40%;
  margin-bottom: 10px;
  border: 1px solid #ccc;
  height: 35px;
  border-radius: 4px;
}
#search .selectMenu {
  width: 13.1% !important;
  height: 35px;
  border: 1px solid #ccc;
  background: transparent;
  border-radius: 4px;
  margin-bottom: 10px;
}
#search h4 {
  color: #3962aa;
  margin-bottom: 10px;
  font-weight: 600;
  margin-top: 10px;
  font-size: 19px;
}
.jope_listlisting {
  width: 100%;
  float: left;
}

.botao-wpp {
  background: #47aa09;
  color: #fff;
  font-size: 12px;
  padding: 1px 3px;
  border-radius: 2px;
  position: relative;
  top: -1px !important;
  line-height: 18px;

}
/* .botao-wpp i {
  position: relative;
  top: 1px;
} */

.log-sctn .btn:active i {
  color: #333;
}

.main-timeline{
  width: 100%;
  float: left;
  position: relative;
  margin-bottom: 30px
}
.main-timeline .timeline-content a {
  display: block;
  padding: 30px 20px;
}
.main-timeline .timeline-content a:hover{
cursor: pointer;
}
.timeline-content.blueBg {
  background: #3962aa !important;
}
.timeline-icon.blue-icon {
  border-top-color: #3962aa !important;
  border-right-color: #3962aa !important;
}
.blueBg::before {
  background: #3962aa !important;
}
.blue-icon .year {
  color: #3962aa !important;
}
.year.smlYr {
  line-height: initial !important;
  font-size: 17px !important;
  padding-top: 34px !important;
}
.timeline-content.orngBg {
  background: #f97226!important;
}
.orngBg::before {
  background: #f97226 !important;
}

.timeline-icon.ornh-icon {
  border-top-color: #f97226 !important;
  border-right-color: #f97226 !important;
}
.main-timeline .timeline{
  position: relative;
  margin-top: -47px;
  width: 100%;
  float: left;
}
.main-timeline .timeline:first-child{ margin-top: 0; }
.main-timeline .timeline:before,
.main-timeline .timeline:after{
  content: "";
  display: block;
  width: 100%;
  clear: both;
}
.main-timeline .timeline:before{
  content: "";
  width: 100%;
  height: 100%;
 /* box-shadow: -8px 0 5px -5px rgba(0, 0, 0, 0.5) inset;*/
  /*position: absolute;*/
  top: 0;
  right: 0;
  z-index: 2;
}
.main-timeline .timeline-icon{
  width: 210px;
  height: 210px;
  border-radius: 50%;
  border: 25px solid transparent;
  border-top-color: #dcdcdc;
  border-right-color: #dcdcdc;
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
  transform: rotate(45deg);
}
.main-timeline .year{
  display: block;
  width: 110px;
  height: 110px;
  line-height: 110px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 0 20px rgba(0,0,0,0.4);
  margin: auto;
  font-size: 30px;
  font-weight: bold;
  color: #797575;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  transform: rotate(-45deg);
}
.main-timeline .timeline-content{
  width: 35%;
  float: right;
  background: #dcdcdc;/*
  padding: 30px 20px;*/
  margin: 50px 0;
  z-index: 1;
  position: relative;
}
.main-timeline .timeline-content:before{
  content: "";
  width: 20%;
  height: 15px;
  background: #dcdcdc;
  position: absolute;
  top: 50%;
  left: -20%;
  z-index: -1;
  transform: translateY(-50%);
}
.main-timeline .title{
  font-size: 20px;
  font-weight: bold;
  color: #fff;
  margin: 0 0 10px 0;
}
.main-timeline a .description{
  font-size: 16px;
  color: #fff;
  line-height: 24px;
  margin: 0;
  font-weight: 600;
  height: 72px;
  overflow: hidden;
}
.main-timeline .description{
  font-size: 16px;
  color: #fff;
  line-height: 24px;
  margin: 0;
  font-weight: 600
}
.main-timeline .timeline:nth-child(2n):before{ 
/*box-shadow: 8px 0 5px -5px rgba(0, 0, 0, 0.5) inset; */
}
.main-timeline .timeline:nth-child(2n) .timeline-icon{ transform: rotate(-135deg); }
.main-timeline .timeline:nth-child(2n) .year{ transform: rotate(135deg); }
.main-timeline .timeline:nth-child(2n) .timeline-content{ float: left; }
.main-timeline .timeline:nth-child(2n) .timeline-content:before{
  left: auto;
  right: -20%;
}
/*.main-timeline .timeline:nth-child(2n) .timeline-icon{
  border-top-color: #f97226;
  border-right-color: #f97226;
}*/
/*.main-timeline .timeline:nth-child(2n) .year{ color: #e97e2e; }*/
.main-timeline .timeline:nth-child(2n) .timeline-content,
/*.main-timeline .timeline:nth-child(2n) .timeline-content:before{ background: #f97226; }*/
.main-timeline .timeline:nth-child(3n) .timeline-icon{
  border-top-color: #dcdcdc;/*difrent color box*/
  border-right-color: #dcdcdc;/*difrent color box*/
}
.main-timeline .timeline:nth-child(3n) .year{ color:#797575; /*difrent color box*/ }
.main-timeline .timeline:nth-child(3n) .timeline-content,
.main-timeline .timeline:nth-child(3n) .timeline-content:before{ background:#dcdcdc; /*difrent color box*/}
.main-timeline .timeline:nth-child(4n) .timeline-icon{
  border-top-color:#dcdcdc; /*4th box*/
  border-right-color:#dcdcdc; /*4th box*/
}
/*.main-timeline .timeline:nth-child(4n) .year{ color: #f97226;  }*/ /*4th box*/
.main-timeline .timeline:nth-child(4n) .timeline-content,
/*.main-timeline .timeline:nth-child(4n) .timeline-content:before{ background: #f97226;  }*/ /*4th box*/
.timeline-icon.ornh-icon .year {
  color: #f97226;
}

.drk h3, .drk p {
  color: #797575 !important;
}
.ornh-icon span.year.smlYr {
  color: #f97226 !important;
}

.srIcn .btn-outline-success {
  top: 4px;
}

.mbIcn .open-search {
  top: -2px;
  position: relative;
}

.mbIcn .open-search i {
  top: 6px;
  position: relative;
}
.mbIcn .bi-person {
  position: relative;
  top: 4px;
}

.tab-section nav {
  width: 258px !important;
  margin: 0px auto !important;
  margin-bottom: 30px !important;
  text-align: center;
}
.tab-section-popupar nav {
  width: 258px !important;
  margin: 0px auto !important;
  margin-bottom: 30px !important;
  text-align: center;
}
.tab-section #nav-tab{
  border-bottom: none !important;
}

.sectn_pop {
  width: 100%;
  float: left;
}
.strpConList {
  width: 100%;
  float: left;
  margin-bottom: 20px;
}
.strpConList a{
display: flex;
background: #f2f2f2;
padding: 20px;
border-radius: 10px;
}
.stripNo {
  width: 50px;
  float: left;
}
.stripNo span {
  background: #f97226;
  color: #fff;
  width: 30px;
  height: 30px;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  padding-top: 3px;
  border-radius: 50%;
  font-size: 15px;
  font-weight: 600;
}
.strpCont {
  width: calc(100% - 150px);
  float: left;
}
.strpCont h3 {
  font-size: 15px;
  font-weight: 600;
  height: 57px;
  overflow: hidden;
  color: #999;
  text-transform: uppercase;
}
.vwCount {
  width: 100px;
  float: left;
  text-align: right;
}
.vwCount span {
  color: #f97226;
  font-size: 14px;
  font-weight: 600;
}

.stripNo .bcnt {
  background: #3962aa;
}

.vwCount .bcnt {
  color: #3962aa;
}
#nav-tabContent {
  width: 100%;
  float: left;
}
.addSrch a {
  background: #3962aa;
  padding: 3px 13px;
  color: #fff !important;
  border-radius: 15px;
  font-size: 14px;
  margin-left: 5px;
  display: inline-block;
  font-weight: 400;
}
.addSrch a:hover{
  cursor: pointer;
  background: #f97226;
}
.addSrch {
  font-size: 17px;
  font-weight: 600;
  float: left;
  width: 100%;
  margin-bottom: 10px;
}

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

.sh {
    display: none;
}
.dn-s{
  display: none;
}
.dn-l{
  display: block;
}
.header-top{
  padding: 10px 0px
}
.logo img {
    width: 90px;
}
.logo-mob{
  text-align: center;
}
.logo-mob a{
  margin-right: 0px;
  padding: 0px
}
.menu-section .navbar {
    padding: 0px;
}
.menu-section-mob .navbar {
    padding: 0px;
}
.menu-section-mob .navbar button {
    padding-left: 0px;
}
.menu-section-mob .navbar button:focus{
  border:none;
  box-shadow: none;
  outline: none;
}
.menu-section-mob i {
    color: #3962aa;
    font-size: 27px;
}
.top-menu {
    background: #3962aa;
}
.top-menu li a {
    color: #ffffff;
    font-size: 15px;
    border-bottom: 1px solid #2e518e;
    padding: 7px 20px !important;
}
.carousel-caption-1 h2 {
  width: 76%;
  font-size: 15px;
}
.carousel-caption-1 {
  padding-top: 10%;
}
a.know-btn {
    padding: 3px 13px;
    margin-top: 15px;
    font-size: 14px;
}
.slidr {
    padding: 0px 15px;
    background: #3962aa;
}
.slidr .carousel {
    border-radius: 10px;
    overflow: hidden;
}
.note-line h3 {
    font-size: 15px;
    margin-top: 0;
    text-align: center;
}

/*--- carusel --*/

.carousel-cell {
  width: 70%;
}
.img-card{
  height: 130px
}
.captn-nme {
    bottom: 0;
}
.card-cont{
  padding-top: 10px
}
.card-cont h3{
  font-size: 16px;
  max-height: 61px
}
.card-article{
  height: 358px
}
.mostView {
  height: 220px;
}
.section-full{
  padding: 0px
}
.carousel-sectn .flickity-viewport{
  height: 380px !important;
  padding-top: 5px
}

.heading-h2 h2 {
    margin-bottom: 20px;
    margin-top: 15px;
    font-size: 20px;
    text-align: left;
    border-bottom: 1px solid #587ec1;
    padding-bottom: 10px;
}
.card-cont p {
    max-height: 45px;
}
.tab-section .flickity-viewport {
    height: 300px !important;
}
.tab-section-popupar .flickity-viewport {
    height: 300px !important;
}
.heading-h2 {
    padding: 0px 15px;
}
.heading-h2 h2:after {
    content: "";
    width: 110px;
    height: 6px;
    background: #f97226;
    display: block;
    position: relative;
    bottom: -11px;
}
.carousel-cell-video {
    width: 60%;
  }

.carousel-cell-video iframe{
  height: 130px !important
}
.heading-h2.notBdr h2:after{
  display: none;
}
.heading-h2.notBdr h2{
  border-bottom: none;
  text-align: center;
}
.logo-visit img {
    width: 84px;
}

.logo-visit {
    width: 100%;
    float: left;
    text-align: center;
    padding: 15px 0px;
}
.bg-l {
    background: #f9f9f9;
    margin-top: 20px;
}

.tab-section-articl .nav {
    white-space: nowrap;
    float: initial;
    /* width: 100%; */
    overflow-y: scroll;
    overflow-x: auto;
    display: block;
}
.img-card-bx {
    width: 100%;
}
.card-cont-bx {
    width: 100%;
    padding-left: 0px;
    margin-top: 10px;
}
.card-cont-bx h3 {
    font-size: 18px;
    max-height: 66px;
}
.cont-read-bx{
  position: relative;
  right: 0px;
  bottom: 0px
}
.pd-0 {
    padding: 0px;
}
.tab-section .nav a{
  text-align: center;
}
.tab-section-popupar .nav a{
  text-align: center;
}
.captn-nme-detail {
    width: 70%;
    padding: 5px 30px 5px 10px !important;
    color: #fff;
    font-size: 13px;
}

.img-card-detail {
    height: 230px;
    border-radius: 5px;
}
.card-cont-detail {
    padding: 15px;
  }
.card-cont-detail h3 {
    font-size: 18px;
  }
.bred-cum {
    width: 100%;
}
.notBdr h2 {
    margin-bottom: 10px;
}

.date-sectn-detail{
  width: 100%
}

.tme-detail{
  margin-right: 4px;
}
.shre-btn {
  width: 100%;
  padding-left: 0px;
  border-left: none;
  float: left;
}
.arDown {
    width: 100%;
    background: #f972263b;
    padding: 8px 10px 5px;
}
.icn-pdf {
    margin-top: -3px;
}
.countr-sectn img {
    width: 260px;
    margin-bottom: 20px;
}

 .slidr .carousel-inner{
    height: auto;
}
.countr-sectn iframe {
  width: 100%;
  height: auto;
}
#signinForm {
  width: 100%;
}
.pageIner{
  margin: 20px 0px 30px
}
#signinTable{
  border:none;
  padding:0px;
}
.fb_iframe_widget_fluid {
  display: inline;
  position: relative;
  top: -6px;
}
.captn-nme{
max-height: 47px;
overflow: hidden;
}
#registerForm .data input, #registerForm .data select {
  width: 100%;
}
#registerForm .data textarea {
  width: 100%;
}
#search input {
  width: 100%;
}
#search .selectMenu {
  width: 31% !important;
}


}



@media only screen and (max-width: 1199px){
  /*  .main-timeline .timeline{ margin-top: -103px; }*/
    .main-timeline .timeline-content:before{ left: -18%; }
    .main-timeline .timeline:nth-child(2n) .timeline-content:before{ right: -18%; }
  }
  @media only screen and (max-width: 990px){
  /*  .main-timeline .timeline{ margin-top: -127px; }*/
    .main-timeline .timeline-content:before{ left: -2%; }
    .main-timeline .timeline:nth-child(2n) .timeline-content:before{ right: -2%; }
  }
  @media only screen and (max-width: 767px){
    .main-timeline .timeline{
        margin-top: 20px;
        overflow: hidden;
    }
    .main-timeline .timeline:before,
    .main-timeline .timeline:nth-child(2n):before{
        box-shadow: none;
    }
    .main-timeline .timeline-icon,
    .main-timeline .timeline:nth-child(2n) .timeline-icon{
        margin-top: -30px;
        margin-bottom: 20px;
        position: relative;
        transform: rotate(135deg);
    }
    .main-timeline .year,
    .main-timeline .timeline:nth-child(2n) .year{ transform: rotate(-135deg); }
    .main-timeline .timeline-content,
    .main-timeline .timeline:nth-child(2n) .timeline-content{
        width: 100%;
        float: none;
        border-radius: 0 0 20px 20px;
        text-align: center;
        /*padding: 25px 20px;*/
        margin: 0 auto;
    }
    .main-timeline .timeline-content:before,
    .main-timeline .timeline:nth-child(2n) .timeline-content:before{
        width: 15px;
        height: 25px;
        position: absolute;
        top: -22px;
        left: 50%;
        z-index: -1;
        transform: translate(-50%,0);
    }
  }