/*************************************************
  Custom CSS written for IJESC, based on bootstrap
  Title: IJESC REDESIGN
  Author: PEARL
  Date: SEP 2015 : 13:48 PM
**************************************************
  1. COMMON
    0.0 Common style
    0.1 Sprite
  1.1 Header
    1.1.0 Menu style
    1.1.1 Banner style
  1.2 Content Wrapper
    1.2.0 Tab style
    1.2.1 Content style
    1.2.2 Inner page style
  1.3 Footer

**************************************************/

/* 1. COMMON
--------------------------------------------------
==================================================*/

/* 0.0 Common outline-style:
--------------------------------------------------*/
/* 0.1 Sprite
--------------------------------------------------*/
.header-wrapper .print,.header-wrapper .monitor, .header-wrapper .header-email,.navbar-nav .home,.navbar-nav .about,
.navbar-nav .article-press,.navbar-nav .for-author,.navbar-nav .resource,.down,.engineering-icon,.science-icon,.general-icon,
.tech-trends-icon,.university,.author,.years,.call-for-paper .call-for-title,.left-arrow,.peer-review,.fast-pub,.pub-fee,
.digital-certificate,.slidesjs-previous,.slidesjs-next,.journal-fre,.paper-sub,.acceptance-not,.subject-area,.publishing-model,
.publication-fee,.publication-impact,.certificate-delivery
{
    background-image: url(../css_js/sprite.png)!important;
    background-repeat: no-repeat!important;
}
body{
background-color: #fff;font-size: 14px;font-family: 'Noto Sans Tamil', sans-serif;color: #444;
padding-top: 162px;
}

.collapse {
    visibility: visible!important;
}
.medium{font-size: 14px;}
.bold{font-weight: bold;}
.normal{font-weight: normal;}
.small{font-size: 11px;}
.big{font-size: 16px;}
.gray{color:#8b8b8b;}
.green{color: #85b253;}
.blue{color:#1a164b;}
.white{color: #fff;}
.black{color:#444!important;}
.down{background-position: -79px -2px;padding: 5px 10px;display: inline-block;}
.animation{-webkit-transition: all 0.8s ease;-moz-transition: all 0.8s ease;-o-transition: all 0.8s ease;transition: all 0.8s ease;}
.btn-primary{background-color: #1a164b;color: #fff;border: 1px solid #0f74a9;
background-image: none;}
.radius{border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;}
.btn-primary:hover{background-color: #057baf;}
.title{padding: 25px 0;color: #00457f;font-size: 24px;margin: 0;}
.title1{padding: 10px 0;color: #00457f;font-size: 24px;margin: 0;}
a{color: #00457f;}
.text{font-size: 12px;line-height: 21px;}
ul,li{list-style: none;margin: 0;padding: 0;}
.underline{text-decoration: underline;}
.text-left{text-align: left;}
.text-right{text-align: right;}
.text-right{text-align: right;}
.divider{margin:0px 10px;}
/* 1.1 Header
--------------------------------------------------
==================================================*/
/* 1.1.0 Menu style
--------------------------------------------------*/
.navbar{background-image: none!important;background-color: #fff!important;box-shadow: 1px 1px 5px #aaa;
    -webkit-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
    transition: all 0.8s ease;}
.innerpage .navbar{box-shadow: none;border-bottom: 1px solid #e6e6e6;}
.navbar-brand{height: auto;padding: 30px 0;margin-left: 0!important;}
.navbar-header{width: 100%;border-bottom: 1px solid #e6e6e6;}
.navbar-nav{padding: 10px 0 0 0;}
.header-wrapper{padding-top: 40px;}
.header-wrapper .print{background-position: -2px -4px;padding: 10px 22px;}
.header-wrapper .monitor{background-position: -2px -55px;padding: 10px 22px;}
.header-wrapper .header-email{background-position: -2px -102px;padding: 10px 20px;}
.navbar-nav>li a{font-size: 14px;font-weight: bold;padding: 9px 40px 18px 50px;color: #444;}
.navbar-nav a:hover,.navbar-nav .active a{background-color: #fff;color: #85b253;}
.nav>li a:hover, .nav>li a:focus{background-color: #fff;}
.navbar-nav .home{background-position: 15px -141px;}
.navbar-nav a.home:hover,.navbar-nav .active a.home{background-position: 15px -177px;}
.navbar-nav .about{background-position: 15px -214px;}
.navbar-nav a.about:hover,.navbar-nav .active a.about{background-position: 15px -254px;}
.navbar-nav .article-press{background-position: 11px -293px;}
.navbar-nav a.article-press:hover,.navbar-nav .active a.article-press{background-position: 11px -332px;}
.navbar-nav .for-author{background-position: 12px -371px;}
.navbar-nav a.for-author:hover,.navbar-nav .active a.for-author,.navbar-nav .open a.for-author{color: #85b253;background-position: 12px -410px;}
.navbar-nav .resource{background-position: 15px -446px;}
.navbar-nav a.resource:hover,.navbar-nav .active a.resource,.navbar-nav .open a.resource{color: #85b253;background-position: 15px -482px;}
.navbar-nav>.active>a {background-color: #fff;box-shadow: none;}
.nav .open>a,.nav .open>a:hover,.nav .open>a:focus{background-color:#fff;}
.navbar-nav>li>.dropdown-menu{border-top: none;}
.navbar-nav .dropdown-menu li a{padding: 10px 45px 10px 20px;color: #444;}
.navbar-nav .dropdown-menu li a:hover{background-color: #f2f2f2;background-image: none;color: #85b253;}
.navbar-nav>li>.dropdown-menu {    border: 1px solid #f2f2f2; -webkit-box-shadow: 0 5px 12px rgba(0,0,0,.175);
box-shadow: 0 5px 12px rgba(0,0,0,.175);}
.header-btn{margin-top: 2px;}
.navbar-toggle{background-color:#1a164b;opacity: 0.8;margin-top: 35px;}
.navbar-toggle:hover{background-color:#1a164b;opacity: 1;}
.navbar-toggle .icon-bar{background-color: #fff;}
.navbar-nav li:first-child{position: relative;bottom: 4px;}

/* 1.1.1 Banner style
--------------------------------------------------*/
/*.banner{background-color: #1f2286;}*/
.banner h1{font-size:42px;margin-top: 45px;margin-bottom: 0;text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);}
.banner .publish-text{font-size: 33px;margin: 15px 0 0px 0;text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);}
.banner-benefit{margin: 50px 0;font-size: 16px;}
.green-tick{background-position: 20px 2px;padding: 1px 25px;background-image: url(../css_js/green-tick.png);background-repeat: no-repeat;}
.green-tick-first{padding-left: 5px;background-position: 0px 2px;}
.impact-border{border: 1px solid #76bbd9;margin-left: 20px;padding: 7px 10px;}
.banner-btn{margin-bottom: 40px;}
.globe-tree{position: relative;/*top: 19px;*/}
.banner-btn a{border: 1px solid #fff;background-color: #FF8200;padding: 15px 25px;}
.banner-btn a:hover{border: 1px solid #fff;background-color: #03628c;}

/* 1.2 Content Wrapper
--------------------------------------------------
==================================================*/

/*1.2.0 Tab style
-------------------------------------------------*/
.tabBlock {margin: 0 0 30px;}
.tabBlock-tabs {list-style: none;margin: 0;padding: 0;display: inline-table;}
.group::after, .tabBlock-tabs::after {clear: both;content: "";display: table;}
*, ::before, ::after {box-sizing: border-box;}
.tabBlock-tab {cursor: pointer;display: inline-block;float: left;padding:10px 15px;position: relative;
  transition: 0.1s ease-in-out;position: relative;top: 5px;}
.tabBlock-tab::before, .tabBlock-tab::after {content: "";display: block;height: 4px;position: absolute;}
.tabBlock-tab.is-active {position: relative;color: #fff;z-index: 1;padding: 10px 15px;background-color: #1a164b;}
.tabBlock-tab:hover{color:#1a164b;}
.tabBlock-tab.is-active:hover{color: #fff;}
.tabBlock-content {padding: 12px 10px 0px 10px;}
.tabBlock-tabs .tabBlock-tab.is-active span.arrow-icon{display: block;padding: 10px;position: absolute;top: 49px;width: 70%;text-align: center;}
.tabBlock-tabs li .engineering-icon{background-position: -7px -526px;padding: 5px 15px;}
.tabBlock-tabs li.is-active .engineering-icon{background-position: -7px -561px;}
.tabBlock-tabs li .science-icon{background-position: -1px -599px;padding: 5px 15px;}
.tabBlock-tabs li.is-active .science-icon{background-position: -1px -632px;}
.tabBlock-tabs li .general-icon{background-position: -7px -667px;padding: 5px 15px;}
.tabBlock-tabs li.is-active .general-icon{background-position: -7px -703px;}
.tabBlock-tabs li .tech-trends-icon{background-position: 1px -738px;padding: 5px 15px;}
.tabBlock-tabs li.is-active .tech-trends-icon{background-position: 1px -772px;}
.link-box{background-color: #f6f6f6;border-left: 3px solid #fff;font-size: 12px;padding: 10px;text-align: center;
border-bottom: 3px solid #fff;color: #00457f;}
.link-box:hover{background-color:#ccc;cursor: default;color: #444; }

/*1.2.1 Content style
-------------------------------------------------*/
.metrics-wrapper{margin-top: 30px;background-color: #1f2286 ;color: #fff;}
.metrics-wrapper h1{padding: 15px 12px;}
.metrics-wrapper h1.title{font-size: 20px;color: #fff;border-bottom: 1px solid #ababab;}
.metrics-wrapper .metrics-text{margin: 2px 4px;padding: 10px;font-size: 12px;border-bottom: 1px solid #ababab;}
.benefits-wrapper{position: relative;top:-2px;}
.benefits-wrapper .icon-box{background-color: #f3f3f3;padding: 15px;border-left: 2px solid #fff;font-size: 12px;}
.benefits-wrapper .university{padding: 18px 10px;background-position: 8px -831px;display: block;}
.benefits-wrapper .author{padding: 18px 10px;background-position: 8px -905px;display: block;}
.benefits-wrapper .years{padding: 18px 10px;background-position: 8px -986px;display: block;}
.promo-wrapper{background-color: #F3F3F3;border-top:1px solid #DEDEDE;border-bottom:1px solid #DEDEDE;padding-bottom: 35px;margin: 35px 0 5px 0;}
.left-content .title{font-size: 18px;padding-bottom: 30px;padding-top: 30px;}
.coverage-info{padding-left: 30px}
.coverage-info table{  background-image: url(../assets/open-access-removebg-preview.png);background-repeat: no-repeat!important;background-position: 390px 10px;width:100%; background-size: 135px;}
.coverage-info table tr td{padding: 2px 10px;line-height: 30px;}
.coverage-info table tr>td:first-child{width: 35%;font-weight: bold}
.coverage-info table tr td img{padding-right:20px; }
.call-for-paper{background-color: #fff;border:1px solid #D6D6D6;padding: 18px;margin: 35px 0 0 0;border-radius: 10px;}
.call-for-paper .call-for-title{color: #1f2286;padding: 0 0 10px 30px;margin-bottom: 10px;border-bottom: 1px solid #ccc;font-size: 20px;
background-position: -4px -1075px; font-weight: 600;}
.call-for-paper .current-month{padding:2px 0 15px 0}
.call-for-btn{text-align: right;margin:15px 0 0 0;}
.left-arrow{padding: 10px;background-position: -81px -26px;}
.submission-method{margin: 0 0 0 15px;line-height: 30px;}
.pay-fee{margin: 15px 0;}
.pay-fee table tr{margin-bottom: 10px;}
.pay-fee table tr td{padding: 10px 20px;background-color: #f0f0f0;font-size: 18px;border-bottom: 2px solid #fff;}
.pay-fee table tr td.text{text-align: center;background-color: #ececec;}
.benefits h2.text{margin: 0;font-size: 18px;}
.benefits p.text{margin-top: 5px;}
.peer-review{padding: 0 0 0 55px;background-position: -7px -1143px;}
.fast-pub{padding: 0 0 0 55px;background-position: -2px -1219px;}
.pub-fee{padding: 0 0 0 55px;background-position: -2px -1297px;}
.digital-certificate{padding: 0 0 0 55px;background-position: -2px -1369px;}
.how-it-works h5 {font-size: 18px;margin: 12px 0;}
.how-it-works span {background-color: rgba(255, 255, 255, 0.32);border-radius: 888px;display: block;height: 24px;margin: 0 auto;
position: relative;width: 24px;}
.how-it-works span span {background-color: #ffffff;box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);height: 12px;left: 6px;
position: absolute;top: 6px;width: 12px;}
.how-it-works {background: rgba(0, 0, 0, 0) linear-gradient(to right, #1a164b 0%, #7cbbd5 100%) repeat scroll 0 0;
color: #ffffff;cursor: default;padding-bottom: 20px;padding-top: 15px;position: relative;text-align: center;margin: 20px 0 5px 0;}
.how-it-works div.line {background-color: rgba(255, 255, 255, 0.16);float: left;height: 1px;position: absolute;top: 62%;width: 100%;}
.recent-press img{ box-shadow: 1px 1px 5px #aaa;-webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease;-o-transition: all 0.8s ease;transition: all 0.8s ease;border-radius: 10px;}
/*overlay style--*/
.overlay-container:hover .overlay,
.overlay-container:hover .overlay-links {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: scale(1);
  transform: scale(1);
}
.overlay-container {position: relative;display:}
.overlay {position: absolute;top: 0;bottom: -1px;left: 0;right: -1px;background-color: rgba(31, 34, 134, 0.73);overflow: hidden;opacity: 0;border-radius: 10px;
  filter: alpha(opacity=0);
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
  -webkit-transition: all linear 0.2s;
  -moz-transition: all linear 0.2s;
  -ms-transition: all linear 0.2s;
  -o-transition: all linear 0.2s;
  transition: all linear 0.2s;
}
.overlay h1 a{color: #fff;}
.overlay h1 a:hover{text-decoration: none;border-bottom: 1px solid #fff;}
.overlay h1{position: absolute;top: 28%;left: 15%;color: #fff;padding-bottom: 5px;}
.overlay p{    position: absolute;top: 50%;left: 0%;color: #fff;font-size: 12px;padding: 0 20px;}
#slides {display: none;padding: 0 13% 0 13%;}
.author-speech{background-color: #f8f8f8;padding: 10px 0;margin: 40px 0 0 0;}
.author-speech .item{margin: 20px 0;}
.author-speech .item .text{font-size: 24px;}
.author-speech .item .gray{font-size: 18px;}
.author-speech .item p{margin-top: 10px;line-height: 25px;}
.author-speech #slides .slidesjs-pagination,.author-speech #slides .slidesjs-stop,.author-speech #slides .slidesjs-play{display: none!important;}
#slides .slidesjs-previous{position: absolute;top: 30%;left: 7%;}
#slides .slidesjs-next{position: absolute;top: 30%;right: 7%;}
#slides .slidesjs-container{width: 50%;}
.slidesjs-previous{padding: 5px 15px;background-position: 0 -1429px;text-indent: -111111px;}
.slidesjs-next{padding: 5px 15px;background-position: -64px -1429px;text-indent: -111111px;}
.indexing-content .indexing-text{font-size: 25px;margin-top: 15px;text-align: center;}
.indexing-content img{width:68%;}
.indexing-content .call-for-btn{display:inline-block;}
.disclaimar-text{background: #ffdd5e;padding: 10px;font-size: 13px;line-height: 22px;}

/*1.2.2 Inner page style
-------------------------------------------------*/
.innerpage h2{font-size: 13px;padding: 13px 0;color: #444;margin: 0;font-weight: bold;}
.journal-detail-wrapper{margin-top: 30px;border: 5px solid #d6d6d6; border-radius: 10px;}
.journal-detail-wrapper table{padding: 5px;display: block;}
.journal-detail-wrapper table tr{border-bottom: 1px solid #d6d6d6;}
.journal-detail-wrapper table tr:last-child{border-bottom: none;}
.journal-detail-wrapper table tr td{padding:7px 3px;    vertical-align: top;}
.journal-detail-wrapper table tr td span{padding: 10px 15px 0px 15px;}
.journal-fre{background-position: -2px -1600px;}
.paper-sub{background-position: -2px -1634px;}
.acceptance-not{background-position: -2px -1666px;}
.subject-area{background-position: -2px -1763px;}
.publishing-model{background-position: -2px -1802px;}
.publication-fee{background-position: -2px -1837px;}
.publication-impact{background-position: -2px -1876px;}
.certificate-delivery{background-position: -2px -1944px;}
.callout p{padding: 20px 20px 10px 20px;}
.panel-group {margin: 20px 0;}
.panel-heading{background-color: #1a164b!important;background-image: none!important;padding: 0;}
.panel-heading h4{font-size: 14px;color: #fff;}
.panel-heading h4 a{padding:10px 15px;text-decoration: none;display: block;}
.panel-body{background-color: #f0f0f0!important}



/* 1.3 Footer
--------------------------------------------------
==================================================*/
.footer-wrapper{padding: 35px 0;background-color: #44838d;margin: 35px 0 0 0;}
.footer-content h1.title{padding: 10px 0;color: #fff;font-size: 18px;font-weight: bold;}
.footer-content li a{color: #fff;}
.footer-content li a:hover{color:#85b253;text-decoration: none;}
.footer-content li{line-height: 30px;font-size: 13px;}
.footer-content .promo-logo p{line-height: 24px;margin-top: 10px;}
.footer-content .extra-link{margin-top: 30px;}
.copyright{background-color: #44838d;padding: 7px;margin: 10px 0 0 0;}
.mobile-logo,.impact-border-mobile,.print-online-mobile{display:none!important;}

.indexed-wrapper {padding: 50px;position: relative;}
.indexed-title{color: #1a164b;font-size: 24px;margin:20px 0 50px 0;text-align:center;font-weight:400;}

/*---Media Queries---*/

/* Smartphones (portrait and landscape) ----------- */
@media (min-width: 299px) and (max-width: 768px) {
.header-btn {margin: 20px;}
.navbar-header,.impact-border{border: none;}
body{padding-top: 103px;}
/*.globe-tree,.globe-tree-section,*/.impact-border,.overlay{display: none;}
.banner-btn{float: left;width: 100%}
.banner h1 {font-size: 27px;}
.banner .col-md-7{padding-left:0;}
.banner .publish-text{font-size: 19px;}
.coverage-info table{background-image: none;}
.coverage-info,.promo-logo{padding: 0}
.coverage-info table tr td img {padding: 10px 10px 10px 0px;}
.call-for-paper{margin: 35px 15px 0 15px;}
.link-box{height: 57px;}
.metrics-wrapper,.benefits,.benefits-wrapper{margin: 0 15px;}
.recent-press img{margin-bottom: 20px;}
.how-it-works div.line{display: none;}
.footer-wrapper{padding-bottom: 0;}
.copyright{margin: 0}
.index-partner img{width: 100%}
.slidesjs-container{height: 250px!important;}
.navbar-header{display:block!important;}
.navbar-brand img{display:none;}
.mobile-logo{display:block!important;}
.how-it-works h5 {font-size: 13px;}
.author-speech .item .text {font-size: 15px;}
.author-speech .item .gray {font-size: 13px;}
.navbar-nav li img{display:none!important;}
.benefits-wrapper .university {    background-image: url(../img/university-icon.png)!important;
 background-repeat: no-repeat!important;padding: 18px 10px;background-position:center;display: block;}
.benefits-wrapper .author {    background-image: url(../img/user-icon.png)!important;
 background-repeat: no-repeat!important;padding: 18px 10px;background-position:center;display: block;}
.benefits-wrapper .years {    background-image: url(../img/calender-icon.png)!important;
 background-repeat: no-repeat!important;padding: 18px 10px;background-position:center;display: block;}
.journal-detail-wrapper{border: none;}
.banner-benefit{margin-bottom:20px;}
.indexing-content .indexing-text{font-size:19px;}
.impact-border-mobile{display:block!important;margin-bottom:20px;display: block;    border: 1px solid #76bbd9;width: 150px;padding: 7px 10px;}
.print-online-mobile{ display: block!important;float: left;margin-top: 32px;margin-left: 20px;font-size: 12px;}
.indexing-content .call-for-btn{display:block;}
.indexed-wrapper {padding: 10px;position: relative;}
.indexed-title{font-size: 18px;margin:20px 0 20px 0;}
.indexed-wrapper img{float: left; padding:10px 0; height:75px; width:  100%;}
.coverage-info img {
    width: 100%;
}
@media (min-width: 299px) and (max-width: 580px) {
.navbar-brand img{display:block;}
.mobile-logo{display:none!important;}
}
/* Tablets (portrait and landscape) ----------- */
@media(min-width:768px) and (max-width:1024px){
.header-wrapper,.header-btn,.overlay{display: none;}
.navbar-nav>li a {padding: 9px 0px 18px 45px;}
.globe-tree,.globe-tree-section{display: none;}
.banner .col-md-7{width: 100%}
.link-box{height: 57px;}
.recent-press img{margin-bottom: 20px;}
.promo-logo{padding: 0}
.footer-wrapper{padding-bottom: 0;}
.copyright{margin: 0}
.slidesjs-container{height: 260px!important;}
.benefits-wrapper .university {    background-image: url(../img/university-icon.png)!important;
 background-repeat: no-repeat!important;padding: 18px 10px;background-position:center;display: block;}
.benefits-wrapper .author {    background-image: url(../img/user-icon.png)!important;
 background-repeat: no-repeat!important;padding: 18px 10px;background-position:center;display: block;}
.benefits-wrapper .years {    background-image: url(../img/calender-icon.png)!important;
 background-repeat: no-repeat!important;padding: 18px 10px;background-position:center;display: block;}
.journal-detail-wrapper{border: none;}
.indexed-wrapper {padding: 20px;position: relative;}
.indexed-title{font-size: 23px;margin:80px 0 20px 0;}
.indexed-wrapper img{float: left; padding:10px 0; height:auto; width:  100%;}
}

@media(min-width:980px) and (max-width:1024px){
.header-wrapper{display: none;}
.navbar-nav>li a {padding: 9px 0px 18px 45px;}
}


/*\ Large Devices (portrait and landscape) ----------- */
@media (min-width: 1024px) and (max-width: 1200px){
.header-wrapper{display: none;}
.navbar-nav>li a {padding: 9px 0px 18px 45px;}

}
.btn-custom {
    background: #1f2286 !important;
}