/*************************************************
  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(../img/sprite.png) !important;
    background-repeat: no-repeat !important;
}

body {
    background-color: #fff;
    font-size: 14px;
    font-family: Helvetica,Arial,sans-serif;
    color: #444;
    padding-top: 162px;
}

.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: #058ecb;
}

.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: #058ecb;
    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;
}

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;
    
    margin-left: 0 !important;
}

.navbar-header {
    width: 100%;
    border-bottom: 1px solid #e6e6e6;
}

.navbar-nav {
    padding: 5px 0 0 0;
}

.header-wrapper {
    padding-top: 10px;
}

    .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: 10px 19px 17px 45px;
    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 -175px;
}

.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: #058ecb;
    opacity: 0.8;
    margin-top: 35px;
}

    .navbar-toggle:hover {
        background-color: #058ecb;
        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: #058ecb;
}

    .banner h1 {
        font-size: 50px;
        margin-top: 45px;
        margin-bottom: 10;
        text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);
		color:#FFF;
    }

    .banner .publish-text {
        font-size: 34px;
        margin: 15px 0 0px 0;
        text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
		color:#FFF;
    }

.banner-benefit {
    margin: 50px 0;
    font-size: 16px;
}

.green-tick {
    background-position: 20px 2px;
    padding: 1px 25px;
    background-image: url(../img/green-tick.png);
    background-repeat: no-repeat;
}

.green-tick-first {
    padding-left: 5px;
    background-position: 0px 2px;
}

.impact-border {
    border: 1px solid #68cc90;
    margin-left: 20px;
    padding: 7px 10px;
}

.banner-btn {
    margin-bottom: 40px;
}

.globe-tree {
    position: relative;
    top: 38px;
}

.banner-btn a {
    border: 1px solid #fff;
    padding: 15px 25px;
	background-color: #183146!important;
}

    .banner-btn a:hover {
        border: 1px solid #fff;
        background-color: #058ecb!important;
    }
.header-btn a {
    border: 1px solid #000;
    background-color: #183146;
    padding:6px 13px 6px 13px;
	font-size:16px!important;
}

    .header-btn a:hover {
        border: 1px solid #fff;
        background-color: #058ecb;
    }

/* 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: #058ecb;
    }

    .tabBlock-tab:hover {
        color: #058ecb;
    }

    .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: #939393;
    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: 0px 0 5px 0;
}

.left-content .title {
    font-size: 18px;
    padding-bottom: 30px;
    padding-top: 30px;
}

.coverage-info {
    padding-left: 0px;
}

    .coverage-info table {
        /*background-image: url(../img/open-access-bg.png);
        background-repeat: no-repeat !important;*/
        background-position: 395px -5px;
        width: 100%;
    }

        .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: 6px solid #D6D6D6;
    padding: 18px;
    margin: 35px 0 0 0;
}

    .call-for-paper .call-for-title {
        color: #85b253;
        padding: 0 0 10px 30px;
        margin-bottom: 10px;
        border-bottom: 1px solid #ccc;
        font-size: 20px;
        background-position: -4px -1075px;
    }

    .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, #0090cd 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;
}
/*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(5, 142, 203, 0.8);
    overflow: hidden;
    opacity: 0;
    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: -77px;
    border: 5px solid #d6d6d6;
}

    .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: #058ecb !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: #3d3d3d;
    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: #535353;
    padding: 7px;
    margin: 10px 0 0 0;
}

.mobile-logo, .impact-border-mobile, .print-online-mobile {
    display: none !important;
}

/*---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: none !important;
        float: left;
        margin-top: 32px;
        margin-left: 20px;
        font-size: 12px;
    }

    .indexing-content .call-for-btn {
        display: block;
    }
}

@media (min-width: 299px) and (max-width: 580px) {
    .navbar-brand img {
        display: none;
    }

    .mobile-logo {
        display: block !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;
    }
}

@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;
    }
}

 .float-i-left {
            float: left;
        }

        .float-i-right {
            float: right;
        }

        .align-i-justify {
            text-align: justify;
        }

        .align-i-left {
            text-align: left;
        }

        .align-i-right {
            text-align: center;
        }

        .fast-smooth {
            float: right;
            padding-top: 50px;
        }

        .news-events-div {
            margin-top: 25px;
            border-bottom: 1px solid #f7f7f7;
            background-color: #d6d6d6;
        }

        .pagedata-fast {
            float: left;
            width: 40%;
        }

        .hide_mob_items {
            display: none;
            margin-top: -140px;
            z-index: 99999;
        }

        .pt-5px {
            padding-top: 5px;
        }

        .pt-10px {
            padding-top: 10px;
        }

        .payments-icon {
            margin-top: -140px;
            z-index: 99999;
        }

        .marg-top-m-20px {
            margin-top: -20px;
        }

        .web-color {
            color: #058ecb;
        }

        .achieve-head {
            color: #fff;
            background-color: #058ecb;
			border-radius: 10px;
    		padding: 6px;
			font-weight: revert;
        }

        .default-text-block {
            padding-left: 0px !important;
            padding-right: 0px !important;
            position: relative;
            height: 100%;
        }

        #pagedata ol li {
            list-style: disc;
            font-size: 16px;
            font-family: Arial, Helvetica, sans-serif;
            color: #fff;
        }

        .smooth-textbox h1 {
            font-size: 45px !important;
            font-weight: bold !important;
            line-height: 45px !important;
            margin-bottom: 20px;
            color: #fff;
        }

        .smooth-textbox h3 {
            color: #fff;
        }

        @media(max-width:468px) {
            .height-100 {
                height: 100%;
            }

            .div_screen_wel_1 {
                padding: 0 2% !important;
                background-color: #dbe1f3;
                min-height: 35vw;
                height: 100%;
            }

            .box-part {
                background: #bbb8b8;
                border-radius: 0;
                height: 100%;
                margin-top: 30px;
            }
            /*header css*/
            .site-header .btn-outer .quote-btn {
                position: relative;
                display: block;
                line-height: 24px;
                text-align: center;
                padding: 10px 10px;
                margin: 0px 0px 0px;
                margin-top: 0px;
                font-weight: 500;
                font-size: 11px;
                color: #ffffff;
                border-radius: 0px;
                text-transform: firsttopcase;
                z-index: 1;
            }

            .header-main .logo {
                display: block;
                text-align: center;
                margin-bottom: 20px;
            }

            .logo img {
                max-width: 100%;
            }

            .header-info {
                text-align: right;
                margin-top: 5px;
            }

                .header-info li {
                    display: block;
                    margin-left: 0;
                    text-align: center;
                    margin-bottom: 20px;
                }

            .hdbox-left {
                color: #00b7f1;
                display: block;
                text-align: center;
                width: 100%;
            }

            .hdbox-right {
                display: block;
                color: #000;
                text-align: center;
                width: 100%;
            }

                .hdbox-right > span {
                    color: #000;
                    display: block;
                    font-size: 17px;
                    font-weight: 400;
                }
            /*header css*/
        }
        /**/
        .txt_block_div2 {
            min-height: 30vw;
    height: 30vw;
    border: 0px solid;
    border-radius: 10px;
	border-bottom: 5px solid #058ecb;
        }

        .web_ul ul {
            padding-left: 30px;
            padding-bottom: 15px;
            text-align: left;
            margin-top: 1rem;
        }

            .web_ul ul li {
                list-style-type: disc;
            }

        .submit-form-btn {
            font-size: 18px;
            color: #242424;
            font-weight: 700;
            margin-top: 1rem;
            display: block;
        }

        #testimonial4 {
            overflow: hidden;
            position: relative;
            background: #058ecb;
            height: 100%;
        }

        .div_screen_wel_1 {
            padding: 0 2% !important;
            background-color: #dbe1f3;
            min-height: unset;
            height: 100%;
        }

        .welcome-section {
            height: 35vw;
        }

        .for_authors img {
            width: 100%;
        }

        @media(max-width:468px) {
            .mg-t-mobile-1 {
                margin-top: 1rem;
            }

            .txt_block_div {
                min-height: unset;
                height: unset;
                background-color: #dbe1f3;
                position:;
            }

            .txt_block_div2 {
                min-height: unset;
                height: unset;
                background-color: #dbe1f3;
                border-bottom: 12px solid #058ecb;
                border-bottom-left-radius: 12px;
                border-bottom-right-radius: 12px;
            }

            .welcome-section {
                height: unset;
            }

            .d-none-m {
                display: none;
            }
        }

        .banner-ul ul {
            max-width: 471px;
        }

            .banner-ul ul li {
                list-style: disc;
                text-align: left;
                color: #fff;
            }

        /**/
        /*banner-text*/
        .banner-text {
            position: absolute;
            top: 0;
            padding: 52px 160px;
            width: 100%;
            display: block;
        }

        .carousel-control.right {
            right: 0;
            left: auto;
            background-image: -webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
            background-image: -o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
            background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.5)));
            background-image: unset;
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
            background-repeat: repeat-x;
        }

        .carousel-control.left {
            background-image: -webkit-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
            background-image: -o-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
            background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.0001)));
            background-image: unset;
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
            background-repeat: repeat-x;
        }

        .carousel-control {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            width: 15%;
            font-size: 20px;
            color: #fff;
            text-align: center;
            text-shadow: 0 1px 2px rgba(0,0,0,.6);
            filter: alpha(opacity=50);
            opacity: .5;
            display: none;
        }

        .fast-smooth h3 {
            color: #fff;
        }

        .fast-smooth h1 {
            font-size: 45px !important;
            font-weight: bold !important;
            line-height: 45px !important;
            margin-bottom: 20px;
            color: #fff;
        }

        .carousel-indicators {
            bottom: 20px;
            display: none;
        }

        .banner-img {
            height: 320px;
            max-height: 320px;
            background-size: cover;
            background-repeat: no-repeat;
            background-position: center;
        }

        @media(max-width:468px) {
            .banner-ul {
                display: none;
            }

            .fast-smooth {
                display: none;
            }

            .banner-img {
                height: 190px;
                max-height: 190px;
                background-size: cover !important;
                background-repeat: no-repeat !important;
                background-position: center !important;
            }
        }

        /*close*/