.top-header {
	position:relative;
	width:100%;
	display:block;
	background: #282829;
    padding: 12px 0;
}

.top-header h3 {
    color: #ffd400;
    font-size: 17px;
    margin: 0;
}
.top-header p a {
    color: #fff;
    text-decoration: none;
}
.top-header p {
	margin:0;
}
.second-header {
	position:relative;
	width:100%;
	display:block;
    margin-bottom: 0;
    background-color: #da3738;
}
.logo-content {
    text-align: center;
    color: #fff;
    padding: 20px 0;
}
.logo-content h3 {
    color: #fff;
    font-size: 30px;
}



/* Menu style */


  .navbar {
    padding: 0;
    line-height: 3rem;
    .dropdown-menu {
      line-height: initial;
    }
  }  
  
  .dropdown {
    .dropdown-menu {
      display: none;
    }
  }
  .dropdown,
  .dropend {
    &:hover {
      & > .dropdown-menu {
        display: block;
      }
    }
  }
  .dropdown {
    &:hover {
      & > .dropdown-menu {
        margin-top: -.5rem;
      }
    }
  }
  .dropend {
    &:hover {
      & > .dropdown-menu {
        position: absolute;
        top: -.5rem;
        left: 100%;
        margin-left: 0;
      }
    }
  }

.nav-link:focus, .nav-link:hover {
    color: #ffd400;
   
}
nav-link:active {
    color: #ffd400 !important;
   
}
.nav-link {    
    color: #fff;
	padding: 8px 19px !important;
   
}
.navbar {
    
    background: #045b93;
}
.dropdown-item:focus, .dropdown-item:hover {
    color: #1e2125;
    
}
.dropdown-menu {
    position: absolute;
    z-index: 1000;
    display: none;
    min-width: 10rem;
    padding: .5rem 0;
    margin: 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #045b93;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: .25rem;
}
.dropdown-item:focus, .dropdown-item:hover {
    color: #1e2125;
   background-color: #045b93;
}
.dropdown-item {   
    color: #fff;
   
}
.dropdown-item:hover {
	 color: #ffd400 !important;
	
} 
.left-home-sty h3 {
    color: #0075be;
    font-size: 28px;
}
.home-content-area {
	position:relative;
	width:100%;
	display:block;
	padding:50px 0;

}
.article-home-list {
	position:relative;
	width:100%;
	display:block;
	padding:50px 0;
	background-color: #ededed;
}
.box{
     background-color: #0075be;
     font-family: 'Raleway', sans-serif;
     overflow: hidden;
     position: relative;
 }
 .box:before,
 .box:after{
     content: '';
     background: #da3738;
     height: 50%;
     width: 100%;
     opacity: 0.7;
     position: absolute;
     top: -50%;
     left: 0;
     z-index: 1;
     transition: all 0.3s ease-in 0s;
 }
 .box:after{
     top: auto;
     bottom: -50%;
 }
 .box:hover:before{ top: 0; }
 .box:hover:after{ bottom: 0; }
 .box img{
     width: 100%;
     height: auto;
 }
 .box .box-content{
     color: #fff;
     text-align: center;
     width: 100%;
     opacity: 0;
     position: absolute;
     top: 40%;
     left: 0;
     z-index: 2;
     transition: all 0.3s ease-out 0.1s;
 }
 .box:hover .box-content{
     opacity: 1;
     top: 20%;
 }
 .box .title{
     font-size: 28px;
    font-weight: 700;
    letter-spacing: 0.6px;
    text-transform: capitalize;
    margin: 0;
    color: #fff;
    padding-top: 42px;
 }
 .box .title:after{
     content: '';
     height: 2px;
     width: 70px;
     border-top: 2px dashed rgba(255,255,255,0.7);
     margin: 7px auto 10px;
     display: block;
     clear: both;
 }
 .box .post{
     color: rgba(255,255,255,0.8);
     font-size: 12px;
     font-weight: 500;
     letter-spacing: 3px;
     text-transform: uppercase;
     display: block;
 }
 .box .icon{
     padding: 0;
     margin: 0;
     list-style: none;
     opacity: 0;
     transform: translateX(-50%);
     position: absolute;
     left: 50%;
     bottom: 40%;
     z-index: 2;
     transition: all 0.3s ease-out 0.1s;
 }
 .box:hover .icon{
     opacity: 1;
     bottom: 20%;
 }
 .box .icon li{
     margin: 0 3px;
     display: inline-block;
 }
 .box .icon li a{
     color: #444;
     background-color: #fff;
     font-size: 15px;
     text-align: center;
     line-height: 36px;
     height: 35px;
     width: 35px;
     border-radius: 10px;
     display: block;
     transition: all 0.3s ease 0s;
 }
 .box .icon li a:hover{
     color: #fff;
     background: #12c2e9;
 }
 .content-sty-artic ul {
	 padding:0;
	 margin-left:20px;
	 
 }
 .content-sty-artic ul li {
	 line-height:26px;
	 
 }
 .content-sty-artic h3 {
	 color: #da3738;
    font-size: 22px;
    margin-bottom: 10px;
 }
 
.bottom-text-home {
	text-align:center;
}
 
.bottom-text-home h4 {
	color: #0075be;
	font-size:22px;
}
.article-home-list .space {
	margin-bottom:35px;
}
.inner-banner img {
	width: 100%;
	margin-bottom: 30px;
}

.inner-banner {
	position:relative;
	width:100%;
	display:block;
}

.inner-page-title {
	position:relative;
	width:100%;
	display:block;
	padding: 50px 0;
	
}
.inner-page-title h3 {
	color: #0075be;
    font-size: 28px;
}
.inner-page-title hr {
	    border-top: #da3738 4px solid;
    width: 120px;
    margin: 0;
}
.box-article-area {
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 7%);
    background: #fff;
    padding: 12px 25px;
}
.box-article-area h2 {
    color: #0075be;
    font-size: 23px;
    margin: 10px 0;
}
.issue-page-cols {
	position:relative;
	width:100%;
	display:block;
	padding: 0 0 50px 0;
}

.author-guid h4 {
    color: #da3738;
}
.issue-page-cols h4 {
	color: #da3738;
}
.issue-page-cols .but-sty {
	margin-top: 33px;
}
.issue-page-cols .but-sty a {
	    background: #ffd400;
    color: #24292e;
    padding: 10px 25px;
    font-weight: bold;
}
.manuscript-butt {
	margin-top:40px;
}

.manuscript-butt a {
	    background: #da3738;
    color: #fff;
    padding: 15px 25px;
    font-size: 25px;
}
.editor-board-sty {
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 7%);
    background: #fff;
    padding: 20px 25px;
    text-align: center;
	margin-bottom:30px;
}
.editor-board-sty h3 {
    color: #da3738;
}
.main-editorial h2 {
    color: #da3738;
	text-align:center;
}
.main-editorial, .person-page-sty {
	position:relative;
	width:100%;
	display:block;

}












/* Footer Style */

.site-footer {
    color: #c2c0c4;
    background-color: #272727;
    padding: 15px 0;
	text-align:center;
}
.site-footer a {
    color: #c2c0c4;
	text-decoration: none;
    
}