html{scroll-behavior: smooth;}

@font-face {
font-family:'Helvetica',  sans-serif;
src: url('../fonts/Helvetica-Bold.ttf')}
a:hover{text-decoration:none}
body{padding:0;font-family: 'Helvetica',sans-serif;color:#171E3E;}
header{ position: fixed;
  top: 0;
  width: 100%;
  z-index:6666;height:150px}
.bg-green{background: #046508;}
.green{color:#046508}
.box{background:#e8e8e8;padding: 2%;margin-bottom: 10%;}
.box2{border:1px solid #000;border-radius:5px;margin:20px 0;
overflow:hidden;padding: 2%}
.shadow{box-shadow: 3px 3px 10px 0px rgba(69, 90, 100, 0.5);}
.underline{text-decoration:underline}
header,.wrapper-b{background:#FFF}
.top-bar{width:100%;background:#171E3E;color:#fff;padding:13px 0 10px;font-size:16px}


.top-bar form{margin: 0;
    padding: 0;
    border: 0;float:left;
	height:33px;
	overflow:hidden;
	width:70%}
#s{
	height:33px;
    background-color: #fff;
    border: 1px solid #f1f1f1;
    border-left: none;
    float: right;
    padding: 10px 0;
    text-indent: 10px;
	position:relative;
	width: 100%;
    float: left;
    color:black;
	}
#search-image {
    width: 34px;
	height:33px;
    font-size: 18px;
    color: #fff;
    padding: 3px 0;
    cursor: pointer;;
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    transition: all 0.25s linear;
    border: 0;
	border-radius:0;
	position:absolute;
	right: 0;
}
.form-group.sh{width:77%;background:#fff; position: relative;}
.dropdown-menu > li > a,.btn-group > .btn:first-child,.top-bar .form-control,.dropdown-menu > li > a
{color:#046508!important}
.dropdown-menu{right:0;left:auto}
select.input-sm{height:33px}
.top-bar select option:first-child,.dropdown-menu li:first-child {
display: none;}
select option:after{content:"\f054";}
.top-bar .right .form-group  {

	width:40%;display:inline-block
}
.top-bar .right{text-align:right}
.top-bar .right a{color:#fff}
.top-bar .right a{margin-right:8px;position: relative;}
.top-bar .bell{position:relative;margin-right:8px;font-size:22px}
.top-bar .right .bell .gren{position:absolute;
height:10px;width:10px;border-radius:50%;background:#046508;left: 14px;
    top: 2px;}
.top-bar .right .bell .red{position:absolute;
height:10px;width:10px;border-radius:50%;background:red;left: -3px;
    top: 2px;}
.dropdown-menu > li > a span{position: absolute;
    right: 5px;
    top: 8px;
}
.top-bar .right .dropdown-menu a{font-weight:bold}
.top-bar ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #046508;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #046508;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #046508;
}
/* navbar link*/
.navbar-default {
    background-color: #fff;padding-bottom: 10px;
border-color: #fff;border-radius:0; box-shadow: 3px 3px 10px 0px rgba(69, 90, 100, 0.5);}
.navbar-nav > li > a{font-size:16px; color: #171E3E;font-weight:bold}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{color: #171E3E;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #171E3E;
    background-color: transparent;
    text-decoration:underline;

}
.sticky {


}
/**banar*/
.banar{background-image:url(../img/banar.png);
background-repeat:no-repeat;
background-position: center;
background-size: 100% 100%;
height: 300px;color:#fff;padding:1% 0;
    margin-top: 150px;
}
.banar h2{font-weight:bold}
.banar h4{line-height:2;margin-bottom:4%;}
.banar .btn{padding-right:6%;position:relative;border-radius:0;margin-right:10px}
.banar a.btn {color:#fff}
.banar .btn i{position:absolute;right: 9px;
    top: 9px;}
/***index***/
.wrapper{overflow:hidden ;padding:2% 0}
form{overflow:hidden}
.title{margin:2% 0}
.title h3{display:inline-block;font-weight:bold;margin-left: 15px;text-decoration:underline}
.title a{font-size:16px;line-height:3;font-weight:bold;margin-right: 35px;}
.title a .fa{margin-left:5px}
.sidebar label {
  position: relative;
  cursor: pointer;
}
.sidebar li{list-style:none;border-bottom:1px solid #fff;margin-left:5px;line-height:3}
.sidebar .box li:last-child{border-bottom:none}
.sidebar h4{position:relative;padding-left: 10px;font-weight:bold}
.sidebar h4:before{background:#046508;position:absolute;content:"";height:20px;width:5px;left:0;}
.sidebar .nav-tabs > li {
    float: none;
    display: block;
}
.sidebar label ,.reg label{
  width: 100%;
  line-height: 2.5em;
  text-indent: 3.25em;
}

.sidebar input.radio:empty ,.reg input.radio:empty{
  margin-left: -9999px;
  min-height: 4px
}

.sidebar input.radio:empty ~ label,.reg input.radio:empty ~ label  {
  display: block;
  position: relative;
  bottom: 0;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #046508;
  font-size:15px;
  font-weight:bold
}

.sidebar input.radio:empty ~ label:before,.reg input.radio:empty ~ label:before {
 position: absolute;
    display: block;
    top: 5px;
    bottom: 2px;
    left: 5px;
    content: "";
    width: 25px;
    height: 25px;
    background: #fff;
    border-radius: 50%;
    border: 1px solid #046508;
}

.sidebar input.radio:hover:not(:checked) ~ label:before,.reg input.radio:hover:not(:checked) ~ label:before {
  content: "✔";
  text-indent: 6px;
  color: transparent;
}



.sidebar input.radio:checked ~ label:before,.reg input.radio:checked ~ label:before {
  content: "✔";
    text-indent:6px;
    color: #FFFFFF;
    background: #4DCB6D;
    transition: 0.25s ease-in-out;
    line-height: 1.5;
}

.sidebar input.radio:checked ~ label,.reg input.radio:checked ~ label {
   color: #046508;
  transition: 0.25s ease-in-out;
}

.sidebar input.radio:focus ~ label:before,.reg input.radio:focus ~ label:before {
  transition: 0.25s ease-in-out;
  color: white;
}
.Journal{overflow:hidden;margin-bottom:7%}
.Journal .right{float:right;width: 67%;}
.Journal .right li{color:#171E3E;list-style:none;line-height:1.7}
.Journal .right h4 a{color:#171E3E;font-weight:bold;line-height:1.4}
.Journal img{float:left;width:30%;margin-top:3px}
.Journal:hover{box-shadow: 10px 10px 15px 0px rgb(69 90 100 / 50%);transition: 0.25s ease-in-out;}
.center-banar{margin-bottom:2%}
.Hybrid{padding:5px;overflow:hidden;margin-bottom:7%}
.Hybrid:hover{box-shadow: 10px 10px 15px 0px rgb(69 90 100 / 50%);transition: 0.25s ease-in-out;}
.Hybrid h4,.Hybrid span{font-weight:bold;line-height:1.5}
.Hybrid p{line-height:1.5;font-size:18px;color:#707070}
.more{color:red;text-decoration:underline;margin-right: 15px;}

/****Journals*****/
.breadcrumb{background-color:#fff;padding: 10px 15px 0;}
.breadcrumb a{color:#333;font-weight:bold}
/****news****/
.news{border:1px solid;padding:1%}
.news span{padding:3px;color:#fff;margin-left:5px}
.news p{line-height:2;font-size:14px}
.scroll{height: 220px;
    overflow-y: scroll;overflow-x: hidden;}
.box a {color:#046508;font-size:16px;display:block;line-height:3;padding-left: 10px;
transition: 0.25s ease-in-out;border-bottom:1px solid #fff}
.box a:hover {color:#fff;background:#046508;}
.sidebar .box a:last-child{border-bottom:none}
::-webkit-scrollbar {
  width: 7px;
}
/* Handle */
::-webkit-scrollbar-thumb {
  background: #707070;
  border-radius: 10px;
}
.mix{display:none}
/****reset password******/
.big-logo img{display:inline-block;width:25%}
.big-logo h3{font-weight:bold}
.box2.reset ,.box2.log{width:70%;margin:1px auto;padding:4% 2%}
.reset img,.log img{display:inline-block;width:50%}
.reset .btn,.log .btn{color:#fff;padding:20px 45px;margin-top:8%;margin-bottom:3%}
.log .btn{padding:15px 35px; margin-top: -3%;}
.log a{line-height:4}
.log .form-control,.reset .form-control  {
height: 45px;}
/***register****/
.register .box1{padding:5px;border:1px solid #333;border-radius:5px; margin-bottom: 2%;}
.register .bg-green{padding:3px;color:#fff;border-radius:5px}
.cont {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.cont input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
 background-color: #fff;
    border: 1px solid;
}

/* On mouse-over, add a grey background color */
.cont:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.cont input:checked ~ .checkmark {
  background-color: #046508;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.cont input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.cont .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
/***journal home****/
header .breadcrumb {
    background-color: #fff;
    padding: 5px 15px;
	margin-bottom: 10px;
	border-top:1px solid #c1c1c1;
	border-radius:0}

.banar.banar2{background-image:none;background-color:#046508;overflow:hidden;
position:relative;height: 260px; margin-top: 10px;}
.banar2 h2{font-weight:bold}
.banar2 h5{line-height:2;font-weight:bold}
.banar2 .info,.banar2 img{display:inline-block}
.banar2 img{width:137px;float:left;margin-right:2%}
.banar2 .info {

    width: 54%;

}
.banar2-bottom{width:100%;height:28px;position:absolute;bottom:0;right:1px}
.banar2 span{background:#232333;color:#fff;padding:4px;margin-left:4px;
float:right;display:inline-block;}

.up-loude{padding:5px;color:#fff;font-weight:bold;font-size: 18px;
    margin-bottom: 20px;}
.up-loude .fa{margin-right:3px}
.right-sidebar h4{font-weight:bold;margin-left: 8px;}
.right-sidebar h4:before {
    background: #046508;
    position: absolute;
    content: "";
    height: 20px;
    width: 5px;
    left: 20px;
}

.sidebar .panel-heading {
  padding: 0;
	border:0;
}
.sidebar .panel-title>a,.sidebar .panel-title>a:active{
	display:block;
	padding:0 15px;
  color:#fff;
  font-size:16px;
  font-weight:bold;
	text-transform:uppercase;
	letter-spacing:1px;
  word-spacing:3px;
	text-decoration:none;
}
.sidebar .panel-title>a{color:#046508;}
.sidebar .panel-heading.active a{color:#fff!important}
.sidebar .panel-heading  a:before {
   font-family: 'FontAwesome';
   content: "\f054";
   float: right;
   transition: all 0.5s;
}
.sidebar .panel-heading.active a:before {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	transform: rotate(90deg);
}

.sidebar .panel-heading .panel-title{
  background-color:#e8e8e8;

}

.sidebar .active .panel-title{
  background:#046508
}
.sidebar .panel-title>a:hover{color:#fff}
.sidebar.jur a,.right-sidebar{font-size:14px}
.sidebar.jur a .fa{margin-right:3px}
.sidebar .panel-default,.sidebar .panel-default > .panel-heading {

    border-color: transparent;
}
li{list-style:none}
.sidebar .panel-body{background:#e8e8e8}
.sidebar .panel-body li{border-bottom:none;}
.sidebar .panel-body li a{color:#707070}
.sidebar .panel-body li a:hover{background:transparent}
.sidebar .panel{border:none}
.jur-home{position:relative;margin-top:40px;padding:2%;margin-bottom:4%}
.jur-home .bg-green{position:absolute;color:#fff;padding:8px;font-weight:bold;top: -37px;left:0}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #fff;
background-color: #046508;}
.nav-tabs > li {background:#ddd;margin-right: 5px;}
.nav-tabs > li > a{color:#046508;border: 1px solid #046508;text-decoration:none}
.tab-content.box2{margin:0}
.tab-content article{margin-bottom:20px}
/****articals*****/
.b2{ margin-top: 150px;}
.artical .more{text-decoration:underline;color:#046508}
.right-sidebar .bg-green{color:#fff;padding:3px;margin-right:4px;width:80px;height:70px;
display:inline-block;text-align:center;line-height: 2;}
.right-sidebar .bg-green img{width: 55px;
    margin-top: 8px;}
.right-sidebar .down .bg-green a{border-bottom: none;}

.r-art a{text-decoration:underline}
.r-art .bg-green{padding:5px;color:#fff;font-size:16px;font-weight:bold;display: inline-block;}
.Refer li span{margin-right:20px}
.reg label.cont {

    line-height: 1;
    font-size: 14px;
    color: #046508;
	text-indent: 0.25em;
	margin-bottom: 20px;
}
.register .tab-content .form-group{padding:10px 10px 0}
.register .checkmark {
top: -4px}
.fav{margin-top:40px}
.r-x .bg-green{margin-right: 25px;width: 100px;}
.right-sidebar .bg-green:last-child{margin-right:0}
.notch p,.notch p > span,.notch li > span{position:relative;font-size:18px}
.notch p > span{margin-right:15px;}
.notch span span,.notch li span{position:absolute;font-size:12px}
.notch li{position:relative;padding-left:10px;font-size:18px}
.notch li .left{position:absolute;left:0}
.notch .right{right:-9px}
/***register***/
.register .reg{position:relative}
.register label {position:relative}
.register label span{position:absolute;color:red;font-size:22px}
.register .tab-content label span{color:#046508}
.reg input.radio:empty ~ label:before{border-radius:0}
.reg input.radio:checked ~ label:before {
background: #046508;}
.reg .radio {
min-height: 15px}
.reg label {
line-height: 1;}
.reg input.radio:empty ~ label:before {

top: -3px;}
.register input[type="radio"]{
margin: 0;}
.register .tab-content{padding:1% 0 0}
.register .nav-tabs{border:none;margin-left: 190px;}
.register .nav-tabs p{position:absolute;left: 20px;
    top: 60px;
    font-weight: bold;
    font-size: 16px;}
.register .btn{padding:15px 40px;color:#fff;float:right;margin-bottom:3%}
/**footer****/
footer{overflow:hidden;padding: .5% 0 0;}
footer li{list-style:none}
footer li a{color:#fff;font-size:16px;
line-height:3}
footer span,footer h5{color:#fff}
footer h5{font-size:16px}
footer li a:hover{color:#ddd}
footer img{float:right}
footer .copy{background:#fff;}
footer .copy li{display:inline-block}
footer .copy li a{color:#333}
  /* Smart Phones And Tablets */


 @media (max-width: 500px){
.banar h2{font-size: 20px;
    font-weight: bold;}
.banar h4{font-size: 16px}
.banar .btn {
padding-right: 14%;}
.search-form select{

    width: 30%;}
.form-group.sh {
    width: 65%;
    background: #fff;
    float: right;
margin-top: -50px;	}
.top-bar form{width:100%}
.navbar-brand {
   margin-top: -20px;
}
.footr-logo{text-align:center}
.navbar-brand img{width:70px}
.sidebar{margin: 55px 0 40px;}
footer img {
    display:inline-block!important;
	float:none
}
.top-bar .right {
    text-align: center;
    margin-top: 40px;
}
.Journal img{margin-top:15%}
.reset a{line-height:2}
.reset a.pull-right{float:left!important}
.box2.reset ,.box2.log{width:90%;}

.nav-tabs > li {

width: 100%;}
.register .nav-tabs > li {

width: auto;}
 .b2{ margin-top: 170px;}
.banar.banar2,.banar2-bottom {

height: auto;}
.banar2-bottom span{margin-bottom:4px}
.banar2 .info {
    width: 54%;
    margin-bottom: 90px;
}
 }
 @media (min-width: 480px)and (max-width: 767px)
 {
.top-bar form{width:100%}
.search-form select{

    width: 30%;}
.form-group.sh {
    width: 65%;
    background: #fff;
    float: right;
margin-top: -50px;}

.navbar-brand {
    margin-top: -15px;
}
.footr-logo{text-align:center}
.navbar-brand img{width:70px}
.sidebar{margin: 55px 0 40px;}
.top-bar .right {
    text-align: center;
    margin-top: 40px;
}
footer img {
    display:inline-block!important;
	float:none
}

 .b2{ margin-top: 170px;}
.footr-logo{text-align:center}

footer img {
    display:inline-block!important;
float:none}
.banar2 .info {

    width: 65%;
	margin-bottom: 95px;
}
.navbar-brand {
   margin-top: -20px;
}
.banar.banar2,.banar2-bottom {

height: auto;}
.banar2-bottom span{margin-bottom:4px}
}
@media (min-width: 768px){
.navbar-right {
    float: right !important;
    padding: 15px 0;
}

}

@media (min-width: 768px)and (max-width: 1920px) {
	.sidebar{margin-bottom: 40px;}
	.form-group.sh {
    width: 70%;}
.navbar-brand img{margin-top:-15px}
.banar2 .info {

    width: 70%;
}
.banar.banar2,.banar2-bottom {

height: auto;}

}