html, body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    position: absolute;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Source Sans Pro', sans-serif !important;
}

h4 {
    font-size: 3rem !important;
    font-weight: 300;
}

    h4 i {
        font-size: 2.5rem !important;
    }

.italics {
    font-style: italic;
}

.opensans {
    font-family: "Open Sans";
}

.opensanscon {
    font-family: 'Open Sans Condensed', sans-serif !important;
}

.sourcesans {
    font-family: 'Source Sans Pro', sans-serif;
}

.osw {
    font-family: 'Oswald', sans-serif !important;
}

.edaff {
    font-size: 0.9rem;
    font-style: italic;
    line-height: 0.8rem;
    color: #444444;
    display:block;
    width:100%;
    padding-bottom:0.3rem;
}

.p2 p {
    margin-bottom: 0.3rem;
}

body {
    margin: 0;
    padding: 0;
    background-image: url(../img/background.png);
    background-repeat: repeat;
}

.logo {
    display: block;
    height: auto;
    z-index: 999999;
    width: 8%;
    position: absolute;
    top: 0.5vw;
    left: 7vw;
}

.nationalDayLogo {
    position: absolute;
    z-index: 10;
    top: 50px;
    width: 100%;
}

    .nationalDayLogo img {
        width: 24%;
        height: auto;
    }

#socialHome {
    text-align: center;
    position: absolute;
    top: 79%;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    z-index: 999999;
}

ul.social-network {
    list-style: none;
    display: block;
    margin-left: 0 !important;
    padding: 0;
}

    ul.social-network li {
        display: inline;
        margin: 0 5px;
    }

.social-network a.icoYouTube:hover {
    background-color: #BB0000;
}

.social-network a.icoFacebook:hover {
    background-color: #3B5998;
}

.social-network a.icoTwitter:hover {
    background-color: #33ccff;
}

.social-network a.icoGoogle:hover {
    background-color: #BD3518;
}

.social-network a.icoVimeo:hover {
    background-color: #0590B8;
}

.social-network a.icoLinkedin:hover {
    background-color: #007bb7;
}

.social-network a.icoInstagram:hover {
    background-color: #125688;
}

social-network a.icoLinkedin {
    background-color: #12A5F4;
}

.social-network a.icoSkype:hover {
    background-color: #12A5F4;
}

.social-network a.icoEnvelope:hover {
    background-color: #22263D;
}

    .social-network a.icoYouTube:hover i, .social-network a.icoFacebook:hover i, .social-network a.icoTwitter:hover i, .social-network a.icoGoogle:hover i, .social-network a.icoVimeo:hover i, .social-network a.icoLinkedin:hover i, .social-network a.icoInstagram:hover i, .social-network a.icoSkype:hover i, .social-network a.icoEnvelope:hover i {
        color: #fff;
    }

a.socialIcon:hover, .socialHoverClass {
    color: #44BCDD;
}

.social-circle li a {
    display: inline-block;
    position: relative;
    margin: 0 auto 0 auto;
    border-radius: 50%;
    text-align: center;
    width: 3vmax;
    height: 3vmax;
    font-size: 1vmax;
    border: 1px solid #ffffff;
}

.social-circle li i {
    margin: 0;
    line-height: 2.9vmax;
    text-align: center;
    color: white;
}

.social-circle li a:hover {
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -ms--transform: rotate(360deg);
    transform: rotate(360deg);
    transition: all 0.2s;
    border: 1px solid #ffffff;
}

.social-circle i {
    color: rgba(0, 0, 0, 0.9);
    transition: all 0.8s;
}

.social-circle li a {
    background-color: rgba(255, 255, 255, 0);
}

.omj-color {
    color: #ebaa57;
    color: #05234b !important;
}

.omj-bg-color {
    background-color: #05234b !important;
}

.omj-red {
    color: #B20205 !important;
}

.omj-green {
    color: #060 !important;
}

.omj-yellow {
    color: #ff0 !important;
}

.omj-gray {
    color: #CCCCCC;
}

#home {
    background-color: #05234b;
    padding-top: 0%;
    width: 100%;
    min-height: 100%;
    height: 100%;
    background-size: cover;
}

#subscribe {
    position: absolute;
    top: 50%;
    left: 0%;
    width: auto;
    z-index: 999999;
    font-family: 'Source Sans Pro', sans-serif !important;
    font-size: 1vw !important;
    line-height: 1.5vw !important;
}

    #subscribe li {
        padding: 0px;
        margin: 0px;
    }

    #subscribe input {
        font-family: 'Source Sans Pro', sans-serif !important;
        font-size: 1vw !important;
        border-radius: 0 0 0 0;
        width: 10vw;
    }

    #subscribe .btn a {
        font-family: 'Source Sans Pro', sans-serif !important;
        font-size: 1vw;
        border-radius: 0 0 0 0;
    }

#home-header {
    display: table;
    z-index: 1;
    position: absolute;
    top: 0;
    height: 5%;
    width: 100%;
}

.subscribe {
    margin: auto;
    padding-top: 2%;
}

    .subscribe .three {
        padding-left: 42.2785%;
        text-align: center;
        font-size: 1.5vw;
        color: #CCCCCC;
    }

        .subscribe .three:hover {
            color: #fff;
        }

        .subscribe .three i {
            display: inline-block;
        }

        .subscribe .three span {
            display: inline-block;
        }

.social-icons {
    display: table-cell;
    font-size: 2vh;
    padding-left: 1%;
    width: 50%;
    text-align: left;
    vertical-align: middle;
}

.sicon {
    font-size: 2rem;
    color: rgba(255, 255, 255, 0.5);
}

    .sicon:hover {
        font-size: 2rem;
        color: #fff;
    }

.social-icons-size {
    height: 1.5vh !important;
}

.home-center {
    display: table-cell;
    width: 30%;
    text-align: center;
    vertical-align: middle;
}

.home-highlights {
    font-family: 'Homenaje', sans-serif;
    font-weight: 100;
    font-size: 1.4vmax;
    color: white;
    padding-right: 1%;
    display: table-cell;
    width: 50%;
    text-align: right;
    vertical-align: middle;
}

#home-map {
    position: absolute;
    width: 100%;
    height: 100%;
}

#omj-logo {
    top: 9%;
    width: 100%;
    height: 20%;
    position: absolute;
    text-align: center;
    padding-left: 10%;
    padding-right: 10%;
}

omj-logo-wrapper {
    width: 442px;
    height: 200px;
}

#map {
    position: absolute;
    top: -15%;
    width: 100%;
    height: 100%;
    background-image: url(../img/home-map.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
}

#star {
    position: absolute;
    top: 30%;
    left: 55%;
}

.omj-link {
    font-size: 1.3rem;
    color: #FFF;
}

    .omj-link a {
        font-size: 1.3rem;
        color: #FFF;
    }

        .omj-link a:hover {
            color: #FFE200;
        }

.omj-msg-wrapper {
    padding-left: 5%;
    padding-right: 5%;
    position: relative;
    width: 100%;
    top: 43%;
    text-align: center;
}

#omj-msg {
    font-family: 'Open Sans Condensed', sans-serif;
    padding: 3%;
    text-align: center;
    position: relative;
    font-size: 1.4rem;
    line-height: 1.6rem;
    font-weight: 400;
    color: #FFF;
    text-align: center;
}

.text-points {
    list-style-type: square;
}

.omj-msg-btn {
    padding: 3%;
    margin: 0 !important;
}

.social-icons.omj-link a .icon-facebook, .social-icons.omj-link a .icon-twitter {
    font-size: 1.5vmax;
    margin-left: 0%;
    margin-right: 0%;
    margin-top: 0%;
    margin-bottom: 0%;
}

.social-icons.omj-link a .icon-twitter {
    margin-left: .5%;
}

#scroll {
    top: 90%;
    width: 100%;
    text-align: center;
    position: absolute;
}

.thin-box {
    display: inline-block;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 1.0vw;
    font-weight: 300;
    color: #FFF;
    border: 1px solid #FFF;
    padding-left: 0.5vmax;
    padding-right: 0.5vmax;
    padding-top: 0.2vmax;
    padding-bottom: 0.2vmax;
    letter-spacing: .2em;
}

.submit-button {
    display: inline-block;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 1.4rem;
    line-height: 1.4rem;
    letter-spacing: -.03em;
    color: rgba(255, 255, 255, 0.7);
    font-weight: 700;
    padding: 10px;
    padding-left: 20px;
    padding-right: 20px;
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0);
    border-radius: 5px;
    background: #008200;
    background: linear-gradient(0deg, #008200 30%, #0a0 70%);
    box-shadow: 0px 0px 9px rgba(255, 255, 255, 0.5);
}

    .submit-button:hover {
        color: #FFF;
        box-shadow: 0px 0px 15px rgba(255, 255, 255, 0.7);
    }

#home-submit-wrapper {
    padding-top: 2%;
    text-align: center;
}

#home-submit {
    display: inline-block;
}

.search-btn {
    margin-top: 3%;
}

    .search-btn .btn {
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
    }

    .search-btn .twelve {
        text-align: center;
    }

    .search-btn .prepend .adjoined, .append .adjoined, .field .input, .prepend .btn, .append .btn {
        height: 50px;
        vertical-align: top;
    }

    .search-btn .field .input {
        background: rgba(240, 240, 240, 0.9);
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
    }

.append .btn a {
    line-height: 50px;
}

.search-wrapper {
    display: inline-block;
}

.search-btn li {
    display: inline-block;
    width: 100%;
}

.search-text {
    padding-top: 5px;
    font-weight: 700;
    color: rgba(255, 255, 255, 0.5);
    font-size: 0.8rem;
    line-height: 0.9rem;
}

.animated-scroll {
    -webkit-animation-duration: 10s;
    animation-duration: 10s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}

@-webkit-keyframes fadeOutDown-scroll {
    0%, 50%, 100% {
        opacity: 1;
    }

    25%, 75% {
        opacity: 0;
    }
}

@keyframes fadeOutDown-scroll {
    0%, 50%, 100% {
        opacity: 1;
    }

    25%, 75% {
        opacity: 0;
    }
}

.fadeOutDown-scroll {
    -webkit-animation-name: flash;
    animation-name: flash;
}

.heading1 {
    display: table;
    padding-bottom: 5px;
    border-bottom: 1px solid #CCC;
    height: 100%;
    color: #000;
}

.btn {
    text-align: left;
}

.heading1-sub {
    font-family: 'Source Sans Pro', sans-serif;
    text-align: center;
    font-size: 1rem;
    font-weight: 400;
    border-bottom: 1px solid #CCC;
    padding-bottom: 5px;
    color: #000;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.heading1-sub2 {
    font-family: 'Source Sans Pro', sans-serif;
    text-align: left;
    font-size: 0.9rem;
    font-weight: 400;
    padding-top: 5px;
    color: #000;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.heading1-ico {
    max-width: 50px;
}

    .heading1-ico i {
        font-size: 2.5rem !important;
        line-height: 2.5rem;
        vertical-align: middle;
        color: #CCC;
        padding-right: 20px;
        display: table-cell;
        vertical-align: middle;
    }

.heading1-txt {
    color: #555;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 1.4rem;
    font-weight: 400;
    margin: 0px;
    line-height: 1.5rem;
    vertical-align: middle;
    display: table-cell;
    color: #05234b;
}

.navbar, .navbar.fixed {
    background-color: #05234b;
    font-family: 'Oswald', sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 48px;
    height: 50px !important;
    max-height: 50px;
    min-height: 50px;
    max-width: 100%;
    margin-bottom: 0;
    text-align: right;
    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.5);
}

#menu-wrappe .navbar.fixed ~ #article-issue .atl-isu {
    padding-top: 100px;
}

.omsb-logo a {
    top: 20px;
    left: 20px;
    width: 150px;
    height: 66px;
    position: absolute;
}

.omsb-logo img {
    width: 150px;
    height: 66px;
    display: block;
}

.navbar .logo {
    position: relative;
}

.navbar h1 {
    font-size: inherit;
}

.navbar .logo, .navbar ul, .navbar ul li, .navbar ul li a {
    font-family: 'Open Sans Condensed', sans-serif;
    height: 50px;
    line-height: 48px;
    text-shadow: none;
    font-weight: 600;
    letter-spacing: -0.02em;
}

.navbar ul {
    text-align: right;
    float: right;
    padding-right: 15px;
}

    .navbar ul li {
        border-right: 1px solid rgba(255, 255, 255, 0.2);
    }

        .navbar ul li > a {
            padding-left: 8px;
            padding-right: 8px;
            font-size: 1.05rem;
        }

        .navbar ul li:first-child {
            border-left: 1px solid rgba(255, 255, 255, 0.2);
        }

.navbar .logo a {
    min-width: 20%;
    max-width: 150px;
    height: 66px;
}

.navbar ul li.active {
    color: #FC0;
    padding-left: 16px;
    padding-right: 16px;
}

.navbar ul li a {
    color: #CCC;
}

.navbar ul li:hover a {
    color: #FFF;
    background: rgba(0, 0, 0, 0) !important;
}

.navbar li .dropdown {
    max-width: 230px !important;
}

    .navbar li .dropdown ul {
        padding-left: 15px;
    }

        .navbar li .dropdown ul > li a {
            font-family: 'Open Sans Condensed', sans-serif;
            font-weight: 600;
            color: #006;
            border-bottom-width: 1px;
            border-bottom-style: dotted;
            border-bottom-color: #999;
        }

        .navbar li .dropdown ul > li:last-child a {
            border-width: 0px;
        }

        .navbar li .dropdown ul > li:hover a {
            color: #900;
        }

.menu-names {
    vertical-align: middle;
}

#menu-wrapper {
    background: #05234b;
    text-align: center;
    display: block;
    line-height: 1rem;
    min-width: auto !important;
    max-width: auto !important;
    width: auto !important;
}

.sub-menu-wrapper {
    background: #05234b;
}

.sub-menu {
    text-align: center;
    display: block;
    line-height: 1em;
    left: 0;
    min-width: auto !important;
    max-width: auto !important;
    width: auto !important;
}

    .sub-menu ul {
        display: table-cell;
        line-height: 1em;
        height: auto;
        padding-left: 0%;
        padding-right: 0%;
    }

        .sub-menu ul li {
            display: inline-block;
            line-height: 1em;
            padding-left: .5%;
            padding-right: .5%;
            font-size: 1.7vh;
            padding-bottom: 0;
            height: auto;
        }

            .sub-menu ul li > a {
                color: #FFF;
                font-size: 1.5vmin;
                font-weight: 400;
                line-height: 2.5em;
            }

                .sub-menu ul li > a.active {
                    font-size: 1.5vmin;
                    font-weight: 400;
                    color: #FC0;
                    background: none;
                    background-color: none;
                }

            .sub-menu ul li:hover > a {
                color: #FFF;
                background-position: 0% 0%;
                font-size: 1.5vmin;
                font-weight: 400;
                background-color: none !important;
                color: #FC0 !important;
                background-image: none !important;
                background-repeat: repeat !important;
                background-attachment: scroll !important;
            }

    .sub-menu.unfixed {
        width: auto !important;
    }

    .sub-menu.fixed {
        background: #05234b;
        left: 0px !important;
        width: 100% !important;
        max-width: 980px !important;
        margin-left: auto;
        margin-right: auto;
        border-radius: 0px 0px 15px 15px;
        -moz-border-radius: 0px 0px 15px 15px;
        -webkit-border-radius: 0px 0px 15px 15px;
        border: 0px solid #800000;
        box-shadow: inset 0px 3px 10px 0px #01070f;
        right: 0px;
    }

        .sub-menu.fixed ul {
            margin-top: 60px;
        }

#welcome, #about, #top-articles {
    padding-top: 50px;
    padding-bottom: 50px;
    height: auto;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.8);
}

.sub-h-active {
    color: #FFF !important;
    border-bottom: 4px solid #2098d1;
}

.sub-h-subactive {
    color: #CCC !important;
    border-bottom: 4px solid #999;
}

.sub-h-none {
    border-width: 0px;
}

#articleIssue {
    margin-top: 5rem;
    padding-bottom: 10rem;
}

#guide {
    margin-top: 100px;
}

.guide-tabs {
    padding-top: 15px;
    padding-bottom: 15px;
}

.guide-tab {
    text-align: center;
    border-width: 0px;
    line-height: 40px;
}

    .guide-tab li {
        margin-right: 0% !important;
        margin-bottom: 4px;
        line-height: 40px;
        display: inline-block;
        vertical-align: middle;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        box-shadow: 0 0 1px rgba(0, 0, 0, 0);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -moz-osx-font-smoothing: grayscale;
        position: relative;
        transition-duration: 0.3s;
        transition-property: -webkit-transform;
        transition-property: transform;
        transition-property: transform, -webkit-transform;
    }

.guide-menu-wrapper {
    display: table;
    height: 40px !important;
    line-height: 38px !important;
    vertical-align: middle;
}

.guide-menu-ico {
    height: 40px !important;
    line-height: 38px !important;
    display: table-cell;
    vertical-align: middle;
}

#guide {
    height: 100%;
}

.guide-menu-text {
    margin: 0px;
    display: table-cell;
    padding: 0px;
    padding-left: 5px;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 0.9rem;
    height: 40px !important;
    line-height: 38px !important;
    vertical-align: middle;
    text-transform: uppercase;
}

.guide-tab li a {
    border-radius: 10px 10px 0px 0px;
    -moz-border-radius: 10px 10px 0px 0px;
    -webkit-border-radius: 10px 10px 0px 0px;
    font-family: 'Source Sans Pro', sans-serif;
    line-height: 40px !important;
    height: 40px !important;
    font-weight: 600;
    font-size: 1rem !important;
    letter-spacing: -0.02em;
    background: #4380d0;
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #4380d0), color-stop(82%, #2764b9), color-stop(100%, #0a4699));
    background: linear-gradient(to bottom, #4380d0 0%, #2764b9 82%, #0a4699 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4380d0', endColorstr='#0a4699', GradientType=0 );
    color: #FFF;
    text-shadow: none;
}

.guide-tab li:hover a {
    background: #4380d0;
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #4380d0), color-stop(82%, #2764b9), color-stop(100%, #0a4699));
    background: linear-gradient(to bottom, #4380d0 0%, #2764b9 82%, #0a4699 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4380d0', endColorstr='#0a4699', GradientType=0 );
}

.guide-tab > li.active > a {
    font-weight: 600;
    background: #fff;
    background: #fff;
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #fff), color-stop(82%, #fff), color-stop(100%, #e0e0e0));
    background: linear-gradient(to bottom, #fff 0%, #fff 82%, #e0e0e0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e0e0e0', GradientType=0 );
    color: #555;
}

.guide-block {
    margin-top: 30px;
}

.guide-sub-block {
    margin-top: 15px;
}

.guide-block-first {
    margin-top: 0px;
}

.guide-block-first {
    margin-top: 0px;
}

#guide .four:first-child, #guide .six:first-child {
    margin-left: 0px;
}

#guide .four, #guide .six {
    border-right: 1px solid #CCC;
    padding-right: 2.12766%;
    margin-left: 2.12766%;
}

    #guide .four:last-child, #guide .six:last-child {
        border-right-width: 0px;
        padding-right: 0px;
    }

.col-left {
    float: left;
    clear: left;
    margin: 0px;
    vertical-align: top;
    display: table-cell;
}

.col-right {
    float: right;
    clear: right;
    margin: 0px;
    vertical-align: top;
    display: table-cell;
}

.guide-wrapper {
    margin-top: 30px;
}

.guide-sub-wrapper {
    display: table;
    padding-top: 20px !important;
    height: 100%;
}

    .guide-sub-wrapper li:last-child {
        padding-right: 0px !important;
    }

.frame {
    display: table-cell;
    border-width: 0px !important;
    padding: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    height: 100%;
    float: none;
    width: 31.91489% !important;
    text-align: center;
}

.frame-wrapper {
    display: table;
    height: 100%;
    border: 1px solid #CCC !important;
    padding: 20px;
    padding-top: 10px;
    padding-bottom: 0px;
}

.guide-block-frame {
    padding: 10px;
}

.guide-text {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 1.1rem;
    line-height: 1.2;
    font-weight: 300;
    padding-top: 10px;
    text-align: justify;
    color: #000;
    margin: 0px;
}

.guide-text-heading {
    padding-top: 10px;
    font-size: 1rem;
    font-style: italic;
    font-weight: 400;
}

.guide-text-sub {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 1rem;
    line-height: 1.15rem;
    font-weight: 300;
    padding-top: 10px;
    text-align: justify;
    color: #000;
    margin: 0px;
}

.guide-text-sub-lst {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 1rem;
    line-height: 1.15rem;
    font-weight: 300;
    padding-top: 5px;
    text-align: left;
    color: #000;
    margin: 0px;
}

.guide-text-sub-lst {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 1rem;
    line-height: 1.15rem;
    font-weight: 300;
    padding-top: 5px;
    text-align: justify;
    color: #000;
    margin: 0px;
}

.guide-text-lst {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 1.1rem;
    line-height: 1.2rem;
    font-weight: 300;
    padding-top: 5px;
    text-align: left;
    color: #000;
    margin: 0px;
    list-style-type: decimal;
}

.guide-lst {
    padding-top: 0px !important;
}

.guide-block .btn {
    font-size: 1.2rem !important;
}

    .guide-block .btn a, #guide .btn a {
        font-family: 'Open Sans Condensed', sans-serif;
        font-size: 1rem !important;
    }

.guide-block {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 1.1rem;
    line-height: 1.3;
    font-weight: 300;
    padding-top: 0px;
}

.guide-text ul {
    padding: 10px;
    padding-right: 0px;
}

    .guide-text ul li {
        list-style-type: decimal;
    }

#article-issue {
    background-image: url(../img/texture.png);
    background-repeat: repeat;
}

    #article-issue ul,  #guidelines ul, #contact ul {
        display: table;
        padding-top: 50px;
        padding-bottom: 10px;
    }

        #article-issue ul li, #about ul li, #guidelines ul li, #contact ul li {
            text-align: center;
            padding: 0;
        }

#guidelines ul {
    text-align: center;
    vertical-align: top;
}

    #guidelines ul li {
        display: table-cell;
        padding-left: 3%;
        padding-right: 3%;
        float: none;
    }

#article-issue ul li i, #about ul li i {
    width: 100%;
    color: #fff;
    font-size: 4rem;
    padding-bottom: 110px;
    display: inline-block;
    -webkit-transition: all .2s ease-in-out;
    text-shadow: 0px 0px 30px rgba(0, 0, 0, 0.4);
}

#guidelines ul li i {
    width: 100%;
    color: #fff;
    font-size: 4rem;
    padding-bottom: 130px;
    display: inline-block;
    -webkit-transition: all .2s ease-in-out;
    text-shadow: 0px 0px 30px #00a0ff;
}

#contact {
    background-repeat: repeat;
    display: table;
    height: auto;
    width: 100%;
    background-image: url(../img/guidelines.png);
    box-shadow: inset 0px 10px 20px -10px rgba(0, 0, 0, 0.5);
}

    #contact ul li {
        padding: 20px;
        height: auto;
    }

.contact {
    font-size: 1.0rem;
    line-height: 1.4rem !important;
    font-weight: 300 !important;
    padding-top: 1vw;
    padding-left: 5px;
    padding-right: 5px;
    font-weight: 400;
    text-transform: none;
    letter-spacing: 0em;
    line-height: 1.3rem;
    color: rgba(255, 255, 255, 0.7);
}

.contact-bold {
    font-weight: 600 !important;
    text-transform: uppercase;
}

.contact-contact-name {
    padding-left: 5px;
    padding-right: 5px;
    font-weight: 400;
    text-transform: none;
    letter-spacing: 0em;
    line-height: 1.2rem;
    color: rgba(255, 255, 255, 0.7);
    font-weight: 300;
}

.contact-contact .ten {
    padding-left: 10px;
    text-align: left;
}

.contact-contact .two {
    padding-right: 10px;
    text-align: left;
}

#contact ul li i {
    width: 100%;
    color: rgba(255, 255, 255, 0.6);
    font-size: 4rem;
    padding-bottom: 130px;
    display: inline-block;
    text-shadow: 0px 0px 30px rgba(0, 160, 255, 0.3);
}

.atl-isu {
    padding-top: 50px;
    padding-bottom: 50px;
}

#article-issue ul li a, #about ul li a, #guidelines ul li a {
    display: block;
}

    #article-issue ul li a:hover, #about ul li a:hover, #guidelines ul li a:hover {
        color: #000;
    }

#article-issue ul li i:hover, #about ul li i:hover {
    color: #fff;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    text-shadow: 0px 0px 15px rgba(100, 100, 100, 0.5);
}

#guidelines {
    background-image: url(../img/guidelines.png);
    background-repeat: repeat;
}

    #guidelines ul li i:hover, #contact ul li i:hover {
        color: #fff;
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -o-transform: scale(1.1);
        -ms-transform: scale(1.1);
        text-shadow: 0px 0px 15px rgba(0, 160, 255, 0.7);
    }

#article-issue .ai-heading, #about .ai-heading {
    color: rgba(0, 0, 0, 0.6) !important;
    padding-top: 20px;
    padding-bottom: 0px;
    font-size: 1.2rem;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.08em;
    line-height: 1.5rem;
    margin-top: -110px;
}

#guidelines .ai-heading, #contact .ai-heading {
    color: rgba(153, 217, 255, 0.6) !important;
    padding-top: 20px;
    padding-bottom: 0px;
    font-size: 1.2rem;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.08em;
    line-height: 1.5rem;
    margin-top: -130px;
}

#contact .ai-heading {
    color: rgba(153, 217, 255, 0.6) !important;
    padding-top: 20px;
    padding-bottom: 10px;
    font-size: 1.2rem;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.08em;
    line-height: 1.5rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

#article-issue .ai-heading span, #about .ai-heading span {
    color: #96dcff !important;
}

#article-issue ul li a:hover .ai-heading, #about ul li a:hover .ai-heading {
    color: #000 !important;
}

#guidelines ul li a:hover .ai-heading, #contact ul li a:hover .ai-heading {
    color: #99d9ff !important;
}

.ai-text {
    font-size: 0.9rem;
    line-height: 1.1rem;
    text-transform: none;
    letter-spacing: 0em;
    font-weight: 400;
    padding: 10px;
    padding-top: 5px;
    padding-bottom: 0px;
}

.article-block {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    transition-duration: 0.3s;
    transition-property: box-shadow, -webkit-transform;
    transition-property: box-shadow, transform;
    transition-property: box-shadow, transform, -webkit-transform;
}

    .article-block:hover, .article-block:focus, .article-block:active {
        box-shadow: 0 15px 15px -15px rgba(0, 0, 0, 0.5);
        -webkit-transform: scale(1);
        transform: scale(1);
    }

.article-block {
    border: 1px solid #DDD;
    background-color: rgba(5, 35, 75, 0.3);
    display: table !important;
    width: 100%;
    margin-bottom: 20px;
}

    .article-block:hover {
        background-color: #05234b;
    }

        .article-block:hover .article-heading {
            color: #FFF;
        }

.article-block-wrapper, .article-header {
    background: #f0f0f0;
}

.article-block-wrapper {
    padding: 10px;
    padding-bottom: 2px;
    padding-top: 2px;
    display: table;
    width: 100%;
}

    .article-block-wrapper p {
        margin: 0;
        font-size: .9rem !important;
        font-weight: 300;
    }

        .article-block-wrapper p a {
            padding-left: 5px !important;
            padding-right: 5px !important;
        }

    .article-block-wrapper ul {
        display: table;
        margin: 0;
    }

        .article-block-wrapper ul li {
            display: table-cell;
            margin-right: 5px;
            padding: 0px;
            float: left;
        }

            .article-block-wrapper ul li p {
                background: none !important;
                border-width: 0px !important;
            }

            .article-block-wrapper ul li:last-child {
                margin: 0px;
            }

i:before {
    margin: 0px !important;
}

.article {
    padding-top: 20px;
    padding-bottom: 20px;
}

    .article ul:last-child {
        padding-bottom: 0px;
    }

.article-header {
    padding: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 0.8rem;
    line-height: 0.9rem;
    height: 27px;
}

.article-category {
    font-family: 'Source Sans Pro', sans-serif !important;
    float: left;
    font-weight: 300;
    color: #05234b;
}

.article-issue {
    text-align: right;
}

.article-heading {
    padding: 10px;
    font-size: 0.9rem;
    font-weight: 500;
    line-height: 0.95rem;
    text-align: left;
}

    .article-heading .three {
        text-align: center;
        width: 100%;
        display: table;
        vertical-align: middle;
        height: 100%;
        padding: 10px;
        padding-top: 5px;
    }

    .article-heading .nine {
        margin: 0px;
        padding-right: 5px;
    }

.article-icon {
    color: #fff;
    font-size: 2.5rem !important;
}

.text-heading {
    font-size: 1.1rem;
    font-weight: 600;
    color: #333;
    line-height: 1.2rem;
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #E7E7E7;
}

.text-para {
    font-size: 1rem;
    font-weight: 300;
    color: #000;
    line-height: 1.4rem;
}

.text-para-space {
    text-align: justify;
    padding-bottom: 3%;
    display: block;
}

.text-para-itc {
    font-style: italic;
    font-size: 0.9rem;
}

.abs {
    font-weight: 600;
    text-transform: uppercase;
    font-size: 1rem;
}

.abs-bold {
    font-weight: 500;
    font-style: italic;
}

.Italics {
    font-weight: 300;
    font-style: italic;
}

.Italics-Bold {
    font-weight: 400;
    font-style: italic;
}

.abs-text, .abs-text-last {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 300;
    font-style: normal;
    padding-bottom: 10px;
}

.abs-text-last {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 300;
    font-style: normal;
    padding-bottom: 0px;
}

.article-author {
    color: #1e1e1e;
    padding-top: 2px;
    font-size: 0.9rem;
    line-height: 1rem;
    font-weight: 300;
    text-align: left;
}

.article-abstract {
    font-weight: 300;
    background: #FFF !important;
    font-size: 0.9rem;
    line-height: 1rem;
    text-align: justify;
    color: #333;
    box-shadow: none;
    border: 1px solid #EEE;
    display: none;
    padding: 10px;
    padding-bottom: 5px;
    border-radius: 5px;
    margin-top: 5px;
}

.ttip:before {
    width: auto !important;
    height: auto !important;
    min-width: auto !important;
    min-height: auto !important;
}

.ttip:after {
    font-size: 0.8rem;
    width: auto !important;
    height: auto !important;
    min-width: auto !important;
    min-height: auto !important;
}

.ttip:hover:after, .ttip:hover:before {
    width: auto !important;
    height: auto !important;
    min-width: auto !important;
    min-height: auto !important;
}

.article-abstract.active {
    display: inline-block;
}

.article-abstract-nospace {
    padding: 0;
}

.article-abstract p {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 300;
    font-size: 0.9rem !important;
    line-height: 1rem;
    text-align: justify;
    padding-bottom: 5px;
}

.article-block-wrapper p a {
    background: none;
    border-width: 0px;
    color: rgba(5, 35, 75, 0.5) !important;
}

    .article-block-wrapper p a:hover {
        color: #05234b !important;
    }

    .article-block-wrapper p a.active {
        background: none;
    }

.article-info-block {
    float: left;
    padding-bottom: 0px;
}

.article-view-block {
    float: right;
    padding-bottom: 0px;
}

.article-footer {
    font-size: 1.6vh;
    text-align: right;
}

    .article-footer a {
        color: #05234b;
    }

        .article-footer a:hover {
            color: #900;
        }

.content-info {
    padding-top: 2%;
}

.content-heading {
    font-size: 1.2rem;
    font-weight: 700;
    padding-bottom: 8px;
    letter-spacing: .15em;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #999;
}

.content-info i {
    padding: 0;
    margin: 0;
}

.content-heading i {
    padding-right: 5px;
    color: inherit;
}

#message .row {
    padding: 20px;
    padding-top: 50px;
}

#message .four {
    padding-top: 5px;
}

#message p {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 1.1rem;
    line-height: 1.3rem;
    font-weight: 300;
    text-align: justify;
    color: #000;
}

.drop-case {
    font-family: "Open Sans";
    font-weight: 400;
    font-size: 5rem;
    line-height: 4rem;
    float: left;
    padding-right: 5px;
    color: #CCC;
}

.eic-title {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 500;
    font-size: 1.0rem;
    text-align: center;
    border-bottom: 0px solid #DDD;
    padding: 0px;
    padding-bottom: 3px;
    padding-top: 0px;
}

    .eic-title span {
        font-family: 'Open Sans Condensed', sans-serif;
        font-size: 0.8rem;
        display: inline-block;
        font-weight: 200;
    }

.eic-title2 {
    font-family: 'Allura', cursive;
    font-weight: 400;
    font-size: 1.7rem;
    display: none;
}

.eic-aff {
    text-align: center;
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: #999;
}

#message {
    width: 100%;
    background-repeat: repeat;
    padding-top: 0%;
    min-height: auto;
    height: auto;
    padding-top: 50px;
    padding-bottom: 50px;
    background-image: url(../img/background.png);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
}

.top-article-wrapper {
    display: block !important;
    padding-top: 50px;
}

.archive-name {
    font-family: 'Open Sans Condensed', sans-serif;
    text-align: center;
    padding: 0;
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.2rem;
    position: relative;
    z-index: 999999;
    padding-top: 5%;
}

#guide .hvr-float-shadow:before {
    width: 70% !important;
    left: 15% !important;
}

.archive-issue-names {
    display: table;
    padding-top: 10px;
    padding-bottom: 30px;
}

.about-menu {
    padding-top: 50px;
}

.about-row1, .about-row2 {
    padding-top: 0px;
}

.about-row01 .two, .about-row02 .two {
    text-align: left;
}

.about-row1 .two, .about-row1 .twelve, .about-row2 .two, .about-row1 .four, .about-row2 .four, .about-row3 .twelve, .about-row4 .twelve {
    text-align: center;
}

.about-row1 .ten, .about-row2 .ten, .about-row01 ten, .about-row02 ten {
    padding-left: 10px;
}

.about-row2, .about-row3, .about-row4, .about-row02 {
    padding-top: 30px;
}

    .about-row1 i, .about-row2 i, .about-row3 i, .about-row4 i, .about-row01 i, .about-row02 i {
        font-size: 3rem;
        color: rgba(5, 35, 75, 0.3);
        text-align: center;
    }

    .about-row3 .row .four {
        text-align: left;
    }

.p1 {
    text-align: left;
}

.p2 {
    text-align: center;
}

.p3 {
    text-align: right;
}

.current-heading-wrapper {
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #D9D9D9;
}

.about-menu ul {
    border-width: 0px !important;
    border-top-width: 1px !important;
    margin-bottom: 20px;
}

    .about-menu ul li {
        margin-right: 5px;
    }

        .about-menu ul li:hover > a {
            color: rgba(100, 100, 100, 0.8);
        }

        .about-menu ul li:first-child > a {
            margin-left: 10px;
        }

        .about-menu ul li > a, .contact-heading {
            font-size: 1rem;
            text-transform: uppercase;
            font-weight: 600;
            letter-spacing: 0.01em;
            line-height: 1.2rem;
        }

.contact-heading {
    color: #FFF;
}

.about-menu ul li > a {
    margin-right: 10px;
    font-size: 1rem;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.01em;
    line-height: 1.2rem;
    margin-right: 10px;
    color: rgba(100, 100, 100, 0.5);
    box-shadow: inset 0px 5px 8px -2px rgba(0, 0, 0, 0.1);
    border: 1px solid #F3F3F3 !important;
    border-top-width: 0px !important;
}

.about-menu ul li.active > a {
    font-size: 1rem;
    color: #646464;
}

iframe {
    width: 100%;
    heigth: 100%;
    overflow: hidden;
    overflow-x: hidden;
    overflow-y: hidden;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    padding: 20px;
    padding-right: 7px;
    padding-top: 30px;
}

.modal > .content > .close {
    top: 5px !important;
    right: 0px !important;
}

.modal > .content {
    min-height: 90%;
    max-height: 95%;
    top: 5%;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

.heading1 span:before {
    margin: 0px !important;
    margin-left: 5px;
}

span.icon-minefield::before {
    margin-left: 0;
}

#current-heading {
    border-top: 15px solid #E6E6E6;
    background: #CCC;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk5YzRlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: linear-gradient(to bottom, #99c4e5 0%, #fff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99c4e5', endColorstr='#ffffff',GradientType=0 );
    text-align: left;
}

.upcoming-heading {
    margin-top: 60px;
    border-top: 15px solid #E6E6E6;
    background: #b2b2b2;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2IyYjJiMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjgwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: linear-gradient(to bottom, #b2b2b2 0%, #fff 80%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b2b2b2', endColorstr='#ffffff',GradientType=0 );
}

.archive-issue {
    margin-top: 60px;
    border-top: 15px solid #E6E6E6;
    background: #99c4e5;
    background: #b2b2b2;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2IyYjJiMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjgwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: linear-gradient(to bottom, #b2b2b2 0%, #fff 80%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b2b2b2', endColorstr='#ffffff',GradientType=0 );
}

.omj-issue-heading, .omj-issue-heading-blue {
    color: #333;
    text-align: center;
}

.omj-issue {
    font-size: 1.5rem;
    font-weight: 400;
    text-transform: uppercase;
    text-align: center;
    padding-top: 10px;
}

.omj-issue-heading {
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

.omj-issue-heading-blue {
    border-bottom: 1px solid rgba(153, 217, 255, 0.2);
}

.omj-issue-slogan, .omj-issue-slogan-blue {
    padding-top: 5px;
    text-align: center;
    font-size: 200;
    font-style: italic;
}

.omj-issue-slogan {
    color: rgba(0, 0, 0, 0.8);
}

.omj-issue-slogan-blue {
    color: #99d9ff;
}

.omj-issue-heading-underline {
    border-bottom: 1px solid #D9D9D9;
}

.issue {
    padding-top: 20px;
}

.issue-cover {
    text-align: left;
    line-height: 0%;
}

    .issue-cover img {
        min-width: 100px;
        max-width: 300px;
        width: 100%;
        height: auto;
    }
    .issn-no li{
  font-size:0.9rem;
  line-height:1.4rem;
  color:rgba(255,255,255,0.5);
}

#issue-info {
    padding-top: 3%;
}
.issue-info {
    color: red;
    font-style: italic;
}
.issue-heading {
    font-size: 1.3rem;
    font-weight: 600;
    color: #333;
    padding-bottom: 5px;
}

.issue-footer {
    padding-top: 0.5%;
    font-size: 1.5vh;
    color: #999;
    font-weight: 400;
}

    .issue-footer a {
        color: #666;
    }

        .issue-footer a:hover {
            color: #05234b;
        }

    .issue-footer i {
        margin: 0;
    }

.content {
    vertical-align: middle;
}

    .content li {
        display: inline-block;
        margin-bottom: 1%;
        margin-right: 0.2%;
        margin-left: 0.2%;
        padding-bottom: 0;
        background: #E6E6E6;
        font-size: 1.4vh;
        letter-spacing: 0em;
        font-weight: 400;
        color: #000;
    }

        .content li a {
            display: block;
            padding-left: 0.1em;
            padding-right: 10px;
            color: #666;
        }

        .content li i {
            padding-left: 5px;
            padding-right: 5px;
            font-size: 1rem !important;
        }

        .content li:hover a {
            background-color: #05234b;
            color: #FFF;
        }

.issue-cover-content {
    padding-right: 2%;
    padding-top: 0%;
    padding-bottom: 2%;
    height: 100%;
}

.issue-volume-year {
    text-align: left;
    font-weight: 400;
    padding-bottom: 20px;
}

#current-body {
    min-height: 100%;
    padding-bottom: 10rem;
}

.tab-nav {
    padding-bottom: 1%;
}

#archive-menu li {
    padding-bottom: 2%;
}

    #archive-menu li a {
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border: 1px solid #BDBDBD;
        background: #CCC;
    }

    #archive-menu li.active a {
        background: #05234b;
        color: #FFF;
        text-shadow: none;
    }

.archive-issue-names .four a {
    max-height: 387.703px;
}

    .archive-issue-names .four a img {
        overflow: hidden;
    }

.tab-content .frame {
    border: 1px solid #BDBDBD;
}

    .tab-content .frame a {
        display: block;
        height: auto;
        width: auto;
        margin: 0;
        padding: 0;
    }

.guidlines-heading {
    font-weight: 400;
    padding-top: 1%;
    font-size: 2.5vh;
    line-height: 1.9vh;
    text-align: left;
    color: #C00;
}

.guidlines-subheading {
    font-weight: 600;
    padding-top: 1%;
    font-size: 1.75vh;
    text-align: left;
    color: #060;
    font-style: italic;
}

    .guidlines-subheading i {
        padding: 0px;
        min-width: auto !important;
        text-align: left !important;
    }

.guidlines-subsubheading {
    font-weight: 600;
    color: #333;
    font-style: italic;
}

.guidlines-text-ol {
    list-style-type: lower-roman;
    list-style-position: outside;
}

.guidlines-text-none {
    list-style-type: none;
    list-style-position: outside;
}

.guidlines-text-num {
    list-style-position: inside;
    list-style-type: square;
}

.guidlines-text_underline {
    text-decoration: underline;
    font-weight: 600;
    font-size: 1.5vh;
}

.guidlines-text {
    font-weight: 400;
    padding-top: 1%;
    font-size: 1.7vh;
    line-height: 1.9vh;
    text-align: justify;
    color: #333;
}

.guidlines-text2 {
    font-weight: 400;
    padding-top: 1%;
    font-size: 1.5vh;
    line-height: 1.7vh;
    text-align: justify;
    color: #333;
}

.guidlines-text p {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 400;
    padding-top: 1%;
    font-size: 1.7vh;
    line-height: 1.9vh;
    text-align: justify;
    color: #333;
}

.side-menu-group.fixed {
    margin-top: 120px;
}

#side-menu ul {
    font-weight: 600;
    font-size: 1.7vh;
    line-height: 1.9vh;
}

    #side-menu ul li {
        padding-bottom: 5%;
        list-style-type: square;
    }

.sub-menu-content {
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #999;
    padding-left: 2%;
}

.smenu-active {
    color: #C00 !important;
}

.smenu-inactive {
    color: #05234b;
}

.smenu-top {
    color: #999;
}

.main-heading {
    font-size: 3.5vh;
    font-weight: 200;
    text-align: center;
    text-align: left;
    color: #900;
    width: auto;
}

.page-main-heading {
    font-weight: 500;
}

.tab-nav {
    padding-bottom: 0;
}

    .tab-nav > li.active > a, .tab-nav > li > a {
        font-family: 'Source Sans Pro', sans-serif;
        font-size: 1.6vh;
        height: 30px;
        line-height: 28px;
    }

#map-canvas {
    width: 100%;
    height: 150px;
    margin-top: 10px;
}

.content-wrapper {
    background: none !important;
}

.manuscript-heading {
    padding-top: 1%;
    font-size: 1.1rem;
    font-weight: 600;
    color: #333;
    line-height: 1.2rem;
    display: table;
}

.manuscript-views {
    padding-left: 2%;
    color: #555555;
    font-size: 0.8rem !important;
}

    .manuscript-views i {
        font-size: 1rem !important;
    }

.manu-title {
    display: inline-block;
    text-transform: uppercase;
}

.more {
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0px;
    text-align: right;
    display: block;
    float: right;
}

.abst {
    cursor: pointer;
}

.article-footer-tag {
    font-size: 1rem;
}

.more:hover {
    color: red;
    cursor: pointer;
}

.manuscript-author {
    color: #1e1e1e;
    padding-top: 2px;
    padding-left: 2%;
    font-size: 1rem;
    line-height: 1rem;
    font-weight: 300;
    padding-top: 5px;
    text-align: left;
    font-style: italic;
}

.manuscript-doi {
    color: #1e1e1e;
    padding-top: 2px;
    font-size: 0.8rem;
    line-height: 1rem;
    font-weight: 300;
    padding-top: 5px;
    text-align: right;
    letter-spacing: 0px;
    font-style: italic;
    text-decoration: underline;
}

    .manuscript-doi:hover {
        color: red;
        text-decoration: underline;
        cursor: pointer;
    }

.manuscript-abstract {
    font-weight: 300;
    padding-top: 10px;
    font-size: 1.1rem;
    line-height: 1.2rem;
    text-align: justify;
    color: #333;
}

    .manuscript-abstract p {
        font-weight: 400;
        padding-top: 1%;
        font-size: 1.7vh;
        line-height: 1.9vh;
        text-align: justify;
        color: #333;
    }

.article-footer i {
    font-size: 1rem !important;
    padding-before: 2px;
}

.footer-distributed {
    background-color: #323232;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12);
    box-sizing: border-box;
    width: 100%;
    text-align: left;
    vertical-align: middle;
    font-weight: 600;
    z-index: 100;
    padding: 1vw 1.01vw;
    margin-top: 0vw;
    position: fixed !important;
    display: inline-block;
    margin-top: 1rem;
    bottom: 0%;
    padding-left: 5vw;
    padding-right: 5vw;
    margin-bottom: 0px;
    text-align: center;
}

.footer-distributed-frame {
    position: fixed;
    bottom: 0px;
}

.footer-distributed .footer-left, .footer-distributed .footer-center, .footer-distributed .footer-right {
    max-width: 30%;
    display: inline-block;
    vertical-align: middle;
    width: 33.33%;
}

.footer-distributed .footer-left {
    text-align: left;
}

    .footer-distributed .footer-left p {
        color: #FFC20E;
        font-weight: 700;
        font-size: 0.9rem;
        line-height: 1.2rem;
        margin: 0;
    }

    .footer-distributed .footer-left .footer-links {
        font-size: 0.7rem;
        line-height: 0.7rem;
        font-weight: 700;
        color: #BBBBBB;
        margin: 0 0 0vw;
        padding: 0;
    }

        .footer-distributed .footer-left .footer-links a {
            display: inline-block;
            line-height: 1.0rem;
            text-decoration: none;
            color: #666666;
        }

            .footer-distributed .footer-left .footer-links a:hover {
                color: #999999;
            }

.footer-distributed .footer-center {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 0.7rem;
    line-height: 0.9rem;
    text-align: center;
    color: #888888;
}

    .footer-distributed .footer-center a {
        font-size: 0.7rem;
        color: #aaaaaa;
    }

.footer-distributed .footer-right {
    line-height: 1px !important;
    text-align: right;
}

    .footer-distributed .footer-right a {
        display: inline-block;
        width: auto;
        height: 10%;
        border-width: 0px;
        border-image-width: 0px;
        border-radius: 0vw;
        font-size: 2rem;
        color: #999999;
        padding-left: 5%;
        text-align: right;
        line-height: 2.5rem;
        margin-left: 3px;
    }

        .footer-distributed .footer-right a i {
            font-size: 1.6rem !important;
        }

        .footer-distributed .footer-right a:hover {
            background-color: none;
            color: #FFFFFF;
        }

@media (max-width: 1075px) {
    .navbar ul li > a {
        font-size: 1.5vw;
    }
}

@media only screen and (orientation: portrait) {
    .footer-distributed {
        padding-top: 2%;
        padding-bottom: 2%;
    }

        .footer-distributed .footer-left, .footer-distributed .footer-center, .footer-distributed .footer-right {
            text-align: center;
            padding-bottom: 0%;
            width: 100%;
            max-width: 100%;
        }

        .footer-distributed .footer-right {
            float: none;
            width: auto;
            display: table;
            margin: 0 auto 0px;
        }

        .footer-distributed .footer-center, .footer-distributed .footer-right {
            display: table;
            padding: 3%;
            padding-bottom: 0%;
        }

            .footer-distributed .footer-right a {
                display: table-cell;
                padding: 5%;
                padding-left: 7%;
                padding-right: 7%;
                padding-bottom: 0%;
                background-color: rgba(0, 0, 0, 0);
            }

                .footer-distributed .footer-right a i {
                    font-size: 2.0rem !important;
                }

        .footer-distributed .footer-left p {
            text-align: center;
        }

        .footer-distributed .footer-left .footer-links {
            line-height: 1.8;
            text-align: center;
        }
}

@media only screen and (max-width: 767px) {
    body {
        background-image: none;
    }

    .navbar-main {
        background-color: rgba(5, 35, 75, 0);
        box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0);
    }

    h4 {
        font-size: 2.5rem;
    }

    #message img {
        display: none;
    }

    #articleIssue {
        margin-top: 65px;
    }

    #article-issue, #about {
        background-image: none;
        background-color: #ffe632;
        text-align: center;
    }

        #article-issue li p, #about li p {
            text-align: center;
        }

    #guidelines, #contact {
        background-image: none;
        background-color: #036;
        width: 100%;
    }

    #message .four {
        padding-bottom: 0px;
    }

    .omj-msg-wrapper {
        top: 41%;
    }

    #omj-logo {
        top: 10%;
    }

    #omj-msg span {
        display: none;
    }

    #omj-msg {
        padding: 8%;
        font-size: 2.4vh;
        line-height: 2.5vh;
    }

    .thin-box {
        font-size: 1.5vh;
    }

    #message, #top-articles {
        padding-bottom: 0px;
    }

        #message .eicname {
            display: none;
        }

    .eic-title2 {
        text-align: left;
        border: 0px;
        padding: 0px;
        padding-top: 5%;
        padding-bottom: 5%;
        display: block;
    }

    .field .input {
        font-family: 'Source Sans Pro', sans-serif;
        font-size: 1rem !important;
        width: 70%;
        line-height: 29px !important;
    }

    .slide-align {
        position-top: 0;
    }

    .submit-button {
        font-size: 2.5vh;
    }

    .search-btn {
        margin-top: 10%;
    }

    .search-text {
        font-size: 0.5rem;
        width: 100%;
    }

    .menu-wrapper {
        display: none;
    }

    .manu-title {
        font-size: 1rem;
    }

    .manuscript-heading {
        padding-top: 3%;
    }

    .navbar .logo {
        padding: 5px;
        margin: 0;
        width: 110px !important;
        text-align: left;
    }

    .navbar ul {
        color: #FFF;
        padding: 0 !important;
        background: rgba(50, 50, 50, 0.95);
        top: 50px;
    }

        .navbar ul.active {
            height: auto;
            overflow: visible;
        }

    .navbar a.toggle {
        top: 9%;
    }

    .navbar ul li {
        color: #FFF;
        max-height: 600px !important;
        font-size: 0.9rem !important;
        line-height: 58px !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    }

        .navbar ul li:last-child {
            border-width: 0px;
        }

        .navbar ul li a {
            font-family: 'Source Sans Pro', sans-serif;
            text-transform: uppercase;
            letter-spacing: 0.02em;
            color: #FFF;
            padding: 0;
        }

        .navbar ul li.active {
            padding: 0px;
            max-height: 600px !important;
        }

            .navbar ul li.active .dropdown {
                width: 100% !important;
                min-width: 100%;
                max-height: 600px !important;
            }

                .navbar ul li.active .dropdown ul {
                    width: 100% !important;
                    max-width: 100%;
                    max-height: 500px;
                    height: auto;
                }

                    .navbar ul li.active .dropdown ul li a {
                        text-align: center;
                        color: #333;
                    }

                    .navbar ul li.active .dropdown ul li {
                        height: 50px;
                        background: #CCC;
                        border-bottom: 1px solid #666;
                        max-height: 500px;
                    }

    .navbar .logo a {
        position: static;
        width: 100%;
        height: 60px;
    }

    #message {
        padding-top: 20px;
        background-image: none;
    }

        #message .row {
            padding-top: 20px;
        }

        #message .four {
            padding-bottom: 0px;
        }

    .eic-title {
        font-size: 1.6rem;
    }

    .pipe {
        display: none !important;
    }

    .about-menu {
        padding-top: 10px;
    }

    .top-article-wrapper {
        padding-top: 30px;
    }

    .article-heading .three {
        display: block;
        float: left;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .ai-text {
        text-align: center;
        padding-bottom: 30px;
    }

    .tab-nav {
        display: block !important;
    }

        .tab-nav > li {
            width: 100%;
            display: inline-block !important;
            padding-bottom: 10px;
            margin: 0px !important;
        }

            .tab-nav > li > a {
                margin: 0 !important;
                font-size: 0.85rem !important;
                letter-spacing: 0em !important;
                text-align: left !important;
            }

    .navbar ul li {
        font-size: 1.2rem !important;
    }

    p {
        margin: 0px;
    }

    .navbar ul li {
        height: 40px !important;
        min-height: 40px;
        line-height: 38px !important;
    }

        .navbar ul li a::before {
            display: none;
        }

        .navbar ul li a {
            font-family: 'Open Sans Condensed', sans-serif;
            height: 40px;
            line-height: 38px;
            text-shadow: none;
            font-size: 1rem !important;
            letter-spacing: 0.1em;
            font-weight: 600;
        }

    .sub-h-active {
        border-width: 0px;
        color: #FFF;
    }

    .heading1 {
        display: inline-block;
        padding: 0px;
    }

    .heading1-sub {
        border-width: 0px;
        padding-bottom: 0px;
        text-align: left;
        font-size: 1.1rem;
    }

        .heading1-sub span {
            border-bottom: 1px solid #333;
        }

    .heading1-ico {
        width: 50px;
        max-width: 50px;
        margin: 0px !important;
        float: left;
        display: block;
    }

    .heading1-txt {
        margin: 0px !important;
        padding-top: 5px !important;
        display: block;
    }

    #guide {
        margin-top: 30px;
    }

        #guide ul li {
            width: 100%;
        }

    .frame-wrapper {
        border-width: 0px !important;
        padding: 0px;
    }

    #guide .four, #guide .six {
        margin: 0px;
        margin-top: 30px;
        border-width: 0px;
        padding: 0px;
    }

    .mar {
        margin: 0px !important;
    }

    .guide-sub-wrapper {
        display: block;
    }

        .guide-sub-wrapper li {
            display: block;
            width: 100%;
        }

    .frame-wrapper {
        width: 100%;
        display: block;
    }

    .guide-block-frame {
        width: 100%;
        display: block;
    }

    #guide .one {
        width: 50px;
        float: left;
        padding-right: 10px;
    }

    .guide-tab li a {
        border-radius: 5px 5px 5px 5px;
        -moz-border-radius: 5px 5px 5px 5px;
        -webkit-border-radius: 5px 5px 5px 5px;
        font-family: 'Source Sans Pro', sans-serif;
        line-height: 40px !important;
        height: 40px !important;
        font-weight: 600;
        font-size: 1rem !important;
        letter-spacing: -0.02em;
        background: #0a4699;
        background: -webkit-gradient(left top, left bottom, color-stop(0%, #0a4699), color-stop(1%, #0a4699), color-stop(25%, #2764b9), color-stop(75%, #2764b9), color-stop(100%, #0a4699));
        background: linear-gradient(to bottom, #0a4699 0%, #0a4699 1%, #2764b9 25%, #2764b9 75%, #0a4699 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a4699', endColorstr='#0a4699', GradientType=0 );
        color: #FFF;
        text-shadow: none;
    }

    .about-row01 .two, .about-row02 .two {
        text-align: center;
        margin-bottom: 5px;
    }

    .about-row01 .ten, .about-row02 .ten {
        text-align: center;
        margin-bottom: 30px;
    }

    .text-heading {
        text-align: center;
    }

    .text-para {
        text-align: center;
    }

    #about .push_four {
        padding-top: 30px;
    }

    .office {
        padding-bottom: 20px !important;
    }

    .text-para-itc {
        display: none;
    }

    .tab-content i {
        font-size: 3.5rem;
        display: block;
        text-align: center;
        margin-bottom: 10px;
    }

    .atl-isu {
        padding-bottom: 30px;
        margin-bottom: 0px;
    }

    #guidelines ul {
        padding-bottom: 0px;
        width: 100%;
    }

    #contact ul li i {
        padding: 0 !important;
    }

    #contact .ai-heading {
        margin: 0 !important;
    }

    #contact ul {
        padding-top: 30px;
    }

        #contact ul li {
            height: auto;
            display: block !important;
        }

    .contact {
        text-align: center;
        padding-top: 4vw;
    }

    #contact .two {
        text-align: center;
    }

    .contact-contact .centered {
        text-align: center;
    }

    .contact-contact .two .contact {
        text-align: right !important;
    }

    .contact-contact .two {
        margin-left: 40px;
        float: left;
        width: 24.89362% !important;
        text-align: right;
    }

    .contact-contact .ten {
        width: 82.97872% !important;
    }

    .contact-contact .social {
        width: 100% !important;
    }

    .more-btn {
        width: 100% !important;
        text-align: center;
        display: inline-block;
    }

    .issue-cover img {
        max-width: 100%;
    }

    h3 {
        font-size: 1.4rem;
        text-align: center !important;
    }

    .issue-cover-content ul li {
        font-size: 1rem;
        line-height: 1.6rem;
    }

        .issue-cover-content ul li a {
            font-size: 1rem;
            line-height: 2.6rem;
        }

            .issue-cover-content ul li a i {
                font-size: 1.3rem !important;
                padding-right: 10px;
                padding-left: 15px;
            }

    .article-footer a {
        font-size: 1rem;
    }

        .article-footer a i {
            font-size: 2rem !important;
        }

    .archive-issue-names .four {
        padding-left: 5px !important;
        padding-right: 5px !important;
        display: inline-block;
        float: left;
    }

    #guide .tab-content {
        padding: 0px;
        text-align: center;
        padding-left: 5px;
    }

    .archive-name {
        line-height: 1.2rem;
        padding-bottom: 0px;
    }

    .archive-issue-names {
        padding-bottom: 10px;
    }

    #archive-menu li {
        width: auto !important;
    }

        #archive-menu li a {
            height: 50px;
            line-height: 48px;
            font-size: 1.2rem !important;
            width: auto;
        }

    .heading1-txt {
        text-align: left;
    }

    .mar {
        width: 100% !important;
    }
}

#social {
    position: fixed;
    margin: 0;
    padding: 0;
    display: block;
    width: 6vh;
    left: 0px;
    padding-top: 1vh;
}

    #social li {
        list-style: none;
        text-align: center;
        display: block;
        margin: 0;
        padding: 0;
    }

        #social li:hover {
            cursor: pointer;
        }

        #social li i {
            color: white;
            display: table;
            width: 100%;
        }

        #social li span {
            display: table;
            width: 100%;
            text-align: center;
            font-size: 1.5vw;
            color: white;
        }

    #social .facebook {
        background-color: #3b5998;
    }

    #social .twitter {
        background-color: #55acee;
    }

    #social .linkedin {
        background-color: #0077b5;
    }

    #social .google {
        background-color: #dc4e41;
    }

    #social .download {
        background-color: #7b8994;
    }

    #social .view {
        background-color: #338d11;
    }

    #social .citation {
        background-color: #663300;
    }

    #social .print {
        background-color: #666666;
    }

    #social .email {
        background-color: #555555;
    }

.preloader {
    position: relative;
    left: 0;
    top: 0;
    z-index: 999;
    width: 100%;
    height: 100%;
    overflow: visible;
    background: #fff url("http://preloaders.net/preloaders/2/Broken%20circle.gif") no-repeat center center;
}

.imageWrapper {
    width: 100%;
    height: 100%;
    display: table;
}

    .imageWrapper:first-child {
        padding-top: 3%;
    }

    .imageWrapper .imageFrame {
        position: relative;
        width: 23%;
        overflow: hidden;
        float: left;
        display: table-cell;
        max-width: auto;
        margin-left: 2.12766%;
    }

        .imageWrapper .imageFrame a {
            display: inline-block;
        }

        .imageWrapper .imageFrame:first-child {
            margin-left: 0%;
        }

        .imageWrapper .imageFrame img {
            display: block;
            position: relative;
        }

.policyTabs ul {
    width: 25% !important;
    float: left;
}

    .policyTabs ul li a {
        height: auto !important;
        line-height: 1.2rem !important;
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
        text-align: left;
        border-radius: 4px 4px 4px 4px !important;
    }

        .policyTabs ul li a i {
            font-size: 1.5rem;
            color: inherit !important;
        }

        .policyTabs ul li a i {
            padding-right: 5px;
        }

        .policyTabs ul li a .text-heading {
            padding: 0px;
            margin: 0px;
            border-width: 0px !important;
            color: rgba(100, 100, 100, 0.5);
            font-size: 1rem;
        }

    .policyTabs ul .active a .text-heading {
        color: #646464;
    }

    .policyTabs ul li:first-child a {
        margin-left: 0px;
    }

.policyTabs .tab-content {
    width: 75% !important;
    margin: 0px !important;
    float: left;
    border-width: 0px !important;
    padding: 10px !important;
    padding-left: 2rem !important;
    padding-top: 0px !important;
}

    .policyTabs .tab-content .row {
        padding-top: 0px !important;
    }

.policyTabs .text-points {
    width: 100% !important;
    margin-left: 1.1rem;
}

@media only screen and (max-width: 768px) {
    .tab-content {
        padding-top: 0px;
        padding-left: 0px;
    }

    .policyTabs ul {
        width: 100% !important;
    }

        .policyTabs ul li {
            width: auto !important;
            float: left;
            padding-left: 5px !important;
            padding-top: 5px !important;
            padding-bottom: 5px !important;
        }

            .policyTabs ul li a {
                border-radius: 4px 4px 4px 4px !important;
            }

            .policyTabs ul li.active {
                padding-top: 5px !important;
                padding-bottom: 5px !important;
            }

    .policyTabs .tab-content {
        width: 100% !important;
    }

        .policyTabs .tab-content .text-para {
            text-align: left;
        }

    .footer-distributed {
        padding-top: 5%;
        padding-bottom: 5%;
        position: relative !important;
    }
}

@media only screen and (max-width: 1120px) {
    #current-body {
        padding-left: 12%;
        padding-right: 12%;
    }
}

@media only screen and (max-width: 1120px) and (orientation: portrait) {
    #subscribe {
        top: 79% !important;
    }

    #socialHome {
        top: 79%;
    }

        #socialHome ul {
            width: auto;
            text-align: center;
        }

    .social-circle li a {
        width: 6vw;
        height: 6vw;
    }

        .social-circle li a i {
            font-size: 2.5vw;
            line-height: 6vw;
        }
}

@media only screen and (max-width: 1120px) and (orientation: landscape) {
    #socialHome {
        top: 78%;
    }

        #socialHome ul {
            width: auto;
            text-align: center;
        }

    .social-circle li a {
        width: 5vw;
        height: 5vw;
    }

        .social-circle li a i {
            font-size: 2vw;
            line-height: 5vw;
        }
}

@media only screen and (max-width: 800px) {
    #current-body {
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 0px;
    }

    #issue-info, .issue-cover {
        display: none;
    }

    .issue {
        padding-top: 0px;
    }

    .article-footer a i {
        font-size: 1rem !important;
    }

    #social {
        position: absolute;
        z-index: 99999999;
        padding: 0px;
    }
}

@media only screen and (max-width: 767px) and (orientation: portrait) {
    .thin-box {
        font-size: 2vh;
        border: none;
    }

    #subscribe a span {
        display: none;
    }

    #subscribe {
        top: 78%;
        width: 100%;
    }

        #subscribe input {
            font-size: 3vw !important;
            height: 5vh;
            width: 30vw;
        }

        #subscribe .btn {
            font-size: 3vw !important;
            height: 5vh;
        }

            #subscribe .btn a {
                font-size: 3vw !important;
                height: 5vh;
                line-height: 5vh;
            }
}

@media only screen and (min-width: 768px) and (max-width: 800px) and (orientation: portrait) {
    #articleIssue {
        margin-top: 97px;
    }
}

@media only screen and (min-width: 568px) and (max-width: 570px) and (orientation: landscape) {
    #articleIssue {
        margin-top: 97px !important;
    }
}

@media only screen and (min-width: 320px) and (max-width: 374px) and (orientation: portrait) {
    #articleIssue {
        margin-top: 56px;
    }
}

@media only screen and (max-width: 800px) and (orientation: landscape) {
    .logo {
        top: 3vw;
        width: 15%;
    }

    #subscribe a span {
        display: none;
    }

    #subscribe {
        top: 84%;
        width: 100%;
    }

        #subscribe input {
            font-size: 2vw !important;
            height: 5vw;
            width: 20vw;
        }

        #subscribe .btn {
            font-size: 2vw !important;
            height: 5vw;
        }

            #subscribe .btn a {
                font-size: 2vw !important;
                height: 5vw;
                line-height: 5vw;
            }

    #omj-logo-wrapper {
        padding-left: 30%;
        padding-right: 30%;
    }

    .search-btn {
        margin-top: 3%;
    }

    #omj-msg {
        padding-top: 0%;
        padding-bottom: 0%;
    }

    .submit-button {
        font-size: 3.5vh !important;
    }

    .search-text {
        font-size: 3vh;
    }

    #socialHome {
        top: 84%;
    }

        #socialHome ul {
            width: auto;
            text-align: center;
        }

    .social-circle li a {
        width: 5vw;
        height: 5vw;
    }

        .social-circle li a i {
            font-size: 2vw;
            line-height: 5vw;
        }

    .thin-box {
        font-size: 2.5vh;
        border: none;
    }

    #scroll {
        top: 93%;
    }

    #articleIssue {
        margin-top: 104px;
    }
}

@media only screen and (min-width: 800px) {
    #message .eicmessage {
        text-align: justify;
    }

    #message p {
        text-align: center;
    }

    #message .row {
        padding-top: 0px;
        padding-bottom: 50px;
    }

    #article-issue, #about {
        padding-top: 50px;
    }

    #guidelines .ai-text {
        text-align: center;
    }

    #top-articles .article-heading {
        padding: 5%;
    }

    #top-articles, #message {
        padding-bottom: 0px;
    }

        #top-articles .three {
            width: 23%;
        }

        #top-articles .nine {
            padding: 0;
            width: 60%;
        }

    #about .tab-content .four .two {
        float: none;
        width: 82.97872%;
        text-align: center;
    }

    #about .tab-content .four .ten {
        text-align: center;
    }

    .guide-wrapper .heading1-txt {
        padding-top: 0.5%;
    }

    .top-article-wrapper {
        padding-bottom: 50px;
    }
}

@media only screen and (min-width: 800px) and (orientation: portrait) {
    .guide-tabs ul li .two {
        float: none;
        width: 100% !important;
        max-width: 100% !important;
        text-align: center;
        display: inline-block;
    }

    .guide-wrapper .heading1-txt {
        padding-top: 0%;
    }

    .guide-tabs ul li .two i {
        padding: 0px;
        text-align: center;
    }

    .guide-tabs ul li .guide-text {
        padding-left: 0px !important;
    }

    .guide-tabs ul li div {
        padding-left: 0px !important;
    }
}

@media only screen and (max-width: 736px) {
    #about .tab-content {
        padding-bottom: 0px;
    }

    .atl-isu {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    #welcome, #message, #article-issue, #about, #top-articles, #guidelines, #contact {
        padding-top: 50px;
        padding-bottom: 50px;
    }
}

@media (max-width: 736px) and (orientation: portrait) {
    .logo {
        top: 2%;
        width: 20%;
        left: 3%;
    }

    #omj-logo {
        padding-left: 20%;
        padding-right: 20%;
    }

    .field .input {
        width: 70%;
        height: 40px;
    }

    .search-btn {
        margin: 0px;
    }

    #home-submit {
        margin-top: 20%;
    }

    .search-btn .btn {
        height: 40px !important;
    }

        .search-btn .btn a {
            line-height: 40px !important;
        }

    #socialHome {
        top: 84.5%;
    }

        #socialHome ul {
            width: auto;
            text-align: center;
        }

    .social-circle li a {
        width: 10vw;
        height: 10vw;
    }

        .social-circle li a i {
            font-size: 4vw;
            line-height: 9.5vw;
        }

    #scroll {
        top: 93%;
    }

    #article-issue .ai-heading p, #about .ai-heading p {
        padding: 0px;
    }

    #article-issue .ai-heading, #about .ai-heading, #guidelines .ai-heading, #about .ai-heading, #guidelines .ai-heading {
        font-size: 0.9rem;
        line-height: 1.1rem !important;
    }

    #article-issue ul li, #about ul li, #guidelines ul li {
        padding-bottom: 8%;
    }
}

@media only screen and (max-width: 736px) and (orientation: landscape) {
    .logo {
        top: 5%;
        width: 10%;
        left: 3%;
    }

    .field .input {
        width: 40%;
        height: 40px;
    }

    .search-btn .btn {
        height: 40px !important;
    }

        .search-btn .btn a {
            line-height: 40px !important;
        }

            .search-btn .btn a i {
                line-height: auto;
            }

    #socialHome {
        top: 84%;
    }

        #socialHome ul {
            width: auto;
            text-align: center;
        }

    .social-circle li a {
        width: 5vw;
        height: 5vw;
    }

        .social-circle li a i {
            font-size: 2vw;
            line-height: 4.5vw;
        }

    #article-issue ul li, #about ul li, #guidelines ul li {
        width: 24.40426% !important;
        float: left;
        padding: 1%;
    }

    #contact ul {
        padding-bottom: 0px;
    }

    #contact .contact {
        padding-top: 5%;
    }

    .contact {
        font-size: 0.85rem;
        line-height: 1.1rem !important;
    }

    #contact ul li {
        float: left;
        padding-top: 1%;
        padding: 1%;
    }

    #contact ul a .three {
        width: 31.91489% !important;
    }

    #contact ul .four {
        width: 31.91489% !important;
    }

    #contact ul .five {
        width: 31.91489% !important;
    }

    #article-issue .ai-heading, #guidelines .ai-heading {
        font-size: 0.9rem;
        line-height: 1.1rem !important;
    }

        #article-issue .ai-heading p, #about .ai-heading p {
            padding: 0px;
        }
}

#about .tab-content {
    text-align: center;
}

.privacyRow {
    padding-bottom: 15rem;
}

.policy-heading1 {
    display: table;
    vertical-align: middle;
    padding-top: 2rem;
    padding-bottom: 0.5rem;
    margin-bottom: 0.5rem;
}

    .policy-heading1 .two {
        display: table-cell;
        vertical-align: middle;
        float: none;
        width: 2rem !important;
    }

    .policy-heading1 .ten {
        display: table-cell;
        vertical-align: middle;
        float: none;
        width: auto !important;
    }

#confAd {
    width: 100%;
    height: 100%;
    position: fixed;
    background: rgba(0, 0, 0, 0.8);
    z-index: 100;
}

    #confAd .row {
        position: relative;
        height: 100%;
        display: table;
        text-align: center;
    }

        #confAd .row .six {
            position: absolute;
            height: 100%;
            width: 100%;
            display: table;
            text-align: center;
        }

            #confAd .row .six .imageAd {
                display: table-cell;
                vertical-align: middle;
                text-align: center;
            }

                #confAd .row .six .imageAd .adButtons {
                    display: inline-block;
                    width: auto;
                    background: #eddfee;
                    position: relative;
                }

                    #confAd .row .six .imageAd .adButtons i {
                        position: absolute;
                        color: black;
                        font-size: 1.2rem;
                        right: 0%;
                        cursor: pointer;
                    }

                        #confAd .row .six .imageAd .adButtons i:hover {
                            color: red;
                        }

                #confAd .row .six .imageAd .adBtnWrapper {
                    display: block;
                    text-align: center;
                    padding: 4%;
                    padding-top: 1%;
                }

                    #confAd .row .six .imageAd .adBtnWrapper .btn a {
                        text-transform: uppercase;
                    }

@media only screen and (max-width: 640px) {
    .confWrapper .shadowBack {
        box-shadow: inset 0px 0px 15px 1px rgba(0, 0, 0, 0.75);
    }
}

@media only screen and (max-width: 480px) {
    .confWrapper .btn {
        font-size: 0.4rem;
        height: 20px;
        line-height: 20px;
        padding: 5px;
        left: 42%;
        top: 80%;
    }

        .confWrapper .btn a {
            padding: 0px 10px;
        }
}

@media only screen and (min-width: 481px) and (max-width: 640px) {
    #confAd .row {
        position: static;
        margin-left: auto;
        margin-right: auto;
        display: table;
        width: auto;
        text-align: center;
        vertical-align: middle;
    }

        #confAd .row .columns {
            position: static;
            display: table-cell;
            vertical-align: middle;
            width: auto;
        }

    .confWrapper .btn {
        font-size: 0.8rem;
        height: 30px;
        line-height: 30px;
        padding: 5px;
        left: 42%;
        top: 80%;
    }

        .confWrapper .btn a {
            padding: 0px 15px;
        }
}

#conf1 {
    background: white;
    position: relative;
}

#conference .row {
    padding: 0px;
    display: table;
}
.confWrapper a {
    display: block;
    padding:0px;
    margin:0px;
}
.shadowBack {
    box-shadow: inset 0px 0px 30px 1px rgba(0, 0, 0, 0.75);
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

.conferenceImage {
    width: 100%;
    height: auto;
    display: block;
    text-align: center;
    padding-bottom: 0%;
}

.confWrapper {
    text-align: center;
}

    .confWrapper .btn {
        position: absolute;
        top: 88%;
    }

.ifmLogo {
    position: absolute;
    top: 7%;
    right: 0px;
    width: 90%;
    text-align: right;
    margin-right: 2%;
    display: inline;
}

a::before {
    background: none !important;
}

.ifmLogo img {
    opacity: 0.6;
    filter: alpha(opacity=60);
    transition: opacity 0.5s ease-in-out;
    padding: 0px;
}

    .ifmLogo img:hover {
        padding-bottom: 2%;
        cursor: pointer;
        opacity: 1;
        filter: alpha(opacity=100);
        padding: 0px;
    }
.citeScore {
    position: absolute;
    z-index: 9999;
    top: 45%;
    right: 0px;
}

.issn-no li {
    font-size: 0.9rem;
    line-height: 1.4rem;
    color: rgba(255,255,255,0.5);
}

.issue-info {
    color: red;
    font-style: italic;
}


@media only screen and (min-width: 1000px) and (max-width: 1200px) {
    .ifmLogo img {
        width: 80%;
        height: auto;
    }
}

@media only screen and (min-width: 900px) and (max-width: 1000px) {
    .ifmLogo img {
        width: 60%;
        height: auto;
    }
}

@media only screen and (min-width: 700px) and (max-width: 900px) {
    .ifmLogo img {
        width: 40%;
        height: auto;
    }
}

@media only screen and (max-width: 700px) {
    .ifmLogo {
        top: 15%;
        width: 20%;
    }

        .ifmLogo img {
            opacity: 1;
            filter: alpha(opacity=100);
        }
}

@media only screen and (max-width: 700px) and (orientation: portrait) {
    .ifmLogo {
        top: 28%;
        width: 30%;
        left: 35%;
    }

        .ifmLogo img {
            opacity: 1;
            filter: alpha(opacity=100);
        }

    .citeScore {
        display: none;
    }
}

@media only screen and (max-width: 700px) and (orientation: portrait) {
    .nationalDayLogo {
        top: 0px;
    }

    .logo {
        left: 40%;
        top: 1%;
    }
}

@media only screen and (max-width: 700px) and (orientation: landscape) {
    .nationalDayLogo {
        top: 0px;
    }

    .logo {
        left: 2%;
        top: 30%;
        width: 15%;
    }
}

@media only screen and (max-width: 650px) and (orientation: landscape) {

    .citeScore {
        display: none;
    }
}

.policyParaHeading {
    font-weight: 500;
}

.policyPara {
    padding-bottom: 0.5rem;
    display: block;
}

.policyTable {
    width: 50%;
    font-size: 0.9rem;
    margin-bottom: 1rem;
}

.policyTableTextBold {
    font-size: 0.9rem !important;
    font-weight: 500 !important;
    text-align: center;
    padding: 0.3rem 0.5rem;
}

    .policyTableTextBold:first-child {
        text-align: left;
    }

.policyTableText {
    font-size: 0.9rem !important;
    font-weight: 300 !important;
    font-style: normal !important;
    text-align: center;
    padding: 0.3rem 0.5rem;
}

    .policyTableText:first-child {
        text-align: left;
    }


/* Policy Styles*/
.policyBold {
    font-weight: 400;
}

.policy-heading {
    font-weight: 400;
    font-size: 2rem;
    line-height: 2.2rem;
    padding-bottom: 0.5rem;
    color: #05234b;
}

.policy-subheading {
    color: black;
    font-weight: 300;
    font-size: 1.5rem;
    line-height: 1.7rem;
    padding-bottom: 0.3rem;
    /*text-transform: uppercase;*/
    padding-top: 1rem;
}

.policy-para {
    font-weight: 300;
    color: black;
    font-size: 1rem;
    line-height: 1.4rem;
    margin-bottom: 0rem;
}

    .policy-para a {
        font-weight: 400;
        text-decoration: underline;
        text-decoration-color: #05234b;
    }

.no-bottom-padding {
    padding-bottom: 0rem !important;
}

.no-bottom-margin {
    margin-bottom: 0rem !important;
}

.citeScore {
    background: white;
    padding: 1rem 1.5rem;
    width: 18rem;
    top: 70px;
    right: 20px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
    transition: .2s ease-in-out 0s;
}

    .citeScore:hover {
        cursor: pointer;
        transform: scale(1.02);
    }

.header {
    display: block;
    position: relative;
    padding-bottom: 0.5rem;
}

    .header .header-name {
        font-weight: 600;
        font-size: 1.0rem;
        line-height: 1rem;
        ;
        color: rgb(27, 27, 27);
    }

.container {
    display: table;
    width: 100%;
}

    .container .left {
        display: table-cell;
        width: 30%;
        height: 100%;
        vertical-align: middle;
    }

        .container .left .left-container {
            display: table;
            width: 100%;
            text-align: center;
            font-size: 1.1rem;
            color: #05234b;
            padding: 0.5rem 0rem;
            font-family: 'Open Sans Condensed', sans-serif
        }

            .container .left .left-container .score {
                display: table-cell;
                font-size: 1.3rem;
                font-weight: 600;
                width: 50px;
                height: 50px;
                border-radius: 50%;
                background: #ca3838;
                color: white;
                vertical-align: middle;
            }

            .container .left .left-container .equal {
                display: table-cell;
                vertical-align: middle;
                font-size: 1.3rem;
                font-weight: 500;
            }

    .container .right {
        display: table-cell;
        color: #05234b;
        width: 70%;
    }

        .container .right .first-row {
            font-size: 0.8rem;
            display: block;
            text-align: center;
            border-bottom: 2px solid #9999;
        }

        .container .right .second-row {
            font-size: 0.8rem;
            display: block;
            text-align: center;
        }

.citeScore .footer {
    margin-top: 0.5rem;
    font-size: 0.6rem;
    line-height: 0.7rem;
    color: #222222;
}

    .citeScore .footer .credit {
        display: table;
        padding-top: 0.8rem;
    }

        .citeScore .footer .credit .powered {
            display: table-cell;
            font-size: 0.8rem;
        }

        .citeScore .footer .credit .scopus img {
            display: table-cell;
            width: 50px;
            height: 15px;
            vertical-align: middle;
        }

@media only screen and (min-width: 830px) and (max-width: 1050px) {
    .citeScore {
        background: white;
        padding: 1rem 1.5rem;
        width: 12rem;
        top: 70px;
        right: 20px;
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        border-radius: 15px;
        -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
        -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
        box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
    }

    .header {
        display: block;
        position: relative;
        padding-bottom: 0.5rem;
    }

        .header .header-name {
            display: block;
            font-weight: 600;
            font-size: 1.0rem;
            line-height: 1.2rem;
            text-align: center;
            color: rgb(27, 27, 27);
        }

    .container {
        display: table;
        width: 100%;
    }

        .container .left {
            display: block;
            width: 100%;
        }

            .container .left .left-container {
                display: block;
                text-align: center;
                width: 100%;
                font-size: 1.1rem;
                color: #05234b;
                font-family: 'Open Sans Condensed', sans-serif
            }

                .container .left .left-container .score {
                    display: block;
                    margin: 0rem auto;
                    font-size: 1.3rem;
                    line-height: 50px;
                    font-weight: 600;
                    width: 50px;
                    height: 50px;
                    border-radius: 50%;
                    background: #ca3838;
                    color: white;
                    vertical-align: middle;
                }

                .container .left .left-container .equal {
                    display: none;
                }

        .container .right {
            display: block;
            width: 100%;
            color: #05234b;
            font-size: 0.9rem;
        }

            .container .right .first-row {
                display: block;
                text-align: center;
                border-bottom: 2px solid #9999;
            }

            .container .right .second-row {
                display: block;
                text-align: center;
            }

    .citeScore .footer {
        margin-top: 1rem;
        font-size: 0.6rem;
        line-height: 0.7rem;
        color: #222222;
        text-align: center;
    }

        .citeScore .footer .credit {
            display: flex;
            width: 100%;
            margin: 0rem auto;
            height: 30px;
            -webkit-align-items: center;
            align-items: center;
            text-align: center;
            justify-content: center;
        }

            .citeScore .footer .credit .powered {
                display: flex;
                font-size: 0.8rem;
            }

            .citeScore .footer .credit .scopus {
                display: flex;
            }

                .citeScore .footer .credit .scopus img {
                    float: left;
                    width: 50px;
                    height: 15px;
                }
}



@media only screen and (min-width: 320px) and (max-width: 830px) {
    .citeScore {
        background: white;
        padding: 1rem 1.2rem;
        width: 8rem;
        top: 70px;
        right: 20px;
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        border-radius: 15px;
        -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
        -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
        box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
    }

    .header {
        display: block;
        position: relative;
        padding-bottom: 0.5rem;
    }

        .header .header-name {
            display: block;
            font-weight: 900;
            font-size: 0.8rem;
            line-height: 0.9rem;
            text-align: center;
            color: rgb(27, 27, 27);
        }

    .container {
        display: table;
        width: 100%;
    }

        .container .left {
            display: block;
            width: 100%;
        }

            .container .left .left-container {
                display: block;
                text-align: center;
                width: 100%;
                font-size: 1.1rem;
                color: #05234b;
                padding: 0.3rem 0rem;
                font-family: 'Open Sans Condensed', sans-serif
            }

                .container .left .left-container .score {
                    display: block;
                    margin: 0rem auto;
                    font-size: 1.3rem;
                    line-height: 50px;
                    font-weight: 600;
                    width: 50px;
                    height: 50px;
                    border-radius: 50%;
                    background: #ca3838;
                    color: white;
                    vertical-align: middle;
                }

                .container .left .left-container .equal {
                    display: none;
                }

        .container .right {
            display: none;
            width: 100%;
            color: #05234b;
            font-size: 0.9rem;
        }

            .container .right .first-row {
                display: block;
                text-align: center;
                border-bottom: 2px solid #9999;
            }

            .container .right .second-row {
                display: block;
                text-align: center;
            }

    .citeScore .footer {
        margin-top: 0.5rem;
        font-size: 0.6rem;
        line-height: 0.7rem;
        color: #222222;
        text-align: center;
    }

    .citeScore .footer {
        margin-top: 0.5rem;
        font-size: 0.6rem;
        line-height: 0.7rem;
        color: #222222;
    }

        .citeScore .footer .credit {
            display: block;
            width: 100%;
            padding-top: 0.8rem;
        }

            .citeScore .footer .credit .powered {
                display: block;
                font-size: 0.8rem;
            }

            .citeScore .footer .credit .scopus img {
                display: block;
                padding-top: 0.2rem;
                width: 55px;
                height: 17px;
                margin: 0rem auto;
            }
}