/* LAYOUT */
.page{ background-color: #ffffff; background-image: none; border-color: #000000; border-style: none; margin-left: auto; margin-right: auto; padding-bottom: 0; z-index: 1; }
a:hover{ text-decoration: none; }
/* Header */
.header-strip{ width: 100%; background:transparent linear-gradient(90deg,#7b737c 0,#08023a) repeat scroll 0 0; height: 2px; }
.header-social{ width: 100%; background: transparent linear-gradient(90deg,#7b737c 0,#08023a) repeat scroll 0 0;  }
.header-social h2{ font-family: 'Roboto', sans-serif; font-size:20px; font-weight: normal; color: #FFF; margin: 0px; line-height: 50px;    }

#logo{ float: left; margin: 15px 0; }
h2 i{ margin-right: 10px;}

/* Menu */
.navbar{ float: right; display: block;  margin: 20px 0; }
.navbar-toggle .icon-bar{ border: 1px solid #FFF; }
ul.nav li a{ color: #FFF; }

/* Section */
.productlist, .section3, .section4, .section5, .section6, .section7, .contact, .sagarbrush { padding-top: 20px; padding-bottom: 20px; }
#memberlist{ background: #FFF; padding: 20px 0; }
#footer{ background: transparent linear-gradient(171deg, #a76b6b 0, #cb1717) repeat scroll 0 0; min-height: 200px;  padding: 40px 0; color: #FFF; }

/* Section Heading */
.title { margin-bottom: 40px; position: relative; text-align: center; }
.title H1 { display: inline-block; font-size: 1.7em; font-weight: bold; padding: 0 20px; position: relative; z-index: 2; color: #000000; text-align: center; font-family: 'PT Sans', sans-serif; }
.title H1 I { color: #F30; margin: 0; padding: 0; }
.title H2 { color: #000; font-size: 1.1em; font-weight: normal; margin-top: -33px; padding-top: 20px; }

.title::before { right: 0; }
.title::after { left: 0; }

.border-line::before,.border-line::after{ border-top: 1px solid #7DA500; content: ""; display: block; height: 2px; position: absolute; width: 100px; z-index: 1; margin-top: 5px; }
.border-line::before{ right: 50%; margin-right: 15px; }
.border-line::after{ left: 50%; margin-left: 15px; }
.border-line i{ position: absolute; margin: -5px 10px 0 -10px; color: #7DA500; font-size: 25px; }

/* Product */
.home-product{ margin-bottom: 20px; display: block; }

.product-item::after { clear: both; content: "."; display: block; font-size: 0; height: 0; line-height: 0; visibility: hidden; }
.product-list .product-item { margin-bottom: 30px; }
.product-item { background: #fff none repeat scroll 0 0; padding: 12px 12px 16px; position: relative; }
.pi-img-wrapper { position: relative; }
.pi-content{ color: #999999; font-size: 15px; font-family: Arial, Helvetica, sans-serif; }

/* Footer */
#footer h2{ font-family: Arial, Helvetica, sans-serif; font-size:18px;text-transform:uppercase; border-bottom: 1px dashed #FFF; margin: 0; padding-bottom: 8px; line-height: 30px; text-indent: 10px; }
#footer p{ font-family: Arial, Helvetica, sans-serif; font-size: 15px; }
#footer { font-weight: normal; font-family: Arial, Helvetica, sans-serif; font-size: 15px; }
#footer ul{ margin-top: 10px; width:200px; columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;}
#footer ul li{ line-height: 25px; }
#footer ul li a{ color: #fff; font-family: Arial, Helvetica, sans-serif; font-weight: normal; }
#footer ul li a:hover{ text-decoration: none; color: #FFCC00; }

/* Copyright */
#copyright{ background-color: #222; padding: 10px 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #FFF;}
#copyright ul li{ float: left; margin-left: 10px; }
#copyright ul li a{ color: #fff; font-family: Arial, Helvetica, sans-serif; font-weight: normal; }
#copyright ul li a:hover{ text-decoration: none; color: #FFCC00; }

/* Advertisment */
.home-ad-banner{ background-color: #58A010 !important; position: relative; }
#memberlist img{ margin-right: 20px; }

/* Button */
#more.btn { background-color: #ffffff !important; color: #555555 !important; margin: 15% 0; }
#more.btn-primary { background-color: #FFF !important; border: medium none !important; color: #AD657D !important; font-size: 12px; font-weight: bold; letter-spacing: 2px; line-height: 24px; margin-bottom: 10px; text-transform: uppercase; transition: all 0.3s ease 0s; }

/* PADIING */
.pad-tb-10{ padding: 10px 0; }
.ln-hgt-90{ line-height: 90px; }
.mgn-tb-10{ margin-top: 10px; margin-bottom: 10px; }
.mgn-b-10{ margin-bottom: 10px; }

.green{ color: #7DA500; }
.black{ color: #000; }
.yellow{ color: #FFCC00; }

.btn-orange-bg,.btn-orange-bg:hover{ background-color: #F60; border: 1px solid #F60; padding: 10px 25px; color: #FFF; font-size: 12px; letter-spacing: 1px; }

/* Others */
.center{ margin: auto; }

/* ====================================================================================================
	MENU
==================================================================================================== */

.main-menu {position: relative;z-index:209;width:auto; float:right; font-weight:500;}
.main-menu a {-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;}
.main-menu ul,
.main-menu ul li,
.main-menu ul li a {position: relative; margin-bottom:0; margin: 0;padding: 0;}

/* Submenu styles */
.main-menu ul li a {display: block; line-height: 20px;padding:10px;}

/*First level styles */
.main-menu > ul > li > a {color: #000;padding: 45px 10px 10px 10px; font-size:13px; text-transform:uppercase;text-decoration:none;}
.sticky .main-menu > ul > li > a {color: #000;}
.main-menu > ul > li:hover > a {color: #629976;}

/* Opacity mask when left open */
.layer {display: none; position: fixed; top: 0; left: 0; width: 100%; min-width: 100%; z-index: 100; min-height: 100%; background-color: #000; opacity: 0; z-index:9999;}
.layer-is-visible {display: block;-webkit-animation: fade-in-layer .3s;-moz-animation: fade-in-layer .3s;-ms-animation: fade-in-layer .3s; -o-animation: fade-in-layer .3s;animation: fade-in-layer .3s;opacity: 0.5;}

#close_in,#header_menu, .cmn-toggle-switch{display:none;}

a.dropdown-toggle.icon-search{display: inline-block;}

/* All styles for screen size over 992px
================================================== */
@media only screen and (min-width: 992px) {

.main-menu {width: auto;}
.main-menu a {white-space: nowrap;}
.main-menu ul li {display: inline-block;}

.main-menu ul li.submenu:hover > a:before,
.main-menu ul li.submenu:hover > a:after {bottom: -20px;opacity: 0;}

/* Submenu */
.main-menu ul ul,
.main-menu ul .menu-wrapper {position: absolute;border-top: 2px solid #629976;display: none;z-index: 1;height: auto;left: 3px;top: 100%;margin: 0;padding: 0;background: #fff;min-width:170px;-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);box-shadow: 0 6px 12px rgba(0, 0, 0, .175);}

/* Arrows top */
.main-menu ul ul:before{bottom: 100%;left: 15%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;border-bottom-color: #629976;border-width: 7px;margin-left: -7px;}

.main-menu ul .menu-wrapper ul {-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;border-top: none; margin:0; padding:0;}
.main-menu ul .menu-wrapper ul:before{border:0;}

.main-menu ul li:hover > ul,
.main-menu ul li:hover > .menu-wrapper {display:block;padding: 0;}
.main-menu ul ul li {display: block;height: auto;padding: 0;}
.main-menu ul ul li a {font-size: 12px;color: #666;border-bottom:1px solid #ededed;display: block;}
.main-menu ul ul li:last-child a {border-bottom:none;}

.main-menu ul ul li:hover > a {background-color:#f9f9f9;color:#629976;}

/* Megamenu */
.main-menu ul li.megamenu {position:static}
.main-menu ul li.megamenu .menu-wrapper {position: absolute;top: 100%;width:1140px;float:left;left:auto;right:0;padding:10px 15px 0 15px;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
.main-menu ul .menu-wrapper h3 {font-size: 13px;text-transform:uppercase;border-bottom:2px solid #ededed;padding-bottom:10px;margin-bottom:0;}

.main-menu ul .menu-wrapper ul {position: relative;display:block;}
.main-menu ul .menu-wrapper ul {margin-bottom:15px;left: 0;}

}

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

#header_menu{text-align:center;padding:25px 15px 10px 15px;position:relative;display:block;}

.main-menu ul li a:hover,
a.show-submenu:hover,
a.show-submenu:focus,
a.show-submenu-mega:hover,
a.show-submenu-mega:focus{color:#629976 !important;background-color:#f9f9f9;}

.main-menu ul li  {border-top: none;border-bottom: 1px solid #ededed;color: #fff;}

/* Menu mobile first level */
.main-menu ul li a  {padding:10px 15px !important;}

.main-menu h3 {font-size: 12px; line-height:14px;margin: 0;padding: 0 0 15px 15px;color: #333;text-transform:uppercase;}
.megamenu .menu-wrapper > div {padding:0;}

.main-menu li,
.main-menu a {display: block;color:#333 !important;}
.main-menu li {position: relative;}

.main-menu a:hover {color:#629976 !important;}

.main-menu ul > li {padding-bottom: 0;}
.main-menu ul > li i{float:right;}

.main-menu ul li.submenu ul{font-size: 12px;border-left:1px solid #ededed;margin:0 0 15px 25px;}
.main-menu ul li.submenu ul li{font-size: 12px;border:0;}

/* Menu mobile left panel */
.main-menu {overflow: auto;left: -100%;bottom: 0;width: 55%;height: 100%;opacity: 0;position:fixed;background-color:#fff;-webkit-transition:	left 0.8s, opacity 0.5s;-moz-transition:	left 0.8s, opacity 0.5s;transition:left 0.8s, opacity 0.5s; z-index:9999;
-webkit-box-shadow: 1px 0px 5px 0px rgba(50, 50, 50, 0.55);
-moz-box-shadow:    1px 0px 5px 0px rgba(50, 50, 50, 0.55);
box-shadow:         1px 0px 5px 0px rgba(50, 50, 50, 0.55);}

.main-menu.show {visibility: visible;left: 0;opacity: 1;}
.main-menu .show-submenu + ul,
a.show-submenu-mega + .menu-wrapper{display: none;visibility: hidden;}
a.show-submenu-mega + .menu-wrapper.show_mega,
.main-menu a.show-submenu + ul.show_normal  {display: block;visibility: visible;}


/* Hamburger menu button*/
.cmn-toggle-switch {
  position: relative;
  display:block;
  overflow: visible;
  position:absolute;
  top:40px;
  right:20px;
  margin: 0;
  padding: 0;
  width: 30px;
  height: 30px;
  font-size: 0;
  text-indent: -9999px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-shadow: none;
  border: none;
  cursor: pointer;
}

.cmn-toggle-switch:focus {outline: none;}
.cmn-toggle-switch span {display: block;position: absolute;top: 10px;left: 0;right: 0;height: 2px;background: #222;}

.cmn-toggle-switch span::before,
.cmn-toggle-switch span::after {position: absolute;display: block;left: 0;width: 100%;height:2px;background-color: #222; content: "";}

.cmn-toggle-switch span::before {top: -10px;}
.cmn-toggle-switch span::after {bottom: -10px;}

.cmn-toggle-switch__htx span::before,
.cmn-toggle-switch__htx span::after { -webkit-transition-duration: 0.3s, 0.3s;transition-duration: 0.3s, 0.3s;-webkit-transition-delay: 0.3s, 0;transition-delay: 0.3s, 0;}
.cmn-toggle-switch__htx span::before { -webkit-transition-property: top, -webkit-transform;transition-property: top, transform;}
.cmn-toggle-switch__htx span::after {-webkit-transition-property: bottom, -webkit-transform;transition-property: bottom, transform;}

/* active state, i.e. menu open */
.cmn-toggle-switch__htx.active span{background:none !important;}
.cmn-toggle-switch__htx.active span::before {top: 0; -webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.cmn-toggle-switch__htx.active span::after {bottom: 0;-webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg);transform: rotate(-45deg);}
.cmn-toggle-switch__htx.active span::before,
.cmn-toggle-switch__htx.active span::after {-webkit-transition-delay: 0, 0.3s;transition-delay: 0, 0.3s;}
}

@media only screen and (max-width: 480px) {
	
#jcolor {
    background: transparent linear-gradient(90deg,#7b737c 0,#08023a) repeat scroll 0 0;
    width: 100%;
    float: left;
    height: 100px;
    margin: 5px;
    top: 50px;
    color: #FFF;
    padding-top: 25px;
    text-align: center;
    font-size: 17px;
}	
	
.main-menu {width: 75%;}
a#close_in {display:block;position:absolute;right:15px;top:10px;width:20px;height:20px;}
#close_in i{color:#555 !important;font-size:20px;}

/*First level styles */
.main-menu > ul > li > a {color: #333;margin: 15px 0; font-size:13px; text-transform:uppercase;}
.sticky .main-menu > ul > li > a {color: #333;}
.main-menu > ul > li:hover > a {color: #629976;}


.cmn-toggle-switch {
    position: relative;
    display: block;
    overflow: visible;
    position: absolute;
    top: 10px;
    right: 20px;
    margin: 0;
    padding: 0;
    width: 30px;
    height: 30px;
    font-size: 0;
    text-indent: -9999px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-shadow: none;
    border: none;
    cursor: pointer;
}

}

.section-even {
    padding: 15px 0 15px 0;
   
}

.contact_us {
    background-color:#ffa318;
    padding: 60px 40px 30px;
    /* border: 1px solid; */
    color: #968D5C;
}

.marker_left {
    color: #da1818;
    font-family: Open Sans,sans-serif;
    font-size: 18px;
    margin-left: 0px;
    font-weight: normal;
    line-height: 1px;
}

.icon_class {
    color: #FFF;
    font-size: 20px;
    margin: 0px 30px 0px 0px;
}

ul.contact_info {
    font-family: Open Sans,sans-serif;
    font-size: 14px;
    color: #FFF;
    margin: 0px 0px 20px 50px;
}

.marker_right {
    color: #FFF;
    font-family: Open Sans,sans-serif;
    font-size: 15px;
    font-weight: bold;
    margin-top: 30px;
}

ul.opening_hours li {
    color: #FFF;
    display: inline-block;
    width: 49%;
    font-size: 13px;
    font-family: Open Sans,sans-serif;
}
.contact_form {
    background-color: #d89a3c38;
    padding: 30px 50px 40px 50px;
    /* border: 1px solid; */
    color: #182d5d;
}

label {
    text-transform: uppercase;
    font-size: 13px;
    color: #000;
    margin-top:18px;
}

.contact-btn {
    background: #ffa318;
    border: 1px solid #ffa318;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    margin-top:15px;
    padding: 05px 30px;
    transition: 0.4s;
    border-radius: 5px;
    width: auto;
    float: left;
    text-transform: uppercase;
}

.btn:hover
{


color:#FFF;
}
#contact_heading
{
	padding-top:60px;
	padding-bottom:60px;
}

#about_us {
	
	padding-top:25px;
	padding-bottom:25px;
	background-color:#f3fbc6;
	
}
.about_info_top {
	padding-top:25px;
}

.about_us_info {
	
	
	text-align:justify;
	line-height:22px;
	
	
}
#logo_size {width:100%;}
.breadcrumb {height:150px;background:transparent linear-gradient(90deg,#7b737c 0,#08023a) repeat scroll 0 0 !important;}
.jounrals {line-height:100px;text-align:center;color:#FFF;text-transform:uppercase;font-size:28px;}
.breadcrumb>li {
    display: block !important;
}
.list_info {text-align:center;}

.fa-book {
    color: transparent linear-gradient(90deg,#7b737c 0,#08023a) repeat scroll 0 0;
}
.leaf::before, .leaf::after {
    display: inline-block;
    content: "";
    border-top: 1px solid black;
    width: 12%;
    margin: 0 1rem;
    transform: translateY(-1rem);
}

.leaf {text-align:center;}
#sidebarjournal {border:1px solid #000; background:transparent linear-gradient(90deg,#7b737c 0,#08023a) repeat scroll 0 0; padding:5px;}
.jinfo{text-align:center; color:#FFF;text-transform:uppercase;font-size:18px;font-family: 'Open Sans';}
.list_journals {border:1px solid #000;padding:5px;font-size:16px;text-align:justify;font-family: 'Open Sans';}
.listorder {line-height:30px;text-indent:5px;}
#dynamic_heading {font-size:16px;font-weight:700;}
#sidebar {padding:25px;}
.latest_article {color:#000;text-transform:uppercase;font-size:22px;font-family: 'Open Sans';text-align:left;}

.title-icon-divider:before, .title-icon-divider:after {
    content: "------";
    display: inline-block;
    font-size:25px;
    line-height: 0;
    letter-spacing: 3px;
}

.title-icon-divider {
    color: #7b737c;
    line-height: 1;
    position: relative;
   
}

#latestarticles {background:#aba6a600;padding-top:60px; padding-bottom:60px;}
.list_info1 {
	border:1px solid #000; 
	width: 49%;
    float: left;
	height:200px;
	margin:5px;
}

.list_info2
{
	border:1px solid #000; 
    float: left;
	height:180px;
	margin:5px;
	
}

.article_title {font-family: 'Open Sans';text-transform:uppercase;font-size:16px;}
.article_name {font-family: 'Open Sans';font-size:16px;text-align:justify;}
.author_name{font-family: 'Open Sans';font-weight:600;font-size:14px;}
#art {padding-top:30px; padding-bottom:30px;}
.abstract {border:1px solid #000;text-transform:uppercase;padding:5px;}

/* .bgwhite {
    background: transparent linear-gradient(90deg,#7b737c 0,#08023a) repeat scroll 0 0;
}
 */
.select-border {
    padding-bottom: 20px;
    border-bottom: solid 1px #eeeeee;
}



.sidearticles {border:1px solid #000; height:100%;padding:15px;}
#allarticle {padding-top:60px; padding-bottom:60px;}
.article-title {
    text-align: center;
    font-size: 22px;
	font-family: 'Open Sans';
    padding: 14px 0 15px;
	text-transform:uppercase;
	color:#FFF;
	 background: transparent linear-gradient(90deg,#221d1d 0,#991919) repeat scroll 0 0;
}
.magenta 
{
	background: transparent linear-gradient(90deg,#7b737c 0,#08023a) repeat scroll 0 0;
    display: table;
    margin: 0 auto;
    width: 150px;
    color: #FFF;
	text-transform:uppercase;
	
	
}

#btn_align {padding-bottom:15px;}

#search {padding-bottom:10px;}

.list_info2 {
	border:1px solid #000; 
    float: left;
	height:180px;
	margin:5px;
	border-radius:10px;
}
.badge {background-color:#2ea126 !important;}

.search-sort-wrap {
    padding: 20px 0 10px;
    border-bottom: solid 1px #eeeeee;
}


#abstarctviews {padding-top:60px; padding-bottom:60px;border-top:1px solid #000;}
.abstract_title {font-family: 'Open Sans';font-size:19px;margin:10px;}
.abstract_title_1 {font-family: 'Open Sans';font-size:18px;font-weight:400;}

.article{padding:5px; color:#08023a;font-size:15px;font-family: 'Open Sans'; line-height:20px;}
#auname {color:#000;font-weight:800;font-family: 'Open Sans';}
p {text-align:justify;font-family: 'Open Sans' !important; font-size:14px;line-height:25px;}

.archivearticle
{
	padding: 5px;
    color: #08023a;
    font-size: 15px;
    font-family: 'Open Sans';
    line-height: 5px;
	text-indent:20px;
	
}

.accessarchive
{
	font-size:14px;
    margin-top: 10px;
	text-indent:12px;
}

.alert {width:270px;}
.access {font-size:12px;margin-top:10px;}

/**Begin Abstarct Page **/

.article-pc .article-main .inner {
    padding: 20px 0;
}

.inner .article-main-mid {
   
    padding: 20px;
}

#arti_left {background:#FFF;}
.author_space {line-height:30px;}


@media only screen and (max-width: 600px)
{
	
#latestarticles {
    background: #aba6a600;
    padding-top: 30px;
    padding-bottom: 30px;
}	
	
#jcolor {
    background: transparent linear-gradient(90deg,#7b737c 0,#08023a) repeat scroll 0 0;
    width: 100% !important;
    float: left;
    height: 100px;
    margin: 5px;
    top: 50px;
    color: #FFF;
    padding-top: 25px;
    text-align: center;
    font-size: 17px;
}	
	
.article {line-height:19px;}	
.access {font-size:14px;}
.abstract_title {text-align:justify;}
.list_info1 {
	border:1px solid #000;
	width:98%;	
	height:100%;
    float: left;
	margin:5px;
}

.list_info2 {
    border: 1px solid #000;
    float: left;
    height: 100%;
    margin: 5px;
    width: 100%;
	border-radius:10px;
}



#logo_size {width:180px;}
#dynamic_heading {
    font-size: 12px;
    font-weight: 700;
}

.cmn-toggle-switch {margin-top:10px;}

ul.in_journal_menu {margin:0px !important;}
	
}

i {
  font-style: italic;
}

#login {border-top:1px solid;padding-top:30px;padding-bottom:30px;}
.panel-heading {background:transparent linear-gradient(90deg,#7b737c 0,#08023a) repeat scroll 0 0}
.panel-title {color: #FFF;
    text-transform: uppercase;
    text-align: center;}
	
.affiliation {padding-left:20px;}	
.aaname {font-weight:600;}

.card {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 0px solid transparent;
    border-radius: 0px;
}

#score {padding:5px; line-height:25px;}
#space {padding-top:30px;}
.badge1 {
  height:100px;
  width: 100px;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  border-radius: 50%;
  background: transparent linear-gradient(90deg,#7b737c 0,#08023a) repeat scroll 0 0;
  padding:5px;
  color:#FFF;
  font-size:15px;
}

.metrices {padding-left:20px;}
.panel-primary {border:none !important;}

.HeaderandFooter:each-line {
    counter-increment line_num;
}

  


p.keywords  {

text-align: justify;
font-family: 'Open Sans';
font-size:14px;
line-height: 25px;

}

ul.nav li a:active {
    color: #FFF !important;
}

#menu_back 
{
	background:transparent linear-gradient(90deg,#7b737c 0,#08023a) repeat scroll 0 0;
    padding: 9px;
    color: #FFF;
}


#jcolor
{
background:transparent linear-gradient(90deg,#7b737c 0,#08023a) repeat scroll 0 0;
width: 24%;
float: left;
height: 100px;
margin: 5px;
top:50px;
color:#FFF;
padding-top:25px;
text-align:center;
font-size:17px;
}

.jname {text-decoration:none;color:#FFF !important;}
.jname a:hover {color:#FFF;}
.plan_info {padding:5px; font-size:16px;}
#change_form {border:1px solid;padding:30px;}
#searchinfo {background:transparent linear-gradient(90deg,#7b737c 0,#08023a) repeat scroll 0 0;padding:5px;}
.lab_journal {color:#FFF;}


.blink {
    animation: blinker 1.5s linear infinite;
            color: red;
           
            /* Larger, responsive font size */
                   }

        @keyframes blinker {
            80% {
                opacity: 0;
            }
        }