@font-face {
    font-family: 'icomoon';
    src: url('../fonts/icomoon.woff') format('woff');
    font-style: normal;
}


}
html{
height:100%}


@font-face {
  font-family: 'icomoon';
  src:  url('../icon/icomoon.eot?6cjm6l');
  src:  url('../icon/icomoon.eot?6cjm6l#iefix') format('embedded-opentype'),
    url('../icon/icomoon.ttf?6cjm6l') format('truetype'),
    url('../icon/icomoon.woff?6cjm6l') format('woff'),
    url('../icon/icomoon.svg?6cjm6l#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}


[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-home:before {
  content: "\e900";
}
.icon-loop2:before {
  content: "\ea2e";
}
.icon-newspaper:before {
  content: "\e904";
}
.icon-pencil:before {
  content: "\e905";
}
.icon-image:before {
  content: "\e90d";
}
.icon-mic:before {
  content: "\e91e";
}
.icon-profile:before {
  content: "\e923";
}
.icon-stack:before {
  content: "\e92e";
}
.icon-cart:before {
  content: "\e93a";
}
.icon-phone:before {
  content: "\e942";
}
.icon-alarm:before {
  content: "\e950";
}
.icon-bell:before {
  content: "\e951";
}
.icon-box-add:before {
  content: "\e95e";
}
.icon-box-remove:before {
  content: "\e95f";
}
.icon-floppy-disk:before {
  content: "\e962";
}
.icon-user:before {
  content: "\e971";
}
.icon-users:before {
  content: "\e972";
}
.icon-user-plus:before {
  content: "\e973";
}
.icon-spinner8:before {
  content: "\e981";
}
.icon-binoculars:before {
  content: "\e985";
}
.icon-search:before {
  content: "\e986";
}
.icon-lock:before {
  content: "\e98f";
}
.icon-unlocked:before {
  content: "\e990";
}
.icon-cog:before {
  content: "\e994";
}
.icon-list:before {
  content: "\e9ba";
}
.icon-tree:before {
  content: "\e9bc";
}
.icon-menu:before {
  content: "\e9bd";
}
.icon-earth:before {
  content: "\e9ca";
}
.icon-link:before {
  content: "\e9cb";
}
.icon-eye:before {
  content: "\e9ce";
}
.icon-star-full:before {
  content: "\e9d9";
}
.icon-cross:before {
  content: "\ea0f";
}
.icon-instagram:before {
  content: "\ea92";
}
.icon-telegram:before {
  content: "\ea95";
}
.icon-twitter:before {
  content: "\ea96";
}
.icon-linkedin:before {
  content: "\eac9";
}
.icon-file-pdf:before {
  content: "\eadf";
}





header {
    height: 70px;
    background: #1e2b36;
    z-index: 9999;
    /*border-top: 5px solid #097ebe;*/
    top: 0;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(0, 0, 0, 0.08);
    width: 100%;
    right:0;
    transition: ease .3s;
}

.register-btn {
    margin-top: 25px;
    text-align: left;
}



header .container {
    min-width: 90% !important;
}


@media screen and (min-width:600px) {
    .logo {
        width:170px;
        height:36px;
        margin-top: 7px;
        display: inline-block;
        background: url('../img/bglogo-1.png') no-repeat left center;
        background-size: contain;
        float: right;
        transition: width ease .3s;
    }
}

@media screen and (max-width:600px) {
    .logo {
        width:130px;
        height:30px;
        margin-top: 7px;
        display: inline-block;
        background: url('../img/bglogo-1.png') no-repeat left center;
        background-size: contain;
        float: right;
        transition: width ease .3s;
    }
}

header .menu {
    list-style: none;
    padding: 0;
    margin: 0;
    float: right;
    overflow-x: auto;
    white-space: nowrap;
    font-size: 14px;
}
header .menu a {
    color:#fff;
}
header .menu li {
    display: inline-block;
}

header .menu li a {
    color: #fff;
    padding: 0 10px;
    display: inline-block;
    line-height: 70px;
    position: relative;
    transition: ease .3s;
}


header .menu li a img {
    position: relative;
    bottom: -1px;
}

header .menu li a:after {
    content: '';
    width: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    height: 5px;
    background: #4DB6AC;
    transition: ease .3s;
    margin-bottom: .7rem;
}

header .menu li a.active:after, header .menu li a:hover:after {
    width: 100%;
}


#particles-js
{ position:absolute;
    width: 100%;
    height: 100%;
    background-color: #fff;
    background-repeat: no-repeat; background-size: cover; background-position: 50% 70%; }
.banner {
    height: 500px;
    color:#000;
    width: 100%;
    background-size: cover;
    position: relative;
    z-index:1;
}

.pages .banner {
    height: 320px;
}

.pages .banner .banner-text {
    padding: 32px 0;
}
.banner:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.banner .form-control {
    padding: 1rem .75rem;
}

.banner .btn {
    padding: 1rem;
}

.banner-text {
    padding: 122px 0;
    position: relative;
    z-index: 2;
    text-align: right;
}

.banner-text h1, .banner-text p {
    color: #000;
}

.banner-text h1 {
    margin-bottom: 30px;
    font-weight: bold;
}

.banner-text p {
    font-size: 24px;
}

.banner .input-group .form-control:not(:last-child) {
    border-left: none;
    background: rgba(255, 255, 255, 0.80);
}

.input-group .form-control:not(:last-child) {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.feature {
    color: #fff;
}

.feature h4 {
    font-size: 20px;
    padding-top: 10px;
    white-space: nowrap;
}

.feature p {
    font-size: 1.3rem;
    padding-top: 5px;
}

.feature i {
    font-size: 2rem;
    margin: 10px;
}
.feature{
min-height:3rem;}

@media(max-width>700){
.feature p {
    font-size: 2rem;
    padding: 5px;
}

.feature i {
    font-size: 2rem;
    }
.feature{
min-height:3rem;}

}

.form-control:focus {
    color: #555;
    background-color: #fff;
    border-color: #fff;
    outline: 0;
    box-shadow: none;
}

.input-group-append {
    margin-right: -1px;
    margin-left: auto;
}

.input-group > .input-group-append > .btn {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.gradient-1 {
    background: #097ebe;
    background: -moz-linear-gradient(left, #097ebe 1%, #008d75 100%);
    background: -webkit-linear-gradient(left, #097ebe 1%,#008d75 100%);
    background: linear-gradient(to right, #097ebe 1%,#008d75 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#097ebe', endColorstr='#008d75',GradientType=1 );
    color: #fff;
}

.gradient-1 .text-muted {
    color: #e0effe !important;
}

.gradient-1 .effect-1 {
    background: #e7e7e7;
    color: #000;
}

.gradient-1 .effect-1:hover {
    color: rgba(255, 255, 255, 1);
}


.card:hover > .hover-img:before {
    opacity: .3;
}

.card ul {
    padding: 0;
}



footer {
    padding: 0 0 20px;
    background: #263238;
    color: #fff;
    text-align: justify;
    border-top: 1px solid #eee;


}


.sub-footer h4, .sub-footer .tel {
    font-size: 20px;
    padding: 20px 0;
    margin: 0;
    white-space: nowrap;
    color: #686F7B;
}

header .btn-group {
    font-size: 13px;
    margin-left: 20px;
}

.btn-group > .btn-group:not(:first-child) > .btn, .btn-group > .btn:not(:first-child) {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.btn-group > .btn-group:not(:last-child) > .btn, .btn-group > .btn:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-left: 1px dotted #e0e0e0;
}

/*Custom Public Classes*/
.relative {
    position: relative;
}

.no-span {
    display: table;
    white-space: nowrap;
    font-size: 25px;
    margin-bottom: 30px;
}

.no-span:before, .no-span:after {
    border-top: 1px solid #eee;
    content: '';
    display: table-cell;
    position: relative;
    top: 0.5em;
    width: 45%;
}

.no-span:before {
    right: -1.5%;
}

.no-span:after {
    left: -1.5%;
}

a:hover {
    text-decoration: none;
}

.jumbotron {
    margin-bottom: 0;
}

.b-r {
    border-right: 4px solid #097ebe;
    padding-right: 10px;
}

.bg-gray {
    background: #eff2f2;
    padding: 30px 0;
}

.bg-dark {
    background: #333;
    padding: 30px 0;
}


.b5-top {
    border-top: 5px solid #097ebe;
}

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

.b15 {
    position: relative;
    bottom: 15px;
}

.fsmall {
    font-size: small;
}


.listing .content-row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
    margin-bottom: 15px;
}

.listing .content-row picture {
    flex: 1 30%;
}

.listing .content-row .content {
    flex: 1 70%;
    background: #bde8ff;
    position: relative;
}

.links {
    padding-left: 15px;
    text-align: left;
}

.links a {
    margin-top: 0;
}

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

}

@media screen and (max-width:1200px) {
    .listing .content-row picture {
        flex: 1 40%;
    }

    .listing .content-row .content {
        flex: 1 60%;
        background: #bde8ff;
        position: relative;
    }


    header .menu li a {
        line-height: 62px;
    }

    header .btn-group {
        margin-top: 12px;
        margin-left: 0;
    }

    header {
        height: 70px;
    }

    .banner-text h1 {
        font-size: xx-large;
    }

    .banner-text p {
        font-size: 20px;
    }



    .last-download .card {
        margin-bottom: 50px;
    }


}

@media screen and (max-width:768px) {
    .gradient-1.index{margin-top: 6.5rem}
    .c-faq--active .c-faq__title::after{float:left;content:'⮝';transform:rotateZ(0)!important}
    .no-span {
        white-space: normal;
    }

    .no-span:before, .no-span:after {
        width: 1%;
    }

    .listing .content-row picture {
        flex: 1 100%;
    }

    .listing .content-row .content {
        flex: 1 100%;
    }

    .listing .content-row .content .links {
        position: relative;
        text-align: left;
        bottom: 0;
        left: 0;
    }

    .sub-footer {
        text-align: center !important;
    }

    .hint-image .hint {
        max-width: 100%;
        position: initial;
    }

    .hint-image .image-box span, .hint-image .hint span {
        display: none;
    }

    .team > .row, .professors {
        white-space: nowrap;
        overflow-x: auto;
        flex-wrap: nowrap;
    }


    

    header .register-btn {
        display: none;
    }

    header.is_stuck .register-btn {
        display: block;
        margin-top: 7px;
    }

    header.is_stuck .btn-group {
        margin-left: 20px;
    }

    header .login-menu {
        display: block;

    }

    .no-span {
        font-size: 18px;
    }

    .banner {
        height: 350px;
    }

    .banner-text {
        text-align: center;
        padding: 70px 0;
    }

    .banner-text h1 span {
        display: none;
    }

    .banner-text p {
        font-size: 14px;
    }

    .display-4 {
        font-size: 2.5rem;
    }

    h3 {
        font-size: 17px;
    }

    header .menu:not(.login-menu) {
        height: 0;
        overflow: hidden;
        top: 70px;
        position: absolute;
        width: 100%;
        background: #fff;
        transition: ease .3s;
    }

    header .menu:not(.login-menu) li, header .menu:not(.login-menu) li a {
        display: block;
    }

    header .menu:not(.login-menu).open {
        height: initial;
    }

    .navToggle {
        position: absolute;
        width: 60px;
        height: 60px;

        right: 0;
        transition-duration: 0.5s;
        z-index: 222;
    }

    .navToggle .icon {
        transition-duration: 0.25s;
        position: absolute;
        width: 30px;
        height: 2px;
        top: 30px;
        left: 15px;
        background-color: #4DB6AC;
        /*=======*/
        /*background-color: #fff;*/

    }

    .navToggle .icon:before,
    .navToggle .icon:after {
        transition-duration: 0.25s;
        position: absolute;
        width: 30px;
        height: 2px;
        background-color: #4DB6AC;
        /*=======*/
        /*background-color: #fff;*/
        content: "";
    }

    .navToggle .icon:before {
        top: -7px;
        left: 0;
    }

    .navToggle .icon:after {
        top: 7px;
        left: 0;
    }

    .navToggle:hover {
        cursor: pointer;
    }

    .navToggle:hover .icon:before {
        top: -10px;
    }

    .navToggle:hover .icon:after {
        top: 10px;
    }

    .navToggle.open {
        transition-duration: 1s;
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
    }

    .navToggle.open .icon {
        transition-duration: 0.5s;
        background-color: transparent;
    }

    .navToggle.open .icon:before {
        transition-duration: 0.5s;
        top: 0;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
    }

    .navToggle.open .icon:after {
        transition-duration: 0.5s;
        top: 0;
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
    }
}

footer p, footer a {
    color: #b9b9b9;
}

footer .no-span:before, footer .no-span:after {
    border-top-color: #b9b9b9;
}

.socials-footer {
    position: relative;
    bottom: 6px;
}

footer .subcribe {
    display: inline-block;
    width: 100%;
    background: rgba(0,0,0,0.2);
    padding: 31px 30px;
}




footer .subcribe .form-control {
    border-radius: 0;
    display: inline-block;
    width: 100%;
    height: 30px;
    line-height: 30px;
    padding: 0 15px;
    color: #fff;
    background: none;
    font-size: 1rem;
    border: 1px solid #fff;
}

footer .subcribe label {
    width: 100%;
    margin-bottom: 20px;
}

footer .subcribe .btn {
    -webkit-appearance: none;
    margin-top: 0;
    width: 100%;
    display: block;
    text-align: center;
    font-size: 12px;
    font-weight: 700;
    padding: 10px;
    border: none;
    cursor: pointer;
}

.socials-footer ul {
    overflow: hidden;
    margin: 0;
    list-style: none;
    padding: 0;
}

.socials-footer ul > li {
    display: inline-block;
}






.border-title {
    margin-bottom: 50px;
    border-right: 5px solid #097ebe;
    padding-right: 10px;
    font-size: 20px;
}

.border-title span {
    display: block;
    line-height: 1;
    font-size: xx-large;
}

.icons {
    background: url('../img/icons.png') no-repeat;
}

img.circle {
    border-radius: 50%;
}

.user-name {
    color: #097EBE;
    border-bottom: 1px solid #898989;
    font-size: 18px;
    margin-bottom: 30px;
}

.mt-2-5 {
    margin-top: 2.1rem !important;
}

.h100p {
    height: 100%;
}

.card-header a {
    font-size: 13px;
    color: #898989;
    padding: .2rem .75rem;
}

.pages .screen-image {
    width: 70%;
}


header .dropdown .dropdown-item {
    text-align: right;
}

header .dropdown > a {
    color: #fff;
    padding: 0 10px;
    display: inline-block;
    line-height: 70px;
    position: relative;
    transition: ease .3s;
    font-size: small;
}

header .dropdown .dropdown-menu a {
    font-size: small;
}

header .dropdown .dropdown-menu {
    left: auto !important;
    right: 0 !important;
    top: 5px !important;
}

header .dropdown .dropdown-menu:before {
    width: 0;
    height: 0;
    margin-left: 15px;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 9px solid #fff;
    content: '';
    top: -7px;
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
}





@media screen and (max-width:768px) {
    .dashboard .navToggle {
        display: none;
    }
    header .menu:not(.login-menu){right:0}
    .content-with-sidebar.open {
        margin-right: 50px;
    }

    .content-with-sidebar.open + footer {
        width: 100%;
    }
}

.vira-adress{
        font-size:1.2em;
        color:#444;
    }



.input-group-append {
    margin-right: -1px;
    margin-left: auto;
}

.input-group > .input-group-append > .btn {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}
.input-group {
    flex-wrap: nowrap;
}
.image-box {
    width: 85px;
    height: 85px;
    overflow: hidden;
    float: left;
    margin-left: 10px;
    border-radius: 50%;
}

.testify-info {
    width: calc(100% - 95px);
    float: right;
}

.testify{
height:280px;
}


.countup i {
    background: #097EBE;
    width: 65px;
    height: 65px;
    line-height: 65px;
    text-align: center;
    color: #fff;
    display: inline-block;
    border-radius: 50%;
    float: right;
    margin-left: 5px;
    font-size: 20px;
}

.countup p {
    margin-bottom: 0;
}

.countup span {
    color: #097EBE;
    font-weight: bold;
    font-size: 26px;
}

.box-place {
    text-align: center;
}

.box-place i {
    color: #686f7a;
    font-size: 42px;
}

.box-place h4 {
    font-size: 18px;
}

.box-place p {
    font-size: small;
}
input[type=text], textarea {
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;
  padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;
  border: 1px solid #DDDDDD;
}

input[type=text]:focus, textarea:focus {
  box-shadow: 0 0 5px rgba(81, 203, 238, 1);
  padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;
  border: 1px solid rgba(81, 203, 238, 1);
}
.side1{
    margin-top:10px;
    border-radius:5px;
    padding:5px 10px;

}
.side2{
    margin-top:10px;
    padding:5px 10px;
    border-radius:5px
}




.detailTitle h1{
font-size:2rem;
line-height:3rem;
}
.similarTitle h2{
    font-size:1.2rem;
    padding-top:20px;
}
.similarAbstract p{
    font-size:0.9rem;
    line-height:1.7rem;
}
.onesimilar{
margin-top:10px;
padding:20px;
background-color:#f8f8f8;
border-radius:5px;
}

@media(min-width:1000px) {
    .detail{
    padding: 30px 50px;
    }
}
.detailAbstract{
font-size:1.1rem;
line-height:2rem;
}
@media(max-width:700px) {
.detailTitle h1{
font-size:1.4rem;
line-height:2.5rem
}
.similarTitle h2{
    font-size:1.1rem;
    line-height:2rem;
    padding-top:10px;
}
    .detailAbstract{
    font-size:1rem;
    line-height:1.8rem;
    }
}


@media(max-width:1100px){
.noMobile {display:none;}
}

.bgw{background-color:#fff;}
.bgd{background-color:#848d941f;}
.bgvsd{background-color:#1e2b36;}
.bgg{background-color:#e6ecf063;}
.coolshadow{
border-radius:5px;
box-shadow:0 0 0 1px rgba(0,0,0,.15), 0 2px 3px rgba(0,0,0,.2);
}


.fix-search{
    position: fixed;
    top: 50px;
    background-color:rgba(30,43,54,0.5);
    z-index:60000;
    height:60px;

    }
    .fix-search form{
    padding:0;
    margin:0;
    
    }

.fix-search-btn{
position:relative;
height: 48px;top: 5px;right: 0;
width:70px;
background-color:#0c99f8;
padding-bottom:0px;
border: 3px #0c99f8 solid;
font-size:28px;
color:#fff;

box-shadow: 0 0 5px rgb(71, 190, 223);
  padding: 3px 0px 3px 3px;
  border: 1px solid rgb(62, 173, 204);



}
.search-histroy h3{
    color:#237aaa;
    font-weight:600;
}

.feedak{
background-color:#fff;
}
.feedak:hover{
background-color:#f4f9fe;
cursor:pointer;

}

.person_works h2{
font-size:1.4rem;

}

.coauthors h3{
font-size:1.2rem;
}




.YesAccess{
margin-bottom:5px solid green;
}
.onlyUser{
margin-bottom:5px solid yellow;
}
.noUser{
margin-bottom:5px solid red;
}



@media screen and (max-width:1400px) and (min-width:900px){

#detail-body{
    padding:10px;
    position:fixed;
    top:8%;
    left:10%;
    width:80%;

    text-align:justify;
    font-size:1rem;
    line-height:1.7rem;
    max-height:85%;
    overflow-y: scroll

}
#detail-body h1{
font-size:2rem;
}
#detail-body img{
width:60px;

}
#detail-body p{
margin-top:15px;
padding:5px 15px;
}
#detail-body ul{
margin-top:10px;
}
#detail-body .pdf_img{
margin-top:15px;
}


}






@media screen and (max-width:900px) and (min-width:500px){

#detail-body{
    padding:10px;
    position:fixed;
    top:5%;
    left:5%;
    width:90%;

    text-align:justify;
    font-size:1rem;
    line-height:1.7rem;
    max-height:92%;
    overflow-y: scroll

}
#detail-body h1{
font-size:1.6rem;
}
#detail-body img{
width:60px;

}
#detail-body p{
margin-top:15px;
padding:5px 15px;
}
#detail-body ul{
margin-top:7px;
}
#detail-body .pdf_img{
margin-top:15px;
}


}




@media(min-width:1400px){

#detail-body{
    padding:10px;
    position:fixed;
    top:10%;
    left:15%;
    width:70%;

    text-align:justify;
    font-size:1rem;
    line-height:1.7rem;
    max-height:85%;
    overflow-y: scroll

}
#detail-body h1{
font-size:2rem;
}
#detail-body img{
width:70px;

}
#detail-body p{
margin-top:20px;
padding:5px 20px;
}
#detail-body ul{
margin-top:20px;
}
#detail-body .pdf_img{
margin-top:20px;
}


}













@media(max-width:500px){
    #detail-body{
    padding:10px;
    position:fixed;
    top:90px;
    left:10px;
    width:calc(100% - 20px);
    max-height:85%;
    overflow-y: scroll

    }
    #detail-body h1{
    font-size:1.5rem;

    }
    #detail-body p{
    margin-top:10px;
    text-align:justify;
    font-size:1rem;
    line-height:1.7rem;
    }
    #detail-body ul{
    margin-top:10px;
    }
}

html {
  position: relative;
  min-height: 100%;
}
.pdf_img{
font-weight:600;
font-size:0.9rem;
}



.detailAbstract{
padding:15px;
}
.detailTitle h1{
padding:20px;
font-weight:600;
color:#237aaa;
}

.last_issue h2{
font-size:1.3rem;
}

#dudes{
background: url('../img/dudes1700h-min2.jpg') no-repeat left top;
background-size:cover;
height:calc(100vh)
/* background-size: auto 100%;
background-repeat: no-repeat; */
}
.user_stats{
font-size:1.3rem;font-weight:600;
}
footer p{
font-size:0.8rem;
}


.sidenav {
    height: 100%; /* 100% Full-height */
    width: 0; /* 0 width - change this with JavaScript */
    position: fixed; /* Stay in place */
    z-index: 120000; /* Stay on top */
    top: 0; /* Stay at the top */
    right: 0;
    background-color: #162029;
    overflow-x: hidden; /* Disable horizontal scroll */
    padding-top: 60px; /* Place content 60px from the top */
    transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
}

/* The navigation menu links */
.sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 1.2rem;
    color: #fff;
    display: block;
    transition: 0.3s;
}

/* When you mouse over the navigation links, change their color */
.sidenav a:hover {
    color: #f1f1f1;
}

/* Position and style the close button (top right corner) */
.sidenav .closebtn {
    position: absolute;
    top: -15px;
    right: 10px;
    font-size: 50px;
    margin-left: 50px;
}

/* Style page content - use this if you want to push the page content to the right when you open the side navigation */

/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
    .sidenav {padding-top: 15px;}
    .sidenav a {font-size: 18px;}
}


@media (min-width:1400px){
    .menubtn {
        display:none;
    }

    .rmenu a{
    display:inline-block;

    margin-top:5px;
    margin-right:10px;
    padding-top:5px;
    padding-bottom:5px;
    padding-right:10px;
    font-size:17px;
    font-weight:400;
    }

    .lmenu a{
    display:inline-block;
    
    margin-top:5px;
    margin-left:5px;
    padding-top:7px;
    padding-left:5px;
    font-size:17px;
    font-weight:400;
    }


}
@media (max-width:1400px) and (min-width:900px){
    .menubtn {
        display:none;
    }

    .rmenu a{
    display:inline-block;
    
    margin-top:5px;
    margin-right:10px;
    padding-top:7px;
    padding-bottom:5px;
    padding-right:10px;
    font-size:17px;
    font-weight:400;
    }

    .lmenu a{
    display:inline-block;
    
    margin-top:5px;
    margin-left:5px;
    padding-top:5px;
    padding-left:5px;
    font-size:15px;
    font-weight:400;
    }

    

}






.sub-account a{
color:#fff;

}

@media (max-width:900px) and (min-width:500px){
    .lmenu{
        display:none;
    }
    .rmenu{
        display:none;
    }

.menubtn {
    display: inline-block;
    float: right;
    transition: width ease .3s;
    font-size:50px;
    padding: 10px;
}
    .menubtn:hover {
        cursor:pointer;
}

}


@media (max-width:500px){
    .lmenu{
        display:none;
    }
    .rmenu{
        display:none;
    }

    .menubtn {
    display: inline-block;
    float: right;
    transition: width ease .3s;
    padding: 10px;
    font-size:40px;
    

}
    .menubtn:hover {
        cursor:pointer;

}


.morebtn:hover{cursor:pointer;}

.jf_title a{
font-size:1rem;
}

.follow_row {
font-size:0.9rem;
}